@sentropic/design-system-vue 0.1.0

package/dist/Tabs.js

@@ -0,0 +1,124 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+let _tabCounter = 0;
+function nextTabId() {
+    return `st-tabs-${++_tabCounter}`;
+}
+function idFrom(item, index, prefix) {
+    return item.id ?? item.value ?? `${prefix}-${index}`;
+}
+function moveIndex(index, max, delta) {
+    if (max <= 0)
+        return -1;
+    return (index + delta + max) % max;
+}
+export const Tabs = defineComponent({
+    name: "Tabs",
+    props: {
+        items: { type: Array, required: true },
+        activeValue: { type: String, default: undefined },
+        activeId: { type: String, default: undefined },
+        label: { type: String, default: "Tabs" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["change"],
+    setup(props, { emit, attrs }) {
+        const instanceId = ref(nextTabId());
+        const first = () => props.items.find((item) => !item.disabled) ?? props.items[0];
+        const itemIds = () => props.items.map((item, index) => idFrom(item, index, "tab"));
+        const getInitialValue = () => {
+            const f = first();
+            return (props.activeValue ??
+                props.activeId ??
+                (f ? idFrom(f, props.items.indexOf(f), "tab") : "tab-0"));
+        };
+        const localCurrent = ref(getInitialValue());
+        const current = () => props.activeValue ?? props.activeId ?? localCurrent.value;
+        const setCurrent = (val) => {
+            if (props.activeValue === undefined && props.activeId === undefined) {
+                localCurrent.value = val;
+            }
+            emit("change", val);
+        };
+        const tabRefs = ref([]);
+        const activateIndex = (index) => {
+            const item = props.items[index];
+            if (!item || item.disabled)
+                return;
+            const ids = itemIds();
+            setCurrent(ids[index]);
+            tabRefs.value[index]?.focus();
+        };
+        const moveTab = (index, delta) => {
+            const enabled = props.items
+                .map((item, itemIndex) => ({ item, itemIndex }))
+                .filter(({ item }) => !item.disabled);
+            const enabledIndex = enabled.findIndex(({ itemIndex }) => itemIndex === index);
+            const next = enabled[moveIndex(enabledIndex, enabled.length, delta)];
+            if (next)
+                activateIndex(next.itemIndex);
+        };
+        return () => {
+            const ids = itemIds();
+            const cur = current();
+            const activeIndex = Math.max(0, ids.indexOf(cur));
+            const active = props.items[activeIndex] ?? first();
+            const uid = instanceId.value;
+            return h("section", {
+                ...attrs,
+                class: classNames("st-tabs", props.class),
+            }, [
+                h("div", { class: "st-tabs__list", role: "tablist", "aria-label": props.label }, props.items.map((item, index) => {
+                    const itemId = ids[index];
+                    const tabId = `${uid}-tab-${itemId}`;
+                    const panelId = `${uid}-panel-${itemId}`;
+                    return h("button", {
+                        key: itemId,
+                        ref: (el) => {
+                            tabRefs.value[index] = el;
+                        },
+                        id: tabId,
+                        type: "button",
+                        role: "tab",
+                        class: classNames("st-tabs__tab", itemId === cur && "st-tabs__tab--active"),
+                        "aria-selected": itemId === cur,
+                        "aria-controls": panelId,
+                        tabindex: itemId === cur ? 0 : -1,
+                        disabled: item.disabled,
+                        onClick: () => activateIndex(index),
+                        onKeydown: (event) => {
+                            if (event.key === "ArrowRight") {
+                                event.preventDefault();
+                                moveTab(index, 1);
+                            }
+                            else if (event.key === "ArrowLeft") {
+                                event.preventDefault();
+                                moveTab(index, -1);
+                            }
+                            else if (event.key === "Home") {
+                                event.preventDefault();
+                                const firstEnabled = props.items.findIndex((c) => !c.disabled);
+                                activateIndex(firstEnabled >= 0 ? firstEnabled : 0);
+                            }
+                            else if (event.key === "End") {
+                                event.preventDefault();
+                                const lastEnabled = props.items
+                                    .map((c, ci) => ({ c, ci }))
+                                    .filter(({ c }) => !c.disabled)
+                                    .at(-1)?.ci ?? props.items.length - 1;
+                                activateIndex(lastEnabled);
+                            }
+                        },
+                    }, item.label);
+                })),
+                h("div", {
+                    id: `${uid}-panel-${ids[activeIndex]}`,
+                    class: "st-tabs__panel",
+                    role: "tabpanel",
+                    "aria-labelledby": `${uid}-tab-${ids[activeIndex]}`,
+                }, active?.content),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

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

package/dist/Tag.d.ts

@@ -0,0 +1,53 @@
+export type TagTone = "neutral" | "info" | "success" | "warning" | "error";
+export type TagSize = "sm" | "md";
+export type TagProps = {
+    tone?: TagTone;
+    size?: TagSize;
+    disabled?: boolean;
+    class?: string;
+};
+export declare const Tag: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tone: {
+        type: () => TagTone;
+        default: string;
+    };
+    size: {
+        type: () => TagSize;
+        default: string;
+    };
+    disabled: {
+        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, "dismiss"[], "dismiss", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tone: {
+        type: () => TagTone;
+        default: string;
+    };
+    size: {
+        type: () => TagSize;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onDismiss?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    disabled: boolean;
+    tone: TagTone;
+    size: TagSize;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Tag.d.ts.map

package/dist/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../src/Tag.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,OAAO,GACf,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,GAAG;;cAGY,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;;;;;;;;;;;;cADb,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;;;;;;;;;;;;;;;4EAwBvC,CAAC"}

package/dist/Tag.js

@@ -0,0 +1,21 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Tag = defineComponent({
+    name: "Tag",
+    props: {
+        tone: { type: String, default: "neutral" },
+        size: { type: String, default: "md" },
+        disabled: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    emits: ["dismiss"],
+    setup(props, { slots, emit, attrs }) {
+        return () => h("span", {
+            ...attrs,
+            class: classNames("st-tag", `st-tag--${props.tone}`, `st-tag--${props.size}`, props.disabled && "st-tag--disabled", props.class),
+        }, [
+            h("span", { class: "st-tag__label" }, slots.default?.()),
+        ]);
+    },
+});
+//# sourceMappingURL=Tag.js.map

package/dist/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../src/Tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB7C,MAAM,CAAC,MAAM,GAAG,GAAG,eAAe,CAAC;IACjC,IAAI,EAAE,KAAK;IACX,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAuB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3D,IAAI,EAAE,EAAE,IAAI,EAAE,MAAuB,EAAE,OAAO,EAAE,IAAI,EAAE;QACtD,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,EAAE,CAAC,SAAS,CAAC;IAClB,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;QACjC,OAAO,GAAG,EAAE,CACV,CAAC,CACC,MAAM,EACN;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,QAAQ,EACR,WAAW,KAAK,CAAC,IAAI,EAAE,EACvB,WAAW,KAAK,CAAC,IAAI,EAAE,EACvB,KAAK,CAAC,QAAQ,IAAI,kBAAkB,EACpC,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;SACzD,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/Textarea.d.ts

@@ -0,0 +1,113 @@
+export type TextareaProps = {
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    invalid?: boolean;
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    rows?: number;
+    class?: string;
+};
+export declare const Textarea: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    helperText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    errorText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rows: {
+        type: 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;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rows: {
+        type: 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;
+    invalid: boolean;
+    disabled: boolean;
+    placeholder: string;
+    helperText: undefined;
+    modelValue: string;
+    rows: number;
+    errorText: undefined;
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,QAAQ;;cAG6B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAFjB,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAwEjE,CAAC"}

package/dist/Textarea.js

@@ -0,0 +1,60 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+let _counter = 0;
+function nextId() {
+    return `st-textarea-${++_counter}`;
+}
+export const Textarea = defineComponent({
+    name: "Textarea",
+    props: {
+        label: { type: [String, Object], default: undefined },
+        helperText: { type: [String, Object], default: undefined },
+        errorText: { type: [String, Object], default: undefined },
+        invalid: { type: Boolean, default: false },
+        modelValue: { type: String, default: undefined },
+        placeholder: { type: String, default: undefined },
+        disabled: { type: Boolean, default: false },
+        readonly: { type: Boolean, default: false },
+        rows: { type: Number, 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 = props.invalid || Boolean(props.errorText);
+            return h("div", { class: classNames("st-field", props.class) }, [
+                h("label", { class: "st-field__control", for: inputId }, [
+                    props.label
+                        ? h("span", { class: "st-field__label" }, props.label)
+                        : null,
+                    h("textarea", {
+                        ...attrs,
+                        id: inputId,
+                        class: "st-textarea st-control",
+                        "aria-invalid": isInvalid ? "true" : undefined,
+                        value: props.modelValue,
+                        placeholder: props.placeholder,
+                        disabled: props.disabled,
+                        readonly: props.readonly,
+                        rows: props.rows,
+                        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=Textarea.js.map

package/dist/Textarea.js.map

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

package/dist/ThemeProvider.d.ts

@@ -0,0 +1,30 @@
+import { type TenantTheme } from "@sentropic/design-system-themes";
+export type ThemeProviderProps = {
+    theme?: TenantTheme;
+    namespace?: string;
+};
+export declare const ThemeProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    theme: {
+        type: () => TenantTheme;
+        default: () => TenantTheme;
+    };
+    namespace: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => 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<{
+    theme: {
+        type: () => TenantTheme;
+        default: () => TenantTheme;
+    };
+    namespace: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    theme: TenantTheme;
+    namespace: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEhG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa;;cAIJ,MAAM,WAAW;;;;;;;;;;;cAAjB,MAAM,WAAW;;;;;;;;;;4EAyCrC,CAAC"}

package/dist/ThemeProvider.js

@@ -0,0 +1,43 @@
+import { computed, defineComponent, h, onBeforeUnmount, watchEffect } from "vue";
+import { compileTheme, sentTechTheme } from "@sentropic/design-system-themes";
+export const ThemeProvider = defineComponent({
+    name: "ThemeProvider",
+    props: {
+        theme: {
+            type: Object,
+            default: () => sentTechTheme,
+        },
+        namespace: {
+            type: String,
+            default: "st",
+        },
+    },
+    setup(props, { slots }) {
+        const css = computed(() => compileTheme(props.theme, {
+            selector: `[data-st-theme="${props.theme.id}"]`,
+            namespace: props.namespace,
+        }));
+        let styleEl = null;
+        watchEffect(() => {
+            const theme = props.theme;
+            const selector = `style[data-st-theme-provider="${theme.id}"]`;
+            const existing = document.head.querySelector(selector);
+            if (!existing) {
+                styleEl = document.createElement("style");
+                styleEl.dataset.stThemeProvider = theme.id;
+                document.head.appendChild(styleEl);
+            }
+            else {
+                styleEl = existing;
+            }
+            styleEl.textContent = css.value;
+        });
+        onBeforeUnmount(() => {
+            if (styleEl && styleEl.parentNode) {
+                styleEl.parentNode.removeChild(styleEl);
+            }
+        });
+        return () => h("div", { "data-st-theme": props.theme.id }, slots.default?.());
+    },
+});
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../src/ThemeProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAoB,MAAM,iCAAiC,CAAC;AAOhG,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,MAA2B;YACjC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa;SAC7B;QACD,SAAS,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,IAAI;SACd;KACF;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,CACxB,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE;YACxB,QAAQ,EAAE,mBAAmB,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI;YAC/C,SAAS,EAAE,KAAK,CAAC,SAAS;SAC3B,CAAC,CACH,CAAC;QAEF,IAAI,OAAO,GAA4B,IAAI,CAAC;QAE5C,WAAW,CAAC,GAAG,EAAE;YACf,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,MAAM,QAAQ,GAAG,iCAAiC,KAAK,CAAC,EAAE,IAAI,CAAC;YAC/D,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAmB,QAAQ,CAAC,CAAC;YACzE,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC1C,OAAO,CAAC,OAAO,CAAC,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC;gBAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,QAAQ,CAAC;YACrB,CAAC;YACD,OAAO,CAAC,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,eAAe,CAAC,GAAG,EAAE;YACnB,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;gBAClC,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CACV,CAAC,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACrE,CAAC;CACF,CAAC,CAAC"}

package/dist/Tile.d.ts

@@ -0,0 +1,70 @@
+export type TileVariant = "static" | "clickable" | "selectable";
+export type TileProps = {
+    title?: unknown;
+    description?: unknown;
+    variant?: TileVariant;
+    selected?: boolean;
+    disabled?: boolean;
+    class?: string;
+};
+export declare const Tile: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: () => unknown;
+        default: undefined;
+    };
+    description: {
+        type: () => unknown;
+        default: undefined;
+    };
+    variant: {
+        type: () => TileVariant;
+        default: string;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        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<{
+    title: {
+        type: () => unknown;
+        default: undefined;
+    };
+    description: {
+        type: () => unknown;
+        default: undefined;
+    };
+    variant: {
+        type: () => TileVariant;
+        default: string;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    title: undefined;
+    disabled: boolean;
+    variant: TileVariant;
+    description: undefined;
+    selected: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Tile.d.ts.map

package/dist/Tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;cAGiC,MAAM,OAAO;;;;cACP,MAAM,OAAO;;;;cACtC,MAAM,WAAW;;;;;;;;;;;;;;;;;;;cAFE,MAAM,OAAO;;;;cACP,MAAM,OAAO;;;;cACtC,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;4EAwC9C,CAAC"}

package/dist/Tile.js

@@ -0,0 +1,30 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Tile = defineComponent({
+    name: "Tile",
+    props: {
+        title: { type: [String, Object], default: undefined },
+        description: { type: [String, Object], default: undefined },
+        variant: { type: String, default: "static" },
+        selected: { type: Boolean, default: false },
+        disabled: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h("section", {
+            ...attrs,
+            class: classNames("st-tile", `st-tile--${props.variant}`, props.selected && "st-tile--selected", props.disabled && "st-tile--disabled", props.class),
+        }, [
+            h("div", { class: "st-tile__content" }, [
+                props.title
+                    ? h("h3", { class: "st-tile__title" }, props.title)
+                    : null,
+                props.description
+                    ? h("p", { class: "st-tile__description" }, props.description)
+                    : null,
+                slots.default?.(),
+            ]),
+        ]);
+    },
+});
+//# sourceMappingURL=Tile.js.map

package/dist/Tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACvF,OAAO,EAAE,EAAE,IAAI,EAAE,MAA2B,EAAE,OAAO,EAAE,QAAQ,EAAE;QACjE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,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,CACV,CAAC,CACC,SAAS,EACT;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,SAAS,EACT,YAAY,KAAK,CAAC,OAAO,EAAE,EAC3B,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE;gBACtC,KAAK,CAAC,KAAK;oBACT,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,KAAK,CAAC,KAAe,CACtB;oBACH,CAAC,CAAC,IAAI;gBACR,KAAK,CAAC,WAAW;oBACf,CAAC,CAAC,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,KAAK,CAAC,WAAqB,CAC5B;oBACH,CAAC,CAAC,IAAI;gBACR,KAAK,CAAC,OAAO,EAAE,EAAE;aAClB,CAAC;SACH,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/TileGroup.d.ts

@@ -0,0 +1,67 @@
+export interface TileGroupItem {
+    value: string;
+    title: unknown;
+    description?: unknown;
+    disabled?: boolean;
+}
+export type TileGroupProps = {
+    legend?: unknown;
+    items: TileGroupItem[];
+    value?: string;
+    disabled?: boolean;
+    class?: string;
+};
+export declare const TileGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    legend: {
+        type: () => unknown;
+        default: undefined;
+    };
+    items: {
+        type: () => TileGroupItem[];
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        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, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    legend: {
+        type: () => unknown;
+        default: undefined;
+    };
+    items: {
+        type: () => TileGroupItem[];
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    legend: undefined;
+    disabled: boolean;
+    value: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=TileGroup.d.ts.map