@powerhousedao/design-system 6.0.0-dev.21 → 6.0.0-dev.211

package/dist/text-input-diff-Bx-zFOZd.d.ts

@@ -0,0 +1,20 @@
+import { _ as WithDifference } from "./index-B6YyDoT1.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/components/text-input/text-input-diff.d.ts
+interface TextInputDiffProps extends WithDifference<string> {
+  value: string;
+  label?: React.ReactNode;
+  required?: boolean;
+}
+declare const TextInputDiff: ({
+  value,
+  label,
+  required,
+  baseValue,
+  viewMode,
+  diffMode
+}: TextInputDiffProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TextInputDiff as t };
+//# sourceMappingURL=text-input-diff-Bx-zFOZd.d.ts.map

package/dist/text-input-diff-Bx-zFOZd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-diff-Bx-zFOZd.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-CsucyiCV.d.ts

@@ -0,0 +1,14 @@
+import * as react from "react";
+import { Provider as Provider$1, Root as Root$1, TooltipContentProps, TooltipProps, Trigger as Trigger$1 } from "@radix-ui/react-tooltip";
+
+//#region src/ui/components/tooltip/tooltip.d.ts
+interface TooltipProps$1 extends TooltipProps, Omit<TooltipContentProps, "content"> {
+  content: React.ReactNode;
+  className?: string;
+  triggerAsChild?: boolean;
+}
+declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
+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-CsucyiCV.d.ts.map

package/dist/tooltip-CsucyiCV.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-CsucyiCV.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-BTq-St7H.d.ts

@@ -0,0 +1,32 @@
+//#region src/ui/lib/types.d.ts
+type DateFieldValue = string | Date | undefined;
+type DatePickerView = "years" | "months" | "days";
+type WeekStartDayNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+type ValueTransformerFn = (value?: any) => any;
+type TransformerTrigger = "blur" | "change" | "keyDown";
+type TransformerObject = {
+  /**
+   * The transformer function
+   */
+  transformer: ValueTransformerFn;
+  options?: {
+    /**
+     * The event that triggers the transformer.
+     * @default "blur"
+     */
+    trigger?: TransformerTrigger;
+    /**
+     * If true, the transformer will be applied.
+     * @default true
+     */
+    if?: boolean;
+  };
+};
+type TransformerType = TransformerObject[] | ValueTransformerFn[];
+interface ValueTransformerProps {
+  transformers: TransformerType;
+  children: React.ReactElement;
+}
+//#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-BTq-St7H.d.ts.map

package/dist/types-BTq-St7H.d.ts.map

@@ -0,0 +1 @@
+{"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-Bsn62tJB.d.ts

@@ -0,0 +1,15 @@
+//#region src/ui/components/text-input/types.d.ts
+interface CommonTextProps {
+  minLength?: number;
+  maxLength?: number;
+  pattern?: RegExp;
+  placeholder?: string;
+  trim?: boolean;
+  uppercase?: boolean;
+  lowercase?: boolean;
+  autoComplete?: boolean;
+  spellCheck?: boolean;
+}
+//#endregion
+export { CommonTextProps as t };
+//# sourceMappingURL=types-Bsn62tJB.d.ts.map

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

@@ -0,0 +1 @@
+{"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-C04Q_Fan.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from "react";
+
+//#region src/ui/components/search-autocomplete/types.d.ts
+interface SearchAutocompleteOption {
+  value: string;
+  label: string;
+  version?: string;
+  description?: string;
+  meta?: string;
+  disabled?: boolean;
+  disabledLabel?: string;
+  distTags?: Record<string, string>;
+  versions?: string[];
+}
+interface SearchAutocompleteRowContext {
+  selectingValue: string | null;
+  selectLabel: string;
+  selectingContent?: ReactNode;
+  handleSelect: (value: string) => void;
+}
+interface SearchAutocompleteProps {
+  fetchOptions?: (query: string) => Promise<SearchAutocompleteOption[]>;
+  onSelect: (value: string) => void | Promise<void>;
+  selectLabel?: string;
+  selectingContent?: ReactNode;
+  placeholder?: string;
+  disabled?: boolean;
+  loading?: boolean;
+  className?: string;
+  renderOption?: (option: SearchAutocompleteOption) => ReactNode;
+  renderRow?: (option: SearchAutocompleteOption, ctx: SearchAutocompleteRowContext) => ReactNode;
+  keepOpenSelector?: string;
+  debounceMs?: number;
+}
+//#endregion
+export { SearchAutocompleteProps as n, SearchAutocompleteRowContext as r, SearchAutocompleteOption as t };
+//# sourceMappingURL=types-C04Q_Fan.d.ts.map

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

@@ -0,0 +1 @@
+{"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/ui/components/button/button.d.ts

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,28 @@
+import { t as cn } from "../../../src-8xf1ueaA.js";
+import { forwardRef } from "react";
+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", "whitespace-nowrap rounded-md text-sm font-medium", "transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", "disabled:pointer-events-none", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"), {
+	variants: { variant: {
+		default: "",
+		outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+		ghost: "hover:bg-accent hover:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const Button = /* @__PURE__ */ forwardRef(({ variant, className, asChild = false, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		className: cn(buttonVariants({
+			variant,
+			className
+		})),
+		ref,
+		...props
+	});
+});
+//#endregion
+export { Button, buttonVariants };
+
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +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    \"whitespace-nowrap rounded-md text-sm font-medium\",\n    \"transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\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:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\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,SACE;EACFC,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"}

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

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

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

@@ -0,0 +1,30 @@
+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"
+};
+const maxLengthVariants = {
+	normal: "text-gray-300 dark:text-gray-700",
+	warning: "text-yellow-400 dark:text-[#644E00]",
+	error: "text-red-400 dark:text-[#7D3D37]"
+};
+const CharacterCounter = ({ maxLength, value }) => {
+	const remaining = value.length / maxLength * 100;
+	const state = remaining < 90 ? "normal" : remaining <= 100 ? "warning" : "error";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center text-[10px] leading-3",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: counterVariants[state],
+			children: value.length
+		}), /* @__PURE__ */ jsxs("span", {
+			className: maxLengthVariants[state],
+			children: ["/", maxLength]
+		})]
+	});
+};
+//#endregion
+export { CharacterCounter };
+
+//# sourceMappingURL=character-counter.js.map

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

@@ -0,0 +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-[#644E00]\",\n  error: \"text-red-400 dark:text-[#7D3D37]\",\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-[10px] leading-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

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

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

@@ -0,0 +1,43 @@
+import { t as cn } from "../../../src-8xf1ueaA.js";
+import * as React$1 from "react";
+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", "border-input border shadow-sm shadow-black/[.04]", "ring-offset-background transition-shadow", "focus-visible:border-ring focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", "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),
+	checked,
+	"data-invalid": invalid,
+	...props,
+	children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+		className: "flex items-center justify-center text-current",
+		children: checked === "indeterminate" ? /* @__PURE__ */ jsx("svg", {
+			width: "9",
+			height: "9",
+			viewBox: "0 0 9 9",
+			fill: "currentcolor",
+			xmlns: "http://www.w3.org/2000/svg",
+			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"
+			})
+		}) : checked ? /* @__PURE__ */ jsx("svg", {
+			width: "9",
+			height: "9",
+			viewBox: "0 0 9 9",
+			fill: "currentcolor",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ jsx("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				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"
+			})
+		}) : null
+	})
+}));
+CheckboxBase.displayName = "CheckboxBase";
+//#endregion
+export { CheckboxBase };
+
+//# sourceMappingURL=checkbox-base.js.map

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

@@ -0,0 +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\",\n      // Border & Shadow\n      \"border-input border shadow-sm shadow-black/[.04]\",\n      // Background & Ring\n      \"ring-offset-background transition-shadow\",\n      // Focus styles\n      \"focus-visible:border-ring focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\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,gCAEA,oDAEA,4CAEA,iIAEA,0UAEA,kEACA,6JACA,qKAEA,CAACQ,MAAME,YAAY,CACjB,+HACA,6IACD,EAED,oKACA,mLAEA,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"}

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

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

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

@@ -0,0 +1,59 @@
+import { t as cn } from "../../../src-8xf1ueaA.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 { 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) => {
+	const generatedId = useId();
+	const id = idProp ?? generatedId;
+	const hasError = !!errors?.length;
+	const castValue = (value) => {
+		if (value === "true") return true;
+		if (value === "false") return false;
+		return value;
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-2"),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("group flex items-center space-x-2", className),
+				children: [/* @__PURE__ */ jsx(CheckboxBase, {
+					id,
+					name,
+					checked: castValue(value ?? defaultValue),
+					disabled,
+					onCheckedChange: onChange,
+					required,
+					invalid: hasError,
+					"aria-invalid": hasError,
+					ref,
+					...props
+				}), /* @__PURE__ */ jsx(FormLabel, {
+					htmlFor: id,
+					required,
+					disabled,
+					hasError,
+					description,
+					className: cn(!disabled && "group-hover:cursor-pointer"),
+					inline: true,
+					children: label
+				})]
+			}),
+			warnings && /* @__PURE__ */ jsx(FormMessageList, {
+				type: "warning",
+				messages: warnings
+			}),
+			errors && /* @__PURE__ */ jsx(FormMessageList, {
+				type: "error",
+				messages: errors
+			})
+		]
+	});
+});
+Checkbox.displayName = "Checkbox";
+//#endregion
+export { Checkbox };
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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-CbTi7Jj2.js";
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading };

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

@@ -0,0 +1,57 @@
+import { h as Icon, t as cn } from "../../../src-8xf1ueaA.js";
+import React from "react";
+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),
+	...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),
+	"cmdk-input-wrapper": "",
+	children: [/* @__PURE__ */ jsx(Icon, {
+		name: "Search",
+		size: 16,
+		className: cn("pointer-events-none absolute left-2 top-3.5 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")
+	}), /* @__PURE__ */ jsx(Command$1.Input, {
+		ref,
+		className: cn("flex w-full bg-transparent pb-2 pl-8 pr-3 pt-3 text-[14px] font-normal leading-5 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),
+		...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-[300px] overflow-y-auto overflow-x-hidden", "focus:outline-none", "scrollbar-thin scrollbar-gutter-stable", "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),
+	...props
+}));
+CommandList.displayName = Command$1.List.displayName;
+const CommandLoading = /* @__PURE__ */ React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Loading, {
+	ref,
+	...props
+}));
+CommandLoading.displayName = Command$1.Loading.displayName;
+const CommandEmpty = /* @__PURE__ */ React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, {
+	ref,
+	...props
+}));
+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),
+	...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 select-none items-center justify-between", "h-8 gap-2 rounded-md py-1.5 pl-1.5 pr-2.5", "text-[14px] leading-4 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),
+	...props
+}));
+CommandItem.displayName = Command$1.Item.displayName;
+//#endregion
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading };
+
+//# sourceMappingURL=command.js.map

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

@@ -0,0 +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 left-2 top-3.5 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 pb-2 pl-8 pr-3 pt-3 text-[14px] font-normal leading-5 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-[300px] overflow-y-auto overflow-x-hidden\",\n      \"focus:outline-none\",\n      \"scrollbar-thin scrollbar-gutter-stable\",\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 select-none items-center justify-between\",\n      \"h-8 gap-2 rounded-md py-1.5 pl-1.5 pr-2.5\",\n      \"text-[14px] leading-4 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,8DACAM,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,iGACA,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,mDACA,sBACA,0CACA,+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,uIACAM,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,sCACA,iDACA,4CACA,+DACAM,UACD;CACD,GAAIC;CAEP,CAAA,CAAC;AACFc,YAAYZ,cAAcN,UAAiBmB,KAAKb"}

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

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

package/dist/ui/components/enum-field/enum-field.js

@@ -0,0 +1,27 @@
+import { RadioGroupField } from "../radio-group-field/radio-group-field.js";
+import { SelectField } from "../select-field/select-field.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/enum-field/enum-field.tsx
+const EnumField = /* @__PURE__ */ React.forwardRef(({ variant = "auto", options = [], ...props }, ref) => {
+	const radio = /* @__PURE__ */ jsx(RadioGroupField, {
+		options,
+		...props,
+		ref
+	});
+	const select = /* @__PURE__ */ jsx(SelectField, {
+		options,
+		...props,
+		ref
+	});
+	switch (variant) {
+		case "RadioGroup": return radio;
+		case "Select": return select;
+		case "auto": return options.length < 6 ? radio : select;
+	}
+});
+EnumField.displayName = "EnumField";
+//#endregion
+export { EnumField };
+
+//# sourceMappingURL=enum-field.js.map

package/dist/ui/components/enum-field/enum-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-field.js","names":["React","RadioGroupField","SelectField","EnumField","forwardRef","variant","options","props","ref","radio","select","length","displayName"],"sources":["../../../../src/ui/components/enum-field/enum-field.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  RadioGroupField,\n  type RadioGroupFieldProps,\n} from \"../radio-group-field/radio-group-field.js\";\nimport {\n  SelectField,\n  type SelectFieldProps,\n} from \"../select-field/select-field.js\";\n\nexport type EnumFieldProps =\n  | ({\n      variant?: \"auto\";\n    } & (RadioGroupFieldProps | SelectFieldProps))\n  | ({\n      variant: \"RadioGroup\";\n    } & RadioGroupFieldProps)\n  | ({\n      variant: \"Select\";\n    } & SelectFieldProps);\n\nexport const EnumField = React.forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  EnumFieldProps\n>(({ variant = \"auto\", options = [], ...props }, ref) => {\n  const radio = (\n    <RadioGroupField\n      options={options}\n      {...(props as RadioGroupFieldProps)}\n      ref={ref as React.ForwardedRef<HTMLDivElement>}\n    />\n  );\n  const select = (\n    <SelectField\n      options={options}\n      {...(props as SelectFieldProps)}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    />\n  );\n\n  switch (variant) {\n    case \"RadioGroup\":\n      return radio;\n    case \"Select\":\n      return select;\n    case \"auto\":\n      return options.length < 6 ? radio : select;\n  }\n});\n\nEnumField.displayName = \"EnumField\";\n"],"mappings":";;;;;AAqBA,MAAaG,YAAYH,sBAAMI,YAG5B,EAAEC,UAAU,QAAQC,UAAU,EAAE,EAAE,GAAGC,SAASC,QAAQ;CACvD,MAAMC,QACJ,oBAAC,iBAAD;EACWH;EACT,GAAKC;EACAC;EAER,CAAA;CACD,MAAME,SACJ,oBAAC,aAAD;EACWJ;EACT,GAAKC;EACAC;EAER,CAAA;AAED,SAAQH,SAAR;EACE,KAAK,aACH,QAAOI;EACT,KAAK,SACH,QAAOC;EACT,KAAK,OACH,QAAOJ,QAAQK,SAAS,IAAIF,QAAQC;;EAExC;AAEFP,UAAUS,cAAc"}

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

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

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

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

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

@@ -0,0 +1,124 @@
+import { FormServerErrorMessage } from "../form-message/form-server-error-message.js";
+import { deepEqual } from "../../lib/deep-equal.js";
+import { isEmpty } from "../../lib/is-empty.js";
+import { castValue } from "../../lib/value-cast.js";
+import { defaultOnError } from "./utils.js";
+import { forwardRef, useCallback, useEffect, useId, useImperativeHandle } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormProvider, useForm } from "react-hook-form";
+//#region src/ui/components/form/form.tsx
+/**
+* A form component that integrates with react-hook-form for form state management and validation.
+*
+* @example
+* ```tsx
+* // Basic usage
+* <Form onSubmit={handleSubmit}>
+*   <StringField name="email" label="Email" />
+*   <Button type="submit">Submit</Button>
+* </Form>
+*
+* // With form methods access
+* <Form onSubmit={handleSubmit}>
+*   {({ formState: { isSubmitting } }) => (
+*     <>
+*       <StringField name="email" label="Email" />
+*       <Button type="submit" disabled={isSubmitting}>
+*         {isSubmitting ? 'Submitting...' : 'Submit'}
+*       </Button>
+*     </>
+*   )}
+* </Form>
+*
+* // With default values
+* <Form
+*   onSubmit={handleSubmit}
+*   defaultValues={{
+*     email: 'user@example.com'
+*   }}
+* >
+*   <StringField name="email" label="Email" />
+* </Form>
+* ```
+*/
+const Form = /* @__PURE__ */ forwardRef(({ children, onSubmit, resetOnSuccessfulSubmit = false, submitChangesOnly = false, defaultValues, renderSubmitErrorsManually = false, submissionErrorMatcher = defaultOnError, className, extraFormProps }, ref) => {
+	const formId = useId();
+	const methods = useForm({
+		defaultValues,
+		criteriaMode: "all",
+		...extraFormProps
+	});
+	useImperativeHandle(ref, () => methods, [methods]);
+	useEffect(() => {
+		if (resetOnSuccessfulSubmit && methods.formState.isSubmitSuccessful) methods.reset({ ...defaultValues ?? {} });
+	}, [
+		resetOnSuccessfulSubmit,
+		methods,
+		methods.formState.isSubmitSuccessful,
+		defaultValues
+	]);
+	const wrappedOnSubmit = useCallback(async (rawData) => {
+		try {
+			let data = rawData;
+			Object.keys(methods.control._fields).forEach((fieldName) => {
+				if (!Object.keys(data).includes(fieldName)) data[fieldName] = null;
+			});
+			if (submitChangesOnly && !!defaultValues) data = Object.fromEntries(Object.entries(rawData).filter(([fieldName, value]) => !deepEqual(value, defaultValues[fieldName])));
+			data = Object.fromEntries(Object.entries(data).map(([fieldName, value]) => [fieldName, isEmpty(value) ? null : value]));
+			const form = document.getElementById(formId);
+			Object.keys(data).map((key) => {
+				try {
+					const value = data[key];
+					if (value !== null) {
+						const dataCast = (form?.querySelector(`[name="${key}"]`))?.getAttribute("data-cast");
+						if (dataCast) data[key] = castValue(value, dataCast);
+					}
+				} catch (error) {
+					console.error(error);
+				}
+			});
+			return await onSubmit(data);
+		} catch (error) {
+			const errors = submissionErrorMatcher(error, Object.keys(methods.control._fields));
+			Object.entries(errors).forEach(([key, value]) => {
+				methods.setError(key, {
+					type: "serverError",
+					message: value,
+					types: { serverError: value }
+				});
+			});
+		}
+	}, [
+		methods,
+		submitChangesOnly,
+		defaultValues,
+		formId,
+		onSubmit,
+		submissionErrorMatcher
+	]);
+	const triggerSubmit = useCallback(() => {
+		const form = document.getElementById(formId);
+		if (form) form.dispatchEvent(new Event("submit", { bubbles: true }));
+	}, [formId]);
+	return /* @__PURE__ */ jsxs(FormProvider, {
+		...methods,
+		children: [!renderSubmitErrorsManually && methods.formState.errors.root?.serverError.message && /* @__PURE__ */ jsx("div", {
+			className: "mb-2",
+			children: /* @__PURE__ */ jsx(FormServerErrorMessage, {})
+		}), /* @__PURE__ */ jsx("form", {
+			id: formId,
+			onSubmit: methods.handleSubmit(wrappedOnSubmit),
+			className,
+			noValidate: true,
+			children: typeof children === "function" ? children({
+				...methods,
+				triggerSubmit,
+				formId
+			}) : children
+		})]
+	});
+});
+//#endregion
+export { Form };
+
+//# sourceMappingURL=form.js.map