@szum-tech/design-system 3.13.0 → 3.14.0

package/dist/{chunk-E5TYGWGE.js → chunk-XKCLVPUC.js}

@@ -48,7 +48,7 @@ function Select({
         "aria-invalid": triggerProps["aria-invalid"] || invalid ? true : void 0,
         "data-size": size,
         className: cn(
-          "border-input dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none",
+          "border-input dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none",
           "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
           "disabled:cursor-not-allowed disabled:opacity-50",
           "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",

package/dist/{chunk-XIQUR62A.cjs → chunk-XY3ZNUWR.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var React3 = require('react');
+var React = require('react');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -20,11 +20,11 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/hooks/use-validation-log.tsx
 function useValidationLog({ check, scope, message }) {
-  React3__namespace.useEffect(() => {
+  React__namespace.useEffect(() => {
     if (!check) {
       console.error(
         `%c[Szum Tech-Design System]%c
@@ -37,30 +37,42 @@ function useValidationLog({ check, scope, message }) {
     }
   }, [check, scope, message]);
 }
-function useLazyRef(fn) {
-  const ref = React3__namespace.useRef(null);
-  if (ref.current === null) {
-    ref.current = fn();
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  }
+  if (ref !== null && ref !== void 0) {
+    ref.current = value;
   }
-  return ref;
 }
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? React3__namespace.useEffect : React3__namespace.useLayoutEffect;
-
-// src/hooks/use-composed-refs.tsx
-function useComposedRefs(...refs) {
+function composeRefs(...refs) {
   return (node) => {
-    refs.forEach((ref) => {
-      if (!ref) return;
-      if (typeof ref === "function") {
-        ref(node);
-      } else {
-        ref.current = node;
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup === "function") {
+        hasCleanup = true;
       }
+      return cleanup;
     });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup === "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
   };
 }
+function useComposedRefs(...refs) {
+  return React__namespace.useCallback(composeRefs(...refs), refs);
+}
 
+exports.composeRefs = composeRefs;
 exports.useComposedRefs = useComposedRefs;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
-exports.useLazyRef = useLazyRef;
 exports.useValidationLog = useValidationLog;

package/dist/color-picker.types-GI7dq2Ig.d.cts

@@ -0,0 +1,42 @@
+declare const COLOR_FORMATS: readonly ["hex", "rgb", "hsl", "hsb"];
+
+type ColorFormat = (typeof COLOR_FORMATS)[number];
+type Direction = "ltr" | "rtl";
+type ColorValue = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+type HSVColorValue = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+/**
+ * @see https://gist.github.com/bkrmendy/f4582173f50fab209ddfef1377ab31e3
+ */
+type EyeDropper = {
+    open: (options?: {
+        signal?: AbortSignal;
+    }) => Promise<{
+        sRGBHex: string;
+    }>;
+};
+declare global {
+    interface Window {
+        EyeDropper?: {
+            new (): EyeDropper;
+        };
+    }
+}
+type ColorPickerContextValue = {
+    dir: Direction;
+    disabled?: boolean;
+    inline?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+};
+
+export type { ColorFormat as C, Direction as D, EyeDropper as E, HSVColorValue as H, ColorPickerContextValue as a, ColorValue as b };

package/dist/color-picker.types-GI7dq2Ig.d.ts

@@ -0,0 +1,42 @@
+declare const COLOR_FORMATS: readonly ["hex", "rgb", "hsl", "hsb"];
+
+type ColorFormat = (typeof COLOR_FORMATS)[number];
+type Direction = "ltr" | "rtl";
+type ColorValue = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+type HSVColorValue = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+/**
+ * @see https://gist.github.com/bkrmendy/f4582173f50fab209ddfef1377ab31e3
+ */
+type EyeDropper = {
+    open: (options?: {
+        signal?: AbortSignal;
+    }) => Promise<{
+        sRGBHex: string;
+    }>;
+};
+declare global {
+    interface Window {
+        EyeDropper?: {
+            new (): EyeDropper;
+        };
+    }
+}
+type ColorPickerContextValue = {
+    dir: Direction;
+    disabled?: boolean;
+    inline?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+};
+
+export type { ColorFormat as C, Direction as D, EyeDropper as E, HSVColorValue as H, ColorPickerContextValue as a, ColorValue as b };

package/dist/components/badge-overflow/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkXIQUR62A_cjs = require('../../chunk-XIQUR62A.cjs');
+var chunkXY3ZNUWR_cjs = require('../../chunk-XY3ZNUWR.cjs');
+require('../../chunk-N4TYSZSU.cjs');
 var chunkH2BWO3SI_cjs = require('../../chunk-H2BWO3SI.cjs');
 var React = require('react');
 var radixUi = require('radix-ui');
@@ -49,7 +50,7 @@ function BadgeOverflow(props) {
     [getBadgeLabelProp]
   );
   const rootRef = React__namespace.useRef(null);
-  const composedRef = chunkXIQUR62A_cjs.useComposedRefs(ref, rootRef);
+  const composedRef = chunkXY3ZNUWR_cjs.useComposedRefs(ref, rootRef);
   const measureRef = React__namespace.useRef(null);
   const [containerWidth, setContainerWidth] = React__namespace.useState(0);
   const [badgeGap, setBadgeGap] = React__namespace.useState(4);

package/dist/components/badge-overflow/index.js

@@ -1,4 +1,5 @@
-import { useComposedRefs } from '../../chunk-SB5UG7OC.js';
+import { useComposedRefs } from '../../chunk-4IGU5SVP.js';
+import '../../chunk-G24PWQKG.js';
 import { cn } from '../../chunk-ZD2QRAOX.js';
 import * as React from 'react';
 import { Slot } from 'radix-ui';

package/dist/components/button/index.cjs

@@ -1,36 +1,39 @@
 'use strict';
 
-var chunkIDOJLUDL_cjs = require('../../chunk-IDOJLUDL.cjs');
+var chunkEZCWHR56_cjs = require('../../chunk-EZCWHR56.cjs');
+require('../../chunk-A7SBXO2Y.cjs');
 require('../../chunk-EUH466AL.cjs');
 require('../../chunk-DGWBE2Y3.cjs');
+require('../../chunk-B4M7Q5KX.cjs');
+require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-GYXQUTWZ.cjs');
 require('../../chunk-7OD2NBSV.cjs');
-require('../../chunk-YEFLGE3L.cjs');
 require('../../chunk-NU5UQPBX.cjs');
-require('../../chunk-KQ6QE7BT.cjs');
-require('../../chunk-A7SBXO2Y.cjs');
-require('../../chunk-S2BCU6WG.cjs');
-require('../../chunk-XENOUBSI.cjs');
+require('../../chunk-YEFLGE3L.cjs');
+require('../../chunk-MNDQXDV4.cjs');
+require('../../chunk-CAIAZGSW.cjs');
+require('../../chunk-GEDBA3JU.cjs');
 require('../../chunk-TH44JYXB.cjs');
+require('../../chunk-XENOUBSI.cjs');
 require('../../chunk-UJX74PFK.cjs');
-require('../../chunk-XJZOANXX.cjs');
+require('../../chunk-6HX7ETL3.cjs');
 require('../../chunk-375QAB65.cjs');
-require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-VK5EX3OG.cjs');
 require('../../chunk-CXHDWIGF.cjs');
-require('../../chunk-DTYX7CYN.cjs');
+require('../../chunk-GAZLMZBH.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-OZSNSRLV.cjs');
 require('../../chunk-6X26XC6P.cjs');
-require('../../chunk-5AA4IE2T.cjs');
 require('../../chunk-CFJ44JVK.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
-require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-2WQJ36RD.cjs');
 require('../../chunk-ZVF7J4EI.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
-require('../../chunk-ULEEQ723.cjs');
 require('../../chunk-HCHVDUI6.cjs');
+require('../../chunk-ULEEQ723.cjs');
 require('../../chunk-USIW3VT5.cjs');
-require('../../chunk-XIQUR62A.cjs');
+require('../../chunk-XY3ZNUWR.cjs');
+require('../../chunk-N4TYSZSU.cjs');
 require('../../chunk-X3ZT3KGX.cjs');
 require('../../chunk-3GNVQFCK.cjs');
 require('../../chunk-TMXVL5CV.cjs');
@@ -41,5 +44,5 @@ require('../../chunk-H2BWO3SI.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkIDOJLUDL_cjs.Button; }
+  get: function () { return chunkEZCWHR56_cjs.Button; }
 });

package/dist/components/button/index.d.cts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
+import '../../color-picker.types-GI7dq2Ig.cjs';
 
 type ButtonProps = React.ComponentProps<"button"> & {
     /**

package/dist/components/button/index.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
+import '../../color-picker.types-GI7dq2Ig.js';
 
 type ButtonProps = React.ComponentProps<"button"> & {
     /**

package/dist/components/button/index.js

@@ -1,34 +1,37 @@
-export { Button } from '../../chunk-U2HEQZMY.js';
+export { Button } from '../../chunk-VL3TPVSB.js';
+import '../../chunk-U7XZJQ4O.js';
 import '../../chunk-WMGJCB7O.js';
 import '../../chunk-K5AURCK5.js';
+import '../../chunk-S3ZUFD6U.js';
+import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-IWF52DDE.js';
 import '../../chunk-X5O7GP4S.js';
-import '../../chunk-OCOCENE6.js';
 import '../../chunk-OQCNPNPS.js';
-import '../../chunk-WXZE35FK.js';
-import '../../chunk-U7XZJQ4O.js';
-import '../../chunk-DL54DIMD.js';
-import '../../chunk-4TRADSTP.js';
+import '../../chunk-OCOCENE6.js';
+import '../../chunk-VK2FJ65F.js';
+import '../../chunk-Q2MJKFIE.js';
+import '../../chunk-IZU3KULT.js';
 import '../../chunk-PBEZZMAB.js';
+import '../../chunk-4TRADSTP.js';
 import '../../chunk-M7NIRB3U.js';
-import '../../chunk-E5TYGWGE.js';
+import '../../chunk-XKCLVPUC.js';
 import '../../chunk-H5NHGMSQ.js';
-import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-BTSHACKG.js';
 import '../../chunk-HNRVLRMN.js';
-import '../../chunk-3MH6P44N.js';
+import '../../chunk-K5QSMTKJ.js';
+import '../../chunk-I3RSTJP6.js';
+import '../../chunk-EOTQVIA5.js';
 import '../../chunk-VT5GDGZJ.js';
-import '../../chunk-UGSNASZM.js';
 import '../../chunk-KGGCA634.js';
 import '../../chunk-XJIUGEPN.js';
-import '../../chunk-I3RSTJP6.js';
 import '../../chunk-YUMKV5TH.js';
 import '../../chunk-U3QKV7I4.js';
 import '../../chunk-6BSR3O2J.js';
-import '../../chunk-3RK5PCIC.js';
 import '../../chunk-5F2Y65JH.js';
+import '../../chunk-3RK5PCIC.js';
 import '../../chunk-P4JIMFSL.js';
-import '../../chunk-SB5UG7OC.js';
+import '../../chunk-4IGU5SVP.js';
+import '../../chunk-G24PWQKG.js';
 import '../../chunk-B7RHEMZH.js';
 import '../../chunk-5MV54MWS.js';
 import '../../chunk-5MJPZUTO.js';

package/dist/components/carousel/index.cjs

@@ -1,36 +1,39 @@
 'use strict';
 
-var chunkIDOJLUDL_cjs = require('../../chunk-IDOJLUDL.cjs');
+var chunkEZCWHR56_cjs = require('../../chunk-EZCWHR56.cjs');
+require('../../chunk-A7SBXO2Y.cjs');
 require('../../chunk-EUH466AL.cjs');
 require('../../chunk-DGWBE2Y3.cjs');
+require('../../chunk-B4M7Q5KX.cjs');
+require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-GYXQUTWZ.cjs');
 require('../../chunk-7OD2NBSV.cjs');
-require('../../chunk-YEFLGE3L.cjs');
 require('../../chunk-NU5UQPBX.cjs');
-require('../../chunk-KQ6QE7BT.cjs');
-require('../../chunk-A7SBXO2Y.cjs');
-require('../../chunk-S2BCU6WG.cjs');
-require('../../chunk-XENOUBSI.cjs');
+require('../../chunk-YEFLGE3L.cjs');
+require('../../chunk-MNDQXDV4.cjs');
+require('../../chunk-CAIAZGSW.cjs');
+require('../../chunk-GEDBA3JU.cjs');
 require('../../chunk-TH44JYXB.cjs');
+require('../../chunk-XENOUBSI.cjs');
 require('../../chunk-UJX74PFK.cjs');
-require('../../chunk-XJZOANXX.cjs');
+require('../../chunk-6HX7ETL3.cjs');
 require('../../chunk-375QAB65.cjs');
-require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-VK5EX3OG.cjs');
 require('../../chunk-CXHDWIGF.cjs');
-require('../../chunk-DTYX7CYN.cjs');
+require('../../chunk-GAZLMZBH.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-OZSNSRLV.cjs');
 require('../../chunk-6X26XC6P.cjs');
-require('../../chunk-5AA4IE2T.cjs');
 require('../../chunk-CFJ44JVK.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
-require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-2WQJ36RD.cjs');
 require('../../chunk-ZVF7J4EI.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
-require('../../chunk-ULEEQ723.cjs');
 require('../../chunk-HCHVDUI6.cjs');
+require('../../chunk-ULEEQ723.cjs');
 require('../../chunk-USIW3VT5.cjs');
-require('../../chunk-XIQUR62A.cjs');
+require('../../chunk-XY3ZNUWR.cjs');
+require('../../chunk-N4TYSZSU.cjs');
 require('../../chunk-X3ZT3KGX.cjs');
 require('../../chunk-3GNVQFCK.cjs');
 require('../../chunk-TMXVL5CV.cjs');
@@ -209,7 +212,7 @@ function CarouselItem({ className, ...props }) {
 function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkIDOJLUDL_cjs.Button,
+    chunkEZCWHR56_cjs.Button,
     {
       "data-slot": "carousel-previous",
       variant,
@@ -232,7 +235,7 @@ function CarouselPrevious({ className, variant = "outline", size = "icon", ...pr
 function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkIDOJLUDL_cjs.Button,
+    chunkEZCWHR56_cjs.Button,
     {
       "data-slot": "carousel-next",
       variant,

package/dist/components/carousel/index.d.cts

@@ -4,6 +4,7 @@ import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import { Button } from '../button/index.cjs';
 import 'class-variance-authority';
 import 'class-variance-authority/types';
+import '../../color-picker.types-GI7dq2Ig.cjs';
 
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;

package/dist/components/carousel/index.d.ts

@@ -4,6 +4,7 @@ import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import { Button } from '../button/index.js';
 import 'class-variance-authority';
 import 'class-variance-authority/types';
+import '../../color-picker.types-GI7dq2Ig.js';
 
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;

package/dist/components/carousel/index.js

@@ -1,34 +1,37 @@
-import { Button } from '../../chunk-U2HEQZMY.js';
+import { Button } from '../../chunk-VL3TPVSB.js';
+import '../../chunk-U7XZJQ4O.js';
 import '../../chunk-WMGJCB7O.js';
 import '../../chunk-K5AURCK5.js';
+import '../../chunk-S3ZUFD6U.js';
+import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-IWF52DDE.js';
 import '../../chunk-X5O7GP4S.js';
-import '../../chunk-OCOCENE6.js';
 import '../../chunk-OQCNPNPS.js';
-import '../../chunk-WXZE35FK.js';
-import '../../chunk-U7XZJQ4O.js';
-import '../../chunk-DL54DIMD.js';
-import '../../chunk-4TRADSTP.js';
+import '../../chunk-OCOCENE6.js';
+import '../../chunk-VK2FJ65F.js';
+import '../../chunk-Q2MJKFIE.js';
+import '../../chunk-IZU3KULT.js';
 import '../../chunk-PBEZZMAB.js';
+import '../../chunk-4TRADSTP.js';
 import '../../chunk-M7NIRB3U.js';
-import '../../chunk-E5TYGWGE.js';
+import '../../chunk-XKCLVPUC.js';
 import '../../chunk-H5NHGMSQ.js';
-import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-BTSHACKG.js';
 import '../../chunk-HNRVLRMN.js';
-import '../../chunk-3MH6P44N.js';
+import '../../chunk-K5QSMTKJ.js';
+import '../../chunk-I3RSTJP6.js';
+import '../../chunk-EOTQVIA5.js';
 import '../../chunk-VT5GDGZJ.js';
-import '../../chunk-UGSNASZM.js';
 import '../../chunk-KGGCA634.js';
 import '../../chunk-XJIUGEPN.js';
-import '../../chunk-I3RSTJP6.js';
 import '../../chunk-YUMKV5TH.js';
 import '../../chunk-U3QKV7I4.js';
 import '../../chunk-6BSR3O2J.js';
-import '../../chunk-3RK5PCIC.js';
 import '../../chunk-5F2Y65JH.js';
+import '../../chunk-3RK5PCIC.js';
 import '../../chunk-P4JIMFSL.js';
-import '../../chunk-SB5UG7OC.js';
+import '../../chunk-4IGU5SVP.js';
+import '../../chunk-G24PWQKG.js';
 import '../../chunk-B7RHEMZH.js';
 import '../../chunk-5MV54MWS.js';
 import '../../chunk-5MJPZUTO.js';

package/dist/components/color-picker/index.cjs

@@ -0,0 +1,88 @@
+'use strict';
+
+var chunkEZCWHR56_cjs = require('../../chunk-EZCWHR56.cjs');
+require('../../chunk-A7SBXO2Y.cjs');
+require('../../chunk-EUH466AL.cjs');
+require('../../chunk-DGWBE2Y3.cjs');
+require('../../chunk-B4M7Q5KX.cjs');
+require('../../chunk-3WSQRFUY.cjs');
+require('../../chunk-GYXQUTWZ.cjs');
+require('../../chunk-7OD2NBSV.cjs');
+require('../../chunk-NU5UQPBX.cjs');
+require('../../chunk-YEFLGE3L.cjs');
+require('../../chunk-MNDQXDV4.cjs');
+require('../../chunk-CAIAZGSW.cjs');
+require('../../chunk-GEDBA3JU.cjs');
+require('../../chunk-TH44JYXB.cjs');
+require('../../chunk-XENOUBSI.cjs');
+require('../../chunk-UJX74PFK.cjs');
+require('../../chunk-6HX7ETL3.cjs');
+require('../../chunk-375QAB65.cjs');
+require('../../chunk-VK5EX3OG.cjs');
+require('../../chunk-CXHDWIGF.cjs');
+require('../../chunk-GAZLMZBH.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-OZSNSRLV.cjs');
+require('../../chunk-6X26XC6P.cjs');
+require('../../chunk-CFJ44JVK.cjs');
+require('../../chunk-UIOBJSKZ.cjs');
+require('../../chunk-2WQJ36RD.cjs');
+require('../../chunk-ZVF7J4EI.cjs');
+require('../../chunk-2Y2ZCPNV.cjs');
+require('../../chunk-HCHVDUI6.cjs');
+require('../../chunk-ULEEQ723.cjs');
+require('../../chunk-USIW3VT5.cjs');
+require('../../chunk-XY3ZNUWR.cjs');
+require('../../chunk-N4TYSZSU.cjs');
+require('../../chunk-X3ZT3KGX.cjs');
+require('../../chunk-3GNVQFCK.cjs');
+require('../../chunk-TMXVL5CV.cjs');
+require('../../chunk-4LNGZHF2.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+
+
+
+Object.defineProperty(exports, "ColorPicker", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPicker; }
+});
+Object.defineProperty(exports, "ColorPickerAlphaSlider", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPickerAlphaSlider; }
+});
+Object.defineProperty(exports, "ColorPickerArea", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPickerArea; }
+});
+Object.defineProperty(exports, "ColorPickerContent", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPickerContent; }
+});
+Object.defineProperty(exports, "ColorPickerEyeDropper", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPickerEyeDropper; }
+});
+Object.defineProperty(exports, "ColorPickerFormatSelect", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPickerFormatSelect; }
+});
+Object.defineProperty(exports, "ColorPickerHueSlider", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPickerHueSlider; }
+});
+Object.defineProperty(exports, "ColorPickerInput", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPickerInput; }
+});
+Object.defineProperty(exports, "ColorPickerSwatch", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPickerSwatch; }
+});
+Object.defineProperty(exports, "ColorPickerTrigger", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.ColorPickerTrigger; }
+});
+Object.defineProperty(exports, "useColorPickerStore", {
+  enumerable: true,
+  get: function () { return chunkEZCWHR56_cjs.useColorPickerStore; }
+});

package/dist/components/color-picker/index.d.cts

@@ -0,0 +1,71 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { P as Popover, d as PopoverTrigger, a as PopoverContent } from '../../popover-trigger-Cf4PPj0z.cjs';
+import { D as Direction, C as ColorFormat, b as ColorValue, H as HSVColorValue } from '../../color-picker.types-GI7dq2Ig.cjs';
+export { a as ColorPickerContextValue, E as EyeDropper } from '../../color-picker.types-GI7dq2Ig.cjs';
+import { Slider } from 'radix-ui';
+import { Button } from '../button/index.cjs';
+import { S as Select } from '../../select-Bf6XQtt-.cjs';
+import { Input } from '../input/index.cjs';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
+
+type ColorPickerProps = Omit<React.ComponentProps<"div">, "onValueChange"> & Pick<React.ComponentProps<typeof Popover>, "defaultOpen" | "open" | "onOpenChange" | "modal"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    dir?: Direction;
+    format?: ColorFormat;
+    defaultFormat?: ColorFormat;
+    onFormatChange?: (format: ColorFormat) => void;
+    name?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    inline?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+};
+declare function ColorPicker(props: ColorPickerProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerTriggerProps = React.ComponentProps<typeof PopoverTrigger>;
+declare function ColorPickerTrigger(props: ColorPickerTriggerProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerContentProps = React.ComponentProps<typeof PopoverContent>;
+declare function ColorPickerContent(props: ColorPickerContentProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerAreaProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+declare function ColorPickerArea(props: ColorPickerAreaProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerHueSliderProps = React.ComponentProps<typeof Slider.Root>;
+declare function ColorPickerHueSlider(props: ColorPickerHueSliderProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerAlphaSliderProps = React.ComponentProps<typeof Slider.Root>;
+declare function ColorPickerAlphaSlider(props: ColorPickerAlphaSliderProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerSwatchProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+declare function ColorPickerSwatch(props: ColorPickerSwatchProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerEyeDropperProps = React.ComponentProps<typeof Button>;
+declare function ColorPickerEyeDropper(props: ColorPickerEyeDropperProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerFormatSelectProps = Omit<React.ComponentProps<typeof Select>, "value" | "onValueChange">;
+declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerInputProps = Omit<React.ComponentProps<typeof Input>, "value" | "onChange" | "color"> & {
+    withoutAlpha?: boolean;
+};
+declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerStoreState = {
+    color: ColorValue;
+    hsv: HSVColorValue;
+    open: boolean;
+    format: ColorFormat;
+};
+declare function useColorPickerStore<U>(selector: (state: ColorPickerStoreState) => U): U;
+
+export { ColorFormat, ColorPicker, ColorPickerAlphaSlider, type ColorPickerAlphaSliderProps, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerEyeDropper, type ColorPickerEyeDropperProps, ColorPickerFormatSelect, type ColorPickerFormatSelectProps, ColorPickerHueSlider, type ColorPickerHueSliderProps, ColorPickerInput, type ColorPickerInputProps, type ColorPickerProps, ColorPickerSwatch, type ColorPickerSwatchProps, ColorPickerTrigger, type ColorPickerTriggerProps, ColorValue, Direction, HSVColorValue, useColorPickerStore };