{"version":3,"sources":["../src/color-selector-sliders.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { ForwardedRef } from \"react\"\nimport type { AlphaSliderProps } from \"./alpha-slider\"\nimport type { HueSliderProps } from \"./hue-slider\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { AlphaSlider } from \"./alpha-slider\"\nimport { HueSlider } from \"./hue-slider\"\nimport { useColorSelectorContext } from \"./use-color-selector\"\n\ninterface ColorSelectorSlidersOptions {\n  /**\n   * Ref for the alpha slider component.\n   */\n  alphaSliderRef?: ForwardedRef<HTMLInputElement>\n  /**\n   * Ref for the hue slider component.\n   */\n  hueSliderRef?: ForwardedRef<HTMLInputElement>\n  /**\n   * Props for the alpha slider component.\n   */\n  alphaSliderProps?: Omit<AlphaSliderProps, \"defaultValue\" | \"value\">\n  /**\n   * Props for the hue slider component.\n   */\n  hueSliderProps?: Omit<HueSliderProps, \"defaultValue\" | \"value\">\n}\n\nexport interface ColorSelectorSlidersProps\n  extends Omit<HTMLUIProps, \"children\">,\n    ColorSelectorSlidersOptions {}\n\nexport const ColorSelectorSliders = forwardRef<\n  ColorSelectorSlidersProps,\n  \"div\"\n>(\n  (\n    {\n      className,\n      alphaSliderRef,\n      hueSliderRef,\n      alphaSliderProps,\n      hueSliderProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    let { size, styles, withAlpha, getAlphaSliderProps, getHueSliderProps } =\n      useColorSelectorContext()\n\n    if (size === \"full\") size = \"lg\"\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: \"column\",\n      ...styles.sliders,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-color-selector__sliders\", className)}\n        __css={css}\n        {...rest}\n      >\n        <HueSlider\n          className=\"ui-color-selector__hue-slider\"\n          size={size}\n          __css={{ ...styles.hueSlider }}\n          {...getHueSliderProps(hueSliderProps, hueSliderRef)}\n        />\n\n        {withAlpha ? (\n          <AlphaSlider\n            className=\"ui-color-selector__alpha-slider\"\n            size={size}\n            __css={{ ...styles.alphaSlider }}\n            {...getAlphaSliderProps(alphaSliderProps, alphaSliderRef)}\n          />\n        ) : null}\n      </ui.div>\n    )\n  },\n)\n\nColorSelectorSliders.displayName = \"ColorSelectorSliders\"\nColorSelectorSliders.__ui__ = \"ColorSelectorSliders\"\n"],"mappings":";;;;;;;;;;;;AAIA,SAAS,YAAY,UAAU;AAC/B,SAAS,UAAU;AAuDb,SAME,KANF;AA3BC,IAAM,uBAAuB;AAAA,EAIlC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,QAAI,EAAE,MAAM,QAAQ,WAAW,qBAAqB,kBAAkB,IACpE,wBAAwB;AAE1B,QAAI,SAAS,OAAQ,QAAO;AAE5B,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,eAAe;AAAA,MACf,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,QACrD,OAAO;AAAA,QACN,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV;AAAA,cACA,OAAO,EAAE,GAAG,OAAO,UAAU;AAAA,cAC5B,GAAG,kBAAkB,gBAAgB,YAAY;AAAA;AAAA,UACpD;AAAA,UAEC,YACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV;AAAA,cACA,OAAO,EAAE,GAAG,OAAO,YAAY;AAAA,cAC9B,GAAG,oBAAoB,kBAAkB,cAAc;AAAA;AAAA,UAC1D,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,SAAS;","names":[]}