iryx-ui 0.4.0 → 0.5.0

package/README.md

@@ -104,7 +104,7 @@ and every component updates.
 
 ```vue
 <template>
-  <IApp theme="emerald" appearance="system" dir="ltr">
+  <IApp theme="rose" appearance="system" dir="ltr">
     <RouterView />
   </IApp>
 </template>
@@ -165,14 +165,14 @@ utilities (shadcn-style `@custom-variant dark`).
 
 ## Theming
 
-Pick a built-in color preset — `violet` (default), `emerald`, `rose`,
-`amber`, `sky` — at startup or at runtime:
+Pick a built-in color preset — `violet` (default) or `rose` — at startup or at
+runtime:
 
 ```ts
 import { applyTheme } from 'iryx-ui'
 
-app.use(createIryxUi({ theme: 'emerald' }))
-// nuxt.config.ts → iryxUi: { theme: 'emerald' }
+app.use(createIryxUi({ theme: 'rose' }))
+// nuxt.config.ts → iryxUi: { theme: 'rose' }
 
 applyTheme('rose') // runtime, e.g. from a theme picker
 ```
@@ -202,10 +202,19 @@ Available tokens, each usable as a Tailwind color (`bg-primary`,
 
 | Group | Tokens |
 | --- | --- |
-| Surfaces | `background`, `foreground`, `accent`, `accent-foreground`, `muted`, `muted-foreground`, `border` |
+| Surfaces | `background`, `foreground`, `accent`, `accent-foreground`, `muted`, `muted-foreground`, `border`, `input` |
 | Brand | `primary`, `primary-foreground`, `primary-from`, `primary-to` |
 | Status | `success`, `warning`, `danger`, `info` — each with `-foreground`, `-muted`, `-muted-foreground` and `-border` |
 
+`input` is the fill behind the fields — `IInput`, `ITextarea`, `INumberInput`,
+the `ISelect` trigger, the `ICombobox` anchor — and behind `IButton`'s
+`outline` variant, so the two read as the same kind of surface. It's a token
+of its own rather than a reused `muted`, so how raised a control looks can be
+tuned without moving every muted surface with it. It matches the page
+background in light mode and lifts off it in dark, where the difference is
+legible; that split lives in the token values, so no component needs a `dark:`
+class for it.
+
 `primary-from` / `primary-to` are the stops of the solid button's vertical
 gradient. The status tokens carry their own dark-mode values, so components
 never need a `dark:` class for them: `success` is the solid fill,
@@ -266,7 +275,8 @@ app.use(createIryxUi({ unstyled: true }))
 | `ITextarea` | Multi-line field with matching sizes and `invalid` state |
 | `ILabel` | Field label with optional `required` asterisk |
 | `ICheckbox` | Tri-state checkbox (`true` / `false` / `'indeterminate'`), optional `label` + `description` |
-| `ISelect` | Listbox with keyboard nav and typeahead, driven by an `items` array |
+| `ISelect` | Listbox with keyboard nav and typeahead, driven by an `items` array, with optional groups |
+| `ICombobox` | Searchable select — filters as you type, with optional groups, virtualized rows and a "create from query" row |
 | `IRadioGroup` | Radio list with labels wired up automatically; items take a `description` |
 | `ISwitch` | Accessible toggle, optional `label` + `description` |
 
@@ -406,6 +416,77 @@ const framework = ref('vue')
 
 `ISelect` and `IRadioGroup` accept plain strings or `{ label, value, disabled }` objects. Both also take a default slot if you'd rather compose the Reka primitives yourself.
 
+`ISelect` also takes groups — an entry with its own `items` becomes a labelled
+heading, the same shape `ICombobox` uses:
+
+```vue
+<ISelect
+  v-model="framework"
+  :items="[
+    { label: 'Virtual DOM', items: ['Vue', 'React'] },
+    { label: 'Compiled', items: [{ label: 'Svelte', value: 'svelte' }] },
+  ]"
+/>
+```
+
+### Searchable selects
+
+`ICombobox` takes the same `items` as `ISelect` and filters them against what
+the user types, which is what you want once a list runs to hundreds of entries.
+The field shows the selected option's **label** while the model holds its value.
+
+```vue
+<ICombobox
+  v-model="clientId"
+  :items="clients"
+  placeholder="Search clients"
+  empty-text="No clients found."
+/>
+```
+
+Set `create` to offer a row for whatever the user typed when nothing matches.
+Choosing it emits `create` with the query and does **not** change the model —
+the option doesn't exist yet, so you add it and select it yourself:
+
+```vue
+<ICombobox
+  v-model="clientId"
+  :items="clients"
+  create
+  :create-label="query => `Add ${query}`"
+  @create="query => clients.push({ label: query, value: addClient(query) })"
+/>
+```
+
+Both `empty-text` and `create-label` are props precisely so a non-English app
+never inherits an English string; `empty` and `create` slots take over the
+markup entirely if you need more than text.
+
+An entry with its own `items` becomes a labelled group. A group disappears on
+its own once nothing inside it matches:
+
+```vue
+<ICombobox
+  v-model="clientId"
+  :items="[
+    { label: 'Recent', items: ['Acme Industries', 'Bolt Logistics'] },
+    { label: 'Archived', items: [{ label: 'Cirrus Systems', value: 'cirrus' }] },
+  ]"
+/>
+```
+
+For lists in the thousands, `virtual` renders only the rows on screen:
+
+```vue
+<ICombobox v-model="sku" virtual :items="fiveThousandItems" :estimate-size="32" />
+```
+
+`virtual` and grouped items are **mutually exclusive** — the underlying
+virtualizer is a flat window with no notion of group headings, so groups are
+flattened and their labels dropped (with a warning in dev). `estimate-size` is
+the assumed row height in px, used to size the scrollbar before rows are
+measured; set it if you have restyled rows to a different height.
+
 ### Numbers and money
 
 `INumberInput` never turns your value into a `number`. The model is a decimal

package/dist/component-names.d.ts

@@ -3,5 +3,5 @@
  * Consumed by the Vue plugin (global registration) and the Nuxt module
  * (auto-imports). Keep in sync with `src/components/index.ts`.
  */
-export declare const componentNames: readonly ["Alert", "App", "Badge", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "ConfirmDialog", "Dialog", "DropdownMenu", "EmptyState", "Form", "FormField", "Input", "Label", "NumberInput", "Pagination", "Progress", "RadioGroup", "Select", "Separator", "Skeleton", "Stat", "Stepper", "Switch", "Tabs", "Textarea", "Toaster", "Tooltip"];
+export declare const componentNames: readonly ["Alert", "App", "Badge", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "Combobox", "ConfirmDialog", "Dialog", "DropdownMenu", "EmptyState", "Form", "FormField", "Input", "Label", "NumberInput", "Pagination", "Progress", "RadioGroup", "Select", "Separator", "Skeleton", "Stat", "Stepper", "Switch", "Tabs", "Textarea", "Toaster", "Tooltip"];
 export type ComponentName = (typeof componentNames)[number];

package/dist/components/App.vue.d.ts

@@ -7,7 +7,7 @@ export interface AppProps extends /* @vue-ignore */ ConfigProviderProps {
      * below. Reactive, unlike the install-time plugin option.
      */
     unstyled?: boolean;
-    /** Colour theme: a preset name (`'emerald'`…) or a custom theme. */
+    /** Colour theme: a preset name (`'violet'`, `'rose'`) or a custom theme. */
     theme?: Theme | ThemePresetName;
     /** Startup appearance. A preference the user already stored wins over this. */
     appearance?: Appearance;

package/dist/components/Combobox.vue.d.ts

@@ -0,0 +1,112 @@
+import type { AcceptableValue, ComboboxRootProps } from 'reka-ui';
+export interface ComboboxItemOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+/** A labelled run of options. Reka hides the whole group once nothing in it matches. */
+export interface ComboboxItemGroup {
+    label: string;
+    items: (ComboboxItemOption | string)[];
+}
+export type ComboboxItems = (ComboboxItemOption | ComboboxItemGroup | string)[];
+export interface ComboboxProps extends ComboboxRootProps {
+    /**
+     * Options to render. Strings are expanded to `{ label, value }`, and an
+     * entry with its own `items` becomes a labelled group.
+     */
+    items?: ComboboxItems;
+    placeholder?: string;
+    size?: 'sm' | 'md' | 'lg';
+    /** Mark the field as invalid — styles the border and ring red. */
+    invalid?: boolean;
+    id?: string;
+    /** Shown when the query matches nothing. Override for non-English apps. */
+    emptyText?: string;
+    /**
+     * Offer a "create" row when the query matches no option's label, for
+     * adding a client or item without leaving the field. Selecting it emits
+     * `create` with the query — the value is *not* set, since the option
+     * doesn't exist yet; add it to `items` and set the model yourself.
+     */
+    create?: boolean;
+    /** Label for that row. Receives the current query. */
+    createLabel?: (query: string) => string;
+    /**
+     * Render only the rows in view. Worth it in the thousands, not the hundreds.
+     * Groups are flattened — Reka's virtualizer is a flat window — so `virtual`
+     * and grouped `items` are mutually exclusive.
+     */
+    virtual?: boolean;
+    /** Row height in px, used to size the scrollbar before rows are measured. */
+    estimateSize?: number;
+    /** Rows rendered beyond the viewport on each side. */
+    overscan?: number;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    ui?: {
+        anchor?: string;
+        input?: string;
+        trigger?: string;
+        content?: string;
+        viewport?: string;
+        item?: string;
+        empty?: string;
+        group?: string;
+        groupLabel?: string;
+    };
+}
+declare var __VLS_50: {
+    query: string;
+}, __VLS_58: {
+    query: string;
+}, __VLS_60: {}, __VLS_139: {
+    query: string;
+};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_50) => any;
+} & {
+    empty?: (props: typeof __VLS_58) => any;
+} & {
+    default?: (props: typeof __VLS_60) => any;
+} & {
+    create?: (props: typeof __VLS_139) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: AcceptableValue) => any;
+    create: (query: string) => any;
+    highlight: (payload: {
+        ref: HTMLElement;
+        value: AcceptableValue;
+    } | undefined) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ComboboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: AcceptableValue) => any) | undefined;
+    onCreate?: ((query: string) => any) | undefined;
+    onHighlight?: ((payload: {
+        ref: HTMLElement;
+        value: AcceptableValue;
+    } | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    disabled: boolean;
+    invalid: boolean;
+    emptyText: string;
+    create: boolean;
+    createLabel: (query: string) => string;
+    virtual: boolean;
+    estimateSize: number;
+    overscan: number;
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DropdownMenu.vue.d.ts

@@ -36,8 +36,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     unstyled: boolean;
-    align: "start" | "center" | "end";
     sideOffset: number;
+    align: "start" | "center" | "end";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Select.vue.d.ts

@@ -4,9 +4,18 @@ export interface SelectItemOption {
     value: string;
     disabled?: boolean;
 }
+/** A labelled run of options, rendered under a heading. */
+export interface SelectItemGroup {
+    label: string;
+    items: (SelectItemOption | string)[];
+}
+export type SelectItems = (SelectItemOption | SelectItemGroup | string)[];
 export interface SelectProps extends SelectRootProps {
-    /** Options to render. Strings are expanded to `{ label, value }`. */
-    items?: (SelectItemOption | string)[];
+    /**
+     * Options to render. Strings are expanded to `{ label, value }`, and an
+     * entry with its own `items` becomes a labelled group.
+     */
+    items?: SelectItems;
     placeholder?: string;
     size?: 'sm' | 'md' | 'lg';
     /** Skip built-in classes; you take over styling entirely. */
@@ -17,6 +26,8 @@ export interface SelectProps extends SelectRootProps {
         content?: string;
         viewport?: string;
         item?: string;
+        group?: string;
+        groupLabel?: string;
     };
 }
 declare var __VLS_48: {};

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ export { default as Button } from './Button.vue';
 export { default as ButtonGroup } from './ButtonGroup.vue';
 export { default as Card } from './Card.vue';
 export { default as Checkbox } from './Checkbox.vue';
+export { default as Combobox } from './Combobox.vue';
 export { default as ConfirmDialog } from './ConfirmDialog.vue';
 export { default as Dialog } from './Dialog.vue';
 export { default as DropdownMenu } from './DropdownMenu.vue';

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export type { ButtonProps } from './components/Button.vue';
 export type { ButtonGroupProps } from './components/ButtonGroup.vue';
 export type { CardProps } from './components/Card.vue';
 export type { CheckboxProps } from './components/Checkbox.vue';
+export type { ComboboxItemGroup, ComboboxItemOption, ComboboxItems, ComboboxProps } from './components/Combobox.vue';
 export type { ConfirmDialogProps } from './components/ConfirmDialog.vue';
 export type { DialogProps } from './components/Dialog.vue';
 export type { DropdownMenuProps } from './components/DropdownMenu.vue';
@@ -21,7 +22,7 @@ export type { NumberInputProps } from './components/NumberInput.vue';
 export type { PaginationProps } from './components/Pagination.vue';
 export type { ProgressProps } from './components/Progress.vue';
 export type { RadioGroupItemOption, RadioGroupProps } from './components/RadioGroup.vue';
-export type { SelectItemOption, SelectProps } from './components/Select.vue';
+export type { SelectItemGroup, SelectItemOption, SelectItems, SelectProps } from './components/Select.vue';
 export type { SeparatorProps } from './components/Separator.vue';
 export type { SkeletonProps } from './components/Skeleton.vue';
 export type { StatProps } from './components/Stat.vue';

package/dist/index.js

@@ -18,50 +18,52 @@ import { cardTheme as S } from "./packages/iryx-ui/src/theme/card.js";
 import C from "./packages/iryx-ui/src/components/Card.js";
 import { checkboxTheme as w } from "./packages/iryx-ui/src/theme/checkbox.js";
 import T from "./packages/iryx-ui/src/components/Checkbox.js";
-import { resolveConfirm as E, useConfirm as D, useConfirmState as O } from "./packages/iryx-ui/src/composables/confirm.js";
-import { dialogTheme as k } from "./packages/iryx-ui/src/theme/dialog.js";
-import A from "./packages/iryx-ui/src/components/Dialog.js";
-import j from "./packages/iryx-ui/src/components/ConfirmDialog.js";
-import { dropdownMenuTheme as M } from "./packages/iryx-ui/src/theme/dropdown-menu.js";
-import { isSeparator as N, isSubmenu as P } from "./packages/iryx-ui/src/composables/dropdown-menu.js";
-import F from "./packages/iryx-ui/src/components/DropdownMenu.js";
-import { emptyStateTheme as I } from "./packages/iryx-ui/src/theme/empty-state.js";
-import L from "./packages/iryx-ui/src/components/EmptyState.js";
-import { formContextKey as R, formFieldContextKey as z, getByPath as B, isStandardSchema as V, issuePath as H, useForm as U, useFormField as W } from "./packages/iryx-ui/src/composables/form.js";
-import G from "./packages/iryx-ui/src/components/Form.js";
-import { labelTheme as K } from "./packages/iryx-ui/src/theme/label.js";
-import q from "./packages/iryx-ui/src/components/Label.js";
-import J from "./packages/iryx-ui/src/components/FormField.js";
-import { fieldBase as Y, inputTheme as X, textareaTheme as Z } from "./packages/iryx-ui/src/theme/input.js";
-import Q from "./packages/iryx-ui/src/components/Input.js";
-import { addDecimals as $, clampDecimal as ee, compareDecimals as te, formatDecimal as ne, formatForLocale as re, isDecimal as ie, localeSeparators as ae, parseDecimal as oe, parseFromLocale as se, roundDecimal as ce, toEditable as le } from "./packages/iryx-ui/src/composables/decimal.js";
-import { numberInputTheme as ue } from "./packages/iryx-ui/src/theme/number-input.js";
-import de from "./packages/iryx-ui/src/components/NumberInput.js";
-import { paginationTheme as fe } from "./packages/iryx-ui/src/theme/pagination.js";
-import pe from "./packages/iryx-ui/src/components/Pagination.js";
-import { progressTheme as me } from "./packages/iryx-ui/src/theme/progress.js";
-import he from "./packages/iryx-ui/src/components/Progress.js";
-import { radioGroupTheme as ge } from "./packages/iryx-ui/src/theme/radio-group.js";
-import _e from "./packages/iryx-ui/src/components/RadioGroup.js";
-import { selectTheme as ve } from "./packages/iryx-ui/src/theme/select.js";
-import ye from "./packages/iryx-ui/src/components/Select.js";
-import { separatorTheme as be } from "./packages/iryx-ui/src/theme/separator.js";
-import xe from "./packages/iryx-ui/src/components/Separator.js";
-import { skeletonTheme as Se } from "./packages/iryx-ui/src/theme/skeleton.js";
-import Ce from "./packages/iryx-ui/src/components/Skeleton.js";
-import { statTheme as we } from "./packages/iryx-ui/src/theme/stat.js";
-import Te from "./packages/iryx-ui/src/components/Stat.js";
-import { stepperTheme as Ee } from "./packages/iryx-ui/src/theme/stepper.js";
-import De from "./packages/iryx-ui/src/components/Stepper.js";
-import { switchTheme as Oe } from "./packages/iryx-ui/src/theme/switch.js";
-import ke from "./packages/iryx-ui/src/components/Switch.js";
-import { tabsTheme as Ae } from "./packages/iryx-ui/src/theme/tabs.js";
-import je from "./packages/iryx-ui/src/components/Tabs.js";
-import Me from "./packages/iryx-ui/src/components/Textarea.js";
-import { useToast as Ne, useToastState as Pe } from "./packages/iryx-ui/src/composables/toast.js";
-import { toastTheme as Fe } from "./packages/iryx-ui/src/theme/toast.js";
-import Ie from "./packages/iryx-ui/src/components/Toaster.js";
-import { tooltipTheme as Le } from "./packages/iryx-ui/src/theme/tooltip.js";
-import Re from "./packages/iryx-ui/src/components/Tooltip.js";
-import { IryxUi as ze, createIryxUi as Be } from "./packages/iryx-ui/src/plugin.js";
-export { a as Alert, d as App, p as Badge, h as Breadcrumb, y as Button, x as ButtonGroup, C as Card, T as Checkbox, j as ConfirmDialog, A as Dialog, F as DropdownMenu, L as EmptyState, G as Form, J as FormField, Q as Input, ze as IryxUi, q as Label, de as NumberInput, pe as Pagination, he as Progress, _e as RadioGroup, ye as Select, xe as Separator, Ce as Skeleton, Te as Stat, De as Stepper, ke as Switch, je as Tabs, Me as Textarea, Ie as Toaster, Re as Tooltip, $ as addDecimals, i as alertTheme, c as applyTheme, f as badgeTheme, m as breadcrumbTheme, g as buttonGroupContextKey, b as buttonGroupTheme, v as buttonTheme, S as cardTheme, w as checkboxTheme, ee as clampDecimal, l as clearTheme, te as compareDecimals, e as componentNames, Be as createIryxUi, t as defaultConfig, k as dialogTheme, M as dropdownMenuTheme, I as emptyStateTheme, Y as fieldBase, R as formContextKey, z as formFieldContextKey, ne as formatDecimal, re as formatForLocale, B as getByPath, o as initAppearance, X as inputTheme, n as iryxUiConfigKey, ie as isDecimal, N as isSeparator, V as isStandardSchema, P as isSubmenu, H as issuePath, K as labelTheme, ae as localeSeparators, ue as numberInputTheme, fe as paginationTheme, oe as parseDecimal, se as parseFromLocale, me as progressTheme, ge as radioGroupTheme, E as resolveConfirm, ce as roundDecimal, ve as selectTheme, be as separatorTheme, Se as skeletonTheme, we as statTheme, Ee as stepperTheme, Oe as switchTheme, Ae as tabsTheme, Z as textareaTheme, u as themes, le as toEditable, Fe as toastTheme, Le as tooltipTheme, s as useAppearance, _ as useButtonGroup, D as useConfirm, O as useConfirmState, U as useForm, W as useFormField, r as useIryxUiConfig, Ne as useToast, Pe as useToastState };
+import { formContextKey as E, formFieldContextKey as D, getByPath as O, isStandardSchema as k, issuePath as A, useForm as j, useFormField as M } from "./packages/iryx-ui/src/composables/form.js";
+import { fieldBase as N, inputTheme as P, textareaTheme as F } from "./packages/iryx-ui/src/theme/input.js";
+import { comboboxTheme as I } from "./packages/iryx-ui/src/theme/combobox.js";
+import L from "./packages/iryx-ui/src/components/Combobox.js";
+import { resolveConfirm as R, useConfirm as z, useConfirmState as B } from "./packages/iryx-ui/src/composables/confirm.js";
+import { dialogTheme as V } from "./packages/iryx-ui/src/theme/dialog.js";
+import H from "./packages/iryx-ui/src/components/Dialog.js";
+import U from "./packages/iryx-ui/src/components/ConfirmDialog.js";
+import { dropdownMenuTheme as W } from "./packages/iryx-ui/src/theme/dropdown-menu.js";
+import { isSeparator as G, isSubmenu as K } from "./packages/iryx-ui/src/composables/dropdown-menu.js";
+import q from "./packages/iryx-ui/src/components/DropdownMenu.js";
+import { emptyStateTheme as J } from "./packages/iryx-ui/src/theme/empty-state.js";
+import Y from "./packages/iryx-ui/src/components/EmptyState.js";
+import X from "./packages/iryx-ui/src/components/Form.js";
+import { labelTheme as Z } from "./packages/iryx-ui/src/theme/label.js";
+import Q from "./packages/iryx-ui/src/components/Label.js";
+import $ from "./packages/iryx-ui/src/components/FormField.js";
+import ee from "./packages/iryx-ui/src/components/Input.js";
+import { addDecimals as te, clampDecimal as ne, compareDecimals as re, formatDecimal as ie, formatForLocale as ae, isDecimal as oe, localeSeparators as se, parseDecimal as ce, parseFromLocale as le, roundDecimal as ue, toEditable as de } from "./packages/iryx-ui/src/composables/decimal.js";
+import { numberInputTheme as fe } from "./packages/iryx-ui/src/theme/number-input.js";
+import pe from "./packages/iryx-ui/src/components/NumberInput.js";
+import { paginationTheme as me } from "./packages/iryx-ui/src/theme/pagination.js";
+import he from "./packages/iryx-ui/src/components/Pagination.js";
+import { progressTheme as ge } from "./packages/iryx-ui/src/theme/progress.js";
+import _e from "./packages/iryx-ui/src/components/Progress.js";
+import { radioGroupTheme as ve } from "./packages/iryx-ui/src/theme/radio-group.js";
+import ye from "./packages/iryx-ui/src/components/RadioGroup.js";
+import { selectTheme as be } from "./packages/iryx-ui/src/theme/select.js";
+import xe from "./packages/iryx-ui/src/components/Select.js";
+import { separatorTheme as Se } from "./packages/iryx-ui/src/theme/separator.js";
+import Ce from "./packages/iryx-ui/src/components/Separator.js";
+import { skeletonTheme as we } from "./packages/iryx-ui/src/theme/skeleton.js";
+import Te from "./packages/iryx-ui/src/components/Skeleton.js";
+import { statTheme as Ee } from "./packages/iryx-ui/src/theme/stat.js";
+import De from "./packages/iryx-ui/src/components/Stat.js";
+import { stepperTheme as Oe } from "./packages/iryx-ui/src/theme/stepper.js";
+import ke from "./packages/iryx-ui/src/components/Stepper.js";
+import { switchTheme as Ae } from "./packages/iryx-ui/src/theme/switch.js";
+import je from "./packages/iryx-ui/src/components/Switch.js";
+import { tabsTheme as Me } from "./packages/iryx-ui/src/theme/tabs.js";
+import Ne from "./packages/iryx-ui/src/components/Tabs.js";
+import Pe from "./packages/iryx-ui/src/components/Textarea.js";
+import { useToast as Fe, useToastState as Ie } from "./packages/iryx-ui/src/composables/toast.js";
+import { toastTheme as Le } from "./packages/iryx-ui/src/theme/toast.js";
+import Re from "./packages/iryx-ui/src/components/Toaster.js";
+import { tooltipTheme as ze } from "./packages/iryx-ui/src/theme/tooltip.js";
+import Be from "./packages/iryx-ui/src/components/Tooltip.js";
+import { IryxUi as Ve, createIryxUi as He } from "./packages/iryx-ui/src/plugin.js";
+export { a as Alert, d as App, p as Badge, h as Breadcrumb, y as Button, x as ButtonGroup, C as Card, T as Checkbox, L as Combobox, U as ConfirmDialog, H as Dialog, q as DropdownMenu, Y as EmptyState, X as Form, $ as FormField, ee as Input, Ve as IryxUi, Q as Label, pe as NumberInput, he as Pagination, _e as Progress, ye as RadioGroup, xe as Select, Ce as Separator, Te as Skeleton, De as Stat, ke as Stepper, je as Switch, Ne as Tabs, Pe as Textarea, Re as Toaster, Be as Tooltip, te as addDecimals, i as alertTheme, c as applyTheme, f as badgeTheme, m as breadcrumbTheme, g as buttonGroupContextKey, b as buttonGroupTheme, v as buttonTheme, S as cardTheme, w as checkboxTheme, ne as clampDecimal, l as clearTheme, I as comboboxTheme, re as compareDecimals, e as componentNames, He as createIryxUi, t as defaultConfig, V as dialogTheme, W as dropdownMenuTheme, J as emptyStateTheme, N as fieldBase, E as formContextKey, D as formFieldContextKey, ie as formatDecimal, ae as formatForLocale, O as getByPath, o as initAppearance, P as inputTheme, n as iryxUiConfigKey, oe as isDecimal, G as isSeparator, k as isStandardSchema, K as isSubmenu, A as issuePath, Z as labelTheme, se as localeSeparators, fe as numberInputTheme, me as paginationTheme, ce as parseDecimal, le as parseFromLocale, ge as progressTheme, ve as radioGroupTheme, R as resolveConfirm, ue as roundDecimal, be as selectTheme, Se as separatorTheme, we as skeletonTheme, Ee as statTheme, Oe as stepperTheme, Ae as switchTheme, Me as tabsTheme, F as textareaTheme, u as themes, de as toEditable, Le as toastTheme, ze as tooltipTheme, s as useAppearance, _ as useButtonGroup, z as useConfirm, B as useConfirmState, j as useForm, M as useFormField, r as useIryxUiConfig, Fe as useToast, Ie as useToastState };

package/dist/nuxt.d.ts

@@ -7,7 +7,7 @@ export interface ModuleOptions {
     unstyled: boolean;
     /** Startup appearance. A preference the user already stored wins over this. */
     appearance?: Appearance;
-    /** Color theme: a preset name (`'emerald'`, `'rose'`…) or a custom theme. */
+    /** Color theme: a preset name (`'violet'`, `'rose'`) or a custom theme. */
     theme?: Theme | ThemePresetName;
 }
 declare const _default: NuxtModule<TOptions, TOptions, false>;

package/dist/packages/iryx-ui/src/component-names.js

@@ -1,4 +1,4 @@
 //#region src/component-names.ts
-var e = /* @__PURE__ */ "Alert.App.Badge.Breadcrumb.Button.ButtonGroup.Card.Checkbox.ConfirmDialog.Dialog.DropdownMenu.EmptyState.Form.FormField.Input.Label.NumberInput.Pagination.Progress.RadioGroup.Select.Separator.Skeleton.Stat.Stepper.Switch.Tabs.Textarea.Toaster.Tooltip".split(".");
+var e = /* @__PURE__ */ "Alert.App.Badge.Breadcrumb.Button.ButtonGroup.Card.Checkbox.Combobox.ConfirmDialog.Dialog.DropdownMenu.EmptyState.Form.FormField.Input.Label.NumberInput.Pagination.Progress.RadioGroup.Select.Separator.Skeleton.Stat.Stepper.Switch.Tabs.Textarea.Toaster.Tooltip".split(".");
 //#endregion
 export { e as componentNames };

package/dist/packages/iryx-ui/src/components/Combobox.js

@@ -0,0 +1,5 @@
+import e from "./Combobox.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Combobox.vue
+var t = e;
+//#endregion
+export { t as default };