{"version":3,"sources":["../src/color-selector-body.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { ForwardedRef } from \"react\"\nimport type { ColorSelectorEyeDropperProps } from \"./color-selector-eye-dropper\"\nimport type { ColorSelectorSlidersProps } from \"./color-selector-sliders\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ColorSelectorEyeDropper } from \"./color-selector-eye-dropper\"\nimport { ColorSelectorSliders } from \"./color-selector-sliders\"\nimport { ColorSwatch } from \"./color-swatch\"\nimport { useColorSelectorContext } from \"./use-color-selector\"\n\ninterface ColorSelectorBodyOptions {\n  /**\n   * Ref for the eye dropper component.\n   */\n  eyeDropperRef?: ForwardedRef<HTMLButtonElement>\n  /**\n   * If `true` display the eye dropper component.\n   *\n   * @default true\n   */\n  withEyeDropper?: boolean\n  /**\n   * If `true`, display the result component.\n   *\n   * @default true\n   */\n  withResult?: boolean\n  /**\n   * Props for the eye dropper component.\n   */\n  eyeDropperProps?: ColorSelectorEyeDropperProps\n}\n\nexport interface ColorSelectorBodyProps\n  extends Omit<HTMLUIProps, \"children\">,\n    ColorSelectorBodyOptions,\n    Pick<\n      ColorSelectorSlidersProps,\n      \"alphaSliderProps\" | \"alphaSliderRef\" | \"hueSliderProps\" | \"hueSliderRef\"\n    > {}\n\nexport const ColorSelectorBody = forwardRef<ColorSelectorBodyProps, \"div\">(\n  (\n    {\n      className,\n      alphaSliderRef,\n      eyeDropperRef,\n      hueSliderRef,\n      withEyeDropper = true,\n      withResult,\n      alphaSliderProps,\n      eyeDropperProps,\n      hueSliderProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { eyeDropperSupported, styles, value } = useColorSelectorContext()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      w: \"100%\",\n      ...styles.body,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-color-selector__body\", className)}\n        __css={css}\n        {...rest}\n      >\n        <ColorSelectorSliders\n          {...{\n            alphaSliderRef,\n            hueSliderRef,\n            alphaSliderProps,\n            hueSliderProps,\n          }}\n        />\n\n        {withEyeDropper && eyeDropperSupported ? (\n          <ColorSelectorEyeDropper ref={eyeDropperRef} {...eyeDropperProps} />\n        ) : null}\n\n        {withResult ? (\n          <ColorSwatch\n            className=\"ui-color-selector__result\"\n            color={value}\n            __css={{ ...styles.result }}\n          />\n        ) : null}\n      </ui.div>\n    )\n  },\n)\n\nColorSelectorBody.displayName = \"ColorSelectorBody\"\nColorSelectorBody.__ui__ = \"ColorSelectorBody\"\n"],"mappings":";;;;;;;;;;;;;;;AAIA,SAAS,YAAY,UAAU;AAC/B,SAAS,UAAU;AA8Db,SAME,KANF;AAzBC,IAAM,oBAAoB;AAAA,EAC/B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,EAAE,qBAAqB,QAAQ,MAAM,IAAI,wBAAwB;AAEvE,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,2BAA2B,SAAS;AAAA,QAClD,OAAO;AAAA,QACN,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,gBACF;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEC,kBAAkB,sBACjB,oBAAC,2BAAwB,KAAK,eAAgB,GAAG,iBAAiB,IAChE;AAAA,UAEH,aACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO,EAAE,GAAG,OAAO,OAAO;AAAA;AAAA,UAC5B,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;AAChC,kBAAkB,SAAS;","names":[]}