@powerhousedao/design-system 6.1.0-dev.2 → 6.1.0-dev.21

package/dist/{text-field-Cx-EfZP6.d.ts → text-field-DSInH67J.d.ts}

@@ -1,5 +1,5 @@
-import { _ as WithDifference, f as FieldErrorHandling } from "./index-DtPJq-vz.js";
-import { n as TextInputProps } from "./text-input-DUddj4-C.js";
+import { _ as WithDifference, f as FieldErrorHandling } from "./index--hDSfvJT.js";
+import { n as TextInputProps } from "./text-input-8zXIWHLi.js";
 import * as react from "react";
 
 //#region src/ui/components/text-field/text-field.d.ts
@@ -7,4 +7,4 @@ type TextFieldProps = TextInputProps & FieldErrorHandling & WithDifference<strin
 declare const TextField: react.ForwardRefExoticComponent<TextInputProps & FieldErrorHandling & WithDifference<string> & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { TextFieldProps as n, TextField as t };
-//# sourceMappingURL=text-field-Cx-EfZP6.d.ts.map
+//# sourceMappingURL=text-field-DSInH67J.d.ts.map

package/dist/{text-field-Cx-EfZP6.d.ts.map → text-field-DSInH67J.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-Cx-EfZP6.d.ts","names":[],"sources":["../src/ui/components/text-field/text-field.tsx"],"mappings":";;;;;KAMY,cAAA,GAAiB,cAAA,GAC3B,kBAAA,GACA,cAAA;AAAA,cAEW,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,kBAAA,GAAA,cAAA,WAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}
+{"version":3,"file":"text-field-DSInH67J.d.ts","names":[],"sources":["../src/ui/components/text-field/text-field.tsx"],"mappings":";;;;;KAMY,cAAA,GAAiB,cAAA,GAC3B,kBAAA,GACA,cAAA;AAAA,cAEW,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,kBAAA,GAAA,cAAA,WAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}

package/dist/{text-input-DUddj4-C.d.ts → text-input-8zXIWHLi.d.ts}

@@ -1,5 +1,5 @@
-import { _ as WithDifference, p as InputBaseProps, u as DiffMode } from "./index-DtPJq-vz.js";
-import { t as CommonTextProps } from "./types-BfmDXMrz.js";
+import { _ as WithDifference, p as InputBaseProps, u as DiffMode } from "./index--hDSfvJT.js";
+import { t as CommonTextProps } from "./types-Bsn62tJB.js";
 import * as react from "react";
 
 //#region src/ui/components/text-input/text-input.d.ts
@@ -11,4 +11,4 @@ interface TextInputProps extends Omit<InputBaseProps<string> & Omit<React.InputH
 declare const TextInput: react.ForwardRefExoticComponent<TextInputProps & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { TextInputProps as n, TextInput as t };
-//# sourceMappingURL=text-input-DUddj4-C.d.ts.map
+//# sourceMappingURL=text-input-8zXIWHLi.d.ts.map

package/dist/{text-input-DUddj4-C.d.ts.map → text-input-8zXIWHLi.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"text-input-DUddj4-C.d.ts","names":[],"sources":["../src/ui/components/text-input/text-input.tsx"],"mappings":";;;;;UAeU,cAAA,SAEN,IAAA,CACE,cAAA,WACE,IAAA,CAAK,KAAA,CAAM,mBAAA,CAAoB,gBAAA,gBAC/B,eAAA,6BAGJ,IAAA,CAAK,cAAA;EACP,KAAA;EACA,YAAA;EACA,QAAA,GAAW,OAAA,CAAQ,QAAA;AAAA;AAAA,cAGf,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}
+{"version":3,"file":"text-input-8zXIWHLi.d.ts","names":[],"sources":["../src/ui/components/text-input/text-input.tsx"],"mappings":";;;;;UAeU,cAAA,SAEN,IAAA,CACE,cAAA,WACE,IAAA,CAAK,KAAA,CAAM,mBAAA,CAAoB,gBAAA,gBAC/B,eAAA,6BAGJ,IAAA,CAAK,cAAA;EACP,KAAA;EACA,YAAA;EACA,QAAA,GAAW,OAAA,CAAQ,QAAA;AAAA;AAAA,cAGf,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}

package/dist/{text-input-diff-4i2zuulO.d.ts → text-input-diff-B0vLSKQm.d.ts}

@@ -1,4 +1,4 @@
-import { _ as WithDifference } from "./index-DtPJq-vz.js";
+import { _ as WithDifference } from "./index--hDSfvJT.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ui/components/text-input/text-input-diff.d.ts
@@ -17,4 +17,4 @@ declare const TextInputDiff: ({
 }: TextInputDiffProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TextInputDiff as t };
-//# sourceMappingURL=text-input-diff-4i2zuulO.d.ts.map
+//# sourceMappingURL=text-input-diff-B0vLSKQm.d.ts.map

package/dist/{text-input-diff-4i2zuulO.d.ts.map → text-input-diff-B0vLSKQm.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"text-input-diff-4i2zuulO.d.ts","names":[],"sources":["../src/ui/components/text-input/text-input-diff.tsx"],"mappings":";;;;UAKU,kBAAA,SAA2B,cAAA;EACnC,KAAA;EACA,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,QAAA;AAAA;AAAA,cAEI,aAAA;EAAiB,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,GAOpB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"text-input-diff-B0vLSKQm.d.ts","names":[],"sources":["../src/ui/components/text-input/text-input-diff.tsx"],"mappings":";;;;UAKU,kBAAA,SAA2B,cAAA;EACnC,KAAA;EACA,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,QAAA;AAAA;AAAA,cAEI,aAAA;EAAiB,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,GAOpB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{tooltip-Cf5jSzdt.d.ts → tooltip-BxS9HpML.d.ts}

@@ -11,4 +11,4 @@ declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProp
 declare const Tooltip: React.FC<TooltipProps$1>;
 //#endregion
 export { TooltipProps$1 as a, TooltipContent as i, Root$1 as n, Trigger$1 as o, Tooltip as r, Provider$1 as t };
-//# sourceMappingURL=tooltip-Cf5jSzdt.d.ts.map
+//# sourceMappingURL=tooltip-BxS9HpML.d.ts.map

package/dist/{tooltip-Cf5jSzdt.d.ts.map → tooltip-BxS9HpML.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"tooltip-Cf5jSzdt.d.ts","names":[],"sources":["../src/ui/components/tooltip/tooltip.tsx"],"mappings":";;;;UAcU,cAAA,SACA,YAAA,EAAuB,IAAA,CAAK,mBAAA;EACpC,OAAA,EAAS,KAAA,CAAM,SAAA;EACf,SAAA;EACA,cAAA;AAAA;AAAA,cAGI,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cA+Bd,OAAA,EAAS,KAAA,CAAM,EAAA,CAAG,cAAA"}
+{"version":3,"file":"tooltip-BxS9HpML.d.ts","names":[],"sources":["../src/ui/components/tooltip/tooltip.tsx"],"mappings":";;;;UAcU,cAAA,SACA,YAAA,EAAuB,IAAA,CAAK,mBAAA;EACpC,OAAA,EAAS,KAAA,CAAM,SAAA;EACf,SAAA;EACA,cAAA;AAAA;AAAA,cAGI,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cA+Bd,OAAA,EAAS,KAAA,CAAM,EAAA,CAAG,cAAA"}

package/dist/{types-tThrTH_c.d.ts → types-BTq-St7H.d.ts}

@@ -29,4 +29,4 @@ interface ValueTransformerProps {
 }
 //#endregion
 export { TransformerType as a, WeekStartDayNumber as c, TransformerTrigger as i, DatePickerView as n, ValueTransformerFn as o, TransformerObject as r, ValueTransformerProps as s, DateFieldValue as t };
-//# sourceMappingURL=types-tThrTH_c.d.ts.map
+//# sourceMappingURL=types-BTq-St7H.d.ts.map

package/dist/{types-tThrTH_c.d.ts.map → types-BTq-St7H.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"types-tThrTH_c.d.ts","names":[],"sources":["../src/ui/lib/types.ts"],"mappings":";KAAY,cAAA,YAA0B,IAAA;AAAA,KAC1B,cAAA;AAAA,KACA,kBAAA;AAAA,KAEA,kBAAA,IAAsB,KAAA;AAAA,KAEtB,kBAAA;AAAA,KAEA,iBAAA;EAPA;;;EAWV,WAAA,EAAa,kBAAA;EACb,OAAA;IAXU;;;;IAgBR,OAAA,GAAU,kBAAA;IAdF;;;;IAmBR,EAAA;EAAA;AAAA;AAAA,KAIQ,eAAA,GAAkB,iBAAA,KAAsB,kBAAA;AAAA,UAEnC,qBAAA;EACf,YAAA,EAAc,eAAA;EACd,QAAA,EAAU,KAAA,CAAM,YAAA;AAAA"}
+{"version":3,"file":"types-BTq-St7H.d.ts","names":[],"sources":["../src/ui/lib/types.ts"],"mappings":";KAAY,cAAA,YAA0B,IAAA;AAAA,KAC1B,cAAA;AAAA,KACA,kBAAA;AAAA,KAEA,kBAAA,IAAsB,KAAA;AAAA,KAEtB,kBAAA;AAAA,KAEA,iBAAA;EAPA;;;EAWV,WAAA,EAAa,kBAAA;EACb,OAAA;IAXU;;;;IAgBR,OAAA,GAAU,kBAAA;IAdF;;;;IAmBR,EAAA;EAAA;AAAA;AAAA,KAIQ,eAAA,GAAkB,iBAAA,KAAsB,kBAAA;AAAA,UAEnC,qBAAA;EACf,YAAA,EAAc,eAAA;EACd,QAAA,EAAU,KAAA,CAAM,YAAA;AAAA"}

package/dist/{types-BfmDXMrz.d.ts → types-Bsn62tJB.d.ts}

@@ -12,4 +12,4 @@ interface CommonTextProps {
 }
 //#endregion
 export { CommonTextProps as t };
-//# sourceMappingURL=types-BfmDXMrz.d.ts.map
+//# sourceMappingURL=types-Bsn62tJB.d.ts.map

package/dist/{types-BfmDXMrz.d.ts.map → types-Bsn62tJB.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"types-BfmDXMrz.d.ts","names":[],"sources":["../src/ui/components/text-input/types.ts"],"mappings":";UAAiB,eAAA;EACf,SAAA;EACA,SAAA;EACA,OAAA,GAAU,MAAA;EACV,WAAA;EACA,IAAA;EACA,SAAA;EACA,SAAA;EACA,YAAA;EACA,UAAA;AAAA"}
+{"version":3,"file":"types-Bsn62tJB.d.ts","names":[],"sources":["../src/ui/components/text-input/types.ts"],"mappings":";UAAiB,eAAA;EACf,SAAA;EACA,SAAA;EACA,OAAA,GAAU,MAAA;EACV,WAAA;EACA,IAAA;EACA,SAAA;EACA,SAAA;EACA,YAAA;EACA,UAAA;AAAA"}

package/dist/{types-9JRQnd7a.d.ts → types-C04Q_Fan.d.ts}

@@ -34,4 +34,4 @@ interface SearchAutocompleteProps {
 }
 //#endregion
 export { SearchAutocompleteProps as n, SearchAutocompleteRowContext as r, SearchAutocompleteOption as t };
-//# sourceMappingURL=types-9JRQnd7a.d.ts.map
+//# sourceMappingURL=types-C04Q_Fan.d.ts.map

package/dist/{types-9JRQnd7a.d.ts.map → types-C04Q_Fan.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"types-9JRQnd7a.d.ts","names":[],"sources":["../src/ui/components/search-autocomplete/types.ts"],"mappings":";;;UAEiB,wBAAA;EACf,KAAA;EACA,KAAA;EACA,OAAA;EACA,WAAA;EACA,IAAA;EACA,QAAA;EACA,aAAA;EACA,QAAA,GAAW,MAAA;EACX,QAAA;AAAA;AAAA,UAGe,4BAAA;EACf,cAAA;EACA,WAAA;EACA,gBAAA,GAAmB,SAAA;EACnB,YAAA,GAAe,KAAA;AAAA;AAAA,UAGA,uBAAA;EACf,YAAA,IAAgB,KAAA,aAAkB,OAAA,CAAQ,wBAAA;EAC1C,QAAA,GAAW,KAAA,oBAAyB,OAAA;EACpC,WAAA;EACA,gBAAA,GAAmB,SAAA;EACnB,WAAA;EACA,QAAA;EACA,OAAA;EACA,SAAA;EACA,YAAA,IAAgB,MAAA,EAAQ,wBAAA,KAA6B,SAAA;EACrD,SAAA,IACE,MAAA,EAAQ,wBAAA,EACR,GAAA,EAAK,4BAAA,KACF,SAAA;EACL,gBAAA;EACA,UAAA;AAAA"}
+{"version":3,"file":"types-C04Q_Fan.d.ts","names":[],"sources":["../src/ui/components/search-autocomplete/types.ts"],"mappings":";;;UAEiB,wBAAA;EACf,KAAA;EACA,KAAA;EACA,OAAA;EACA,WAAA;EACA,IAAA;EACA,QAAA;EACA,aAAA;EACA,QAAA,GAAW,MAAA;EACX,QAAA;AAAA;AAAA,UAGe,4BAAA;EACf,cAAA;EACA,WAAA;EACA,gBAAA,GAAmB,SAAA;EACnB,YAAA,GAAe,KAAA;AAAA;AAAA,UAGA,uBAAA;EACf,YAAA,IAAgB,KAAA,aAAkB,OAAA,CAAQ,wBAAA;EAC1C,QAAA,GAAW,KAAA,oBAAyB,OAAA;EACpC,WAAA;EACA,gBAAA,GAAmB,SAAA;EACnB,WAAA;EACA,QAAA;EACA,OAAA;EACA,SAAA;EACA,YAAA,IAAgB,MAAA,EAAQ,wBAAA,KAA6B,SAAA;EACrD,SAAA,IACE,MAAA,EAAQ,wBAAA,EACR,GAAA,EAAK,4BAAA,KACF,SAAA;EACL,gBAAA;EACA,UAAA;AAAA"}

package/dist/types-CNbvfWjh.d.ts

@@ -0,0 +1,31 @@
+import { et as IconName } from "./index--hDSfvJT.js";
+
+//#region src/ui/components/sidebar/types.d.ts
+declare enum NodeStatus {
+  CREATED = "CREATED",
+  MODIFIED = "MODIFIED",
+  REMOVED = "REMOVED",
+  MOVED = "MOVED",
+  DUPLICATED = "DUPLICATED",
+  UNCHANGED = "UNCHANGED"
+}
+type SidebarIcon = IconName | React.ReactElement;
+interface SidebarNode {
+  title: string;
+  id: string;
+  children?: SidebarNode[];
+  icon?: SidebarIcon;
+  expandedIcon?: SidebarIcon;
+  status?: NodeStatus;
+  className?: string;
+}
+type NodeSortComparisonFn = (valueA: string, valueB: string) => -1 | 0 | 1;
+type NodeSortType = "alphabetical" | "natural" | NodeSortComparisonFn;
+type NodeSortOrder = "asc" | "desc";
+interface FlattenedNode extends SidebarNode {
+  depth: number;
+  isExpanded: boolean;
+}
+//#endregion
+export { NodeStatus as a, NodeSortType as i, NodeSortComparisonFn as n, SidebarIcon as o, NodeSortOrder as r, SidebarNode as s, FlattenedNode as t };
+//# sourceMappingURL=types-CNbvfWjh.d.ts.map

package/dist/types-CNbvfWjh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-CNbvfWjh.d.ts","names":[],"sources":["../src/ui/components/sidebar/types.ts"],"mappings":";;;aAEY,UAAA;EACV,OAAA;EACA,QAAA;EACA,OAAA;EACA,KAAA;EACA,UAAA;EACA,SAAA;AAAA;AAAA,KAGU,WAAA,GAAc,QAAA,GAAW,KAAA,CAAM,YAAA;AAAA,UAE1B,WAAA;EACf,KAAA;EACA,EAAA;EACA,QAAA,GAAW,WAAA;EACX,IAAA,GAAO,WAAA;EACP,YAAA,GAAe,WAAA;EACf,MAAA,GAAS,UAAA;EACT,SAAA;AAAA;AAAA,KAGU,oBAAA,IACV,MAAA,UACA,MAAA;AAAA,KAEU,YAAA,gCAA4C,oBAAA;AAAA,KAC5C,aAAA;AAAA,UAEK,aAAA,SAAsB,WAAA;EACrC,KAAA;EACA,UAAA;AAAA"}

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

@@ -1,2 +1,2 @@
-import { n as ButtonProps, r as buttonVariants, t as Button } from "../../../button-49Walvwn.js";
+import { n as ButtonProps, r as buttonVariants, t as Button } from "../../../button-C8doazjv.js";
 export { Button, ButtonProps, buttonVariants };

package/dist/ui/components/button/button.js

@@ -1,10 +1,10 @@
-import { t as cn } from "../../../src-BgCjYazJ.js";
 import { forwardRef } from "react";
+import { twMerge } from "tailwind-merge";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 //#region src/ui/components/button/button.tsx
-const buttonVariants = cva(cn("inline-flex items-center justify-center gap-2", "rounded-md text-sm font-medium whitespace-nowrap", "transition-colors", "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:pointer-events-none", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"), {
+const buttonVariants = cva(twMerge("inline-flex items-center justify-center gap-2", "rounded-md text-sm font-medium whitespace-nowrap", "transition-colors", "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:pointer-events-none", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"), {
 	variants: { variant: {
 		default: "",
 		outline: "border",
@@ -14,7 +14,7 @@ const buttonVariants = cva(cn("inline-flex items-center justify-center gap-2", "
 });
 const Button = /* @__PURE__ */ forwardRef(({ variant, className, asChild = false, ...props }, ref) => {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
-		className: cn(buttonVariants({
+		className: twMerge(buttonVariants({
 			variant,
 			className
 		})),

package/dist/ui/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["cn","Slot","cva","forwardRef","buttonVariants","variants","variant","default","outline","ghost","defaultVariants","Button","className","asChild","props","ref","Comp"],"sources":["../../../../src/ui/components/button/button.tsx"],"sourcesContent":["import { cn } from \"#design-system\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\n\nconst buttonVariants = cva(\n  cn(\n    \"inline-flex items-center justify-center gap-2\",\n    \"rounded-md text-sm font-medium whitespace-nowrap\",\n    \"transition-colors\",\n    \"focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n    \"disabled:pointer-events-none\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        outline: \"border\",\n        ghost: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant, className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;AAMA,MAAMI,iBAAiBF,IACrBF,GACE,iDACA,oDACA,qBACA,+EACA,gCACA,8DACD,EACD;CACEK,UAAU,EACRC,SAAS;EACPC,SAAS;EACTC,SAAS;EACTC,OAAO;EACT,EACD;CACDC,iBAAiB,EACfJ,SAAS,WACX;CAEJ,CAAC;AASD,MAAMK,SAASR,4BACZ,EAAEG,SAASM,WAAWC,UAAU,OAAO,GAAGC,SAASC,QAAQ;AAE1D,QACE,oBAFWF,UAAUZ,OAAO,UAE5B;EACE,WAAWD,GAAGI,eAAe;GAAEE;GAASM;GAAW,CAAC,CAAC;EAChDG;EACL,GAAID;EACJ,CAAA;EAGP"}
+{"version":3,"file":"button.js","names":["twMerge","Slot","cva","forwardRef","buttonVariants","variants","variant","default","outline","ghost","defaultVariants","Button","className","asChild","props","ref","Comp"],"sources":["../../../../src/ui/components/button/button.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\n\nconst buttonVariants = cva(\n  twMerge(\n    \"inline-flex items-center justify-center gap-2\",\n    \"rounded-md text-sm font-medium whitespace-nowrap\",\n    \"transition-colors\",\n    \"focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n    \"disabled:pointer-events-none\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        outline: \"border\",\n        ghost: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant, className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={twMerge(buttonVariants({ variant, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;AAMA,MAAMI,iBAAiBF,IACrBF,QACE,iDACA,oDACA,qBACA,+EACA,gCACA,8DACD,EACD;CACEK,UAAU,EACRC,SAAS;EACPC,SAAS;EACTC,SAAS;EACTC,OAAO;EACT,EACD;CACDC,iBAAiB,EACfJ,SAAS,WACX;CAEJ,CAAC;AASD,MAAMK,SAASR,4BACZ,EAAEG,SAASM,WAAWC,UAAU,OAAO,GAAGC,SAASC,QAAQ;AAE1D,QACE,oBAFWF,UAAUZ,OAAO,UAE5B;EACE,WAAWD,QAAQI,eAAe;GAAEE;GAASM;GAAW,CAAC,CAAC;EACrDG;EACL,GAAID;EACJ,CAAA;EAGP"}

package/dist/ui/components/character-counter/character-counter.d.ts

@@ -1,2 +1,2 @@
-import { n as CharacterCounterProps, t as CharacterCounter } from "../../../character-counter-BcuG4STA.js";
+import { n as CharacterCounterProps, t as CharacterCounter } from "../../../character-counter-BWoglM2P.js";
 export { CharacterCounter, CharacterCounterProps };

package/dist/ui/components/character-counter/character-counter.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/components/character-counter/character-counter.tsx
 const counterVariants = {
-	normal: "text-gray-500",
-	warning: "text-yellow-900",
-	error: "text-red-900"
+	normal: "text-gray-500 dark:text-slate-400",
+	warning: "text-yellow-900 dark:text-yellow-100",
+	error: "text-red-900 dark:text-red-400"
 };
 const maxLengthVariants = {
-	normal: "text-gray-300 dark:text-gray-700",
-	warning: "text-yellow-400 dark:text-yellow-900",
-	error: "text-red-400 dark:text-red-900"
+	normal: "text-gray-300 dark:text-slate-600",
+	warning: "text-yellow-400 dark:text-yellow-100",
+	error: "text-red-400 dark:text-red-100"
 };
 const CharacterCounter = ({ maxLength, value }) => {
 	const remaining = value.length / maxLength * 100;

package/dist/ui/components/character-counter/character-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"character-counter.js","names":["counterVariants","normal","warning","error","maxLengthVariants","CharacterCounter","maxLength","value","remaining","length","state"],"sources":["../../../../src/ui/components/character-counter/character-counter.tsx"],"sourcesContent":["export interface CharacterCounterProps {\n  maxLength: number;\n  value: string;\n}\n\nconst counterVariants = {\n  normal: \"text-gray-500\",\n  warning: \"text-yellow-900\",\n  error: \"text-red-900\",\n};\n\nconst maxLengthVariants = {\n  normal: \"text-gray-300 dark:text-gray-700\",\n  warning: \"text-yellow-400 dark:text-yellow-900\",\n  error: \"text-red-400 dark:text-red-900\",\n};\n\nexport const CharacterCounter: React.FC<CharacterCounterProps> = ({\n  maxLength,\n  value,\n}) => {\n  const remaining = (value.length / maxLength) * 100;\n  const state =\n    remaining < 90 ? \"normal\" : remaining <= 100 ? \"warning\" : \"error\";\n\n  return (\n    <div className=\"flex items-center text-xs/3\">\n      <span className={counterVariants[state]}>{value.length}</span>\n      <span className={maxLengthVariants[state]}>/{maxLength}</span>\n    </div>\n  );\n};\n"],"mappings":";;AAKA,MAAMA,kBAAkB;CACtBC,QAAQ;CACRC,SAAS;CACTC,OAAO;CACR;AAED,MAAMC,oBAAoB;CACxBH,QAAQ;CACRC,SAAS;CACTC,OAAO;CACR;AAED,MAAaE,oBAAqD,EAChEC,WACAC,YACI;CACJ,MAAMC,YAAaD,MAAME,SAASH,YAAa;CAC/C,MAAMI,QACJF,YAAY,KAAK,WAAWA,aAAa,MAAM,YAAY;AAE7D,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,QAAD;GAAM,WAAWR,gBAAgBU;aAASH,MAAME;GAAa,CAAA,EAC7D,qBAAC,QAAD;GAAM,WAAWL,kBAAkBM;aAAnC,CAA2C,KAAEJ,UAAgB;KACzD"}
+{"version":3,"file":"character-counter.js","names":["counterVariants","normal","warning","error","maxLengthVariants","CharacterCounter","maxLength","value","remaining","length","state"],"sources":["../../../../src/ui/components/character-counter/character-counter.tsx"],"sourcesContent":["export interface CharacterCounterProps {\n  maxLength: number;\n  value: string;\n}\n\nconst counterVariants = {\n  normal: \"text-gray-500 dark:text-slate-400\",\n  warning: \"text-yellow-900 dark:text-yellow-100\",\n  error: \"text-red-900 dark:text-red-400\",\n};\n\nconst maxLengthVariants = {\n  normal: \"text-gray-300 dark:text-slate-600\",\n  warning: \"text-yellow-400 dark:text-yellow-100\",\n  error: \"text-red-400 dark:text-red-100\",\n};\n\nexport const CharacterCounter: React.FC<CharacterCounterProps> = ({\n  maxLength,\n  value,\n}) => {\n  const remaining = (value.length / maxLength) * 100;\n  const state =\n    remaining < 90 ? \"normal\" : remaining <= 100 ? \"warning\" : \"error\";\n\n  return (\n    <div className=\"flex items-center text-xs/3\">\n      <span className={counterVariants[state]}>{value.length}</span>\n      <span className={maxLengthVariants[state]}>/{maxLength}</span>\n    </div>\n  );\n};\n"],"mappings":";;AAKA,MAAMA,kBAAkB;CACtBC,QAAQ;CACRC,SAAS;CACTC,OAAO;CACR;AAED,MAAMC,oBAAoB;CACxBH,QAAQ;CACRC,SAAS;CACTC,OAAO;CACR;AAED,MAAaE,oBAAqD,EAChEC,WACAC,YACI;CACJ,MAAMC,YAAaD,MAAME,SAASH,YAAa;CAC/C,MAAMI,QACJF,YAAY,KAAK,WAAWA,aAAa,MAAM,YAAY;AAE7D,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,QAAD;GAAM,WAAWR,gBAAgBU;aAASH,MAAME;GAAa,CAAA,EAC7D,qBAAC,QAAD;GAAM,WAAWL,kBAAkBM;aAAnC,CAA2C,KAAEJ,UAAgB;KACzD"}

package/dist/ui/components/checkbox/checkbox-base.d.ts

@@ -1,2 +1,2 @@
-import { n as CheckboxValue, t as CheckboxBase } from "../../../checkbox-base-8xXJvAbj.js";
+import { n as CheckboxValue, t as CheckboxBase } from "../../../checkbox-base-CZo-4eL0.js";
 export { CheckboxBase, CheckboxValue };

package/dist/ui/components/checkbox/checkbox-base.js

@@ -1,11 +1,11 @@
-import { t as cn } from "../../../src-BgCjYazJ.js";
 import * as React$1 from "react";
+import { twMerge } from "tailwind-merge";
 import { jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 //#region src/ui/components/checkbox/checkbox-base.tsx
 const CheckboxBase = /* @__PURE__ */ React$1.forwardRef(({ className, checked, invalid, ...props }, ref) => /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
 	ref,
-	className: cn("peer size-4 shrink-0 rounded-sm", "border shadow-sm shadow-black/4", "transition-shadow", "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:border-gray-700 disabled:data-[invalid=false]:data-[state=checked]:bg-gray-700 disabled:data-[invalid=false]:data-[state=indeterminate]:bg-gray-700 dark:disabled:data-[invalid=false]:data-[state=checked]:bg-gray-500 dark:disabled:data-[invalid=false]:data-[state=indeterminate]:bg-gray-500", "data-state:border-gray-700 dark:data-state:border-gray-500", "data-[state=checked]:bg-gray-900 data-[state=indeterminate]:bg-gray-900 dark:data-[state=checked]:bg-gray-400 dark:data-[state=indeterminate]:bg-gray-400", "data-[state=checked]:text-slate-50 data-[state=indeterminate]:text-slate-50 dark:data-[state=checked]:text-gray-900 dark:data-[state=indeterminate]:text-gray-900", !props.disabled && ["group-hover:border-gray-900 data-[state=checked]:group-hover:bg-gray-900 data-[state=indeterminate]:group-hover:bg-gray-900", "dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50"], "data-[invalid=true]:data-state:border-red-800! data-[invalid=true]:data-[state=checked]:bg-red-800! data-[invalid=true]:data-[state=indeterminate]:bg-red-800!", "dark:data-[invalid=true]:data-state:border-red-800! dark:data-[invalid=true]:data-[state=checked]:bg-red-800! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-800!", "data-[invalid=true]:group-hover:border-red-900! data-[invalid=true]:data-[state=checked]:group-hover:bg-red-900! data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-900!", className),
+	className: twMerge("peer size-4 shrink-0 rounded-sm", "border shadow-sm shadow-gray-900/4", "transition-shadow", "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:border-gray-700 disabled:data-[invalid=false]:data-[state=checked]:bg-gray-700 disabled:data-[invalid=false]:data-[state=indeterminate]:bg-gray-700 dark:disabled:border-slate-200 dark:disabled:data-[invalid=false]:data-[state=checked]:bg-slate-500 dark:disabled:data-[invalid=false]:data-[state=indeterminate]:bg-slate-500", "data-state:border-gray-700 dark:data-state:border-slate-500", "data-[state=checked]:bg-gray-900 data-[state=indeterminate]:bg-gray-900 dark:data-[state=checked]:bg-slate-400 dark:data-[state=indeterminate]:bg-slate-400", "data-[state=checked]:text-gray-50 data-[state=indeterminate]:text-gray-50 dark:data-[state=checked]:text-slate-900 dark:data-[state=indeterminate]:text-slate-900", !props.disabled && ["group-hover:border-gray-900 data-[state=checked]:group-hover:bg-gray-900 data-[state=indeterminate]:group-hover:bg-gray-900 dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50", "dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50"], "data-[invalid=true]:data-state:border-red-800! data-[invalid=true]:data-[state=checked]:bg-red-800! data-[invalid=true]:data-[state=indeterminate]:bg-red-800! dark:data-[invalid=true]:data-state:border-red-100! dark:data-[invalid=true]:data-[state=checked]:bg-red-100! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-100!", "dark:data-[invalid=true]:data-state:border-red-800! dark:data-[invalid=true]:data-[state=checked]:bg-red-800! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-800!", "data-[invalid=true]:group-hover:border-red-900! data-[invalid=true]:data-[state=checked]:group-hover:bg-red-900! data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-900! dark:data-[invalid=true]:group-hover:border-red-50! dark:data-[invalid=true]:data-[state=checked]:group-hover:bg-red-50! dark:data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-50!", className),
 	checked,
 	"data-invalid": invalid,
 	...props,
@@ -20,7 +20,7 @@ const CheckboxBase = /* @__PURE__ */ React$1.forwardRef(({ className, checked, i
 			children: /* @__PURE__ */ jsx("path", {
 				fillRule: "evenodd",
 				clipRule: "evenodd",
-				d: "M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"
+				d: "M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 0.75 4.5Z"
 			})
 		}) : checked ? /* @__PURE__ */ jsx("svg", {
 			width: "9",

package/dist/ui/components/checkbox/checkbox-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-base.js","names":["cn","CheckboxPrimitive","React","CheckboxBase","forwardRef","className","checked","invalid","props","ref","disabled","displayName"],"sources":["../../../../src/ui/components/checkbox/checkbox-base.tsx"],"sourcesContent":["import { cn } from \"#design-system\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport * as React from \"react\";\n\ntype CheckboxValue = boolean | \"indeterminate\";\n\ntype CheckboxBaseProps = React.ComponentPropsWithoutRef<\n  typeof CheckboxPrimitive.Root\n> & {\n  invalid?: boolean;\n};\n\nconst CheckboxBase = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxBaseProps\n>(({ className, checked, invalid, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      // Base styles\n      \"peer size-4 shrink-0 rounded-sm\",\n      // Border & Shadow\n      \"border shadow-sm shadow-black/4\",\n      // Background & Ring\n      \"transition-shadow\",\n      // Focus styles\n      \"focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n      // Disabled state\n      \"disabled:cursor-not-allowed disabled:border-gray-700 disabled:data-[invalid=false]:data-[state=checked]:bg-gray-700 disabled:data-[invalid=false]:data-[state=indeterminate]:bg-gray-700 dark:disabled:data-[invalid=false]:data-[state=checked]:bg-gray-500 dark:disabled:data-[invalid=false]:data-[state=indeterminate]:bg-gray-500\",\n      // Checked & Indeterminate states\n      \"data-state:border-gray-700 dark:data-state:border-gray-500\",\n      \"data-[state=checked]:bg-gray-900 data-[state=indeterminate]:bg-gray-900 dark:data-[state=checked]:bg-gray-400 dark:data-[state=indeterminate]:bg-gray-400\",\n      \"data-[state=checked]:text-slate-50 data-[state=indeterminate]:text-slate-50 dark:data-[state=checked]:text-gray-900 dark:data-[state=indeterminate]:text-gray-900\",\n      // hover states\n      !props.disabled && [\n        \"group-hover:border-gray-900 data-[state=checked]:group-hover:bg-gray-900 data-[state=indeterminate]:group-hover:bg-gray-900\",\n        \"dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50\",\n      ],\n      // Error state\n      \"data-[invalid=true]:data-state:border-red-800! data-[invalid=true]:data-[state=checked]:bg-red-800! data-[invalid=true]:data-[state=indeterminate]:bg-red-800!\",\n      \"dark:data-[invalid=true]:data-state:border-red-800! dark:data-[invalid=true]:data-[state=checked]:bg-red-800! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-800!\",\n      // error hover states\n      \"data-[invalid=true]:group-hover:border-red-900! data-[invalid=true]:data-[state=checked]:group-hover:bg-red-900! data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-900!\",\n      className,\n    )}\n    checked={checked}\n    data-invalid={invalid}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      {checked === \"indeterminate\" ? (\n        <svg\n          width=\"9\"\n          height=\"9\"\n          viewBox=\"0 0 9 9\"\n          fill=\"currentcolor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z\"\n          />\n        </svg>\n      ) : checked ? (\n        <svg\n          width=\"9\"\n          height=\"9\"\n          viewBox=\"0 0 9 9\"\n          fill=\"currentcolor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z\"\n          />\n        </svg>\n      ) : null}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\n\nCheckboxBase.displayName = \"CheckboxBase\";\n\nexport { CheckboxBase, type CheckboxValue };\n"],"mappings":";;;;;AAYA,MAAMG,eAAeD,wBAAME,YAGxB,EAAEC,WAAWC,SAASC,SAAS,GAAGC,SAASC,QAC5C,oBAAC,kBAAkB,MAAnB;CACOA;CACL,WAAWT,GAET,mCAEA,mCAEA,qBAEA,+EAEA,0UAEA,8DACA,6JACA,qKAEA,CAACQ,MAAME,YAAY,CACjB,+HACA,6IACD,EAED,kKACA,iLAEA,2LACAL,UACD;CACQC;CACT,gBAAcC;CACd,GAAIC;WAEJ,oBAAC,kBAAkB,WAAnB;EAA6B,WAAU;YACpCF,YAAY,kBACX,oBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aAEN,oBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IAAgK,CAAA;GAEhK,CAAA,GACJA,UACF,oBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aAEN,oBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IAAqX,CAAA;GAErX,CAAA,GACJ;EACuB,CAAA;CAEhC,CAAA,CAAC;AAEFH,aAAaQ,cAAc"}
+{"version":3,"file":"checkbox-base.js","names":["twMerge","CheckboxPrimitive","React","CheckboxBase","forwardRef","className","checked","invalid","props","ref","disabled","displayName"],"sources":["../../../../src/ui/components/checkbox/checkbox-base.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport * as React from \"react\";\n\ntype CheckboxValue = boolean | \"indeterminate\";\n\ntype CheckboxBaseProps = React.ComponentPropsWithoutRef<\n  typeof CheckboxPrimitive.Root\n> & {\n  invalid?: boolean;\n};\n\nconst CheckboxBase = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxBaseProps\n>(({ className, checked, invalid, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={twMerge(\n      // Base styles\n      \"peer size-4 shrink-0 rounded-sm\",\n      // Border & Shadow\n      \"border shadow-sm shadow-gray-900/4\",\n      // Background & Ring\n      \"transition-shadow\",\n      // Focus styles\n      \"focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n      // Disabled state\n      \"disabled:cursor-not-allowed disabled:border-gray-700 disabled:data-[invalid=false]:data-[state=checked]:bg-gray-700 disabled:data-[invalid=false]:data-[state=indeterminate]:bg-gray-700 dark:disabled:border-slate-200 dark:disabled:data-[invalid=false]:data-[state=checked]:bg-slate-500 dark:disabled:data-[invalid=false]:data-[state=indeterminate]:bg-slate-500\",\n      // Checked & Indeterminate states\n      \"data-state:border-gray-700 dark:data-state:border-slate-500\",\n      \"data-[state=checked]:bg-gray-900 data-[state=indeterminate]:bg-gray-900 dark:data-[state=checked]:bg-slate-400 dark:data-[state=indeterminate]:bg-slate-400\",\n      \"data-[state=checked]:text-gray-50 data-[state=indeterminate]:text-gray-50 dark:data-[state=checked]:text-slate-900 dark:data-[state=indeterminate]:text-slate-900\",\n      // hover states\n      !props.disabled && [\n        \"group-hover:border-gray-900 data-[state=checked]:group-hover:bg-gray-900 data-[state=indeterminate]:group-hover:bg-gray-900 dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50\",\n        \"dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50\",\n      ],\n      // Error state\n      \"data-[invalid=true]:data-state:border-red-800! data-[invalid=true]:data-[state=checked]:bg-red-800! data-[invalid=true]:data-[state=indeterminate]:bg-red-800! dark:data-[invalid=true]:data-state:border-red-100! dark:data-[invalid=true]:data-[state=checked]:bg-red-100! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-100!\",\n      \"dark:data-[invalid=true]:data-state:border-red-800! dark:data-[invalid=true]:data-[state=checked]:bg-red-800! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-800!\",\n      // error hover states\n      \"data-[invalid=true]:group-hover:border-red-900! data-[invalid=true]:data-[state=checked]:group-hover:bg-red-900! data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-900! dark:data-[invalid=true]:group-hover:border-red-50! dark:data-[invalid=true]:data-[state=checked]:group-hover:bg-red-50! dark:data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-50!\",\n      className,\n    )}\n    checked={checked}\n    data-invalid={invalid}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      {checked === \"indeterminate\" ? (\n        <svg\n          width=\"9\"\n          height=\"9\"\n          viewBox=\"0 0 9 9\"\n          fill=\"currentcolor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 0.75 4.5Z\"\n          />\n        </svg>\n      ) : checked ? (\n        <svg\n          width=\"9\"\n          height=\"9\"\n          viewBox=\"0 0 9 9\"\n          fill=\"currentcolor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z\"\n          />\n        </svg>\n      ) : null}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\n\nCheckboxBase.displayName = \"CheckboxBase\";\n\nexport { CheckboxBase, type CheckboxValue };\n"],"mappings":";;;;;AAYA,MAAMG,eAAeD,wBAAME,YAGxB,EAAEC,WAAWC,SAASC,SAAS,GAAGC,SAASC,QAC5C,oBAAC,kBAAkB,MAAnB;CACOA;CACL,WAAWT,QAET,mCAEA,sCAEA,qBAEA,+EAEA,2WAEA,+DACA,+JACA,qKAEA,CAACQ,MAAME,YAAY,CACjB,0QACA,6IACD,EAED,gVACA,iLAEA,+XACAL,UACD;CACQC;CACT,gBAAcC;CACd,GAAIC;WAEJ,oBAAC,kBAAkB,WAAnB;EAA6B,WAAU;YACpCF,YAAY,kBACX,oBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aAEN,oBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IAA4H,CAAA;GAE5H,CAAA,GACJA,UACF,oBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aAEN,oBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IAAqX,CAAA;GAErX,CAAA,GACJ;EACuB,CAAA;CAEhC,CAAA,CAAC;AAEFH,aAAaQ,cAAc"}

package/dist/ui/components/checkbox/checkbox.d.ts

@@ -1,2 +1,2 @@
-import { n as CheckboxProps, t as Checkbox } from "../../../checkbox-dqrYEK5V.js";
+import { n as CheckboxProps, t as Checkbox } from "../../../checkbox-CGBtXQnI.js";
 export { Checkbox, CheckboxProps };

package/dist/ui/components/checkbox/checkbox.js

@@ -1,8 +1,8 @@
-import { t as cn } from "../../../src-BgCjYazJ.js";
 import { CheckboxBase } from "./checkbox-base.js";
 import { FormLabel } from "../form-label/form-label.js";
 import { FormMessageList } from "../form-message/message-list.js";
 import React, { useId } from "react";
+import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/components/checkbox/checkbox.tsx
 const Checkbox = /* @__PURE__ */ React.forwardRef(({ id: idProp, name, label, value, defaultValue, disabled, required, description, errors, warnings, onChange, className, ...props }, ref) => {
@@ -15,10 +15,10 @@ const Checkbox = /* @__PURE__ */ React.forwardRef(({ id: idProp, name, label, va
 		return value;
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col gap-2"),
+		className: twMerge("flex flex-col gap-2"),
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: cn("group flex items-center space-x-2", className),
+				className: twMerge("group flex items-center space-x-2", className),
 				children: [/* @__PURE__ */ jsx(CheckboxBase, {
 					id,
 					name,
@@ -36,7 +36,7 @@ const Checkbox = /* @__PURE__ */ React.forwardRef(({ id: idProp, name, label, va
 					disabled,
 					hasError,
 					description,
-					className: cn(!disabled && "group-hover:cursor-pointer"),
+					className: twMerge(!disabled && "group-hover:cursor-pointer"),
 					inline: true,
 					children: label
 				})]

package/dist/ui/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["cn","React","useId","FormLabel","FormMessageList","CheckboxBase","Checkbox","forwardRef","id","idProp","name","label","value","defaultValue","disabled","required","description","errors","warnings","onChange","className","props","ref","generatedId","hasError","length","castValue","displayName"],"sources":["../../../../src/ui/components/checkbox/checkbox.tsx"],"sourcesContent":["import { cn } from \"#design-system\";\nimport React, { useId } from \"react\";\nimport type { InputBaseProps } from \"../../types.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport type { CheckboxValue } from \"./checkbox-base.js\";\nimport { CheckboxBase } from \"./checkbox-base.js\";\n\ntype CheckboxBaseProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  keyof InputBaseProps<CheckboxValue> | \"onChange\"\n>;\n\nexport interface CheckboxProps\n  extends CheckboxBaseProps, InputBaseProps<CheckboxValue> {\n  onChange?: ((checked: CheckboxValue) => void) | ((checked: boolean) => void);\n}\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      id: idProp,\n      name,\n      label,\n      value,\n      defaultValue,\n      disabled,\n      required,\n      description,\n      errors,\n      warnings,\n      onChange,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const hasError = !!errors?.length;\n\n    const castValue = (value: unknown) => {\n      if (value === \"true\") return true;\n      if (value === \"false\") return false;\n      return value;\n    };\n\n    return (\n      <div className={cn(\"flex flex-col gap-2\")}>\n        <div className={cn(\"group flex items-center space-x-2\", className)}>\n          <CheckboxBase\n            id={id}\n            name={name}\n            checked={castValue(value ?? defaultValue) as CheckboxValue}\n            disabled={disabled}\n            onCheckedChange={onChange}\n            required={required}\n            invalid={hasError}\n            aria-invalid={hasError}\n            ref={ref}\n            {...props}\n          />\n          <FormLabel\n            htmlFor={id}\n            required={required}\n            disabled={disabled}\n            hasError={hasError}\n            description={description}\n            className={cn(!disabled && \"group-hover:cursor-pointer\")}\n            inline\n          >\n            {label}\n          </FormLabel>\n        </div>\n        {warnings && <FormMessageList type=\"warning\" messages={warnings} />}\n        {errors && <FormMessageList type=\"error\" messages={errors} />}\n      </div>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAkBA,MAAMM,WAAWL,sBAAMM,YAEnB,EACEC,IAAIC,QACJC,MACAC,OACAC,OACAC,cACAC,UACAC,UACAC,aACAC,QACAC,UACAC,UACAC,WACA,GAAGC,SAELC,QACG;CACH,MAAMC,cAAcrB,OAAO;CAC3B,MAAMM,KAAKC,UAAUc;CACrB,MAAMC,WAAW,CAAC,CAACP,QAAQQ;CAE3B,MAAMC,aAAad,UAAmB;AACpC,MAAIA,UAAU,OAAQ,QAAO;AAC7B,MAAIA,UAAU,QAAS,QAAO;AAC9B,SAAOA;;AAGT,QACE,qBAAC,OAAD;EAAK,WAAWZ,GAAG,sBAAsB;YAAzC;GACE,qBAAC,OAAD;IAAK,WAAWA,GAAG,qCAAqCoB,UAAU;cAAlE,CACE,oBAAC,cAAD;KACMZ;KACEE;KACN,SAASgB,UAAUd,SAASC,aAA8B;KAChDC;KACV,iBAAiBK;KACPJ;KACV,SAASS;KACT,gBAAcA;KACTF;KACL,GAAID;KAAM,CAAA,EAEZ,oBAAC,WAAD;KACE,SAASb;KACCO;KACAD;KACAU;KACGR;KACb,WAAWhB,GAAG,CAACc,YAAY,6BAA6B;KACxD,QAAA;eAECH;KACQ,CAAA,CACR;;GACJO,YAAY,oBAAC,iBAAD;IAAiB,MAAK;IAAU,UAAUA;IAAY,CAAA;GAClED,UAAU,oBAAC,iBAAD;IAAiB,MAAK;IAAQ,UAAUA;IAAU,CAAA;GACzD;;EAGX;AAEDX,SAASqB,cAAc"}
+{"version":3,"file":"checkbox.js","names":["twMerge","React","useId","FormLabel","FormMessageList","CheckboxBase","Checkbox","forwardRef","id","idProp","name","label","value","defaultValue","disabled","required","description","errors","warnings","onChange","className","props","ref","generatedId","hasError","length","castValue","displayName"],"sources":["../../../../src/ui/components/checkbox/checkbox.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport React, { useId } from \"react\";\nimport type { InputBaseProps } from \"../../types.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport type { CheckboxValue } from \"./checkbox-base.js\";\nimport { CheckboxBase } from \"./checkbox-base.js\";\n\ntype CheckboxBaseProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  keyof InputBaseProps<CheckboxValue> | \"onChange\"\n>;\n\nexport interface CheckboxProps\n  extends CheckboxBaseProps, InputBaseProps<CheckboxValue> {\n  onChange?: ((checked: CheckboxValue) => void) | ((checked: boolean) => void);\n}\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      id: idProp,\n      name,\n      label,\n      value,\n      defaultValue,\n      disabled,\n      required,\n      description,\n      errors,\n      warnings,\n      onChange,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const hasError = !!errors?.length;\n\n    const castValue = (value: unknown) => {\n      if (value === \"true\") return true;\n      if (value === \"false\") return false;\n      return value;\n    };\n\n    return (\n      <div className={twMerge(\"flex flex-col gap-2\")}>\n        <div\n          className={twMerge(\"group flex items-center space-x-2\", className)}\n        >\n          <CheckboxBase\n            id={id}\n            name={name}\n            checked={castValue(value ?? defaultValue) as CheckboxValue}\n            disabled={disabled}\n            onCheckedChange={onChange}\n            required={required}\n            invalid={hasError}\n            aria-invalid={hasError}\n            ref={ref}\n            {...props}\n          />\n          <FormLabel\n            htmlFor={id}\n            required={required}\n            disabled={disabled}\n            hasError={hasError}\n            description={description}\n            className={twMerge(!disabled && \"group-hover:cursor-pointer\")}\n            inline\n          >\n            {label}\n          </FormLabel>\n        </div>\n        {warnings && <FormMessageList type=\"warning\" messages={warnings} />}\n        {errors && <FormMessageList type=\"error\" messages={errors} />}\n      </div>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAkBA,MAAMM,WAAWL,sBAAMM,YAEnB,EACEC,IAAIC,QACJC,MACAC,OACAC,OACAC,cACAC,UACAC,UACAC,aACAC,QACAC,UACAC,UACAC,WACA,GAAGC,SAELC,QACG;CACH,MAAMC,cAAcrB,OAAO;CAC3B,MAAMM,KAAKC,UAAUc;CACrB,MAAMC,WAAW,CAAC,CAACP,QAAQQ;CAE3B,MAAMC,aAAad,UAAmB;AACpC,MAAIA,UAAU,OAAQ,QAAO;AAC7B,MAAIA,UAAU,QAAS,QAAO;AAC9B,SAAOA;;AAGT,QACE,qBAAC,OAAD;EAAK,WAAWZ,QAAQ,sBAAsB;YAA9C;GACE,qBAAC,OAAD;IACE,WAAWA,QAAQ,qCAAqCoB,UAAU;cADpE,CAGE,oBAAC,cAAD;KACMZ;KACEE;KACN,SAASgB,UAAUd,SAASC,aAA8B;KAChDC;KACV,iBAAiBK;KACPJ;KACV,SAASS;KACT,gBAAcA;KACTF;KACL,GAAID;KAAM,CAAA,EAEZ,oBAAC,WAAD;KACE,SAASb;KACCO;KACAD;KACAU;KACGR;KACb,WAAWhB,QAAQ,CAACc,YAAY,6BAA6B;KAC7D,QAAA;eAECH;KACQ,CAAA,CACR;;GACJO,YAAY,oBAAC,iBAAD;IAAiB,MAAK;IAAU,UAAUA;IAAY,CAAA;GAClED,UAAU,oBAAC,iBAAD;IAAiB,MAAK;IAAQ,UAAUA;IAAU,CAAA;GACzD;;EAGX;AAEDX,SAASqB,cAAc"}

package/dist/ui/components/command/command.d.ts

@@ -1,2 +1,2 @@
-import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../../../command-BBihfa1C.js";
+import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../../../command-DFzB66Ou.js";
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading };

package/dist/ui/components/command/command.js

@@ -1,31 +1,32 @@
-import { h as Icon, t as cn } from "../../../src-BgCjYazJ.js";
+import { t as Icon } from "../../../icon-C4QOpsdI.js";
 import React from "react";
+import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Command as Command$1 } from "cmdk";
 //#region src/ui/components/command/command.tsx
 const Command = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1, {
 	ref,
-	className: cn("flex size-full flex-col rounded-md **:[[cmdk-label]]:hidden", className),
+	className: twMerge("flex size-full flex-col rounded-md **:[[cmdk-label]]:hidden", className),
 	...props
 }));
 Command.displayName = Command$1.displayName;
 const CommandInput = /* @__PURE__ */ React.forwardRef(({ wrapperClassName, className, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
-	className: cn("group relative flex items-center border-b", "border-b-gray-300 dark:border-b-gray-900", "hover:border-b-gray-300 dark:hover:border-b-gray-800", "hover:bg-gray-100 dark:hover:bg-gray-900", "focus-within:border-b-gray-300 dark:focus-within:border-b-gray-800", "focus-within:bg-gray-100 dark:focus-within:bg-gray-900", wrapperClassName),
+	className: twMerge("group relative flex items-center border-b", "border-b-gray-300 dark:border-b-slate-900", "hover:border-b-gray-300 dark:hover:border-b-slate-800", "hover:bg-gray-100 dark:hover:bg-slate-700", "focus-within:border-b-gray-300 dark:focus-within:border-b-slate-800", "focus-within:bg-gray-100 dark:focus-within:bg-slate-700", wrapperClassName),
 	"cmdk-input-wrapper": "",
 	children: [/* @__PURE__ */ jsx(Icon, {
 		name: "Search",
 		size: 16,
-		className: cn("pointer-events-none absolute top-3.5 left-2 text-gray-500 dark:text-gray-700", "group-hover:text-gray-700 dark:group-hover:text-gray-500", "group-focus-within:text-gray-900! dark:group-focus-within:text-gray-50!")
+		className: twMerge("pointer-events-none absolute top-3.5 left-2 text-gray-500 dark:text-slate-400", "group-hover:text-gray-700 dark:group-hover:text-slate-200", "group-focus-within:text-gray-900! dark:group-focus-within:text-slate-50")
 	}), /* @__PURE__ */ jsx(Command$1.Input, {
 		ref,
-		className: cn("flex w-full bg-transparent pt-3 pr-3 pb-2 pl-8 text-sm/5 font-normal outline-none", "placeholder:text-gray-500 dark:placeholder:text-gray-700", "group-hover:placeholder:text-gray-700 dark:group-hover:placeholder:text-gray-500", "group-focus-within:placeholder:text-gray-700! dark:group-focus-within:placeholder:text-gray-300!", "disabled:cursor-not-allowed", className),
+		className: twMerge("flex w-full bg-transparent pt-3 pr-3 pb-2 pl-8 text-sm/5 font-normal outline-none", "placeholder:text-gray-500 dark:placeholder:text-slate-400", "group-hover:placeholder:text-gray-700 dark:group-hover:placeholder:text-slate-500", "group-focus-within:placeholder:text-gray-700! dark:group-focus-within:placeholder:text-slate-300", "disabled:cursor-not-allowed", className),
 		...props
 	})]
 }));
 CommandInput.displayName = Command$1.Input.displayName;
 const CommandList = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.List, {
 	ref,
-	className: cn("max-h-75 overflow-x-hidden overflow-y-auto", "focus:outline-none", "scrollbar-thin", "scrollbar-track-transparent", "scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-300", "dark:scrollbar-thumb-charcoal-700 dark:hover:scrollbar-thumb-charcoal-700", "scrollbar-thumb-rounded-md", className),
+	className: twMerge("max-h-75 overflow-x-hidden overflow-y-auto", "focus:outline-none", "scrollbar-thin", "scrollbar-track-transparent", "scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-300", "dark:scrollbar-thumb-slate-700 dark:hover:scrollbar-thumb-slate-700", "scrollbar-thumb-rounded-md", className),
 	...props
 }));
 CommandList.displayName = Command$1.List.displayName;
@@ -41,13 +42,13 @@ const CommandEmpty = /* @__PURE__ */ React.forwardRef((props, ref) => /* @__PURE
 CommandEmpty.displayName = Command$1.Empty.displayName;
 const CommandGroup = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Group, {
 	ref,
-	className: cn("overflow-hidden px-0.5 py-1", "**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium", className),
+	className: twMerge("overflow-hidden px-0.5 py-1", "**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium", className),
 	...props
 }));
 CommandGroup.displayName = Command$1.Group.displayName;
 const CommandItem = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Item, {
 	ref,
-	className: cn("relative flex items-center justify-between select-none", "h-8 gap-2 rounded-md py-1.5 pr-2.5 pl-1.5", "text-sm/4 text-gray-900 outline-none", "border-y-2 border-white dark:border-slate-600", "data-[disabled=true]:pointer-events-none", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
+	className: twMerge("relative flex items-center justify-between select-none", "h-8 gap-2 rounded-md py-1.5 pr-2.5 pl-1.5", "text-sm/4 text-gray-900 outline-none dark:text-slate-50", "border-y-2 border-white dark:border-slate-600 dark:bg-slate-600 dark:text-slate-100", "data-[disabled=true]:pointer-events-none", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
 	...props
 }));
 CommandItem.displayName = Command$1.Item.displayName;

package/dist/ui/components/command/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","names":["cn","Icon","Command","CommandPrimitive","React","forwardRef","className","props","ref","displayName","CommandInput","wrapperClassName","Input","CommandList","List","CommandLoading","Loading","CommandEmpty","Empty","CommandGroup","Group","CommandItem","Item"],"sources":["../../../../src/ui/components/command/command.tsx"],"sourcesContent":["import { cn, Icon } from \"#design-system\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport React from \"react\";\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"flex size-full flex-col rounded-md **:[[cmdk-label]]:hidden\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {\n    wrapperClassName?: string;\n  }\n>(({ wrapperClassName, className, ...props }, ref) => (\n  <div\n    className={cn(\n      \"group relative flex items-center border-b\",\n      \"border-b-gray-300 dark:border-b-gray-900\",\n      \"hover:border-b-gray-300 dark:hover:border-b-gray-800\",\n      \"hover:bg-gray-100 dark:hover:bg-gray-900\",\n      \"focus-within:border-b-gray-300 dark:focus-within:border-b-gray-800\",\n      \"focus-within:bg-gray-100 dark:focus-within:bg-gray-900\",\n      wrapperClassName,\n    )}\n    cmdk-input-wrapper=\"\"\n  >\n    <Icon\n      name=\"Search\"\n      size={16}\n      className={cn(\n        \"pointer-events-none absolute top-3.5 left-2 text-gray-500 dark:text-gray-700\",\n        \"group-hover:text-gray-700 dark:group-hover:text-gray-500\",\n        \"group-focus-within:text-gray-900! dark:group-focus-within:text-gray-50!\",\n      )}\n    />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"flex w-full bg-transparent pt-3 pr-3 pb-2 pl-8 text-sm/5 font-normal outline-none\",\n        \"placeholder:text-gray-500 dark:placeholder:text-gray-700\",\n        \"group-hover:placeholder:text-gray-700 dark:group-hover:placeholder:text-gray-500\",\n        \"group-focus-within:placeholder:text-gray-700! dark:group-focus-within:placeholder:text-gray-300!\",\n        \"disabled:cursor-not-allowed\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\n      \"max-h-75 overflow-x-hidden overflow-y-auto\",\n      \"focus:outline-none\",\n      \"scrollbar-thin\",\n      \"scrollbar-track-transparent\",\n      \"scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-300\",\n      \"dark:scrollbar-thumb-charcoal-700 dark:hover:scrollbar-thumb-charcoal-700\",\n      \"scrollbar-thumb-rounded-md\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandLoading = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Loading>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>\n>((props, ref) => <CommandPrimitive.Loading ref={ref} {...props} />);\nCommandLoading.displayName = CommandPrimitive.Loading.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => <CommandPrimitive.Empty ref={ref} {...props} />);\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"overflow-hidden px-0.5 py-1\",\n      \"**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex items-center justify-between select-none\",\n      \"h-8 gap-2 rounded-md py-1.5 pr-2.5 pl-1.5\",\n      \"text-sm/4 text-gray-900 outline-none\",\n      \"border-y-2 border-white dark:border-slate-600\",\n      \"data-[disabled=true]:pointer-events-none\",\n      \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nexport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n};\n"],"mappings":";;;;;AAIA,MAAME,UAAUE,sBAAMC,YAGnB,EAAEC,WAAW,GAAGC,SAASC,QAC1B,oBAAC,WAAD;CACOA;CACL,WAAWR,GACT,+DACAM,UACD;CACD,GAAIC;CAEP,CAAA,CAAC;AACFL,QAAQO,cAAcN,UAAiBM;AAEvC,MAAMC,eAAeN,sBAAMC,YAKxB,EAAEM,kBAAkBL,WAAW,GAAGC,SAASC,QAC5C,qBAAC,OAAD;CACE,WAAWR,GACT,6CACA,4CACA,wDACA,4CACA,sEACA,0DACAW,iBACD;CACD,sBAAmB;WAVrB,CAYE,oBAAC,MAAD;EACE,MAAK;EACL,MAAM;EACN,WAAWX,GACT,gFACA,4DACA,0EACD;EAAC,CAAA,EAEJ,oBAAC,UAAiB,OAAlB;EACOQ;EACL,WAAWR,GACT,qFACA,4DACA,oFACA,oGACA,+BACAM,UACD;EACD,GAAIC;EAAM,CAAA,CAGf;GAAC;AACFG,aAAaD,cAAcN,UAAiBS,MAAMH;AAElD,MAAMI,cAAcT,sBAAMC,YAGvB,EAAEC,WAAW,GAAGC,SAASC,QAC1B,oBAAC,UAAiB,MAAlB;CACOA;CACL,WAAWR,GACT,8CACA,sBACA,kBACA,+BACA,2DACA,6EACA,8BACAM,UACD;CACD,GAAIC;CAEP,CAAA,CAAC;AACFM,YAAYJ,cAAcN,UAAiBW,KAAKL;AAEhD,MAAMM,iBAAiBX,sBAAMC,YAG1BE,OAAOC,QAAQ,oBAAC,UAAiB,SAAlB;CAA+BA;CAAK,GAAID;CAAS,CAAA,CAAC;AACpEQ,eAAeN,cAAcN,UAAiBa,QAAQP;AAEtD,MAAMQ,eAAeb,sBAAMC,YAGxBE,OAAOC,QAAQ,oBAAC,UAAiB,OAAlB;CAA6BA;CAAK,GAAID;CAAS,CAAA,CAAC;AAClEU,aAAaR,cAAcN,UAAiBe,MAAMT;AAElD,MAAMU,eAAef,sBAAMC,YAGxB,EAAEC,WAAW,GAAGC,SAASC,QAC1B,oBAAC,UAAiB,OAAlB;CACOA;CACL,WAAWR,GACT,+BACA,2IACAM,UACD;CACD,GAAIC;CAEP,CAAA,CAAC;AACFY,aAAaV,cAAcN,UAAiBiB,MAAMX;AAElD,MAAMY,cAAcjB,sBAAMC,YAGvB,EAAEC,WAAW,GAAGC,SAASC,QAC1B,oBAAC,UAAiB,MAAlB;CACOA;CACL,WAAWR,GACT,0DACA,6CACA,wCACA,iDACA,4CACA,+DACAM,UACD;CACD,GAAIC;CAEP,CAAA,CAAC;AACFc,YAAYZ,cAAcN,UAAiBmB,KAAKb"}
+{"version":3,"file":"command.js","names":["Icon","twMerge","Command","CommandPrimitive","React","forwardRef","className","props","ref","displayName","CommandInput","wrapperClassName","Input","CommandList","List","CommandLoading","Loading","CommandEmpty","Empty","CommandGroup","Group","CommandItem","Item"],"sources":["../../../../src/ui/components/command/command.tsx"],"sourcesContent":["import { Icon } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport React from \"react\";\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={twMerge(\n      \"flex size-full flex-col rounded-md **:[[cmdk-label]]:hidden\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {\n    wrapperClassName?: string;\n  }\n>(({ wrapperClassName, className, ...props }, ref) => (\n  <div\n    className={twMerge(\n      \"group relative flex items-center border-b\",\n      \"border-b-gray-300 dark:border-b-slate-900\",\n      \"hover:border-b-gray-300 dark:hover:border-b-slate-800\",\n      \"hover:bg-gray-100 dark:hover:bg-slate-700\",\n      \"focus-within:border-b-gray-300 dark:focus-within:border-b-slate-800\",\n      \"focus-within:bg-gray-100 dark:focus-within:bg-slate-700\",\n      wrapperClassName,\n    )}\n    cmdk-input-wrapper=\"\"\n  >\n    <Icon\n      name=\"Search\"\n      size={16}\n      className={twMerge(\n        \"pointer-events-none absolute top-3.5 left-2 text-gray-500 dark:text-slate-400\",\n        \"group-hover:text-gray-700 dark:group-hover:text-slate-200\",\n        \"group-focus-within:text-gray-900! dark:group-focus-within:text-slate-50\",\n      )}\n    />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={twMerge(\n        \"flex w-full bg-transparent pt-3 pr-3 pb-2 pl-8 text-sm/5 font-normal outline-none\",\n        \"placeholder:text-gray-500 dark:placeholder:text-slate-400\",\n        \"group-hover:placeholder:text-gray-700 dark:group-hover:placeholder:text-slate-500\",\n        \"group-focus-within:placeholder:text-gray-700! dark:group-focus-within:placeholder:text-slate-300\",\n        \"disabled:cursor-not-allowed\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={twMerge(\n      \"max-h-75 overflow-x-hidden overflow-y-auto\",\n      \"focus:outline-none\",\n      \"scrollbar-thin\",\n      \"scrollbar-track-transparent\",\n      \"scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-300\",\n      \"dark:scrollbar-thumb-slate-700 dark:hover:scrollbar-thumb-slate-700\",\n      \"scrollbar-thumb-rounded-md\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandLoading = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Loading>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>\n>((props, ref) => <CommandPrimitive.Loading ref={ref} {...props} />);\nCommandLoading.displayName = CommandPrimitive.Loading.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => <CommandPrimitive.Empty ref={ref} {...props} />);\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={twMerge(\n      \"overflow-hidden px-0.5 py-1\",\n      \"**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={twMerge(\n      \"relative flex items-center justify-between select-none\",\n      \"h-8 gap-2 rounded-md py-1.5 pr-2.5 pl-1.5\",\n      \"text-sm/4 text-gray-900 outline-none dark:text-slate-50\",\n      \"border-y-2 border-white dark:border-slate-600 dark:bg-slate-600 dark:text-slate-100\",\n      \"data-[disabled=true]:pointer-events-none\",\n      \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nexport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n};\n"],"mappings":";;;;;;AAKA,MAAME,UAAUE,sBAAMC,YAGnB,EAAEC,WAAW,GAAGC,SAASC,QAC1B,oBAAC,WAAD;CACOA;CACL,WAAWP,QACT,+DACAK,UACD;CACD,GAAIC;CAEP,CAAA,CAAC;AACFL,QAAQO,cAAcN,UAAiBM;AAEvC,MAAMC,eAAeN,sBAAMC,YAKxB,EAAEM,kBAAkBL,WAAW,GAAGC,SAASC,QAC5C,qBAAC,OAAD;CACE,WAAWP,QACT,6CACA,6CACA,yDACA,6CACA,uEACA,2DACAU,iBACD;CACD,sBAAmB;WAVrB,CAYE,oBAAC,MAAD;EACE,MAAK;EACL,MAAM;EACN,WAAWV,QACT,iFACA,6DACA,0EACD;EAAC,CAAA,EAEJ,oBAAC,UAAiB,OAAlB;EACOO;EACL,WAAWP,QACT,qFACA,6DACA,qFACA,oGACA,+BACAK,UACD;EACD,GAAIC;EAAM,CAAA,CAGf;GAAC;AACFG,aAAaD,cAAcN,UAAiBS,MAAMH;AAElD,MAAMI,cAAcT,sBAAMC,YAGvB,EAAEC,WAAW,GAAGC,SAASC,QAC1B,oBAAC,UAAiB,MAAlB;CACOA;CACL,WAAWP,QACT,8CACA,sBACA,kBACA,+BACA,2DACA,uEACA,8BACAK,UACD;CACD,GAAIC;CAEP,CAAA,CAAC;AACFM,YAAYJ,cAAcN,UAAiBW,KAAKL;AAEhD,MAAMM,iBAAiBX,sBAAMC,YAG1BE,OAAOC,QAAQ,oBAAC,UAAiB,SAAlB;CAA+BA;CAAK,GAAID;CAAS,CAAA,CAAC;AACpEQ,eAAeN,cAAcN,UAAiBa,QAAQP;AAEtD,MAAMQ,eAAeb,sBAAMC,YAGxBE,OAAOC,QAAQ,oBAAC,UAAiB,OAAlB;CAA6BA;CAAK,GAAID;CAAS,CAAA,CAAC;AAClEU,aAAaR,cAAcN,UAAiBe,MAAMT;AAElD,MAAMU,eAAef,sBAAMC,YAGxB,EAAEC,WAAW,GAAGC,SAASC,QAC1B,oBAAC,UAAiB,OAAlB;CACOA;CACL,WAAWP,QACT,+BACA,2IACAK,UACD;CACD,GAAIC;CAEP,CAAA,CAAC;AACFY,aAAaV,cAAcN,UAAiBiB,MAAMX;AAElD,MAAMY,cAAcjB,sBAAMC,YAGvB,EAAEC,WAAW,GAAGC,SAASC,QAC1B,oBAAC,UAAiB,MAAlB;CACOA;CACL,WAAWP,QACT,0DACA,6CACA,2DACA,uFACA,4CACA,+DACAK,UACD;CACD,GAAIC;CAEP,CAAA,CAAC;AACFc,YAAYZ,cAAcN,UAAiBmB,KAAKb"}

package/dist/ui/components/enum-field/enum-field.d.ts

@@ -1,2 +1,2 @@
-import { n as EnumFieldProps, t as EnumField } from "../../../enum-field-CjTSTf1e.js";
+import { n as EnumFieldProps, t as EnumField } from "../../../enum-field-UxIet5Lp.js";
 export { EnumField, EnumFieldProps };

package/dist/ui/components/enum-field/types.d.ts

@@ -1,2 +1,2 @@
-import { C as SelectProps, S as SelectOption, b as RadioGroupProps, x as SelectBaseProps } from "../../../index-DtPJq-vz.js";
+import { C as SelectProps, S as SelectOption, b as RadioGroupProps, x as SelectBaseProps } from "../../../index--hDSfvJT.js";
 export { RadioGroupProps, SelectBaseProps, SelectOption, SelectProps };

package/dist/ui/components/form/form.d.ts

@@ -1,2 +1,2 @@
-import { t as Form } from "../../../form-B9JNvrH6.js";
+import { t as Form } from "../../../form-CKRKn0TQ.js";
 export { Form };

package/dist/ui/components/form/form.js

@@ -107,7 +107,7 @@ const Form = /* @__PURE__ */ forwardRef(({ children, onSubmit, resetOnSuccessful
 			children: /* @__PURE__ */ jsx(FormServerErrorMessage, {})
 		}), /* @__PURE__ */ jsx("form", {
 			id: formId,
-			onSubmit: methods.handleSubmit(wrappedOnSubmit),
+			onSubmit: (e) => void methods.handleSubmit(wrappedOnSubmit)(e),
 			className,
 			noValidate: true,
 			children: typeof children === "function" ? children({

package/dist/ui/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":["castValue","deepEqual","isEmpty","forwardRef","useCallback","useEffect","useId","useImperativeHandle","FormProvider","useForm","FormServerErrorMessage","defaultOnError","Form","children","onSubmit","resetOnSuccessfulSubmit","submitChangesOnly","defaultValues","renderSubmitErrorsManually","submissionErrorMatcher","className","extraFormProps","ref","formId","methods","criteriaMode","formState","isSubmitSuccessful","reset","wrappedOnSubmit","rawData","data","Object","keys","control","_fields","forEach","fieldName","includes","fromEntries","entries","filter","value","map","form","document","getElementById","key","field","querySelector","dataCast","getAttribute","error","console","errors","setError","type","message","types","serverError","triggerSubmit","dispatchEvent","Event","bubbles","root","handleSubmit"],"sources":["../../../../src/ui/components/form/form.tsx"],"sourcesContent":["import type { ValueCast } from \"#design-system/ui/lib\";\nimport { castValue, deepEqual, isEmpty } from \"#design-system/ui/lib\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n} from \"react\";\nimport type { UseFormProps, UseFormReturn } from \"react-hook-form\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { FormServerErrorMessage } from \"../form-message/form-server-error-message.js\";\nimport { defaultOnError } from \"./utils.js\";\n\ntype FormMethods = UseFormReturn & {\n  /**\n   * Trigger the form submit event\n   */\n  triggerSubmit: () => void;\n\n  /**\n   * The id of the form in the DOM\n   */\n  formId: string;\n};\ninterface FormProps {\n  /**\n   * Content of the form. Can be either React nodes or a render function that receives form methods\n   * and returns React nodes. The render function approach is useful when you need access to form state\n   * or methods (e.g., to disable submit button while submitting).\n   */\n  children: React.ReactNode | ((methods: FormMethods) => React.ReactNode);\n\n  /**\n   * Handler called when the form is submitted. Receives the form data as an argument.\n   * The data structure will match the names of your form fields.\n   *\n   * @param data - An object containing the form values, keyed by field names\n   */\n  onSubmit: (data: any) => void | Promise<void>;\n\n  /**\n   * Whether to reset the form after a successful submit.\n   *\n   * @default false\n   */\n  resetOnSuccessfulSubmit?: boolean;\n\n  /**\n   * Whether to submit only changed values.\n   *\n   * When enabled, the `onSubmit` callback will only receive fields whose values differ from their\n   * corresponding `defaultValues`.\n   *\n   * @default false\n   */\n  submitChangesOnly?: boolean;\n\n  /**\n   * Initial values for the form fields. Keys should match the 'name' props of your form fields.\n   * Useful for editing existing data or setting initial state.\n   */\n  defaultValues?: Record<string, any>;\n\n  /**\n   * Whether to handle errors that happen during the submit process manually instead of showing\n   * them automatically.\n   *\n   * @default false The errors will be rendered automatically on top of the form.\n   */\n  renderSubmitErrorsManually?: boolean;\n\n  /**\n   * Additional props to pass to the form config from react-hook-form.\n   *\n   * Note: this could affect the form behavior, use with caution.\n   */\n  extraFormProps?: UseFormProps;\n\n  /**\n   * Callback to match a submission error with one or more form fields or form level errors.\n   *\n   * @default defaultOnError The form tries to match the error with a field name by default and if it\n   * doesn't match any field name, then an generic error or the error message will be shown as a form\n   * level error.\n   *\n   * @returns An object where each key should be a field name or \"root.serverError\" for form level errors.\n   * If the keys doesn't match any field name, then the UI error should be handled manually using the form\n   * error state to get the message.\n   */\n  submissionErrorMatcher?: (\n    error: Error,\n    fieldNames: string[],\n  ) => Record<string, string>;\n\n  /**\n   * Additional CSS class name to apply to the form element.\n   * Use this to customize the form's styling.\n   */\n  className?: string;\n}\n\n/**\n * A form component that integrates with react-hook-form for form state management and validation.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Form onSubmit={handleSubmit}>\n *   <StringField name=\"email\" label=\"Email\" />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n *\n * // With form methods access\n * <Form onSubmit={handleSubmit}>\n *   {({ formState: { isSubmitting } }) => (\n *     <>\n *       <StringField name=\"email\" label=\"Email\" />\n *       <Button type=\"submit\" disabled={isSubmitting}>\n *         {isSubmitting ? 'Submitting...' : 'Submit'}\n *       </Button>\n *     </>\n *   )}\n * </Form>\n *\n * // With default values\n * <Form\n *   onSubmit={handleSubmit}\n *   defaultValues={{\n *     email: 'user@example.com'\n *   }}\n * >\n *   <StringField name=\"email\" label=\"Email\" />\n * </Form>\n * ```\n */\nexport const Form = forwardRef<UseFormReturn, FormProps>(\n  (\n    {\n      children,\n      onSubmit,\n      resetOnSuccessfulSubmit = false,\n      submitChangesOnly = false,\n      defaultValues,\n      renderSubmitErrorsManually = false,\n      submissionErrorMatcher = defaultOnError,\n      className,\n      extraFormProps,\n    },\n    ref,\n  ) => {\n    const formId = useId();\n    const methods = useForm({\n      defaultValues,\n      criteriaMode: \"all\", // display all errors at once\n      ...extraFormProps,\n    });\n    useImperativeHandle(ref, () => methods, [methods]);\n\n    useEffect(() => {\n      if (resetOnSuccessfulSubmit && methods.formState.isSubmitSuccessful) {\n        methods.reset({ ...(defaultValues ?? {}) });\n      }\n    }, [\n      resetOnSuccessfulSubmit,\n      methods,\n      methods.formState.isSubmitSuccessful,\n      defaultValues,\n    ]);\n\n    const wrappedOnSubmit = useCallback(\n      async (rawData: Record<string, any>) => {\n        try {\n          let data = rawData;\n          // we should make sure that empty fields are submitted as `null`\n          // react-hook-form doesn't submit fields with `undefined` values\n          // so we need to add them to the data as `null`\n          Object.keys(methods.control._fields).forEach((fieldName) => {\n            if (!Object.keys(data).includes(fieldName)) {\n              data[fieldName] = null;\n            }\n          });\n\n          if (submitChangesOnly && !!defaultValues) {\n            // remove fields that didn't change it's value\n            data = Object.fromEntries(\n              Object.entries(rawData).filter(\n                ([fieldName, value]) =>\n                  !deepEqual(value, defaultValues[fieldName]),\n              ),\n            );\n          }\n\n          // at this point all the fields that need to be submitted are in the data\n          // we just need to make sure that \"empty\" values are submitted as `null`\n          data = Object.fromEntries(\n            Object.entries(data).map(([fieldName, value]) => [\n              fieldName,\n              isEmpty(value) ? null : value,\n            ]),\n          );\n\n          // cast data if needed to prevent submitting wrong data type\n          const form = document.getElementById(formId);\n          Object.keys(data).map((key) => {\n            try {\n              const value: unknown = data[key];\n              if (value !== null) {\n                const field = form?.querySelector(`[name=\"${key}\"]`);\n                const dataCast = field?.getAttribute(\"data-cast\");\n                if (dataCast) {\n                  data[key] = castValue(\n                    value,\n                    dataCast as ValueCast,\n                  ) as unknown;\n                }\n              }\n            } catch (error) {\n              // print out the error but continue the execution\n              console.error(error);\n            }\n          });\n\n          // we need to return the promise from the onSubmit callback if there is one\n          // so react-hook-form can wait for it to resolve and update the form state correctly\n          return await onSubmit(data);\n        } catch (error: any) {\n          const errors = submissionErrorMatcher(\n            error as Error,\n            Object.keys(methods.control._fields),\n          );\n\n          Object.entries(errors).forEach(([key, value]) => {\n            methods.setError(key, {\n              type: \"serverError\",\n              message: value,\n              types: {\n                serverError: value,\n              },\n            });\n          });\n        }\n      },\n      [\n        methods,\n        submitChangesOnly,\n        defaultValues,\n        formId,\n        onSubmit,\n        submissionErrorMatcher,\n      ],\n    );\n\n    const triggerSubmit = useCallback(() => {\n      // trigger form submit event\n      const form = document.getElementById(formId);\n      if (form) {\n        form.dispatchEvent(new Event(\"submit\", { bubbles: true }));\n      }\n    }, [formId]);\n\n    return (\n      <FormProvider {...methods}>\n        {!renderSubmitErrorsManually &&\n          methods.formState.errors.root?.serverError.message && (\n            <div className=\"mb-2\">\n              <FormServerErrorMessage />\n            </div>\n          )}\n\n        <form\n          id={formId}\n          onSubmit={methods.handleSubmit(wrappedOnSubmit)}\n          className={className}\n          noValidate\n        >\n          {typeof children === \"function\"\n            ? children({\n                ...methods,\n                triggerSubmit,\n                formId,\n              })\n            : children}\n        </form>\n      </FormProvider>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwIA,MAAaY,OAAOT,4BAEhB,EACEU,UACAC,UACAC,0BAA0B,OAC1BC,oBAAoB,OACpBC,eACAC,6BAA6B,OAC7BC,yBAAyBR,gBACzBS,WACAC,kBAEFC,QACG;CACH,MAAMC,SAASjB,OAAO;CACtB,MAAMkB,UAAUf,QAAQ;EACtBQ;EACAQ,cAAc;EACd,GAAGJ;EACJ,CAAC;AACFd,qBAAoBe,WAAWE,SAAS,CAACA,QAAQ,CAAC;AAElDnB,iBAAgB;AACd,MAAIU,2BAA2BS,QAAQE,UAAUC,mBAC/CH,SAAQI,MAAM,EAAE,GAAIX,iBAAiB,EAAE,EAAG,CAAC;IAE5C;EACDF;EACAS;EACAA,QAAQE,UAAUC;EAClBV;EACD,CAAC;CAEF,MAAMY,kBAAkBzB,YACtB,OAAO0B,YAAiC;AACtC,MAAI;GACF,IAAIC,OAAOD;AAIXE,UAAOC,KAAKT,QAAQU,QAAQC,QAAQ,CAACC,SAASC,cAAc;AAC1D,QAAI,CAACL,OAAOC,KAAKF,KAAK,CAACO,SAASD,UAAU,CACxCN,MAAKM,aAAa;KAEpB;AAEF,OAAIrB,qBAAqB,CAAC,CAACC,cAEzBc,QAAOC,OAAOO,YACZP,OAAOQ,QAAQV,QAAQ,CAACW,QACrB,CAACJ,WAAWK,WACX,CAACzC,UAAUyC,OAAOzB,cAAcoB,WACpC,CACF,CAAC;AAKHN,UAAOC,OAAOO,YACZP,OAAOQ,QAAQT,KAAK,CAACY,KAAK,CAACN,WAAWK,WAAW,CAC/CL,WACAnC,QAAQwC,MAAM,GAAG,OAAOA,MACzB,CACH,CAAC;GAGD,MAAME,OAAOC,SAASC,eAAevB,OAAO;AAC5CS,UAAOC,KAAKF,KAAK,CAACY,KAAKI,QAAQ;AAC7B,QAAI;KACF,MAAML,QAAiBX,KAAKgB;AAC5B,SAAIL,UAAU,MAAM;MAElB,MAAMQ,YADQN,MAAMK,cAAc,UAAUF,IAAG,IAAK,GAC5BI,aAAa,YAAY;AACjD,UAAID,SACFnB,MAAKgB,OAAO/C,UACV0C,OACAQ,SACU;;aAGTE,OAAO;AAEdC,aAAQD,MAAMA,MAAM;;KAEtB;AAIF,UAAO,MAAMtC,SAASiB,KAAK;WACpBqB,OAAY;GACnB,MAAME,SAASnC,uBACbiC,OACApB,OAAOC,KAAKT,QAAQU,QAAQC,QAC9B,CAAC;AAEDH,UAAOQ,QAAQc,OAAO,CAAClB,SAAS,CAACW,KAAKL,WAAW;AAC/ClB,YAAQ+B,SAASR,KAAK;KACpBS,MAAM;KACNC,SAASf;KACTgB,OAAO,EACLC,aAAajB,OACf;KACD,CAAC;KACF;;IAGN;EACElB;EACAR;EACAC;EACAM;EACAT;EACAK;EAEJ,CAAC;CAED,MAAMyC,gBAAgBxD,kBAAkB;EAEtC,MAAMwC,OAAOC,SAASC,eAAevB,OAAO;AAC5C,MAAIqB,KACFA,MAAKiB,cAAc,IAAIC,MAAM,UAAU,EAAEC,SAAS,MAAM,CAAC,CAAC;IAE3D,CAACxC,OAAO,CAAC;AAEZ,QACE,qBAAC,cAAD;EAAc,GAAIC;YAAlB,CACG,CAACN,8BACAM,QAAQE,UAAU4B,OAAOU,MAAML,YAAYF,WACzC,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,wBAAD,EAAuB,CAAA;GAE1B,CAAA,EAEH,oBAAC,QAAD;GACE,IAAIlC;GACJ,UAAUC,QAAQyC,aAAapC,gBAAgB;GACpCT;GACX,YAAA;aAEC,OAAOP,aAAa,aACjBA,SAAS;IACP,GAAGW;IACHoC;IACArC;IACD,CAAC,GACFV;GACA,CAAA,CACO;;EAGpB"}
+{"version":3,"file":"form.js","names":["castValue","deepEqual","isEmpty","forwardRef","useCallback","useEffect","useId","useImperativeHandle","FormProvider","useForm","FormServerErrorMessage","defaultOnError","Form","children","onSubmit","resetOnSuccessfulSubmit","submitChangesOnly","defaultValues","renderSubmitErrorsManually","submissionErrorMatcher","className","extraFormProps","ref","formId","methods","criteriaMode","formState","isSubmitSuccessful","reset","wrappedOnSubmit","rawData","data","Object","keys","control","_fields","forEach","fieldName","includes","fromEntries","entries","filter","value","map","form","document","getElementById","key","field","querySelector","dataCast","getAttribute","error","console","errors","setError","type","message","types","serverError","triggerSubmit","dispatchEvent","Event","bubbles","root","e","handleSubmit"],"sources":["../../../../src/ui/components/form/form.tsx"],"sourcesContent":["import type { ValueCast } from \"#design-system/ui/lib\";\nimport { castValue, deepEqual, isEmpty } from \"#design-system/ui/lib\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n} from \"react\";\nimport type { UseFormProps, UseFormReturn } from \"react-hook-form\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { FormServerErrorMessage } from \"../form-message/form-server-error-message.js\";\nimport { defaultOnError } from \"./utils.js\";\n\ntype FormMethods = UseFormReturn & {\n  /**\n   * Trigger the form submit event\n   */\n  triggerSubmit: () => void;\n\n  /**\n   * The id of the form in the DOM\n   */\n  formId: string;\n};\ninterface FormProps {\n  /**\n   * Content of the form. Can be either React nodes or a render function that receives form methods\n   * and returns React nodes. The render function approach is useful when you need access to form state\n   * or methods (e.g., to disable submit button while submitting).\n   */\n  children: React.ReactNode | ((methods: FormMethods) => React.ReactNode);\n\n  /**\n   * Handler called when the form is submitted. Receives the form data as an argument.\n   * The data structure will match the names of your form fields.\n   *\n   * @param data - An object containing the form values, keyed by field names\n   */\n  onSubmit: (data: any) => void | Promise<void>;\n\n  /**\n   * Whether to reset the form after a successful submit.\n   *\n   * @default false\n   */\n  resetOnSuccessfulSubmit?: boolean;\n\n  /**\n   * Whether to submit only changed values.\n   *\n   * When enabled, the `onSubmit` callback will only receive fields whose values differ from their\n   * corresponding `defaultValues`.\n   *\n   * @default false\n   */\n  submitChangesOnly?: boolean;\n\n  /**\n   * Initial values for the form fields. Keys should match the 'name' props of your form fields.\n   * Useful for editing existing data or setting initial state.\n   */\n  defaultValues?: Record<string, any>;\n\n  /**\n   * Whether to handle errors that happen during the submit process manually instead of showing\n   * them automatically.\n   *\n   * @default false The errors will be rendered automatically on top of the form.\n   */\n  renderSubmitErrorsManually?: boolean;\n\n  /**\n   * Additional props to pass to the form config from react-hook-form.\n   *\n   * Note: this could affect the form behavior, use with caution.\n   */\n  extraFormProps?: UseFormProps;\n\n  /**\n   * Callback to match a submission error with one or more form fields or form level errors.\n   *\n   * @default defaultOnError The form tries to match the error with a field name by default and if it\n   * doesn't match any field name, then an generic error or the error message will be shown as a form\n   * level error.\n   *\n   * @returns An object where each key should be a field name or \"root.serverError\" for form level errors.\n   * If the keys doesn't match any field name, then the UI error should be handled manually using the form\n   * error state to get the message.\n   */\n  submissionErrorMatcher?: (\n    error: Error,\n    fieldNames: string[],\n  ) => Record<string, string>;\n\n  /**\n   * Additional CSS class name to apply to the form element.\n   * Use this to customize the form's styling.\n   */\n  className?: string;\n}\n\n/**\n * A form component that integrates with react-hook-form for form state management and validation.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Form onSubmit={handleSubmit}>\n *   <StringField name=\"email\" label=\"Email\" />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n *\n * // With form methods access\n * <Form onSubmit={handleSubmit}>\n *   {({ formState: { isSubmitting } }) => (\n *     <>\n *       <StringField name=\"email\" label=\"Email\" />\n *       <Button type=\"submit\" disabled={isSubmitting}>\n *         {isSubmitting ? 'Submitting...' : 'Submit'}\n *       </Button>\n *     </>\n *   )}\n * </Form>\n *\n * // With default values\n * <Form\n *   onSubmit={handleSubmit}\n *   defaultValues={{\n *     email: 'user@example.com'\n *   }}\n * >\n *   <StringField name=\"email\" label=\"Email\" />\n * </Form>\n * ```\n */\nexport const Form = forwardRef<UseFormReturn, FormProps>(\n  (\n    {\n      children,\n      onSubmit,\n      resetOnSuccessfulSubmit = false,\n      submitChangesOnly = false,\n      defaultValues,\n      renderSubmitErrorsManually = false,\n      submissionErrorMatcher = defaultOnError,\n      className,\n      extraFormProps,\n    },\n    ref,\n  ) => {\n    const formId = useId();\n    const methods = useForm({\n      defaultValues,\n      criteriaMode: \"all\", // display all errors at once\n      ...extraFormProps,\n    });\n    useImperativeHandle(ref, () => methods, [methods]);\n\n    useEffect(() => {\n      if (resetOnSuccessfulSubmit && methods.formState.isSubmitSuccessful) {\n        methods.reset({ ...(defaultValues ?? {}) });\n      }\n    }, [\n      resetOnSuccessfulSubmit,\n      methods,\n      methods.formState.isSubmitSuccessful,\n      defaultValues,\n    ]);\n\n    const wrappedOnSubmit = useCallback(\n      async (rawData: Record<string, any>) => {\n        try {\n          let data = rawData;\n          // we should make sure that empty fields are submitted as `null`\n          // react-hook-form doesn't submit fields with `undefined` values\n          // so we need to add them to the data as `null`\n          Object.keys(methods.control._fields).forEach((fieldName) => {\n            if (!Object.keys(data).includes(fieldName)) {\n              data[fieldName] = null;\n            }\n          });\n\n          if (submitChangesOnly && !!defaultValues) {\n            // remove fields that didn't change it's value\n            data = Object.fromEntries(\n              Object.entries(rawData).filter(\n                ([fieldName, value]) =>\n                  !deepEqual(value, defaultValues[fieldName]),\n              ),\n            );\n          }\n\n          // at this point all the fields that need to be submitted are in the data\n          // we just need to make sure that \"empty\" values are submitted as `null`\n          data = Object.fromEntries(\n            Object.entries(data).map(([fieldName, value]) => [\n              fieldName,\n              isEmpty(value) ? null : value,\n            ]),\n          );\n\n          // cast data if needed to prevent submitting wrong data type\n          const form = document.getElementById(formId);\n          Object.keys(data).map((key) => {\n            try {\n              const value: unknown = data[key];\n              if (value !== null) {\n                const field = form?.querySelector(`[name=\"${key}\"]`);\n                const dataCast = field?.getAttribute(\"data-cast\");\n                if (dataCast) {\n                  data[key] = castValue(\n                    value,\n                    dataCast as ValueCast,\n                  ) as unknown;\n                }\n              }\n            } catch (error) {\n              // print out the error but continue the execution\n              console.error(error);\n            }\n          });\n\n          // we need to return the promise from the onSubmit callback if there is one\n          // so react-hook-form can wait for it to resolve and update the form state correctly\n          return await onSubmit(data);\n        } catch (error: any) {\n          const errors = submissionErrorMatcher(\n            error as Error,\n            Object.keys(methods.control._fields),\n          );\n\n          Object.entries(errors).forEach(([key, value]) => {\n            methods.setError(key, {\n              type: \"serverError\",\n              message: value,\n              types: {\n                serverError: value,\n              },\n            });\n          });\n        }\n      },\n      [\n        methods,\n        submitChangesOnly,\n        defaultValues,\n        formId,\n        onSubmit,\n        submissionErrorMatcher,\n      ],\n    );\n\n    const triggerSubmit = useCallback(() => {\n      // trigger form submit event\n      const form = document.getElementById(formId);\n      if (form) {\n        form.dispatchEvent(new Event(\"submit\", { bubbles: true }));\n      }\n    }, [formId]);\n\n    return (\n      <FormProvider {...methods}>\n        {!renderSubmitErrorsManually &&\n          methods.formState.errors.root?.serverError.message && (\n            <div className=\"mb-2\">\n              <FormServerErrorMessage />\n            </div>\n          )}\n\n        <form\n          id={formId}\n          onSubmit={(e) => void methods.handleSubmit(wrappedOnSubmit)(e)}\n          className={className}\n          noValidate\n        >\n          {typeof children === \"function\"\n            ? children({\n                ...methods,\n                triggerSubmit,\n                formId,\n              })\n            : children}\n        </form>\n      </FormProvider>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwIA,MAAaY,OAAOT,4BAEhB,EACEU,UACAC,UACAC,0BAA0B,OAC1BC,oBAAoB,OACpBC,eACAC,6BAA6B,OAC7BC,yBAAyBR,gBACzBS,WACAC,kBAEFC,QACG;CACH,MAAMC,SAASjB,OAAO;CACtB,MAAMkB,UAAUf,QAAQ;EACtBQ;EACAQ,cAAc;EACd,GAAGJ;EACJ,CAAC;AACFd,qBAAoBe,WAAWE,SAAS,CAACA,QAAQ,CAAC;AAElDnB,iBAAgB;AACd,MAAIU,2BAA2BS,QAAQE,UAAUC,mBAC/CH,SAAQI,MAAM,EAAE,GAAIX,iBAAiB,EAAE,EAAG,CAAC;IAE5C;EACDF;EACAS;EACAA,QAAQE,UAAUC;EAClBV;EACD,CAAC;CAEF,MAAMY,kBAAkBzB,YACtB,OAAO0B,YAAiC;AACtC,MAAI;GACF,IAAIC,OAAOD;AAIXE,UAAOC,KAAKT,QAAQU,QAAQC,QAAQ,CAACC,SAASC,cAAc;AAC1D,QAAI,CAACL,OAAOC,KAAKF,KAAK,CAACO,SAASD,UAAU,CACxCN,MAAKM,aAAa;KAEpB;AAEF,OAAIrB,qBAAqB,CAAC,CAACC,cAEzBc,QAAOC,OAAOO,YACZP,OAAOQ,QAAQV,QAAQ,CAACW,QACrB,CAACJ,WAAWK,WACX,CAACzC,UAAUyC,OAAOzB,cAAcoB,WACpC,CACF,CAAC;AAKHN,UAAOC,OAAOO,YACZP,OAAOQ,QAAQT,KAAK,CAACY,KAAK,CAACN,WAAWK,WAAW,CAC/CL,WACAnC,QAAQwC,MAAM,GAAG,OAAOA,MACzB,CACH,CAAC;GAGD,MAAME,OAAOC,SAASC,eAAevB,OAAO;AAC5CS,UAAOC,KAAKF,KAAK,CAACY,KAAKI,QAAQ;AAC7B,QAAI;KACF,MAAML,QAAiBX,KAAKgB;AAC5B,SAAIL,UAAU,MAAM;MAElB,MAAMQ,YADQN,MAAMK,cAAc,UAAUF,IAAG,IAAK,GAC5BI,aAAa,YAAY;AACjD,UAAID,SACFnB,MAAKgB,OAAO/C,UACV0C,OACAQ,SACU;;aAGTE,OAAO;AAEdC,aAAQD,MAAMA,MAAM;;KAEtB;AAIF,UAAO,MAAMtC,SAASiB,KAAK;WACpBqB,OAAY;GACnB,MAAME,SAASnC,uBACbiC,OACApB,OAAOC,KAAKT,QAAQU,QAAQC,QAC9B,CAAC;AAEDH,UAAOQ,QAAQc,OAAO,CAAClB,SAAS,CAACW,KAAKL,WAAW;AAC/ClB,YAAQ+B,SAASR,KAAK;KACpBS,MAAM;KACNC,SAASf;KACTgB,OAAO,EACLC,aAAajB,OACf;KACD,CAAC;KACF;;IAGN;EACElB;EACAR;EACAC;EACAM;EACAT;EACAK;EAEJ,CAAC;CAED,MAAMyC,gBAAgBxD,kBAAkB;EAEtC,MAAMwC,OAAOC,SAASC,eAAevB,OAAO;AAC5C,MAAIqB,KACFA,MAAKiB,cAAc,IAAIC,MAAM,UAAU,EAAEC,SAAS,MAAM,CAAC,CAAC;IAE3D,CAACxC,OAAO,CAAC;AAEZ,QACE,qBAAC,cAAD;EAAc,GAAIC;YAAlB,CACG,CAACN,8BACAM,QAAQE,UAAU4B,OAAOU,MAAML,YAAYF,WACzC,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,wBAAD,EAAuB,CAAA;GAE1B,CAAA,EAEH,oBAAC,QAAD;GACE,IAAIlC;GACJ,WAAW0C,MAAM,KAAKzC,QAAQ0C,aAAarC,gBAAgB,CAACoC,EAAE;GACnD7C;GACX,YAAA;aAEC,OAAOP,aAAa,aACjBA,SAAS;IACP,GAAGW;IACHoC;IACArC;IACD,CAAC,GACFV;GACA,CAAA,CACO;;EAGpB"}

package/dist/ui/components/form-description/form-description.d.ts

@@ -1,2 +1,2 @@
-import { n as FormDescriptionProps, t as FormDescription } from "../../../form-description-BpST5Ww-.js";
+import { n as FormDescriptionProps, t as FormDescription } from "../../../form-description-CYkcMEzm.js";
 export { FormDescription, FormDescriptionProps };

package/dist/ui/components/form-description/form-description.js

@@ -1,9 +1,9 @@
-import { t as cn } from "../../../src-BgCjYazJ.js";
+import { twMerge } from "tailwind-merge";
 import { jsx } from "react/jsx-runtime";
 //#region src/ui/components/form-description/form-description.tsx
 const FormDescription = ({ children, as, className }) => {
 	return /* @__PURE__ */ jsx(as ?? "p", {
-		className: cn("font-sans text-sm/5 font-normal text-gray-600 dark:text-gray-500", className),
+		className: twMerge("font-sans text-sm/5 font-normal text-gray-700 dark:text-slate-200", className),
 		children
 	});
 };