@karakuri-ui/react 0.2.3 → 0.3.0

package/dist/components/ui/checkbox.js

@@ -0,0 +1,173 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkbox_exports = {};
+__export(checkbox_exports, {
+  Checkbox: () => Checkbox,
+  checkboxVariants: () => checkboxVariants
+});
+module.exports = __toCommonJS(checkbox_exports);
+var React = __toESM(require("react"));
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+var import_field = require("./field");
+const checkboxColorMap = {
+  default: "data-[state=checked]:bg-foreground data-[state=checked]:border-foreground data-[state=checked]:text-background data-[state=indeterminate]:bg-foreground data-[state=indeterminate]:border-foreground data-[state=indeterminate]:text-background",
+  primary: "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground"
+};
+const checkboxVariants = (0, import_class_variance_authority.cva)(
+  [
+    "peer relative shrink-0 border-border-form hover:border-border-form-strong transition-all duration-micro ease-out",
+    "focus-visible:focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    // Transparent hit area expansion via ::after
+    "after:absolute after:content-['']"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "w-3.5 h-3.5 after:-inset-[5px]",
+        // 14px box → 24px click
+        default: "w-4 h-4 after:-inset-2",
+        // 16px box → 32px click
+        lg: "w-5 h-5 after:-inset-2"
+        // 20px box → 36px click
+      },
+      radius: {
+        none: "rounded-none",
+        // 0px — sharp square
+        sm: "rounded-sm",
+        // 2px — default checkbox style
+        md: "rounded"
+        // 4px — softer corners
+      },
+      weight: {
+        thin: "border",
+        // 1px
+        bold: "border-2"
+        // 2px
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      radius: "sm",
+      weight: "bold"
+    }
+  }
+);
+const checkIconSizes = {
+  sm: "w-2.5 h-2.5",
+  // 10px in 14px box
+  default: "w-3 h-3",
+  // 12px in 16px box
+  lg: "icon-xs"
+  // 14px in 20px box
+};
+const labelSizes = {
+  sm: "text-xs",
+  // 12px
+  default: "text-md",
+  // 14px
+  lg: "text-base"
+  // 16px
+};
+const gapSizes = {
+  sm: "gap-1.5",
+  default: "gap-2",
+  lg: "gap-2.5"
+};
+const Checkbox = React.forwardRef(({ className, size, radius, weight, color = "default", label, disabled, id, ...props }, ref) => {
+  const fieldContext = (0, import_field.useFieldContext)();
+  const resolvedSize = size || "default";
+  const resolvedDisabled = disabled ?? fieldContext?.disabled;
+  const generatedId = React.useId();
+  const checkboxId = id ?? fieldContext?.id ?? generatedId;
+  const checkbox = /* @__PURE__ */ React.createElement(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      id: checkboxId,
+      disabled: resolvedDisabled,
+      className: (0, import_utils.cn)(
+        checkboxVariants({ size, radius, weight }),
+        checkboxColorMap[color],
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center animate-checkbox-enter" }, /* @__PURE__ */ React.createElement(CheckIcon, { className: checkIconSizes[resolvedSize] }))
+  );
+  if (!label) return checkbox;
+  return /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)("group flex items-center", gapSizes[resolvedSize]) }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, checkbox), /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      htmlFor: checkboxId,
+      className: (0, import_utils.cn)(
+        labelSizes[resolvedSize],
+        "text-text-muted cursor-pointer select-none transition-colors duration-micro",
+        "group-hover:text-foreground",
+        resolvedDisabled && "opacity-50 cursor-not-allowed"
+      )
+    },
+    label
+  ));
+});
+Checkbox.displayName = "Checkbox";
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className: (0, import_utils.cn)(className, "hidden [[data-state=checked]_&]:block"),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+  ), /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className: (0, import_utils.cn)(className, "hidden [[data-state=indeterminate]_&]:block"),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" })
+  ));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkbox,
+  checkboxVariants
+});
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\nimport { useFieldContext } from './field'\n\n// Color maps for checked/indeterminate state\nconst checkboxColorMap = {\n  default: 'data-[state=checked]:bg-foreground data-[state=checked]:border-foreground data-[state=checked]:text-background data-[state=indeterminate]:bg-foreground data-[state=indeterminate]:border-foreground data-[state=indeterminate]:text-background',\n  primary: 'data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground',\n} as const\n\nexport type CheckboxColor = keyof typeof checkboxColorMap\n\n// Checkbox box variants\nconst checkboxVariants = cva(\n  [\n    'peer relative shrink-0 border-border-form hover:border-border-form-strong transition-all duration-micro ease-out',\n    'focus-visible:focus-ring',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    // Transparent hit area expansion via ::after\n    \"after:absolute after:content-['']\",\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'w-3.5 h-3.5 after:-inset-[5px]',  // 14px box → 24px click\n        default: 'w-4 h-4 after:-inset-2',    // 16px box → 32px click\n        lg: 'w-5 h-5 after:-inset-2',         // 20px box → 36px click\n      },\n      radius: {\n        none: 'rounded-none',  // 0px — sharp square\n        sm: 'rounded-sm',      // 2px — default checkbox style\n        md: 'rounded',         // 4px — softer corners\n      },\n      weight: {\n        thin: 'border',   // 1px\n        bold: 'border-2', // 2px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'sm',\n      weight: 'bold',\n    },\n  }\n)\n\n// Check icon sizes per checkbox size\nconst checkIconSizes = {\n  sm: 'w-2.5 h-2.5',  // 10px in 14px box\n  default: 'w-3 h-3', // 12px in 16px box\n  lg: 'icon-xs',       // 14px in 20px box\n}\n\n// Label font sizes per checkbox size\nconst labelSizes = {\n  sm: 'text-xs',     // 12px\n  default: 'text-md', // 14px\n  lg: 'text-base',   // 16px\n}\n\n// Gap between checkbox and label\nconst gapSizes = {\n  sm: 'gap-1.5',\n  default: 'gap-2',\n  lg: 'gap-2.5',\n}\n\nexport interface CheckboxProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Checked state color */\n  color?: CheckboxColor\n  label?: string\n  radius?: 'none' | 'sm' | 'md'\n}\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, size, radius, weight, color = 'default', label, disabled, id, ...props }, ref) => {\n  const fieldContext = useFieldContext()\n  const resolvedSize = size || 'default'\n  const resolvedDisabled = disabled ?? fieldContext?.disabled\n  const generatedId = React.useId()\n  const checkboxId = id ?? fieldContext?.id ?? generatedId\n\n  const checkbox = (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      id={checkboxId}\n      disabled={resolvedDisabled}\n      className={cn(\n        checkboxVariants({ size, radius, weight }),\n        checkboxColorMap[color],\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator className=\"flex items-center justify-center animate-checkbox-enter\">\n        <CheckIcon className={checkIconSizes[resolvedSize]} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n\n  if (!label) return checkbox\n\n  return (\n    <div className={cn('group flex items-center', gapSizes[resolvedSize])}>\n      <div className=\"flex items-center\">\n        {checkbox}\n      </div>\n      <label\n        htmlFor={checkboxId}\n        className={cn(\n          labelSizes[resolvedSize],\n          'text-text-muted cursor-pointer select-none transition-colors duration-micro',\n          'group-hover:text-foreground',\n          resolvedDisabled && 'opacity-50 cursor-not-allowed'\n        )}\n      >\n        {label}\n      </label>\n    </div>\n  )\n})\nCheckbox.displayName = 'Checkbox'\n\n// Check icon — renders ✓ for checked, — for indeterminate\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <>\n      {/* Check mark (shown when data-state=checked on parent Indicator) */}\n      <svg\n        className={cn(className, 'hidden [[data-state=checked]_&]:block')}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        strokeWidth={3}\n        aria-hidden=\"true\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n      </svg>\n      {/* Dash (shown when data-state=indeterminate on parent Indicator) */}\n      <svg\n        className={cn(className, 'hidden [[data-state=indeterminate]_&]:block')}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        strokeWidth={3}\n        aria-hidden=\"true\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h14\" />\n      </svg>\n    </>\n  )\n}\n\nexport { Checkbox, checkboxVariants }\n"],"mappings":"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","names":[]}

package/dist/components/ui/checkbox.mjs

@@ -0,0 +1,138 @@
+"use client";
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+import { useFieldContext } from "./field";
+const checkboxColorMap = {
+  default: "data-[state=checked]:bg-foreground data-[state=checked]:border-foreground data-[state=checked]:text-background data-[state=indeterminate]:bg-foreground data-[state=indeterminate]:border-foreground data-[state=indeterminate]:text-background",
+  primary: "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground"
+};
+const checkboxVariants = cva(
+  [
+    "peer relative shrink-0 border-border-form hover:border-border-form-strong transition-all duration-micro ease-out",
+    "focus-visible:focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    // Transparent hit area expansion via ::after
+    "after:absolute after:content-['']"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "w-3.5 h-3.5 after:-inset-[5px]",
+        // 14px box → 24px click
+        default: "w-4 h-4 after:-inset-2",
+        // 16px box → 32px click
+        lg: "w-5 h-5 after:-inset-2"
+        // 20px box → 36px click
+      },
+      radius: {
+        none: "rounded-none",
+        // 0px — sharp square
+        sm: "rounded-sm",
+        // 2px — default checkbox style
+        md: "rounded"
+        // 4px — softer corners
+      },
+      weight: {
+        thin: "border",
+        // 1px
+        bold: "border-2"
+        // 2px
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      radius: "sm",
+      weight: "bold"
+    }
+  }
+);
+const checkIconSizes = {
+  sm: "w-2.5 h-2.5",
+  // 10px in 14px box
+  default: "w-3 h-3",
+  // 12px in 16px box
+  lg: "icon-xs"
+  // 14px in 20px box
+};
+const labelSizes = {
+  sm: "text-xs",
+  // 12px
+  default: "text-md",
+  // 14px
+  lg: "text-base"
+  // 16px
+};
+const gapSizes = {
+  sm: "gap-1.5",
+  default: "gap-2",
+  lg: "gap-2.5"
+};
+const Checkbox = React.forwardRef(({ className, size, radius, weight, color = "default", label, disabled, id, ...props }, ref) => {
+  const fieldContext = useFieldContext();
+  const resolvedSize = size || "default";
+  const resolvedDisabled = disabled ?? fieldContext?.disabled;
+  const generatedId = React.useId();
+  const checkboxId = id ?? fieldContext?.id ?? generatedId;
+  const checkbox = /* @__PURE__ */ React.createElement(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      id: checkboxId,
+      disabled: resolvedDisabled,
+      className: cn(
+        checkboxVariants({ size, radius, weight }),
+        checkboxColorMap[color],
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center animate-checkbox-enter" }, /* @__PURE__ */ React.createElement(CheckIcon, { className: checkIconSizes[resolvedSize] }))
+  );
+  if (!label) return checkbox;
+  return /* @__PURE__ */ React.createElement("div", { className: cn("group flex items-center", gapSizes[resolvedSize]) }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, checkbox), /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      htmlFor: checkboxId,
+      className: cn(
+        labelSizes[resolvedSize],
+        "text-text-muted cursor-pointer select-none transition-colors duration-micro",
+        "group-hover:text-foreground",
+        resolvedDisabled && "opacity-50 cursor-not-allowed"
+      )
+    },
+    label
+  ));
+});
+Checkbox.displayName = "Checkbox";
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className: cn(className, "hidden [[data-state=checked]_&]:block"),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+  ), /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className: cn(className, "hidden [[data-state=indeterminate]_&]:block"),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" })
+  ));
+}
+export {
+  Checkbox,
+  checkboxVariants
+};
+//# sourceMappingURL=checkbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\nimport { useFieldContext } from './field'\n\n// Color maps for checked/indeterminate state\nconst checkboxColorMap = {\n  default: 'data-[state=checked]:bg-foreground data-[state=checked]:border-foreground data-[state=checked]:text-background data-[state=indeterminate]:bg-foreground data-[state=indeterminate]:border-foreground data-[state=indeterminate]:text-background',\n  primary: 'data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground',\n} as const\n\nexport type CheckboxColor = keyof typeof checkboxColorMap\n\n// Checkbox box variants\nconst checkboxVariants = cva(\n  [\n    'peer relative shrink-0 border-border-form hover:border-border-form-strong transition-all duration-micro ease-out',\n    'focus-visible:focus-ring',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    // Transparent hit area expansion via ::after\n    \"after:absolute after:content-['']\",\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'w-3.5 h-3.5 after:-inset-[5px]',  // 14px box → 24px click\n        default: 'w-4 h-4 after:-inset-2',    // 16px box → 32px click\n        lg: 'w-5 h-5 after:-inset-2',         // 20px box → 36px click\n      },\n      radius: {\n        none: 'rounded-none',  // 0px — sharp square\n        sm: 'rounded-sm',      // 2px — default checkbox style\n        md: 'rounded',         // 4px — softer corners\n      },\n      weight: {\n        thin: 'border',   // 1px\n        bold: 'border-2', // 2px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'sm',\n      weight: 'bold',\n    },\n  }\n)\n\n// Check icon sizes per checkbox size\nconst checkIconSizes = {\n  sm: 'w-2.5 h-2.5',  // 10px in 14px box\n  default: 'w-3 h-3', // 12px in 16px box\n  lg: 'icon-xs',       // 14px in 20px box\n}\n\n// Label font sizes per checkbox size\nconst labelSizes = {\n  sm: 'text-xs',     // 12px\n  default: 'text-md', // 14px\n  lg: 'text-base',   // 16px\n}\n\n// Gap between checkbox and label\nconst gapSizes = {\n  sm: 'gap-1.5',\n  default: 'gap-2',\n  lg: 'gap-2.5',\n}\n\nexport interface CheckboxProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Checked state color */\n  color?: CheckboxColor\n  label?: string\n  radius?: 'none' | 'sm' | 'md'\n}\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, size, radius, weight, color = 'default', label, disabled, id, ...props }, ref) => {\n  const fieldContext = useFieldContext()\n  const resolvedSize = size || 'default'\n  const resolvedDisabled = disabled ?? fieldContext?.disabled\n  const generatedId = React.useId()\n  const checkboxId = id ?? fieldContext?.id ?? generatedId\n\n  const checkbox = (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      id={checkboxId}\n      disabled={resolvedDisabled}\n      className={cn(\n        checkboxVariants({ size, radius, weight }),\n        checkboxColorMap[color],\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator className=\"flex items-center justify-center animate-checkbox-enter\">\n        <CheckIcon className={checkIconSizes[resolvedSize]} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n\n  if (!label) return checkbox\n\n  return (\n    <div className={cn('group flex items-center', gapSizes[resolvedSize])}>\n      <div className=\"flex items-center\">\n        {checkbox}\n      </div>\n      <label\n        htmlFor={checkboxId}\n        className={cn(\n          labelSizes[resolvedSize],\n          'text-text-muted cursor-pointer select-none transition-colors duration-micro',\n          'group-hover:text-foreground',\n          resolvedDisabled && 'opacity-50 cursor-not-allowed'\n        )}\n      >\n        {label}\n      </label>\n    </div>\n  )\n})\nCheckbox.displayName = 'Checkbox'\n\n// Check icon — renders ✓ for checked, — for indeterminate\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <>\n      {/* Check mark (shown when data-state=checked on parent Indicator) */}\n      <svg\n        className={cn(className, 'hidden [[data-state=checked]_&]:block')}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        strokeWidth={3}\n        aria-hidden=\"true\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n      </svg>\n      {/* Dash (shown when data-state=indeterminate on parent Indicator) */}\n      <svg\n        className={cn(className, 'hidden [[data-state=indeterminate]_&]:block')}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        strokeWidth={3}\n        aria-hidden=\"true\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h14\" />\n      </svg>\n    </>\n  )\n}\n\nexport { Checkbox, checkboxVariants }\n"],"mappings":"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","names":[]}

package/dist/components/ui/divider.d.mts

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+declare const dividerVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    variant?: "solid" | "dashed" | "dotted" | null | undefined;
+    color?: "default" | "strong" | "muted" | null | undefined;
+    spacing?: "default" | "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface DividerProps extends Omit<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'children' | 'color' | 'orientation'> {
+    /** Direction of the divider */
+    orientation?: 'horizontal' | 'vertical';
+    /** Line style */
+    variant?: 'solid' | 'dashed' | 'dotted';
+    /** Line color intensity */
+    color?: 'default' | 'muted' | 'strong';
+    /** Spacing around the divider */
+    spacing?: 'sm' | 'md' | 'default' | 'lg';
+    /** Content to display on the divider line (horizontal only) */
+    label?: React.ReactNode;
+    /** Label position along the line */
+    labelPosition?: 'left' | 'center' | 'right';
+}
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Divider, type DividerProps, dividerVariants };

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

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+declare const dividerVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    variant?: "solid" | "dashed" | "dotted" | null | undefined;
+    color?: "default" | "strong" | "muted" | null | undefined;
+    spacing?: "default" | "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface DividerProps extends Omit<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'children' | 'color' | 'orientation'> {
+    /** Direction of the divider */
+    orientation?: 'horizontal' | 'vertical';
+    /** Line style */
+    variant?: 'solid' | 'dashed' | 'dotted';
+    /** Line color intensity */
+    color?: 'default' | 'muted' | 'strong';
+    /** Spacing around the divider */
+    spacing?: 'sm' | 'md' | 'default' | 'lg';
+    /** Content to display on the divider line (horizontal only) */
+    label?: React.ReactNode;
+    /** Label position along the line */
+    labelPosition?: 'left' | 'center' | 'right';
+}
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Divider, type DividerProps, dividerVariants };

package/dist/components/ui/divider.js

@@ -0,0 +1,147 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var divider_exports = {};
+__export(divider_exports, {
+  Divider: () => Divider,
+  dividerVariants: () => dividerVariants
+});
+module.exports = __toCommonJS(divider_exports);
+var React = __toESM(require("react"));
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+const dividerVariants = (0, import_class_variance_authority.cva)("shrink-0", {
+  variants: {
+    orientation: {
+      horizontal: "w-full",
+      vertical: "h-full self-stretch"
+    },
+    variant: {
+      solid: "border-solid",
+      dashed: "border-dashed",
+      dotted: "border-dotted"
+    },
+    color: {
+      default: "border-border-subtle",
+      muted: "border-border-subtle",
+      strong: "border-border-strong"
+    },
+    spacing: {
+      sm: "",
+      md: "",
+      default: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    // Horizontal spacing
+    { orientation: "horizontal", spacing: "sm", className: "my-2" },
+    { orientation: "horizontal", spacing: "md", className: "my-3" },
+    { orientation: "horizontal", spacing: "default", className: "my-4" },
+    { orientation: "horizontal", spacing: "lg", className: "my-8" },
+    // Vertical spacing
+    { orientation: "vertical", spacing: "sm", className: "mx-2" },
+    { orientation: "vertical", spacing: "md", className: "mx-3" },
+    { orientation: "vertical", spacing: "default", className: "mx-4" },
+    { orientation: "vertical", spacing: "lg", className: "mx-8" },
+    // Horizontal line style (border-top)
+    { orientation: "horizontal", className: "border-t border-l-0" },
+    // Vertical line style (border-left)
+    { orientation: "vertical", className: "border-l border-t-0" }
+  ],
+  defaultVariants: {
+    orientation: "horizontal",
+    variant: "solid",
+    color: "default",
+    spacing: "default"
+  }
+});
+const Divider = React.forwardRef(({
+  className,
+  orientation = "horizontal",
+  variant = "solid",
+  color = "default",
+  spacing = "default",
+  label,
+  labelPosition = "center",
+  decorative = true,
+  ...props
+}, ref) => {
+  const lineClass = (0, import_utils.cn)(
+    "flex-1",
+    variant === "dashed" ? "border-dashed" : variant === "dotted" ? "border-dotted" : "border-solid",
+    color === "muted" ? "border-border-subtle" : color === "strong" ? "border-border-strong" : "border-border-subtle",
+    "border-t"
+  );
+  const spacingClass = spacing === "sm" ? "my-2" : spacing === "md" ? "my-3" : spacing === "lg" ? "my-8" : "my-4";
+  if (label && orientation === "horizontal") {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        role: decorative ? "none" : "separator",
+        "aria-orientation": "horizontal",
+        className: (0, import_utils.cn)(
+          "flex items-center w-full",
+          spacingClass,
+          className
+        )
+      },
+      /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)(
+        lineClass,
+        labelPosition === "left" ? "max-w-[10%]" : ""
+      ) }),
+      /* @__PURE__ */ React.createElement("span", { className: "px-3 text-sm text-text-muted shrink-0 select-none" }, label),
+      /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)(
+        lineClass,
+        labelPosition === "right" ? "max-w-[10%]" : ""
+      ) })
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: (0, import_utils.cn)(
+        dividerVariants({ orientation, variant, color, spacing }),
+        className
+      ),
+      ...props
+    }
+  );
+});
+Divider.displayName = "Divider";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Divider,
+  dividerVariants
+});
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/divider.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Divider ─────────────────────────────────────────────────\n\nconst dividerVariants = cva('shrink-0', {\n  variants: {\n    orientation: {\n      horizontal: 'w-full',\n      vertical: 'h-full self-stretch',\n    },\n    variant: {\n      solid: 'border-solid',\n      dashed: 'border-dashed',\n      dotted: 'border-dotted',\n    },\n    color: {\n      default: 'border-border-subtle',\n      muted: 'border-border-subtle',\n      strong: 'border-border-strong',\n    },\n    spacing: {\n      sm: '',\n      md: '',\n      default: '',\n      lg: '',\n    },\n  },\n  compoundVariants: [\n    // Horizontal spacing\n    { orientation: 'horizontal', spacing: 'sm', className: 'my-2' },\n    { orientation: 'horizontal', spacing: 'md', className: 'my-3' },\n    { orientation: 'horizontal', spacing: 'default', className: 'my-4' },\n    { orientation: 'horizontal', spacing: 'lg', className: 'my-8' },\n    // Vertical spacing\n    { orientation: 'vertical', spacing: 'sm', className: 'mx-2' },\n    { orientation: 'vertical', spacing: 'md', className: 'mx-3' },\n    { orientation: 'vertical', spacing: 'default', className: 'mx-4' },\n    { orientation: 'vertical', spacing: 'lg', className: 'mx-8' },\n    // Horizontal line style (border-top)\n    { orientation: 'horizontal', className: 'border-t border-l-0' },\n    // Vertical line style (border-left)\n    { orientation: 'vertical', className: 'border-l border-t-0' },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'solid',\n    color: 'default',\n    spacing: 'default',\n  },\n})\n\nexport interface DividerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'children' | 'color' | 'orientation'> {\n  /** Direction of the divider */\n  orientation?: 'horizontal' | 'vertical'\n  /** Line style */\n  variant?: 'solid' | 'dashed' | 'dotted'\n  /** Line color intensity */\n  color?: 'default' | 'muted' | 'strong'\n  /** Spacing around the divider */\n  spacing?: 'sm' | 'md' | 'default' | 'lg'\n  /** Content to display on the divider line (horizontal only) */\n  label?: React.ReactNode\n  /** Label position along the line */\n  labelPosition?: 'left' | 'center' | 'right'\n}\n\nconst Divider = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  DividerProps\n>(({\n  className,\n  orientation = 'horizontal',\n  variant = 'solid',\n  color = 'default',\n  spacing = 'default',\n  label,\n  labelPosition = 'center',\n  decorative = true,\n  ...props\n}, ref) => {\n  // Line style class for label mode\n  const lineClass = cn(\n    'flex-1',\n    variant === 'dashed' ? 'border-dashed' : variant === 'dotted' ? 'border-dotted' : 'border-solid',\n    color === 'muted' ? 'border-border-subtle' : color === 'strong' ? 'border-border-strong' : 'border-border-subtle',\n    'border-t'\n  )\n\n  // Spacing class for label wrapper\n  const spacingClass =\n    spacing === 'sm' ? 'my-2'\n    : spacing === 'md' ? 'my-3'\n    : spacing === 'lg' ? 'my-8'\n    : 'my-4'\n\n  // Horizontal with label: render as flex container with two lines\n  if (label && orientation === 'horizontal') {\n    return (\n      <div\n        role={decorative ? 'none' : 'separator'}\n        aria-orientation=\"horizontal\"\n        className={cn(\n          'flex items-center w-full',\n          spacingClass,\n          className\n        )}\n      >\n        <div className={cn(\n          lineClass,\n          labelPosition === 'left' ? 'max-w-[10%]' : ''\n        )} />\n        <span className=\"px-3 text-sm text-text-muted shrink-0 select-none\">{label}</span>\n        <div className={cn(\n          lineClass,\n          labelPosition === 'right' ? 'max-w-[10%]' : ''\n        )} />\n      </div>\n    )\n  }\n\n  // Default: Radix Separator\n  return (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        dividerVariants({ orientation, variant, color, spacing }),\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDivider.displayName = 'Divider'\n\n// ─── Exports ─────────────────────────────────────────────────\n\nexport { Divider, dividerVariants }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,yBAAoC;AACpC,sCAAuC;AACvC,mBAAmB;AAInB,MAAM,sBAAkB,qCAAI,YAAY;AAAA,EACtC,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB,EAAE,aAAa,cAAc,SAAS,MAAM,WAAW,OAAO;AAAA,IAC9D,EAAE,aAAa,cAAc,SAAS,MAAM,WAAW,OAAO;AAAA,IAC9D,EAAE,aAAa,cAAc,SAAS,WAAW,WAAW,OAAO;AAAA,IACnE,EAAE,aAAa,cAAc,SAAS,MAAM,WAAW,OAAO;AAAA;AAAA,IAE9D,EAAE,aAAa,YAAY,SAAS,MAAM,WAAW,OAAO;AAAA,IAC5D,EAAE,aAAa,YAAY,SAAS,MAAM,WAAW,OAAO;AAAA,IAC5D,EAAE,aAAa,YAAY,SAAS,WAAW,WAAW,OAAO;AAAA,IACjE,EAAE,aAAa,YAAY,SAAS,MAAM,WAAW,OAAO;AAAA;AAAA,IAE5D,EAAE,aAAa,cAAc,WAAW,sBAAsB;AAAA;AAAA,IAE9D,EAAE,aAAa,YAAY,WAAW,sBAAsB;AAAA,EAC9D;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AACF,CAAC;AAkBD,MAAM,UAAU,MAAM,WAGpB,CAAC;AAAA,EACD;AAAA,EACA,cAAc;AAAA,EACd,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,GAAG;AACL,GAAG,QAAQ;AAET,QAAM,gBAAY;AAAA,IAChB;AAAA,IACA,YAAY,WAAW,kBAAkB,YAAY,WAAW,kBAAkB;AAAA,IAClF,UAAU,UAAU,yBAAyB,UAAU,WAAW,yBAAyB;AAAA,IAC3F;AAAA,EACF;AAGA,QAAM,eACJ,YAAY,OAAO,SACjB,YAAY,OAAO,SACnB,YAAY,OAAO,SACnB;AAGJ,MAAI,SAAS,gBAAgB,cAAc;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,aAAa,SAAS;AAAA,QAC5B,oBAAiB;AAAA,QACjB,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA;AAAA,MAEA,oCAAC,SAAI,eAAW;AAAA,QACd;AAAA,QACA,kBAAkB,SAAS,gBAAgB;AAAA,MAC7C,GAAG;AAAA,MACH,oCAAC,UAAK,WAAU,uDAAqD,KAAM;AAAA,MAC3E,oCAAC,SAAI,eAAW;AAAA,QACd;AAAA,QACA,kBAAkB,UAAU,gBAAgB;AAAA,MAC9C,GAAG;AAAA,IACL;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAW;AAAA,QACT,gBAAgB,EAAE,aAAa,SAAS,OAAO,QAAQ,CAAC;AAAA,QACxD;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,QAAQ,cAAc;","names":[]}