@bridge-ui/vue 0.0.10 → 0.0.11

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

@@ -8,24 +8,27 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
     search: (query: string) => any;
-    select: (option: import('@bridge-ui/core').ListboxOption) => any;
+    select: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
+    apply: () => any;
     cancel: () => any;
-    change: (value: import('@bridge-ui/core').SelectModel) => any;
+    change: (value: import('@bridge-ui/core/Domain').SelectModel) => any;
     close: () => any;
-    deselect: (option: import('@bridge-ui/core').ListboxOption) => any;
+    deselect: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
     open: () => any;
     "update:modelValue": (...args: unknown[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
     onSearch?: ((query: string) => any) | undefined;
-    onSelect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
+    onSelect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
+    onApply?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onChange?: ((value: import('@bridge-ui/core').SelectModel) => any) | undefined;
+    onChange?: ((value: import('@bridge-ui/core/Domain').SelectModel) => any) | undefined;
     onClose?: (() => any) | undefined;
-    onDeselect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
+    onDeselect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
+    showFooter: boolean;
     showErrorIcon: boolean;
     clearable: boolean;
     minItemsForSearch: number;

package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js

@@ -9,8 +9,8 @@ import ne from "../Listbox/Listbox.js";
 import { useSelect as o } from "./composables/useSelect.js";
 import { SELECT_OPTION_KEY as s } from "./selectInjectionKey.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createTextVNode as re, createVNode as h, defineComponent as g, guardReactiveProps as _, isRef as v, mergeModels as y, mergeProps as b, normalizeProps as x, openBlock as S, provide as C, ref as w, renderList as T, renderSlot as E, toDisplayString as ie, unref as D, useModel as ae, useTemplateRef as oe, withCtx as O, withKeys as k, withModifiers as A } from "vue";
-import { cn as j } from "@bridge-ui/core";
-import { isUndefined as M } from "es-toolkit/compat";
+import { isUndefined as j } from "es-toolkit/compat";
+import { cn as M } from "@bridge-ui/core/Utils";
 //#region src/Components/Select/Select.vue?vue&type=script&setup=true&lang.ts
 var N = {
 	key: 0,
@@ -52,7 +52,10 @@ var N = {
 			type: Boolean,
 			default: !1
 		},
-		showFooter: { type: Boolean },
+		showFooter: {
+			type: Boolean,
+			default: void 0
+		},
 		classes: {},
 		color: {},
 		controlId: {},
@@ -83,6 +86,7 @@ var N = {
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ y([
+		"apply",
 		"cancel",
 		"change",
 		"clear",
@@ -98,7 +102,7 @@ var N = {
 			set: (e) => {
 				L.value = e, V.value = e;
 			},
-			get: () => M(L.value) ? V.value : L.value
+			get: () => j(L.value) ? V.value : L.value
 		}), U = oe("trigger"), W = w([]);
 		C(s, {
 			unregister(e) {
@@ -120,7 +124,7 @@ var N = {
 					onDismiss: (e) => D(se)(t, e)
 				}, { ref_for: !0 }, D(ee)(R.customProps?.chip, {
 					customProps: { clear: D(Y) },
-					classes: { root: D(j)({
+					classes: { root: D(M)({
 						"bg-white ring-1 ring-inset ring-dark-200 dark:bg-dark-700 dark:ring-dark-600": !0,
 						[D(pe).chip ?? ""]: !0
 					}) }
@@ -183,10 +187,15 @@ var N = {
 					fn: O(() => [E(e.$slots, "empty")]),
 					key: "4"
 				} : void 0,
+				D(t)(D(K), "footer") ? {
+					name: "footer",
+					fn: O((t) => [E(e.$slots, "footer", x(_(t)))]),
+					key: "5"
+				} : void 0,
 				D(t)(D(K), "afterOptions") ? {
 					name: "afterOptions",
 					fn: O(() => [E(e.$slots, "afterOptions")]),
-					key: "5"
+					key: "6"
 				} : void 0
 			]), 1040, [
 				"modelValue",

package/dist/Components/Select/composables/useSelect.d.ts

@@ -1,5 +1,5 @@
 import { Ref, SetupContext } from 'vue';
-import { ListboxEntry } from '@bridge-ui/core';
+import { ListboxEntry } from '@bridge-ui/core/Domain';
 import { FormFieldOwnProps } from '../../FormField/formField.types';
 import { SelectClasses, SelectEmits, SelectOption, SelectOwnProps, SelectValue } from '../select.types';
 export declare function useSelect(props: SelectOwnProps, model: Ref<null | undefined | SelectValue | SelectValue[]>, triggerRef: Ref<null | HTMLInputElement | HTMLTextAreaElement>, emit: SetupContext<SelectEmits>["emit"], declarativeOptions: Ref<SelectOption[]>): {
@@ -15,16 +15,16 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
         merged: import('vue').ComputedRef<Omit<FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "showErrorIcon"> & {
-            color: NonNullable<keyof import('@bridge-ui/core').FormFieldColor | undefined>;
-            size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
-            rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
-            variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
+            color: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldColor | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldSize | undefined>;
+            rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
+            variant: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>;
             errorIcon: NonNullable<import('../../..').IconSource | undefined>;
             showErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
-        endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             onCopy?: ((payload: ClipboardEvent) => void) | undefined;
             onCut?: ((payload: ClipboardEvent) => void) | undefined;
             onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -144,7 +144,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             'aria-expanded'?: (boolean | "true" | "false") | undefined;
             'aria-flowto'?: string | undefined | undefined;
             'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-            'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+            'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
             'aria-hidden'?: (boolean | "true" | "false") | undefined;
             'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
             'aria-keyshortcuts'?: string | undefined | undefined;
@@ -180,7 +180,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
+            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
@@ -214,9 +214,9 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             class: string;
         }>>;
         controlId: import('vue').ComputedRef<string>;
-        errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
-        inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+        inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
             id: string;
             disabled: boolean;
             readonly: boolean;
@@ -440,33 +440,33 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
-        startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
-        variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>>;
-        endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>>;
+        endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         invalidated: import('vue').ComputedRef<boolean>;
-        containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
-            "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
+        containerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
         }>>;
-        startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
-        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
-        insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+        insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
     isLoading: import('vue').ComputedRef<boolean>;
     clearable: import('vue').ComputedRef<boolean>;
-    clearBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    clearBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         tabindex: number;
         role: string;
         "data-select-clear": boolean;
@@ -476,7 +476,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
     isSelected: (value: SelectValue) => boolean;
     clearValue: (event?: Event) => void;
     removeChip: (option: SelectOption, event: Event) => void;
-    triggerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+    triggerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         rows: number;
         onInput: (event: Event) => void;
         role: string;
@@ -499,7 +499,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         placeholder: string | undefined;
         "aria-autocomplete": string | undefined;
         "aria-activedescendant": string | undefined;
-    }, import('@bridge-ui/core').MergePartBind<object, "class", {
+    }, import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         id: string;
         disabled: boolean;
         readonly: boolean;
@@ -738,27 +738,27 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         hideEmptyMessage: boolean;
         highlightedIndex: number;
         invalidated: boolean;
-        isSelected: (value: import('@bridge-ui/core').ListboxValue) => boolean;
+        isSelected: (value: import('@bridge-ui/core/Domain').ListboxValue) => boolean;
         labelledBy: string;
         listboxId: string;
         loading: boolean;
         loadingMessage: string;
         maxHeight: string;
         multiple: boolean;
-        options: import('@bridge-ui/core').ListboxOption[];
-        overlay: import('@bridge-ui/core').FieldOverlayMode;
+        options: import('@bridge-ui/core/Domain').ListboxOption[];
+        overlay: import('@bridge-ui/core/Domain').FieldOverlayMode;
         placement?: import('@floating-ui/utils').Placement;
         rounded: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | "none" | "3xl" | "4xl" | "full";
         showCheckmark?: boolean;
         showFooter: boolean;
         size: "2xl" | "2xs" | "lg" | "md" | "sm" | "xl" | "xs";
     }>;
-    clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core').IconSize>;
+    clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core/Tokens').IconSize>;
     mergedClasses: import('vue').ComputedRef<Partial<SelectClasses>>;
     showClearIcon: import('vue').ComputedRef<boolean>;
-    visibleOptions: import('vue').ComputedRef<import('@bridge-ui/core').ListboxOption[]>;
+    visibleOptions: import('vue').ComputedRef<import('@bridge-ui/core/Domain').ListboxOption[]>;
     isSearchActive: import('vue').ComputedRef<boolean>;
-    selectedOptions: import('vue').ComputedRef<import('@bridge-ui/core').ListboxOption[]>;
+    selectedOptions: import('vue').ComputedRef<import('@bridge-ui/core/Domain').ListboxOption[]>;
     hasComposedList: import('vue').ComputedRef<boolean>;
     highlightedIndex: Ref<number, number>;
     handleRegisteredOptionsChange: (options: SelectOption[]) => void;