@sentropic/design-system-vue 0.34.0 → 0.35.0

package/dist/MenuTriggerButton.d.ts

@@ -1,6 +1,10 @@
+export type MenuTriggerButtonSize = "sm" | "md" | "lg";
+export type MenuTriggerButtonVariant = "ghost" | "secondary";
 export type MenuTriggerButtonProps = {
     open?: boolean;
     expanded?: boolean;
+    size?: MenuTriggerButtonSize;
+    variant?: MenuTriggerButtonVariant;
     disabled?: boolean;
     class?: string;
 };
@@ -13,6 +17,14 @@ export declare const MenuTriggerButton: import("vue").DefineComponent<import("vu
         type: BooleanConstructor;
         default: undefined;
     };
+    size: {
+        type: () => MenuTriggerButtonSize;
+        default: string;
+    };
+    variant: {
+        type: () => MenuTriggerButtonVariant;
+        default: string;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -32,6 +44,14 @@ export declare const MenuTriggerButton: import("vue").DefineComponent<import("vu
         type: BooleanConstructor;
         default: undefined;
     };
+    size: {
+        type: () => MenuTriggerButtonSize;
+        default: string;
+    };
+    variant: {
+        type: () => MenuTriggerButtonVariant;
+        default: string;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -42,8 +62,10 @@ export declare const MenuTriggerButton: import("vue").DefineComponent<import("vu
     };
 }>> & Readonly<{}>, {
     open: boolean;
+    size: MenuTriggerButtonSize;
     class: string;
     disabled: boolean;
     expanded: boolean;
+    variant: MenuTriggerButtonVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=MenuTriggerButton.d.ts.map

package/dist/MenuTriggerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTriggerButton.d.ts","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA2B5B,CAAC"}
+{"version":3,"file":"MenuTriggerButton.d.ts","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,WAAW,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;cAKF,MAAM,qBAAqB;;;;cACxB,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;cADjC,MAAM,qBAAqB;;;;cACxB,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;4EAwB3D,CAAC"}

package/dist/MenuTriggerButton.js

@@ -6,6 +6,8 @@ export const MenuTriggerButton = defineComponent({
     props: {
         open: { type: Boolean, default: undefined },
         expanded: { type: Boolean, default: undefined },
+        size: { type: String, default: "md" },
+        variant: { type: String, default: "ghost" },
         disabled: { type: Boolean, default: false },
         class: { type: String, default: undefined },
     },
@@ -15,7 +17,8 @@ export const MenuTriggerButton = defineComponent({
             return h("button", {
                 ...attrs,
                 type: "button",
-                class: classNames("st-menuTriggerButton st-button st-button--secondary st-button--sm", props.class),
+                class: classNames(`st-iconButton st-iconButton--${props.size} st-iconButton--${props.variant}`, props.class),
+                "aria-haspopup": "menu",
                 "aria-expanded": isOpen,
                 disabled: props.disabled,
             }, slots.default?.() ?? h(ChevronDownCircle, { size: 18, strokeWidth: 2, "aria-hidden": "true" }));

package/dist/MenuTriggerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTriggerButton.js","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;YACrD,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,CACf,mEAAmE,EACnE,KAAK,CAAC,KAAK,CACZ;gBACD,eAAe,EAAE,MAAM;gBACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ;aACzB,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAC/F,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"MenuTriggerButton.js","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAqC,EAAE,OAAO,EAAE,IAAI,EAAE;QACpE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAwC,EAAE,OAAO,EAAE,OAAO,EAAE;QAC7E,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;YACrD,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,CACf,gCAAgC,KAAK,CAAC,IAAI,mBAAmB,KAAK,CAAC,OAAO,EAAE,EAC5E,KAAK,CAAC,KAAK,CACZ;gBACD,eAAe,EAAE,MAAM;gBACvB,eAAe,EAAE,MAAM;gBACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ;aACzB,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAC/F,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/MessageActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;cAGG,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;;cAFhB,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;4EA0C5C,CAAC"}
+{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;cAGG,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;;cAFhB,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;4EA4C5C,CAAC"}

package/dist/MessageActions.js

@@ -6,27 +6,29 @@ export const MessageActions = defineComponent({
         actions: { type: Array, required: true },
         visibility: {
             type: String,
-            default: "always",
+            default: "hover",
         },
         class: { type: String, default: undefined },
     },
     setup(props, { attrs }) {
         return () => {
-            const visibility = props.visibility ?? "always";
-            return h("nav", {
+            const visibility = props.visibility ?? "hover";
+            return h("div", {
                 ...attrs,
                 class: classNames("st-messageActions", visibility === "hover" && "st-messageActions--hoverOnly", props.class),
-                "aria-label": "Message actions",
+                role: "group",
+                "aria-label": "Actions du message",
             }, props.actions.map((action, index) => h("button", {
                 key: action.id ?? index,
                 type: "button",
-                class: classNames("st-button st-button--ghost st-button--sm", action.variant === "danger" && "st-button--danger"),
+                class: classNames("st-iconButton st-iconButton--sm", action.variant === "danger"
+                    ? "st-iconButton--danger"
+                    : "st-iconButton--ghost"),
                 disabled: action.disabled,
-                "aria-label": action.label == null && action.icon != null
-                    ? action.id
-                    : undefined,
+                "aria-label": (action.label != null ? String(action.label) : undefined) ??
+                    action.id,
                 onClick: action.onClick,
-            }, (action.label ?? action.icon))));
+            }, (action.icon ?? action.label))));
         };
     },
 });

package/dist/MessageActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.js","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAuB7C,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,KAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE,UAAU,EAAE;YACV,IAAI,EAAE,MAAkC;YACxC,OAAO,EAAE,QAAQ;SAClB;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,QAAQ,CAAC;YAChD,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,mBAAmB,EACnB,UAAU,KAAK,OAAO,IAAI,8BAA8B,EACxD,KAAK,CAAC,KAAK,CACZ;gBACD,YAAY,EAAE,iBAAiB;aAChC,EACD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAClC,CAAC,CACC,QAAQ,EACR;gBACE,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK;gBACvB,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,CACf,0CAA0C,EAC1C,MAAM,CAAC,OAAO,KAAK,QAAQ,IAAI,mBAAmB,CACnD;gBACD,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,YAAY,EACV,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,IAAI,IAAI;oBACzC,CAAC,CAAC,MAAM,CAAC,EAAE;oBACX,CAAC,CAAC,SAAS;gBACf,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,EACD,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAW,CACxC,CACF,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"MessageActions.js","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAuB7C,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,KAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE,UAAU,EAAE;YACV,IAAI,EAAE,MAAkC;YACxC,OAAO,EAAE,OAAO;SACjB;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC;YAC/C,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,mBAAmB,EACnB,UAAU,KAAK,OAAO,IAAI,8BAA8B,EACxD,KAAK,CAAC,KAAK,CACZ;gBACD,IAAI,EAAE,OAAO;gBACb,YAAY,EAAE,oBAAoB;aACnC,EACD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAClC,CAAC,CACC,QAAQ,EACR;gBACE,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK;gBACvB,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,CACf,iCAAiC,EACjC,MAAM,CAAC,OAAO,KAAK,QAAQ;oBACzB,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,sBAAsB,CAC3B;gBACD,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,YAAY,EACV,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;oBACzD,MAAM,CAAC,EAAE;gBACX,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,EACD,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,CAAW,CACxC,CACF,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/MultiSelect.d.ts

@@ -6,11 +6,23 @@ export type MultiSelectOption = {
 export type MultiSelectSize = "sm" | "md" | "lg";
 export type MultiSelectProps = {
     label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    invalid?: boolean;
     options: MultiSelectOption[];
     value?: string[];
     values?: string[];
+    /** Svelte-canonical alias for the selected values. */
+    selected?: string[];
     size?: MultiSelectSize;
     open?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    noResultsLabel?: string;
+    toggleLabel?: string;
+    removeLabel?: string;
+    listLabel?: string;
+    disabled?: boolean;
     class?: string;
 };
 export declare const MultiSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -18,6 +30,18 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
         type: () => unknown;
         default: undefined;
     };
+    helperText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    errorText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     options: {
         type: () => MultiSelectOption[];
         required: true;
@@ -30,6 +54,10 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
         type: () => string[];
         default: undefined;
     };
+    selected: {
+        type: () => string[];
+        default: undefined;
+    };
     size: {
         type: () => MultiSelectSize;
         default: string;
@@ -38,6 +66,34 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
         type: BooleanConstructor;
         default: undefined;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    noResultsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    toggleLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    removeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    listLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
@@ -49,6 +105,18 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
         type: () => unknown;
         default: undefined;
     };
+    helperText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    errorText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     options: {
         type: () => MultiSelectOption[];
         required: true;
@@ -61,6 +129,10 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
         type: () => string[];
         default: undefined;
     };
+    selected: {
+        type: () => string[];
+        default: undefined;
+    };
     size: {
         type: () => MultiSelectSize;
         default: string;
@@ -69,6 +141,34 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
         type: BooleanConstructor;
         default: undefined;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    noResultsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    toggleLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    removeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    listLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
@@ -79,10 +179,21 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
     open: boolean;
+    size: MultiSelectSize;
     class: string;
     values: string[];
     label: undefined;
-    size: MultiSelectSize;
+    invalid: boolean;
+    disabled: boolean;
     value: string[];
+    placeholder: string;
+    helperText: undefined;
+    errorText: undefined;
+    noResultsLabel: string;
+    listLabel: string;
+    removeLabel: string;
+    selected: string[];
+    searchPlaceholder: string;
+    toggleLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=MultiSelect.d.ts.map

package/dist/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;cACjC,MAAM,iBAAiB,EAAE;;;;cAC3B,MAAM,MAAM,EAAE;;;;cACb,MAAM,MAAM,EAAE;;;;cACf,MAAM,eAAe;;;;;;;;;;;;;;;cAJC,MAAM,OAAO;;;;cACjC,MAAM,iBAAiB,EAAE;;;;cAC3B,MAAM,MAAM,EAAE;;;;cACb,MAAM,MAAM,EAAE;;;;cACf,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;4EAiI/C,CAAC"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;cAErC,MAAM,iBAAiB,EAAE;;;;cAC3B,MAAM,MAAM,EAAE;;;;cACb,MAAM,MAAM,EAAE;;;;cACZ,MAAM,MAAM,EAAE;;;;cACjB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cARC,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;cAErC,MAAM,iBAAiB,EAAE;;;;cAC3B,MAAM,MAAM,EAAE;;;;cACb,MAAM,MAAM,EAAE;;;;cACZ,MAAM,MAAM,EAAE;;;;cACjB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAmM/C,CAAC"}

package/dist/MultiSelect.js

@@ -1,34 +1,47 @@
 import { defineComponent, h, ref, computed } from "vue";
-import { ChevronDown } from "lucide-vue-next";
+import { ChevronDown, X } from "lucide-vue-next";
 import { classNames } from "./classNames.js";
-let _msCounter = 0;
-function nextMsId() {
-    return `st-multiSelect-${++_msCounter}`;
-}
 export const MultiSelect = defineComponent({
     name: "MultiSelect",
     props: {
         label: { type: [String, Object], default: undefined },
+        helperText: { type: [String, Object], default: undefined },
+        errorText: { type: [String, Object], default: undefined },
+        invalid: { type: Boolean, default: false },
         options: { type: Array, required: true },
         value: { type: Array, default: undefined },
         values: { type: Array, default: undefined },
+        selected: { type: Array, default: undefined },
         size: { type: String, default: "md" },
         open: { type: Boolean, default: undefined },
+        placeholder: { type: String, default: "Select items" },
+        searchPlaceholder: { type: String, default: "Filter" },
+        noResultsLabel: { type: String, default: "No results" },
+        toggleLabel: { type: String, default: "Toggle options" },
+        removeLabel: { type: String, default: "Remove" },
+        listLabel: { type: String, default: undefined },
+        disabled: { type: Boolean, default: false },
         class: { type: String, default: undefined },
     },
     emits: ["change", "update:open", "update:modelValue"],
     setup(props, { emit, attrs }) {
-        const instanceId = ref(nextMsId());
-        const listId = computed(() => `${instanceId.value}-list`);
         const localOpen = ref(false);
-        const localSelected = ref(props.value ?? props.values ?? []);
+        const localSelected = ref(props.value ?? props.values ?? props.selected ?? []);
+        const query = ref("");
         const isOpen = () => (props.open !== undefined ? props.open : localOpen.value);
         const setOpen = (val) => {
             if (props.open === undefined)
                 localOpen.value = val;
             emit("update:open", val);
         };
-        const getSelected = () => props.value ?? props.values ?? localSelected.value;
+        const getSelected = () => props.value ?? props.values ?? props.selected ?? localSelected.value;
+        const isControlled = () => props.value !== undefined || props.values !== undefined || props.selected !== undefined;
+        const commit = (next) => {
+            if (!isControlled())
+                localSelected.value = next;
+            emit("change", next);
+            emit("update:modelValue", next);
+        };
         const toggleOption = (option) => {
             if (option.disabled)
                 return;
@@ -36,73 +49,119 @@ export const MultiSelect = defineComponent({
             const next = current.includes(option.value)
                 ? current.filter((v) => v !== option.value)
                 : [...current, option.value];
-            if (props.value === undefined && props.values === undefined) {
-                localSelected.value = next;
-            }
-            emit("change", next);
-            emit("update:modelValue", next);
-            setOpen(false);
+            commit(next);
         };
+        const removeOption = (value) => {
+            commit(getSelected().filter((v) => v !== value));
+        };
+        const filtered = computed(() => {
+            const q = query.value.trim().toLowerCase();
+            if (!q)
+                return props.options;
+            return props.options.filter((opt) => String(opt.label).toLowerCase().includes(q));
+        });
         return () => {
             const open = isOpen();
-            const selected = new Set(getSelected());
-            const selectedOptions = props.options.filter((opt) => selected.has(opt.value));
+            const selectedSet = new Set(getSelected());
+            const selectedOptions = getSelected()
+                .map((value) => props.options.find((opt) => opt.value === value))
+                .filter((opt) => Boolean(opt));
+            const isInvalid = props.invalid || Boolean(props.errorText);
             return h("div", {
                 ...attrs,
-                class: classNames("st-multiSelect", `st-multiSelect--${props.size}`, props.class),
+                class: classNames("st-field", props.class),
+                role: "group",
+                "aria-label": props.label ? String(props.label) : undefined,
+                onKeydown: (event) => {
+                    if (event.key === "Escape" && open) {
+                        event.preventDefault();
+                        setOpen(false);
+                    }
+                },
             }, [
                 props.label
                     ? h("span", { class: "st-field__label" }, props.label)
                     : null,
-                h("button", {
-                    type: "button",
-                    class: "st-multiSelect__trigger",
-                    "aria-label": String(props.label) || "Select options",
-                    "aria-haspopup": "listbox",
-                    "aria-expanded": open,
-                    "aria-controls": listId.value,
-                    onClick: () => setOpen(!open),
+                selectedOptions.length > 0
+                    ? h("span", { class: "st-multiSelect__tags" }, selectedOptions.map((option) => h("span", { key: option.value, class: "st-multiSelect__tag" }, [
+                        h("span", { class: "st-multiSelect__tagLabel" }, String(option.label)),
+                        h("button", {
+                            type: "button",
+                            class: "st-multiSelect__tagRemove",
+                            "aria-label": `${props.removeLabel} ${String(option.label)}`,
+                            disabled: props.disabled,
+                            onClick: () => removeOption(option.value),
+                        }, [h(X, { size: 14, strokeWidth: 2.25, "aria-hidden": "true" })]),
+                    ])))
+                    : null,
+                h("span", {
+                    class: classNames("st-multiSelect", `st-multiSelect--${props.size}`),
+                    "data-invalid": isInvalid ? "true" : undefined,
                 }, [
-                    props.label
-                        ? h("span", { class: "st-multiSelect__triggerLabel" }, props.label)
-                        : null,
-                    h("span", { class: "st-multiSelect__tags" }, selectedOptions.length
-                        ? selectedOptions.map((opt) => h("span", { key: opt.value, class: "st-multiSelect__tag" }, [
-                            h("span", { class: "st-multiSelect__tagLabel" }, String(opt.label)),
-                        ]))
-                        : [h("span", { class: "st-multiSelect__placeholder" }, "Select")]),
-                    h("span", { class: "st-multiSelect__caret", "aria-hidden": "true" }, [
-                        h(ChevronDown, {
-                            class: classNames("st-multiSelect__caretIcon", open && "st-multiSelect__caretIcon--open"),
-                            size: 18,
-                            strokeWidth: 2.25,
-                            "aria-hidden": "true",
-                        }),
+                    h("button", {
+                        type: "button",
+                        class: "st-multiSelect__trigger",
+                        "aria-haspopup": "listbox",
+                        "aria-expanded": open,
+                        disabled: props.disabled,
+                        onClick: () => setOpen(!open),
+                    }, [
+                        selectedOptions.length === 0
+                            ? h("span", { class: "st-multiSelect__placeholder" }, props.placeholder)
+                            : h("span", { class: "st-multiSelect__count" }, `${selectedOptions.length} selected`),
+                        h("span", { class: "st-multiSelect__caret", "aria-hidden": "true" }, [
+                            h(ChevronDown, {
+                                class: classNames("st-multiSelect__caretIcon", open && "st-multiSelect__caretIcon--open"),
+                                size: 18,
+                                strokeWidth: 2.25,
+                                "aria-hidden": "true",
+                            }),
+                        ]),
+                        h("span", { class: "st-visually-hidden" }, props.toggleLabel),
                     ]),
                 ]),
                 open
-                    ? h("ul", {
-                        id: listId.value,
-                        class: "st-multiSelect__list",
-                        role: "listbox",
-                        "aria-label": String(props.label) || "Options",
-                        "aria-multiselectable": "true",
-                    }, props.options.map((option) => h("li", {
-                        key: option.value,
-                        class: classNames("st-multiSelect__option", selected.has(option.value) && "st-multiSelect__option--selected"),
-                        role: "option",
-                        "aria-selected": selected.has(option.value),
-                        "aria-disabled": option.disabled ? "true" : undefined,
-                        tabindex: option.disabled ? undefined : 0,
-                        onClick: () => toggleOption(option),
-                        onKeydown: (event) => {
-                            if (event.key === "Enter" || event.key === " ") {
-                                event.preventDefault();
-                                toggleOption(option);
-                            }
-                        },
-                    }, String(option.label))))
+                    ? h("div", { class: "st-multiSelect__panel" }, [
+                        h("input", {
+                            type: "search",
+                            class: "st-multiSelect__search",
+                            placeholder: props.searchPlaceholder,
+                            value: query.value,
+                            "aria-label": props.searchPlaceholder,
+                            onInput: (event) => {
+                                query.value = event.currentTarget.value;
+                            },
+                        }),
+                        h("div", {
+                            class: "st-multiSelect__list",
+                            role: "listbox",
+                            "aria-label": props.listLabel ?? (props.label ? String(props.label) : "Options"),
+                            "aria-multiselectable": "true",
+                        }, filtered.value.length === 0
+                            ? [h("div", { class: "st-multiSelect__empty" }, props.noResultsLabel)]
+                            : filtered.value.map((option) => {
+                                const isSelected = selectedSet.has(option.value);
+                                return h("button", {
+                                    key: option.value,
+                                    class: "st-multiSelect__option",
+                                    type: "button",
+                                    role: "option",
+                                    "aria-selected": isSelected ? "true" : "false",
+                                    "aria-disabled": option.disabled ? "true" : undefined,
+                                    disabled: option.disabled,
+                                    onClick: () => toggleOption(option),
+                                }, [
+                                    h("span", { class: "st-multiSelect__check", "aria-hidden": "true" }, isSelected ? "✓" : ""),
+                                    h("span", String(option.label)),
+                                ]);
+                            })),
+                    ])
                     : null,
+                props.errorText
+                    ? h("span", { class: "st-field__error" }, props.errorText)
+                    : props.helperText
+                        ? h("span", { class: "st-field__help" }, props.helperText)
+                        : null,
             ]);
         };
     },

package/dist/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAoB7C,IAAI,UAAU,GAAG,CAAC,CAAC;AACnB,SAAS,QAAQ;IACf,OAAO,kBAAkB,EAAE,UAAU,EAAE,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,OAAO,EAAE,EAAE,IAAI,EAAE,KAAkC,EAAE,QAAQ,EAAE,IAAI,EAAE;QACrE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAuB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5D,MAAM,EAAE,EAAE,IAAI,EAAE,KAAuB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7D,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,IAAI,EAAE;QAC9D,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,mBAAmB,CAAC;IACrD,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,MAAM,UAAU,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,UAAU,CAAC,KAAK,OAAO,CAAC,CAAC;QAC1D,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;QAC7B,MAAM,aAAa,GAAG,GAAG,CAAW,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;QAEvE,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAE/E,MAAM,OAAO,GAAG,CAAC,GAAY,EAAE,EAAE;YAC/B,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS;gBAAE,SAAS,CAAC,KAAK,GAAG,GAAG,CAAC;YACpD,IAAI,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,aAAa,CAAC,KAAK,CAAC;QAE7E,MAAM,YAAY,GAAG,CAAC,MAAyB,EAAE,EAAE;YACjD,IAAI,MAAM,CAAC,QAAQ;gBAAE,OAAO;YAC5B,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;YAC9B,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;gBACzC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC;gBAC3C,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;gBAC5D,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC;YAC7B,CAAC;YACD,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;YAChC,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,MAAM,EAAE,CAAC;YACtB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;YACxC,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;YAE/E,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,gBAAgB,EAAE,mBAAmB,KAAK,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;aAClF,EACD;gBACE,KAAK,CAAC,KAAK;oBACT,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAe,CAAC;oBAChE,CAAC,CAAC,IAAI;gBACR,CAAC,CACC,QAAQ,EACR;oBACE,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,yBAAyB;oBAChC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,gBAAgB;oBACrD,eAAe,EAAE,SAAS;oBAC1B,eAAe,EAAE,IAAI;oBACrB,eAAe,EAAE,MAAM,CAAC,KAAK;oBAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;iBAC9B,EACD;oBACE,KAAK,CAAC,KAAK;wBACT,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,EAAE,KAAK,CAAC,KAAe,CAAC;wBAC7E,CAAC,CAAC,IAAI;oBACR,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,eAAe,CAAC,MAAM;wBACpB,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAC1B,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE;4BAC1D,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;yBACpE,CAAC,CACH;wBACH,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE,QAAQ,CAAC,CAAC,CACpE;oBACD,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,EAAE,EACzD;wBACE,CAAC,CAAC,WAAW,EAAE;4BACb,KAAK,EAAE,UAAU,CAAC,2BAA2B,EAAE,IAAI,IAAI,iCAAiC,CAAC;4BACzF,IAAI,EAAE,EAAE;4BACR,WAAW,EAAE,IAAI;4BACjB,aAAa,EAAE,MAAM;yBACtB,CAAC;qBACH,CACF;iBACF,CACF;gBACD,IAAI;oBACF,CAAC,CAAC,CAAC,CACC,IAAI,EACJ;wBACE,EAAE,EAAE,MAAM,CAAC,KAAK;wBAChB,KAAK,EAAE,sBAAsB;wBAC7B,IAAI,EAAE,SAAS;wBACf,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,SAAS;wBAC9C,sBAAsB,EAAE,MAAM;qBAC/B,EACD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAC3B,CAAC,CACC,IAAI,EACJ;wBACE,GAAG,EAAE,MAAM,CAAC,KAAK;wBACjB,KAAK,EAAE,UAAU,CACf,wBAAwB,EACxB,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,kCAAkC,CACjE;wBACD,IAAI,EAAE,QAAQ;wBACd,eAAe,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC3C,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;wBACrD,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;wBACzC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC;wBACnC,SAAS,EAAE,CAAC,KAAoB,EAAE,EAAE;4BAClC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gCAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,CAAC,MAAM,CAAC,CAAC;4BACvB,CAAC;wBACH,CAAC;qBACF,EACD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CACrB,CACF,CACF;oBACH,CAAC,CAAC,IAAI;aACT,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"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"}

package/dist/NumberInput.d.ts

@@ -137,10 +137,10 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    size: NumberInputSize;
     class: string;
     label: undefined;
     disabled: boolean;
-    size: NumberInputSize;
     max: string | number;
     min: string | number;
     value: string | number | null;

package/dist/PasswordInput.d.ts

@@ -82,10 +82,10 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    size: PasswordInputSize;
     class: string;
     label: undefined;
     disabled: boolean;
-    size: PasswordInputSize;
     placeholder: string;
     helperText: undefined;
     modelValue: string;