@godxjp/ui 11.0.2 → 12.0.0

package/dist/props/registry.d.ts

@@ -332,16 +332,6 @@ declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/layout.prop.ts";
         readonly vocabulary: readonly ["TitleProp", "SubtitleProp", "ExtraProp", "FooterProp", "BreadcrumbProp", "DensityProp", "PageContainerVariantProp"];
     };
-    readonly StackProp: {
-        readonly group: "layout";
-        readonly file: "components/layout.prop.ts";
-        readonly vocabulary: readonly ["GapProp"];
-    };
-    readonly InlineProp: {
-        readonly group: "layout";
-        readonly file: "components/layout.prop.ts";
-        readonly vocabulary: readonly ["GapProp"];
-    };
     readonly FlexDirectionProp: {
         readonly group: "layout";
         readonly file: "components/layout.prop.ts";
@@ -428,12 +418,6 @@ declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/layout.prop.ts";
         readonly vocabulary: readonly ["ChildrenProp", "OnOpenChangeProp", "OnValueChangeProp"];
     };
-    readonly PageHeaderProp: {
-        readonly group: "layout";
-        readonly file: "components/layout.prop.ts";
-        readonly vocabulary: readonly ["TitleProp", "SubtitleProp", "ExtraProp", "BreadcrumbProp"];
-        readonly deprecated: true;
-    };
     readonly ButtonProp: {
         readonly group: "general";
         readonly file: "components/general.prop.ts";
@@ -524,17 +508,6 @@ declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/data-entry.prop.ts";
         readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp"];
     };
-    readonly AutocompleteProp: {
-        readonly group: "data-entry";
-        readonly file: "components/data-entry.prop.ts";
-        readonly vocabulary: readonly ["PlaceholderProp", "ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "EmptyMessageProp", "ClassNameProp"];
-        readonly note: "Deprecated — a thin wrapper over SearchSelect (static options).";
-    };
-    readonly AutocompleteOptionProp: {
-        readonly group: "data-entry";
-        readonly file: "components/data-entry.prop.ts";
-        readonly vocabulary: readonly ["ValueProp", "LabelProp"];
-    };
     readonly SearchSelectProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";
@@ -672,11 +645,6 @@ declare const COMPONENT_PROP_REGISTRY: {
             readonly reason: "Inline pending ReactNode slot, not boolean PendingProp state.";
         }, "ClassNameProp"];
     };
-    readonly MutationFeedbackProp: {
-        readonly group: "query";
-        readonly file: "components/query.prop.ts";
-        readonly vocabulary: readonly ["OnValueChangeProp"];
-    };
     readonly ButtonRefetchProp: {
         readonly group: "query";
         readonly file: "components/query.prop.ts";
@@ -686,11 +654,6 @@ declare const COMPONENT_PROP_REGISTRY: {
             readonly reason: "TanStack query refetch handle consumed by this helper.";
         }, "LabelProp"];
     };
-    readonly QueryRefetchButtonProp: {
-        readonly group: "query";
-        readonly file: "components/query.prop.ts";
-        readonly vocabulary: readonly ["LabelProp", "ClassNameProp"];
-    };
     readonly InfiniteQueryStateProp: {
         readonly group: "query";
         readonly file: "components/query.prop.ts";
@@ -736,16 +699,6 @@ declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/feedback.prop.ts";
         readonly vocabulary: readonly [];
     };
-    readonly FilterBarProp: {
-        readonly group: "navigation";
-        readonly file: "components/navigation.prop.ts";
-        readonly vocabulary: readonly ["OnClearFiltersProp", "HasActiveFiltersProp", "ChildrenProp"];
-    };
-    readonly FilterGroupProp: {
-        readonly group: "navigation";
-        readonly file: "components/navigation.prop.ts";
-        readonly vocabulary: readonly ["LabelProp", "ChildrenProp"];
-    };
     readonly ToolbarProp: {
         readonly group: "navigation";
         readonly file: "components/navigation.prop.ts";

package/dist/props/registry.js

@@ -1 +1 @@
-export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-IHRMOJXD.js';
+export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-N6ELT7KB.js';

package/dist/{query.prop-BDdz9L1G.d.ts → query.prop-Dog-EAfG.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { UseQueryResult, UseInfiniteQueryResult, InfiniteData, UseMutationResult, QueryKey } from '@tanstack/react-query';
+import { UseQueryResult, UseInfiniteQueryResult, InfiniteData, QueryKey, UseMutationResult } from '@tanstack/react-query';
 import { LinkProps } from 'react-router-dom';
 import { B as ButtonProp } from './general.prop-DoHDCRmL.js';
 import { H as HandlerProp, a as ClassNameProp } from './shared.prop-BsNSXeqD.js';
@@ -29,16 +29,12 @@ type AlertMutationFeedbackProp = {
     pending?: React.ReactNode;
     className?: ClassNameProp;
 };
-/** @see MutationFeedback — deprecated alias for AlertMutationFeedback. */
-type MutationFeedbackProp = AlertMutationFeedbackProp;
 type QueryRefetchLike = Pick<UseQueryResult<unknown>, "isFetching" | "refetch">;
 /** @see ButtonRefetch — Button recipe wired to `query.refetch()`. */
 type ButtonRefetchProp = Omit<ButtonProp, "onClick" | "disabled"> & {
     query: QueryRefetchLike;
     label?: React.ReactNode;
 };
-/** @see QueryRefetchButton — deprecated alias for ButtonRefetch. */
-type QueryRefetchButtonProp = ButtonRefetchProp;
 type InfiniteQueryLike<TPage> = Pick<UseInfiniteQueryResult<InfiniteData<TPage>, unknown>, "isPending" | "isError" | "isFetching" | "isFetchingNextPage" | "error" | "data" | "hasNextPage" | "fetchNextPage" | "refetch">;
 type InfiniteQueryHelpers = {
     fetchNextPage: () => void;
@@ -72,4 +68,4 @@ type PrefetchLinkProp = LinkProps & {
     staleTime?: number;
 };
 
-export type { AlertMutationFeedbackProp as A, ButtonRefetchProp as B, DataStateProp as D, InfiniteQueryHelpers as I, MutationFeedbackProp as M, PrefetchLinkProp as P, QueryRefetchButtonProp as Q, InfiniteQueryStateProp as a };
+export type { AlertMutationFeedbackProp as A, ButtonRefetchProp as B, DataStateProp as D, InfiniteQueryHelpers as I, PrefetchLinkProp as P, InfiniteQueryStateProp as a };

package/dist/{search-input-C_x-JFD3.d.ts → search-input-BR4nAWiT.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { h as FormFieldProp, F as FieldProp } from './data-entry.prop-BR4vNA1j.js';
+import { g as FormFieldProp, F as FieldProp } from './data-entry.prop-6J0o45se.js';
 import * as React from 'react';
 
 declare function FormField({ id, label, required, helper, error, labelAddon, className, children, }: FormFieldProp): react_jsx_runtime.JSX.Element;

package/dist/styles/control.css

@@ -177,11 +177,6 @@
     padding: 0;
   }
 
-  .ui-button--compact-icon {
-    width: var(--control-height-xs);
-    height: var(--control-height-xs);
-    padding: 0;
-  }
 
   .ui-control {
     height: var(--control-height);
@@ -616,8 +611,8 @@
 .ui-otp-slot {
   position: relative;
   display: flex;
-  width: 2.25rem;
-  height: 2.25rem;
+  width: var(--control-height);
+  height: var(--control-height);
   align-items: center;
   justify-content: center;
   font-size: 0.875rem;
@@ -719,7 +714,7 @@
   flex-wrap: wrap;
   align-items: center;
   gap: var(--space-1);
-  min-height: 2.25rem;
+  min-height: var(--control-height);
   padding: var(--space-1) var(--space-2);
   border: 1px solid hsl(var(--input));
   border-radius: var(--radius-md);

package/dist/styles/layout.css

@@ -483,7 +483,9 @@
 
   .ui-pagination-size-trigger {
     width: var(--pagination-size-width);
-    height: calc(var(--control-height) - 0.25rem);
+    /* Default control height — primitive never picks a sub-default tier; the app
+     * overrides via className if it wants smaller. Shared with the page buttons. */
+    height: var(--control-height);
   }
 
   .ui-pagination-list {
@@ -500,6 +502,8 @@
 
   .ui-pagination-ellipsis {
     display: flex;
+    width: var(--control-height);
+    height: var(--control-height);
     align-items: center;
     justify-content: center;
     color: hsl(var(--muted-foreground));
@@ -507,8 +511,8 @@
 
   .ui-pagination-link {
     display: inline-flex;
-    width: 2rem;
-    height: 2rem;
+    width: var(--control-height);
+    height: var(--control-height);
     align-items: center;
     justify-content: center;
     border-radius: var(--radius-sm);

package/dist/styles/navigation-layout.css

@@ -160,14 +160,14 @@
 
   .ui-menubar {
     display: flex;
-    min-height: 2.25rem;
+    min-height: var(--control-height);
     align-items: center;
     gap: var(--space-1);
     border-radius: var(--radius-md);
   }
 
   .ui-menubar-trigger {
-    height: 2.25rem;
+    height: var(--control-height);
     padding: 0 var(--space-3);
     border-radius: var(--radius-md);
   }
@@ -207,7 +207,7 @@
     border-radius: var(--radius-md);
     padding-inline: var(--space-2);
     padding-block: var(--space-2);
-    height: 2.25rem;
+    height: var(--control-height);
     font-size: var(--font-size-sm);
     display: inline-flex;
     align-items: center;

package/dist/styles/shell-layout.css

@@ -482,7 +482,7 @@
     display: inline-flex;
     max-width: 15rem;
     min-width: 0;
-    height: calc(var(--control-height) - 0.25rem);
+    height: var(--control-height-sm);
     align-items: center;
     gap: var(--space-1);
     padding-inline: var(--space-2);
@@ -540,7 +540,7 @@
   .tb-search {
     display: flex;
     width: min(20rem, 30vw);
-    height: calc(var(--control-height) - 0.25rem);
+    height: var(--control-height-sm);
     align-items: center;
     gap: var(--space-2);
     padding-inline: var(--space-2);
@@ -576,8 +576,8 @@
 
   .tb-icon-btn {
     display: grid;
-    width: calc(var(--control-height) - 0.25rem);
-    height: calc(var(--control-height) - 0.25rem);
+    width: var(--control-height-sm);
+    height: var(--control-height-sm);
     flex: 0 0 auto;
     place-items: center;
     border: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "11.0.2",
+  "version": "12.0.0",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,
@@ -47,6 +47,10 @@
       "types": "./dist/components/query/index.d.ts",
       "import": "./dist/components/query/index.js"
     },
+    "./data-grid": {
+      "types": "./dist/components/data-grid/index.d.ts",
+      "import": "./dist/components/data-grid/index.js"
+    },
     "./ui": {
       "types": "./dist/components/ui/index.d.ts",
       "import": "./dist/components/ui/index.js"
@@ -266,12 +270,13 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "check:example-imports": "node scripts/check-example-imports.mjs",
-    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
-    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
+    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
     "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
     "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
     "check:prop-vocabulary": "node scripts/check-prop-vocabulary.mjs",
     "check:token-tiers": "node scripts/check-token-tiers.mjs",
+    "check:control-sizing": "node scripts/check-control-sizing.mjs",
     "check:core-isolation": "node scripts/check-core-isolation.mjs",
     "release": "node scripts/release.mjs",
     "preview": "node preview/scripts/kill-port.mjs && vite --config preview/vite.config.ts --port 6008 --strictPort",
@@ -284,6 +289,7 @@
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.0",
     "@tanstack/react-query": ">=5.0.0",
+    "@tanstack/react-table": ">=8.0.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "react-hook-form": "^7.76.0",
@@ -291,6 +297,11 @@
     "tailwindcss": ">=4.0.0",
     "zod": "^4.4.0"
   },
+  "peerDependenciesMeta": {
+    "@tanstack/react-table": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@date-fns/tz": "^1.5.0",
     "@fontsource/m-plus-2": "^5.2.9",
@@ -339,6 +350,7 @@
     "@hookform/resolvers": "^5.2.2",
     "@tailwindcss/vite": "^4.2.4",
     "@tanstack/react-query": "^5.100.9",
+    "@tanstack/react-table": "^8.21.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",

package/dist/chunk-5NCFLCM7.js

@@ -1,255 +0,0 @@
-import { normalizeTreeOptions, formatPathLabels, getNodeByPath, filterTreeOptions, pathsEqual, pathKey } from './chunk-SMLKNECP.js';
-import { Command, CommandInput } from './chunk-HTEL5DQI.js';
-import { Checkbox } from './chunk-BE6GJGKJ.js';
-import { Button } from './chunk-M4PZNAMV.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { X, ChevronsUpDown, Check, ChevronRight } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-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 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 commitSingle = (path) => {
-    if (!isControlledSingle) setInternalSingle(path);
-    onValueChange?.(path, getNodeByPath(options, 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 (hasChildren && !changeOnSelect) {
-      setActivePath(path);
-      return;
-    }
-    if (multiple) {
-      commitMulti(togglePath(multiValue, 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) {
-      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",
-        onMouseLeave: expandTrigger === "hover" ? () => setActivePath(activePath.slice(0, colIndex)) : void 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);
-          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: expandTrigger === "hover" && hasChildren ? () => setActivePath(path) : void 0,
-              onClick: () => !node.disabled && handleSelectNode(node, path),
-              children: [
-                multiple && /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    checked: selected,
-                    disabled: node.disabled,
-                    className: "me-1",
-                    "aria-hidden": true,
-                    tabIndex: -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" })
-  ] });
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        id,
-        type: "button",
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": open,
-        disabled,
-        className: cn(
-          "w-full justify-between font-normal",
-          !displayLabel && "text-muted-foreground",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "truncate", children: displayLabel ?? resolvedPlaceholder }),
-          /* @__PURE__ */ jsxs("span", { className: "ms-2 flex shrink-0 items-center gap-1", children: [
-            allowClear && displayLabel && !disabled && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": t("dataEntry.cascader.clear"),
-                className: "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 opacity-50", "aria-hidden": "true" })
-          ] })
-        ]
-      }
-    ) }),
-    /* @__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)}, path),
-                children: [
-                  multiple ? /* @__PURE__ */ jsx(Checkbox, { checked: selected, className: "me-2", "aria-hidden": true, tabIndex: -1 }) : /* @__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()
-        ]
-      }
-    )
-  ] });
-}
-
-export { Cascader };