@sentropic/design-system-vue 0.1.0

package/dist/Checkbox.d.ts

@@ -0,0 +1,101 @@
+export type CheckboxProps = {
+    label: string;
+    helperText?: string;
+    invalid?: boolean;
+    modelValue?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    class?: string;
+};
+export declare const Checkbox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        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")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    name: string;
+    invalid: boolean;
+    disabled: boolean;
+    value: string;
+    helperText: string;
+    modelValue: boolean;
+    checked: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA8CnB,CAAC"}

package/dist/Checkbox.js

@@ -0,0 +1,45 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Checkbox = defineComponent({
+    name: "Checkbox",
+    props: {
+        label: { type: String, required: true },
+        helperText: { type: String, default: undefined },
+        invalid: { type: Boolean, default: false },
+        modelValue: { type: Boolean, default: undefined },
+        checked: { type: Boolean, default: undefined },
+        disabled: { type: Boolean, default: false },
+        name: { type: String, default: undefined },
+        value: { type: String, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    emits: ["update:modelValue", "change"],
+    setup(props, { emit, attrs }) {
+        return () => h("label", {
+            class: classNames("st-choice", "st-choice--checkbox", props.class),
+        }, [
+            h("input", {
+                ...attrs,
+                class: "st-choice__input",
+                type: "checkbox",
+                name: props.name,
+                value: props.value,
+                checked: props.modelValue ?? props.checked,
+                disabled: props.disabled,
+                "aria-invalid": props.invalid ? "true" : undefined,
+                onChange: (event) => {
+                    const checked = event.target.checked;
+                    emit("update:modelValue", checked);
+                    emit("change", event);
+                },
+            }),
+            h("span", { class: "st-choice__content" }, [
+                h("span", { class: "st-choice__label" }, props.label),
+                props.helperText
+                    ? h("span", { class: "st-choice__help" }, props.helperText)
+                    : null,
+            ]),
+        ]);
+    },
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IACtC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,OAAO,EACP;YACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,qBAAqB,EAAE,KAAK,CAAC,KAAK,CAAC;SACnE,EACD;YACE,CAAC,CAAC,OAAO,EAAE;gBACT,GAAG,KAAK;gBACR,KAAK,EAAE,kBAAkB;gBACzB,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,OAAO,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO;gBAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBAClD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,MAAM,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;oBAC3D,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;oBACnC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACxB,CAAC;aACF,CAAC;YACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE;gBACzC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;gBACrD,KAAK,CAAC,UAAU;oBACd,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC;oBAC3D,CAAC,CAAC,IAAI;aACT,CAAC;SACH,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/CodeSnippet.d.ts

@@ -0,0 +1,38 @@
+export type CodeSnippetProps = {
+    code: string;
+    inline?: boolean;
+    class?: string;
+};
+export declare const CodeSnippet: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    inline: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CodeSnippet.d.ts.map

package/dist/CodeSnippet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeSnippet.d.ts","sourceRoot":"","sources":["../src/CodeSnippet.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAwBtB,CAAC"}

package/dist/CodeSnippet.js

@@ -0,0 +1,20 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const CodeSnippet = defineComponent({
+    name: "CodeSnippet",
+    props: {
+        code: { type: String, required: true },
+        inline: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            const tag = props.inline ? "code" : "pre";
+            return h(tag, {
+                ...attrs,
+                class: classNames("st-codeSnippet", props.inline && "st-codeSnippet--inline", props.class),
+            }, h("code", { class: "st-codeSnippet__code" }, props.code));
+        };
+    },
+});
+//# sourceMappingURL=CodeSnippet.js.map

package/dist/CodeSnippet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeSnippet.js","sourceRoot":"","sources":["../src/CodeSnippet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ7C,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACtC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,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,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;YAC1C,OAAO,CAAC,CACN,GAAG,EACH;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,gBAAgB,EAChB,KAAK,CAAC,MAAM,IAAI,wBAAwB,EACxC,KAAK,CAAC,KAAK,CACZ;aACF,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CACzD,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/Combobox.d.ts

@@ -0,0 +1,109 @@
+export type ComboboxOption = {
+    value: string;
+    label: unknown;
+    disabled?: boolean;
+};
+export type ComboboxSize = "sm" | "md" | "lg";
+export type ComboboxProps = {
+    label?: unknown;
+    options: ComboboxOption[];
+    value?: string;
+    size?: ComboboxSize;
+    placeholder?: string;
+    open?: boolean;
+    allowCustomValue?: boolean;
+    noResultsLabel?: unknown;
+    class?: string;
+};
+export declare const Combobox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    options: {
+        type: () => ComboboxOption[];
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => ComboboxSize;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    allowCustomValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noResultsLabel: {
+        type: () => unknown;
+        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, ("change" | "select" | "update:modelValue" | "update:open")[], "change" | "select" | "update:modelValue" | "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    options: {
+        type: () => ComboboxOption[];
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => ComboboxSize;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    allowCustomValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noResultsLabel: {
+        type: () => unknown;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    label: undefined;
+    size: ComboboxSize;
+    value: string;
+    placeholder: string;
+    open: boolean;
+    allowCustomValue: boolean;
+    noResultsLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAYF,eAAO,MAAM,QAAQ;;cAG6B,MAAM,OAAO;;;;cACjC,MAAM,cAAc,EAAE;;;;;;;;cAExB,MAAM,YAAY;;;;;;;;;;;;;;;;cAIa,MAAM,OAAO;;;;;;;;;;;cAPtB,MAAM,OAAO;;;;cACjC,MAAM,cAAc,EAAE;;;;;;;;cAExB,MAAM,YAAY;;;;;;;;;;;;;;;;cAIa,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;4EAgKtE,CAAC"}

package/dist/Combobox.js

@@ -0,0 +1,152 @@
+import { defineComponent, h, ref, computed } from "vue";
+import { classNames } from "./classNames.js";
+let _comboCounter = 0;
+function nextComboId() {
+    return `st-combobox-${++_comboCounter}`;
+}
+function moveIndex(index, max, delta) {
+    if (max <= 0)
+        return -1;
+    return (index + delta + max) % max;
+}
+export const Combobox = defineComponent({
+    name: "Combobox",
+    props: {
+        label: { type: [String, Object], default: undefined },
+        options: { type: Array, required: true },
+        value: { type: String, default: undefined },
+        size: { type: String, default: "md" },
+        placeholder: { type: String, default: "Select or type" },
+        open: { type: Boolean, default: undefined },
+        allowCustomValue: { type: Boolean, default: true },
+        noResultsLabel: { type: [String, Object], default: "No results" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["change", "select", "update:open", "update:modelValue"],
+    setup(props, { emit, attrs }) {
+        const instanceId = ref(nextComboId());
+        const inputId = computed(() => `${instanceId.value}-input`);
+        const listId = computed(() => `${instanceId.value}-list`);
+        const getInitialInput = () => {
+            const found = props.options.find((opt) => opt.value === props.value);
+            return found ? String(found.label) : (props.value ?? "");
+        };
+        const inputValue = ref(getInitialInput());
+        const localOpen = ref(false);
+        const activeIndex = ref(-1);
+        const isOpen = () => (props.open !== undefined ? props.open : localOpen.value);
+        const setOpen = (val) => {
+            if (props.open === undefined)
+                localOpen.value = val;
+            emit("update:open", val);
+        };
+        const filtered = computed(() => {
+            const query = inputValue.value.trim().toLowerCase();
+            if (!query)
+                return props.options;
+            return props.options.filter((opt) => String(opt.label).toLowerCase().includes(query));
+        });
+        const selectOption = (option) => {
+            if (option.disabled)
+                return;
+            inputValue.value = String(option.label);
+            setOpen(false);
+            activeIndex.value = -1;
+            emit("select", option.value);
+            emit("change", option.value);
+            emit("update:modelValue", option.value);
+        };
+        return () => {
+            const open = isOpen();
+            const selected = props.options.find((opt) => opt.value === props.value);
+            const displayValue = selected ? String(selected.label) : inputValue.value;
+            const activeDescendant = activeIndex.value >= 0 && filtered.value[activeIndex.value]
+                ? `${listId.value}-${filtered.value[activeIndex.value].value}`
+                : undefined;
+            return h("div", {
+                ...attrs,
+                class: classNames("st-combobox", `st-combobox--${props.size}`, props.class),
+            }, [
+                props.label
+                    ? h("label", { class: "st-field__label", for: inputId.value }, props.label)
+                    : null,
+                h("input", {
+                    id: inputId.value,
+                    class: "st-combobox__control",
+                    role: "combobox",
+                    "aria-expanded": open,
+                    "aria-autocomplete": "list",
+                    "aria-controls": listId.value,
+                    "aria-activedescendant": activeDescendant,
+                    placeholder: props.placeholder,
+                    value: displayValue,
+                    onFocus: () => setOpen(true),
+                    onInput: (event) => {
+                        const val = event.target.value;
+                        inputValue.value = val;
+                        setOpen(true);
+                        activeIndex.value = -1;
+                        if (props.allowCustomValue) {
+                            emit("change", val);
+                            emit("update:modelValue", val);
+                        }
+                    },
+                    onKeydown: (event) => {
+                        const f = filtered.value;
+                        if (event.key === "ArrowDown") {
+                            event.preventDefault();
+                            setOpen(true);
+                            activeIndex.value = moveIndex(activeIndex.value, f.length, 1);
+                        }
+                        else if (event.key === "ArrowUp") {
+                            event.preventDefault();
+                            setOpen(true);
+                            activeIndex.value = moveIndex(activeIndex.value < 0 ? f.length : activeIndex.value, f.length, -1);
+                        }
+                        else if (event.key === "Enter" && open && activeIndex.value >= 0 && f[activeIndex.value]) {
+                            event.preventDefault();
+                            selectOption(f[activeIndex.value]);
+                        }
+                        else if (event.key === "Escape" && open) {
+                            event.preventDefault();
+                            setOpen(false);
+                            activeIndex.value = -1;
+                        }
+                    },
+                }),
+                selected
+                    ? h("span", { class: "st-combobox__value st-visually-hidden" }, String(selected.label))
+                    : null,
+                open
+                    ? h("ul", {
+                        id: listId.value,
+                        class: "st-combobox__list",
+                        role: "listbox",
+                        "aria-label": String(props.label) || "Options",
+                    }, filtered.value.length
+                        ? filtered.value.map((option, index) => h("li", {
+                            key: option.value,
+                            id: `${listId.value}-${option.value}`,
+                            class: classNames("st-combobox__option", index === activeIndex.value && "st-combobox__option--active", option.value === props.value && "st-combobox__option--selected"),
+                            role: "option",
+                            "aria-selected": option.value === props.value,
+                            "aria-disabled": option.disabled ? "true" : undefined,
+                            onMousedown: (event) => {
+                                event.preventDefault();
+                                selectOption(option);
+                            },
+                        }, String(option.label)))
+                        : [
+                            h("li", {
+                                class: "st-combobox__empty",
+                                role: "option",
+                                "aria-disabled": "true",
+                                "aria-selected": "false",
+                            }, String(props.noResultsLabel)),
+                        ])
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Combobox.js.map

package/dist/Combobox.js.map

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

package/dist/ContentSwitcher.d.ts

@@ -0,0 +1,67 @@
+export type ContentSwitcherSize = "sm" | "md" | "lg";
+export type ContentSwitcherItem = {
+    id?: string;
+    value?: string;
+    label: unknown;
+    disabled?: boolean;
+};
+export type ContentSwitcherProps = {
+    items: ContentSwitcherItem[];
+    value?: string;
+    activeId?: string;
+    size?: ContentSwitcherSize;
+    class?: string;
+};
+export declare const ContentSwitcher: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: () => ContentSwitcherItem[];
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    activeId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => ContentSwitcherSize;
+        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, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: () => ContentSwitcherItem[];
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    activeId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => ContentSwitcherSize;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    size: ContentSwitcherSize;
+    value: string;
+    activeId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ContentSwitcher.d.ts.map

package/dist/ContentSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSwitcher.d.ts","sourceRoot":"","sources":["../src/ContentSwitcher.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAUF,eAAO,MAAM,eAAe;;cAGA,MAAM,mBAAmB,EAAE;;;;;;;;;;;;cAIjC,MAAM,mBAAmB;;;;;;;;;;;cAJnB,MAAM,mBAAmB,EAAE;;;;;;;;;;;;cAIjC,MAAM,mBAAmB;;;;;;;;;;;;;;4EA6C7C,CAAC"}

package/dist/ContentSwitcher.js

@@ -0,0 +1,42 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+function idFrom(item, index, prefix) {
+    return item.id ?? item.value ?? `${prefix}-${index}`;
+}
+export const ContentSwitcher = defineComponent({
+    name: "ContentSwitcher",
+    props: {
+        items: { type: Array, required: true },
+        value: { type: String, default: undefined },
+        activeId: { type: String, default: undefined },
+        size: {
+            type: String,
+            default: "md",
+        },
+        class: { type: String, default: undefined },
+    },
+    emits: ["change"],
+    setup(props, { emit, attrs }) {
+        return () => {
+            const current = props.value ??
+                props.activeId ??
+                idFrom(props.items[0] ?? {}, 0, "content");
+            return h("div", {
+                ...attrs,
+                class: classNames("st-contentSwitcher", `st-contentSwitcher--${props.size}`, props.class),
+                role: "group",
+            }, props.items.map((item, index) => {
+                const itemId = idFrom(item, index, "content");
+                return h("button", {
+                    key: itemId,
+                    type: "button",
+                    class: classNames("st-contentSwitcher__option st-contentSwitcher__button", itemId === current && "st-contentSwitcher__option--selected"),
+                    disabled: item.disabled,
+                    "aria-pressed": itemId === current,
+                    onClick: () => emit("change", itemId),
+                }, item.label);
+            }));
+        };
+    },
+});
+//# sourceMappingURL=ContentSwitcher.js.map

package/dist/ContentSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSwitcher.js","sourceRoot":"","sources":["../src/ContentSwitcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAmB7C,SAAS,MAAM,CACb,IAAqC,EACrC,KAAa,EACb,MAAc;IAEd,OAAO,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;AACvD,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAoC,EAAE,QAAQ,EAAE,IAAI,EAAE;QACrE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,IAAI,EAAE;YACJ,IAAI,EAAE,MAAmC;YACzC,OAAO,EAAE,IAAI;SACd;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,QAAQ,CAAC;IACjB,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GACX,KAAK,CAAC,KAAK;gBACX,KAAK,CAAC,QAAQ;gBACd,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;YAE7C,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,oBAAoB,EACpB,uBAAuB,KAAK,CAAC,IAAI,EAAE,EACnC,KAAK,CAAC,KAAK,CACZ;gBACD,IAAI,EAAE,OAAO;aACd,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;gBAC9C,OAAO,CAAC,CACN,QAAQ,EACR;oBACE,GAAG,EAAE,MAAM;oBACX,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,UAAU,CACf,uDAAuD,EACvD,MAAM,KAAK,OAAO,IAAI,sCAAsC,CAC7D;oBACD,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,cAAc,EAAE,MAAM,KAAK,OAAO;oBAClC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;iBACtC,EACD,IAAI,CAAC,KAAe,CACrB,CAAC;YACJ,CAAC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}