@bridge-ui/vue 0.0.1-beta.5 → 0.0.1-beta.7

package/dist/Components/Progress/progress.types.d.ts

@@ -0,0 +1,94 @@
+import { HTMLAttributes } from 'vue';
+import { MergeHtmlProps, MergeProps, ProgressColor, ProgressRounded, ProgressSize, ProgressVariant } from '@bridge-ui/core';
+export interface ProgressSizeOverrides {}
+export interface ProgressColorOverrides {}
+export interface ProgressRoundedOverrides {}
+export interface ProgressVariantOverrides {}
+export interface ProgressClasses {
+    /**
+     * The classes to apply to the primary progress bar.
+     */
+    bar?: string;
+    /**
+     * The classes to apply to the buffer bar.
+     */
+    buffer?: string;
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+    /**
+     * The classes to apply to the track.
+     */
+    track?: string;
+}
+export interface ProgressCustomProps {
+    /**
+     * Props forwarded to the primary progress bar.
+     */
+    bar?: HTMLAttributes;
+    /**
+     * Props forwarded to the buffer bar.
+     */
+    buffer?: HTMLAttributes;
+    /**
+     * Props forwarded to the root element.
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to the track element.
+     */
+    track?: HTMLAttributes;
+}
+export interface ProgressOwnProps {
+    /**
+     * The classes to apply to progress parts.
+     *
+     * @default undefined
+     */
+    classes?: ProgressClasses;
+    /**
+     * The color of the progress indicator.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<ProgressColor, ProgressColorOverrides>;
+    /**
+     * Extra props for internal parts (`root`, `track`, `bar`, `buffer`).
+     * Root HTML attributes stay on the component top level.
+     *
+     * @default undefined
+     */
+    customProps?: ProgressCustomProps;
+    /**
+     * The roundedness of the progress bar.
+     *
+     * @default "full"
+     */
+    rounded?: MergeProps<ProgressRounded, ProgressRoundedOverrides>;
+    /**
+     * The height size of the progress bar.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<ProgressSize, ProgressSizeOverrides>;
+    /**
+     * Progress value from 0 to 100. Used by `determinate` and `buffer` variants.
+     *
+     * @default undefined
+     */
+    value?: number;
+    /**
+     * Buffer value from 0 to 100. Used by the `buffer` variant; should be ≥ `value`.
+     *
+     * @default undefined
+     */
+    valueBuffer?: number;
+    /**
+     * Visual variant of the progress indicator.
+     *
+     * @default "indeterminate"
+     */
+    variant?: MergeProps<ProgressVariant, ProgressVariantOverrides>;
+}
+export type ProgressProps = MergeHtmlProps<ProgressOwnProps, HTMLAttributes>;

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

@@ -1,23 +1,27 @@
 import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
-import n from "../Icon/Icon.js";
-import r from "../Chip/Chip.js";
-import i from "../FormField/FormField.js";
-import a 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, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, 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, resolveDynamicComponent as D, toDisplayString as O, unref as k, useModel as A, useTemplateRef as j, withCtx as M, withKeys as N, withModifiers as P } from "vue";
-import { X as F } from "@lucide/vue";
+import ee from "../Icon/Icon.js";
+import n from "../Chip/Chip.js";
+import r from "../FormField/FormField.js";
+import i from "../Listbox/Listbox.js";
+import { useSelect as a } from "./composables/useSelect.js";
+import { SELECT_OPTION_KEY as o } from "./selectInjectionKey.js";
+import { Fragment as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeProps as b, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useModel as k, useTemplateRef as A, withCtx as j, withKeys as M, withModifiers as N } from "vue";
+import { X as P } from "@lucide/vue";
 //#region src/Components/Select/Select.vue?vue&type=script&setup=true&lang.ts
-var I = {
+var F = {
 	key: 0,
 	class: "flex min-w-0 flex-1 flex-wrap items-center gap-0.5"
-}, L = {
+}, I = {
 	key: 1,
 	class: "flex min-w-0 flex-1 items-center gap-1"
-}, R = /* @__PURE__ */ g({
+}, L = {
+	key: 0,
+	hidden: "",
+	"aria-hidden": "true"
+}, R = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Select",
-	props: /* @__PURE__ */ y({
+	props: /* @__PURE__ */ v({
 		asyncData: {},
 		clearable: {
 			type: Boolean,
@@ -72,7 +76,7 @@ var I = {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ y([
+	emits: /* @__PURE__ */ v([
 		"change",
 		"clear",
 		"close",
@@ -82,9 +86,9 @@ var I = {
 		"select",
 		"update:modelValue"
 	], ["update:modelValue"]),
-	setup(g, { emit: y }) {
-		let R = A(g, "modelValue"), z = g, B = y, V = j("trigger"), H = w([]);
-		C(s, {
+	setup(h, { emit: v }) {
+		let R = k(h, "modelValue"), z = h, B = v, V = A("trigger"), H = C([]);
+		S(o, {
 			unregister(e) {
 				H.value = H.value.filter((t) => String(t.value) !== String(e));
 			},
@@ -92,20 +96,20 @@ var I = {
 				H.value.some((t) => String(t.value) === String(e.value)) || (H.value = [...H.value, e]);
 			}
 		});
-		let { open: U, slots: W, hasValue: G, multiple: K, formField: q, clearable: J, clearBind: Y, clearValue: X, removeChip: Z, triggerBind: Q, selectOption: $, containerRef: ee, listboxProps: te, clearIconSize: ne, mergedClasses: re, selectedOptions: ie } = o(z, R, V, B, H);
-		return (o, s) => (S(), d(c, null, [
-			h(k(i), { field: k(q) }, {
-				default: M(() => [k(K) ? (S(), d("div", I, [(S(!0), d(c, null, T(k(ie), (e) => (S(), l(k(r), {
+		let { open: U, slots: W, hasValue: G, multiple: K, formField: q, clearable: J, clearBind: Y, clearValue: X, removeChip: Z, triggerBind: Q, selectOption: te, containerRef: ne, listboxProps: re, clearIconSize: ie, mergedClasses: ae, selectedOptions: oe, hasComposedList: $, handleRegisteredOptionsChange: se } = a(z, R, V, B, H);
+		return (a, o) => (x(), u(s, null, [
+			m(O(r), { field: O(q) }, {
+				default: j(() => [O(K) ? (x(), u("div", F, [(x(!0), u(s, null, w(O(oe), (e) => (x(), c(O(n), {
 					dismissible: "",
 					key: String(e.value),
-					size: k(q).merged.value.size,
-					"custom-props": { clear: k(Y) },
-					disabled: k(q).isDisabled.value,
+					size: O(q).merged.value.size,
+					"custom-props": { clear: O(Y) },
+					disabled: O(q).isDisabled.value,
 					"clear-label": `Remove ${e.label}`,
-					classes: { root: k(re).chip },
-					onDismiss: (t) => k(Z)(e, t)
+					classes: { root: O(ae).chip },
+					onDismiss: (t) => O(Z)(e, t)
 				}, {
-					default: M(() => [E(o.$slots, "chip", { option: e }, () => [m(O(e.label), 1)])]),
+					default: j(() => [T(a.$slots, "chip", { option: e }, () => [p(D(e.label), 1)])]),
 					_: 2
 				}, 1032, [
 					"size",
@@ -114,56 +118,63 @@ var I = {
 					"clear-label",
 					"classes",
 					"onDismiss"
-				]))), 128)), f("textarea", b({ ref: "trigger" }, k(Q)), null, 16)])) : (S(), d("div", L, [f("input", b({
+				]))), 128)), d("textarea", y({ ref: "trigger" }, O(Q)), null, 16)])) : (x(), u("div", I, [d("input", y({
 					ref: "trigger",
 					class: "min-w-0 flex-1"
-				}, k(Q)), null, 16), k(J) && k(G) && !k(q).isDisabled.value ? (S(), d("span", b({ key: 0 }, k(Y), {
-					onClick: s[0] ||= (...e) => k(X) && k(X)(...e),
+				}, O(Q)), null, 16), O(J) && O(G) && !O(q).isDisabled.value ? (x(), u("span", y({ key: 0 }, O(Y), {
+					onClick: o[0] ||= (...e) => O(X) && O(X)(...e),
 					"aria-label": "Clear selection",
-					onKeydown: [s[1] ||= N(P((...e) => k(X) && k(X)(...e), ["prevent"]), ["enter"]), s[2] ||= N(P((...e) => k(X) && k(X)(...e), ["prevent"]), ["space"])]
-				}), [h(k(n), {
-					icon: k(F),
-					size: k(ne)
-				}, null, 8, ["icon", "size"])], 16)) : u("", !0)]))]),
+					onKeydown: [o[1] ||= M(N((...e) => O(X) && O(X)(...e), ["prevent"]), ["enter"]), o[2] ||= M(N((...e) => O(X) && O(X)(...e), ["prevent"]), ["space"])]
+				}), [m(O(ee), {
+					icon: O(P),
+					size: O(ie)
+				}, null, 8, ["icon", "size"])], 16)) : l("", !0)]))]),
 				_: 3
 			}, 8, ["field"]),
-			h(k(a), b(k(te), {
-				modelValue: k(U),
-				"onUpdate:modelValue": s[3] ||= (e) => v(U) ? U.value = e : null,
-				"anchor-el": k(ee),
-				onSelect: k($)
-			}), p({ _: 2 }, [
-				k(e)(k(W), "beforeOptions") ? {
-					name: "beforeOptions",
-					fn: M(() => [(S(), l(D(k(t)(k(W), "beforeOptions"))))]),
+			m(O(i), y(O(re), {
+				modelValue: O(U),
+				"onUpdate:modelValue": o[3] ||= (e) => _(U) ? U.value = e : null,
+				"anchor-el": O(ne),
+				onSelect: O(te),
+				onRegisteredOptionsChange: O(se)
+			}), f({ _: 2 }, [
+				O($) ? {
+					name: "default",
+					fn: j(() => [T(a.$slots, "default")]),
 					key: "0"
 				} : void 0,
-				k(e)(k(W), "loading") ? {
-					name: "loading",
-					fn: M(() => [(S(), l(D(k(t)(k(W), "loading"))))]),
+				O(e)(O(W), "beforeOptions") ? {
+					name: "beforeOptions",
+					fn: j(() => [(x(), c(E(O(t)(O(W), "beforeOptions"))))]),
 					key: "1"
 				} : void 0,
-				k(e)(k(W), "option") ? {
-					name: "option",
-					fn: M((e) => [E(o.$slots, "option", x(_(e)))]),
+				O(e)(O(W), "loading") ? {
+					name: "loading",
+					fn: j(() => [(x(), c(E(O(t)(O(W), "loading"))))]),
 					key: "2"
 				} : void 0,
-				k(e)(k(W), "empty") ? {
-					name: "empty",
-					fn: M(() => [(S(), l(D(k(t)(k(W), "empty"))))]),
+				O(e)(O(W), "option") ? {
+					name: "option",
+					fn: j((e) => [T(a.$slots, "option", b(g(e)))]),
 					key: "3"
 				} : void 0,
-				k(e)(k(W), "afterOptions") ? {
-					name: "afterOptions",
-					fn: M(() => [(S(), l(D(k(t)(k(W), "afterOptions"))))]),
+				O(e)(O(W), "empty") ? {
+					name: "empty",
+					fn: j(() => [(x(), c(E(O(t)(O(W), "empty"))))]),
 					key: "4"
+				} : void 0,
+				O(e)(O(W), "afterOptions") ? {
+					name: "afterOptions",
+					fn: j(() => [(x(), c(E(O(t)(O(W), "afterOptions"))))]),
+					key: "5"
 				} : void 0
 			]), 1040, [
 				"modelValue",
 				"anchor-el",
-				"onSelect"
+				"onSelect",
+				"onRegisteredOptionsChange"
 			]),
-			E(o.$slots, "default")
+			O($) ? l("", !0) : (x(), u("div", L, [T(a.$slots, "default")]))
 		], 64));
 	}
 });

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

@@ -5,6 +5,8 @@ var s = {
 	hidden: "",
 	"aria-hidden": "true"
 }, c = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	name: "SelectOption",
 	__name: "SelectOption",
 	props: {
 		description: {},

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

@@ -1,4 +1,5 @@
 import { Ref, SetupContext } from 'vue';
+import { ListboxEntry } from '@bridge-ui/core';
 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[]>): {
@@ -728,6 +729,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         isSelected: (value: SelectValue) => boolean;
         loading: boolean;
         multiple: boolean;
+        entries: ListboxEntry[];
         options: import('@bridge-ui/core').ListboxOption[];
         labelledBy: string;
         highlightedIndex: number;
@@ -737,12 +739,12 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         classes?: import('../../Listbox').ListboxClasses;
         customProps?: import('../../Listbox').ListboxCustomProps;
         disableAutoFocus: boolean;
-        placement?: import('@floating-ui/utils').Placement;
         disableMaxHeight: boolean;
         emptyMessage: string;
         hideEmptyMessage: boolean;
         loadingMessage: string;
         maxHeight: string;
+        placement?: import('@floating-ui/utils').Placement;
         showCheckmark?: boolean;
     }>;
     clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core').IconSize>;
@@ -750,7 +752,9 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
     visibleOptions: import('vue').ComputedRef<import('@bridge-ui/core').ListboxOption[]>;
     isSearchActive: import('vue').ComputedRef<boolean>;
     selectedOptions: import('vue').ComputedRef<import('@bridge-ui/core').ListboxOption[]>;
+    hasComposedList: import('vue').ComputedRef<boolean>;
     highlightedIndex: Ref<number, number>;
+    handleRegisteredOptionsChange: (options: SelectOption[]) => void;
     emptyMessage: import('vue').ComputedRef<string>;
     hideEmptyMessage: import('vue').ComputedRef<boolean>;
     loadingMessage: import('vue').ComputedRef<string>;