@sentropic/design-system-vue 0.1.0

package/dist/Input.d.ts

@@ -0,0 +1,126 @@
+export type InputSize = "sm" | "md" | "lg";
+export type InputProps = {
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    invalid?: boolean;
+    size?: InputSize;
+    id?: string;
+    class?: string;
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+};
+export declare const Input: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    errorText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: () => InputSize;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "blur" | "focus" | "update:modelValue")[], "change" | "input" | "blur" | "focus" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    errorText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: () => InputSize;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    label: string;
+    invalid: boolean;
+    id: string;
+    disabled: boolean;
+    size: InputSize;
+    placeholder: string;
+    helperText: string;
+    modelValue: string;
+    errorText: string;
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAOF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;cAOU,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA+CzC,CAAC"}

package/dist/Input.js

@@ -0,0 +1,60 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+let _counter = 0;
+function nextId() {
+    return `st-input-${++_counter}`;
+}
+export const Input = defineComponent({
+    name: "Input",
+    props: {
+        label: { type: String, default: undefined },
+        helperText: { type: String, default: undefined },
+        errorText: { type: String, default: undefined },
+        invalid: { type: Boolean, default: false },
+        size: { type: String, default: "md" },
+        id: { type: String, default: undefined },
+        class: { type: String, default: undefined },
+        modelValue: { type: String, default: undefined },
+        placeholder: { type: String, default: undefined },
+        disabled: { type: Boolean, default: false },
+        readonly: { type: Boolean, default: false },
+    },
+    emits: ["update:modelValue", "change", "input", "focus", "blur"],
+    setup(props, { emit, attrs }) {
+        const autoId = ref(nextId());
+        return () => {
+            const inputId = props.id ?? 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("input", {
+                        ...attrs,
+                        id: inputId,
+                        class: classNames("st-control", `st-control--${props.size}`),
+                        "aria-invalid": isInvalid ? "true" : undefined,
+                        value: props.modelValue,
+                        placeholder: props.placeholder,
+                        disabled: props.disabled,
+                        readonly: props.readonly,
+                        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=Input.js.map

package/dist/Input.js.map

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

package/dist/LanguageSelector.d.ts

@@ -0,0 +1,54 @@
+export type LanguageOption = {
+    value: string;
+    label: unknown;
+};
+export type LanguageSelectorProps = {
+    options: LanguageOption[];
+    value?: string;
+    open?: boolean;
+    class?: string;
+};
+export declare const LanguageSelector: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    options: {
+        type: () => LanguageOption[];
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    open: {
+        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"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: () => LanguageOption[];
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    value: string;
+    open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=LanguageSelector.d.ts.map

package/dist/LanguageSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../src/LanguageSelector.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;cAGC,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;;;;cAAtB,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;4EAsDlD,CAAC"}

package/dist/LanguageSelector.js

@@ -0,0 +1,34 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const LanguageSelector = defineComponent({
+    name: "LanguageSelector",
+    props: {
+        options: { type: Array, required: true },
+        value: { type: String, default: undefined },
+        open: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    emits: ["change"],
+    setup(props, { emit, attrs }) {
+        return () => {
+            const current = props.options.find((opt) => opt.value === props.value) ?? props.options[0];
+            return h("div", {
+                ...attrs,
+                class: classNames("st-languageSelector", props.class),
+            }, [
+                h("button", { type: "button", class: "st-languageSelector__trigger" }, h("span", { class: "st-languageSelector__current" }, current?.label)),
+                props.open
+                    ? h("ul", { class: "st-languageSelector__menu" }, props.options.map((option) => h("li", { key: option.value }, [
+                        h("button", {
+                            type: "button",
+                            class: classNames("st-languageSelector__option", option.value === props.value &&
+                                "st-languageSelector__option--active"),
+                            onClick: () => emit("change", option.value),
+                        }, option.label),
+                    ])))
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=LanguageSelector.js.map

package/dist/LanguageSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../src/LanguageSelector.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,gBAAgB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,KAA+B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACvC,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,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAE7E,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,KAAK,CAAC;aACtD,EACD;gBACE,CAAC,CACC,QAAQ,EACR,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,8BAA8B,EAAE,EACzD,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,8BAA8B,EAAE,EACzC,OAAO,EAAE,KAAe,CACzB,CACF;gBACD,KAAK,CAAC,IAAI;oBACR,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACtC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAC3B,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE;wBAC7B,CAAC,CACC,QAAQ,EACR;4BACE,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,UAAU,CACf,6BAA6B,EAC7B,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;gCAC1B,qCAAqC,CACxC;4BACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC;yBAC5C,EACD,MAAM,CAAC,KAAe,CACvB;qBACF,CAAC,CACH,CACF;oBACH,CAAC,CAAC,IAAI;aACT,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/LineChart.d.ts

@@ -0,0 +1,66 @@
+export type LineChartDatum = {
+    label?: string;
+    x?: string | number;
+    y?: number;
+    value?: number;
+    tone?: string;
+};
+export type LineChartTone = string;
+export type LineChartProps = {
+    data: LineChartDatum[];
+    label?: string;
+    width?: number;
+    height?: number;
+    class?: string;
+};
+export declare const LineChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => LineChartDatum[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    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<{
+    data: {
+        type: () => LineChartDatum[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+    width: number;
+    height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../src/LineChart.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAChH,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAcF,eAAO,MAAM,SAAS;;cAGK,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAAtB,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAsC/C,CAAC"}

package/dist/LineChart.js

@@ -0,0 +1,50 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+function pointsFrom(values, width, height) {
+    const ys = values.map((entry) => (typeof entry === "number" ? entry : entry.y ?? entry.value ?? 0));
+    const max = Math.max(...ys, 1);
+    return ys
+        .map((value, index) => {
+        const x = ys.length === 1 ? width / 2 : (index / (ys.length - 1)) * width;
+        const y = height - (value / max) * height;
+        return `${x},${y}`;
+    })
+        .join(" ");
+}
+export const LineChart = defineComponent({
+    name: "LineChart",
+    props: {
+        data: { type: Array, required: true },
+        label: { type: String, default: undefined },
+        width: { type: Number, default: 320 },
+        height: { type: Number, default: 160 },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            const width = props.width ?? 320;
+            const height = props.height ?? 160;
+            const points = pointsFrom(props.data, width, height);
+            const accessibleLabel = props.label ?? "Line chart";
+            const pointsList = points.split(" ");
+            return h("figure", {
+                ...attrs,
+                class: classNames("st-lineChart", props.class),
+                "aria-label": accessibleLabel,
+            }, [
+                h("span", { class: "st-visually-hidden" }, accessibleLabel),
+                h("svg", { viewBox: `0 0 ${width} ${height}`, "aria-hidden": "true" }, [
+                    h("polyline", { class: "st-lineChart__line", points, fill: "none" }),
+                    ...props.data.map((_datum, index) => h("circle", {
+                        key: index,
+                        class: "st-lineChart__dot",
+                        cx: pointsList[index]?.split(",")[0],
+                        cy: pointsList[index]?.split(",")[1],
+                        r: "4",
+                    })),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=LineChart.js.map

package/dist/LineChart.js.map

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

package/dist/Link.d.ts

@@ -0,0 +1,59 @@
+export type LinkProps = {
+    href?: string;
+    muted?: boolean;
+    standalone?: boolean;
+    disabled?: boolean;
+    class?: string;
+};
+export declare const Link: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    muted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    standalone: {
+        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<{
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    muted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    standalone: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    disabled: boolean;
+    href: string;
+    muted: boolean;
+    standalone: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Link.d.ts.map

package/dist/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4Bf,CAAC"}

package/dist/Link.js

@@ -0,0 +1,21 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Link = defineComponent({
+    name: "Link",
+    props: {
+        href: { type: String, default: undefined },
+        muted: { type: Boolean, default: false },
+        standalone: { type: Boolean, default: false },
+        disabled: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h("a", {
+            ...attrs,
+            href: props.href,
+            class: classNames("st-link", props.muted && "st-link--muted", props.standalone && "st-link--standalone", props.disabled && "st-link--disabled", props.class),
+            "aria-disabled": props.disabled || undefined,
+        }, slots.default?.());
+    },
+});
+//# sourceMappingURL=Link.js.map

package/dist/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACxC,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC7C,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,GAAG,EACH;YACE,GAAG,KAAK;YACR,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,KAAK,EAAE,UAAU,CACf,SAAS,EACT,KAAK,CAAC,KAAK,IAAI,gBAAgB,EAC/B,KAAK,CAAC,UAAU,IAAI,qBAAqB,EACzC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,KAAK,CACZ;YACD,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;SAC7C,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/LoadingState.d.ts

@@ -0,0 +1,50 @@
+export type LoadingStateVariant = "spinner" | "skeleton";
+export type LoadingStateProps = {
+    label?: unknown;
+    title?: unknown;
+    variant?: LoadingStateVariant;
+    class?: string;
+};
+export declare const LoadingState: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    title: {
+        type: () => unknown;
+        default: undefined;
+    };
+    variant: {
+        type: () => LoadingStateVariant;
+        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, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    title: {
+        type: () => unknown;
+        default: undefined;
+    };
+    variant: {
+        type: () => LoadingStateVariant;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: undefined;
+    title: undefined;
+    variant: LoadingStateVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=LoadingState.d.ts.map

package/dist/LoadingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../src/LoadingState.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY;;cAGyB,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;cAEzC,MAAM,mBAAmB;;;;;;;;;;;cAHG,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;cAEzC,MAAM,mBAAmB;;;;;;;;;;;;4EA+B7C,CAAC"}

package/dist/LoadingState.js

@@ -0,0 +1,28 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const LoadingState = defineComponent({
+    name: "LoadingState",
+    props: {
+        label: { type: [String, Object], default: undefined },
+        title: { type: [String, Object], default: undefined },
+        variant: {
+            type: String,
+            default: "spinner",
+        },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => h("section", {
+            ...attrs,
+            class: classNames("st-loading", `st-loading--${props.variant}`, props.class),
+            "aria-live": "polite",
+        }, [
+            h("span", {
+                class: "st-loading__spinner",
+                "aria-hidden": "true",
+            }),
+            h("span", { class: "st-loading__label" }, (props.label ?? props.title ?? "Loading")),
+        ]);
+    },
+});
+//# sourceMappingURL=LoadingState.js.map

package/dist/LoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.js","sourceRoot":"","sources":["../src/LoadingState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,OAAO,EAAE;YACP,IAAI,EAAE,MAAmC;YACzC,OAAO,EAAE,SAAS;SACnB;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,CACV,CAAC,CACC,SAAS,EACT;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,YAAY,EACZ,eAAe,KAAK,CAAC,OAAO,EAAE,EAC9B,KAAK,CAAC,KAAK,CACZ;YACD,WAAW,EAAE,QAAQ;SACtB,EACD;YACE,CAAC,CAAC,MAAM,EAAE;gBACR,KAAK,EAAE,qBAAqB;gBAC5B,aAAa,EAAE,MAAM;aACtB,CAAC;YACF,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,IAAI,SAAS,CAAW,CACpD;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}