@sentropic/design-system-vue 0.1.0

package/dist/CopyButton.d.ts

@@ -0,0 +1,72 @@
+export type CopyButtonSize = "sm" | "md" | "lg";
+export type CopyButtonProps = {
+    text?: string;
+    value?: string;
+    label?: string;
+    copiedLabel?: string;
+    size?: CopyButtonSize;
+    class?: string;
+};
+export declare const CopyButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    copiedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: () => CopyButtonSize;
+        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, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    copiedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: () => CopyButtonSize;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    label: string;
+    size: CopyButtonSize;
+    value: string;
+    text: string;
+    copiedLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../src/CopyButton.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;cAOK,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;cAApB,MAAM,cAAc;;;;;;;;;;;;;;;;4EA4B9C,CAAC"}

package/dist/CopyButton.js

@@ -0,0 +1,28 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+export const CopyButton = defineComponent({
+    name: "CopyButton",
+    props: {
+        text: { type: String, default: undefined },
+        value: { type: String, default: undefined },
+        label: { type: String, default: "Copy" },
+        copiedLabel: { type: String, default: "Copied" },
+        size: { type: String, default: "md" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["click"],
+    setup(props, { emit, attrs }) {
+        const copied = ref(false);
+        return () => h("button", {
+            ...attrs,
+            type: "button",
+            class: classNames("st-copyButton", `st-copyButton--${props.size}`, copied.value && "st-copyButton--copied", props.class),
+            onClick: (event) => {
+                copied.value = true;
+                void navigator.clipboard?.writeText(props.value ?? props.text ?? "");
+                emit("click", event);
+            },
+        }, h("span", { class: "st-copyButton__label" }, copied.value ? props.copiedLabel : props.label));
+    },
+});
+//# sourceMappingURL=CopyButton.js.map

package/dist/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../src/CopyButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,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,MAAM,EAAE;QACxC,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE;QAChD,IAAI,EAAE,EAAE,IAAI,EAAE,MAA8B,EAAE,OAAO,EAAE,IAAI,EAAE;QAC7D,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;QAE1B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,QAAQ,EACR;YACE,GAAG,KAAK;YACR,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU,CACf,eAAe,EACf,kBAAkB,KAAK,CAAC,IAAI,EAAE,EAC9B,MAAM,CAAC,KAAK,IAAI,uBAAuB,EACvC,KAAK,CAAC,KAAK,CACZ;YACD,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE;gBAC7B,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;gBACpB,KAAK,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;gBACrE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACvB,CAAC;SACF,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAC7F,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/DataTable.d.ts

@@ -0,0 +1,100 @@
+export type DataTableColumn = {
+    key: string;
+    label: unknown;
+    sortable?: boolean;
+    align?: "start" | "center" | "end";
+    width?: string;
+    render?: (row: DataTableRow, column: DataTableColumn) => unknown;
+};
+export type DataTableRow = {
+    id: string;
+    [key: string]: unknown;
+};
+export type DataTableSize = "sm" | "md" | "lg";
+export type DataTableProps = {
+    columns: DataTableColumn[];
+    rows: DataTableRow[];
+    caption?: unknown;
+    size?: DataTableSize;
+    pageSize?: number;
+    page?: number;
+    totalItems?: number;
+    class?: string;
+};
+export declare const DataTable: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    columns: {
+        type: () => DataTableColumn[];
+        required: true;
+    };
+    rows: {
+        type: () => DataTableRow[];
+        required: true;
+    };
+    caption: {
+        type: () => unknown;
+        default: undefined;
+    };
+    size: {
+        type: () => DataTableSize;
+        default: string;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    page: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalItems: {
+        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, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    columns: {
+        type: () => DataTableColumn[];
+        required: true;
+    };
+    rows: {
+        type: () => DataTableRow[];
+        required: true;
+    };
+    caption: {
+        type: () => unknown;
+        default: undefined;
+    };
+    size: {
+        type: () => DataTableSize;
+        default: string;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    page: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalItems: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    caption: undefined;
+    page: number;
+    size: DataTableSize;
+    pageSize: number;
+    totalItems: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../src/DataTable.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC;CAClE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAGQ,MAAM,eAAe,EAAE;;;;cAC1B,MAAM,YAAY,EAAE;;;;cACK,MAAM,OAAO;;;;cACrC,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;cAHjB,MAAM,eAAe,EAAE;;;;cAC1B,MAAM,YAAY,EAAE;;;;cACK,MAAM,OAAO;;;;cACrC,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;4EAoE7C,CAAC"}

package/dist/DataTable.js

@@ -0,0 +1,42 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const DataTable = defineComponent({
+    name: "DataTable",
+    props: {
+        columns: { type: Array, required: true },
+        rows: { type: Array, required: true },
+        caption: { type: [String, Object], default: undefined },
+        size: { type: String, default: "md" },
+        pageSize: { type: Number, default: undefined },
+        page: { type: Number, default: 1 },
+        totalItems: { type: Number, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            const visibleRows = props.pageSize
+                ? props.rows.slice((props.page - 1) * props.pageSize, props.page * props.pageSize)
+                : props.rows;
+            const total = props.totalItems ?? props.rows.length;
+            return h("div", { class: "st-dataTable-wrap" }, [
+                h("table", {
+                    ...attrs,
+                    class: classNames("st-dataTable", `st-dataTable--${props.size}`, props.class),
+                }, [
+                    props.caption ? h("caption", {}, props.caption) : null,
+                    h("thead", {}, h("tr", {}, props.columns.map((col) => h("th", { key: col.key }, col.label)))),
+                    h("tbody", {}, visibleRows.map((row) => h("tr", { key: row.id }, props.columns.map((col) => h("td", {
+                        key: col.key,
+                        class: classNames(col.align === "center" && "st-dataTable__cell--center", col.align === "end" && "st-dataTable__cell--end"),
+                    }, col.render
+                        ? col.render(row, col)
+                        : String(row[col.key] ?? "")))))),
+                ]),
+                props.pageSize
+                    ? h("div", { class: "st-dataTable__pagerStatus" }, `${(props.page - 1) * props.pageSize + 1}-${Math.min(props.page * props.pageSize, total)} of ${total}`)
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=DataTable.js.map

package/dist/DataTable.js.map

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

package/dist/DatePicker.d.ts

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

package/dist/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../src/DatePicker.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,UAAU;;cAG2B,MAAM,OAAO;;;;;;;;cAEnC,MAAM,cAAc;;;;;;;;;;;cAFE,MAAM,OAAO;;;;;;;;cAEnC,MAAM,cAAc;;;;;;;;;;;;;;;4EA+C9C,CAAC"}

package/dist/DatePicker.js

@@ -0,0 +1,46 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+let _dpCounter = 0;
+function nextDpId() {
+    return `st-datepicker-${++_dpCounter}`;
+}
+export const DatePicker = defineComponent({
+    name: "DatePicker",
+    props: {
+        label: { type: [String, Object], default: undefined },
+        value: { type: String, default: undefined },
+        size: { type: String, default: "md" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["update:modelValue", "change"],
+    setup(props, { emit, attrs }) {
+        const autoId = ref(nextDpId());
+        return () => {
+            const inputId = autoId.value;
+            return h("div", {
+                ...attrs,
+                class: classNames("st-datepicker", `st-datepicker--${props.size}`, props.class),
+            }, [
+                h("div", { class: "st-field" }, [
+                    h("label", { class: "st-field__control", for: inputId }, [
+                        props.label
+                            ? h("span", { class: "st-field__label" }, props.label)
+                            : null,
+                        h("input", {
+                            id: inputId,
+                            class: "st-control st-datepicker__control",
+                            type: "date",
+                            value: props.value,
+                            onChange: (event) => {
+                                const val = event.target.value;
+                                emit("update:modelValue", val);
+                                emit("change", val);
+                            },
+                        }),
+                    ]),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=DatePicker.js.map

package/dist/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,IAAI,UAAU,GAAG,CAAC,CAAC;AACnB,SAAS,QAAQ;IACf,OAAO,iBAAiB,EAAE,UAAU,EAAE,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAA8B,EAAE,OAAO,EAAE,IAAI,EAAE;QAC7D,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,MAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;QAE/B,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC;YAE7B,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE,kBAAkB,KAAK,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;aAChF,EACD;gBACE,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,UAAU,EAAE,EACrB;oBACE,CAAC,CACC,OAAO,EACP,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,OAAO,EAAE,EAC5C;wBACE,KAAK,CAAC,KAAK;4BACT,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAe,CAAC;4BAChE,CAAC,CAAC,IAAI;wBACR,CAAC,CAAC,OAAO,EAAE;4BACT,EAAE,EAAE,OAAO;4BACX,KAAK,EAAE,mCAAmC;4BAC1C,IAAI,EAAE,MAAM;4BACZ,KAAK,EAAE,KAAK,CAAC,KAAK;4BAClB,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;gCACzB,MAAM,GAAG,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;gCACrD,IAAI,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC;gCAC/B,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;4BACtB,CAAC;yBACF,CAAC;qBACH,CACF;iBACF,CACF;aACF,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/DonutChart.d.ts

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

package/dist/DonutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../src/DonutChart.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,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;AACjH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,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;AAOF,eAAO,MAAM,UAAU;;cAGI,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAAvB,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAwChD,CAAC"}

package/dist/DonutChart.js

@@ -0,0 +1,42 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+const DATA_TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+export const DonutChart = defineComponent({
+    name: "DonutChart",
+    props: {
+        data: { type: Array, required: true },
+        label: { type: String, default: "Donut chart" },
+        width: { type: Number, default: undefined },
+        height: { type: Number, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            const label = props.label ?? "Donut chart";
+            const total = props.data.reduce((sum, datum) => sum + (datum.value ?? datum.y ?? 0), 0);
+            return h("figure", {
+                ...attrs,
+                class: classNames("st-donutChart", props.class),
+                "aria-label": label,
+            }, [
+                h("span", { class: "st-visually-hidden" }, label),
+                h("svg", { viewBox: "0 0 120 120", "aria-hidden": "true" }, [
+                    ...props.data.map((datum, index) => h("circle", {
+                        key: index,
+                        class: classNames("st-donutChart__slice", `st-donutChart__slice--${datum.tone ?? DATA_TONES[index % DATA_TONES.length]}`),
+                        cx: "60",
+                        cy: "60",
+                        r: 36 - index * 3,
+                        fill: "none",
+                        "stroke-width": "8",
+                    })),
+                    h("text", { class: "st-donutChart__center", x: "60", y: "64", "text-anchor": "middle" }, String(total)),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=DonutChart.js.map

package/dist/DonutChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../src/DonutChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,UAAU,GAAG;IACjB,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;IAClD,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,KAAgC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAChE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE;QAC/C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,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,aAAa,CAAC;YAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACxF,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC;gBAC/C,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,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;oBAC1D,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACjC,CAAC,CAAC,QAAQ,EAAE;wBACV,GAAG,EAAE,KAAK;wBACV,KAAK,EAAE,UAAU,CACf,sBAAsB,EACtB,yBAAyB,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,CAC/E;wBACD,EAAE,EAAE,IAAI;wBACR,EAAE,EAAE,IAAI;wBACR,CAAC,EAAE,EAAE,GAAG,KAAK,GAAG,CAAC;wBACjB,IAAI,EAAE,MAAM;wBACZ,cAAc,EAAE,GAAG;qBACpB,CAAC,CACH;oBACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;iBACxG,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/Drawer.d.ts

@@ -0,0 +1,62 @@
+export type DrawerPlacement = "left" | "right";
+export type DrawerProps = {
+    open?: boolean;
+    title?: string;
+    description?: string;
+    placement?: DrawerPlacement;
+    class?: string;
+};
+export declare const Drawer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: () => DrawerPlacement;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: () => DrawerPlacement;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    title: string;
+    open: boolean;
+    description: string;
+    placement: DrawerPlacement;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../src/Drawer.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;cAMc,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;cAArB,MAAM,eAAe;;;;;;;;;;;;;;;4EAwFpD,CAAC"}

package/dist/Drawer.js

@@ -0,0 +1,77 @@
+import { defineComponent, h, onMounted, onUnmounted, ref, watch } from "vue";
+import { classNames } from "./classNames.js";
+export const Drawer = defineComponent({
+    name: "Drawer",
+    props: {
+        open: { type: Boolean, default: false },
+        title: { type: String, default: undefined },
+        description: { type: String, default: undefined },
+        placement: { type: String, default: "right" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["close"],
+    setup(props, { emit, slots, attrs }) {
+        const panelRef = ref(null);
+        const onKeyDown = (event) => {
+            if (event.key === "Escape") {
+                event.preventDefault();
+                emit("close");
+            }
+        };
+        watch(() => props.open, (open) => {
+            if (open) {
+                document.body.style.overflow = "hidden";
+                document.addEventListener("keydown", onKeyDown);
+            }
+            else {
+                document.body.style.overflow = "";
+                document.removeEventListener("keydown", onKeyDown);
+            }
+        });
+        onUnmounted(() => {
+            document.body.style.overflow = "";
+            document.removeEventListener("keydown", onKeyDown);
+        });
+        return () => {
+            if (!props.open)
+                return null;
+            return h("div", {
+                class: "st-drawer__backdrop",
+                "data-testid": "st-drawer-backdrop",
+                role: "presentation",
+                onClick: (event) => {
+                    if (event.target === event.currentTarget)
+                        emit("close");
+                },
+            }, h("aside", {
+                ...attrs,
+                ref: panelRef,
+                class: classNames("st-drawer", `st-drawer--${props.placement}`, props.class),
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": props.title || "Drawer",
+                tabindex: -1,
+            }, [
+                h("div", { class: "st-drawer__header" }, [
+                    props.title
+                        ? h("h2", { class: "st-drawer__title" }, props.title)
+                        : null,
+                    h("button", {
+                        type: "button",
+                        class: "st-drawer__close",
+                        "aria-label": "Close",
+                        onClick: () => emit("close"),
+                    }, "x"),
+                ]),
+                props.description
+                    ? h("p", { class: "st-drawer__description" }, props.description)
+                    : null,
+                h("div", { class: "st-drawer__body" }, slots.default?.()),
+                slots.footer
+                    ? h("div", { class: "st-drawer__footer" }, slots.footer())
+                    : null,
+            ]));
+        };
+    },
+});
+//# sourceMappingURL=Drawer.js.map

package/dist/Drawer.js.map

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