@zentauri-ui/zentauri-components 1.7.0 → 1.7.2

package/dist/design-system/popover.d.ts

@@ -0,0 +1,40 @@
+export declare const zuiPopoverContentBase = "absolute z-50 rounded-lg border shadow-lg transition-all duration-200 outline-none";
+export declare const zuiPopoverContentVariants: {
+    readonly default: "border-[color:var(--zui-popover-default-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-popover-default-border-dark,#ffffff1a)] bg-[var(--zui-popover-default-bg,#ffffff)] dark:bg-[var(--zui-popover-default-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-popover-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-default-fg-dark,oklch(96.8%_0.007_247.896))]";
+    readonly outline: "border-[color:var(--zui-popover-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-popover-outline-border-dark,oklch(87.2%_0.01_258.338))] bg-[var(--zui-popover-outline-bg,#ffffff)] dark:bg-[var(--zui-popover-outline-bg-dark,#000000)] text-[color:var(--zui-popover-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-outline-fg-dark,#ffffff)]";
+    readonly ghost: "border-transparent bg-[var(--zui-popover-ghost-bg,oklch(96.7%_0.003_264.542))] dark:bg-[var(--zui-popover-ghost-bg-dark,oklch(27.8%_0.033_256.848))] text-[color:var(--zui-popover-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-ghost-fg-dark,#ffffffe6)]";
+    readonly glass: "border-[color:var(--zui-popover-glass-border,#00000026)] dark:border-[color:var(--zui-popover-glass-border-dark,#ffffff26)] bg-[var(--zui-popover-glass-bg,#ffffffb3)] dark:bg-[var(--zui-popover-glass-bg-dark,#020617b3)] text-[color:var(--zui-popover-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-glass-fg-dark,#ffffff)] backdrop-blur-md";
+    readonly emerald: "border-[color:var(--zui-popover-emerald-border,oklch(43.2%_0.095_166.913_/_0.35))] bg-[var(--zui-popover-emerald-bg,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-popover-emerald-fg,oklch(37.8%_0.077_168.94))] dark:bg-[var(--zui-popover-emerald-bg-dark,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-popover-emerald-fg-dark,oklch(90.5%_0.093_164.15))]";
+    readonly indigo: "border-[color:var(--zui-popover-indigo-border,oklch(39.8%_0.195_277.366_/_0.35))] bg-[var(--zui-popover-indigo-bg,oklch(87%_0.065_274.039))] text-[color:var(--zui-popover-indigo-fg,oklch(35.9%_0.144_278.697))] dark:bg-[var(--zui-popover-indigo-bg-dark,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-popover-indigo-fg-dark,oklch(87%_0.065_274.039))]";
+    readonly purple: "border-[color:var(--zui-popover-purple-border,oklch(43.8%_0.218_303.724_/_0.35))] bg-[var(--zui-popover-purple-bg,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-popover-purple-fg,oklch(38.1%_0.176_304.987))] dark:bg-[var(--zui-popover-purple-bg-dark,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-popover-purple-fg-dark,oklch(90.2%_0.063_306.703))]";
+    readonly pink: "border-[color:var(--zui-popover-pink-border,oklch(45.9%_0.187_3.815_/_0.35))] bg-[var(--zui-popover-pink-bg,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-popover-pink-fg,oklch(40.8%_0.153_2.432))] dark:bg-[var(--zui-popover-pink-bg-dark,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-popover-pink-fg-dark,oklch(89.9%_0.061_343.231))]";
+    readonly rose: "border-[color:var(--zui-popover-rose-border,oklch(45.5%_0.188_13.697_/_0.35))] bg-[var(--zui-popover-rose-bg,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-popover-rose-fg,oklch(41%_0.159_10.272))] dark:bg-[var(--zui-popover-rose-bg-dark,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-popover-rose-fg-dark,oklch(89.2%_0.058_10.001))]";
+    readonly sky: "border-[color:var(--zui-popover-sky-border,oklch(44.3%_0.11_240.79_/_0.35))] bg-[var(--zui-popover-sky-bg,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-popover-sky-fg,oklch(39.1%_0.09_240.876))] dark:bg-[var(--zui-popover-sky-bg-dark,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-popover-sky-fg-dark,oklch(90.1%_0.058_230.902))]";
+    readonly teal: "border-[color:var(--zui-popover-teal-border,oklch(43.7%_0.078_188.216_/_0.35))] bg-[var(--zui-popover-teal-bg,oklch(91%_0.096_180.426))] text-[color:var(--zui-popover-teal-fg,oklch(38.6%_0.063_188.416))] dark:bg-[var(--zui-popover-teal-bg-dark,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-popover-teal-fg-dark,oklch(91%_0.096_180.426))]";
+    readonly yellow: "border-[color:var(--zui-popover-yellow-border,oklch(47.6%_0.114_61.907_/_0.35))] bg-[var(--zui-popover-yellow-bg,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-popover-yellow-fg,oklch(42.1%_0.095_57.708))] dark:bg-[var(--zui-popover-yellow-bg-dark,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-popover-yellow-fg-dark,oklch(94.5%_0.129_101.54))]";
+    readonly orange: "border-[color:var(--zui-popover-orange-border,oklch(47%_0.157_37.304_/_0.35))] bg-[var(--zui-popover-orange-bg,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-popover-orange-fg,oklch(40.8%_0.123_38.172))] dark:bg-[var(--zui-popover-orange-bg-dark,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-popover-orange-fg-dark,oklch(90.1%_0.076_70.697))]";
+    readonly green: "border-[color:var(--zui-popover-green-border,oklch(44.8%_0.119_151.328_/_0.35))] bg-[var(--zui-popover-green-bg,oklch(92.5%_0.084_155.995))] text-[color:var(--zui-popover-green-fg,oklch(39.3%_0.095_152.535))] dark:bg-[var(--zui-popover-green-bg-dark,oklch(26.6%_0.065_152.934))] dark:text-[color:var(--zui-popover-green-fg-dark,oklch(92.5%_0.084_155.995))]";
+    readonly "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,oklch(42.4%_0.199_265.638))] to-[var(--zui-popover-gradient-blue-to,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-blue-fg,#ffffff)]";
+    readonly "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,oklch(44.8%_0.119_151.328))] to-[var(--zui-popover-gradient-green-to,oklch(45.3%_0.124_130.933))] text-[color:var(--zui-popover-gradient-green-fg,#ffffff)]";
+    readonly "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,oklch(44.4%_0.177_26.899))] to-[var(--zui-popover-gradient-red-to,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-red-fg,#ffffff)]";
+    readonly "gradient-yellow": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,oklch(47.6%_0.114_61.907))] to-[var(--zui-popover-gradient-yellow-to,oklch(47%_0.157_37.304))] text-[color:var(--zui-popover-gradient-yellow-fg,#ffffff)]";
+    readonly "gradient-purple": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,oklch(43.8%_0.218_303.724))] to-[var(--zui-popover-gradient-purple-to,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-purple-fg,#ffffff)]";
+    readonly "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,oklch(43.7%_0.078_188.216))] to-[var(--zui-popover-gradient-teal-to,oklch(45%_0.085_224.283))] text-[color:var(--zui-popover-gradient-teal-fg,#ffffff)]";
+    readonly "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,oklch(39.8%_0.195_277.366))] to-[var(--zui-popover-gradient-indigo-to,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-indigo-fg,#ffffff)]";
+    readonly "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,oklch(45.9%_0.187_3.815))] to-[var(--zui-popover-gradient-pink-to,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-popover-gradient-pink-fg,#ffffff)]";
+    readonly "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,oklch(47%_0.157_37.304))] to-[var(--zui-popover-gradient-orange-to,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-popover-gradient-orange-fg,#ffffff)]";
+};
+export declare const zuiPopoverContentSizes: {
+    readonly sm: "p-3 text-sm";
+    readonly md: "p-4 text-sm";
+    readonly lg: "p-5 text-base";
+};
+export declare const zuiPopoverContentWidths: {
+    readonly xs: "min-w-50 md:min-w-xs";
+    readonly sm: "min-w-50 md:min-w-sm";
+    readonly md: "min-w-50 md:min-w-md";
+    readonly lg: "min-w-50 md:min-w-lg";
+    readonly xl: "min-w-50 md:min-w-xl";
+    readonly "2xl": "min-w-50 md:min-w-2xl";
+};
+//# sourceMappingURL=popover.d.ts.map

package/dist/design-system/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/design-system/popover.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,uFACoD,CAAC;AAEvF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;CA+C5B,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;CAO1B,CAAC"}

package/dist/design-system/radio-group.d.ts

@@ -0,0 +1,37 @@
+export declare const zuiRadioGroupRootBase = "grid gap-2";
+export declare const zuiRadioGroupItemBase = "group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-radio-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-radio-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+export declare const zuiRadioGroupControlBase = "grid shrink-0 place-items-center rounded-full border-2 border-[color:var(--zui-radio-border,#0000004d)] bg-[var(--zui-radio-bg,transparent)] transition-[background-color,border-color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-radio-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-radio-border-dark,#ffffff4d)] dark:peer-focus-visible:ring-[var(--zui-radio-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed";
+export declare const zuiRadioGroupIndicatorBase = "pointer-events-none block rounded-full opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100";
+export declare const zuiRadioGroupSizes: {
+    readonly sm: {
+        readonly item: "text-xs";
+        readonly control: "mt-0.5 size-4";
+        readonly indicator: "size-1.5";
+    };
+    readonly md: {
+        readonly item: "text-sm";
+        readonly control: "mt-0.5 size-5";
+        readonly indicator: "size-2";
+    };
+    readonly lg: {
+        readonly item: "text-base";
+        readonly control: "mt-0.5 size-6";
+        readonly indicator: "size-2.5";
+    };
+};
+export declare const zuiRadioGroupAppearances: {
+    readonly default: "group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked,oklch(44.6%_0.043_257.281))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg,oklch(44.6%_0.043_257.281))]";
+    readonly success: "group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked,oklch(59.6%_0.145_163.225))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg,oklch(59.6%_0.145_163.225))]";
+    readonly warning: "group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked,oklch(68.1%_0.162_75.834))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg,oklch(68.1%_0.162_75.834))]";
+    readonly error: "group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked,oklch(58.6%_0.253_17.585))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg,oklch(58.6%_0.253_17.585))]";
+    readonly info: "group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked,oklch(54.6%_0.245_262.881))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg,oklch(54.6%_0.245_262.881))]";
+    readonly violet: "group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked,oklch(54.1%_0.281_293.009))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg,oklch(54.1%_0.281_293.009))]";
+    readonly amber: "group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked,oklch(66.6%_0.179_58.318))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg,oklch(66.6%_0.179_58.318))]";
+    readonly pink: "group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked,oklch(59.2%_0.249_0.584))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg,oklch(59.2%_0.249_0.584))]";
+    readonly indigo: "group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked,oklch(51.1%_0.262_276.966))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg,oklch(51.1%_0.262_276.966))]";
+};
+export declare const zuiRadioGroupOrientations: {
+    readonly vertical: "grid gap-2";
+    readonly horizontal: "flex flex-wrap gap-x-5 gap-y-2";
+};
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/design-system/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/design-system/radio-group.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAElD,eAAO,MAAM,qBAAqB,0RACuP,CAAC;AAE1R,eAAO,MAAM,wBAAwB,2wBACquB,CAAC;AAE3wB,eAAO,MAAM,0BAA0B,4HACoF,CAAC;AAE5H,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;CAgBrB,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;CAmB3B,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;CAG5B,CAAC"}

package/dist/ui/checkbox/animated/animations.d.ts

@@ -0,0 +1,32 @@
+export declare const checkboxAnimationPresets: {
+    readonly draw: {
+        readonly initial: {
+            readonly pathLength: 0;
+            readonly opacity: 0;
+        };
+        readonly animate: {
+            readonly pathLength: 1;
+            readonly opacity: 1;
+        };
+        readonly transition: {
+            readonly duration: 0.2;
+            readonly ease: "easeOut";
+        };
+    };
+    readonly spring: {
+        readonly initial: {
+            readonly scale: 0.7;
+            readonly opacity: 0;
+        };
+        readonly animate: {
+            readonly scale: 1;
+            readonly opacity: 1;
+        };
+        readonly transition: {
+            readonly type: "spring";
+            readonly stiffness: 520;
+            readonly damping: 30;
+        };
+    };
+};
+//# sourceMappingURL=animations.d.ts.map

package/dist/ui/checkbox/animated/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/checkbox/animated/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW3B,CAAC"}

package/dist/ui/checkbox/animated/checkbox-animated.d.ts

@@ -0,0 +1,6 @@
+import type { CheckboxAnimatedProps } from "./types";
+export declare function CheckboxAnimated(props: CheckboxAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CheckboxAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=checkbox-animated.d.ts.map

package/dist/ui/checkbox/animated/checkbox-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/checkbox/animated/checkbox-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAkBrD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAoH5D;yBApHe,gBAAgB"}

package/dist/ui/checkbox/animated/index.d.ts

@@ -0,0 +1,4 @@
+export { CheckboxAnimated } from "./checkbox-animated";
+export type { CheckboxAnimatedProps, CheckboxAnimation, CheckboxAnimationPresets, } from "./types";
+export { checkboxAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/checkbox/animated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/checkbox/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EACV,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/checkbox/animated/types.d.ts

@@ -0,0 +1,8 @@
+import type { CheckboxProps } from "../types";
+import type { checkboxAnimationPresets } from "./animations";
+export type CheckboxAnimation = keyof typeof checkboxAnimationPresets;
+export type CheckboxAnimationPresets = typeof checkboxAnimationPresets;
+export type CheckboxAnimatedProps = CheckboxProps & {
+    animation?: CheckboxAnimation;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/checkbox/animated/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/checkbox/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,wBAAwB,CAAC;AACtE,MAAM,MAAM,wBAAwB,GAAG,OAAO,wBAAwB,CAAC;AAEvE,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC"}

package/dist/ui/checkbox/animated.js

@@ -0,0 +1,153 @@
+"use client";
+'use strict';
+
+var chunkPHEUJ4EF_js = require('../../chunk-PHEUJ4EF.js');
+var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/checkbox/animated/animations.ts
+var checkboxAnimationPresets = {
+  draw: {
+    initial: { pathLength: 0, opacity: 0 },
+    animate: { pathLength: 1, opacity: 1 },
+    transition: { duration: 0.2, ease: "easeOut" }
+  },
+  spring: {
+    initial: { scale: 0.7, opacity: 0 },
+    animate: { scale: 1, opacity: 1 },
+    transition: { type: "spring", stiffness: 520, damping: 30 }
+  }
+};
+function resolveCheckboxState(checked, indeterminate) {
+  if (indeterminate) {
+    return "indeterminate";
+  }
+  return checked ? "checked" : "unchecked";
+}
+function CheckboxAnimated(props) {
+  const {
+    className,
+    rootClassName,
+    controlClassName,
+    indicatorClassName,
+    appearance,
+    size,
+    checked,
+    defaultChecked = false,
+    indeterminate,
+    onCheckedChange,
+    disabled,
+    children,
+    label,
+    id,
+    ref,
+    "aria-label": ariaLabel,
+    animation = "draw",
+    ...rest
+  } = props;
+  const generatedId = react.useId();
+  const controlId = id ?? generatedId;
+  const isControlled = checked !== void 0;
+  const [uncontrolled, setUncontrolled] = react.useState(defaultChecked);
+  const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;
+  const state = resolveCheckboxState(resolvedChecked, indeterminate);
+  const labelContent = label ?? children;
+  const hasVisibleLabel = labelContent !== void 0 && labelContent !== null && labelContent !== false;
+  const motionPreset = checkboxAnimationPresets[animation];
+  const svgMotionProps = animation === "spring" ? motionPreset : void 0;
+  const pathMotionProps = animation === "draw" ? motionPreset : void 0;
+  const setChecked = react.useCallback(
+    (next) => {
+      if (!isControlled) {
+        setUncontrolled(next);
+      }
+      onCheckedChange?.(next);
+    },
+    [isControlled, onCheckedChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      className: chunkZS5756ZC_js.cn(chunkPHEUJ4EF_js.checkboxRootVariants({ size }), rootClassName, className),
+      "data-disabled": disabled ? "true" : void 0,
+      "data-state": state,
+      htmlFor: controlId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            id: controlId,
+            type: "checkbox",
+            "data-slot": "checkbox",
+            className: "peer sr-only",
+            checked: resolvedChecked,
+            disabled,
+            "aria-checked": indeterminate ? "mixed" : resolvedChecked,
+            "aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Checkbox"),
+            onChange: (event) => setChecked(event.currentTarget.checked),
+            ...rest
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: chunkZS5756ZC_js.cn(
+              chunkPHEUJ4EF_js.checkboxControlVariants({ appearance, size }),
+              controlClassName
+            ),
+            "data-slot": "checkbox-control",
+            children: state !== "unchecked" && /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.svg,
+              {
+                viewBox: "0 0 16 16",
+                fill: "none",
+                className: chunkZS5756ZC_js.cn(
+                  chunkPHEUJ4EF_js.checkboxIndicatorVariants({ size }),
+                  "opacity-100",
+                  indicatorClassName
+                ),
+                initial: svgMotionProps?.initial,
+                animate: svgMotionProps?.animate,
+                transition: svgMotionProps?.transition,
+                children: state === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.path,
+                  {
+                    d: "M3.5 8H12.5",
+                    strokeWidth: "2.4",
+                    strokeLinecap: "round",
+                    initial: pathMotionProps?.initial,
+                    animate: pathMotionProps?.animate,
+                    transition: pathMotionProps?.transition
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.path,
+                  {
+                    d: "M3.2 8.4L6.5 11.5L12.8 4.5",
+                    strokeWidth: "2.2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    initial: pathMotionProps?.initial,
+                    animate: pathMotionProps?.animate,
+                    transition: pathMotionProps?.transition
+                  }
+                )
+              },
+              state
+            )
+          }
+        ),
+        hasVisibleLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 leading-6", "data-slot": "checkbox-label", children: labelContent })
+      ]
+    }
+  );
+}
+CheckboxAnimated.displayName = "Checkbox";
+
+exports.CheckboxAnimated = CheckboxAnimated;
+exports.checkboxAnimationPresets = checkboxAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/checkbox/animated/animations.ts","../../../src/ui/checkbox/animated/checkbox-animated.tsx"],"names":["useId","useState","useCallback","jsxs","cn","checkboxRootVariants","jsx","checkboxControlVariants","motion","checkboxIndicatorVariants"],"mappings":"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","file":"animated.js","sourcesContent":["export const checkboxAnimationPresets = {\n  draw: {\n    initial: { pathLength: 0, opacity: 0 },\n    animate: { pathLength: 1, opacity: 1 },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  spring: {\n    initial: { scale: 0.7, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n} as const;\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { checkboxAnimationPresets } from \"./animations\";\nimport type { CheckboxAnimatedProps } from \"./types\";\nimport type { CheckboxState } from \"../types\";\nimport {\n  checkboxControlVariants,\n  checkboxIndicatorVariants,\n  checkboxRootVariants,\n} from \"../variants\";\n\nfunction resolveCheckboxState(\n  checked: boolean,\n  indeterminate: boolean | undefined,\n): CheckboxState {\n  if (indeterminate) {\n    return \"indeterminate\";\n  }\n  return checked ? \"checked\" : \"unchecked\";\n}\n\nexport function CheckboxAnimated(props: CheckboxAnimatedProps) {\n  const {\n    className,\n    rootClassName,\n    controlClassName,\n    indicatorClassName,\n    appearance,\n    size,\n    checked,\n    defaultChecked = false,\n    indeterminate,\n    onCheckedChange,\n    disabled,\n    children,\n    label,\n    id,\n    ref,\n    \"aria-label\": ariaLabel,\n    animation = \"draw\",\n    ...rest\n  } = props;\n  const generatedId = useId();\n  const controlId = id ?? generatedId;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;\n  const state = resolveCheckboxState(resolvedChecked, indeterminate);\n  const labelContent = label ?? children;\n  const hasVisibleLabel =\n    labelContent !== undefined && labelContent !== null && labelContent !== false;\n  const motionPreset = checkboxAnimationPresets[animation];\n  const svgMotionProps = animation === \"spring\" ? motionPreset : undefined;\n  const pathMotionProps = animation === \"draw\" ? motionPreset : undefined;\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  return (\n    <label\n      className={cn(checkboxRootVariants({ size }), rootClassName, className)}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-state={state}\n      htmlFor={controlId}\n    >\n      <input\n        ref={ref}\n        id={controlId}\n        type=\"checkbox\"\n        data-slot=\"checkbox\"\n        className=\"peer sr-only\"\n        checked={resolvedChecked}\n        disabled={disabled}\n        aria-checked={indeterminate ? \"mixed\" : resolvedChecked}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Checkbox\")}\n        onChange={(event) => setChecked(event.currentTarget.checked)}\n        {...rest}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          checkboxControlVariants({ appearance, size }),\n          controlClassName,\n        )}\n        data-slot=\"checkbox-control\"\n      >\n        {state !== \"unchecked\" && (\n          <motion.svg\n            key={state}\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            className={cn(\n              checkboxIndicatorVariants({ size }),\n              \"opacity-100\",\n              indicatorClassName,\n            )}\n            initial={svgMotionProps?.initial}\n            animate={svgMotionProps?.animate}\n            transition={svgMotionProps?.transition}\n          >\n            {state === \"indeterminate\" ? (\n              <motion.path\n                d=\"M3.5 8H12.5\"\n                strokeWidth=\"2.4\"\n                strokeLinecap=\"round\"\n                initial={pathMotionProps?.initial}\n                animate={pathMotionProps?.animate}\n                transition={pathMotionProps?.transition}\n              />\n            ) : (\n              <motion.path\n                d=\"M3.2 8.4L6.5 11.5L12.8 4.5\"\n                strokeWidth=\"2.2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                initial={pathMotionProps?.initial}\n                animate={pathMotionProps?.animate}\n                transition={pathMotionProps?.transition}\n              />\n            )}\n          </motion.svg>\n        )}\n      </span>\n      {hasVisibleLabel && (\n        <span className=\"min-w-0 leading-6\" data-slot=\"checkbox-label\">\n          {labelContent}\n        </span>\n      )}\n    </label>\n  );\n}\n\nCheckboxAnimated.displayName = \"Checkbox\";\n"]}

package/dist/ui/checkbox/animated.mjs

@@ -0,0 +1,150 @@
+"use client";
+import { checkboxIndicatorVariants, checkboxControlVariants, checkboxRootVariants } from '../../chunk-K6IZANTI.mjs';
+import { cn } from '../../chunk-4D54YOL6.mjs';
+import { motion } from 'framer-motion';
+import { useId, useState, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/ui/checkbox/animated/animations.ts
+var checkboxAnimationPresets = {
+  draw: {
+    initial: { pathLength: 0, opacity: 0 },
+    animate: { pathLength: 1, opacity: 1 },
+    transition: { duration: 0.2, ease: "easeOut" }
+  },
+  spring: {
+    initial: { scale: 0.7, opacity: 0 },
+    animate: { scale: 1, opacity: 1 },
+    transition: { type: "spring", stiffness: 520, damping: 30 }
+  }
+};
+function resolveCheckboxState(checked, indeterminate) {
+  if (indeterminate) {
+    return "indeterminate";
+  }
+  return checked ? "checked" : "unchecked";
+}
+function CheckboxAnimated(props) {
+  const {
+    className,
+    rootClassName,
+    controlClassName,
+    indicatorClassName,
+    appearance,
+    size,
+    checked,
+    defaultChecked = false,
+    indeterminate,
+    onCheckedChange,
+    disabled,
+    children,
+    label,
+    id,
+    ref,
+    "aria-label": ariaLabel,
+    animation = "draw",
+    ...rest
+  } = props;
+  const generatedId = useId();
+  const controlId = id ?? generatedId;
+  const isControlled = checked !== void 0;
+  const [uncontrolled, setUncontrolled] = useState(defaultChecked);
+  const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;
+  const state = resolveCheckboxState(resolvedChecked, indeterminate);
+  const labelContent = label ?? children;
+  const hasVisibleLabel = labelContent !== void 0 && labelContent !== null && labelContent !== false;
+  const motionPreset = checkboxAnimationPresets[animation];
+  const svgMotionProps = animation === "spring" ? motionPreset : void 0;
+  const pathMotionProps = animation === "draw" ? motionPreset : void 0;
+  const setChecked = useCallback(
+    (next) => {
+      if (!isControlled) {
+        setUncontrolled(next);
+      }
+      onCheckedChange?.(next);
+    },
+    [isControlled, onCheckedChange]
+  );
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(checkboxRootVariants({ size }), rootClassName, className),
+      "data-disabled": disabled ? "true" : void 0,
+      "data-state": state,
+      htmlFor: controlId,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            id: controlId,
+            type: "checkbox",
+            "data-slot": "checkbox",
+            className: "peer sr-only",
+            checked: resolvedChecked,
+            disabled,
+            "aria-checked": indeterminate ? "mixed" : resolvedChecked,
+            "aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Checkbox"),
+            onChange: (event) => setChecked(event.currentTarget.checked),
+            ...rest
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              checkboxControlVariants({ appearance, size }),
+              controlClassName
+            ),
+            "data-slot": "checkbox-control",
+            children: state !== "unchecked" && /* @__PURE__ */ jsx(
+              motion.svg,
+              {
+                viewBox: "0 0 16 16",
+                fill: "none",
+                className: cn(
+                  checkboxIndicatorVariants({ size }),
+                  "opacity-100",
+                  indicatorClassName
+                ),
+                initial: svgMotionProps?.initial,
+                animate: svgMotionProps?.animate,
+                transition: svgMotionProps?.transition,
+                children: state === "indeterminate" ? /* @__PURE__ */ jsx(
+                  motion.path,
+                  {
+                    d: "M3.5 8H12.5",
+                    strokeWidth: "2.4",
+                    strokeLinecap: "round",
+                    initial: pathMotionProps?.initial,
+                    animate: pathMotionProps?.animate,
+                    transition: pathMotionProps?.transition
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  motion.path,
+                  {
+                    d: "M3.2 8.4L6.5 11.5L12.8 4.5",
+                    strokeWidth: "2.2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    initial: pathMotionProps?.initial,
+                    animate: pathMotionProps?.animate,
+                    transition: pathMotionProps?.transition
+                  }
+                )
+              },
+              state
+            )
+          }
+        ),
+        hasVisibleLabel && /* @__PURE__ */ jsx("span", { className: "min-w-0 leading-6", "data-slot": "checkbox-label", children: labelContent })
+      ]
+    }
+  );
+}
+CheckboxAnimated.displayName = "Checkbox";
+
+export { CheckboxAnimated, checkboxAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

package/dist/ui/checkbox/animated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/checkbox/animated/animations.ts","../../../src/ui/checkbox/animated/checkbox-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["export const checkboxAnimationPresets = {\n  draw: {\n    initial: { pathLength: 0, opacity: 0 },\n    animate: { pathLength: 1, opacity: 1 },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  spring: {\n    initial: { scale: 0.7, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n} as const;\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { checkboxAnimationPresets } from \"./animations\";\nimport type { CheckboxAnimatedProps } from \"./types\";\nimport type { CheckboxState } from \"../types\";\nimport {\n  checkboxControlVariants,\n  checkboxIndicatorVariants,\n  checkboxRootVariants,\n} from \"../variants\";\n\nfunction resolveCheckboxState(\n  checked: boolean,\n  indeterminate: boolean | undefined,\n): CheckboxState {\n  if (indeterminate) {\n    return \"indeterminate\";\n  }\n  return checked ? \"checked\" : \"unchecked\";\n}\n\nexport function CheckboxAnimated(props: CheckboxAnimatedProps) {\n  const {\n    className,\n    rootClassName,\n    controlClassName,\n    indicatorClassName,\n    appearance,\n    size,\n    checked,\n    defaultChecked = false,\n    indeterminate,\n    onCheckedChange,\n    disabled,\n    children,\n    label,\n    id,\n    ref,\n    \"aria-label\": ariaLabel,\n    animation = \"draw\",\n    ...rest\n  } = props;\n  const generatedId = useId();\n  const controlId = id ?? generatedId;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;\n  const state = resolveCheckboxState(resolvedChecked, indeterminate);\n  const labelContent = label ?? children;\n  const hasVisibleLabel =\n    labelContent !== undefined && labelContent !== null && labelContent !== false;\n  const motionPreset = checkboxAnimationPresets[animation];\n  const svgMotionProps = animation === \"spring\" ? motionPreset : undefined;\n  const pathMotionProps = animation === \"draw\" ? motionPreset : undefined;\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  return (\n    <label\n      className={cn(checkboxRootVariants({ size }), rootClassName, className)}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-state={state}\n      htmlFor={controlId}\n    >\n      <input\n        ref={ref}\n        id={controlId}\n        type=\"checkbox\"\n        data-slot=\"checkbox\"\n        className=\"peer sr-only\"\n        checked={resolvedChecked}\n        disabled={disabled}\n        aria-checked={indeterminate ? \"mixed\" : resolvedChecked}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Checkbox\")}\n        onChange={(event) => setChecked(event.currentTarget.checked)}\n        {...rest}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          checkboxControlVariants({ appearance, size }),\n          controlClassName,\n        )}\n        data-slot=\"checkbox-control\"\n      >\n        {state !== \"unchecked\" && (\n          <motion.svg\n            key={state}\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            className={cn(\n              checkboxIndicatorVariants({ size }),\n              \"opacity-100\",\n              indicatorClassName,\n            )}\n            initial={svgMotionProps?.initial}\n            animate={svgMotionProps?.animate}\n            transition={svgMotionProps?.transition}\n          >\n            {state === \"indeterminate\" ? (\n              <motion.path\n                d=\"M3.5 8H12.5\"\n                strokeWidth=\"2.4\"\n                strokeLinecap=\"round\"\n                initial={pathMotionProps?.initial}\n                animate={pathMotionProps?.animate}\n                transition={pathMotionProps?.transition}\n              />\n            ) : (\n              <motion.path\n                d=\"M3.2 8.4L6.5 11.5L12.8 4.5\"\n                strokeWidth=\"2.2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                initial={pathMotionProps?.initial}\n                animate={pathMotionProps?.animate}\n                transition={pathMotionProps?.transition}\n              />\n            )}\n          </motion.svg>\n        )}\n      </span>\n      {hasVisibleLabel && (\n        <span className=\"min-w-0 leading-6\" data-slot=\"checkbox-label\">\n          {labelContent}\n        </span>\n      )}\n    </label>\n  );\n}\n\nCheckboxAnimated.displayName = \"Checkbox\";\n"]}

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

@@ -0,0 +1,6 @@
+import type { CheckboxProps } from "./types";
+export declare function CheckboxBase(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CheckboxBase {
+    var displayName: string;
+}
+//# sourceMappingURL=checkbox-base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-base.d.ts","sourceRoot":"","sources":["../../../src/ui/checkbox/checkbox-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAiB5D,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,2CA4GhD;yBA5Ge,YAAY"}

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

@@ -0,0 +1,6 @@
+import type { CheckboxProps } from "./types";
+export declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Checkbox {
+    var displayName: string;
+}
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;yBAFe,QAAQ"}

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

@@ -0,0 +1,4 @@
+export { Checkbox } from "./checkbox";
+export type { CheckboxControlVariantProps, CheckboxIndicatorVariantProps, CheckboxProps, CheckboxRootVariantProps, CheckboxState, } from "./types";
+export { checkboxControlVariants, checkboxIndicatorVariants, checkboxRootVariants, } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/checkbox/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,2BAA2B,EAC3B,6BAA6B,EAC7B,aAAa,EACb,wBAAwB,EACxB,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { checkboxControlVariants, checkboxIndicatorVariants, checkboxRootVariants } from "./variants";
+export type CheckboxState = "checked" | "unchecked" | "indeterminate";
+export type CheckboxRootVariantProps = VariantProps<typeof checkboxRootVariants>;
+export type CheckboxControlVariantProps = VariantProps<typeof checkboxControlVariants>;
+export type CheckboxIndicatorVariantProps = VariantProps<typeof checkboxIndicatorVariants>;
+export type CheckboxProps = CheckboxRootVariantProps & CheckboxControlVariantProps & Omit<ComponentPropsWithRef<"input">, "type" | "size" | "checked" | "defaultChecked" | "onChange" | "children"> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    indeterminate?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    children?: ReactNode;
+    label?: ReactNode;
+    rootClassName?: string;
+    controlClassName?: string;
+    indicatorClassName?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/checkbox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EACV,uBAAuB,EACvB,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,eAAe,CAAC;AAEtE,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACjF,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,OAAO,uBAAuB,CAC/B,CAAC;AACF,MAAM,MAAM,6BAA6B,GAAG,YAAY,CACtD,OAAO,yBAAyB,CACjC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,wBAAwB,GAClD,2BAA2B,GAC3B,IAAI,CACF,qBAAqB,CAAC,OAAO,CAAC,EAC5B,MAAM,GACN,MAAM,GACN,SAAS,GACT,gBAAgB,GAChB,UAAU,GACV,UAAU,CACb,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC"}

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

@@ -0,0 +1,11 @@
+export declare const checkboxRootVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const checkboxControlVariants: (props?: ({
+    appearance?: "default" | "violet" | "amber" | "indigo" | "pink" | "error" | "success" | "warning" | "info" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const checkboxIndicatorVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/checkbox/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/checkbox/variants.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,oBAAoB;;8EAW/B,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;8EAalC,CAAC;AAEH,eAAO,MAAM,yBAAyB;;8EAWpC,CAAC"}