@sentropic/design-system-vue 0.1.0

package/dist/Pagination.d.ts

@@ -0,0 +1,70 @@
+export type PaginationProps = {
+    page: number;
+    pageSize?: number;
+    totalItems?: number;
+    totalPages?: number;
+    pageCount?: number;
+    class?: string;
+};
+export declare const Pagination: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    page: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalItems: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    totalPages: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    pageCount: {
+        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, "pageChange"[], "pageChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    page: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalItems: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    totalPages: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    pageCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onPageChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+    pageCount: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAqFrB,CAAC"}

package/dist/Pagination.js

@@ -0,0 +1,58 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Pagination = defineComponent({
+    name: "Pagination",
+    props: {
+        page: { type: Number, required: true },
+        pageSize: { type: Number, default: 10 },
+        totalItems: { type: Number, default: undefined },
+        totalPages: { type: Number, default: undefined },
+        pageCount: { type: Number, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    emits: ["pageChange"],
+    setup(props, { emit, attrs }) {
+        return () => {
+            const pages = props.pageCount ??
+                props.totalPages ??
+                (props.totalItems
+                    ? Math.max(1, Math.ceil(props.totalItems / (props.pageSize ?? 10)))
+                    : props.page);
+            const start = props.totalItems
+                ? (props.page - 1) * (props.pageSize ?? 10) + 1
+                : props.page;
+            const end = props.totalItems
+                ? Math.min(props.page * (props.pageSize ?? 10), props.totalItems)
+                : props.page;
+            const visiblePages = Array.from({ length: pages }, (_, index) => index + 1);
+            return h("nav", {
+                ...attrs,
+                class: classNames("st-pagination", props.class),
+                "aria-label": "Pagination",
+            }, [
+                h("button", {
+                    type: "button",
+                    disabled: props.page <= 1,
+                    onClick: () => emit("pageChange", props.page - 1),
+                }, "Previous"),
+                h("span", { class: "st-pagination__page--active" }, props.totalItems
+                    ? `${start}-${end} of ${props.totalItems}`
+                    : `Page ${props.page} of ${pages}`),
+                h("span", { class: "st-pagination__pages" }, visiblePages.map((pageNumber) => h("button", {
+                    key: pageNumber,
+                    type: "button",
+                    class: classNames("st-pagination__page", pageNumber === props.page && "st-pagination__page--active"),
+                    "aria-label": `Page ${pageNumber}`,
+                    "aria-current": pageNumber === props.page ? "page" : undefined,
+                    onClick: () => emit("pageChange", pageNumber),
+                }, String(pageNumber)))),
+                h("button", {
+                    type: "button",
+                    disabled: props.page >= pages,
+                    onClick: () => emit("pageChange", props.page + 1),
+                }, "Next"),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Pagination.js.map

package/dist/Pagination.js.map

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

package/dist/PaginationNav.d.ts

@@ -0,0 +1,59 @@
+export type PaginationNavProps = {
+    page?: number;
+    totalPages?: number;
+    previousHref?: string;
+    nextHref?: string;
+    class?: string;
+};
+export declare const PaginationNav: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    page: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalPages: {
+        type: NumberConstructor;
+        default: number;
+    };
+    previousHref: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    nextHref: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    page: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalPages: {
+        type: NumberConstructor;
+        default: number;
+    };
+    previousHref: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    nextHref: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    page: number;
+    totalPages: number;
+    previousHref: string;
+    nextHref: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=PaginationNav.d.ts.map

package/dist/PaginationNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNav.d.ts","sourceRoot":"","sources":["../src/PaginationNav.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAmDxB,CAAC"}

package/dist/PaginationNav.js

@@ -0,0 +1,37 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const PaginationNav = defineComponent({
+    name: "PaginationNav",
+    props: {
+        page: { type: Number, default: 1 },
+        totalPages: { type: Number, default: 1 },
+        previousHref: { type: String, default: undefined },
+        nextHref: { type: String, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            const page = props.page ?? 1;
+            const totalPages = props.totalPages ?? 1;
+            return h("nav", {
+                ...attrs,
+                class: classNames("st-paginationNav", props.class),
+                "aria-label": "Pagination navigation",
+            }, [
+                props.previousHref
+                    ? h("a", { href: props.previousHref }, "Previous")
+                    : h("button", { type: "button", disabled: page <= 1 }, "Previous"),
+                h("ol", { class: "st-paginationNav__list" }, Array.from({ length: totalPages }, (_, index) => index + 1).map((item) => h("li", { key: item }, [
+                    h("button", {
+                        type: "button",
+                        class: classNames("st-paginationNav__page", item === page && "st-paginationNav__page--active"),
+                    }, `Page ${item}`),
+                ]))),
+                props.nextHref
+                    ? h("a", { href: props.nextHref }, "Next")
+                    : h("button", { type: "button", disabled: page >= totalPages }, "Next"),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=PaginationNav.js.map

package/dist/PaginationNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNav.js","sourceRoot":"","sources":["../src/PaginationNav.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,aAAa,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QAClC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QACxC,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAClD,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,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;YACV,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;YAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC;YAEzC,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC;gBAClD,YAAY,EAAE,uBAAuB;aACtC,EACD;gBACE,KAAK,CAAC,YAAY;oBAChB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,UAAU,CAAC;oBAClD,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC;gBACpE,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,wBAAwB,EAAE,EACnC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;oBACrB,CAAC,CACC,QAAQ,EACR;wBACE,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,UAAU,CACf,wBAAwB,EACxB,IAAI,KAAK,IAAI,IAAI,gCAAgC,CAClD;qBACF,EACD,QAAQ,IAAI,EAAE,CACf;iBACF,CAAC,CACH,CACF;gBACD,KAAK,CAAC,QAAQ;oBACZ,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC;oBAC1C,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,UAAU,EAAE,EAAE,MAAM,CAAC;aAC1E,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/PasswordInput.d.ts

@@ -0,0 +1,94 @@
+export type PasswordInputSize = "sm" | "md" | "lg";
+export type PasswordInputProps = {
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    size?: PasswordInputSize;
+    modelValue?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    class?: string;
+};
+export declare const PasswordInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    helperText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    errorText: {
+        type: () => unknown;
+        default: undefined;
+    };
+    size: {
+        type: () => PasswordInputSize;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "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;
+    };
+    size: {
+        type: () => PasswordInputSize;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        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;
+    disabled: boolean;
+    size: PasswordInputSize;
+    placeholder: string;
+    helperText: undefined;
+    modelValue: string;
+    errorText: undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../src/PasswordInput.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,aAAa;;cAGwB,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;cAHD,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAqFjD,CAAC"}

package/dist/PasswordInput.js

@@ -0,0 +1,69 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+let _counter = 0;
+function nextId() {
+    return `st-passwordInput-${++_counter}`;
+}
+export const PasswordInput = defineComponent({
+    name: "PasswordInput",
+    props: {
+        label: { type: [String, Object], default: undefined },
+        helperText: { type: [String, Object], default: undefined },
+        errorText: { type: [String, Object], default: undefined },
+        size: { type: String, default: "md" },
+        modelValue: { type: String, default: undefined },
+        disabled: { type: Boolean, default: false },
+        placeholder: { type: String, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    emits: ["update:modelValue", "change", "input"],
+    setup(props, { emit, attrs }) {
+        const autoId = ref(nextId());
+        const shown = ref(false);
+        return () => {
+            const inputId = autoId.value;
+            const isInvalid = Boolean(props.errorText);
+            return h("div", {
+                class: classNames("st-field", "st-passwordInput", `st-passwordInput--${props.size}`, props.class),
+            }, [
+                h("label", { class: "st-field__control", for: inputId }, [
+                    props.label
+                        ? h("span", { class: "st-field__label" }, props.label)
+                        : null,
+                    h("span", { class: "st-passwordInput__control" }, [
+                        h("input", {
+                            ...attrs,
+                            id: inputId,
+                            class: "st-control",
+                            type: shown.value ? "text" : "password",
+                            "aria-invalid": isInvalid ? "true" : undefined,
+                            value: props.modelValue,
+                            disabled: props.disabled,
+                            placeholder: props.placeholder,
+                            onInput: (event) => {
+                                emit("update:modelValue", event.target.value);
+                                emit("input", event);
+                            },
+                            onChange: (event) => {
+                                emit("change", event);
+                            },
+                        }),
+                        h("button", {
+                            type: "button",
+                            class: "st-passwordInput__toggle",
+                            onClick: () => {
+                                shown.value = !shown.value;
+                            },
+                        }, shown.value ? "Hide" : "Show"),
+                    ]),
+                ]),
+                props.errorText
+                    ? h("span", { class: "st-field__error" }, props.errorText)
+                    : props.helperText
+                        ? h("span", { class: "st-field__help" }, props.helperText)
+                        : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=PasswordInput.js.map

package/dist/PasswordInput.js.map

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

package/dist/Popover.d.ts

@@ -0,0 +1,52 @@
+export type PopoverPlacement = "top" | "right" | "bottom" | "left";
+export type PopoverProps = {
+    content?: string;
+    open?: boolean;
+    placement?: PopoverPlacement;
+    class?: string;
+};
+export declare const Popover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: () => PopoverPlacement;
+        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, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: () => PopoverPlacement;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    content: string;
+    open: boolean;
+    placement: PopoverPlacement;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Popover.d.ts.map

package/dist/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;cAKa,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;cAAtB,MAAM,gBAAgB;;;;;;;;;;;;;;4EAyErD,CAAC"}

package/dist/Popover.js

@@ -0,0 +1,66 @@
+import { defineComponent, h, ref, watch, onUnmounted } from "vue";
+import { classNames } from "./classNames.js";
+export const Popover = defineComponent({
+    name: "Popover",
+    props: {
+        content: { type: String, default: undefined },
+        open: { type: Boolean, default: undefined },
+        placement: { type: String, default: "bottom" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["update:open"],
+    setup(props, { emit, slots, attrs }) {
+        const localOpen = ref(false);
+        const hostRef = ref(null);
+        const isOpen = () => (props.open !== undefined ? props.open : localOpen.value);
+        const setOpen = (val) => {
+            if (props.open === undefined)
+                localOpen.value = val;
+            emit("update:open", val);
+        };
+        const onMouseDown = (event) => {
+            const target = event.target;
+            if (target && hostRef.value && !hostRef.value.contains(target))
+                setOpen(false);
+        };
+        const onKeyDown = (event) => {
+            if (event.key === "Escape") {
+                event.preventDefault();
+                setOpen(false);
+            }
+        };
+        watch(() => isOpen(), (open) => {
+            if (open) {
+                document.addEventListener("mousedown", onMouseDown);
+                document.addEventListener("keydown", onKeyDown);
+            }
+            else {
+                document.removeEventListener("mousedown", onMouseDown);
+                document.removeEventListener("keydown", onKeyDown);
+            }
+        });
+        onUnmounted(() => {
+            document.removeEventListener("mousedown", onMouseDown);
+            document.removeEventListener("keydown", onKeyDown);
+        });
+        return () => {
+            const open = isOpen();
+            return h("span", {
+                ...attrs,
+                ref: hostRef,
+                class: classNames("st-popover-host", props.class),
+                onClick: () => setOpen(true),
+            }, [
+                slots.trigger?.() ?? slots.default?.(),
+                open
+                    ? h("span", {
+                        class: classNames("st-popover", `st-popover--${props.placement}`),
+                        role: "dialog",
+                        "aria-label": props.content || "Popover",
+                    }, props.content ?? slots.content?.())
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Popover.js.map

package/dist/Popover.js.map

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

package/dist/ProgressBar.d.ts

@@ -0,0 +1,81 @@
+export type ProgressBarTone = "neutral" | "info" | "success" | "warning" | "error";
+export type ProgressBarSize = "sm" | "md" | "lg";
+export type ProgressBarProps = {
+    label?: unknown;
+    value?: number;
+    max?: number;
+    tone?: ProgressBarTone;
+    size?: ProgressBarSize;
+    indeterminate?: boolean;
+    class?: string;
+};
+export declare const ProgressBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tone: {
+        type: () => ProgressBarTone;
+        default: string;
+    };
+    size: {
+        type: () => ProgressBarSize;
+        default: string;
+    };
+    indeterminate: {
+        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<{
+    label: {
+        type: () => unknown;
+        default: undefined;
+    };
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tone: {
+        type: () => ProgressBarTone;
+        default: string;
+    };
+    size: {
+        type: () => ProgressBarSize;
+        default: string;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: undefined;
+    tone: ProgressBarTone;
+    size: ProgressBarSize;
+    value: number;
+    max: number;
+    indeterminate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAWF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;;;;;;;;;cAIzC,MAAM,eAAe;;;;cAIrB,MAAM,eAAe;;;;;;;;;;;;;;;cARO,MAAM,OAAO;;;;;;;;;;;;cAIzC,MAAM,eAAe;;;;cAIrB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;4EA6DzC,CAAC"}