@sentropic/design-system-vue 0.1.0

package/dist/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":"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"}

package/dist/MultiSelect.d.ts

@@ -0,0 +1,88 @@
+export type MultiSelectOption = {
+    value: string;
+    label: unknown;
+    disabled?: boolean;
+};
+export type MultiSelectSize = "sm" | "md" | "lg";
+export type MultiSelectProps = {
+    label?: unknown;
+    options: MultiSelectOption[];
+    value?: string[];
+    values?: string[];
+    size?: MultiSelectSize;
+    open?: boolean;
+    class?: string;
+};
+export declare const MultiSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    options: {
+        type: () => MultiSelectOption[];
+        required: true;
+    };
+    value: {
+        type: () => string[];
+        default: undefined;
+    };
+    values: {
+        type: () => string[];
+        default: undefined;
+    };
+    size: {
+        type: () => MultiSelectSize;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:open")[], "change" | "update:modelValue" | "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    options: {
+        type: () => MultiSelectOption[];
+        required: true;
+    };
+    value: {
+        type: () => string[];
+        default: undefined;
+    };
+    values: {
+        type: () => string[];
+        default: undefined;
+    };
+    size: {
+        type: () => MultiSelectSize;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    values: string[];
+    label: undefined;
+    size: MultiSelectSize;
+    value: string[];
+    open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"AAGA,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;;;;;;;;;;;;;;;;;;;;;;4EAqH/C,CAAC"}

package/dist/MultiSelect.js

@@ -0,0 +1,101 @@
+import { defineComponent, h, ref, computed } from "vue";
+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 },
+        options: { type: Array, required: true },
+        value: { type: Array, default: undefined },
+        values: { type: Array, default: undefined },
+        size: { type: String, default: "md" },
+        open: { type: Boolean, default: undefined },
+        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 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 toggleOption = (option) => {
+            if (option.disabled)
+                return;
+            const current = getSelected();
+            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);
+        };
+        return () => {
+            const open = isOpen();
+            const selected = new Set(getSelected());
+            const selectedOptions = props.options.filter((opt) => selected.has(opt.value));
+            return h("div", {
+                ...attrs,
+                class: classNames("st-multiSelect", `st-multiSelect--${props.size}`, props.class),
+            }, [
+                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),
+                }, [
+                    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")]),
+                ]),
+                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))))
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=MultiSelect.js.map

package/dist/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"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"}

package/dist/NumberInput.d.ts

@@ -0,0 +1,124 @@
+export type NumberInputSize = "sm" | "md" | "lg";
+export type NumberInputProps = {
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    size?: NumberInputSize;
+    modelValue?: number | string;
+    disabled?: boolean;
+    readonly?: boolean;
+    min?: number | string;
+    max?: number | string;
+    step?: number | string;
+    class?: string;
+};
+export declare const NumberInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    helperText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    errorText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    size: {
+        type: () => NumberInputSize;
+        default: string;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    helperText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    errorText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    size: {
+        type: () => NumberInputSize;
+        default: string;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    label: undefined;
+    disabled: boolean;
+    size: NumberInputSize;
+    helperText: undefined;
+    modelValue: string | number;
+    errorText: undefined;
+    readonly: boolean;
+    min: string | number;
+    max: string | number;
+    step: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"AAGA,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,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAHC,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA6E/C,CAAC"}

package/dist/NumberInput.js

@@ -0,0 +1,65 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+let _counter = 0;
+function nextId() {
+    return `st-numberInput-${++_counter}`;
+}
+export const NumberInput = defineComponent({
+    name: "NumberInput",
+    props: {
+        label: { type: [String, Object], default: undefined },
+        helperText: { type: [String, Object], default: undefined },
+        errorText: { type: [String, Object], default: undefined },
+        size: { type: String, default: "md" },
+        modelValue: { type: [Number, String], default: undefined },
+        disabled: { type: Boolean, default: false },
+        readonly: { type: Boolean, default: false },
+        min: { type: [Number, String], default: undefined },
+        max: { type: [Number, String], default: undefined },
+        step: { type: [Number, String], default: undefined },
+        class: { type: String, default: undefined },
+    },
+    emits: ["update:modelValue", "change", "input"],
+    setup(props, { emit, attrs }) {
+        const autoId = ref(nextId());
+        return () => {
+            const inputId = autoId.value;
+            const isInvalid = Boolean(props.errorText);
+            return h("div", {
+                class: classNames("st-field", "st-numberInput", `st-numberInput--${props.size}`, props.class),
+            }, [
+                h("label", { class: "st-field__control", for: inputId }, [
+                    props.label
+                        ? h("span", { class: "st-field__label" }, props.label)
+                        : null,
+                    h("input", {
+                        ...attrs,
+                        id: inputId,
+                        class: "st-control st-numberInput__control",
+                        type: "number",
+                        "aria-invalid": isInvalid ? "true" : undefined,
+                        value: props.modelValue,
+                        disabled: props.disabled,
+                        readonly: props.readonly,
+                        min: props.min,
+                        max: props.max,
+                        step: props.step,
+                        onInput: (event) => {
+                            emit("update:modelValue", event.target.value);
+                            emit("input", event);
+                        },
+                        onChange: (event) => {
+                            emit("change", event);
+                        },
+                    }),
+                ]),
+                props.errorText
+                    ? h("span", { class: "st-field__error" }, props.errorText)
+                    : props.helperText
+                        ? h("span", { class: "st-field__help" }, props.helperText)
+                        : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=NumberInput.js.map

package/dist/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"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"}

package/dist/OrderedList.d.ts

@@ -0,0 +1,33 @@
+export type OrderedListItem = {
+    label: unknown;
+    children?: OrderedListInput[];
+};
+export type OrderedListInput = unknown;
+export type OrderedListProps = {
+    items: OrderedListInput[];
+    class?: string;
+};
+export declare const OrderedList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: () => OrderedListInput[];
+        required: true;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: () => OrderedListInput[];
+        required: true;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=OrderedList.d.ts.map

package/dist/OrderedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC;AAChF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAmCF,eAAO,MAAM,WAAW;;cAGI,MAAM,gBAAgB,EAAE;;;;;;;;;;;cAAxB,MAAM,gBAAgB,EAAE;;;;;;;;;4EAclD,CAAC"}

package/dist/OrderedList.js

@@ -0,0 +1,52 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+function renderListItem(item, index, ordered) {
+    if (typeof item === "object" &&
+        item !== null &&
+        "label" in item) {
+        const cast = item;
+        return h("li", {
+            key: index,
+            class: ordered ? "st-orderedList__item" : "st-unorderedList__item",
+        }, [
+            String(cast.label ?? ""),
+            cast.children
+                ? ordered
+                    ? h(OrderedList, { items: cast.children })
+                    : h(UnorderedListHelper, { items: cast.children })
+                : null,
+        ]);
+    }
+    return h("li", {
+        key: index,
+        class: ordered ? "st-orderedList__item" : "st-unorderedList__item",
+    }, String(item ?? ""));
+}
+export const OrderedList = defineComponent({
+    name: "OrderedList",
+    props: {
+        items: { type: Array, required: true },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => h("ol", {
+            ...attrs,
+            class: classNames("st-orderedList st-ol", props.class),
+        }, props.items.map((item, index) => renderListItem(item, index, true)));
+    },
+});
+// Internal helper to avoid circular import issues
+const UnorderedListHelper = defineComponent({
+    name: "UnorderedList",
+    props: {
+        items: { type: Array, required: true },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => h("ul", {
+            ...attrs,
+            class: classNames("st-unorderedList", props.class),
+        }, props.items.map((item, index) => renderListItem(item, index, false)));
+    },
+});
+//# sourceMappingURL=OrderedList.js.map

package/dist/OrderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAmB,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,SAAS,cAAc,CAAC,IAAsB,EAAE,KAAa,EAAE,OAAgB;IAC7E,IACE,OAAO,IAAI,KAAK,QAAQ;QACxB,IAAI,KAAK,IAAI;QACb,OAAO,IAAK,IAAgC,EAC5C,CAAC;QACD,MAAM,IAAI,GAAG,IAAuB,CAAC;QACrC,OAAO,CAAC,CACN,IAAI,EACJ;YACE,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB;SACnE,EACD;YACE,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YACxB,IAAI,CAAC,QAAQ;gBACX,CAAC,CAAC,OAAO;oBACP,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAC1C,CAAC,CAAC,CAAC,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACpD,CAAC,CAAC,IAAI;SACT,CACF,CAAC;IACJ,CAAC;IACD,OAAO,CAAC,CACN,IAAI,EACJ;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB;KACnE,EACD,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAiC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,IAAI,EACJ;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,sBAAsB,EAAE,KAAK,CAAC,KAAK,CAAC;SACvD,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAiB,CACpF,CAAC;IACN,CAAC;CACF,CAAC,CAAC;AAEH,kDAAkD;AAClD,MAAM,mBAAmB,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAiC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,IAAI,EACJ;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC;SACnD,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAiB,CACrF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/OverflowMenu.d.ts

@@ -0,0 +1,73 @@
+import type { MenuItem } from "./Menu.js";
+export type OverflowMenuPlacement = "top-start" | "top-end" | "bottom-start" | "bottom-end";
+export type OverflowMenuProps = {
+    items: MenuItem[];
+    label?: string;
+    open?: boolean;
+    dense?: boolean;
+    placement?: OverflowMenuPlacement;
+    class?: string;
+};
+export type { MenuItem as OverflowMenuItem };
+export declare const OverflowMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: () => MenuItem[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: () => OverflowMenuPlacement;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: () => MenuItem[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: () => OverflowMenuPlacement;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    label: string;
+    open: boolean;
+    placement: OverflowMenuPlacement;
+    dense: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=OverflowMenu.d.ts.map

package/dist/OverflowMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../src/OverflowMenu.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;AAE5F,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,YAAY,EAAE,QAAQ,IAAI,gBAAgB,EAAE,CAAC;AAE7C,eAAO,MAAM,YAAY;;cAGG,MAAM,QAAQ,EAAE;;;;;;;;;;;;;;;;cAIX,MAAM,qBAAqB;;;;;;;;;;;cAJhC,MAAM,QAAQ,EAAE;;;;;;;;;;;;;;;;cAIX,MAAM,qBAAqB;;;;;;;;;;;;;;;4EAsE1D,CAAC"}

package/dist/OverflowMenu.js

@@ -0,0 +1,57 @@
+import { defineComponent, h, ref, watch, onUnmounted } from "vue";
+import { classNames } from "./classNames.js";
+import { Menu } from "./Menu.js";
+export const OverflowMenu = defineComponent({
+    name: "OverflowMenu",
+    props: {
+        items: { type: Array, required: true },
+        label: { type: String, default: "More" },
+        open: { type: Boolean, default: undefined },
+        dense: { type: Boolean, default: false },
+        placement: { type: String, default: "bottom-start" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["update:open"],
+    setup(props, { emit, attrs }) {
+        const localOpen = ref(false);
+        const isOpen = () => (props.open !== undefined ? props.open : localOpen.value);
+        const setOpen = (val) => {
+            if (props.open === undefined)
+                localOpen.value = val;
+            emit("update:open", val);
+        };
+        const onMouseDown = (event) => {
+            const target = event.target;
+            const host = attrs._hostEl;
+            if (target && host && !host.contains(target))
+                setOpen(false);
+        };
+        watch(() => isOpen(), (open) => {
+            if (open)
+                document.addEventListener("mousedown", onMouseDown);
+            else
+                document.removeEventListener("mousedown", onMouseDown);
+        });
+        onUnmounted(() => document.removeEventListener("mousedown", onMouseDown));
+        return () => {
+            const open = isOpen();
+            return h("div", {
+                ...attrs,
+                class: classNames("st-overflowMenu", props.dense && "st-overflowMenu--dense", props.class),
+            }, [
+                h("button", {
+                    type: "button",
+                    class: "st-overflowMenu__trigger",
+                    "aria-expanded": open,
+                    onClick: () => setOpen(!open),
+                }, props.label),
+                open
+                    ? h("div", {
+                        class: classNames("st-overflowMenu__list", `st-overflowMenu__list--${props.placement}`),
+                    }, h(Menu, { items: props.items }))
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=OverflowMenu.js.map

package/dist/OverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenu.js","sourceRoot":"","sources":["../src/OverflowMenu.ts"],"names":[],"mappings":"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"}