@godxjp/ui 9.1.0 → 10.0.0

package/dist/styles/index.css

@@ -3,9 +3,19 @@
 /* Default sans font — self-contained so consumers need no font config (subsetted: latin/vi/jp). */
 @import "@fontsource/m-plus-2/400.css";
 @import "@fontsource/m-plus-2/500.css";
-@import "@fontsource/m-plus-2/600.css";
 @import "@fontsource/m-plus-2/700.css";
 @import "tailwindcss";
+
+/* Guarantee the full set of semantic color utilities ships in the compiled CSS
+ * even when the library itself only references a few — consumers (and the token
+ * docs) must be able to use bg/text/border for EVERY semantic role. Without this
+ * Tailwind's JIT drops unused roles (success/info/attention) → transparent. */
+@source inline(
+  "{bg,text,border,ring}-{primary,secondary,muted,accent,destructive,success,warning,info,attention}"
+);
+@source inline(
+  "{bg,text}-{primary,secondary,muted,accent,destructive,success,warning,info,attention}-foreground"
+);
 @source "../**/*.{tsx,ts}";
 @import "../tokens/base.css";
 @import "./density.css";
@@ -104,6 +114,40 @@
       "calt" 1;
   }
 
+  /* Semantic heading scale — SEO + accessibility: real <h1>–<h6> elements carry
+   * the document outline (one <h1> per page, levels never skipped). Visual size
+   * follows the dxs-kintai scale; component titles override via their own class. */
+  h1 {
+    font-size: var(--heading-h1);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
+  h2 {
+    font-size: var(--heading-h2);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
+  h3 {
+    font-size: var(--heading-h3);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
+  h4 {
+    font-size: var(--heading-h4);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
+  h5,
+  h6 {
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
   code {
     font-family: var(--font-family-mono);
   }

package/dist/styles/layout.css

@@ -173,9 +173,9 @@
   }
 
   @container (min-width: 1024px) {
-  .ui-responsive-grid {
-    grid-template-columns: repeat(var(--responsive-grid-lg, 4), minmax(0, 1fr));
-  }
+    .ui-responsive-grid {
+      grid-template-columns: repeat(var(--responsive-grid-lg, 4), minmax(0, 1fr));
+    }
   }
 
   .ui-split-pane {
@@ -235,25 +235,30 @@
     display: flex;
     flex-direction: column;
     min-height: 100%;
-    padding: var(--space-page-active-y) var(--space-page-active-x);
+    padding: var(--space-page-active-y) 0;
     gap: var(--space-section-active);
   }
 
+  /* Horizontal page insets live on the header/body/footer — NOT the container —
+   * so the header divider and footer border span the full page width
+   * (full-bleed) while their content stays aligned with the body. */
+  .ui-page-header,
+  .ui-page-body,
+  .ui-page-footer {
+    padding-left: var(--space-page-active-x);
+    padding-right: var(--space-page-active-x);
+  }
+
   .ui-page-container--narrow .ui-page-body {
     max-width: 42rem;
   }
 
-  .ui-page-container--flush {
+  /* flush = full-bleed body (DataTable); header/footer keep their inset. */
+  .ui-page-container--flush .ui-page-body {
     padding-left: 0;
     padding-right: 0;
   }
 
-  .ui-page-container--flush .ui-page-header,
-  .ui-page-container--flush .ui-page-footer {
-    padding-left: var(--space-page-active-x);
-    padding-right: var(--space-page-active-x);
-  }
-
   .ui-page-container-inset,
   .ui-page-inset {
     padding-left: var(--space-page-active-x);
@@ -308,8 +313,8 @@
   }
 
   .ui-page-title {
-    font-size: var(--font-size-xl);
-    font-weight: var(--font-weight-semibold);
+    font-size: var(--heading-h1);
+    font-weight: var(--font-weight-medium);
     letter-spacing: var(--letter-spacing-tight);
     line-height: var(--line-height-tight);
     overflow-wrap: anywhere;
@@ -328,10 +333,6 @@
       flex-shrink: 0;
       justify-content: flex-end;
     }
-
-    .ui-page-title {
-      font-size: var(--font-size-2xl);
-    }
   }
 
   .ui-page-subtitle {
@@ -473,6 +474,12 @@
     gap: var(--pagination-item-gap);
   }
 
+  .ui-pagination-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
   .ui-pagination-ellipsis {
     display: flex;
     align-items: center;
@@ -480,6 +487,48 @@
     color: hsl(var(--muted-foreground));
   }
 
+  .ui-pagination-link {
+    display: inline-flex;
+    width: 2rem;
+    height: 2rem;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--radius-sm);
+    border: 1px solid hsl(var(--border));
+    color: hsl(var(--foreground));
+    text-decoration: none;
+  }
+
+  .ui-pagination-link[data-active="true"] {
+    border-color: hsl(var(--ring) / 0.5);
+    background: hsl(var(--primary));
+    color: hsl(var(--primary-foreground));
+  }
+
+  .ui-pagination-link:hover,
+  .ui-pagination-link[data-state="open"],
+  .ui-pagination-link[data-state="on"] {
+    background: hsl(var(--accent));
+    color: hsl(var(--accent-foreground));
+  }
+
+  .ui-pagination-link[data-active="true"]:hover {
+    background: hsl(var(--primary));
+    color: hsl(var(--primary-foreground));
+  }
+
+  .ui-pagination-link[data-state="disabled"],
+  .ui-pagination-link[aria-disabled="true"],
+  .ui-pagination-link-disabled {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+
+  .ui-pagination-prev,
+  .ui-pagination-next {
+    gap: var(--space-2);
+  }
+
   .ui-pagination-page {
     font-variant-numeric: tabular-nums;
   }

package/dist/styles/navigation-layout.css

@@ -45,7 +45,9 @@
     cursor: pointer;
     outline: none;
     user-select: none;
-    transition: background-color 150ms ease, color 150ms ease;
+    transition:
+      background-color 150ms ease,
+      color 150ms ease;
   }
 
   .ui-context-menu-item:hover,

package/dist/styles/shell-layout.css

@@ -241,7 +241,7 @@
   }
 
   .sb-nav-item[data-active="true"] {
-    font-weight: 600;
+    font-weight: var(--font-weight-medium);
   }
 
   .sb-icon {
@@ -274,7 +274,7 @@
     background: hsl(var(--secondary));
     color: hsl(var(--muted-foreground));
     font-size: 10px;
-    font-weight: 600;
+    font-weight: var(--font-weight-medium);
     line-height: 1.125rem;
     padding-inline: 0.375rem;
   }
@@ -355,7 +355,7 @@
     padding: var(--space-1) var(--space-2);
     color: hsl(var(--muted-foreground));
     font-size: var(--font-size-xs);
-    font-weight: 600;
+    font-weight: var(--font-weight-medium);
     white-space: nowrap;
   }
 

package/dist/styles/table-layout.css

@@ -48,6 +48,19 @@
     gap: var(--space-inline-md);
   }
 
+  /* Sortable header label is a real button (keyboard + aria-sort); inherits the cell's type. */
+  .ui-data-table-sort-button {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-inline-xs);
+    padding: 0;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    cursor: pointer;
+    outline: none;
+  }
+
   .ui-data-table-bulk {
     display: flex;
     align-items: center;

package/dist/tokens/foundation.css

@@ -74,9 +74,20 @@
   --font-size-lg: 1.1875rem; /* 19px */
   --font-size-xl: 1.375rem; /* 22px */
   --font-size-2xl: 1.625rem; /* 26px */
+
+  /* Semantic heading scale (dxs-kintai: info-dense JP enterprise, weight 500,
+   * never marketing-size). Applied to base h1–h4 + component titles. */
+  --heading-h1: 1.25rem; /* 20px — page title / h1 */
+  --heading-h2: 1.125rem; /* 18px — section / h2 */
+  --heading-h3: 0.875rem; /* 14px — h3 */
+  --heading-h4: 0.8125rem; /* 13px — h4 */
+
   --font-weight-normal: 400;
   --font-weight-medium: 500;
-  --font-weight-semibold: 600;
+  /* dxs-kintai uses three weights only (400/500/700). 600 is forbidden
+   * (ambiguous between 500 and 700) — the legacy "semibold" token collapses to
+   * medium so any remaining reference renders at 500. */
+  --font-weight-semibold: 500;
   --line-height-tight: 1.25;
   --line-height-normal: 1.5;
   --line-height-body: 1.7;

package/dist/tokens/semantic/layout.css

@@ -1,8 +1,8 @@
 /* Layout primitive tokens: page, section, stack, inline. */
 
 :root {
-  --space-page-x: var(--phi-0);
-  --space-page-y: var(--phi-0);
+  --space-page-x: var(--space-6); /* 24px — comfortable page gutter (4px grid) */
+  --space-page-y: var(--space-6); /* 24px */
   --space-section: var(--phi-0);
   --space-stack-xs: var(--space-1);
   --space-stack-sm: var(--space-2);

package/dist/tooltip-Bf2KjRy8.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+/** Opt-in provider for tuning delay across a subtree. Each <Tooltip> already self-provides. */
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+/** Self-contained tooltip — no app-level provider needed. Controllable via `open`/`onOpenChange`. */
+declare function Tooltip({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root> & {
+    delayDuration?: number;
+}): react_jsx_runtime.JSX.Element;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip as T, TooltipContent as a, TooltipProvider as b, TooltipTrigger as c };

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "@godxjp/ui",
-  "version": "9.1.0",
+  "version": "10.0.0",
   "type": "module",
+  "packageManager": "pnpm@10.29.1",
+  "sideEffects": false,
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [
     "dist",
@@ -181,10 +183,6 @@
       "types": "./dist/components/data-entry/transfer.d.ts",
       "import": "./dist/components/data-entry/transfer.js"
     },
-    "./ui/combobox": {
-      "types": "./dist/components/data-entry/combobox.d.ts",
-      "import": "./dist/components/data-entry/combobox.js"
-    },
     "./ui/command": {
       "types": "./dist/components/data-entry/command.d.ts",
       "import": "./dist/components/data-entry/command.js"
@@ -267,8 +265,9 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && 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 check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
+    "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",
     "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",
@@ -365,6 +364,7 @@
     "typescript-eslint": "^8.60.0",
     "vite": "^8.0.10",
     "vitest": "^4.1.5",
+    "vitest-axe": "1.0.0-pre.5",
     "zod": "^4.4.3"
   },
   "bin": {

package/scripts/ui-audit.mjs

@@ -65,8 +65,7 @@ const RULES = [
   {
     id: "value-callback-on-value-change",
     severity: "error",
-    test:
-      /<(?:Checkbox\.Group|Upload|Cascader|TreeSelect|Transfer|SearchSelect|DatePicker|DateRangePicker|TimePicker|ColorPicker|LocalePicker|TimezonePicker|DateFormatPicker|TimeFormatPicker)\b[^>]*\bonChange=/,
+    test: /<(?:Checkbox\.Group|Upload|Cascader|TreeSelect|Transfer|SearchSelect|DatePicker|DateRangePicker|TimePicker|ColorPicker|LocalePicker|TimezonePicker|DateFormatPicker|TimeFormatPicker)\b[^>]*\bonChange=/,
     message:
       "Abstract value components use onValueChange, not onChange. Reserve onChange for DOM events.",
   },
@@ -76,6 +75,36 @@ const RULES = [
     test: /(bg|text|border|ring|fill|stroke|from|to|via)-\[#[0-9a-fA-F]{3,8}\]/,
     message: "No hardcoded hex colors in className; use design-system tokens (rules §4).",
   },
+  // Arbitrary RAW-NUMERIC Tailwind values — the #1 source of "every agent does it
+  // differently". Match `<util>-[<digit/.>...]` only; `var(--token)` / `calc()` escape
+  // (they start with a letter), so token-driven values stay legal (rules §4–§5).
+  {
+    id: "no-arbitrary-spacing",
+    severity: "error",
+    test: /\b(p|px|py|pt|pb|pl|pr|pe|ps|m|mx|my|mt|mb|ml|mr|me|ms|gap|gap-x|gap-y|inset|inset-x|inset-y|top|right|bottom|left)-\[-?\.?\d/,
+    message:
+      "No arbitrary spacing (p-[13px], gap-[7px]…). Use the token scale / <Stack gap> / <Inline gap> / <PageContainer> (rules §5).",
+  },
+  {
+    id: "no-arbitrary-size",
+    severity: "error",
+    test: /\b(w|h|size|min-w|max-w|min-h|max-h|basis)-\[-?\.?\d/,
+    message:
+      "No arbitrary width/height (w-[37px], max-w-[65ch]…). Use token sizes or a sizing prop; the component sizes its own icons (rules §4).",
+  },
+  {
+    id: "no-arbitrary-typography",
+    severity: "error",
+    test: /\b(text|leading|tracking|font)-\[-?\.?\d/,
+    message:
+      "No arbitrary type (text-[20px], leading-[1.7], font-[600]…). Use the type-scale tokens (text-xs…text-3xl) (rules §4).",
+  },
+  {
+    id: "no-arbitrary-radius",
+    severity: "error",
+    test: /\brounded(?:-[a-z]+)?-\[-?\.?\d/,
+    message: "No arbitrary radius (rounded-[6px]…). Use rounded-sm/md/lg radius tokens (rules §4).",
+  },
   {
     id: "no-raw-select",
     severity: "error",

package/dist/aspect-ratio-DGoYrOry.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-
-declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { AspectRatio as A };

package/dist/chunk-CAEL2ZD2.js

@@ -1,222 +0,0 @@
-import { SearchSelect } from './chunk-KDBGFJJI.js';
-import { controlTriggerClass } from './chunk-IBK5D2Q6.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDown, ChevronUp } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function isDataSelect(props) {
-  return "options" in props || "loadOptions" in props;
-}
-function Select(props) {
-  if (isDataSelect(props)) {
-    return /* @__PURE__ */ jsx(DataSelect, { ...props });
-  }
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectGroup(props) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
-}
-function SelectValue(props) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-var SelectTrigger = React.forwardRef(({ className, children, size = "default", ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    "data-slot": "select-trigger",
-    "data-size": size,
-    className: cn(
-      controlTriggerClass,
-      "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground w-fit gap-2 whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    "data-slot": "select-scroll-up-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4", "aria-hidden": "true" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    "data-slot": "select-scroll-down-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4", "aria-hidden": "true" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-  SelectPrimitive.Content,
-  {
-    ref,
-    "data-slot": "select-content",
-    className: cn(
-      "bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md",
-      position === "popper" && "translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx(
-        SelectPrimitive.Viewport,
-        {
-          "data-slot": "select-viewport",
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Label,
-  {
-    ref,
-    "data-slot": "select-label",
-    className: cn("px-2 py-1.5 text-sm font-medium", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Item,
-  {
-    ref,
-    "data-slot": "select-item",
-    className: cn(
-      "focus:bg-accent focus:text-accent-foreground data-[state=checked]:bg-accent data-[state=checked]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm px-2.5 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:font-medium [&_svg]:pointer-events-none [&_svg]:shrink-0",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    "data-slot": "select-separator",
-    className: cn("bg-border -mx-1 my-1 h-px", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-function groupDataOptions(options) {
-  const order = [];
-  const buckets = /* @__PURE__ */ new Map();
-  for (const option of options) {
-    const key = option.group ?? "";
-    if (!buckets.has(key)) {
-      buckets.set(key, []);
-      order.push(key);
-    }
-    buckets.get(key).push(option);
-  }
-  return order.map((key) => ({ heading: key || void 0, items: buckets.get(key) ?? [] }));
-}
-function DataSelect({
-  options = [],
-  loadOptions,
-  showSearch,
-  value = "",
-  onValueChange,
-  renderOption,
-  selectedLabel,
-  placeholder,
-  searchPlaceholder,
-  emptyMessage,
-  loadingMessage,
-  clearLabel,
-  clearable,
-  disabled,
-  name,
-  id,
-  className,
-  "data-testid": dataTestId
-}) {
-  const searchable = showSearch ?? Boolean(loadOptions);
-  if (searchable) {
-    return /* @__PURE__ */ jsx(
-      SearchSelect,
-      {
-        value,
-        onValueChange,
-        options,
-        loadOptions,
-        renderOption,
-        selectedLabel,
-        placeholder,
-        searchPlaceholder,
-        emptyMessage,
-        loadingMessage,
-        clearLabel,
-        clearable,
-        disabled,
-        name,
-        id,
-        className,
-        "data-testid": dataTestId
-      }
-    );
-  }
-  const optionTestId = (optionValue) => dataTestId ? `${dataTestId}-option-${optionValue}` : void 0;
-  const renderItem = (option) => /* @__PURE__ */ jsx(
-    SelectItem,
-    {
-      value: option.value,
-      disabled: option.disabled,
-      "data-testid": optionTestId(option.value),
-      children: renderOption ? renderOption(option) : option.label
-    },
-    option.value
-  );
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Root,
-    {
-      "data-slot": "select",
-      value: value || void 0,
-      onValueChange: (next) => onValueChange?.(
-        next,
-        options.find((option) => option.value === next)
-      ),
-      disabled,
-      name,
-      children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { id, "data-testid": dataTestId, className, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: groupDataOptions(options).map(
-          (group) => group.heading ? /* @__PURE__ */ jsxs(SelectGroup, { children: [
-            /* @__PURE__ */ jsx(SelectLabel, { children: group.heading }),
-            group.items.map(renderItem)
-          ] }, group.heading) : /* @__PURE__ */ jsx(React.Fragment, { children: group.items.map(renderItem) }, "__ungrouped")
-        ) })
-      ]
-    }
-  );
-}
-
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/chunk-FYM3MJSK.js

@@ -1,59 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React2 from 'react';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-
-var toggleVariants = cva("ui-toggle", {
-  variants: {
-    variant: {
-      default: "ui-toggle-default",
-      outline: "ui-toggle-outline"
-    },
-    size: {
-      sm: "ui-toggle-sm",
-      default: "ui-toggle-default-size",
-      lg: "ui-toggle-lg"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-});
-var Toggle = React2.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
-  TogglePrimitive.Root,
-  {
-    ref,
-    "data-slot": "toggle",
-    className: cn(toggleVariants({ variant, size }), className),
-    ...props
-  }
-));
-Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroup = React2.forwardRef(({ className, variant = "default", size = "default", children, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToggleGroupPrimitive.Root,
-  {
-    ref,
-    "data-slot": "toggle-group",
-    "data-variant": variant,
-    "data-size": size,
-    className: cn("ui-toggle-group", className),
-    ...props,
-    children
-  }
-));
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React2.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToggleGroupPrimitive.Item,
-  {
-    ref,
-    "data-slot": "toggle-group-item",
-    className: cn(toggleVariants({ variant, size }), className),
-    ...props
-  }
-));
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-
-export { Toggle, ToggleGroup, ToggleGroupItem, toggleVariants };