@godxjp/ui 13.9.3 → 13.11.0

package/dist/{chunk-6S2ZU26B.js → components/data-entry/search-select.js}

@@ -1,16 +1,14 @@
-import { Input } from './chunk-K24AQV4R.js';
-import { Command, CommandList, CommandItem, CommandGroup } from './chunk-2RGPEFAW.js';
-import { Button } from './chunk-XBFUROAY.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { controlTriggerClass, controlOpenRingClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDown, ChevronUp, Loader2, X, ChevronsUpDown } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var DEBOUNCE_MS = 250;
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronsUpDown, Loader2, 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 { Command, CommandGroup, CommandItem, CommandList } from "./command";
+import { Input } from "./input";
+const DEBOUNCE_MS = 250;
 function SearchSelect({
   value: valueProp,
   defaultValue,
@@ -283,229 +281,6 @@ function SearchSelect({
     ] })
   ] });
 }
-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 = "md", ...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-full 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,
-  defaultValue,
-  onValueChange,
-  renderOption,
-  labelRender,
-  selectedLabel,
-  selectedIcon,
-  placeholder,
-  searchPlaceholder,
-  emptyMessage,
-  loadingMessage,
-  clearLabel,
-  clearable,
-  disabled,
-  name,
-  id,
-  className,
-  "data-testid": dataTestId,
-  ...rest
-}) {
-  const ariaProps = Object.fromEntries(
-    Object.entries(rest).filter(([key]) => key.startsWith("aria-"))
-  );
-  const searchable = showSearch ?? Boolean(loadOptions);
-  if (searchable) {
-    return /* @__PURE__ */ jsx(
-      SearchSelect,
-      {
-        value,
-        defaultValue,
-        onValueChange,
-        options,
-        loadOptions,
-        renderOption,
-        labelRender,
-        selectedLabel,
-        selectedIcon,
-        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
-  );
-  const isControlled = value !== void 0;
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Root,
-    {
-      "data-slot": "select",
-      value: isControlled ? value : void 0,
-      defaultValue: isControlled ? void 0 : defaultValue || void 0,
-      onValueChange: (next) => onValueChange?.(
-        next,
-        options.find((option) => option.value === next)
-      ),
-      disabled,
-      name,
-      children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { id, "data-testid": dataTestId, className, ...ariaProps, 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 };
+export {
+  SearchSelect
+};

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

@@ -1,21 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { n as SelectDataProp } 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 '../../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';
-
-type SelectProp = SelectDataProp | React.ComponentProps<typeof SelectPrimitive.Root>;
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import type { SelectDataProp } from "../../props/components/data-entry.prop";
+export type SelectProp = SelectDataProp | React.ComponentProps<typeof SelectPrimitive.Root>;
 /**
  * Select — one component for every single-select. Use the compound API for full control
  * (`<Select><SelectTrigger/><SelectContent><SelectItem/></SelectContent></Select>`), OR the
@@ -23,17 +9,15 @@ type SelectProp = SelectDataProp | React.ComponentProps<typeof SelectPrimitive.R
  * searchable combobox (powered by SearchSelect) vs a plain no-search listbox; supports async,
  * optgroup grouping, and `renderOption`.
  */
-declare function Select(props: SelectProp): react_jsx_runtime.JSX.Element;
-declare function SelectGroup(props: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
-declare function SelectValue(props: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+export declare function Select(props: SelectProp): import("react/jsx-runtime").JSX.Element;
+export declare function SelectGroup(props: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectValue(props: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     size?: "sm" | "md";
 } & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectProp, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+export declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,243 @@
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-6S2ZU26B.js';
-import '../../chunk-K24AQV4R.js';
-import '../../chunk-2RGPEFAW.js';
-import '../../chunk-XBFUROAY.js';
-import '../../chunk-DY5C44UP.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 * as SelectPrimitive from "@radix-ui/react-select";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { controlTriggerClass } from "../../lib/control-styles";
+import { SearchSelect } from "./search-select";
+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 });
+}
+const SelectTrigger = React.forwardRef(({ className, children, size = "md", ...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-full 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;
+const 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;
+const 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;
+const 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;
+const 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;
+const 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;
+const 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,
+  defaultValue,
+  onValueChange,
+  renderOption,
+  labelRender,
+  selectedLabel,
+  selectedIcon,
+  placeholder,
+  searchPlaceholder,
+  emptyMessage,
+  loadingMessage,
+  clearLabel,
+  clearable,
+  disabled,
+  name,
+  id,
+  className,
+  "data-testid": dataTestId,
+  ...rest
+}) {
+  const ariaProps = Object.fromEntries(
+    Object.entries(rest).filter(([key]) => key.startsWith("aria-"))
+  );
+  const searchable = showSearch ?? Boolean(loadOptions);
+  if (searchable) {
+    return /* @__PURE__ */ jsx(
+      SearchSelect,
+      {
+        value,
+        defaultValue,
+        onValueChange,
+        options,
+        loadOptions,
+        renderOption,
+        labelRender,
+        selectedLabel,
+        selectedIcon,
+        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
+  );
+  const isControlled = value !== void 0;
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Root,
+    {
+      "data-slot": "select",
+      value: isControlled ? value : void 0,
+      defaultValue: isControlled ? void 0 : defaultValue || void 0,
+      onValueChange: (next) => onValueChange?.(
+        next,
+        options.find((option) => option.value === next)
+      ),
+      disabled,
+      name,
+      children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { id, "data-testid": dataTestId, className, ...ariaProps, 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/components/data-entry/slider.d.ts

@@ -1,19 +1,5 @@
-import * as React from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-export { p as SliderProp, p as SliderProps } from '../../data-entry.prop-BSUaseKh.js';
-import '@radix-ui/react-checkbox';
-import '@radix-ui/react-radio-group';
-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 SliderPrimitive from "@radix-ui/react-slider";
+export type { SliderProp, SliderProp as SliderProps } from "../../props/components/data-entry.prop";
 /** Numeric range slider (Radix Slider). */
-declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-
-export { Slider };
+export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,2 +1,52 @@
-export { Slider } from '../../chunk-TBJBVEIP.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { cn } from "../../lib/utils";
+const Slider = React.forwardRef(
+  ({
+    className,
+    defaultValue,
+    value,
+    min = 0,
+    max = 100,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    ...props
+  }, ref) => {
+    const values = React.useMemo(
+      () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+      [defaultValue, max, min, value]
+    );
+    const thumbLabel = (index) => ariaLabel != null && values.length > 1 ? `${ariaLabel} ${index + 1}` : ariaLabel;
+    return /* @__PURE__ */ jsxs(
+      SliderPrimitive.Root,
+      {
+        ref,
+        "data-slot": "slider",
+        className: cn("ui-slider", className),
+        defaultValue,
+        min,
+        max,
+        value,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "ui-slider-track", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: "ui-slider-range" }) }),
+          values.map((_, index) => /* @__PURE__ */ jsx(
+            SliderPrimitive.Thumb,
+            {
+              "data-slot": "slider-thumb",
+              className: "ui-slider-thumb",
+              "aria-label": thumbLabel(index),
+              "aria-labelledby": ariaLabelledby
+            },
+            index
+          ))
+        ]
+      }
+    );
+  }
+);
+Slider.displayName = SliderPrimitive.Root.displayName;
+export {
+  Slider
+};

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

@@ -1,20 +1,6 @@
-import * as React from 'react';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-export { q as SwitchProp, q as SwitchProps } from '../../data-entry.prop-BSUaseKh.js';
-import '@radix-ui/react-checkbox';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-slider';
-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';
-
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+export type { SwitchProp, SwitchProp as SwitchProps } from "../../props/components/data-entry.prop";
+export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     size?: "sm" | "md";
 } & React.RefAttributes<HTMLButtonElement>>;
-
-export { Switch };