@sentropic/design-system-vue 0.1.0

package/dist/Select.d.ts

@@ -0,0 +1,108 @@
+export type SelectSize = "sm" | "md" | "lg";
+export type SelectOption = {
+    value: string;
+    label: unknown;
+    disabled?: boolean;
+};
+export type SelectProps = {
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    invalid?: boolean;
+    size?: SelectSize;
+    options?: SelectOption[];
+    modelValue?: string;
+    disabled?: boolean;
+    class?: string;
+};
+export declare const Select: 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;
+    };
+    size: {
+        type: () => SelectSize;
+        default: string;
+    };
+    options: {
+        type: () => SelectOption[];
+        default: undefined;
+    };
+    modelValue: {
+        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<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    helperText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    errorText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: () => SelectSize;
+        default: string;
+    };
+    options: {
+        type: () => SelectOption[];
+        default: undefined;
+    };
+    modelValue: {
+        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;
+    label: undefined;
+    invalid: boolean;
+    disabled: boolean;
+    size: SelectSize;
+    helperText: undefined;
+    modelValue: string;
+    options: SelectOption[];
+    errorText: undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;cAEvC,MAAM,UAAU;;;;cACd,MAAM,YAAY,EAAE;;;;;;;;;;;;;;;;;;;cALA,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;cAEvC,MAAM,UAAU;;;;cACd,MAAM,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgFhD,CAAC"}

package/dist/Select.js

@@ -0,0 +1,58 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+let _counter = 0;
+function nextId() {
+    return `st-select-${++_counter}`;
+}
+export const Select = defineComponent({
+    name: "Select",
+    props: {
+        label: { type: [String, Object], default: undefined },
+        helperText: { type: [String, Object], default: undefined },
+        errorText: { type: [String, Object], default: undefined },
+        invalid: { type: Boolean, default: false },
+        size: { type: String, default: "md" },
+        options: { type: Array, default: undefined },
+        modelValue: { type: String, default: undefined },
+        disabled: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    emits: ["update:modelValue", "change"],
+    setup(props, { emit, slots, 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("select", {
+                        ...attrs,
+                        id: inputId,
+                        class: classNames("st-select", `st-select--${props.size}`),
+                        "aria-invalid": isInvalid ? "true" : undefined,
+                        value: props.modelValue,
+                        disabled: props.disabled,
+                        onChange: (event) => {
+                            emit("update:modelValue", event.target.value);
+                            emit("change", event);
+                        },
+                    }, slots.default?.() ??
+                        (props.options?.map((option) => h("option", {
+                            key: option.value,
+                            value: option.value,
+                            disabled: option.disabled,
+                        }, option.label)) ?? [])),
+                ]),
+                props.errorText
+                    ? h("span", { class: "st-field__error" }, props.errorText)
+                    : props.helperText
+                        ? h("span", { class: "st-field__help" }, props.helperText)
+                        : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Select.js.map

package/dist/Select.js.map

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

package/dist/SideNav.d.ts

@@ -0,0 +1,44 @@
+export type SideNavItem = {
+    label: unknown;
+    href: string;
+    active?: boolean;
+    children?: SideNavItem[];
+};
+export type SideNavProps = {
+    items: SideNavItem[];
+    label?: string;
+    class?: string;
+};
+export declare const SideNav: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: () => SideNavItem[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        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<{
+    items: {
+        type: () => SideNavItem[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=SideNav.d.ts.map

package/dist/SideNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../src/SideNav.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,OAAO;;cAGQ,MAAM,WAAW,EAAE;;;;;;;;;;;;;;;cAAnB,MAAM,WAAW,EAAE;;;;;;;;;;;;;;4EA6B7C,CAAC"}

package/dist/SideNav.js

@@ -0,0 +1,22 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const SideNav = defineComponent({
+    name: "SideNav",
+    props: {
+        items: { type: Array, required: true },
+        label: { type: String, default: "Navigation" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => h("nav", {
+            ...attrs,
+            class: classNames("st-sidenav st-sideNav", props.class),
+            "aria-label": props.label,
+        }, props.items.map((item) => h("a", {
+            key: item.href,
+            href: item.href,
+            class: classNames("st-sidenav__link st-sideNav__link", item.active && "st-sidenav__link--active st-sideNav__link--active"),
+        }, item.label)));
+    },
+});
+//# sourceMappingURL=SideNav.js.map

package/dist/SideNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../src/SideNav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAe7C,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,IAAI,EAAE,SAAS;IACf,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAA4B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC7D,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE;QAC9C,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,KAAK,EACL;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,uBAAuB,EAAE,KAAK,CAAC,KAAK,CAAC;YACvD,YAAY,EAAE,KAAK,CAAC,KAAK;SAC1B,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,GAAG,EACH;YACE,GAAG,EAAE,IAAI,CAAC,IAAI;YACd,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,UAAU,CACf,mCAAmC,EACnC,IAAI,CAAC,MAAM,IAAI,mDAAmD,CACnE;SACF,EACD,IAAI,CAAC,KAAe,CACrB,CACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/SkeletonText.d.ts

@@ -0,0 +1,39 @@
+export type SkeletonTextProps = {
+    lines?: number;
+    label?: string;
+    class?: string;
+};
+export declare const SkeletonText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    lines: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        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<{
+    lines: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+    lines: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=SkeletonText.d.ts.map

package/dist/SkeletonText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../src/SkeletonText.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAkCvB,CAAC"}

package/dist/SkeletonText.js

@@ -0,0 +1,24 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const SkeletonText = defineComponent({
+    name: "SkeletonText",
+    props: {
+        lines: { type: Number, default: 3 },
+        label: { type: String, default: "Loading" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => h("div", {
+            ...attrs,
+            class: classNames("st-skeleton", props.class),
+            "aria-label": props.label,
+        }, [
+            h("span", { class: "st-visually-hidden" }, props.label),
+            ...Array.from({ length: props.lines ?? 3 }, (_, index) => h("span", {
+                key: index,
+                class: classNames("st-skeleton__line", index === 0 && "st-skeleton__line--heading"),
+            })),
+        ]);
+    },
+});
+//# sourceMappingURL=SkeletonText.js.map

package/dist/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.js","sourceRoot":"","sources":["../src/SkeletonText.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,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QACnC,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,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,KAAK,EACL;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC;YAC7C,YAAY,EAAE,KAAK,CAAC,KAAK;SAC1B,EACD;YACE,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,KAAK,CACZ;YACD,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CACvD,CAAC,CAAC,MAAM,EAAE;gBACR,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,UAAU,CACf,mBAAmB,EACnB,KAAK,KAAK,CAAC,IAAI,4BAA4B,CAC5C;aACF,CAAC,CACH;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/SkipLink.d.ts

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

package/dist/SkipLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../src/SkipLink.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;4EAkBnB,CAAC"}

package/dist/SkipLink.js

@@ -0,0 +1,17 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const SkipLink = defineComponent({
+    name: "SkipLink",
+    props: {
+        href: { type: String, default: "#main" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h("a", {
+            ...attrs,
+            href: props.href,
+            class: classNames("st-skipLink", props.class),
+        }, slots.default?.() ?? "Skip to content");
+    },
+});
+//# sourceMappingURL=SkipLink.js.map

package/dist/SkipLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.js","sourceRoot":"","sources":["../src/SkipLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;QACxC,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,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC;SAC9C,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,IAAI,iBAAiB,CACvC,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/Slider.d.ts

@@ -0,0 +1,93 @@
+export type SliderSize = "sm" | "md" | "lg";
+export type SliderProps = {
+    label?: string;
+    size?: SliderSize;
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    modelValue?: number;
+    class?: string;
+};
+export declare const Slider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => SliderSize;
+        default: string;
+    };
+    value: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        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" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: () => SliderSize;
+        default: string;
+    };
+    value: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    label: string;
+    size: SliderSize;
+    value: number;
+    modelValue: number;
+    min: number;
+    max: number;
+    defaultValue: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Slider.d.ts.map

package/dist/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/Slider.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;cAIS,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAhB,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA0C1C,CAAC"}

package/dist/Slider.js

@@ -0,0 +1,45 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Slider = defineComponent({
+    name: "Slider",
+    props: {
+        label: { type: String, default: undefined },
+        size: { type: String, default: "md" },
+        value: { type: Number, default: undefined },
+        defaultValue: { type: Number, default: undefined },
+        min: { type: Number, default: 0 },
+        max: { type: Number, default: 100 },
+        modelValue: { type: Number, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    emits: ["update:modelValue", "change"],
+    setup(props, { emit, attrs }) {
+        return () => {
+            const numeric = props.modelValue ?? props.value ?? props.defaultValue ?? 0;
+            return h("div", {
+                class: classNames("st-slider", `st-slider--${props.size}`, props.class),
+            }, [
+                h("div", { class: "st-slider__header" }, [
+                    props.label
+                        ? h("label", { class: "st-field__label" }, props.label)
+                        : null,
+                    h("span", { class: "st-slider__value" }, String(numeric)),
+                ]),
+                h("input", {
+                    ...attrs,
+                    class: "st-slider__input",
+                    type: "range",
+                    min: props.min,
+                    max: props.max,
+                    value: numeric,
+                    onInput: (event) => {
+                        const val = Number(event.target.value);
+                        emit("update:modelValue", val);
+                        emit("change", event);
+                    },
+                }),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Slider.js.map

package/dist/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../src/Slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAe7C,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,IAAI,EAAE;QACzD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAClD,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QACjC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;QACnC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,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;YACV,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;YAE3E,OAAO,CAAC,CACN,KAAK,EACL;gBACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,cAAc,KAAK,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;aACxE,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE;oBACvC,KAAK,CAAC,KAAK;wBACT,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;wBACvD,CAAC,CAAC,IAAI;oBACR,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;iBAC1D,CAAC;gBACF,CAAC,CAAC,OAAO,EAAE;oBACT,GAAG,KAAK;oBACR,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,OAAO;oBACb,GAAG,EAAE,KAAK,CAAC,GAAG;oBACd,GAAG,EAAE,KAAK,CAAC,GAAG;oBACd,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;wBACxB,MAAM,GAAG,GAAG,MAAM,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;wBAC7D,IAAI,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC;wBAC/B,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACxB,CAAC;iBACF,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/Sparkline.d.ts

@@ -0,0 +1,49 @@
+export type SparklineTone = "neutral" | "success" | "warning" | "error";
+export type SparklineProps = {
+    data: number[];
+    label?: string;
+    tone?: SparklineTone;
+    class?: string;
+};
+export declare const Sparkline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => number[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    tone: {
+        type: () => SparklineTone;
+        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<{
+    data: {
+        type: () => number[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    tone: {
+        type: () => SparklineTone;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+    tone: SparklineTone;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Sparkline.d.ts.map

package/dist/Sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../src/Sparkline.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAaF,eAAO,MAAM,SAAS;;cAGK,MAAM,MAAM,EAAE;;;;;;;;cAEb,MAAM,aAAa;;;;;;;;;;;cAFpB,MAAM,MAAM,EAAE;;;;;;;;cAEb,MAAM,aAAa;;;;;;;;;;;4EA2B7C,CAAC"}

package/dist/Sparkline.js

@@ -0,0 +1,42 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+function pointsFrom(values, width, height) {
+    const max = Math.max(...values, 1);
+    return values
+        .map((value, index) => {
+        const x = values.length === 1 ? width / 2 : (index / (values.length - 1)) * width;
+        const y = height - (value / max) * height;
+        return `${x},${y}`;
+    })
+        .join(" ");
+}
+export const Sparkline = defineComponent({
+    name: "Sparkline",
+    props: {
+        data: { type: Array, required: true },
+        label: { type: String, default: "Sparkline" },
+        tone: { type: String, default: "neutral" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            const label = props.label ?? "Sparkline";
+            const tone = props.tone ?? "neutral";
+            return h("figure", {
+                ...attrs,
+                class: classNames("st-sparkline", `st-sparkline--${tone}`, props.class),
+                "aria-label": label,
+            }, [
+                h("span", { class: "st-visually-hidden" }, label),
+                h("svg", { viewBox: "0 0 120 40", "aria-hidden": "true" }, [
+                    h("polyline", {
+                        class: "st-sparkline__line",
+                        points: pointsFrom(props.data, 120, 40),
+                        fill: "none",
+                    }),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Sparkline.js.map

package/dist/Sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../src/Sparkline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,SAAS,UAAU,CAAC,MAAgB,EAAE,KAAa,EAAE,MAAc;IACjE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;IACnC,OAAO,MAAM;SACV,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACpB,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;QAClF,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC;QAC1C,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;IACrB,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,KAAuB,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE;QAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,MAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjE,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,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,WAAW,CAAC;YACzC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC;YACrC,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,cAAc,EAAE,iBAAiB,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;gBACvE,YAAY,EAAE,KAAK;aACpB,EACD;gBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,KAAK,CAAC;gBACjD,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;oBACzD,CAAC,CAAC,UAAU,EAAE;wBACZ,KAAK,EAAE,oBAAoB;wBAC3B,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC;wBACvC,IAAI,EAAE,MAAM;qBACb,CAAC;iBACH,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}