@godxjp/ui 13.9.3 → 13.11.0

package/dist/components/data-entry/calendar.js

@@ -1,6 +1,96 @@
-export { Calendar } from '../../chunk-NU2SOVTU.js';
-import '../../chunk-XBFUROAY.js';
-import '../../chunk-B4K4BXEF.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { cn } from "../../lib/utils";
+import { controlIconSmClass } from "../../lib/control-styles";
+import { buttonVariants } from "../general/button";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  const rangeDefaults = props.mode === "range" ? { resetOnSelect: props.resetOnSelect ?? true } : null;
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("relative w-fit p-3", className),
+      classNames: {
+        months: cn("flex flex-col gap-4 sm:flex-row", classNames?.months),
+        month: cn("relative flex flex-col gap-4", classNames?.month),
+        month_caption: cn(
+          "flex h-[length:var(--control-height)] w-full items-center justify-center px-8",
+          classNames?.month_caption
+        ),
+        caption_label: cn("text-sm font-medium", classNames?.caption_label),
+        // z-10 is load-bearing: `month` below is position:relative and later in the DOM, so
+        // without a z-index it paints OVER these buttons — they render but never receive the
+        // click (the month caption swallows it) and the calendar looks frozen.
+        nav: cn(
+          "absolute inset-x-0 top-3 z-10 flex items-center justify-between px-1",
+          classNames?.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: "outline" }),
+          controlIconSmClass,
+          "bg-transparent p-0 opacity-70 hover:opacity-100",
+          classNames?.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          controlIconSmClass,
+          "bg-transparent p-0 opacity-70 hover:opacity-100",
+          classNames?.button_next
+        ),
+        month_grid: cn("mt-4 w-full border-collapse", classNames?.month_grid),
+        weekdays: cn("flex", classNames?.weekdays),
+        weekday: cn(
+          "w-[length:var(--control-height)] rounded-md text-xs font-normal text-muted-foreground",
+          classNames?.weekday
+        ),
+        week: cn("mt-2 flex w-full", classNames?.week),
+        day: cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20",
+          "[&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50",
+          "[&:has([aria-selected].day-range-end)]:rounded-e-md",
+          classNames?.day
+        ),
+        day_button: cn(
+          buttonVariants({ variant: "ghost" }),
+          "size-[length:var(--control-height)] p-0 font-normal aria-selected:opacity-100",
+          classNames?.day_button
+        ),
+        range_start: cn("day-range-start rounded-s-md", classNames?.range_start),
+        range_end: cn("day-range-end rounded-e-md", classNames?.range_end),
+        range_middle: cn(
+          "aria-selected:bg-accent aria-selected:text-accent-foreground",
+          classNames?.range_middle
+        ),
+        selected: cn(
+          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+          classNames?.selected
+        ),
+        today: cn("bg-accent text-accent-foreground", classNames?.today),
+        outside: cn(
+          "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+          classNames?.outside
+        ),
+        disabled: cn("text-muted-foreground opacity-50", classNames?.disabled),
+        hidden: cn("invisible", classNames?.hidden),
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation, className: chevronClassName }) => {
+          const Icon = orientation === "left" ? ChevronLeft : ChevronRight;
+          return /* @__PURE__ */ jsx(Icon, { className: cn("size-4", chevronClassName), "aria-hidden": "true" });
+        }
+      },
+      ...props,
+      ...rangeDefaults
+    }
+  );
+}
+export {
+  Calendar
+};

package/dist/components/data-entry/cascader.d.ts

@@ -1,35 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as CascaderProp } from '../../data-entry.prop-BSUaseKh.js';
-import * as React from 'react';
-import '@radix-ui/react-checkbox';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-slider';
-import '@radix-ui/react-switch';
-import 'react-day-picker';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../content.prop-DrV_zDy-.js';
-import '../../layout.prop-CXvl2rVR.js';
-import '../../interaction.prop-DD46aTro.js';
-import '../../data.prop-D0UEEczj.js';
-import '../../layout.prop-fCz-Vlie.js';
-import '../../navigation.prop-CXDaVNaR.js';
-
-/** Normalized tree node — Ant Design `treeData` / Cascader `options`. */
-type TreeOption = {
-    value: string;
-    label: React.ReactNode;
-    disabled?: boolean;
-    disableCheckbox?: boolean;
-    /** When false with `loadData`, shows expand affordance */
-    isLeaf?: boolean;
-    children?: TreeOption[];
-};
-type TreeFieldNames = {
-    label?: string;
-    value?: string;
-    children?: string;
-};
-
-declare function Cascader({ options: optionsProp, value, defaultValue, onValueChange, multiple, changeOnSelect, showSearch, placeholder, disabled, className, id, expandTrigger, fieldNames, allowClear, }: CascaderProp): react_jsx_runtime.JSX.Element;
-
-export { Cascader, CascaderProp, CascaderProp as CascaderProps, type TreeFieldNames, type TreeOption };
+import type { CascaderProp } from "../../props/components/data-entry.prop";
+export type { CascaderProp, CascaderProp as CascaderProps, } from "../../props/components/data-entry.prop";
+export type { TreeOption, TreeFieldNames } from "./tree-utils";
+export declare function Cascader({ options: optionsProp, value, defaultValue, onValueChange, multiple, changeOnSelect, showSearch, placeholder, disabled, className, id, expandTrigger, fieldNames, allowClear, }: CascaderProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-entry/cascader.js

@@ -1,10 +1,327 @@
-export { Cascader } from '../../chunk-FQGGF7GQ.js';
-import '../../chunk-SMLKNECP.js';
-import '../../chunk-2RGPEFAW.js';
-import '../../chunk-XBFUROAY.js';
-import '../../chunk-DY5C44UP.js';
-import '../../chunk-J2DEWIYY.js';
-import '../../chunk-B4K4BXEF.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, ChevronRight, ChevronsUpDown, Minus, X } from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+import { controlOpenRingClass } from "../../lib/control-styles";
+import { Button } from "../general/button";
+import { Popover, PopoverContent, PopoverTrigger } from "../data-display/popover";
+import { ScrollArea, ScrollBar } from "../data-display/scroll-area";
+import { Command, CommandInput } from "./command";
+import {
+  filterTreeOptions,
+  formatPathLabels,
+  getNodeByPath,
+  normalizeTreeOptions,
+  pathKey,
+  pathsEqual
+} from "./tree-utils";
+function pathInValues(path, values) {
+  return values.some((v) => pathsEqual(v, path));
+}
+function togglePath(values, path) {
+  if (pathInValues(path, values)) return values.filter((v) => !pathsEqual(v, path));
+  return [...values, path];
+}
+function CheckboxVisual({
+  checked,
+  indeterminate,
+  disabled,
+  className
+}) {
+  const state = indeterminate ? "indeterminate" : checked ? "checked" : "unchecked";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "checkbox",
+      "data-state": state,
+      className: cn(
+        "ui-checkbox inline-flex items-center justify-center",
+        // The shared CSS fills the box for [data-state=checked]; mirror that fill for the
+        // indeterminate ("some children selected") state so a partial parent reads as partial.
+        "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      children: indeterminate ? /* @__PURE__ */ jsx(Minus, { className: "ui-checkbox-icon", "aria-hidden": "true" }) : checked ? /* @__PURE__ */ jsx(Check, { className: "ui-checkbox-icon", "aria-hidden": "true" }) : null
+    }
+  );
+}
+function aggregateCheckState(node, path, values) {
+  let total = 0;
+  let selected = 0;
+  const walk = (n, p) => {
+    const isLeaf = (n.children?.length ?? 0) === 0 || n.isLeaf === true;
+    if (isLeaf) {
+      if (n.disabled || n.disableCheckbox) return;
+      total += 1;
+      if (pathInValues(p, values)) selected += 1;
+      return;
+    }
+    for (const child of n.children) walk(child, [...p, child.value]);
+  };
+  for (const child of node.children ?? []) walk(child, [...path, child.value]);
+  if (total === 0 || selected === 0) return "none";
+  return selected === total ? "checked" : "indeterminate";
+}
+function Cascader({
+  options: optionsProp,
+  value,
+  defaultValue,
+  onValueChange,
+  multiple,
+  changeOnSelect,
+  showSearch,
+  placeholder,
+  disabled,
+  className,
+  id,
+  expandTrigger = "click",
+  fieldNames,
+  allowClear = true
+}) {
+  const { t } = useTranslation();
+  const options = React.useMemo(
+    () => normalizeTreeOptions(optionsProp, fieldNames),
+    [optionsProp, fieldNames]
+  );
+  const [open, setOpen] = React.useState(false);
+  const [activePath, setActivePath] = React.useState([]);
+  const [search, setSearch] = React.useState("");
+  const isControlledSingle = !multiple && value !== void 0;
+  const isControlledMulti = multiple && value !== void 0;
+  const [internalSingle, setInternalSingle] = React.useState(
+    multiple ? [] : defaultValue ?? []
+  );
+  const [internalMulti, setInternalMulti] = React.useState(
+    defaultValue ?? []
+  );
+  const singleValue = isControlledSingle ? value : internalSingle;
+  const multiValue = isControlledMulti ? value : internalMulti;
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.cascader.placeholder");
+  const displayLabel = React.useMemo(() => {
+    if (multiple) {
+      if (!multiValue.length) return null;
+      return multiValue.map((path) => formatPathLabels(getNodeByPath(options, path))).join(", ");
+    }
+    if (!singleValue.length) return null;
+    return formatPathLabels(getNodeByPath(options, singleValue));
+  }, [multiple, multiValue, singleValue, options]);
+  const setSingleValue = (path) => {
+    if (!isControlledSingle) setInternalSingle(path);
+    onValueChange?.(path, getNodeByPath(options, path));
+  };
+  const commitSingle = (path) => {
+    setSingleValue(path);
+    setOpen(false);
+    setActivePath([]);
+    setSearch("");
+  };
+  const commitMulti = (paths) => {
+    if (!isControlledMulti) setInternalMulti(paths);
+    onValueChange?.(
+      paths,
+      paths.map((p) => getNodeByPath(options, p))
+    );
+  };
+  const columns = React.useMemo(() => {
+    const cols = [options];
+    for (const segment of activePath) {
+      const col = cols.at(-1);
+      const node = col?.find((n) => n.value === segment);
+      if (node?.children?.length) cols.push(node.children);
+      else break;
+    }
+    return cols;
+  }, [options, activePath]);
+  const handleSelectNode = (node, path) => {
+    const hasChildren = (node.children?.length ?? 0) > 0 && node.isLeaf !== true;
+    if (multiple) {
+      if (hasChildren && !changeOnSelect) setActivePath(path);
+      else if (!node.disableCheckbox) commitMulti(togglePath(multiValue, path));
+      return;
+    }
+    if (hasChildren) {
+      if (changeOnSelect) setSingleValue(path);
+      setActivePath(path);
+      return;
+    }
+    commitSingle(path);
+  };
+  const isSearching = showSearch && search.trim().length > 0;
+  const searchResults = React.useMemo(
+    () => isSearching ? filterTreeOptions(options, search) : [],
+    [options, search, isSearching]
+  );
+  const handleOpenChange = (next) => {
+    setOpen(next);
+    if (next) {
+      setActivePath(multiple ? [] : singleValue);
+    } else {
+      setSearch("");
+      setActivePath([]);
+    }
+  };
+  const clearValue = (e) => {
+    e.stopPropagation();
+    if (multiple) commitMulti([]);
+    else commitSingle([]);
+  };
+  const renderCascadeColumns = () => /* @__PURE__ */ jsxs(ScrollArea, { className: "w-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex max-h-[min(280px,50vh)]", children: columns.map((col, colIndex) => /* @__PURE__ */ jsx(
+      "ul",
+      {
+        role: "listbox",
+        "aria-orientation": "vertical",
+        "aria-multiselectable": multiple ? true : void 0,
+        className: "min-w-[9rem] border-e last:border-e-0",
+        children: col.map((node) => {
+          const path = [...activePath.slice(0, colIndex), node.value];
+          const hasChildren = (node.children?.length ?? 0) > 0 && node.isLeaf !== true;
+          const active = activePath[colIndex] === node.value;
+          const selected = multiple ? pathInValues(path, multiValue) : pathsEqual(path, singleValue);
+          const aggregate = multiple && hasChildren ? aggregateCheckState(node, path, multiValue) : void 0;
+          return /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": selected,
+              "aria-haspopup": hasChildren ? "menu" : void 0,
+              "aria-expanded": hasChildren ? active : void 0,
+              disabled: node.disabled,
+              className: cn(
+                "flex w-full items-center gap-1 px-3 py-2 text-sm outline-none",
+                "hover:bg-accent hover:text-accent-foreground",
+                active && "bg-accent/70 font-medium",
+                node.disabled && "pointer-events-none opacity-50"
+              ),
+              onMouseEnter: (
+                // Hover-expand: a parent opens its children column; a leaf collapses any
+                // deeper column but keeps its own. Never collapse on the column's mouseleave
+                // — moving the pointer toward the next column would strand the deeper levels
+                // and make a depth-3 leaf unreachable.
+                expandTrigger === "hover" && !node.disabled ? () => setActivePath(hasChildren ? path : path.slice(0, -1)) : void 0
+              ),
+              onClick: () => !node.disabled && handleSelectNode(node, path),
+              children: [
+                multiple && /* @__PURE__ */ jsx(
+                  CheckboxVisual,
+                  {
+                    checked: aggregate ? aggregate === "checked" : selected,
+                    indeterminate: aggregate === "indeterminate",
+                    disabled: node.disabled || node.disableCheckbox,
+                    className: "me-1"
+                  }
+                ),
+                !multiple && selected && /* @__PURE__ */ jsx(Check, { className: "me-1 size-4 shrink-0", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-start", children: node.label }),
+                hasChildren && /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" })
+              ]
+            }
+          ) }, node.value);
+        })
+      },
+      colIndex
+    )) }),
+    /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" })
+  ] });
+  const showClear = allowClear && displayLabel && !disabled;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          id,
+          type: "button",
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          disabled,
+          className: cn(
+            "w-full justify-start font-normal",
+            controlOpenRingClass,
+            // Reserve trailing room for the clear + chevron overlay rendered below.
+            showClear ? "pe-14" : "pe-9",
+            !displayLabel && "text-muted-foreground"
+          ),
+          children: /* @__PURE__ */ jsx("span", { className: "truncate", children: displayLabel ?? resolvedPlaceholder })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        PopoverContent,
+        {
+          className: "w-auto min-w-[var(--radix-popover-trigger-width)] p-0",
+          align: "start",
+          children: [
+            showSearch && /* @__PURE__ */ jsx("div", { className: "border-b p-2", children: /* @__PURE__ */ jsx(Command, { shouldFilter: false, children: /* @__PURE__ */ jsx(
+              CommandInput,
+              {
+                placeholder: t("dataEntry.cascader.searchPlaceholder"),
+                value: search,
+                onValueChange: setSearch
+              }
+            ) }) }),
+            isSearching ? /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[min(300px,50vh)]", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "p-1",
+                role: "listbox",
+                "aria-multiselectable": multiple ? true : void 0,
+                children: searchResults.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground py-6 text-center text-sm", children: t("dataEntry.cascader.empty") }) : searchResults.map(({ path, labels }) => {
+                  const label = labels.join(" / ");
+                  const selected = multiple ? pathInValues(path, multiValue) : pathsEqual(path, singleValue);
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      role: "option",
+                      "aria-selected": selected,
+                      className: cn(
+                        "flex w-full items-center rounded-sm px-2 py-1.5 text-sm outline-none",
+                        "hover:bg-accent hover:text-accent-foreground",
+                        selected && "bg-accent/60"
+                      ),
+                      onClick: () => handleSelectNode({ value: path.at(-1), label }, path),
+                      children: [
+                        multiple ? /* @__PURE__ */ jsx(CheckboxVisual, { checked: selected, className: "me-2" }) : /* @__PURE__ */ jsx(
+                          Check,
+                          {
+                            className: cn(
+                              "me-2 size-4 shrink-0",
+                              selected ? "opacity-100" : "opacity-0"
+                            ),
+                            "aria-hidden": "true"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "truncate text-start", children: label })
+                      ]
+                    },
+                    pathKey(path)
+                  );
+                })
+              }
+            ) }) : renderCascadeColumns()
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-y-0 end-3 flex items-center gap-1", children: [
+      showClear && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": t("dataEntry.cascader.clear"),
+          className: "pointer-events-auto flex size-4 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100",
+          onClick: clearValue,
+          children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+        }
+      ),
+      /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" })
+    ] })
+  ] });
+}
+export {
+  Cascader
+};

package/dist/components/data-entry/checkbox-group.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxGroupProp } from "../../props/components/data-entry.prop";
+export type { CheckboxGroupProp, CheckboxGroupProp as CheckboxGroupProps, } from "../../props/components/data-entry.prop";
+export declare function CheckboxGroup({ value: controlledValue, defaultValue, onValueChange, options, orientation, disabled, name, className, children, }: CheckboxGroupProp): import("react/jsx-runtime").JSX.Element;

package/dist/{chunk-BE6GJGKJ.js → components/data-entry/checkbox-group.js}

@@ -1,10 +1,9 @@
-import { Field, choiceGroupClassName } from './chunk-44YRPSZ7.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { Check } from 'lucide-react';
-import { jsx } from 'react/jsx-runtime';
-
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Checkbox } from "./checkbox";
+import { Field } from "./field";
+import { choiceGroupClassName } from "./choice-option";
 function useControllableArray(controlled, defaultValue) {
   const [internal, setInternal] = React.useState(defaultValue);
   const value = controlled ?? internal;
@@ -72,22 +71,6 @@ function CheckboxGroup({
     }
   );
 }
-var CheckboxRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    "data-slot": "checkbox",
-    className: cn(
-      "peer ui-checkbox focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground shrink-0 shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "ui-choice-indicator", children: /* @__PURE__ */ jsx(Check, { className: "ui-checkbox-icon", "aria-hidden": "true" }) })
-  }
-));
-CheckboxRoot.displayName = CheckboxPrimitive.Root.displayName;
-var Checkbox = Object.assign(CheckboxRoot, {
-  Group: CheckboxGroup
-});
-
-export { Checkbox, CheckboxGroup };
+export {
+  CheckboxGroup
+};

package/dist/components/data-entry/checkbox.d.ts

@@ -1,16 +1,7 @@
-import 'react';
-import '@radix-ui/react-checkbox';
-export { C as Checkbox } from '../../checkbox-bBfLARyF.js';
-import 'react/jsx-runtime';
-import '../../data-entry.prop-BSUaseKh.js';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-slider';
-import '@radix-ui/react-switch';
-import 'react-day-picker';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../content.prop-DrV_zDy-.js';
-import '../../layout.prop-CXvl2rVR.js';
-import '../../interaction.prop-DD46aTro.js';
-import '../../data.prop-D0UEEczj.js';
-import '../../layout.prop-fCz-Vlie.js';
-import '../../navigation.prop-CXDaVNaR.js';
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckboxGroup } from "./checkbox-group";
+/** Checkbox — dùng standalone hoặc `Checkbox.Group` với `options` (Ant Design style). */
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>> & {
+    Group: typeof CheckboxGroup;
+};

package/dist/components/data-entry/checkbox.js

@@ -1,4 +1,26 @@
-export { Checkbox } from '../../chunk-BE6GJGKJ.js';
-import '../../chunk-44YRPSZ7.js';
-import '../../chunk-7PWBC4BY.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { CheckboxGroup } from "./checkbox-group";
+const CheckboxRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    "data-slot": "checkbox",
+    className: cn(
+      "peer ui-checkbox focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground shrink-0 shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "ui-choice-indicator", children: /* @__PURE__ */ jsx(Check, { className: "ui-checkbox-icon", "aria-hidden": "true" }) })
+  }
+));
+CheckboxRoot.displayName = CheckboxPrimitive.Root.displayName;
+const Checkbox = Object.assign(CheckboxRoot, {
+  Group: CheckboxGroup
+});
+export {
+  Checkbox
+};

package/dist/components/data-entry/choice-option.d.ts

@@ -0,0 +1,10 @@
+import type * as React from "react";
+/** Shared option shape — Ant Design `CheckboxOptionType` / `Radio` options. */
+export type ChoiceOption = {
+    label: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+    description?: React.ReactNode;
+};
+export type ChoiceOrientation = "horizontal" | "vertical";
+export declare function choiceGroupClassName(_orientation?: ChoiceOrientation, className?: string): string;

package/dist/components/data-entry/choice-option.js

@@ -0,0 +1,7 @@
+import { cn } from "../../lib/utils";
+function choiceGroupClassName(_orientation = "vertical", className) {
+  return cn("ui-choice-group", className);
+}
+export {
+  choiceGroupClassName
+};

package/dist/components/data-entry/color-picker.d.ts

@@ -1,19 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { e as ColorPickerProp } from '../../data-entry.prop-BSUaseKh.js';
-import '@radix-ui/react-checkbox';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-slider';
-import '@radix-ui/react-switch';
-import 'react-day-picker';
-import 'react';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../content.prop-DrV_zDy-.js';
-import '../../layout.prop-CXvl2rVR.js';
-import '../../interaction.prop-DD46aTro.js';
-import '../../data.prop-D0UEEczj.js';
-import '../../layout.prop-fCz-Vlie.js';
-import '../../navigation.prop-CXDaVNaR.js';
-
-declare function ColorPicker({ value, onValueChange, disabled, className, id, showHexInput, }: ColorPickerProp): react_jsx_runtime.JSX.Element;
-
-export { ColorPicker, ColorPickerProp, ColorPickerProp as ColorPickerProps };
+import type { ColorPickerProp } from "../../props/components/data-entry.prop";
+export type { ColorPickerProp, ColorPickerProp as ColorPickerProps, } from "../../props/components/data-entry.prop";
+export declare function ColorPicker({ value, onValueChange, disabled, className, id, showHexInput, }: ColorPickerProp): import("react/jsx-runtime").JSX.Element;