@auronui/vue 1.0.12 → 1.0.14

package/dist/index.d.ts

@@ -1523,102 +1523,6 @@ declare const __VLS_component_66: DefineComponent<__VLS_Props_74, {}, {}, {}, {}
 scrollWrapperEl: HTMLDivElement;
 containerEl: HTMLDivElement;
 dropdownEl: HTMLDivElement;
-moreBtnEl: ({
-$: ComponentInternalInstance;
-$data: {};
-$props: {
-readonly variant?: "danger" | "success" | "warning" | "primary" | "secondary" | "danger-soft" | "ghost" | "outline" | "success-soft" | "tertiary" | "warning-soft" | undefined;
-readonly size?: "md" | "sm" | "lg" | "xs" | "xl" | undefined;
-readonly radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
-readonly isIconOnly?: boolean | undefined;
-readonly fullWidth?: boolean | undefined;
-readonly disabled?: boolean | undefined;
-readonly isLoading?: boolean | undefined;
-readonly as?: string | object | undefined;
-readonly class?: string | undefined;
-readonly value?: string | number | undefined;
-} & VNodeProps & AllowedComponentProps & ComponentCustomProps;
-$attrs: Attrs;
-$refs: {
-[x: string]: unknown;
-};
-$slots: Readonly<{
-[name: string]: Slot<any> | undefined;
-}>;
-$root: ComponentPublicInstance | null;
-$parent: ComponentPublicInstance | null;
-$host: Element | null;
-$emit: (event: string, ...args: any[]) => void;
-$el: any;
-$options: ComponentOptionsBase<Readonly<{
-variant?: ButtonVariants["variant"];
-size?: ButtonVariants["size"];
-radius?: ButtonVariants["radius"];
-isIconOnly?: boolean;
-fullWidth?: boolean;
-disabled?: boolean;
-isLoading?: boolean;
-as?: string | object;
-class?: string;
-value?: string | number;
-}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-size: "md" | "sm" | "lg" | "xs" | "xl";
-variant: "danger" | "success" | "warning" | "primary" | "secondary" | "danger-soft" | "ghost" | "outline" | "success-soft" | "tertiary" | "warning-soft";
-fullWidth: boolean;
-isIconOnly: boolean;
-isLoading: boolean;
-radius: "md" | "sm" | "lg" | "none" | "full";
-value: string | number;
-as: string | object;
-disabled: boolean;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
-beforeCreate?: (() => void) | (() => void)[];
-created?: (() => void) | (() => void)[];
-beforeMount?: (() => void) | (() => void)[];
-mounted?: (() => void) | (() => void)[];
-beforeUpdate?: (() => void) | (() => void)[];
-updated?: (() => void) | (() => void)[];
-activated?: (() => void) | (() => void)[];
-deactivated?: (() => void) | (() => void)[];
-beforeDestroy?: (() => void) | (() => void)[];
-beforeUnmount?: (() => void) | (() => void)[];
-destroyed?: (() => void) | (() => void)[];
-unmounted?: (() => void) | (() => void)[];
-renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-};
-$forceUpdate: () => void;
-$nextTick: typeof nextTick;
-$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-} & Readonly<{
-size: "md" | "sm" | "lg" | "xs" | "xl";
-variant: "danger" | "success" | "warning" | "primary" | "secondary" | "danger-soft" | "ghost" | "outline" | "success-soft" | "tertiary" | "warning-soft";
-fullWidth: boolean;
-isIconOnly: boolean;
-isLoading: boolean;
-radius: "md" | "sm" | "lg" | "none" | "full";
-value: string | number;
-as: string | object;
-disabled: boolean;
-}> & Omit<Readonly<{
-variant?: ButtonVariants["variant"];
-size?: ButtonVariants["size"];
-radius?: ButtonVariants["radius"];
-isIconOnly?: boolean;
-fullWidth?: boolean;
-disabled?: boolean;
-isLoading?: boolean;
-as?: string | object;
-class?: string;
-value?: string | number;
-}> & Readonly<{}>, "size" | "variant" | "fullWidth" | "isIconOnly" | "isLoading" | "radius" | "value" | "as" | "disabled"> & {} & ComponentCustomProperties & {} & {
-$slots: {
-startContent?(_: {}): any;
-default?(_: {}): any;
-endContent?(_: {}): any;
-};
-}) | null;
 }, any>;
 
 declare const __VLS_component_67: DefineComponent<__VLS_Props_75, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_75> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -1841,10 +1745,10 @@ showDivider: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_98: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string | string[]) => any;
+"update:modelValue": (value: SelectItemValue | SelectItemValue[]) => any;
 "update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<Props_3> & Readonly<{
-"onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+"onUpdate:modelValue"?: ((value: SelectItemValue | SelectItemValue[]) => any) | undefined;
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
 size: "md" | "sm" | "lg";
@@ -1856,9 +1760,10 @@ isInvalid: boolean;
 isReadonly: boolean;
 labelPlacement: "inside" | "outside" | "outside-left";
 isRequired: boolean;
+items: SelectItemData[];
 multiple: boolean;
-modelValue: string | string[];
-defaultValue: string | string[];
+modelValue: SelectItemValue | SelectItemValue[];
+defaultValue: SelectItemValue | SelectItemValue[];
 defaultOpen: boolean;
 open: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -1975,7 +1880,7 @@ declare type __VLS_Props_111 = {
 };
 
 declare type __VLS_Props_112 = {
-    value: string;
+    value: SelectItemValue;
     /**
      * Explicit human-readable label for this item. When provided, the registry is
      * populated immediately at setup time (before the dropdown is ever opened),
@@ -3594,6 +3499,9 @@ declare function __VLS_template_113(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        item?(_: {
+            item: ComboBoxItemData;
+        }): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
@@ -3643,14 +3551,9 @@ declare function __VLS_template_117(): {
 declare function __VLS_template_118(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {
-            isLoading: boolean;
-            items: {
-                value: string;
-                label?: string | undefined;
-                textValue?: string | undefined;
-                isDisabled?: boolean | undefined;
-            }[];
+        default?(_: any): any;
+        item?(_: {
+            item: any;
         }): any;
     };
     refs: {};
@@ -5005,102 +4908,6 @@ declare function __VLS_template_66(): {
         scrollWrapperEl: HTMLDivElement;
         containerEl: HTMLDivElement;
         dropdownEl: HTMLDivElement;
-        moreBtnEl: ({
-            $: ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly variant?: "danger" | "success" | "warning" | "primary" | "secondary" | "danger-soft" | "ghost" | "outline" | "success-soft" | "tertiary" | "warning-soft" | undefined;
-                readonly size?: "md" | "sm" | "lg" | "xs" | "xl" | undefined;
-                readonly radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
-                readonly isIconOnly?: boolean | undefined;
-                readonly fullWidth?: boolean | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly isLoading?: boolean | undefined;
-                readonly as?: string | object | undefined;
-                readonly class?: string | undefined;
-                readonly value?: string | number | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
-            $attrs: Attrs;
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: Slot<any> | undefined;
-            }>;
-            $root: ComponentPublicInstance | null;
-            $parent: ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: ComponentOptionsBase<Readonly<{
-            variant?: ButtonVariants["variant"];
-            size?: ButtonVariants["size"];
-            radius?: ButtonVariants["radius"];
-            isIconOnly?: boolean;
-            fullWidth?: boolean;
-            disabled?: boolean;
-            isLoading?: boolean;
-            as?: string | object;
-            class?: string;
-            value?: string | number;
-            }> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            size: "md" | "sm" | "lg" | "xs" | "xl";
-            variant: "danger" | "success" | "warning" | "primary" | "secondary" | "danger-soft" | "ghost" | "outline" | "success-soft" | "tertiary" | "warning-soft";
-            fullWidth: boolean;
-            isIconOnly: boolean;
-            isLoading: boolean;
-            radius: "md" | "sm" | "lg" | "none" | "full";
-            value: string | number;
-            as: string | object;
-            disabled: boolean;
-            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-        } & Readonly<{
-            size: "md" | "sm" | "lg" | "xs" | "xl";
-            variant: "danger" | "success" | "warning" | "primary" | "secondary" | "danger-soft" | "ghost" | "outline" | "success-soft" | "tertiary" | "warning-soft";
-            fullWidth: boolean;
-            isIconOnly: boolean;
-            isLoading: boolean;
-            radius: "md" | "sm" | "lg" | "none" | "full";
-            value: string | number;
-            as: string | object;
-            disabled: boolean;
-        }> & Omit<Readonly<{
-            variant?: ButtonVariants["variant"];
-            size?: ButtonVariants["size"];
-            radius?: ButtonVariants["radius"];
-            isIconOnly?: boolean;
-            fullWidth?: boolean;
-            disabled?: boolean;
-            isLoading?: boolean;
-            as?: string | object;
-            class?: string;
-            value?: string | number;
-        }> & Readonly<{}>, "size" | "variant" | "fullWidth" | "isIconOnly" | "isLoading" | "radius" | "value" | "as" | "disabled"> & {} & ComponentCustomProperties & {} & {
-            $slots: {
-                startContent?(_: {}): any;
-                default?(_: {}): any;
-                endContent?(_: {}): any;
-            };
-        }) | null;
     };
     rootEl: any;
 };
@@ -5487,6 +5294,10 @@ declare function __VLS_template_98(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
+        item?(_: {
+            item: SelectItemData;
+        }): any;
     };
     refs: {};
     rootEl: any;
@@ -7954,16 +7765,22 @@ export declare function composeSlotClassName<V extends Record<string, unknown>>(
      errorMessage?: string;
      /** Extra classes merged onto the root wrapper via `composeClassName`. */
      class?: string;
-     /** Two-way bound selected value. */
-     modelValue?: string | string[];
-     /** Initial selected value (uncontrolled). */
-     defaultValue?: string | string[];
+     /** Two-way bound selected value. Accepts string or numeric keys. */
+     modelValue?: SelectItemValue | SelectItemValue[];
+     /** Initial selected value (uncontrolled). Accepts string or numeric keys. */
+     defaultValue?: SelectItemValue | SelectItemValue[];
      /** Allow selecting multiple values. modelValue becomes string[]. @default false */
      multiple?: boolean;
      /** Controls open state of the dropdown. */
      open?: boolean;
      /** Initial open state of the dropdown (uncontrolled). */
      defaultOpen?: boolean;
+     /**
+      * Data-driven items for the terse API. When provided (and no SelectTrigger /
+      * SelectContent is passed as a child), the trigger, value, and popover are
+      * rendered internally. Use the `#item` slot to customize per-item rendering.
+      */
+     items?: SelectItemData[];
  };
 
  declare type Props_4 = {
@@ -8222,15 +8039,35 @@ export declare function composeSlotClassName<V extends Record<string, unknown>>(
       * unmount so SelectValue can show the selected label while the popover
       * is closed (Reka clears its own optionsSet on unmount).
       */
-     registerItem: (value: string, label: string) => void;
-     itemLabel: (value: string | string[] | undefined | null) => string;
-     removeValue: (value: string) => void;
+     registerItem: (value: SelectItemValue, label: string) => void;
+     itemLabel: (value: SelectItemValue | SelectItemValue[] | undefined | null) => string;
+     removeValue: (value: SelectItemValue) => void;
  }
 
  declare type SelectionMode_2 = 'none' | 'single' | 'multiple';
 
  export declare const SelectItem: __VLS_WithTemplateSlots_101<typeof __VLS_component_101, __VLS_TemplateResult_101["slots"]>;
 
+ /**
+  * Data-driven item shape for the terse `items` prop. `value` accepts numeric
+  * keys (see SelectItemValue). `label` is the display text (falls back to
+  * String(value)); `textValue` overrides the type-ahead / pre-set label.
+  */
+ declare interface SelectItemData {
+     value: SelectItemValue;
+     label?: string;
+     textValue?: string;
+     isDisabled?: boolean;
+ }
+
+ /**
+  * Acceptable value for a Select item / model. Numeric values are legitimate
+  * (e.g. entity IDs) and are preserved end-to-end — they are only coerced to a
+  * string where the underlying contract requires one (Reka `text-value`,
+  * registry display labels).
+  */
+ declare type SelectItemValue = string | number;
+
  export declare const SelectTrigger: __VLS_WithTemplateSlots_99<typeof __VLS_component_99, __VLS_TemplateResult_99["slots"]>;
 
  export declare const SelectValue: DefineComponent<__VLS_Props_110, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_110> & Readonly<{}>, {

package/dist/index.js

@@ -130,11 +130,11 @@ import ToastViewport_default from "./components/toast/ToastViewport.js";
 import ListBox_default from "./components/list-box/ListBox.js";
 import ListBoxItem_default from "./components/list-box/ListBoxItem.js";
 import ListBoxSection_default from "./components/list-box/ListBoxSection.js";
-import Select_default from "./components/select/Select.js";
 import SelectTrigger_default from "./components/select/SelectTrigger.js";
 import SelectValue_default from "./components/select/SelectValue.js";
 import SelectContent_default from "./components/select/SelectContent.js";
 import SelectItem_default from "./components/select/SelectItem.js";
+import Select_default from "./components/select/Select.js";
 import { dropdownContextKey, useDropdownInject, useDropdownProvide } from "./components/dropdown/Dropdown.context.js";
 import Dropdown_default from "./components/dropdown/Dropdown.js";
 import DropdownTrigger_default from "./components/dropdown/DropdownTrigger.js";
@@ -148,16 +148,16 @@ import DropdownSub_default from "./components/dropdown/DropdownSub.js";
 import DropdownSubTrigger_default from "./components/dropdown/DropdownSubTrigger.js";
 import DropdownSubContent_default from "./components/dropdown/DropdownSubContent.js";
 import { comboBoxContextKey, useComboBoxInject, useComboBoxProvide } from "./components/combo-box/ComboBox.context.js";
-import ComboBox_default from "./components/combo-box/ComboBox.js";
 import ComboBoxInput_default from "./components/combo-box/ComboBoxInput.js";
 import ComboBoxContent_default from "./components/combo-box/ComboBoxContent.js";
 import ComboBoxItem_default from "./components/combo-box/ComboBoxItem.js";
+import ComboBox_default from "./components/combo-box/ComboBox.js";
 import ComboBoxEmpty_default from "./components/combo-box/ComboBoxEmpty.js";
 import { autocompleteContextKey, useAutocompleteInject, useAutocompleteProvide } from "./components/autocomplete/Autocomplete.context.js";
-import Autocomplete_default from "./components/autocomplete/Autocomplete.js";
 import AutocompleteInput_default from "./components/autocomplete/AutocompleteInput.js";
 import AutocompleteContent_default from "./components/autocomplete/AutocompleteContent.js";
 import AutocompleteItem_default from "./components/autocomplete/AutocompleteItem.js";
+import Autocomplete_default from "./components/autocomplete/Autocomplete.js";
 import AutocompleteCreateItem_default from "./components/autocomplete/AutocompleteCreateItem.js";
 import { createPaginationContext, paginationContextKey, usePaginationInject, usePaginationProvide } from "./components/pagination/pagination.context.js";
 import Pagination_default from "./components/pagination/Pagination.js";

package/dist/utils/hasSlotComponent.js

@@ -0,0 +1,26 @@
+import { Fragment } from "vue";
+//#region src/utils/hasSlotComponent.ts
+/**
+* Returns true if any vnode in `nodes` has a `type` referentially equal to one
+* of `components`, recursively flattening `Fragment` (v-for / template) children.
+*
+* Dropdown form controls (Select, Autocomplete, ComboBox) use this to detect
+* whether the consumer supplied explicit compound chrome (e.g. SelectTrigger /
+* SelectContent) versus terse `*Item` children or an `items` prop. When chrome
+* is present the control passes the slot through unchanged; otherwise it renders
+* the trigger/value/content internally.
+*/
+function hasSlotComponent(nodes, components) {
+	if (!nodes) return false;
+	for (const node of nodes) {
+		if (components.includes(node.type)) return true;
+		if (node.type === Fragment && Array.isArray(node.children)) {
+			if (hasSlotComponent(node.children, components)) return true;
+		}
+	}
+	return false;
+}
+//#endregion
+export { hasSlotComponent };
+
+//# sourceMappingURL=hasSlotComponent.js.map

package/dist/utils/hasSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasSlotComponent.js","names":[],"sources":["../../src/utils/hasSlotComponent.ts"],"sourcesContent":["import { Fragment, type VNode } from 'vue'\n\n/**\n * Returns true if any vnode in `nodes` has a `type` referentially equal to one\n * of `components`, recursively flattening `Fragment` (v-for / template) children.\n *\n * Dropdown form controls (Select, Autocomplete, ComboBox) use this to detect\n * whether the consumer supplied explicit compound chrome (e.g. SelectTrigger /\n * SelectContent) versus terse `*Item` children or an `items` prop. When chrome\n * is present the control passes the slot through unchanged; otherwise it renders\n * the trigger/value/content internally.\n */\nexport function hasSlotComponent(\n  nodes: VNode[] | undefined,\n  components: unknown[],\n): boolean {\n  if (!nodes) return false\n  for (const node of nodes) {\n    if (components.includes(node.type)) return true\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      if (hasSlotComponent(node.children as VNode[], components)) return true\n    }\n  }\n  return false\n}\n"],"mappings":";;;;;;;;;;;;AAYA,SAAgB,iBACd,OACA,YACS;AACT,KAAI,CAAC,MAAO,QAAO;AACnB,MAAK,MAAM,QAAQ,OAAO;AACxB,MAAI,WAAW,SAAS,KAAK,KAAK,CAAE,QAAO;AAC3C,MAAI,KAAK,SAAS,YAAY,MAAM,QAAQ,KAAK,SAAS;OACpD,iBAAiB,KAAK,UAAqB,WAAW,CAAE,QAAO;;;AAGvE,QAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auronui/vue",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Vue 3 85 components with full visual and functional parity",
   "type": "module",
   "license": "MIT",
@@ -69,7 +69,7 @@
     "tailwind-merge": "3.5.0",
     "tailwind-variants": "3.2.2",
     "vee-validate": "^4.15.1",
-    "@auronui/styles": "1.0.12"
+    "@auronui/styles": "1.0.14"
   },
   "devDependencies": {
     "@chialab/vitest-axe": "0.19.1",
@@ -88,8 +88,8 @@
     "vitest": "4.1.4",
     "vue": "^3.5.32",
     "vue-tsc": "^3.2.6",
-    "@auronui/standard": "0.0.0",
-    "@auronui/vitest": "0.0.0"
+    "@auronui/vitest": "0.0.0",
+    "@auronui/standard": "0.0.0"
   },
   "scripts": {
     "build": "vite build",