@godxjp/ui 9.2.0 → 11.0.0

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,40 @@ 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",
+    // `min-w-[…]` / `min-h-[…]` are allowed: a MINIMUM dimension is the legit responsive
+    // pattern (horizontal-scroll tables `<Table className="min-w-[720px]">`, collapse
+    // guards), not a hardcoded design size. The (?<!min-) lookbehind exempts the `min-`
+    // prefix; bare `w`/`h` still catch `max-w-[…]`, `w-[37px]`, `h-[260px]`, etc.
+    test: /\b(?<!min-)(?:w|h|size|basis)-\[-?\.?\d/,
+    message:
+      "No arbitrary width/height (w-[37px], max-w-[65ch], h-[260px]…). Use token sizes or a sizing prop. min-w-[…]/min-h-[…] are allowed (responsive scroll containers / collapse guards).",
+  },
+  {
+    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/chunk-6MCI7W5G.js

@@ -1,201 +0,0 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-CAEL2ZD2.js';
-import { Button } from './chunk-M4PZNAMV.js';
-import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-RLGHEV4A.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-FXFJF4YA.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { X, ChevronRight, Languages, Globe, Clock, CalendarDays } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-
-function Toolbar({ onClear, hasActiveFilters = true, className, children }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: cn("ui-toolbar", className), children: [
-    children,
-    onClear && hasActiveFilters && /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onClear, className: "ui-toolbar-clear", children: [
-      /* @__PURE__ */ jsx(X, { "aria-hidden": "true" }),
-      t("common.clearFilters")
-    ] })
-  ] });
-}
-function ToolbarGroup({ label, className, children }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-xs ui-toolbar-group", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "ui-toolbar-label", children: label }),
-    children
-  ] });
-}
-var FilterBar = Toolbar;
-var FilterGroup = ToolbarGroup;
-function PageHeader({
-  title,
-  description,
-  breadcrumb,
-  actions,
-  linkComponent: LinkComponent = "a",
-  className
-}) {
-  return /* @__PURE__ */ jsxs("header", { className: cn("ui-page-header", className), children: [
-    breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: breadcrumb.map((item, i) => {
-      const isLast = i === breadcrumb.length - 1;
-      return /* @__PURE__ */ jsxs("li", { className: "ui-inline-xs", children: [
-        item.to && !isLast ? /* @__PURE__ */ jsx(
-          LinkComponent,
-          {
-            href: item.to,
-            to: item.to,
-            className: "hover:text-foreground hover:underline",
-            children: item.label
-          }
-        ) : /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: isLast ? "text-foreground" : "",
-            "aria-current": isLast ? "page" : void 0,
-            children: item.label
-          }
-        ),
-        !isLast && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3", "aria-hidden": "true" })
-      ] }, i);
-    }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "ui-page-header-row", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx("h1", { className: "ui-page-title", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "ui-page-subtitle", children: description })
-      ] }),
-      actions && /* @__PURE__ */ jsx("div", { className: "ui-inline-sm shrink-0", children: actions })
-    ] })
-  ] });
-}
-function LocalePicker({
-  className,
-  disabled,
-  id,
-  value,
-  onValueChange,
-  options: optionsProp
-}) {
-  const ctx = useOptionalAppContext();
-  const { t } = useTranslation();
-  const current = value ?? ctx?.locale;
-  const handleChange = onValueChange ?? ctx?.setLocale;
-  const options = optionsProp ?? APP_LOCALES;
-  if (current === void 0 || !handleChange) {
-    throw new Error("LocalePicker requires <AppProvider> or controlled value + onValueChange");
-  }
-  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
-    /* @__PURE__ */ jsxs(
-      SelectTrigger,
-      {
-        id,
-        className: cn("w-full sm:w-40", className),
-        "aria-label": t("navigation.localePicker.ariaLabel"),
-        children: [
-          /* @__PURE__ */ jsx(Languages, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx(SelectValue, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => {
-      const code = typeof option === "string" ? option : option.value;
-      const label = typeof option === "string" ? t(`locale.${option}`) : option.label ?? t(`locale.${option.value}`);
-      return /* @__PURE__ */ jsx(SelectItem, { value: code, children: label }, code);
-    }) })
-  ] });
-}
-function TimezonePicker({
-  className,
-  disabled,
-  id,
-  value,
-  onValueChange,
-  options: optionsProp
-}) {
-  const ctx = useOptionalAppContext();
-  const { t, locale, fallbackLocale } = useTranslation();
-  const current = value ?? ctx?.timezone;
-  const handleChange = onValueChange ?? ctx?.setTimezone;
-  const configured = optionsProp ?? ctx?.timezoneOptions;
-  if (current === void 0 || !handleChange) {
-    throw new Error("TimezonePicker requires <AppProvider> or controlled value + onValueChange");
-  }
-  const options = React.useMemo(
-    () => resolveTimezonePickerOptions(configured, current),
-    [configured, current]
-  );
-  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
-    /* @__PURE__ */ jsxs(
-      SelectTrigger,
-      {
-        id,
-        className: cn("w-full sm:w-56", className),
-        "aria-label": t("navigation.timezonePicker.ariaLabel"),
-        children: [
-          /* @__PURE__ */ jsx(Globe, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx(SelectValue, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { children: options.map((tz) => /* @__PURE__ */ jsx(SelectItem, { value: tz, children: getTimezoneLabel(tz, locale, fallbackLocale) }, tz)) })
-  ] });
-}
-function TimeFormatPicker({
-  className,
-  disabled,
-  id,
-  value,
-  onValueChange
-}) {
-  const ctx = useOptionalAppContext();
-  const { t, locale, fallbackLocale } = useTranslation();
-  const current = value ?? ctx?.timeFormat;
-  const handleChange = onValueChange ?? ctx?.setTimeFormat;
-  if (current === void 0 || !handleChange) {
-    throw new Error("TimeFormatPicker requires <AppProvider> or controlled value + onValueChange");
-  }
-  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
-    /* @__PURE__ */ jsxs(
-      SelectTrigger,
-      {
-        id,
-        className: cn("w-full sm:w-44", className),
-        "aria-label": t("navigation.timeFormatPicker.ariaLabel"),
-        children: [
-          /* @__PURE__ */ jsx(Clock, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx(SelectValue, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { children: APP_TIME_FORMAT_OPTIONS.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: getTimeFormatLabel(option.value, locale, fallbackLocale) }, option.value)) })
-  ] });
-}
-function DateFormatPicker({
-  className,
-  disabled,
-  id,
-  value,
-  onValueChange
-}) {
-  const ctx = useOptionalAppContext();
-  const { t, locale, fallbackLocale } = useTranslation();
-  const current = value ?? ctx?.dateFormat;
-  const handleChange = onValueChange ?? ctx?.setDateFormat;
-  if (current === void 0 || !handleChange) {
-    throw new Error("DateFormatPicker requires <AppProvider> or controlled value + onValueChange");
-  }
-  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
-    /* @__PURE__ */ jsxs(
-      SelectTrigger,
-      {
-        id,
-        className: cn("w-full sm:w-44", className),
-        "aria-label": t("navigation.dateFormatPicker.ariaLabel"),
-        children: [
-          /* @__PURE__ */ jsx(CalendarDays, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx(SelectValue, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { children: APP_DATE_FORMAT_OPTIONS.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: getDateFormatLabel(option.value, locale, fallbackLocale) }, option.value)) })
-  ] });
-}
-
-export { DateFormatPicker, FilterBar, FilterGroup, LocalePicker, PageHeader, TimeFormatPicker, TimezonePicker, Toolbar, ToolbarGroup };

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-GKXPALFT.js

@@ -1,32 +0,0 @@
-import { SearchSelect } from './chunk-KDBGFJJI.js';
-import { jsx } from 'react/jsx-runtime';
-
-function Autocomplete({
-  options,
-  value,
-  onValueChange,
-  placeholder,
-  searchPlaceholder,
-  emptyMessage,
-  disabled,
-  className,
-  id
-}) {
-  return /* @__PURE__ */ jsx(
-    SearchSelect,
-    {
-      id,
-      value,
-      onValueChange: (next) => onValueChange?.(next),
-      options,
-      clearable: false,
-      placeholder,
-      searchPlaceholder,
-      emptyMessage,
-      disabled,
-      className
-    }
-  );
-}
-
-export { Autocomplete };

package/dist/chunk-JKHWLPM5.js

@@ -1,101 +0,0 @@
-import { Command, CommandInput, CommandList, CommandEmpty, CommandItem } from './chunk-HTEL5DQI.js';
-import { Button } from './chunk-M4PZNAMV.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Combobox = ({
-  options,
-  value: controlledValue,
-  defaultValue = "",
-  onValueChange,
-  placeholder,
-  searchPlaceholder,
-  emptyText = "No result",
-  disabled = false,
-  name,
-  id,
-  className
-}) => {
-  const [open, setOpen] = React.useState(false);
-  const [search, setSearch] = React.useState("");
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : internalValue;
-  const selectedLabel = options.find((option) => option.value === value)?.label ?? placeholder ?? "Select";
-  const resolvedSearch = search.trim().toLowerCase();
-  const filtered = resolvedSearch ? options.filter((option) => {
-    const haystack = `${option.label} ${option.value}`.toLowerCase();
-    return haystack.includes(resolvedSearch);
-  }) : options;
-  const setValue = (next) => {
-    if (!isControlled) setInternalValue(next);
-    onValueChange?.(next);
-    setOpen(false);
-  };
-  return /* @__PURE__ */ jsxs(
-    Popover,
-    {
-      open,
-      onOpenChange: (next) => {
-        setOpen(next);
-        if (!next) setSearch("");
-      },
-      children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            id,
-            type: "button",
-            "data-slot": "combobox-trigger",
-            variant: "outline",
-            role: "combobox",
-            "aria-expanded": open,
-            disabled,
-            className,
-            children: [
-              /* @__PURE__ */ jsx("span", { className: value ? void 0 : "text-muted-foreground", children: value ? selectedLabel : placeholder ?? "Select" }),
-              /* @__PURE__ */ jsx("span", { className: "ui-combobox-caret", "aria-hidden": "true" })
-            ]
-          }
-        ) }),
-        name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value }) : null,
-        /* @__PURE__ */ jsx(
-          PopoverContent,
-          {
-            className: "ui-combobox-content",
-            align: "start",
-            sideOffset: 4,
-            collisionPadding: 12,
-            children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, className: "ui-combobox-command", children: [
-              /* @__PURE__ */ jsx(
-                CommandInput,
-                {
-                  className: "ui-combobox-search",
-                  value: search,
-                  onValueChange: setSearch,
-                  placeholder: searchPlaceholder ?? "Search..."
-                }
-              ),
-              /* @__PURE__ */ jsx(CommandList, { className: "ui-combobox-list", children: filtered.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: /* @__PURE__ */ jsx("span", { className: "ui-combobox-empty", children: emptyText }) }) : filtered.map((option) => /* @__PURE__ */ jsx(
-                CommandItem,
-                {
-                  value: option.value,
-                  className: "ui-combobox-item",
-                  "data-selected": value === option.value || void 0,
-                  onSelect: () => {
-                    setValue(option.value);
-                  },
-                  children: option.label
-                },
-                option.value
-              )) })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
-
-export { Combobox };