@zentauri-ui/zentauri-components 1.6.3 → 1.7.1

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"}

package/dist/ui/checkbox.js

@@ -0,0 +1,150 @@
+"use client";
+'use strict';
+
+var chunkPHEUJ4EF_js = require('../chunk-PHEUJ4EF.js');
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function resolveCheckboxState(checked, indeterminate) {
+  if (indeterminate) {
+    return "indeterminate";
+  }
+  return checked ? "checked" : "unchecked";
+}
+function CheckboxBase(props) {
+  const {
+    className,
+    rootClassName,
+    controlClassName,
+    indicatorClassName,
+    appearance,
+    size,
+    checked,
+    defaultChecked = false,
+    indeterminate,
+    onCheckedChange,
+    disabled,
+    children,
+    label,
+    id,
+    ref,
+    "aria-label": ariaLabel,
+    ...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 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 === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                viewBox: "0 0 16 16",
+                fill: "none",
+                className: chunkZS5756ZC_js.cn(
+                  chunkPHEUJ4EF_js.checkboxIndicatorVariants({ size }),
+                  indicatorClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M3.5 8H12.5",
+                    strokeWidth: "2.4",
+                    strokeLinecap: "round"
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                viewBox: "0 0 16 16",
+                fill: "none",
+                className: chunkZS5756ZC_js.cn(
+                  chunkPHEUJ4EF_js.checkboxIndicatorVariants({ size }),
+                  indicatorClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M3.2 8.4L6.5 11.5L12.8 4.5",
+                    strokeWidth: "2.2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        hasVisibleLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 leading-6", "data-slot": "checkbox-label", children: labelContent })
+      ]
+    }
+  );
+}
+CheckboxBase.displayName = "Checkbox";
+function Checkbox(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CheckboxBase, { ...props });
+}
+Checkbox.displayName = "Checkbox";
+
+Object.defineProperty(exports, "checkboxControlVariants", {
+  enumerable: true,
+  get: function () { return chunkPHEUJ4EF_js.checkboxControlVariants; }
+});
+Object.defineProperty(exports, "checkboxIndicatorVariants", {
+  enumerable: true,
+  get: function () { return chunkPHEUJ4EF_js.checkboxIndicatorVariants; }
+});
+Object.defineProperty(exports, "checkboxRootVariants", {
+  enumerable: true,
+  get: function () { return chunkPHEUJ4EF_js.checkboxRootVariants; }
+});
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.js.map

package/dist/ui/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/checkbox/checkbox-base.tsx","../../src/ui/checkbox/checkbox.tsx"],"names":["useId","useState","useCallback","jsxs","cn","checkboxRootVariants","jsx","checkboxControlVariants","checkboxIndicatorVariants"],"mappings":"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","file":"checkbox.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { CheckboxProps, 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 CheckboxBase(props: CheckboxProps) {\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    ...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\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 === \"indeterminate\" ? (\n          <svg\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            className={cn(\n              checkboxIndicatorVariants({ size }),\n              indicatorClassName,\n            )}\n          >\n            <path\n              d=\"M3.5 8H12.5\"\n              strokeWidth=\"2.4\"\n              strokeLinecap=\"round\"\n            />\n          </svg>\n        ) : (\n          <svg\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            className={cn(\n              checkboxIndicatorVariants({ size }),\n              indicatorClassName,\n            )}\n          >\n            <path\n              d=\"M3.2 8.4L6.5 11.5L12.8 4.5\"\n              strokeWidth=\"2.2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </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\nCheckboxBase.displayName = \"Checkbox\";\n","import { CheckboxBase } from \"./checkbox-base\";\nimport type { CheckboxProps } from \"./types\";\n\nexport function Checkbox(props: CheckboxProps) {\n  return <CheckboxBase {...props} />;\n}\n\nCheckbox.displayName = \"Checkbox\";\n"]}