@fluxdeck/ui 0.0.1

package/dist/card-Ucei0E4e.d.mts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
+
+//#region src/components/ui/card.d.ts
+declare function Card({
+  className,
+  size,
+  ...props
+}: React.ComponentProps<"div"> & {
+  size?: "default" | "sm";
+}): react_jsx_runtime48.JSX.Element;
+declare function CardHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime48.JSX.Element;
+declare function CardTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime48.JSX.Element;
+declare function CardDescription({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime48.JSX.Element;
+declare function CardAction({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime48.JSX.Element;
+declare function CardContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime48.JSX.Element;
+declare function CardFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime48.JSX.Element;
+//#endregion
+export { CardFooter as a, CardDescription as i, CardAction as n, CardHeader as o, CardContent as r, CardTitle as s, Card as t };
+//# sourceMappingURL=card-Ucei0E4e.d.mts.map

package/dist/card-Ucei0E4e.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-Ucei0E4e.d.mts","names":[],"sources":["../src/components/ui/card.tsx"],"mappings":";;;;iBAIS,IAAA,CAAA;EACP,SAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA;EAA0B,IAAA;AAAA,IAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAWnD,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,KAAA,CAAM,cAAA,UAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAa/D,SAAA,CAAA;EAAY,SAAA;EAAA,GAAc;AAAA,GAAS,KAAA,CAAM,cAAA,UAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU9D,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,KAAA,CAAM,cAAA,UAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUpE,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,KAAA,CAAM,cAAA,UAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAa/D,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,KAAA,CAAM,cAAA,UAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUhE,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,KAAA,CAAM,cAAA,UAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/card-oNbhWLUP.mjs

@@ -0,0 +1,2 @@
+import{t as e}from"./utils-CITb6-DP.mjs";import"react";import{jsx as t}from"react/jsx-runtime";function n({className:n,size:r=`default`,...i}){return t(`div`,{"data-slot":`card`,"data-size":r,className:e(`ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-lg py-4 text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg group/card flex flex-col`,n),...i})}function r({className:n,...r}){return t(`div`,{"data-slot":`card-header`,className:e(`gap-1 rounded-t-lg px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]`,n),...r})}function i({className:n,...r}){return t(`div`,{"data-slot":`card-title`,className:e(`text-sm font-medium`,n),...r})}function a({className:n,...r}){return t(`div`,{"data-slot":`card-description`,className:e(`text-muted-foreground text-xs/relaxed`,n),...r})}function o({className:n,...r}){return t(`div`,{"data-slot":`card-action`,className:e(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,n),...r})}function s({className:n,...r}){return t(`div`,{"data-slot":`card-content`,className:e(`px-4 group-data-[size=sm]/card:px-3`,n),...r})}function c({className:n,...r}){return t(`div`,{"data-slot":`card-footer`,className:e(`rounded-b-lg px-4 group-data-[size=sm]/card:px-3 [.border-t]:pt-4 group-data-[size=sm]/card:[.border-t]:pt-3 flex items-center`,n),...r})}export{c as a,a as i,o as n,r as o,s as r,i as s,n as t};
+//# sourceMappingURL=card-oNbhWLUP.mjs.map

package/dist/card-oNbhWLUP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-oNbhWLUP.mjs","names":[],"sources":["../src/components/ui/card.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@fluxdeck/ui/lib/utils\"\n\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\"ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-lg py-4 text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg group/card flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"gap-1 rounded-t-lg px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"text-sm font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-xs/relaxed\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-4 group-data-[size=sm]/card:px-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"rounded-b-lg px-4 group-data-[size=sm]/card:px-3 [.border-t]:pt-4 group-data-[size=sm]/card:[.border-t]:pt-3 flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n"],"mappings":"+FAIA,SAAS,EAAK,CACZ,YACA,OAAO,UACP,GAAG,GACyD,CAC5D,OACE,EAAC,MAAA,CACC,YAAU,OACV,YAAW,EACX,UAAW,EAAG,8QAA+Q,EAAU,CACvS,GAAI,GACJ,CAIN,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,qSACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OACE,EAAC,MAAA,CACC,YAAU,aACV,UAAW,EAAG,sBAAuB,EAAU,CAC/C,GAAI,GACJ,CAIN,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OACE,EAAC,MAAA,CACC,YAAU,mBACV,UAAW,EAAG,wCAAyC,EAAU,CACjE,GAAI,GACJ,CAIN,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,iEACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAC,MAAA,CACC,YAAU,eACV,UAAW,EAAG,sCAAuC,EAAU,CAC/D,GAAI,GACJ,CAIN,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EAAG,iIAAkI,EAAU,CAC1J,GAAI,GACJ"}

package/dist/checkbox-BewHi-Ks.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as React from "react";
+import { Checkbox } from "radix-ui";
+
+//#region src/components/ui/checkbox.d.ts
+declare function Checkbox$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof Checkbox.Root>): react_jsx_runtime6.JSX.Element;
+//#endregion
+export { Checkbox$1 as t };
+//# sourceMappingURL=checkbox-BewHi-Ks.d.cts.map

package/dist/checkbox-BewHi-Ks.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-BewHi-Ks.d.cts","names":[],"sources":["../src/components/ui/checkbox.tsx"],"mappings":";;;;;iBAMS,UAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAkB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/checkbox-Bt_eGdoN.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./utils-VsbmYMev.cjs`);let n=require(`react`);n=e.t(n);let r=require(`radix-ui`),i=require(`react/jsx-runtime`),a=require(`lucide-react`);function o({className:e,...n}){return(0,i.jsx)(r.Checkbox.Root,{"data-slot":`checkbox`,className:t.t(`border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[2px] aria-invalid:ring-[2px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50`,e),...n,children:(0,i.jsx)(r.Checkbox.Indicator,{"data-slot":`checkbox-indicator`,className:`[&>svg]:size-3.5 grid place-content-center text-current transition-none`,children:(0,i.jsx)(a.CheckIcon,{})})})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=checkbox-Bt_eGdoN.cjs.map

package/dist/checkbox-Bt_eGdoN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-Bt_eGdoN.cjs","names":["CheckboxPrimitive","cn","CheckIcon"],"sources":["../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@fluxdeck/ui/lib/utils\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[2px] aria-invalid:ring-[2px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"[&>svg]:size-3.5 grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"],"mappings":"6LAMA,SAAS,EAAS,CAChB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAACA,EAAAA,SAAkB,KAAA,CACjB,YAAU,WACV,UAAWC,EAAAA,EACT,4qBACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAACD,EAAAA,SAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,oFAEV,EAAA,EAAA,KAACE,EAAAA,UAAAA,EAAAA,CACC,EAC0B,EACP"}

package/dist/checkbox-DZwAXV5V.mjs

@@ -0,0 +1,2 @@
+import{t as e}from"./utils-CITb6-DP.mjs";import"react";import{Checkbox as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{CheckIcon as r}from"lucide-react";function i({className:i,...a}){return n(t.Root,{"data-slot":`checkbox`,className:e(`border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[2px] aria-invalid:ring-[2px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50`,i),...a,children:n(t.Indicator,{"data-slot":`checkbox-indicator`,className:`[&>svg]:size-3.5 grid place-content-center text-current transition-none`,children:n(r,{})})})}export{i as t};
+//# sourceMappingURL=checkbox-DZwAXV5V.mjs.map

package/dist/checkbox-DZwAXV5V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-DZwAXV5V.mjs","names":["Checkbox","CheckboxPrimitive"],"sources":["../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@fluxdeck/ui/lib/utils\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[2px] aria-invalid:ring-[2px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"[&>svg]:size-3.5 grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"],"mappings":"4KAMA,SAASA,EAAS,CAChB,YACA,GAAG,GACmD,CACtD,OACE,EAACC,EAAkB,KAAA,CACjB,YAAU,WACV,UAAW,EACT,4qBACA,EACD,CACD,GAAI,WAEJ,EAACA,EAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,mFAEV,EAAC,EAAA,EAAA,CACC,EAC0B,EACP"}

package/dist/checkbox-DzXOACO9.d.mts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Checkbox } from "radix-ui";
+import * as react_jsx_runtime89 from "react/jsx-runtime";
+
+//#region src/components/ui/checkbox.d.ts
+declare function Checkbox$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof Checkbox.Root>): react_jsx_runtime89.JSX.Element;
+//#endregion
+export { Checkbox$1 as t };
+//# sourceMappingURL=checkbox-DzXOACO9.d.mts.map

package/dist/checkbox-DzXOACO9.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-DzXOACO9.d.mts","names":[],"sources":["../src/components/ui/checkbox.tsx"],"mappings":";;;;;iBAMS,UAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAkB,IAAA,IAAK,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/chunk-Bmb41Sf3.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/color-CKjNpiOY.d.mts

@@ -0,0 +1,30 @@
+//#region src/lib/color.d.ts
+type RGBA = {
+  r: number;
+  g: number;
+  b: number;
+  a: number;
+};
+type HSVA = {
+  h: number;
+  s: number;
+  v: number;
+  a: number;
+};
+declare function hsvToRgb(h: number, s: number, v: number): {
+  r: number;
+  g: number;
+  b: number;
+};
+declare function rgbToHex(r: number, g: number, b: number, alpha: number): string;
+declare function rgbaToHsv({
+  r,
+  g,
+  b,
+  a
+}: RGBA): HSVA;
+declare function hexToRgba(hex: string, alpha?: number): RGBA;
+declare function parseRgba(rgbaStr: string): RGBA | null;
+//#endregion
+export { parseRgba as a, hsvToRgb as i, RGBA as n, rgbToHex as o, hexToRgba as r, rgbaToHsv as s, HSVA as t };
+//# sourceMappingURL=color-CKjNpiOY.d.mts.map

package/dist/color-CKjNpiOY.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-CKjNpiOY.d.mts","names":[],"sources":["../src/lib/color.ts"],"mappings":";KAAY,IAAA;EAAS,CAAA;EAAW,CAAA;EAAW,CAAA;EAAW,CAAA;AAAA;AAAA,KAC1C,IAAA;EAAS,CAAA;EAAW,CAAA;EAAW,CAAA;EAAW,CAAA;AAAA;AAAA,iBAEtC,QAAA,CAAS,CAAA,UAAW,CAAA,UAAW,CAAA;;;;;iBAwB/B,QAAA,CAAS,CAAA,UAAW,CAAA,UAAW,CAAA,UAAW,KAAA;AAAA,iBAQ1C,SAAA,CAAA;EAAY,CAAA;EAAG,CAAA;EAAG,CAAA;EAAG;AAAA,GAAK,IAAA,GAAO,IAAA;AAAA,iBA4BjC,SAAA,CAAU,GAAA,UAAa,KAAA,YAAoB,IAAA;AAAA,iBAqB3C,SAAA,CAAU,OAAA,WAAkB,IAAA"}

package/dist/color-CZ4YvX62.d.cts

@@ -0,0 +1,30 @@
+//#region src/lib/color.d.ts
+type RGBA = {
+  r: number;
+  g: number;
+  b: number;
+  a: number;
+};
+type HSVA = {
+  h: number;
+  s: number;
+  v: number;
+  a: number;
+};
+declare function hsvToRgb(h: number, s: number, v: number): {
+  r: number;
+  g: number;
+  b: number;
+};
+declare function rgbToHex(r: number, g: number, b: number, alpha: number): string;
+declare function rgbaToHsv({
+  r,
+  g,
+  b,
+  a
+}: RGBA): HSVA;
+declare function hexToRgba(hex: string, alpha?: number): RGBA;
+declare function parseRgba(rgbaStr: string): RGBA | null;
+//#endregion
+export { parseRgba as a, hsvToRgb as i, RGBA as n, rgbToHex as o, hexToRgba as r, rgbaToHsv as s, HSVA as t };
+//# sourceMappingURL=color-CZ4YvX62.d.cts.map

package/dist/color-CZ4YvX62.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-CZ4YvX62.d.cts","names":[],"sources":["../src/lib/color.ts"],"mappings":";KAAY,IAAA;EAAS,CAAA;EAAW,CAAA;EAAW,CAAA;EAAW,CAAA;AAAA;AAAA,KAC1C,IAAA;EAAS,CAAA;EAAW,CAAA;EAAW,CAAA;EAAW,CAAA;AAAA;AAAA,iBAEtC,QAAA,CAAS,CAAA,UAAW,CAAA,UAAW,CAAA;;;;;iBAwB/B,QAAA,CAAS,CAAA,UAAW,CAAA,UAAW,CAAA,UAAW,KAAA;AAAA,iBAQ1C,SAAA,CAAA;EAAY,CAAA;EAAG,CAAA;EAAG,CAAA;EAAG;AAAA,GAAK,IAAA,GAAO,IAAA;AAAA,iBA4BjC,SAAA,CAAU,GAAA,UAAa,KAAA,YAAoB,IAAA;AAAA,iBAqB3C,SAAA,CAAU,OAAA,WAAkB,IAAA"}

package/dist/color-CeO4DoCM.cjs

@@ -0,0 +1,2 @@
+function e(e,t,n){t/=100,n/=100;let r=n*t,i=r*(1-Math.abs(e/60%2-1)),a=n-r,o,s,c;return e<60?[o,s,c]=[r,i,0]:e<120?[o,s,c]=[i,r,0]:e<180?[o,s,c]=[0,r,i]:e<240?[o,s,c]=[0,i,r]:e<300?[o,s,c]=[i,0,r]:[o,s,c]=[r,0,i],{r:Math.round((o+a)*255),g:Math.round((s+a)*255),b:Math.round((c+a)*255)}}function t(e,t,n,r){return`#`+[e,t,n].map(e=>e.toString(16).padStart(2,`0`)).join(``)+r.toString(16)}function n({r:e,g:t,b:n,a:r}){let i=e/255,a=t/255,o=n/255,s=Math.max(i,a,o),c=s-Math.min(i,a,o),l=0;c!==0&&(s===i?l=60*((a-o)/c%6):s===a?l=60*((o-i)/c+2):s===o&&(l=60*((i-a)/c+4))),l<0&&(l+=360);let u=s===0?0:c/s*100,d=s*100;return{h:l,s:u,v:d,a:r}}function r(e,t=1){if(e=e.replace(/^#/,``),e.length===3&&(e=e.split(``).map(e=>e+e).join(``)),e.length!==6)throw Error(`Invalid HEX color.`);return{r:parseInt(e.slice(0,2),16),g:parseInt(e.slice(2,4),16),b:parseInt(e.slice(4,6),16),a:t}}function i(e){let t=e.match(/^rgba?\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*(?:,\s*(\d*\.?\d+)\s*)?\)$/i);return!t||!t[1]||!t[2]||!t[3]?null:{r:Math.min(255,Math.max(0,parseInt(t[1],10))),g:Math.min(255,Math.max(0,parseInt(t[2],10))),b:Math.min(255,Math.max(0,parseInt(t[3],10))),a:t[4]===void 0?1:Math.min(1,Math.max(0,parseFloat(t[4])))}}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=color-CeO4DoCM.cjs.map

package/dist/color-CeO4DoCM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-CeO4DoCM.cjs","names":[],"sources":["../src/lib/color.ts"],"sourcesContent":["export type RGBA = { r: number; g: number; b: number; a: number };\nexport type HSVA = { h: number; s: number; v: number; a: number };\n\nexport function hsvToRgb(h: number, s: number, v: number) {\n  s /= 100;\n  v /= 100;\n\n  const c = v * s;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = v - c;\n\n  let r, g, b;\n\n  if (h < 60) [r, g, b] = [c, x, 0];\n  else if (h < 120) [r, g, b] = [x, c, 0];\n  else if (h < 180) [r, g, b] = [0, c, x];\n  else if (h < 240) [r, g, b] = [0, x, c];\n  else if (h < 300) [r, g, b] = [x, 0, c];\n  else [r, g, b] = [c, 0, x];\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n  };\n}\n\nexport function rgbToHex(r: number, g: number, b: number, alpha: number) {\n  return (\n    \"#\" +\n    [r, g, b].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\") +\n    alpha.toString(16)\n  );\n}\n\nexport function rgbaToHsv({ r, g, b, a }: RGBA): HSVA {\n  const rNorm = r / 255;\n  const gNorm = g / 255;\n  const bNorm = b / 255;\n\n  const max = Math.max(rNorm, gNorm, bNorm);\n  const min = Math.min(rNorm, gNorm, bNorm);\n  const delta = max - min;\n\n  let h = 0;\n  if (delta !== 0) {\n    if (max === rNorm) {\n      h = 60 * (((gNorm - bNorm) / delta) % 6);\n    } else if (max === gNorm) {\n      h = 60 * ((bNorm - rNorm) / delta + 2);\n    } else if (max === bNorm) {\n      h = 60 * ((rNorm - gNorm) / delta + 4);\n    }\n  }\n\n  if (h < 0) h += 360;\n\n  const s = max === 0 ? 0 : (delta / max) * 100;\n  const v = max * 100;\n\n  return { h, s, v, a };\n}\n\nexport function hexToRgba(hex: string, alpha: number = 1): RGBA {\n  hex = hex.replace(/^#/, \"\");\n\n  if (hex.length === 3) {\n    hex = hex\n      .split(\"\")\n      .map((c) => c + c)\n      .join(\"\");\n  }\n\n  if (hex.length !== 6) {\n    throw new Error(\"Invalid HEX color.\");\n  }\n\n  const r = parseInt(hex.slice(0, 2), 16);\n  const g = parseInt(hex.slice(2, 4), 16);\n  const b = parseInt(hex.slice(4, 6), 16);\n\n  return { r, g, b, a: alpha };\n}\n\nexport function parseRgba(rgbaStr: string): RGBA | null {\n  const regex =\n    /^rgba?\\(\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*(?:,\\s*(\\d*\\.?\\d+)\\s*)?\\)$/i;\n  const match = rgbaStr.match(regex);\n\n  if (!match || !match[1] || !match[2] || !match[3]) return null;\n\n  const r = Math.min(255, Math.max(0, parseInt(match[1], 10)));\n  const g = Math.min(255, Math.max(0, parseInt(match[2], 10)));\n  const b = Math.min(255, Math.max(0, parseInt(match[3], 10)));\n  const a =\n    match[4] !== undefined ? Math.min(1, Math.max(0, parseFloat(match[4]))) : 1;\n\n  return { r, g, b, a };\n}\n"],"mappings":"AAGA,SAAgB,EAAS,EAAW,EAAW,EAAW,CACxD,GAAK,IACL,GAAK,IAEL,IAAM,EAAI,EAAI,EACR,EAAI,GAAK,EAAI,KAAK,IAAM,EAAI,GAAM,EAAK,EAAE,EACzC,EAAI,EAAI,EAEV,EAAG,EAAG,EASV,OAPI,EAAI,GAAI,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CACxB,EAAI,IAAK,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAC9B,EAAI,IAAK,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAC9B,EAAI,IAAK,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAC9B,EAAI,IAAK,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAClC,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAEnB,CACL,EAAG,KAAK,OAAO,EAAI,GAAK,IAAI,CAC5B,EAAG,KAAK,OAAO,EAAI,GAAK,IAAI,CAC5B,EAAG,KAAK,OAAO,EAAI,GAAK,IAAI,CAC7B,CAGH,SAAgB,EAAS,EAAW,EAAW,EAAW,EAAe,CACvE,MACE,IACA,CAAC,EAAG,EAAG,EAAE,CAAC,IAAK,GAAM,EAAE,SAAS,GAAG,CAAC,SAAS,EAAG,IAAI,CAAC,CAAC,KAAK,GAAG,CAC9D,EAAM,SAAS,GAAG,CAItB,SAAgB,EAAU,CAAE,IAAG,IAAG,IAAG,KAAiB,CACpD,IAAM,EAAQ,EAAI,IACZ,EAAQ,EAAI,IACZ,EAAQ,EAAI,IAEZ,EAAM,KAAK,IAAI,EAAO,EAAO,EAAM,CAEnC,EAAQ,EADF,KAAK,IAAI,EAAO,EAAO,EAAM,CAGrC,EAAI,EACJ,IAAU,IACR,IAAQ,EACV,EAAI,KAAQ,EAAQ,GAAS,EAAS,GAC7B,IAAQ,EACjB,EAAI,KAAO,EAAQ,GAAS,EAAQ,GAC3B,IAAQ,IACjB,EAAI,KAAO,EAAQ,GAAS,EAAQ,KAIpC,EAAI,IAAG,GAAK,KAEhB,IAAM,EAAI,IAAQ,EAAI,EAAK,EAAQ,EAAO,IACpC,EAAI,EAAM,IAEhB,MAAO,CAAE,IAAG,IAAG,IAAG,IAAG,CAGvB,SAAgB,EAAU,EAAa,EAAgB,EAAS,CAU9D,GATA,EAAM,EAAI,QAAQ,KAAM,GAAG,CAEvB,EAAI,SAAW,IACjB,EAAM,EACH,MAAM,GAAG,CACT,IAAK,GAAM,EAAI,EAAE,CACjB,KAAK,GAAG,EAGT,EAAI,SAAW,EACjB,MAAU,MAAM,qBAAqB,CAOvC,MAAO,CAAE,EAJC,SAAS,EAAI,MAAM,EAAG,EAAE,CAAE,GAAG,CAI3B,EAHF,SAAS,EAAI,MAAM,EAAG,EAAE,CAAE,GAAG,CAGxB,EAFL,SAAS,EAAI,MAAM,EAAG,EAAE,CAAE,GAAG,CAErB,EAAG,EAAO,CAG9B,SAAgB,EAAU,EAA8B,CAGtD,IAAM,EAAQ,EAAQ,MADpB,8FACgC,CAUlC,MARI,CAAC,GAAS,CAAC,EAAM,IAAM,CAAC,EAAM,IAAM,CAAC,EAAM,GAAW,KAQnD,CAAE,EANC,KAAK,IAAI,IAAK,KAAK,IAAI,EAAG,SAAS,EAAM,GAAI,GAAG,CAAC,CAAC,CAMhD,EALF,KAAK,IAAI,IAAK,KAAK,IAAI,EAAG,SAAS,EAAM,GAAI,GAAG,CAAC,CAAC,CAK7C,EAJL,KAAK,IAAI,IAAK,KAAK,IAAI,EAAG,SAAS,EAAM,GAAI,GAAG,CAAC,CAAC,CAI1C,EAFhB,EAAM,KAAO,IAAA,GAA6D,EAAjD,KAAK,IAAI,EAAG,KAAK,IAAI,EAAG,WAAW,EAAM,GAAG,CAAC,CAAC,CAEpD"}

package/dist/color-DZyBXzv1.mjs

@@ -0,0 +1,2 @@
+function e(e,t,n){t/=100,n/=100;let r=n*t,i=r*(1-Math.abs(e/60%2-1)),a=n-r,o,s,c;return e<60?[o,s,c]=[r,i,0]:e<120?[o,s,c]=[i,r,0]:e<180?[o,s,c]=[0,r,i]:e<240?[o,s,c]=[0,i,r]:e<300?[o,s,c]=[i,0,r]:[o,s,c]=[r,0,i],{r:Math.round((o+a)*255),g:Math.round((s+a)*255),b:Math.round((c+a)*255)}}function t(e,t,n,r){return`#`+[e,t,n].map(e=>e.toString(16).padStart(2,`0`)).join(``)+r.toString(16)}function n({r:e,g:t,b:n,a:r}){let i=e/255,a=t/255,o=n/255,s=Math.max(i,a,o),c=s-Math.min(i,a,o),l=0;c!==0&&(s===i?l=60*((a-o)/c%6):s===a?l=60*((o-i)/c+2):s===o&&(l=60*((i-a)/c+4))),l<0&&(l+=360);let u=s===0?0:c/s*100,d=s*100;return{h:l,s:u,v:d,a:r}}function r(e,t=1){if(e=e.replace(/^#/,``),e.length===3&&(e=e.split(``).map(e=>e+e).join(``)),e.length!==6)throw Error(`Invalid HEX color.`);return{r:parseInt(e.slice(0,2),16),g:parseInt(e.slice(2,4),16),b:parseInt(e.slice(4,6),16),a:t}}function i(e){let t=e.match(/^rgba?\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*(?:,\s*(\d*\.?\d+)\s*)?\)$/i);return!t||!t[1]||!t[2]||!t[3]?null:{r:Math.min(255,Math.max(0,parseInt(t[1],10))),g:Math.min(255,Math.max(0,parseInt(t[2],10))),b:Math.min(255,Math.max(0,parseInt(t[3],10))),a:t[4]===void 0?1:Math.min(1,Math.max(0,parseFloat(t[4])))}}export{n as a,t as i,e as n,i as r,r as t};
+//# sourceMappingURL=color-DZyBXzv1.mjs.map

package/dist/color-DZyBXzv1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-DZyBXzv1.mjs","names":[],"sources":["../src/lib/color.ts"],"sourcesContent":["export type RGBA = { r: number; g: number; b: number; a: number };\nexport type HSVA = { h: number; s: number; v: number; a: number };\n\nexport function hsvToRgb(h: number, s: number, v: number) {\n  s /= 100;\n  v /= 100;\n\n  const c = v * s;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = v - c;\n\n  let r, g, b;\n\n  if (h < 60) [r, g, b] = [c, x, 0];\n  else if (h < 120) [r, g, b] = [x, c, 0];\n  else if (h < 180) [r, g, b] = [0, c, x];\n  else if (h < 240) [r, g, b] = [0, x, c];\n  else if (h < 300) [r, g, b] = [x, 0, c];\n  else [r, g, b] = [c, 0, x];\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n  };\n}\n\nexport function rgbToHex(r: number, g: number, b: number, alpha: number) {\n  return (\n    \"#\" +\n    [r, g, b].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\") +\n    alpha.toString(16)\n  );\n}\n\nexport function rgbaToHsv({ r, g, b, a }: RGBA): HSVA {\n  const rNorm = r / 255;\n  const gNorm = g / 255;\n  const bNorm = b / 255;\n\n  const max = Math.max(rNorm, gNorm, bNorm);\n  const min = Math.min(rNorm, gNorm, bNorm);\n  const delta = max - min;\n\n  let h = 0;\n  if (delta !== 0) {\n    if (max === rNorm) {\n      h = 60 * (((gNorm - bNorm) / delta) % 6);\n    } else if (max === gNorm) {\n      h = 60 * ((bNorm - rNorm) / delta + 2);\n    } else if (max === bNorm) {\n      h = 60 * ((rNorm - gNorm) / delta + 4);\n    }\n  }\n\n  if (h < 0) h += 360;\n\n  const s = max === 0 ? 0 : (delta / max) * 100;\n  const v = max * 100;\n\n  return { h, s, v, a };\n}\n\nexport function hexToRgba(hex: string, alpha: number = 1): RGBA {\n  hex = hex.replace(/^#/, \"\");\n\n  if (hex.length === 3) {\n    hex = hex\n      .split(\"\")\n      .map((c) => c + c)\n      .join(\"\");\n  }\n\n  if (hex.length !== 6) {\n    throw new Error(\"Invalid HEX color.\");\n  }\n\n  const r = parseInt(hex.slice(0, 2), 16);\n  const g = parseInt(hex.slice(2, 4), 16);\n  const b = parseInt(hex.slice(4, 6), 16);\n\n  return { r, g, b, a: alpha };\n}\n\nexport function parseRgba(rgbaStr: string): RGBA | null {\n  const regex =\n    /^rgba?\\(\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*(?:,\\s*(\\d*\\.?\\d+)\\s*)?\\)$/i;\n  const match = rgbaStr.match(regex);\n\n  if (!match || !match[1] || !match[2] || !match[3]) return null;\n\n  const r = Math.min(255, Math.max(0, parseInt(match[1], 10)));\n  const g = Math.min(255, Math.max(0, parseInt(match[2], 10)));\n  const b = Math.min(255, Math.max(0, parseInt(match[3], 10)));\n  const a =\n    match[4] !== undefined ? Math.min(1, Math.max(0, parseFloat(match[4]))) : 1;\n\n  return { r, g, b, a };\n}\n"],"mappings":"AAGA,SAAgB,EAAS,EAAW,EAAW,EAAW,CACxD,GAAK,IACL,GAAK,IAEL,IAAM,EAAI,EAAI,EACR,EAAI,GAAK,EAAI,KAAK,IAAM,EAAI,GAAM,EAAK,EAAE,EACzC,EAAI,EAAI,EAEV,EAAG,EAAG,EASV,OAPI,EAAI,GAAI,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CACxB,EAAI,IAAK,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAC9B,EAAI,IAAK,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAC9B,EAAI,IAAK,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAC9B,EAAI,IAAK,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAClC,CAAC,EAAG,EAAG,GAAK,CAAC,EAAG,EAAG,EAAE,CAEnB,CACL,EAAG,KAAK,OAAO,EAAI,GAAK,IAAI,CAC5B,EAAG,KAAK,OAAO,EAAI,GAAK,IAAI,CAC5B,EAAG,KAAK,OAAO,EAAI,GAAK,IAAI,CAC7B,CAGH,SAAgB,EAAS,EAAW,EAAW,EAAW,EAAe,CACvE,MACE,IACA,CAAC,EAAG,EAAG,EAAE,CAAC,IAAK,GAAM,EAAE,SAAS,GAAG,CAAC,SAAS,EAAG,IAAI,CAAC,CAAC,KAAK,GAAG,CAC9D,EAAM,SAAS,GAAG,CAItB,SAAgB,EAAU,CAAE,IAAG,IAAG,IAAG,KAAiB,CACpD,IAAM,EAAQ,EAAI,IACZ,EAAQ,EAAI,IACZ,EAAQ,EAAI,IAEZ,EAAM,KAAK,IAAI,EAAO,EAAO,EAAM,CAEnC,EAAQ,EADF,KAAK,IAAI,EAAO,EAAO,EAAM,CAGrC,EAAI,EACJ,IAAU,IACR,IAAQ,EACV,EAAI,KAAQ,EAAQ,GAAS,EAAS,GAC7B,IAAQ,EACjB,EAAI,KAAO,EAAQ,GAAS,EAAQ,GAC3B,IAAQ,IACjB,EAAI,KAAO,EAAQ,GAAS,EAAQ,KAIpC,EAAI,IAAG,GAAK,KAEhB,IAAM,EAAI,IAAQ,EAAI,EAAK,EAAQ,EAAO,IACpC,EAAI,EAAM,IAEhB,MAAO,CAAE,IAAG,IAAG,IAAG,IAAG,CAGvB,SAAgB,EAAU,EAAa,EAAgB,EAAS,CAU9D,GATA,EAAM,EAAI,QAAQ,KAAM,GAAG,CAEvB,EAAI,SAAW,IACjB,EAAM,EACH,MAAM,GAAG,CACT,IAAK,GAAM,EAAI,EAAE,CACjB,KAAK,GAAG,EAGT,EAAI,SAAW,EACjB,MAAU,MAAM,qBAAqB,CAOvC,MAAO,CAAE,EAJC,SAAS,EAAI,MAAM,EAAG,EAAE,CAAE,GAAG,CAI3B,EAHF,SAAS,EAAI,MAAM,EAAG,EAAE,CAAE,GAAG,CAGxB,EAFL,SAAS,EAAI,MAAM,EAAG,EAAE,CAAE,GAAG,CAErB,EAAG,EAAO,CAG9B,SAAgB,EAAU,EAA8B,CAGtD,IAAM,EAAQ,EAAQ,MADpB,8FACgC,CAUlC,MARI,CAAC,GAAS,CAAC,EAAM,IAAM,CAAC,EAAM,IAAM,CAAC,EAAM,GAAW,KAQnD,CAAE,EANC,KAAK,IAAI,IAAK,KAAK,IAAI,EAAG,SAAS,EAAM,GAAI,GAAG,CAAC,CAAC,CAMhD,EALF,KAAK,IAAI,IAAK,KAAK,IAAI,EAAG,SAAS,EAAM,GAAI,GAAG,CAAC,CAAC,CAK7C,EAJL,KAAK,IAAI,IAAK,KAAK,IAAI,EAAG,SAAS,EAAM,GAAI,GAAG,CAAC,CAAC,CAI1C,EAFhB,EAAM,KAAO,IAAA,GAA6D,EAAjD,KAAK,IAAI,EAAG,KAAK,IAAI,EAAG,WAAW,EAAM,GAAG,CAAC,CAAC,CAEpD"}

package/dist/color-picker-B1fa7dq1.d.cts

@@ -0,0 +1,13 @@
+import { t as HSVA } from "./color-CZ4YvX62.cjs";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react0 from "react";
+
+//#region src/components/color-picker.d.ts
+type ColorPickerProps = {
+  defaultColor: HSVA;
+  onChange: (color: HSVA) => void;
+};
+declare const ColorPicker: react0.MemoExoticComponent<(props: ColorPickerProps) => react_jsx_runtime5.JSX.Element>;
+//#endregion
+export { ColorPickerProps as n, ColorPicker as t };
+//# sourceMappingURL=color-picker-B1fa7dq1.d.cts.map

package/dist/color-picker-B1fa7dq1.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-B1fa7dq1.d.cts","names":[],"sources":["../src/components/color-picker.tsx"],"mappings":";;;;;KAyDY,gBAAA;EACV,YAAA,EAAc,IAAA;EACd,QAAA,GAAW,KAAA,EAAO,IAAA;AAAA;AAAA,cAGP,WAAA,EAA2C,MAAA,CAAhC,mBAAA,EAAA,KAAA,EAAgB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/color-picker-CuHwmjt0.cjs

@@ -0,0 +1,5 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./utils-VsbmYMev.cjs`),n=require(`./color-CeO4DoCM.cjs`);let r=require(`react`),i=require(`radix-ui`),a=require(`react/jsx-runtime`);function o(e,t){let n=!1,r;return(...i)=>{r=i,n||(n=!0,setTimeout(()=>{e(...r),n=!1},t))}}function s(e,t){let n=(0,r.useRef)(null);return(0,r.useEffect)(()=>{n.current=e},[e]),(0,r.useMemo)(()=>o((...e)=>{n.current?.(...e)},t),[t])}const c=[`rgba(255,255,255,1)`,`rgba(254,68,56,1)`,`rgba(255,137,1,1)`,`rgba(255,214,10,1)`,`rgba(51,199,89,1)`,`rgba(98,229,224,1)`,`rgba(10,132,255,1)`,`rgba(189,92,243,1)`].map(e=>({rgba:e,hsv:n.a(n.r(e))})),l=(0,r.memo)(e=>{let{color:n,onClick:r}=e;return(0,a.jsx)(`div`,{className:t.t(`flex justify-between`),children:c.map(e=>(0,a.jsx)(`div`,{onClick:()=>r(e.hsv),className:t.t(`w-4`,`h-4`,`rounded-full`,{"border-2 border-white":n==e.rgba}),style:{backgroundColor:e.rgba}},e.rgba))})}),u=(0,r.memo)(e=>{let{defaultColor:o,onChange:c}=e,[u,d]=(0,r.useState)(o??{h:0,s:0,v:0,a:0}),f=(0,r.useRef)(!1),{r:p,g:m,b:h}=(0,r.useMemo)(()=>n.n(u.h,u.s,u.v),[u]),g=`rgba(${p},${m},${h},${u.a})`,_=(0,r.useRef)(null),v=s(c,100),y=(0,r.useCallback)(e=>{d(t=>{if(typeof e==`function`){let n=e(t);return v(n),n}else return v(e),e})},[v]),b=(0,r.useCallback)(e=>{if(!_.current)return;let t=_.current.getBoundingClientRect(),n=Math.min(Math.max(0,e.clientX-t.left),t.width),r=Math.min(Math.max(0,e.clientY-t.top),t.height),i=Math.round(n/t.width*100),a=Math.round(100-r/t.height*100);f.current=!0,y(e=>({...e,s:i,v:a}))},[y]);return(0,r.useEffect)(()=>{let e=e=>{f.current&&e.buttons===1&&b(e)},t=()=>{f.current=!1};return window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t)}},[f,b]),(0,a.jsxs)(`div`,{className:`w-50`,children:[(0,a.jsx)(`div`,{ref:_,onMouseDown:e=>b(e.nativeEvent),className:t.t(`h-30`,`rounded-md`,`cursor-crosshair`),style:{background:`
+            linear-gradient(to top, black, transparent),
+            linear-gradient(to right, white, hsl(${u.h}, 100%, 50%))
+          `},children:(0,a.jsx)(`div`,{className:t.t(`relative`,`top-2.5`,`left-2.5`,`h-[calc(100%-20px)]`,`w-[calc(100%-20px)]`),children:(0,a.jsx)(`div`,{className:t.t(`absolute`,`w-5`,`h-5`,`border-2`,`border-white`,`rounded-full`,`translate-x-[-50%]`,`translate-y-[-50%]`),style:{left:`${u.s}%`,top:`${100-u.v}%`}})})}),(0,a.jsxs)(`div`,{className:`flex`,children:[(0,a.jsxs)(`div`,{className:`mr-2 grow`,children:[(0,a.jsx)(`div`,{className:`mt-3`,children:(0,a.jsxs)(i.Slider.Root,{min:0,max:360,step:1,value:[u.h],onValueChange:([e])=>{if(e)return y({...u,h:e})},className:t.t(`relative`,`flex`),children:[(0,a.jsx)(i.Slider.Track,{className:t.t(`relative`,`grow`,`h-3`,`rounded-full`),style:{background:`linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)`},children:(0,a.jsx)(i.Slider.Range,{className:t.t(`absolute`,`h-full`)})}),(0,a.jsx)(i.Slider.Thumb,{className:t.t(`block`,`w-4`,`h-4`,`border-2`,`border-white`,`rounded-full`,`-translate-y-0.5`,`outline-0`),style:{backgroundColor:`hsl(${u.h} 100% 50%)`}})]})}),(0,a.jsx)(`div`,{className:`my-3`,children:(0,a.jsx)(`div`,{className:t.t(`alpha`,`rounded-full`),children:(0,a.jsxs)(i.Slider.Root,{min:0,max:1,step:.001,value:[u.a],onValueChange:([e])=>{if(e)return y({...u,a:e})},className:t.t(`relative`,`flex`),children:[(0,a.jsx)(i.Slider.Track,{className:t.t(`relative`,`grow`,`h-3`,`rounded-full`),style:{background:`linear-gradient(to right, rgba(${p},${m},${h},0), rgba(${p},${m},${h},1))`},children:(0,a.jsx)(i.Slider.Range,{className:t.t(`absolute`,`h-full`)})}),(0,a.jsx)(i.Slider.Thumb,{className:t.t(`block`,`w-4`,`h-4`,`border-2`,`border-white`,`rounded-full`,`-translate-y-0.5`,`outline-0`)})]})})})]}),(0,a.jsx)(`div`,{className:t.t(`flex`,`items-center`,`justify-center`),children:(0,a.jsx)(`div`,{className:t.t(`alpha`,`w-10`,`h-10`,`border-2`,`border-white`,`rounded-md`),children:(0,a.jsx)(`div`,{className:`w-full h-full rounded-md`,style:{background:g}})})})]}),(0,a.jsx)(l,{color:g,onClick:y})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=color-picker-CuHwmjt0.cjs.map

package/dist/color-picker-CuHwmjt0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-CuHwmjt0.cjs","names":["rgbaToHsv","parseRgba","cn","hsvToRgb","Slider"],"sources":["../../utils/src/throttle.ts","../src/components/color-picker.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\n\ntype Callback<T extends unknown[]> = (...args: T) => void;\n\nexport function throttle<T extends unknown[]>(fn: Callback<T>, limit: number) {\n  let isThrottle = false;\n  let latestArgs: T;\n  return (...args: T) => {\n    latestArgs = args;\n    if (!isThrottle) {\n      isThrottle = true;\n      setTimeout(() => {\n        fn(...latestArgs);\n        isThrottle = false;\n      }, limit);\n    }\n  };\n}\n\nexport function useThrottle<T extends unknown[]>(\n  fn: Callback<T>,\n  limit: number,\n) {\n  const ref = useRef<Callback<T> | null>(null);\n\n  useEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  const throttledCallback = useMemo(() => {\n    const func = (...args: T) => {\n      ref.current?.(...args);\n    };\n\n    // eslint-disable-next-line react-hooks/refs\n    return throttle(func, limit);\n  }, [limit]);\n\n  return throttledCallback;\n}\n","import {\n  hsvToRgb,\n  parseRgba,\n  rgbaToHsv,\n  type HSVA,\n} from \"@fluxdeck/ui/lib/color\";\nimport { cn } from \"@fluxdeck/ui/lib/utils\";\nimport { useThrottle } from \"@fluxdeck/utils/throttle\";\nimport { Slider } from \"radix-ui\";\nimport {\n  memo,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nconst colors: { rgba: string; hsv: HSVA }[] = [\n  \"rgba(255,255,255,1)\",\n  \"rgba(254,68,56,1)\",\n  \"rgba(255,137,1,1)\",\n  \"rgba(255,214,10,1)\",\n  \"rgba(51,199,89,1)\",\n  \"rgba(98,229,224,1)\",\n  \"rgba(10,132,255,1)\",\n  \"rgba(189,92,243,1)\",\n].map((color) => {\n  const rgba = parseRgba(color)!;\n  return { rgba: color, hsv: rgbaToHsv(rgba) };\n});\n\ntype ColorsProps = {\n  color: string;\n  onClick: (color: HSVA) => void;\n};\n\nconst Colors = memo((props: ColorsProps) => {\n  const { color, onClick } = props;\n\n  return (\n    <div className={cn(\"flex justify-between\")}>\n      {colors.map((item) => (\n        <div\n          key={item.rgba}\n          onClick={() => onClick(item.hsv)}\n          className={cn(\"w-4\", \"h-4\", \"rounded-full\", {\n            \"border-2 border-white\": color == item.rgba,\n          })}\n          style={{ backgroundColor: item.rgba }}\n        />\n      ))}\n    </div>\n  );\n});\n\nexport type ColorPickerProps = {\n  defaultColor: HSVA;\n  onChange: (color: HSVA) => void;\n};\n\nexport const ColorPicker = memo((props: ColorPickerProps) => {\n  const { defaultColor: color, onChange } = props;\n\n  const [value, setValue] = useState(\n    color != undefined ? color : { h: 0, s: 0, v: 0, a: 0 },\n  );\n\n  const clicked = useRef(false);\n\n  const { r, g, b } = useMemo(\n    () => hsvToRgb(value.h, value.s, value.v),\n    [value],\n  );\n\n  const rgba = `rgba(${r},${g},${b},${value.a})`;\n\n  const svRef = useRef<HTMLDivElement>(null);\n\n  const throttledChange = useThrottle(onChange, 100);\n\n  const setColor = useCallback(\n    (action: SetStateAction<HSVA>) => {\n      setValue((prev) => {\n        if (typeof action === \"function\") {\n          const data = action(prev);\n          throttledChange(data);\n          return data;\n        } else {\n          throttledChange(action);\n          return action;\n        }\n      });\n    },\n    [throttledChange],\n  );\n\n  const handleSV = useCallback(\n    (e: MouseEvent) => {\n      if (!svRef.current) return;\n\n      const rect = svRef.current.getBoundingClientRect();\n      const x = Math.min(Math.max(0, e.clientX - rect.left), rect.width);\n      const y = Math.min(Math.max(0, e.clientY - rect.top), rect.height);\n\n      const s = Math.round((x / rect.width) * 100);\n      const v = Math.round(100 - (y / rect.height) * 100);\n\n      clicked.current = true;\n\n      setColor((state) => ({ ...state, s, v }));\n    },\n    [setColor],\n  );\n\n  useEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      if (clicked.current && event.buttons === 1) {\n        handleSV(event);\n      }\n    };\n\n    const onMouseUp = () => {\n      clicked.current = false;\n    };\n\n    window.addEventListener(\"mousemove\", onMouseMove);\n    window.addEventListener(\"mouseup\", onMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", onMouseMove);\n      window.removeEventListener(\"mouseup\", onMouseUp);\n    };\n  }, [clicked, handleSV]);\n\n  return (\n    <div className=\"w-50\">\n      {/* SV square */}\n      <div\n        ref={svRef}\n        onMouseDown={(e) => handleSV(e.nativeEvent)}\n        className={cn(\"h-30\", \"rounded-md\", \"cursor-crosshair\")}\n        style={{\n          background: `\n            linear-gradient(to top, black, transparent),\n            linear-gradient(to right, white, hsl(${value.h}, 100%, 50%))\n          `,\n        }}\n      >\n        <div\n          className={cn(\n            \"relative\",\n            \"top-2.5\",\n            \"left-2.5\",\n            \"h-[calc(100%-20px)]\",\n            \"w-[calc(100%-20px)]\",\n          )}\n        >\n          <div\n            className={cn(\n              \"absolute\",\n              \"w-5\",\n              \"h-5\",\n              \"border-2\",\n              \"border-white\",\n              \"rounded-full\",\n              \"translate-x-[-50%]\",\n              \"translate-y-[-50%]\",\n            )}\n            style={{\n              left: `${value.s}%`,\n              top: `${100 - value.v}%`,\n            }}\n          />\n        </div>\n      </div>\n\n      <div className=\"flex\">\n        <div className=\"mr-2 grow\">\n          {/* Hue slider */}\n          <div className=\"mt-3\">\n            <Slider.Root\n              min={0}\n              max={360}\n              step={1}\n              value={[value.h]}\n              onValueChange={([h]) => {\n                if (h) return setColor({ ...value, h });\n              }}\n              className={cn(\"relative\", \"flex\")}\n            >\n              <Slider.Track\n                className={cn(\"relative\", \"grow\", \"h-3\", \"rounded-full\")}\n                style={{\n                  background:\n                    \"linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)\",\n                }}\n              >\n                <Slider.Range className={cn(\"absolute\", \"h-full\")} />\n              </Slider.Track>\n              <Slider.Thumb\n                className={cn(\n                  \"block\",\n                  \"w-4\",\n                  \"h-4\",\n                  \"border-2\",\n                  \"border-white\",\n                  \"rounded-full\",\n                  \"-translate-y-0.5\",\n                  \"outline-0\",\n                )}\n                style={{ backgroundColor: `hsl(${value.h} 100% 50%)` }}\n              />\n            </Slider.Root>\n          </div>\n\n          {/* Alpha slider */}\n          <div className=\"my-3\">\n            <div className={cn(\"alpha\", \"rounded-full\")}>\n              <Slider.Root\n                min={0}\n                max={1}\n                step={0.001}\n                value={[value.a]}\n                onValueChange={([a]) => {\n                  if (a) {\n                    return setColor({ ...value, a });\n                  }\n                }}\n                className={cn(\"relative\", \"flex\")}\n              >\n                <Slider.Track\n                  className={cn(\"relative\", \"grow\", \"h-3\", \"rounded-full\")}\n                  style={{\n                    background: `linear-gradient(to right, rgba(${r},${g},${b},0), rgba(${r},${g},${b},1))`,\n                  }}\n                >\n                  <Slider.Range className={cn(\"absolute\", \"h-full\")} />\n                </Slider.Track>\n                <Slider.Thumb\n                  className={cn(\n                    \"block\",\n                    \"w-4\",\n                    \"h-4\",\n                    \"border-2\",\n                    \"border-white\",\n                    \"rounded-full\",\n                    \"-translate-y-0.5\",\n                    \"outline-0\",\n                  )}\n                />\n              </Slider.Root>\n            </div>\n          </div>\n        </div>\n\n        {/* Preview */}\n        <div className={cn(\"flex\", \"items-center\", \"justify-center\")}>\n          <div\n            className={cn(\n              \"alpha\",\n              \"w-10\",\n              \"h-10\",\n              \"border-2\",\n              \"border-white\",\n              \"rounded-md\",\n            )}\n          >\n            <div\n              className=\"w-full h-full rounded-md\"\n              style={{\n                background: rgba,\n              }}\n            />\n          </div>\n        </div>\n      </div>\n      <Colors color={rgba} onClick={setColor} />\n    </div>\n  );\n});\n"],"mappings":"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"}

package/dist/color-picker-DUgwjedD.d.mts

@@ -0,0 +1,13 @@
+import { t as HSVA } from "./color-CKjNpiOY.mjs";
+import * as react0 from "react";
+import * as react_jsx_runtime104 from "react/jsx-runtime";
+
+//#region src/components/color-picker.d.ts
+type ColorPickerProps = {
+  defaultColor: HSVA;
+  onChange: (color: HSVA) => void;
+};
+declare const ColorPicker: react0.MemoExoticComponent<(props: ColorPickerProps) => react_jsx_runtime104.JSX.Element>;
+//#endregion
+export { ColorPickerProps as n, ColorPicker as t };
+//# sourceMappingURL=color-picker-DUgwjedD.d.mts.map

package/dist/color-picker-DUgwjedD.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-DUgwjedD.d.mts","names":[],"sources":["../src/components/color-picker.tsx"],"mappings":";;;;;KAyDY,gBAAA;EACV,YAAA,EAAc,IAAA;EACd,QAAA,GAAW,KAAA,EAAO,IAAA;AAAA;AAAA,cAGP,WAAA,EAA2C,MAAA,CAAhC,mBAAA,EAAA,KAAA,EAAgB,gBAAA,KAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/color-picker-DYCjeNSs.mjs

@@ -0,0 +1,5 @@
+import{t as e}from"./utils-CITb6-DP.mjs";import{a as t,n,r}from"./color-DZyBXzv1.mjs";import{memo as i,useCallback as a,useEffect as o,useMemo as s,useRef as c,useState as l}from"react";import{Slider as u}from"radix-ui";import{jsx as d,jsxs as f}from"react/jsx-runtime";function p(e,t){let n=!1,r;return(...i)=>{r=i,n||(n=!0,setTimeout(()=>{e(...r),n=!1},t))}}function m(e,t){let n=c(null);return o(()=>{n.current=e},[e]),s(()=>p((...e)=>{n.current?.(...e)},t),[t])}const h=[`rgba(255,255,255,1)`,`rgba(254,68,56,1)`,`rgba(255,137,1,1)`,`rgba(255,214,10,1)`,`rgba(51,199,89,1)`,`rgba(98,229,224,1)`,`rgba(10,132,255,1)`,`rgba(189,92,243,1)`].map(e=>({rgba:e,hsv:t(r(e))})),g=i(t=>{let{color:n,onClick:r}=t;return d(`div`,{className:e(`flex justify-between`),children:h.map(t=>d(`div`,{onClick:()=>r(t.hsv),className:e(`w-4`,`h-4`,`rounded-full`,{"border-2 border-white":n==t.rgba}),style:{backgroundColor:t.rgba}},t.rgba))})}),_=i(t=>{let{defaultColor:r,onChange:i}=t,[p,h]=l(r??{h:0,s:0,v:0,a:0}),_=c(!1),{r:v,g:y,b}=s(()=>n(p.h,p.s,p.v),[p]),x=`rgba(${v},${y},${b},${p.a})`,S=c(null),C=m(i,100),w=a(e=>{h(t=>{if(typeof e==`function`){let n=e(t);return C(n),n}else return C(e),e})},[C]),T=a(e=>{if(!S.current)return;let t=S.current.getBoundingClientRect(),n=Math.min(Math.max(0,e.clientX-t.left),t.width),r=Math.min(Math.max(0,e.clientY-t.top),t.height),i=Math.round(n/t.width*100),a=Math.round(100-r/t.height*100);_.current=!0,w(e=>({...e,s:i,v:a}))},[w]);return o(()=>{let e=e=>{_.current&&e.buttons===1&&T(e)},t=()=>{_.current=!1};return window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t)}},[_,T]),f(`div`,{className:`w-50`,children:[d(`div`,{ref:S,onMouseDown:e=>T(e.nativeEvent),className:e(`h-30`,`rounded-md`,`cursor-crosshair`),style:{background:`
+            linear-gradient(to top, black, transparent),
+            linear-gradient(to right, white, hsl(${p.h}, 100%, 50%))
+          `},children:d(`div`,{className:e(`relative`,`top-2.5`,`left-2.5`,`h-[calc(100%-20px)]`,`w-[calc(100%-20px)]`),children:d(`div`,{className:e(`absolute`,`w-5`,`h-5`,`border-2`,`border-white`,`rounded-full`,`translate-x-[-50%]`,`translate-y-[-50%]`),style:{left:`${p.s}%`,top:`${100-p.v}%`}})})}),f(`div`,{className:`flex`,children:[f(`div`,{className:`mr-2 grow`,children:[d(`div`,{className:`mt-3`,children:f(u.Root,{min:0,max:360,step:1,value:[p.h],onValueChange:([e])=>{if(e)return w({...p,h:e})},className:e(`relative`,`flex`),children:[d(u.Track,{className:e(`relative`,`grow`,`h-3`,`rounded-full`),style:{background:`linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)`},children:d(u.Range,{className:e(`absolute`,`h-full`)})}),d(u.Thumb,{className:e(`block`,`w-4`,`h-4`,`border-2`,`border-white`,`rounded-full`,`-translate-y-0.5`,`outline-0`),style:{backgroundColor:`hsl(${p.h} 100% 50%)`}})]})}),d(`div`,{className:`my-3`,children:d(`div`,{className:e(`alpha`,`rounded-full`),children:f(u.Root,{min:0,max:1,step:.001,value:[p.a],onValueChange:([e])=>{if(e)return w({...p,a:e})},className:e(`relative`,`flex`),children:[d(u.Track,{className:e(`relative`,`grow`,`h-3`,`rounded-full`),style:{background:`linear-gradient(to right, rgba(${v},${y},${b},0), rgba(${v},${y},${b},1))`},children:d(u.Range,{className:e(`absolute`,`h-full`)})}),d(u.Thumb,{className:e(`block`,`w-4`,`h-4`,`border-2`,`border-white`,`rounded-full`,`-translate-y-0.5`,`outline-0`)})]})})})]}),d(`div`,{className:e(`flex`,`items-center`,`justify-center`),children:d(`div`,{className:e(`alpha`,`w-10`,`h-10`,`border-2`,`border-white`,`rounded-md`),children:d(`div`,{className:`w-full h-full rounded-md`,style:{background:x}})})})]}),d(g,{color:x,onClick:w})]})});export{_ as t};
+//# sourceMappingURL=color-picker-DYCjeNSs.mjs.map

package/dist/color-picker-DYCjeNSs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-DYCjeNSs.mjs","names":[],"sources":["../../utils/src/throttle.ts","../src/components/color-picker.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\n\ntype Callback<T extends unknown[]> = (...args: T) => void;\n\nexport function throttle<T extends unknown[]>(fn: Callback<T>, limit: number) {\n  let isThrottle = false;\n  let latestArgs: T;\n  return (...args: T) => {\n    latestArgs = args;\n    if (!isThrottle) {\n      isThrottle = true;\n      setTimeout(() => {\n        fn(...latestArgs);\n        isThrottle = false;\n      }, limit);\n    }\n  };\n}\n\nexport function useThrottle<T extends unknown[]>(\n  fn: Callback<T>,\n  limit: number,\n) {\n  const ref = useRef<Callback<T> | null>(null);\n\n  useEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  const throttledCallback = useMemo(() => {\n    const func = (...args: T) => {\n      ref.current?.(...args);\n    };\n\n    // eslint-disable-next-line react-hooks/refs\n    return throttle(func, limit);\n  }, [limit]);\n\n  return throttledCallback;\n}\n","import {\n  hsvToRgb,\n  parseRgba,\n  rgbaToHsv,\n  type HSVA,\n} from \"@fluxdeck/ui/lib/color\";\nimport { cn } from \"@fluxdeck/ui/lib/utils\";\nimport { useThrottle } from \"@fluxdeck/utils/throttle\";\nimport { Slider } from \"radix-ui\";\nimport {\n  memo,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nconst colors: { rgba: string; hsv: HSVA }[] = [\n  \"rgba(255,255,255,1)\",\n  \"rgba(254,68,56,1)\",\n  \"rgba(255,137,1,1)\",\n  \"rgba(255,214,10,1)\",\n  \"rgba(51,199,89,1)\",\n  \"rgba(98,229,224,1)\",\n  \"rgba(10,132,255,1)\",\n  \"rgba(189,92,243,1)\",\n].map((color) => {\n  const rgba = parseRgba(color)!;\n  return { rgba: color, hsv: rgbaToHsv(rgba) };\n});\n\ntype ColorsProps = {\n  color: string;\n  onClick: (color: HSVA) => void;\n};\n\nconst Colors = memo((props: ColorsProps) => {\n  const { color, onClick } = props;\n\n  return (\n    <div className={cn(\"flex justify-between\")}>\n      {colors.map((item) => (\n        <div\n          key={item.rgba}\n          onClick={() => onClick(item.hsv)}\n          className={cn(\"w-4\", \"h-4\", \"rounded-full\", {\n            \"border-2 border-white\": color == item.rgba,\n          })}\n          style={{ backgroundColor: item.rgba }}\n        />\n      ))}\n    </div>\n  );\n});\n\nexport type ColorPickerProps = {\n  defaultColor: HSVA;\n  onChange: (color: HSVA) => void;\n};\n\nexport const ColorPicker = memo((props: ColorPickerProps) => {\n  const { defaultColor: color, onChange } = props;\n\n  const [value, setValue] = useState(\n    color != undefined ? color : { h: 0, s: 0, v: 0, a: 0 },\n  );\n\n  const clicked = useRef(false);\n\n  const { r, g, b } = useMemo(\n    () => hsvToRgb(value.h, value.s, value.v),\n    [value],\n  );\n\n  const rgba = `rgba(${r},${g},${b},${value.a})`;\n\n  const svRef = useRef<HTMLDivElement>(null);\n\n  const throttledChange = useThrottle(onChange, 100);\n\n  const setColor = useCallback(\n    (action: SetStateAction<HSVA>) => {\n      setValue((prev) => {\n        if (typeof action === \"function\") {\n          const data = action(prev);\n          throttledChange(data);\n          return data;\n        } else {\n          throttledChange(action);\n          return action;\n        }\n      });\n    },\n    [throttledChange],\n  );\n\n  const handleSV = useCallback(\n    (e: MouseEvent) => {\n      if (!svRef.current) return;\n\n      const rect = svRef.current.getBoundingClientRect();\n      const x = Math.min(Math.max(0, e.clientX - rect.left), rect.width);\n      const y = Math.min(Math.max(0, e.clientY - rect.top), rect.height);\n\n      const s = Math.round((x / rect.width) * 100);\n      const v = Math.round(100 - (y / rect.height) * 100);\n\n      clicked.current = true;\n\n      setColor((state) => ({ ...state, s, v }));\n    },\n    [setColor],\n  );\n\n  useEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      if (clicked.current && event.buttons === 1) {\n        handleSV(event);\n      }\n    };\n\n    const onMouseUp = () => {\n      clicked.current = false;\n    };\n\n    window.addEventListener(\"mousemove\", onMouseMove);\n    window.addEventListener(\"mouseup\", onMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", onMouseMove);\n      window.removeEventListener(\"mouseup\", onMouseUp);\n    };\n  }, [clicked, handleSV]);\n\n  return (\n    <div className=\"w-50\">\n      {/* SV square */}\n      <div\n        ref={svRef}\n        onMouseDown={(e) => handleSV(e.nativeEvent)}\n        className={cn(\"h-30\", \"rounded-md\", \"cursor-crosshair\")}\n        style={{\n          background: `\n            linear-gradient(to top, black, transparent),\n            linear-gradient(to right, white, hsl(${value.h}, 100%, 50%))\n          `,\n        }}\n      >\n        <div\n          className={cn(\n            \"relative\",\n            \"top-2.5\",\n            \"left-2.5\",\n            \"h-[calc(100%-20px)]\",\n            \"w-[calc(100%-20px)]\",\n          )}\n        >\n          <div\n            className={cn(\n              \"absolute\",\n              \"w-5\",\n              \"h-5\",\n              \"border-2\",\n              \"border-white\",\n              \"rounded-full\",\n              \"translate-x-[-50%]\",\n              \"translate-y-[-50%]\",\n            )}\n            style={{\n              left: `${value.s}%`,\n              top: `${100 - value.v}%`,\n            }}\n          />\n        </div>\n      </div>\n\n      <div className=\"flex\">\n        <div className=\"mr-2 grow\">\n          {/* Hue slider */}\n          <div className=\"mt-3\">\n            <Slider.Root\n              min={0}\n              max={360}\n              step={1}\n              value={[value.h]}\n              onValueChange={([h]) => {\n                if (h) return setColor({ ...value, h });\n              }}\n              className={cn(\"relative\", \"flex\")}\n            >\n              <Slider.Track\n                className={cn(\"relative\", \"grow\", \"h-3\", \"rounded-full\")}\n                style={{\n                  background:\n                    \"linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)\",\n                }}\n              >\n                <Slider.Range className={cn(\"absolute\", \"h-full\")} />\n              </Slider.Track>\n              <Slider.Thumb\n                className={cn(\n                  \"block\",\n                  \"w-4\",\n                  \"h-4\",\n                  \"border-2\",\n                  \"border-white\",\n                  \"rounded-full\",\n                  \"-translate-y-0.5\",\n                  \"outline-0\",\n                )}\n                style={{ backgroundColor: `hsl(${value.h} 100% 50%)` }}\n              />\n            </Slider.Root>\n          </div>\n\n          {/* Alpha slider */}\n          <div className=\"my-3\">\n            <div className={cn(\"alpha\", \"rounded-full\")}>\n              <Slider.Root\n                min={0}\n                max={1}\n                step={0.001}\n                value={[value.a]}\n                onValueChange={([a]) => {\n                  if (a) {\n                    return setColor({ ...value, a });\n                  }\n                }}\n                className={cn(\"relative\", \"flex\")}\n              >\n                <Slider.Track\n                  className={cn(\"relative\", \"grow\", \"h-3\", \"rounded-full\")}\n                  style={{\n                    background: `linear-gradient(to right, rgba(${r},${g},${b},0), rgba(${r},${g},${b},1))`,\n                  }}\n                >\n                  <Slider.Range className={cn(\"absolute\", \"h-full\")} />\n                </Slider.Track>\n                <Slider.Thumb\n                  className={cn(\n                    \"block\",\n                    \"w-4\",\n                    \"h-4\",\n                    \"border-2\",\n                    \"border-white\",\n                    \"rounded-full\",\n                    \"-translate-y-0.5\",\n                    \"outline-0\",\n                  )}\n                />\n              </Slider.Root>\n            </div>\n          </div>\n        </div>\n\n        {/* Preview */}\n        <div className={cn(\"flex\", \"items-center\", \"justify-center\")}>\n          <div\n            className={cn(\n              \"alpha\",\n              \"w-10\",\n              \"h-10\",\n              \"border-2\",\n              \"border-white\",\n              \"rounded-md\",\n            )}\n          >\n            <div\n              className=\"w-full h-full rounded-md\"\n              style={{\n                background: rgba,\n              }}\n            />\n          </div>\n        </div>\n      </div>\n      <Colors color={rgba} onClick={setColor} />\n    </div>\n  );\n});\n"],"mappings":"8QAIA,SAAgB,EAA8B,EAAiB,EAAe,CAC5E,IAAI,EAAa,GACb,EACJ,OAAQ,GAAG,IAAY,CACrB,EAAa,EACR,IACH,EAAa,GACb,eAAiB,CACf,EAAG,GAAG,EAAW,CACjB,EAAa,IACZ,EAAM,GAKf,SAAgB,EACd,EACA,EACA,CACA,IAAM,EAAM,EAA2B,KAAK,CAe5C,OAbA,MAAgB,CACd,EAAI,QAAU,GACb,CAAC,EAAG,CAAC,CAEkB,MAMjB,GALO,GAAG,IAAY,CAC3B,EAAI,UAAU,GAAG,EAAK,EAIF,EAAM,CAC3B,CAAC,EAAM,CAAC,CCjBb,MAAM,EAAwC,CAC5C,sBACA,oBACA,oBACA,qBACA,oBACA,qBACA,qBACA,qBACD,CAAC,IAAK,IAEE,CAAE,KAAM,EAAO,IAAK,EADd,EAAU,EAAM,CACa,CAAE,EAC5C,CAOI,EAAS,EAAM,GAAuB,CAC1C,GAAM,CAAE,QAAO,WAAY,EAE3B,OACE,EAAC,MAAA,CAAI,UAAW,EAAG,uBAAuB,UACvC,EAAO,IAAK,GACX,EAAC,MAAA,CAEC,YAAe,EAAQ,EAAK,IAAI,CAChC,UAAW,EAAG,MAAO,MAAO,eAAgB,CAC1C,wBAAyB,GAAS,EAAK,KACxC,CAAC,CACF,MAAO,CAAE,gBAAiB,EAAK,KAAM,EALhC,EAAK,KAMV,CACF,EACE,EAER,CAOW,EAAc,EAAM,GAA4B,CAC3D,GAAM,CAAE,aAAc,EAAO,YAAa,EAEpC,CAAC,EAAO,GAAY,EACxB,GAA6B,CAAE,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CACxD,CAEK,EAAU,EAAO,GAAM,CAEvB,CAAE,IAAG,IAAG,GAAM,MACZ,EAAS,EAAM,EAAG,EAAM,EAAG,EAAM,EAAE,CACzC,CAAC,EAAM,CACR,CAEK,EAAO,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAM,EAAE,GAEtC,EAAQ,EAAuB,KAAK,CAEpC,EAAkB,EAAY,EAAU,IAAI,CAE5C,EAAW,EACd,GAAiC,CAChC,EAAU,GAAS,CACjB,GAAI,OAAO,GAAW,WAAY,CAChC,IAAM,EAAO,EAAO,EAAK,CAEzB,OADA,EAAgB,EAAK,CACd,OAGP,OADA,EAAgB,EAAO,CAChB,GAET,EAEJ,CAAC,EAAgB,CAClB,CAEK,EAAW,EACd,GAAkB,CACjB,GAAI,CAAC,EAAM,QAAS,OAEpB,IAAM,EAAO,EAAM,QAAQ,uBAAuB,CAC5C,EAAI,KAAK,IAAI,KAAK,IAAI,EAAG,EAAE,QAAU,EAAK,KAAK,CAAE,EAAK,MAAM,CAC5D,EAAI,KAAK,IAAI,KAAK,IAAI,EAAG,EAAE,QAAU,EAAK,IAAI,CAAE,EAAK,OAAO,CAE5D,EAAI,KAAK,MAAO,EAAI,EAAK,MAAS,IAAI,CACtC,EAAI,KAAK,MAAM,IAAO,EAAI,EAAK,OAAU,IAAI,CAEnD,EAAQ,QAAU,GAElB,EAAU,IAAW,CAAE,GAAG,EAAO,IAAG,IAAG,EAAE,EAE3C,CAAC,EAAS,CACX,CAsBD,OApBA,MAAgB,CACd,IAAM,EAAe,GAAsB,CACrC,EAAQ,SAAW,EAAM,UAAY,GACvC,EAAS,EAAM,EAIb,MAAkB,CACtB,EAAQ,QAAU,IAMpB,OAHA,OAAO,iBAAiB,YAAa,EAAY,CACjD,OAAO,iBAAiB,UAAW,EAAU,KAEhC,CACX,OAAO,oBAAoB,YAAa,EAAY,CACpD,OAAO,oBAAoB,UAAW,EAAU,GAEjD,CAAC,EAAS,EAAS,CAAC,CAGrB,EAAC,MAAA,CAAI,UAAU,iBAEb,EAAC,MAAA,CACC,IAAK,EACL,YAAc,GAAM,EAAS,EAAE,YAAY,CAC3C,UAAW,EAAG,OAAQ,aAAc,mBAAmB,CACvD,MAAO,CACL,WAAY;;mDAE6B,EAAM,EAAE;YAElD,UAED,EAAC,MAAA,CACC,UAAW,EACT,WACA,UACA,WACA,sBACA,sBACD,UAED,EAAC,MAAA,CACC,UAAW,EACT,WACA,MACA,MACA,WACA,eACA,eACA,qBACA,qBACD,CACD,MAAO,CACL,KAAM,GAAG,EAAM,EAAE,GACjB,IAAK,GAAG,IAAM,EAAM,EAAE,GACvB,EACD,EACE,EACF,CAEN,EAAC,MAAA,CAAI,UAAU,iBACb,EAAC,MAAA,CAAI,UAAU,sBAEb,EAAC,MAAA,CAAI,UAAU,gBACb,EAAC,EAAO,KAAA,CACN,IAAK,EACL,IAAK,IACL,KAAM,EACN,MAAO,CAAC,EAAM,EAAE,CAChB,eAAgB,CAAC,KAAO,CACtB,GAAI,EAAG,OAAO,EAAS,CAAE,GAAG,EAAO,IAAG,CAAC,EAEzC,UAAW,EAAG,WAAY,OAAO,WAEjC,EAAC,EAAO,MAAA,CACN,UAAW,EAAG,WAAY,OAAQ,MAAO,eAAe,CACxD,MAAO,CACL,WACE,yEACH,UAED,EAAC,EAAO,MAAA,CAAM,UAAW,EAAG,WAAY,SAAS,CAAA,CAAI,EACxC,CACf,EAAC,EAAO,MAAA,CACN,UAAW,EACT,QACA,MACA,MACA,WACA,eACA,eACA,mBACA,YACD,CACD,MAAO,CAAE,gBAAiB,OAAO,EAAM,EAAE,YAAa,EACtD,CAAA,EACU,EACV,CAGN,EAAC,MAAA,CAAI,UAAU,gBACb,EAAC,MAAA,CAAI,UAAW,EAAG,QAAS,eAAe,UACzC,EAAC,EAAO,KAAA,CACN,IAAK,EACL,IAAK,EACL,KAAM,KACN,MAAO,CAAC,EAAM,EAAE,CAChB,eAAgB,CAAC,KAAO,CACtB,GAAI,EACF,OAAO,EAAS,CAAE,GAAG,EAAO,IAAG,CAAC,EAGpC,UAAW,EAAG,WAAY,OAAO,WAEjC,EAAC,EAAO,MAAA,CACN,UAAW,EAAG,WAAY,OAAQ,MAAO,eAAe,CACxD,MAAO,CACL,WAAY,kCAAkC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,MACnF,UAED,EAAC,EAAO,MAAA,CAAM,UAAW,EAAG,WAAY,SAAS,CAAA,CAAI,EACxC,CACf,EAAC,EAAO,MAAA,CACN,UAAW,EACT,QACA,MACA,MACA,WACA,eACA,eACA,mBACA,YACD,CAAA,CACD,CAAA,EACU,EACV,EACF,CAAA,EACF,CAGN,EAAC,MAAA,CAAI,UAAW,EAAG,OAAQ,eAAgB,iBAAiB,UAC1D,EAAC,MAAA,CACC,UAAW,EACT,QACA,OACA,OACA,WACA,eACA,aACD,UAED,EAAC,MAAA,CACC,UAAU,2BACV,MAAO,CACL,WAAY,EACb,EACD,EACE,EACF,CAAA,EACF,CACN,EAAC,EAAA,CAAO,MAAO,EAAM,QAAS,GAAY,GACtC,EAER"}

package/dist/combobox-CJ1vEYF0.d.mts

@@ -0,0 +1,82 @@
+import * as React from "react";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
+import { Combobox } from "@base-ui/react";
+
+//#region src/components/ui/combobox.d.ts
+declare const Combobox$1: typeof Combobox.Root;
+declare function ComboboxValue({
+  ...props
+}: Combobox.Value.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxTrigger({
+  className,
+  children,
+  ...props
+}: Combobox.Trigger.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxInput({
+  className,
+  children,
+  disabled,
+  showTrigger,
+  showClear,
+  ...props
+}: Combobox.Input.Props & {
+  showTrigger?: boolean;
+  showClear?: boolean;
+}): react_jsx_runtime60.JSX.Element;
+declare function ComboboxContent({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  anchor,
+  ...props
+}: Combobox.Popup.Props & Pick<Combobox.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): react_jsx_runtime60.JSX.Element;
+declare function ComboboxList({
+  className,
+  ...props
+}: Combobox.List.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxItem({
+  className,
+  children,
+  ...props
+}: Combobox.Item.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxGroup({
+  className,
+  ...props
+}: Combobox.Group.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxLabel({
+  className,
+  ...props
+}: Combobox.GroupLabel.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxCollection({
+  ...props
+}: Combobox.Collection.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxEmpty({
+  className,
+  ...props
+}: Combobox.Empty.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxSeparator({
+  className,
+  ...props
+}: Combobox.Separator.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxChips({
+  className,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox.Chips> & Combobox.Chips.Props): react_jsx_runtime60.JSX.Element;
+declare function ComboboxChip({
+  className,
+  children,
+  showRemove,
+  ...props
+}: Combobox.Chip.Props & {
+  showRemove?: boolean;
+}): react_jsx_runtime60.JSX.Element;
+declare function ComboboxChipsInput({
+  className,
+  ...props
+}: Combobox.Input.Props): react_jsx_runtime60.JSX.Element;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+//#endregion
+export { ComboboxCollection as a, ComboboxGroup as c, ComboboxLabel as d, ComboboxList as f, useComboboxAnchor as g, ComboboxValue as h, ComboboxChipsInput as i, ComboboxInput as l, ComboboxTrigger as m, ComboboxChip as n, ComboboxContent as o, ComboboxSeparator as p, ComboboxChips as r, ComboboxEmpty as s, Combobox$1 as t, ComboboxItem as u };
+//# sourceMappingURL=combobox-CJ1vEYF0.d.mts.map

package/dist/combobox-CJ1vEYF0.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-CJ1vEYF0.d.mts","names":[],"sources":["../src/components/ui/combobox.tsx"],"mappings":";;;;;cAeM,UAAA,SAAQ,QAAA,CAAA,IAAA;AAAA,iBAEL,aAAA,CAAA;EAAA,GAAmB;AAAA,GAAS,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIzD,eAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,OAAA,CAAQ,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA0BzB,aAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,QAAA;EACA,WAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,KAAA,CAAM,KAAA;EACzB,WAAA;EACA,SAAA;AAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA2BQ,eAAA,CAAA;EACP,SAAA;EACA,IAAA;EACA,UAAA;EACA,KAAA;EACA,WAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,KAAA,CAAM,KAAA,GACzB,IAAA,CACE,QAAA,CAAkB,UAAA,CAAW,KAAA,gEAE9B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAsBM,YAAA,CAAA;EAAe,SAAA;EAAA,GAAc;AAAA,GAAS,QAAA,CAAkB,IAAA,CAAK,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAalE,YAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,IAAA,CAAK,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBtB,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUpE,aAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,UAAA,CAAW,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU5B,kBAAA,CAAA;EAAA,GAAwB;AAAA,GAAS,QAAA,CAAkB,UAAA,CAAW,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMnE,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUpE,iBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,SAAA,CAAU,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU3B,aAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,qBAAA,QAA6B,QAAA,CAAkB,KAAA,IACtD,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUtB,YAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,IAAA,CAAK,KAAA;EACxB,UAAA;AAAA,IACD,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAwBQ,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAavB,iBAAA,CAAA,GAAiB,KAAA,CAAA,SAAA,CAAA,cAAA"}

package/dist/combobox-CYmz7cjr.d.cts

@@ -0,0 +1,82 @@
+import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as React from "react";
+import { Combobox } from "@base-ui/react";
+
+//#region src/components/ui/combobox.d.ts
+declare const Combobox$1: typeof Combobox.Root;
+declare function ComboboxValue({
+  ...props
+}: Combobox.Value.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxTrigger({
+  className,
+  children,
+  ...props
+}: Combobox.Trigger.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxInput({
+  className,
+  children,
+  disabled,
+  showTrigger,
+  showClear,
+  ...props
+}: Combobox.Input.Props & {
+  showTrigger?: boolean;
+  showClear?: boolean;
+}): react_jsx_runtime112.JSX.Element;
+declare function ComboboxContent({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  anchor,
+  ...props
+}: Combobox.Popup.Props & Pick<Combobox.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): react_jsx_runtime112.JSX.Element;
+declare function ComboboxList({
+  className,
+  ...props
+}: Combobox.List.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxItem({
+  className,
+  children,
+  ...props
+}: Combobox.Item.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxGroup({
+  className,
+  ...props
+}: Combobox.Group.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxLabel({
+  className,
+  ...props
+}: Combobox.GroupLabel.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxCollection({
+  ...props
+}: Combobox.Collection.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxEmpty({
+  className,
+  ...props
+}: Combobox.Empty.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxSeparator({
+  className,
+  ...props
+}: Combobox.Separator.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxChips({
+  className,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox.Chips> & Combobox.Chips.Props): react_jsx_runtime112.JSX.Element;
+declare function ComboboxChip({
+  className,
+  children,
+  showRemove,
+  ...props
+}: Combobox.Chip.Props & {
+  showRemove?: boolean;
+}): react_jsx_runtime112.JSX.Element;
+declare function ComboboxChipsInput({
+  className,
+  ...props
+}: Combobox.Input.Props): react_jsx_runtime112.JSX.Element;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+//#endregion
+export { ComboboxCollection as a, ComboboxGroup as c, ComboboxLabel as d, ComboboxList as f, useComboboxAnchor as g, ComboboxValue as h, ComboboxChipsInput as i, ComboboxInput as l, ComboboxTrigger as m, ComboboxChip as n, ComboboxContent as o, ComboboxSeparator as p, ComboboxChips as r, ComboboxEmpty as s, Combobox$1 as t, ComboboxItem as u };
+//# sourceMappingURL=combobox-CYmz7cjr.d.cts.map

package/dist/combobox-CYmz7cjr.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-CYmz7cjr.d.cts","names":[],"sources":["../src/components/ui/combobox.tsx"],"mappings":";;;;;cAeM,UAAA,SAAQ,QAAA,CAAA,IAAA;AAAA,iBAEL,aAAA,CAAA;EAAA,GAAmB;AAAA,GAAS,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIzD,eAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,OAAA,CAAQ,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA0BzB,aAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,QAAA;EACA,WAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,KAAA,CAAM,KAAA;EACzB,WAAA;EACA,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA2BQ,eAAA,CAAA;EACP,SAAA;EACA,IAAA;EACA,UAAA;EACA,KAAA;EACA,WAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,KAAA,CAAM,KAAA,GACzB,IAAA,CACE,QAAA,CAAkB,UAAA,CAAW,KAAA,gEAE9B,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAsBM,YAAA,CAAA;EAAe,SAAA;EAAA,GAAc;AAAA,GAAS,QAAA,CAAkB,IAAA,CAAK,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAalE,YAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,IAAA,CAAK,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBtB,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUpE,aAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,UAAA,CAAW,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU5B,kBAAA,CAAA;EAAA,GAAwB;AAAA,GAAS,QAAA,CAAkB,UAAA,CAAW,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMnE,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUpE,iBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,SAAA,CAAU,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU3B,aAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,qBAAA,QAA6B,QAAA,CAAkB,KAAA,IACtD,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUtB,YAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,IAAA,CAAK,KAAA;EACxB,UAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAwBQ,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,QAAA,CAAkB,KAAA,CAAM,KAAA,GAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAavB,iBAAA,CAAA,GAAiB,KAAA,CAAA,SAAA,CAAA,cAAA"}

package/dist/combobox-CjrvkVz4.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./utils-VsbmYMev.cjs`),n=require(`./button-BWHrgY1D.cjs`),r=require(`./input-group-CEjLRx07.cjs`);let i=require(`react`);i=e.t(i);let a=require(`react/jsx-runtime`),o=require(`lucide-react`),s=require(`@base-ui/react`);const c=s.Combobox.Root;function l({...e}){return(0,a.jsx)(s.Combobox.Value,{"data-slot":`combobox-value`,...e})}function u({className:e,children:n,...r}){return(0,a.jsxs)(s.Combobox.Trigger,{"data-slot":`combobox-trigger`,className:t.t(`[&_svg:not([class*='size-'])]:size-3.5`,e),...r,children:[n,(0,a.jsx)(o.ChevronDownIcon,{className:`text-muted-foreground size-3.5 pointer-events-none`})]})}function d({className:e,...n}){return(0,a.jsx)(s.Combobox.Clear,{"data-slot":`combobox-clear`,render:(0,a.jsx)(r.r,{variant:`ghost`,size:`icon-xs`}),className:t.t(e),...n,children:(0,a.jsx)(o.XIcon,{className:`pointer-events-none`})})}function f({className:e,children:n,disabled:i=!1,showTrigger:o=!0,showClear:c=!1,...l}){return(0,a.jsxs)(r.t,{className:t.t(`w-auto`,e),children:[(0,a.jsx)(s.Combobox.Input,{render:(0,a.jsx)(r.i,{disabled:i}),...l}),(0,a.jsxs)(r.n,{align:`inline-end`,children:[o&&(0,a.jsx)(r.r,{size:`icon-xs`,variant:`ghost`,asChild:!0,"data-slot":`input-group-button`,className:`group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent`,disabled:i,children:(0,a.jsx)(u,{})}),c&&(0,a.jsx)(d,{disabled:i})]}),n]})}function p({className:e,side:n=`bottom`,sideOffset:r=6,align:i=`start`,alignOffset:o=0,anchor:c,...l}){return(0,a.jsx)(s.Combobox.Portal,{children:(0,a.jsx)(s.Combobox.Positioner,{side:n,sideOffset:r,align:i,alignOffset:o,anchor:c,className:`isolate z-50`,children:(0,a.jsx)(s.Combobox.Popup,{"data-slot":`combobox-content`,"data-chips":!!c,className:t.t(`bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/20 dark:bg-popover max-h-72 min-w-32 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-7 *:data-[slot=input-group]:border-none *:data-[slot=input-group]:shadow-none group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)`,e),...l})})})}function m({className:e,...n}){return(0,a.jsx)(s.Combobox.List,{"data-slot":`combobox-list`,className:t.t(`no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0 overflow-y-auto overscroll-contain`,e),...n})}function h({className:e,children:n,...r}){return(0,a.jsxs)(s.Combobox.Item,{"data-slot":`combobox-item`,className:t.t(`data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground min-h-7 gap-2 rounded-md px-2 py-1 text-xs/relaxed [&_svg:not([class*='size-'])]:size-3.5 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...r,children:[n,(0,a.jsx)(s.Combobox.ItemIndicator,{render:(0,a.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`}),children:(0,a.jsx)(o.CheckIcon,{className:`pointer-events-none`})})]})}function g({className:e,...n}){return(0,a.jsx)(s.Combobox.Group,{"data-slot":`combobox-group`,className:t.t(e),...n})}function _({className:e,...n}){return(0,a.jsx)(s.Combobox.GroupLabel,{"data-slot":`combobox-label`,className:t.t(`text-muted-foreground px-2 py-1.5 text-xs`,e),...n})}function v({...e}){return(0,a.jsx)(s.Combobox.Collection,{"data-slot":`combobox-collection`,...e})}function y({className:e,...n}){return(0,a.jsx)(s.Combobox.Empty,{"data-slot":`combobox-empty`,className:t.t(`text-muted-foreground hidden w-full justify-center py-2 text-center text-xs/relaxed group-data-empty/combobox-content:flex`,e),...n})}function b({className:e,...n}){return(0,a.jsx)(s.Combobox.Separator,{"data-slot":`combobox-separator`,className:t.t(`bg-border/50 -mx-1 my-1 h-px`,e),...n})}function x({className:e,...n}){return(0,a.jsx)(s.Combobox.Chips,{"data-slot":`combobox-chips`,className:t.t(`bg-input/20 dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/30 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-7 flex-wrap items-center gap-1 rounded-md border bg-clip-padding px-2 py-0.5 text-xs/relaxed transition-colors focus-within:ring-[2px] has-aria-invalid:ring-[2px] has-data-[slot=combobox-chip]:px-1`,e),...n})}function S({className:e,children:r,showRemove:i=!0,...c}){return(0,a.jsxs)(s.Combobox.Chip,{"data-slot":`combobox-chip`,className:t.t(`bg-muted-foreground/10 text-foreground flex h-[calc(--spacing(4.75))] w-fit items-center justify-center gap-1 rounded-[calc(var(--radius-sm)-2px)] px-1.5 text-xs/relaxed font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50`,e),...c,children:[r,i&&(0,a.jsx)(s.Combobox.ChipRemove,{render:(0,a.jsx)(n.t,{variant:`ghost`,size:`icon-xs`}),className:`-ml-1 opacity-50 hover:opacity-100`,"data-slot":`combobox-chip-remove`,children:(0,a.jsx)(o.XIcon,{className:`pointer-events-none`})})]})}function C({className:e,...n}){return(0,a.jsx)(s.Combobox.Input,{"data-slot":`combobox-chip-input`,className:t.t(`min-w-16 flex-1 outline-none`,e),...n})}function w(){return i.useRef(null)}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=combobox-CjrvkVz4.cjs.map

package/dist/combobox-CjrvkVz4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-CjrvkVz4.cjs","names":["ComboboxPrimitive","cn","ChevronDownIcon","InputGroupButton","XIcon","InputGroup","InputGroupInput","InputGroupAddon","CheckIcon","Button","React"],"sources":["../src/components/ui/combobox.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@fluxdeck/ui/lib/utils\"\nimport { Button } from \"@fluxdeck/ui/components/ui/button\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"@fluxdeck/ui/components/ui/input-group\"\nimport { ChevronDownIcon, XIcon, CheckIcon } from \"lucide-react\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />\n}\n\nfunction ComboboxTrigger({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Trigger.Props) {\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot=\"combobox-trigger\"\n      className={cn(\"[&_svg:not([class*='size-'])]:size-3.5\", className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className=\"text-muted-foreground size-3.5 pointer-events-none\" />\n    </ComboboxPrimitive.Trigger>\n  )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n      className={cn(className)}\n      {...props}\n    >\n      <XIcon className=\"pointer-events-none\" />\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nfunction ComboboxInput({\n  className,\n  children,\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  showTrigger?: boolean\n  showClear?: boolean\n}) {\n  return (\n    <InputGroup className={cn(\"w-auto\", className)}>\n      <ComboboxPrimitive.Input\n        render={<InputGroupInput disabled={disabled} />}\n        {...props}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && (\n          <InputGroupButton\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            asChild\n            data-slot=\"input-group-button\"\n            className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n            disabled={disabled}\n          >\n            <ComboboxTrigger />\n          </InputGroupButton>\n        )}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  )\n}\n\nfunction ComboboxContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 6,\n  align = \"start\",\n  alignOffset = 0,\n  anchor,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n  >) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          data-chips={!!anchor}\n          className={cn(\"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/20 dark:bg-popover max-h-72 min-w-32 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-7 *:data-[slot=input-group]:border-none *:data-[slot=input-group]:shadow-none group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)\", className )}\n          {...props}\n        />\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn(\n        \"no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0 overflow-y-auto overscroll-contain\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground min-h-7 gap-2 rounded-md px-2 py-1 text-xs/relaxed [&_svg:not([class*='size-'])]:size-3.5 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={<span className=\"pointer-events-none absolute right-2 flex items-center justify-center\" />}\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxLabel({\n  className,\n  ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n  return (\n    <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />\n  )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\"text-muted-foreground hidden w-full justify-center py-2 text-center text-xs/relaxed group-data-empty/combobox-content:flex\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxSeparator({\n  className,\n  ...props\n}: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn(\"bg-border/50 -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChips({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> &\n  ComboboxPrimitive.Chips.Props) {\n  return (\n    <ComboboxPrimitive.Chips\n      data-slot=\"combobox-chips\"\n      className={cn(\"bg-input/20 dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/30 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-7 flex-wrap items-center gap-1 rounded-md border bg-clip-padding px-2 py-0.5 text-xs/relaxed transition-colors focus-within:ring-[2px] has-aria-invalid:ring-[2px] has-data-[slot=combobox-chip]:px-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: ComboboxPrimitive.Chip.Props & {\n  showRemove?: boolean\n}) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        \"bg-muted-foreground/10 text-foreground flex h-[calc(--spacing(4.75))] w-fit items-center justify-center gap-1 rounded-[calc(var(--radius-sm)-2px)] px-1.5 text-xs/relaxed font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant=\"ghost\" size=\"icon-xs\" />}\n          className=\"-ml-1 opacity-50 hover:opacity-100\"\n          data-slot=\"combobox-chip-remove\"\n        >\n          <XIcon className=\"pointer-events-none\" />\n        </ComboboxPrimitive.ChipRemove>\n      )}\n    </ComboboxPrimitive.Chip>\n  )\n}\n\nfunction ComboboxChipsInput({\n  className,\n  ...props\n}: ComboboxPrimitive.Input.Props) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-chip-input\"\n      className={cn(\n        \"min-w-16 flex-1 outline-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null)\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n}\n"],"mappings":"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"}