@etus/ui 0.4.0-beta.2 → 0.4.0-beta.20

package/dist/chunk-JUZ4JQWH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;AAcA,SAAS,UAAA,CAAW;AAAA,EAClB,SAAA;AAAA,EACA,WAAA,GAAc,UAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACE,GAAA;AAAA,IAAqB,mBAAA,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,WAAW,EAAA,CAAG,kBAAA,CAAmB,EAAE,WAAA,EAAa,GAAG,SAAS,CAAA;AAAA,MAC5D,WAAA,EAAU,aAAA;AAAA,MACV,WAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,EAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,cAAoB,KAAA,CAAA,KAAA,EAAM;AAChC,EAAA,MAAM,SAAS,EAAA,IAAM,WAAA;AAErB,EAAA,MAAM,IAAA,mBACJ,GAAA;AAAA,IAAqB,mBAAA,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,WAAW,EAAA,CAAG,sBAAA,CAAuB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACzD,WAAA,EAAU,kBAAA;AAAA,MACV,EAAA,EAAI,MAAA;AAAA,MACH,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAqB,mBAAA,CAAA,SAAA;AAAA,QAApB;AAAA,UACC,SAAA,EAAW,2BAAA,CAA4B,EAAE,IAAA,EAAM,CAAA;AAAA,UAC/C,WAAA,EAAU;AAAA;AAAA;AACZ;AAAA,GACF;AAGF,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AAEnB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA0B,aAAU,0BAAA,EAChD,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,oBACD,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,6DAAA;AAAA,UACA,2DAAA;AAAA,UACA,SAAS,IAAA,IAAQ,WAAA;AAAA,UACjB,SAAS,IAAA,IAAQ;AAAA,SACnB;AAAA,QACA,WAAA,EAAU,wBAAA;AAAA,QACV,OAAA,EAAS,MAAA;AAAA,QAER,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ","file":"chunk-JUZ4JQWH.js","sourcesContent":["\"use client\"\n\nimport type { RadioGroupItemProps, RadioGroupProps } from \"./RadioGroup.types\"\n\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  radioGroupIndicatorVariants,\n  radioGroupItemVariants,\n  radioGroupVariants,\n} from \"./RadioGroup.variants\"\n\nfunction RadioGroup({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: RadioGroupProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(radioGroupVariants({ orientation }), className)}\n      data-slot=\"radio-group\"\n      orientation={orientation}\n      {...props}\n    />\n  )\n}\n\nfunction RadioGroupItem({\n  className,\n  size = \"md\",\n  label,\n  id,\n  ...props\n}: RadioGroupItemProps) {\n  const generatedId = React.useId()\n  const itemId = id ?? generatedId\n\n  const item = (\n    <RadioGroupPrimitive.Item\n      className={cn(radioGroupItemVariants({ size }), className)}\n      data-slot=\"radio-group-item\"\n      id={itemId}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        className={radioGroupIndicatorVariants({ size })}\n        data-slot=\"radio-group-indicator\"\n      />\n    </RadioGroupPrimitive.Item>\n  )\n\n  if (!label) return item\n\n  return (\n    <div className=\"flex items-center gap-2\" data-slot=\"radio-group-item-wrapper\">\n      {item}\n      <label\n        className={cn(\n          \"text-sm font-medium leading-none cursor-pointer select-none\",\n          \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n          size === \"lg\" && \"text-base\",\n          size === \"sm\" && \"text-xs\"\n        )}\n        data-slot=\"radio-group-item-label\"\n        htmlFor={itemId}\n      >\n        {label}\n      </label>\n    </div>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"]}

package/dist/chunk-JVTB3NTP.js

@@ -0,0 +1,163 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDown } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var accordionItemVariants = cva(
+  // Base styles (always applied)
+  ["last:border-b-0"],
+  {
+    variants: {
+      variant: {
+        default: "border-b-[var(--accordion-item-border-width)]",
+        flush: "",
+        separated: "border-[var(--accordion-item-border-width)] rounded-[var(--accordion-item-radius)] mb-[var(--accordion-root-gap)] last:mb-0 px-[var(--accordion-item-padding-x)]",
+        contained: "border-x-[var(--accordion-item-border-width)] first:border-t-[var(--accordion-item-border-width)] first:rounded-t-[var(--accordion-item-radius)] last:border-b-[var(--accordion-item-border-width)] last:rounded-b-[var(--accordion-item-radius)] px-[var(--accordion-item-padding-x)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var accordionTriggerVariants = cva(
+  // Base styles (always applied)
+  [
+    "flex flex-1 items-start justify-between gap-[var(--accordion-trigger-gap)]",
+    "rounded-[var(--accordion-trigger-radius)] text-left font-medium",
+    "transition-all outline-none",
+    "hover:underline",
+    "focus-visible:border-ring focus-visible:ring-[color:var(--accordion-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--accordion-trigger-ring-width)]",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&[data-state=open]>svg]:rotate-180",
+    "[&>svg]:size-[var(--accordion-icon-size)]",
+    "[&>svg]:transition-transform [&>svg]:duration-[var(--accordion-icon-transition-duration)]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "py-[var(--accordion-trigger-padding-y-sm)] text-[length:var(--accordion-trigger-text-size-sm)]",
+        default: "py-[var(--accordion-trigger-padding-y-md)] text-[length:var(--accordion-trigger-text-size-md)]",
+        lg: "py-[var(--accordion-trigger-padding-y-lg)] text-[length:var(--accordion-trigger-text-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var accordionContentVariants = cva(
+  // Base styles (always applied)
+  [
+    "overflow-hidden text-sm",
+    "data-[state=closed]:animate-accordion-up",
+    "data-[state=open]:animate-accordion-down"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "",
+        default: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var accordionContentInnerVariants = cva(["pt-0"], {
+  variants: {
+    size: {
+      sm: "pb-[var(--accordion-content-padding-bottom-sm)]",
+      default: "pb-[var(--accordion-content-padding-bottom-md)]",
+      lg: "pb-[var(--accordion-content-padding-bottom-lg)]"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var AccordionContext = React.createContext({
+  variant: "default",
+  size: "default"
+});
+function useAccordionContext() {
+  return React.use(AccordionContext);
+}
+function Accordion({
+  variant = "default",
+  size = "default",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionContext, { value: { variant, size }, children: /* @__PURE__ */ jsx(
+    AccordionPrimitive.Root,
+    {
+      className: cn(
+        variant === "separated" && "space-y-[var(--accordion-root-gap)]",
+        className
+      ),
+      "data-slot": "accordion",
+      ...props
+    }
+  ) });
+}
+Accordion.displayName = "Accordion";
+function AccordionItem({ className, ...props }) {
+  const { variant } = useAccordionContext();
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      className: cn(accordionItemVariants({ variant }), className),
+      "data-slot": "accordion-item",
+      ...props
+    }
+  );
+}
+AccordionItem.displayName = "AccordionItem";
+function AccordionTrigger({
+  className,
+  children,
+  chevron,
+  ...props
+}) {
+  const { size } = useAccordionContext();
+  const iconClasses = "text-muted-foreground pointer-events-none size-[var(--accordion-icon-size)] shrink-0 translate-y-0.5 transition-transform duration-[var(--accordion-icon-transition-duration)]";
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      className: cn(accordionTriggerVariants({ size }), className),
+      "data-slot": "accordion-trigger",
+      ...props,
+      children: [
+        children,
+        chevron ? /* @__PURE__ */ jsx("span", { className: iconClasses, "data-slot": "accordion-icon", children: chevron }) : /* @__PURE__ */ jsx(ChevronDown, { className: iconClasses, "data-slot": "accordion-icon" })
+      ]
+    }
+  ) });
+}
+AccordionTrigger.displayName = "AccordionTrigger";
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  const { size } = useAccordionContext();
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      className: cn(accordionContentVariants({ size })),
+      "data-slot": "accordion-content",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn(accordionContentInnerVariants({ size }), className), children })
+    }
+  );
+}
+AccordionContent.displayName = "AccordionContent";
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionContentInnerVariants, accordionContentVariants, accordionItemVariants, accordionTriggerVariants };
+//# sourceMappingURL=chunk-JVTB3NTP.js.map
+//# sourceMappingURL=chunk-JVTB3NTP.js.map

package/dist/chunk-JVTB3NTP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Accordion/Accordion.variants.ts","../src/components/data-display/Accordion/Accordion.tsx"],"names":[],"mappings":"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","file":"chunk-JVTB3NTP.js","sourcesContent":["// Accordion/Accordion.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * AccordionItem style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const accordionItemVariants = cva(\n  // Base styles (always applied)\n  [\"last:border-b-0\"],\n  {\n    variants: {\n      variant: {\n        default: \"border-b-[var(--accordion-item-border-width)]\",\n        flush: \"\",\n        separated: \"border-[var(--accordion-item-border-width)] rounded-[var(--accordion-item-radius)] mb-[var(--accordion-root-gap)] last:mb-0 px-[var(--accordion-item-padding-x)]\",\n        contained: \"border-x-[var(--accordion-item-border-width)] first:border-t-[var(--accordion-item-border-width)] first:rounded-t-[var(--accordion-item-radius)] last:border-b-[var(--accordion-item-border-width)] last:rounded-b-[var(--accordion-item-radius)] px-[var(--accordion-item-padding-x)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * AccordionTrigger style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const accordionTriggerVariants = cva(\n  // Base styles (always applied)\n  [\n    \"flex flex-1 items-start justify-between gap-[var(--accordion-trigger-gap)]\",\n    \"rounded-[var(--accordion-trigger-radius)] text-left font-medium\",\n    \"transition-all outline-none\",\n    \"hover:underline\",\n    \"focus-visible:border-ring focus-visible:ring-[color:var(--accordion-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--accordion-trigger-ring-width)]\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&[data-state=open]>svg]:rotate-180\",\n    \"[&>svg]:size-[var(--accordion-icon-size)]\",\n    \"[&>svg]:transition-transform [&>svg]:duration-[var(--accordion-icon-transition-duration)]\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"py-[var(--accordion-trigger-padding-y-sm)] text-[length:var(--accordion-trigger-text-size-sm)]\",\n        default: \"py-[var(--accordion-trigger-padding-y-md)] text-[length:var(--accordion-trigger-text-size-md)]\",\n        lg: \"py-[var(--accordion-trigger-padding-y-lg)] text-[length:var(--accordion-trigger-text-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * AccordionContent style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const accordionContentVariants = cva(\n  // Base styles (always applied)\n  [\n    \"overflow-hidden text-sm\",\n    \"data-[state=closed]:animate-accordion-up\",\n    \"data-[state=open]:animate-accordion-down\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * AccordionContent inner wrapper style variants using CVA\n */\nexport const accordionContentInnerVariants = cva([\"pt-0\"], {\n  variants: {\n    size: {\n      sm: \"pb-[var(--accordion-content-padding-bottom-sm)]\",\n      default: \"pb-[var(--accordion-content-padding-bottom-md)]\",\n      lg: \"pb-[var(--accordion-content-padding-bottom-lg)]\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\n// Export variant prop types\nexport type AccordionItemVariantProps = VariantProps<typeof accordionItemVariants>\nexport type AccordionTriggerVariantProps = VariantProps<typeof accordionTriggerVariants>\nexport type AccordionContentVariantProps = VariantProps<typeof accordionContentVariants>\n\n// Combined variant props for the compound component\nexport interface AccordionVariantProps {\n  /** Size of the accordion items */\n  size?: AccordionTriggerVariantProps[\"size\"]\n  /** Visual style variant */\n  variant?: AccordionItemVariantProps[\"variant\"]\n}\n","// Accordion/Accordion.tsx\n\"use client\"\n\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  accordionContentInnerVariants,\n  accordionContentVariants,\n  accordionItemVariants,\n  accordionTriggerVariants,\n  type AccordionVariantProps,\n} from \"./Accordion.variants\"\n\n// ============================================\n// CONTEXT FOR VARIANT PROPAGATION\n// ============================================\n\ntype AccordionContextValue = AccordionVariantProps\n\nconst AccordionContext = React.createContext<AccordionContextValue>({\n  variant: \"default\",\n  size: \"default\",\n})\n\nfunction useAccordionContext() {\n  return React.use(AccordionContext)\n}\n\n// ============================================\n// ACCORDION ROOT\n// ============================================\n\ntype AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root> &\n  AccordionVariantProps\n\n/**\n * Accordion - Collapsible content sections\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible variant=\"default\" size=\"default\">\n *   <AccordionItem value=\"item-1\">\n *     <AccordionTrigger>Section 1</AccordionTrigger>\n *     <AccordionContent>Content for section 1</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nfunction Accordion({\n  variant = \"default\",\n  size = \"default\",\n  className,\n  ...props\n}: AccordionProps) {\n  return (\n    <AccordionContext value={{ variant, size }}>\n      <AccordionPrimitive.Root\n        className={cn(\n          variant === \"separated\" && \"space-y-[var(--accordion-root-gap)]\",\n          className\n        )}\n        data-slot=\"accordion\"\n        {...props}\n      />\n    </AccordionContext>\n  )\n}\n\nAccordion.displayName = \"Accordion\"\n\n// ============================================\n// ACCORDION ITEM\n// ============================================\n\ntype AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  const { variant } = useAccordionContext()\n\n  return (\n    <AccordionPrimitive.Item\n      className={cn(accordionItemVariants({ variant }), className)}\n      data-slot=\"accordion-item\"\n      {...props}\n    />\n  )\n}\n\nAccordionItem.displayName = \"AccordionItem\"\n\n// ============================================\n// ACCORDION TRIGGER\n// ============================================\n\ntype AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger> & {\n  /**\n   * Custom icon to render in place of the default chevron.\n   * When provided, the icon receives the same transition + transform\n   * animations as the default chevron (rotates on expand).\n   *\n   * @example\n   * <AccordionTrigger chevron={<PlusIcon />}>Section 1</AccordionTrigger>\n   */\n  chevron?: React.ReactNode\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  chevron,\n  ...props\n}: AccordionTriggerProps) {\n  const { size } = useAccordionContext()\n\n  const iconClasses = \"text-muted-foreground pointer-events-none size-[var(--accordion-icon-size)] shrink-0 translate-y-0.5 transition-transform duration-[var(--accordion-icon-transition-duration)]\"\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        className={cn(accordionTriggerVariants({ size }), className)}\n        data-slot=\"accordion-trigger\"\n        {...props}\n      >\n        {children}\n        {chevron ? (\n          <span className={iconClasses} data-slot=\"accordion-icon\">\n            {chevron}\n          </span>\n        ) : (\n          <ChevronDown className={iconClasses} data-slot=\"accordion-icon\" />\n        )}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\"\n\n// ============================================\n// ACCORDION CONTENT\n// ============================================\n\ntype AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionContentProps) {\n  const { size } = useAccordionContext()\n\n  return (\n    <AccordionPrimitive.Content\n      className={cn(accordionContentVariants({ size }))}\n      data-slot=\"accordion-content\"\n      {...props}\n    >\n      <div className={cn(accordionContentInnerVariants({ size }), className)}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nAccordionContent.displayName = \"AccordionContent\"\n\n// ============================================\n// EXPORTS\n// ============================================\n\nexport {\n  Accordion,\n  AccordionContent,\n  type AccordionContentProps,\n  AccordionItem,\n  type AccordionItemProps,\n  type AccordionProps,\n  AccordionTrigger,\n  type AccordionTriggerProps,\n}\n"]}

package/dist/chunk-JXEIRIU4.js

@@ -0,0 +1,74 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { MinusIcon, CheckIcon } from 'lucide-react';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var checkboxVariants = cva(
+  [
+    "peer shrink-0 outline-none transition-shadow",
+    "rounded-[var(--checkbox-root-radius)] shadow-[var(--checkbox-root-shadow)]",
+    "border border-[color:var(--checkbox-root-border-default)] bg-[color:var(--checkbox-root-bg-default)] dark:bg-input",
+    "data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=checked]:text-[color:var(--checkbox-indicator-color)]",
+    "data-[state=checked]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)]",
+    "data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=indeterminate]:text-[color:var(--checkbox-indicator-color)]",
+    "data-[state=indeterminate]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)]",
+    "focus-visible:border-[color:var(--checkbox-root-border-focus)] focus-visible:ring-[color:var(--checkbox-root-border-focus)]/50 focus-visible:ring-[3px]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    "disabled:cursor-not-allowed disabled:bg-[color:var(--checkbox-root-bg-disabled)] disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "size-[var(--checkbox-size-sm)]",
+        md: "size-[var(--checkbox-size-md)]",
+        lg: "size-[var(--checkbox-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var checkboxIconVariants = cva(
+  "grid place-content-center text-current transition-none",
+  {
+    variants: {
+      size: {
+        sm: "[&>svg]:size-2.5",
+        md: "[&>svg]:size-3.5",
+        lg: "[&>svg]:size-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function Checkbox({
+  className,
+  size = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      className: cn(checkboxVariants({ size }), className),
+      "data-slot": "checkbox",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          className: checkboxIconVariants({ size }),
+          "data-slot": "checkbox-indicator",
+          children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx(MinusIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {})
+        }
+      )
+    }
+  );
+}
+
+export { Checkbox, checkboxIconVariants, checkboxVariants };
+//# sourceMappingURL=chunk-JXEIRIU4.js.map
+//# sourceMappingURL=chunk-JXEIRIU4.js.map

package/dist/chunk-JXEIRIU4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/Checkbox/Checkbox.variants.ts","../src/components/forms/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;AAEO,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA,IACE,8CAAA;AAAA,IACA,4EAAA;AAAA,IACA,oHAAA;AAAA,IACA,mIAAA;AAAA,IACA,8IAAA;AAAA,IACA,+IAAA;AAAA,IACA,0JAAA;AAAA,IACA,yJAAA;AAAA,IACA,wGAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC,wDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AClCA,SAAS,QAAA,CAAS;AAAA,EAChB,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,uBACE,GAAA;AAAA,IAAmB,iBAAA,CAAA,IAAA;AAAA,IAAlB;AAAA,MACC,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACnD,WAAA,EAAU,UAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAmB,iBAAA,CAAA,SAAA;AAAA,QAAlB;AAAA,UACC,SAAA,EAAW,oBAAA,CAAqB,EAAE,IAAA,EAAM,CAAA;AAAA,UACxC,WAAA,EAAU,oBAAA;AAAA,UAET,gBAAM,OAAA,KAAY,eAAA,uBAChB,SAAA,EAAA,EAAU,CAAA,uBAEV,SAAA,EAAA,EAAU;AAAA;AAAA;AAEf;AAAA,GACF;AAEJ","file":"chunk-JXEIRIU4.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const checkboxVariants = cva(\n  [\n    \"peer shrink-0 outline-none transition-shadow\",\n    \"rounded-[var(--checkbox-root-radius)] shadow-[var(--checkbox-root-shadow)]\",\n    \"border border-[color:var(--checkbox-root-border-default)] bg-[color:var(--checkbox-root-bg-default)] dark:bg-input\",\n    \"data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=checked]:text-[color:var(--checkbox-indicator-color)]\",\n    \"data-[state=checked]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)]\",\n    \"data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=indeterminate]:text-[color:var(--checkbox-indicator-color)]\",\n    \"data-[state=indeterminate]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)]\",\n    \"focus-visible:border-[color:var(--checkbox-root-border-focus)] focus-visible:ring-[color:var(--checkbox-root-border-focus)]/50 focus-visible:ring-[3px]\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    \"disabled:cursor-not-allowed disabled:bg-[color:var(--checkbox-root-bg-disabled)] disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--checkbox-size-sm)]\",\n        md: \"size-[var(--checkbox-size-md)]\",\n        lg: \"size-[var(--checkbox-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const checkboxIconVariants = cva(\n  \"grid place-content-center text-current transition-none\",\n  {\n    variants: {\n      size: {\n        sm: \"[&>svg]:size-2.5\",\n        md: \"[&>svg]:size-3.5\",\n        lg: \"[&>svg]:size-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxVariants>\n","import type { CheckboxProps } from \"./Checkbox.types\"\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { CheckIcon, MinusIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { checkboxIconVariants, checkboxVariants } from \"./Checkbox.variants\"\n\nfunction Checkbox({\n  className,\n  size = \"md\",\n  ...props\n}: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root\n      className={cn(checkboxVariants({ size }), className)}\n      data-slot=\"checkbox\"\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={checkboxIconVariants({ size })}\n        data-slot=\"checkbox-indicator\"\n      >\n        {props.checked === \"indeterminate\" ? (\n          <MinusIcon />\n        ) : (\n          <CheckIcon />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"]}