@rentnerkev/select 1.0.0 → 2.0.0

package/README.md

@@ -1,150 +1,257 @@
 # @rentnerkev/select
 
-Eine flexible React-Select-Komponente mit Einzel- und Mehrfachauswahl, Formularvalidierung und anpassbarem Tailwind-Design.
+An accessible, searchable React select for typed single and multiple selection, native form integration, validation, localization, and Tailwind CSS styling.
 
 ## Installation
 
-Installiere das Paket mit npm oder Bun:
+Install the package with npm:
 
 ```bash
 npm install @rentnerkev/select
 ```
 
-## Schnellstart
+Or with Bun:
 
-### 1. Komponente verwenden
+```bash
+bun add @rentnerkev/select
+```
 
-Importiere `CustomSelect` und nutze es in deinen Komponenten.
+## Quick start
+
+`CustomSelect<TValue>` infers its value type from `value` and `options`, so the change handler remains typed without casts.
 
 ```tsx
-import { CustomSelect } from '@rentnerkev/select'
+import { CustomSelect, type Option } from '@rentnerkev/select'
 import { useState } from 'react'
-import { User } from 'lucide-react'
 
-function MyComponent() {
-    const [selectedValue, setSelectedValue] = useState('')
+const contactOptions = [
+    {
+        value: 'alex-morgan',
+        label: 'Alex Morgan',
+        subOption: 'Customer success',
+    },
+    {
+        value: 'sam-rivera',
+        label: 'Sam Rivera',
+        subOption: 'Technical support',
+    },
+] satisfies ReadonlyArray<Option<string>>
 
-    const options = [
-        {
-            value: 'max-mustermann',
-            label: 'Max - Mustermann',
-            subOption: 'Musterstraße 12, 10115 Berlin',
-        },
-        {
-            value: 'erika-musterfrau',
-            label: 'Erika - Musterfrau',
-            subOption: 'Hafenweg 4, 20457 Hamburg',
-        },
-        {
-            value: 'tim-schneider',
-            label: 'Tim - Schneider',
-            subOption: 'Königsallee 22, 40212 Düsseldorf',
-        },
-    ]
+export function ContactSelect() {
+    const [contact, setContact] = useState('')
 
     return (
-        <div className="w-64">
-            <CustomSelect
-                id="fruit"
-                name="fruit"
-                value={selectedValue}
-                onValueChange={setSelectedValue}
-                options={options}
-                placeholder="Kontakt auswählen"
-                required
-                className="w-30 h-10"
-                fallbackOption="Du hast noch keine Früchte angelegt!"
-                icon={<User className="h-4 w-4" />}
-            />
-        </div>
+        <CustomSelect
+            id="contact"
+            name="contact"
+            label="Contact"
+            value={contact}
+            onValueChange={setContact}
+            options={contactOptions}
+            placeholder="Choose a contact"
+            required
+        />
+    )
+}
+```
+
+## Generic values
+
+Strings, numbers, booleans, and objects are supported. Use `isOptionEqualToValue` to define equality for object values and `getFormValue` to serialize values for native form submission. Without `getFormValue`, the component uses `String(value)`.
+
+```tsx
+import { CustomSelect, type Option } from '@rentnerkev/select'
+import { useState } from 'react'
+
+const statuses = ['todo', 'done'] as const
+type Status = (typeof statuses)[number]
+
+const statusOptions = statuses.map((status) => ({
+    value: status,
+    label: status === 'todo' ? 'To do' : 'Done',
+})) satisfies ReadonlyArray<Option<Status>>
+
+export function StatusSelect() {
+    const [status, setStatus] = useState<Status>('todo')
+
+    return (
+        <CustomSelect
+            value={status}
+            onValueChange={setStatus}
+            options={statusOptions}
+        />
+    )
+}
+```
+
+## Multiple selection
+
+The current multiple-selection API uses an array, preserving values that contain commas:
+
+```tsx
+import { CustomSelect } from '@rentnerkev/select'
+import { useState } from 'react'
+
+export function RegionSelect() {
+    const [regions, setRegions] = useState<Array<string>>([])
+
+    return (
+        <CustomSelect
+            name="regions"
+            multiple
+            value={regions}
+            onValueChange={setRegions}
+            options={[
+                { value: 'north,west', label: 'North West' },
+                { value: 'south', label: 'South' },
+            ]}
+            minSelection={1}
+            maxSelection={2}
+        />
     )
 }
 ```
 
-### 2. In Formularen mit required
+When `name` is set, each selected array item is submitted under the same field name. Read all values with `new FormData(form).getAll('regions')`.
+
+The legacy combination of `multiple`, a comma-separated string value, and a string callback remains compatible in version 1 but is deprecated. It cannot represent values containing commas unambiguously and will be removed in version 2.
 
-`required` ist standardmäßig deaktiviert. Wenn du es setzt und beim Submit noch kein Wert ausgewählt wurde, wird der Select rot, das linke Icon wird durch ein Ausrufezeichen ersetzt und der Fehlertext wird im Tooltip angezeigt. Das ist das praktisch, wenn der Placeholder wie "Bereich auswählen" nur ein Hinweis und keine echte Auswahl sein soll.
+## Forms and accessibility
+
+The visible trigger supports labels, descriptions, external errors, native validation, and forwarded `aria-*` attributes. Set `required` to participate in form validation. `disabled` removes the field from interaction and validation; `readOnly` prevents changes while retaining the submitted value.
 
 ```tsx
 import { CustomSelect } from '@rentnerkev/select'
-import { BriefcaseBusiness } from 'lucide-react'
 import { useState } from 'react'
 
-function RequiredSelectForm() {
+export function DepartmentForm() {
     const [department, setDepartment] = useState('')
 
     return (
-        <form
-            onSubmit={(event) => {
-                event.preventDefault()
-                event.currentTarget.reportValidity()
-            }}
-        >
+        <form>
             <CustomSelect
                 id="department"
                 name="department"
+                label="Department"
+                description="Choose the team that owns this request."
                 value={department}
                 onValueChange={setDepartment}
                 options={[
-                    { value: 'beratung', label: 'Beratung' },
+                    { value: 'consulting', label: 'Consulting' },
                     { value: 'support', label: 'Support' },
-                    { value: 'vertrieb', label: 'Vertrieb' },
+                    { value: 'sales', label: 'Sales' },
                 ]}
-                placeholder="Bereich auswählen"
+                placeholder="Choose a department"
                 required
-                icon={<BriefcaseBusiness className="h-4 w-4" />}
+                locale="en"
             />
 
-            <button type="submit">Absenden</button>
+            <button type="submit">Submit</button>
         </form>
     )
 }
 ```
 
-## Typdefinitionen
+## Localization
 
-### `CustomSelect`-Props
+German messages remain the default for backward compatibility. Set `locale="en"` for the complete English catalog, or override individual messages with a typed `Partial<SelectMessages>`. The catalog and resolver are available as `selectMessageCatalog` and `resolveSelectMessages`.
 
-Die Komponente nimmt folgende Parameter entgegen:
+```tsx
+import { CustomSelect, type SelectMessages } from '@rentnerkev/select'
+import { useState } from 'react'
 
-| Parameter        | Typ                       | Beschreibung                                                             |
-| ---------------- | ------------------------- | ------------------------------------------------------------------------ |
-| `id`             | `string`                  | (Optional) ID für den sichtbaren Trigger, nützlich für Labels.           |
-| `name`           | `string`                  | (Optional) Name für Formular-Submit und native Validierung.              |
-| `value`          | `string`                  | Der aktuell ausgewählte Wert.                                            |
-| `onValueChange`  | `(value: string) => void` | Callback-Funktion, die bei Änderung aufgerufen wird.                     |
-| `options`        | `Option[]`                | Ein Array von Optionen (siehe unten).                                    |
-| `required`       | `boolean`                 | (Optional) Aktiviert Pflichtfeld-Validierung. Default ist `false`.       |
-| `className`      | `string`                  | (Optional) Überträgt classes an die Select-Komponente.                   |
-| `placeholder`    | `string`                  | (Optional) Text, der angezeigt wird, wenn nichts ausgewählt ist.         |
-| `icon`           | `React.ReactNode`         | (Optional) Ein Icon, das links im Select angezeigt wird.                 |
-| `fallbackOption` | `string`                  | (Optional) Text, der angezeigt wird, wenn keine Optionen vorhanden sind. |
-| `multiple`       | `boolean`                 | (Optional) Aktiviert die Mehrfachauswahl. Default ist false.             |
-| `minSelection`   | `number`                  | (Optional) Bestimmt die Mindestanzahl an auszuwählenden Optionen.        |
-| `maxSelection`   | `number`                  | (Optional) Bestimmt die maximale Anzahl an auszuwählenden Optionen.      |
+const messages: Partial<SelectMessages> = {
+    searchPlaceholder: 'Find an option',
+    noResults: 'Nothing found',
+    minSelection: (count) => `Choose at least ${count}`,
+}
 
-### Option
+export function LocalizedSelect() {
+    const [selectedValue, setSelectedValue] = useState('')
+
+    return (
+        <CustomSelect
+            value={selectedValue}
+            onValueChange={setSelectedValue}
+            options={[{ value: 'priority', label: 'Priority' }]}
+            locale="en"
+            messages={messages}
+        />
+    )
+}
+```
+
+## API
+
+### `CustomSelect` props
+
+| Prop                   | Type                                                     | Description                                                            |
+| ---------------------- | -------------------------------------------------------- | ---------------------------------------------------------------------- |
+| `id`                   | `string`                                                 | ID for the visible trigger and associated labels.                      |
+| `name`                 | `string`                                                 | Native form field name.                                                |
+| `value`                | `TValue \| null \| undefined` or `ReadonlyArray<TValue>` | Controlled single or multiple value.                                   |
+| `onValueChange`        | `(value: TValue) => void` or `(value: TValue[]) => void` | Typed callback for the selected mode.                                  |
+| `options`              | `ReadonlyArray<Option<TValue>>`                          | Available options.                                                     |
+| `required`             | `boolean`                                                | Enables required-field validation. Defaults to `false`.                |
+| `label`                | `ReactNode`                                              | Visible label linked to the trigger.                                   |
+| `description`          | `ReactNode`                                              | Supporting text linked through `aria-describedby`.                     |
+| `error`                | `string \| null`                                         | External validation message; `null` clears external and native errors. |
+| `disabled`             | `boolean`                                                | Disables interaction and validation.                                   |
+| `readOnly`             | `boolean`                                                | Prevents changes while retaining the form value.                       |
+| `className`            | `string`                                                 | Additional Tailwind classes for the visible trigger.                   |
+| `placeholder`          | `string`                                                 | Text shown while no value is selected.                                 |
+| `icon`                 | `ReactNode`                                              | Icon rendered at the start of the trigger.                             |
+| `fallbackOption`       | `string`                                                 | Message shown when no options are available.                           |
+| `multiple`             | `true`                                                   | Enables array-based multiple selection.                                |
+| `minSelection`         | `number`                                                 | Minimum number of selected options.                                    |
+| `maxSelection`         | `number`                                                 | Maximum number of selected options.                                    |
+| `isOptionEqualToValue` | `(optionValue, value) => boolean`                        | Compares option and selected values.                                   |
+| `getFormValue`         | `(value: TValue) => string`                              | Serializes a value for native form submission.                         |
+| `locale`               | `'de' \| 'en'`                                           | Selects the default message catalog. Defaults to `'de'`.               |
+| `messages`             | `Partial<SelectMessages>`                                | Overrides individual messages and ARIA text.                           |
+| `aria-label`           | `string`                                                 | Accessible name for the visible trigger.                               |
+| `aria-labelledby`      | `string`                                                 | External accessible-label IDs.                                         |
+| `aria-describedby`     | `string`                                                 | External description IDs combined with internal text.                  |
+| `triggerRef`           | `Ref<HTMLButtonElement>`                                 | Ref for the visible, focusable trigger.                                |
+
+Additional React `aria-*` attributes are forwarded to the visible trigger.
+
+### `Option<TValue>`
 
 ```ts
-interface Option {
-    value: string
+interface Option<TValue = string> {
+    value: TValue
     label: string
     subOption?: string
 }
 ```
 
-`subOption` ist optional und wird kleiner unter dem Label angezeigt. Das funktioniert sowohl in der geöffneten Auswahl als auch im geschlossenen Select. Das ist das nützlich für Zusatzinfos wie Adressen, Kundennummern oder Rollen.
+`subOption` adds secondary information below the label in both the open list and the closed trigger.
 
-## CSS-Integration
+## Tailwind CSS
 
-Füge die folgenden Zeilen in deine Haupt-CSS-Datei ein, um die Stile zu konfigurieren.
+Import the package entry after Tailwind CSS in your application stylesheet:
 
 ```css
 @import 'tailwindcss';
-@source "../node_modules/@rentnerkev/select";
+@import '@rentnerkev/select/tailwind.css';
 ```
 
-## Entwicklung
+The package entry scans only the published JavaScript under `dist` and provides the shared theme tokens `primary`, `primary-hover`, `background-dark`, `surface-dark`, `input-dark`, `border-dark`, `secondary-text`, and `muted-foreground`. Override them with a later `@theme` block when needed.
+
+## Public entry points
+
+| Entry point                       | Purpose                                        |
+| --------------------------------- | ---------------------------------------------- |
+| `@rentnerkev/select`              | Component, messages, and public types.         |
+| `@rentnerkev/select/select`       | `CustomSelect` component module.               |
+| `@rentnerkev/select/value`        | Value parsing, comparison, and toggle helpers. |
+| `@rentnerkev/select/messages`     | Locale catalog, resolver, and message types.   |
+| `@rentnerkev/select/types`        | Component and option types.                    |
+| `@rentnerkev/select/tailwind.css` | Tailwind source and shared theme tokens.       |
+| `@rentnerkev/select/package.json` | Package metadata.                              |
+
+## Development
 
 ```bash
 bun install
@@ -152,5 +259,8 @@ bun run verify
 bun run playground:dev
 ```
 
-`bun run verify` prüft Typen, Oxlint, Oxfmt, den Paket-Build und den
-veröffentlichten Paketinhalt per Dry Run.
+`bun run verify` checks types, lint, formatting, tests, the package build, and the published package contents.
+
+## License
+
+MIT

package/dist/Select.d.ts

@@ -1,3 +1,12 @@
-import type { CustomSelectProps } from './types.js';
-export declare function CustomSelect({ id, name, value, onValueChange, options, required, icon, placeholder, className, fallbackOption, multiple, minSelection, maxSelection, }: CustomSelectProps): import("react").JSX.Element;
+import type { ReactElement } from 'react';
+import type { CustomSelectProps, LegacyMultipleSelectProps, MultipleSelectProps, SingleSelectProps } from './types.js';
+export declare function CustomSelect<TValue = string>(props: SingleSelectProps<TValue>): ReactElement;
+export declare function CustomSelect<TValue = string>(props: MultipleSelectProps<TValue>): ReactElement;
+/**
+ * @deprecated Übergib bei `multiple` ein Array. Das kommagetrennte
+ * Stringformat wird in Version 2.0 entfernt.
+ */
+export declare function CustomSelect(props: LegacyMultipleSelectProps): ReactElement;
+export declare function CustomSelect<TValue = string>(props: CustomSelectProps<TValue>): ReactElement;
+export declare function CustomSelect(props: CustomSelectProps<string>): ReactElement;
 //# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAEnD,wBAAgB,YAAY,CAAC,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,aAAa,EACb,OAAO,EACP,QAAgB,EAChB,IAAI,EACJ,WAAW,EACX,SAAS,EACT,cAAc,EACd,QAAgB,EAChB,YAAY,EACZ,YAAY,GACf,EAAE,iBAAiB,+BAoUnB"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAA;AAOvD,OAAO,KAAK,EACR,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,iBAAiB,EACpB,MAAM,YAAY,CAAA;AA2InB,wBAAgB,YAAY,CAAC,MAAM,GAAG,MAAM,EACxC,KAAK,EAAE,iBAAiB,CAAC,MAAM,CAAC,GACjC,YAAY,CAAA;AACf,wBAAgB,YAAY,CAAC,MAAM,GAAG,MAAM,EACxC,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC,GACnC,YAAY,CAAA;AACf;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,CAAA;AAC5E,wBAAgB,YAAY,CAAC,MAAM,GAAG,MAAM,EACxC,KAAK,EAAE,iBAAiB,CAAC,MAAM,CAAC,GACjC,YAAY,CAAA;AACf,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,YAAY,CAAA"}

package/dist/Select.js

@@ -2,74 +2,174 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { CustomTooltip } from './Internal/Tooltip.js';
 import { AlertCircle, Check, ChevronDown } from 'lucide-react';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-export function CustomSelect({ id, name, value, onValueChange, options, required = false, icon, placeholder, className, fallbackOption, multiple = false, minSelection, maxSelection, }) {
+import { useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { resolveSelectMessages } from './i18n.js';
+import { isSingleValueEmpty, parseLegacyMultipleValue, toggleSelectedValue, } from './selectValue.js';
+function defaultGetFormValue(value) {
+    return String(value);
+}
+function TypedCustomSelect({ value, onValueChange, multiple, getFormValue = defaultGetFormValue, ...viewProps }) {
+    const isOptionEqualToValue = viewProps.isOptionEqualToValue ?? Object.is;
+    const multipleValues = multiple && Array.isArray(value) ? value : [];
+    const selectedValues = multiple
+        ? multipleValues
+        : isSingleValueEmpty(value)
+            ? []
+            : [value];
+    const formEntries = selectedValues.map((selectedValue) => {
+        const optionIndex = viewProps.options.findIndex((option) => isOptionEqualToValue(option.value, selectedValue));
+        const formValue = getFormValue(selectedValue);
+        return {
+            key: optionIndex >= 0
+                ? `option-${optionIndex}`
+                : `${typeof selectedValue}-${formValue}`,
+            value: formValue,
+        };
+    });
+    function handleSelectValue(nextValue) {
+        if (multiple) {
+            const nextValues = toggleSelectedValue(multipleValues, nextValue, isOptionEqualToValue, viewProps.maxSelection);
+            if (nextValues) {
+                onValueChange(nextValues);
+            }
+            return;
+        }
+        onValueChange(nextValue);
+    }
+    return (_jsx(SelectView, { ...viewProps, selectedValues: selectedValues, formEntries: formEntries, multiple: multiple === true, onSelectValue: handleSelectValue }));
+}
+function LegacyCustomSelect({ value, onValueChange, multiple, getFormValue = defaultGetFormValue, ...viewProps }) {
+    const isOptionEqualToValue = viewProps.isOptionEqualToValue ?? Object.is;
+    const selectedValues = multiple
+        ? parseLegacyMultipleValue(value)
+        : isSingleValueEmpty(value)
+            ? []
+            : [value];
+    function handleSelectValue(nextValue) {
+        if (multiple) {
+            const nextValues = toggleSelectedValue(selectedValues, nextValue, isOptionEqualToValue, viewProps.maxSelection);
+            if (nextValues) {
+                onValueChange(nextValues.join(','));
+            }
+            return;
+        }
+        onValueChange(nextValue);
+    }
+    return (_jsx(SelectView, { ...viewProps, selectedValues: selectedValues, formEntries: [
+            {
+                key: 'legacy-value',
+                value: multiple ? value : getFormValue(value),
+            },
+        ], multiple: multiple, onSelectValue: handleSelectValue }));
+}
+function isLegacyMultipleSelect(props) {
+    return (typeof props.multiple === 'boolean' && typeof props.value === 'string');
+}
+export function CustomSelect(props) {
+    if (isLegacyMultipleSelect(props)) {
+        return _jsx(LegacyCustomSelect, { ...props });
+    }
+    return _jsx(TypedCustomSelect, { ...props });
+}
+function mergeAriaIds(...values) {
+    const ids = values.flatMap((value) => value?.split(/\s+/).filter(Boolean) ?? []);
+    return [...new Set(ids)].join(' ') || undefined;
+}
+function SelectView({ id, name, options, selectedValues, formEntries, onSelectValue, required = false, label, description, error: externalError, disabled = false, readOnly = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, triggerRef, icon, placeholder, className, fallbackOption, multiple = false, minSelection, maxSelection, locale = 'de', messages: providedMessages, isOptionEqualToValue: isOptionEqualToValueProp, ...ariaProps }) {
+    const messages = resolveSelectMessages(locale, providedMessages);
     const [open, setOpen] = useState(false);
     const [searchValue, setSearchValue] = useState('');
     const [isTouched, setIsTouched] = useState(false);
     const searchInputRef = useRef(null);
     const validationInputRef = useRef(null);
+    const internalTriggerRef = useRef(null);
     const shouldKeepOpen = useRef(false);
-    const selectedValues = useMemo(() => {
-        if (!value)
-            return [];
-        return multiple ? value.split(',') : [value];
-    }, [value, multiple]);
-    const error = useMemo(() => {
+    const generatedId = useId();
+    const triggerId = id ?? `select-${generatedId}`;
+    const labelId = `${triggerId}-label`;
+    const descriptionId = `${triggerId}-description`;
+    const errorId = `${triggerId}-error`;
+    const optionEntries = useMemo(() => options.map((option, index) => ({
+        option,
+        radixValue: `option-${index}`,
+    })), [options]);
+    const labelledBy = mergeAriaIds(ariaLabelledBy, label !== undefined && label !== null ? labelId : undefined);
+    const setTriggerRef = useCallback((node) => {
+        internalTriggerRef.current = node;
+        if (typeof triggerRef === 'function') {
+            triggerRef(node);
+        }
+    }, [triggerRef]);
+    useImperativeHandle(typeof triggerRef === 'object' ? triggerRef : null, () => internalTriggerRef.current);
+    const internalError = useMemo(() => {
         if (required && selectedValues.length === 0) {
-            return 'Dieses Feld ist erforderlich';
+            return messages.required;
         }
         if (multiple &&
             minSelection !== undefined &&
             selectedValues.length < minSelection) {
-            return `Mindestens ${minSelection} Optionen auswählen`;
+            return messages.minSelection(minSelection);
         }
         if (multiple &&
             maxSelection !== undefined &&
             selectedValues.length > maxSelection) {
-            return `Maximal ${maxSelection} Optionen auswählen`;
+            return messages.maxSelection(maxSelection);
         }
         return null;
-    }, [required, multiple, minSelection, maxSelection, selectedValues]);
-    const hasError = isTouched && error !== null;
+    }, [
+        required,
+        multiple,
+        minSelection,
+        maxSelection,
+        selectedValues,
+        messages,
+    ]);
+    const resolvedError = externalError !== undefined ? externalError : internalError;
+    const hasError = externalError !== undefined
+        ? Boolean(resolvedError)
+        : isTouched && Boolean(resolvedError);
     const hasLeftIcon = Boolean(icon || hasError);
+    const describedBy = mergeAriaIds(ariaDescribedBy, description !== undefined && description !== null
+        ? descriptionId
+        : undefined, hasError ? errorId : undefined);
     const filteredOptions = useMemo(() => {
         const normalizedSearch = searchValue.trim().toLowerCase();
         if (!normalizedSearch) {
-            return options;
+            return optionEntries;
         }
-        return options.filter((option) => {
-            const label = option.label.toLowerCase();
-            const optionValue = option.value.toLowerCase();
+        return optionEntries.filter(({ option }) => {
+            const optionLabel = option.label.toLowerCase();
+            const optionValue = String(option.value).toLowerCase();
             const subOption = option.subOption?.toLowerCase() || '';
-            return (label.includes(normalizedSearch) ||
+            return (optionLabel.includes(normalizedSearch) ||
                 optionValue.includes(normalizedSearch) ||
                 subOption.includes(normalizedSearch));
         });
-    }, [options, searchValue]);
-    const selectedOptions = useMemo(() => {
-        return options.filter((option) => selectedValues.includes(option.value));
-    }, [options, selectedValues]);
-    function handleValueChange(nextValue) {
-        if (multiple) {
-            let nextArray = selectedValues.includes(nextValue)
-                ? selectedValues.filter((v) => v !== nextValue)
-                : [...selectedValues, nextValue];
-            if (maxSelection !== undefined &&
-                nextArray.length > maxSelection &&
-                !selectedValues.includes(nextValue)) {
-                return;
-            }
-            onValueChange(nextArray.join(','));
+    }, [optionEntries, searchValue]);
+    const isOptionEqualToValue = isOptionEqualToValueProp ?? Object.is;
+    const selectedEntries = useMemo(() => {
+        return optionEntries.filter(({ option }) => selectedValues.some((value) => isOptionEqualToValue(option.value, value)));
+    }, [isOptionEqualToValue, optionEntries, selectedValues]);
+    const selectedRadixValue = multiple
+        ? ''
+        : (selectedEntries[0]?.radixValue ?? '');
+    function handleValueChange(nextRadixValue) {
+        if (disabled || readOnly) {
+            return;
+        }
+        const entry = optionEntries.find(({ radixValue }) => radixValue === nextRadixValue);
+        if (!entry) {
+            return;
         }
-        else {
+        if (!multiple) {
             setSearchValue('');
-            onValueChange(nextValue);
         }
+        onSelectValue(entry.option.value);
     }
     function handleInvalid(event) {
         event.preventDefault();
         setIsTouched(true);
+        internalTriggerRef.current?.focus();
     }
     const focusSearchInput = useCallback(() => {
         requestAnimationFrame(() => searchInputRef.current?.focus());
@@ -81,8 +181,8 @@ export function CustomSelect({ id, name, value, onValueChange, options, required
         }
     }, [open, focusSearchInput]);
     useEffect(() => {
-        validationInputRef.current?.setCustomValidity(error || '');
-    }, [error]);
+        validationInputRef.current?.setCustomValidity(disabled ? '' : resolvedError || '');
+    }, [disabled, resolvedError]);
     useEffect(() => {
         const input = validationInputRef.current;
         const form = input?.form;
@@ -100,7 +200,14 @@ export function CustomSelect({ id, name, value, onValueChange, options, required
             form.removeEventListener('submit', handleFormSubmit);
         };
     }, []);
-    return (_jsxs(SelectPrimitive.Root, { open: open, onOpenChange: (nextOpen) => {
+    if ((disabled || readOnly) && open) {
+        setOpen(false);
+    }
+    return (_jsxs(SelectPrimitive.Root, { open: open && !disabled && !readOnly, onOpenChange: (nextOpen) => {
+            if (disabled || readOnly) {
+                setOpen(false);
+                return;
+            }
             if (multiple && !nextOpen && shouldKeepOpen.current) {
                 shouldKeepOpen.current = false;
                 return;
@@ -112,12 +219,38 @@ export function CustomSelect({ id, name, value, onValueChange, options, required
             else {
                 setSearchValue('');
             }
-        }, value: multiple ? '' : value, onValueChange: handleValueChange, children: [_jsxs("div", { className: "group relative", children: [_jsx("input", { ref: validationInputRef, name: name, value: value, onChange: () => undefined, onInvalid: handleInvalid, required: required, tabIndex: -1, "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-1/2 h-px w-px -translate-y-1/2 opacity-0" }), hasLeftIcon && (_jsx("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 z-10 text-gray-500", children: hasError ? (_jsx(CustomTooltip, { content: error || '', side: "bottom", children: _jsx(AlertCircle, { className: "h-4 w-4 text-red-500" }) })) : (_jsx("span", { className: "pointer-events-none flex items-center transition-colors group-focus-within:text-primary [&>svg]:h-4 [&>svg]:w-4", children: icon })) })), _jsxs(SelectPrimitive.Trigger, { id: id, "aria-invalid": hasError, className: `bg-input-dark border text-[11px] text-gray-300 rounded-lg ${hasLeftIcon ? 'pl-8' : 'pl-3'} pr-8 py-2 outline-none w-full uppercase font-bold tracking-wider cursor-pointer flex items-center justify-between transition-colors min-w-45 ${hasError
+        }, value: selectedRadixValue, onValueChange: handleValueChange, children: [_jsxs("div", { className: "group relative", children: [label !== undefined && label !== null && (_jsx("label", { id: labelId, htmlFor: triggerId, className: "mb-1 block text-sm font-medium text-gray-300", children: label })), _jsx("input", { ref: validationInputRef, name: name, value: formEntries[0]?.value ?? '', onChange: () => undefined, onInvalid: handleInvalid, required: required &&
+                            selectedValues.length === 0 &&
+                            !disabled &&
+                            externalError === undefined, disabled: disabled, readOnly: readOnly, tabIndex: -1, "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-1/2 h-px w-px -translate-y-1/2 opacity-0" }), multiple &&
+                        formEntries
+                            .slice(1)
+                            .map((formEntry) => (_jsx("input", { type: "hidden", name: name, value: formEntry.value, disabled: disabled, readOnly: readOnly }, formEntry.key))), hasLeftIcon && (_jsx("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 z-10 text-gray-500", children: hasError ? (_jsx(CustomTooltip, { content: resolvedError || '', side: "bottom", children: _jsx(AlertCircle, { className: "h-4 w-4 text-red-500" }) })) : (_jsx("span", { className: "pointer-events-none flex items-center transition-colors group-focus-within:text-primary [&>svg]:h-4 [&>svg]:w-4", children: icon })) })), _jsxs(SelectPrimitive.Trigger, { ref: setTriggerRef, id: triggerId, disabled: disabled, ...ariaProps, "aria-invalid": hasError || ariaProps['aria-invalid'] || undefined, "aria-required": disabled
+                            ? undefined
+                            : externalError === undefined
+                                ? required ||
+                                    ariaProps['aria-required'] ||
+                                    undefined
+                                : ariaProps['aria-required'], "aria-label": ariaLabel, "aria-labelledby": labelledBy, "aria-describedby": describedBy, "aria-errormessage": hasError ? errorId : ariaProps['aria-errormessage'], "aria-readonly": readOnly || ariaProps['aria-readonly'] || undefined, "aria-disabled": disabled || ariaProps['aria-disabled'] || undefined, onPointerDown: (event) => {
+                            if (readOnly) {
+                                event.preventDefault();
+                                event.currentTarget.focus();
+                            }
+                        }, onKeyDown: (event) => {
+                            if (readOnly &&
+                                (event.key === 'Enter' ||
+                                    event.key === ' ' ||
+                                    event.key === 'ArrowDown' ||
+                                    event.key === 'ArrowUp')) {
+                                event.preventDefault();
+                            }
+                        }, className: `bg-input-dark border text-[11px] text-gray-300 rounded-lg ${hasLeftIcon ? 'pl-8' : 'pl-3'} pr-8 py-2 outline-none w-full uppercase font-bold tracking-wider cursor-pointer flex items-center justify-between transition-colors min-w-45 disabled:cursor-not-allowed disabled:opacity-50 ${hasError
                             ? 'border-red-500 focus:ring-2 focus:ring-red-500/50 data-[state=open]:border-red-500'
-                            : 'border-border-dark focus:border-primary data-[state=open]:border-primary'} ${className || ''}`, children: [_jsx("span", { className: "min-w-0 flex-1 text-left", children: selectedOptions.length > 0 ? (_jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "truncate leading-4", children: selectedOptions
-                                                .map((o) => o.label)
-                                                .join(', ') }), selectedOptions.length === 1 &&
-                                            selectedOptions[0].subOption && (_jsx("span", { className: "truncate text-[10px] font-semibold leading-3 tracking-normal text-gray-500 normal-case", children: selectedOptions[0].subOption }))] })) : (_jsx(SelectPrimitive.Value, { placeholder: placeholder })) }), _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "h-4 w-4 opacity-50 absolute right-2.5 top-1/2 -translate-y-1/2" }) })] })] }), _jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { position: "popper", sideOffset: 4, onFocusCapture: (event) => {
+                            : 'border-border-dark focus:border-primary data-[state=open]:border-primary'} ${className || ''}`, children: [_jsx("span", { className: "min-w-0 flex-1 text-left", children: selectedEntries.length > 0 ? (_jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "truncate leading-4", children: selectedEntries
+                                                .map(({ option }) => option.label)
+                                                .join(', ') }), selectedEntries.length === 1 &&
+                                            selectedEntries[0].option.subOption && (_jsx("span", { className: "truncate text-[10px] font-semibold leading-3 tracking-normal text-gray-500 normal-case", children: selectedEntries[0].option
+                                                .subOption }))] })) : (_jsx(SelectPrimitive.Value, { placeholder: placeholder })) }), _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "h-4 w-4 opacity-50 absolute right-2.5 top-1/2 -translate-y-1/2" }) })] })] }), description !== undefined && description !== null && (_jsx("div", { id: descriptionId, className: "mt-1 text-xs text-gray-400", children: description })), hasError && (_jsx("span", { id: errorId, className: "sr-only", children: resolvedError })), _jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { position: "popper", sideOffset: 4, onFocusCapture: (event) => {
                         if (event.target !== searchInputRef.current &&
                             searchInputRef.current) {
                             event.stopPropagation();
@@ -135,7 +268,7 @@ export function CustomSelect({ id, name, value, onValueChange, options, required
                         event.stopPropagation();
                         setSearchValue((current) => `${current}${event.key}`);
                         focusSearchInput();
-                    }, className: "z-9998 w-(--radix-select-trigger-width) min-w-45 overflow-hidden rounded-lg border border-border-dark bg-surface-dark shadow-xl animate-in fade-in zoom-in-95 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", children: [_jsx("div", { className: "border-b border-border-dark p-1", children: _jsx("input", { ref: searchInputRef, "aria-label": "Optionen suchen", value: searchValue, onChange: (event) => setSearchValue(event.target.value), onPointerDownCapture: (event) => event.stopPropagation(), onKeyDownCapture: (event) => {
+                    }, className: "z-9998 w-(--radix-select-trigger-width) min-w-45 overflow-hidden rounded-lg border border-border-dark bg-surface-dark shadow-xl animate-in fade-in zoom-in-95 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", children: [_jsx("div", { className: "border-b border-border-dark p-1", children: _jsx("input", { ref: searchInputRef, "aria-label": messages.searchOptions, value: searchValue, onChange: (event) => setSearchValue(event.target.value), onPointerDownCapture: (event) => event.stopPropagation(), onKeyDownCapture: (event) => {
                                     if (event.key !== 'Escape') {
                                         event.stopPropagation();
                                     }
@@ -143,7 +276,7 @@ export function CustomSelect({ id, name, value, onValueChange, options, required
                                     if (event.key !== 'Escape') {
                                         event.stopPropagation();
                                     }
-                                }, placeholder: "Suchen...", className: "h-8 w-full rounded-md border border-border-dark bg-input-dark px-2 text-[11px] font-bold uppercase tracking-wider text-gray-300 outline-none placeholder:text-gray-500 focus:border-primary" }) }), _jsx("div", { className: "rentnerselect-scrollbar max-h-[min(var(--radix-select-content-available-height),16rem)] overflow-y-scroll scrollbar-gutter-stable", children: _jsx(SelectPrimitive.Viewport, { className: "p-1", children: filteredOptions.length > 0 ? (filteredOptions.map((option) => (_jsxs(SelectPrimitive.Item, { value: option.value, onPointerDown: () => {
+                                }, placeholder: messages.searchPlaceholder, className: "h-8 w-full rounded-md border border-border-dark bg-input-dark px-2 text-[11px] font-bold uppercase tracking-wider text-gray-300 outline-none placeholder:text-gray-500 focus:border-primary" }) }), _jsx("div", { className: "rentnerselect-scrollbar max-h-[min(var(--radix-select-content-available-height),16rem)] overflow-y-scroll scrollbar-gutter-stable", children: _jsx(SelectPrimitive.Viewport, { className: "p-1", children: filteredOptions.length > 0 ? (filteredOptions.map(({ option, radixValue }) => (_jsxs(SelectPrimitive.Item, { value: radixValue, onPointerDown: () => {
                                         if (multiple) {
                                             shouldKeepOpen.current = true;
                                         }
@@ -153,8 +286,8 @@ export function CustomSelect({ id, name, value, onValueChange, options, required
                                                 e.key === ' ')) {
                                             shouldKeepOpen.current = true;
                                         }
-                                    }, className: "relative flex w-full cursor-pointer select-none items-center rounded-md py-2 pl-8 pr-2 text-[11px] font-bold uppercase tracking-wider text-gray-300 outline-none focus:bg-primary/20 focus:text-primary transition-colors data-disabled:opacity-50", children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: multiple ? (selectedValues.includes(option.value) && (_jsx(Check, { className: "h-4 w-4" }))) : (_jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) })) }), _jsx(SelectPrimitive.ItemText, { children: _jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "truncate leading-4", children: option.label }), option.subOption && (_jsx("span", { className: "truncate text-[10px] font-semibold leading-3 tracking-normal text-gray-500 normal-case", children: option.subOption }))] }) })] }, option.value)))) : (_jsx("div", { className: "relative flex w-full select-none items-center rounded-md py-2 pl-8 pr-2 text-[11px] font-bold uppercase tracking-wider text-gray-500 opacity-60 outline-none italic cursor-not-allowed", children: searchValue.trim()
-                                        ? 'Keine Ergebnisse'
-                                        : fallbackOption || 'Keine Optionen' })) }) })] }) })] }));
+                                    }, className: "relative flex w-full cursor-pointer select-none items-center rounded-md py-2 pl-8 pr-2 text-[11px] font-bold uppercase tracking-wider text-gray-300 outline-none focus:bg-primary/20 focus:text-primary transition-colors data-disabled:opacity-50", children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: multiple ? (selectedValues.some((value) => isOptionEqualToValue(option.value, value)) && (_jsx(Check, { className: "h-4 w-4" }))) : (_jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) })) }), _jsx(SelectPrimitive.ItemText, { children: _jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "truncate leading-4", children: option.label }), option.subOption && (_jsx("span", { className: "truncate text-[10px] font-semibold leading-3 tracking-normal text-gray-500 normal-case", children: option.subOption }))] }) })] }, radixValue)))) : (_jsx("div", { className: "relative flex w-full select-none items-center rounded-md py-2 pl-8 pr-2 text-[11px] font-bold uppercase tracking-wider text-gray-500 opacity-60 outline-none italic cursor-not-allowed", children: searchValue.trim()
+                                        ? messages.noResults
+                                        : fallbackOption || messages.noOptions })) }) })] }) })] }));
 }
 //# sourceMappingURL=Select.js.map

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}

package/dist/i18n.d.ts

@@ -0,0 +1,13 @@
+export type SelectLocale = 'de' | 'en';
+export interface SelectMessages {
+    required: string;
+    minSelection: (count: number) => string;
+    maxSelection: (count: number) => string;
+    searchOptions: string;
+    searchPlaceholder: string;
+    noResults: string;
+    noOptions: string;
+}
+export declare const selectMessageCatalog: Record<SelectLocale, SelectMessages>;
+export declare function resolveSelectMessages(locale?: SelectLocale, messages?: Partial<SelectMessages>): SelectMessages;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAA;AAEtC,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CACpB;AAsBD,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,cAAc,CAGrE,CAAA;AAED,wBAAgB,qBAAqB,CACjC,MAAM,GAAE,YAAmB,EAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GACnC,cAAc,CAKhB"}

package/dist/i18n.js

@@ -0,0 +1,29 @@
+const germanMessages = {
+    required: 'Dieses Feld ist erforderlich',
+    minSelection: (count) => `Mindestens ${count} Optionen auswählen`,
+    maxSelection: (count) => `Maximal ${count} Optionen auswählen`,
+    searchOptions: 'Optionen suchen',
+    searchPlaceholder: 'Suchen...',
+    noResults: 'Keine Ergebnisse',
+    noOptions: 'Keine Optionen',
+};
+const englishMessages = {
+    required: 'This field is required',
+    minSelection: (count) => `Select at least ${count} options`,
+    maxSelection: (count) => `Select at most ${count} options`,
+    searchOptions: 'Search options',
+    searchPlaceholder: 'Search...',
+    noResults: 'No results',
+    noOptions: 'No options',
+};
+export const selectMessageCatalog = {
+    de: germanMessages,
+    en: englishMessages,
+};
+export function resolveSelectMessages(locale = 'de', messages) {
+    return {
+        ...selectMessageCatalog[locale],
+        ...messages,
+    };
+}
+//# sourceMappingURL=i18n.js.map

package/dist/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.ts"],"names":[],"mappings":"AAYA,MAAM,cAAc,GAAmB;IACnC,QAAQ,EAAE,8BAA8B;IACxC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,KAAK,qBAAqB;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,KAAK,qBAAqB;IAC9D,aAAa,EAAE,iBAAiB;IAChC,iBAAiB,EAAE,WAAW;IAC9B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,gBAAgB;CAC9B,CAAA;AAED,MAAM,eAAe,GAAmB;IACpC,QAAQ,EAAE,wBAAwB;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,KAAK,UAAU;IAC3D,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,UAAU;IAC1D,aAAa,EAAE,gBAAgB;IAC/B,iBAAiB,EAAE,WAAW;IAC9B,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAyC;IACtE,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,eAAe;CACtB,CAAA;AAED,MAAM,UAAU,qBAAqB,CACjC,MAAM,GAAiB,IAAI,EAC3B,QAAkC;IAElC,OAAO;QACH,GAAG,oBAAoB,CAAC,MAAM,CAAC;QAC/B,GAAG,QAAQ;KACd,CAAA;AACL,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export { CustomSelect } from './Select.js';
-export type { CustomSelectProps, Option } from './types.js';
+export { resolveSelectMessages, selectMessageCatalog } from './i18n.js';
+export type { CustomSelectProps, LegacyMultipleSelectProps, MultipleSelectProps, Option, SingleSelectProps, } from './types.js';
+export type { SelectLocale, SelectMessages } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AACvE,YAAY,EACR,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,MAAM,EACN,iBAAiB,GACpB,MAAM,YAAY,CAAA;AACnB,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export { CustomSelect } from './Select.js';
+export { resolveSelectMessages, selectMessageCatalog } from './i18n.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA"}

package/dist/selectValue.d.ts

@@ -0,0 +1,5 @@
+export type SelectValueComparator<TValue> = (optionValue: TValue, value: TValue) => boolean;
+export declare function isSingleValueEmpty(value: unknown): value is '' | null | undefined;
+export declare function parseLegacyMultipleValue(value: string): Array<string>;
+export declare function toggleSelectedValue<TValue>(selectedValues: ReadonlyArray<TValue>, nextValue: TValue, isEqual: SelectValueComparator<TValue>, maxSelection?: number): Array<TValue> | null;
+//# sourceMappingURL=selectValue.d.ts.map

package/dist/selectValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectValue.d.ts","sourceRoot":"","sources":["../src/selectValue.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,CAAC,MAAM,IAAI,CACxC,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,MAAM,KACZ,OAAO,CAAA;AAEZ,wBAAgB,kBAAkB,CAC9B,KAAK,EAAE,OAAO,GACf,KAAK,IAAI,EAAE,GAAG,IAAI,GAAG,SAAS,CAEhC;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAErE;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EACtC,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,EACrC,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,qBAAqB,CAAC,MAAM,CAAC,EACtC,YAAY,CAAC,EAAE,MAAM,GACtB,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CActB"}

package/dist/selectValue.js

@@ -0,0 +1,17 @@
+export function isSingleValueEmpty(value) {
+    return value === null || value === undefined || value === '';
+}
+export function parseLegacyMultipleValue(value) {
+    return value ? value.split(',') : [];
+}
+export function toggleSelectedValue(selectedValues, nextValue, isEqual, maxSelection) {
+    const selectedIndex = selectedValues.findIndex((value) => isEqual(nextValue, value));
+    if (selectedIndex >= 0) {
+        return selectedValues.filter((value) => !isEqual(nextValue, value));
+    }
+    if (maxSelection !== undefined && selectedValues.length >= maxSelection) {
+        return null;
+    }
+    return [...selectedValues, nextValue];
+}
+//# sourceMappingURL=selectValue.js.map

package/dist/selectValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectValue.js","sourceRoot":"","sources":["../src/selectValue.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,kBAAkB,CAC9B,KAAc;IAEd,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,CAAA;AAChE,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,KAAa;IAClD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;AACxC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAC/B,cAAqC,EACrC,SAAiB,EACjB,OAAsC,EACtC,YAAqB;IAErB,MAAM,aAAa,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CACrD,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAC5B,CAAA;IAED,IAAI,aAAa,IAAI,CAAC,EAAE,CAAC;QACrB,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAA;IACvE,CAAC;IAED,IAAI,YAAY,KAAK,SAAS,IAAI,cAAc,CAAC,MAAM,IAAI,YAAY,EAAE,CAAC;QACtE,OAAO,IAAI,CAAA;IACf,CAAC;IAED,OAAO,CAAC,GAAG,cAAc,EAAE,SAAS,CAAC,CAAA;AACzC,CAAC"}

package/dist/types.d.ts

@@ -1,22 +1,57 @@
-import type { ReactNode } from 'react';
-export interface Option {
-    value: string;
+import type { AriaAttributes, ReactNode, Ref } from 'react';
+import type { SelectLocale, SelectMessages } from './i18n.js';
+export interface Option<TValue = string> {
+    value: TValue;
     label: string;
     subOption?: string;
 }
-export interface CustomSelectProps {
+interface SharedCustomSelectProps<TValue> extends AriaAttributes {
     id?: string;
     name?: string;
-    value: string;
-    onValueChange: (value: string) => void;
-    options: Array<Option>;
+    options: ReadonlyArray<Option<TValue>>;
     required?: boolean;
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: string | null;
+    disabled?: boolean;
+    readOnly?: boolean;
+    triggerRef?: Ref<HTMLButtonElement>;
     icon?: ReactNode;
     placeholder?: string;
     className?: string;
     fallbackOption?: string;
-    multiple?: boolean;
     minSelection?: number;
     maxSelection?: number;
+    locale?: SelectLocale;
+    messages?: Partial<SelectMessages>;
+    isOptionEqualToValue?: (optionValue: TValue, value: TValue) => boolean;
+    getFormValue?: (value: TValue) => string;
+}
+export interface SingleSelectProps<TValue = string> extends SharedCustomSelectProps<TValue> {
+    value: TValue | null | undefined;
+    onValueChange: (value: TValue) => void;
+    multiple?: false;
+}
+export interface MultipleSelectProps<TValue = string> extends SharedCustomSelectProps<TValue> {
+    value: ReadonlyArray<TValue>;
+    onValueChange: (value: Array<TValue>) => void;
+    multiple: true;
+}
+/**
+ * @deprecated Verwende `MultipleSelectProps<TValue>` mit `TValue[]`. Das
+ * kommagetrennte Stringformat wird in Version 2.0 entfernt.
+ */
+export interface LegacyMultipleSelectProps extends SharedCustomSelectProps<string> {
+    /** @deprecated Übergib ein Array und behandle Änderungen als `string[]`. */
+    value: string;
+    /** @deprecated Der Callback erhält mit der Array-API ein `string[]`. */
+    onValueChange: (value: string) => void;
+    /**
+     * @deprecated Dynamische Booleans bleiben bis Version 2.0 kompatibel.
+     * Verwende für neue Mehrfachauswahlen `multiple: true` mit einem Array.
+     */
+    multiple: boolean;
 }
+export type CustomSelectProps<TValue = string> = SingleSelectProps<TValue> | MultipleSelectProps<TValue> | ([TValue] extends [string] ? [string] extends [TValue] ? LegacyMultipleSelectProps : never : never);
+export type { SelectLocale, SelectMessages } from './i18n.js';
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,MAAM;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,iBAAiB;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE7D,MAAM,WAAW,MAAM,CAAC,MAAM,GAAG,MAAM;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,UAAU,uBAAuB,CAAC,MAAM,CAAE,SAAQ,cAAc;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IAClC,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IACtE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CAC3C;AAED,MAAM,WAAW,iBAAiB,CAC9B,MAAM,GAAG,MAAM,CACjB,SAAQ,uBAAuB,CAAC,MAAM,CAAC;IACrC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAA;CACnB;AAED,MAAM,WAAW,mBAAmB,CAChC,MAAM,GAAG,MAAM,CACjB,SAAQ,uBAAuB,CAAC,MAAM,CAAC;IACrC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC7C,QAAQ,EAAE,IAAI,CAAA;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,yBAA0B,SAAQ,uBAAuB,CAAC,MAAM,CAAC;IAC9E,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,MAAM,iBAAiB,CAAC,MAAM,GAAG,MAAM,IACvC,iBAAiB,CAAC,MAAM,CAAC,GACzB,mBAAmB,CAAC,MAAM,CAAC,GAC3B,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GACpB,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GACrB,yBAAyB,GACzB,KAAK,GACT,KAAK,CAAC,CAAA;AAElB,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rentnerkev/select",
-    "version": "1.0.0",
+    "version": "2.0.0",
     "description": "Accessible, searchable React select with single and multiple selection support.",
     "author": "RentnerKev",
     "license": "MIT",
@@ -8,12 +8,16 @@
     "types": "dist/index.d.ts",
     "type": "module",
     "files": [
-        "dist"
+        "dist",
+        "tailwind.css"
+    ],
+    "sideEffects": [
+        "./tailwind.css"
     ],
-    "sideEffects": false,
     "scripts": {
         "build": "bun -e \"import { rmSync } from 'node:fs'; rmSync('dist', { recursive: true, force: true })\" && tsc",
-        "typecheck": "tsc --noEmit",
+        "typecheck": "tsc --noEmit && tsc --project tsconfig.type-tests.json",
+        "test": "bun test",
         "prepare": "bun run build",
         "pack:check": "bun pm pack --dry-run",
         "playground:dev": "bun --cwd playground dev",
@@ -22,7 +26,7 @@
         "lint:fix": "oxlint --fix .",
         "format": "oxfmt .",
         "format:check": "oxfmt --check .",
-        "verify": "bun run typecheck && bun run lint && bun run format:check && bun run build && bun run pack:check"
+        "verify": "bun run typecheck && bun run lint && bun run format:check && bun run test && bun run build && bun run pack:check"
     },
     "repository": {
         "type": "git",
@@ -37,17 +41,21 @@
         "registry": "https://registry.npmjs.org"
     },
     "peerDependencies": {
-        "react": "^19.2.8",
-        "react-dom": "^19.2.8"
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
     },
     "devDependencies": {
+        "@happy-dom/global-registrator": "^20.14.5",
+        "@testing-library/react": "^16.3.3",
+        "@testing-library/user-event": "^14.6.7",
         "@types/react": "^19.3.0",
         "@types/react-dom": "^19.2.4",
+        "happy-dom": "^20.14.5",
+        "oxfmt": "^0.68.0",
+        "oxlint": "^1.83.0",
         "react": "^19.3.0",
         "react-dom": "^19.3.0",
-        "typescript": "^7.0.2",
-        "oxfmt": "^0.66.0",
-        "oxlint": "^1.83.0"
+        "typescript": "^7.0.2"
     },
     "dependencies": {
         "@radix-ui/react-select": "^2.3.7",
@@ -59,14 +67,24 @@
             "import": "./dist/index.js",
             "types": "./dist/index.d.ts"
         },
+        "./tailwind.css": "./tailwind.css",
         "./select": {
             "import": "./dist/Select.js",
             "types": "./dist/Select.d.ts"
         },
+        "./value": {
+            "import": "./dist/selectValue.js",
+            "types": "./dist/selectValue.d.ts"
+        },
+        "./messages": {
+            "import": "./dist/i18n.js",
+            "types": "./dist/i18n.d.ts"
+        },
         "./types": {
             "import": "./dist/types.js",
             "types": "./dist/types.d.ts"
-        }
+        },
+        "./package.json": "./package.json"
     },
     "packageManager": "bun@1.4.2"
 }

package/tailwind.css

@@ -0,0 +1,12 @@
+@source "./dist/**/*.js";
+
+@theme {
+    --color-primary: #13ecd6;
+    --color-primary-hover: #0fbdaa;
+    --color-background-dark: #0f1014;
+    --color-surface-dark: #181a1f;
+    --color-input-dark: #22252b;
+    --color-border-dark: #2e323b;
+    --color-secondary-text: #9ca3af;
+    --color-muted-foreground: #9ca3af;
+}