@sentropic/design-system-vue 0.1.0

package/dist/Form.d.ts

@@ -0,0 +1,42 @@
+export type FormStatus = "idle" | "submitting" | "submitted" | "error";
+export type FormProps = {
+    status?: FormStatus;
+    message?: string;
+    class?: string;
+};
+export declare const Form: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    status: {
+        type: () => FormStatus;
+        default: string;
+    };
+    message: {
+        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, "submit"[], "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    status: {
+        type: () => FormStatus;
+        default: string;
+    };
+    message: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    message: string;
+    status: FormStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Form.d.ts.map

package/dist/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;cAGa,MAAM,UAAU;;;;;;;;;;;;;;;cAAhB,MAAM,UAAU;;;;;;;;;;;;;;;;;4EAuC5C,CAAC"}

package/dist/Form.js

@@ -0,0 +1,32 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Form = defineComponent({
+    name: "Form",
+    props: {
+        status: { type: String, default: "idle" },
+        message: { type: String, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    emits: ["submit"],
+    setup(props, { emit, slots, attrs }) {
+        return () => h("form", {
+            ...attrs,
+            class: classNames("st-form", props.class),
+            onSubmit: (event) => {
+                emit("submit", event);
+            },
+        }, [
+            h("div", { class: "st-form__body" }, slots.default?.()),
+            props.message
+                ? h("p", {
+                    class: classNames("st-form__message", `st-form__message--${props.status === "submitted"
+                        ? "success"
+                        : props.status === "error"
+                            ? "error"
+                            : "help"}`),
+                }, props.message)
+                : null,
+        ]);
+    },
+});
+//# sourceMappingURL=Form.js.map

package/dist/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../src/Form.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,MAAM,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,MAAM,EAAE;QAC7D,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7C,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,KAAK,EAAE;QACjC,OAAO,GAAG,EAAE,CACV,CAAC,CACC,MAAM,EACN;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;YACzC,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;gBACzB,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YACxB,CAAC;SACF,EACD;YACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;YACvD,KAAK,CAAC,OAAO;gBACX,CAAC,CAAC,CAAC,CACC,GAAG,EACH;oBACE,KAAK,EAAE,UAAU,CACf,kBAAkB,EAClB,qBACE,KAAK,CAAC,MAAM,KAAK,WAAW;wBAC1B,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,OAAO;4BACxB,CAAC,CAAC,OAAO;4BACT,CAAC,CAAC,MACR,EAAE,CACH;iBACF,EACD,KAAK,CAAC,OAAO,CACd;gBACH,CAAC,CAAC,IAAI;SACT,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/FormGroup.d.ts

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

package/dist/FormGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../src/FormGroup.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAG6B,MAAM,OAAO;;;;cACT,MAAM,OAAO;;;;;;;;;;;cADjB,MAAM,OAAO;;;;cACT,MAAM,OAAO;;;;;;;;;;4EAgClE,CAAC"}

package/dist/FormGroup.js

@@ -0,0 +1,23 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const FormGroup = defineComponent({
+    name: "FormGroup",
+    props: {
+        legend: { type: [String, Object], required: true },
+        helperText: { type: [String, Object], default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h("fieldset", {
+            ...attrs,
+            class: classNames("st-form-group st-formGroup", props.class),
+        }, [
+            h("legend", { class: "st-form-group__legend st-formGroup__legend" }, props.legend),
+            props.helperText
+                ? h("p", { class: "st-form-group__help st-formGroup__help" }, props.helperText)
+                : null,
+            h("div", { class: "st-form-group__body st-formGroup__body" }, slots.default?.()),
+        ]);
+    },
+});
+//# sourceMappingURL=FormGroup.js.map

package/dist/FormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../src/FormGroup.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,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC9E,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACtF,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,UAAU,EACV;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,4BAA4B,EAAE,KAAK,CAAC,KAAK,CAAC;SAC7D,EACD;YACE,CAAC,CACC,QAAQ,EACR,EAAE,KAAK,EAAE,4CAA4C,EAAE,EACvD,KAAK,CAAC,MAAgB,CACvB;YACD,KAAK,CAAC,UAAU;gBACd,CAAC,CAAC,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,wCAAwC,EAAE,EACnD,KAAK,CAAC,UAAoB,CAC3B;gBACH,CAAC,CAAC,IAAI;YACR,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,wCAAwC,EAAE,EACnD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/Header.d.ts

@@ -0,0 +1,89 @@
+export type HeaderNavItem = {
+    label: unknown;
+    href: string;
+};
+export type HeaderAccount = {
+    name?: string;
+    email?: string;
+    avatarUrl?: string;
+};
+export type HeaderProps = {
+    brand?: unknown;
+    title?: unknown;
+    navigation?: HeaderNavItem[];
+    navItems?: HeaderNavItem[];
+    account?: HeaderAccount;
+    sticky?: boolean;
+    class?: string;
+};
+export declare function deriveInitials(name?: string): string;
+export declare const Header: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    brand: {
+        type: () => unknown;
+        default: undefined;
+    };
+    title: {
+        type: () => unknown;
+        default: undefined;
+    };
+    navigation: {
+        type: () => HeaderNavItem[];
+        default: undefined;
+    };
+    navItems: {
+        type: () => HeaderNavItem[];
+        default: undefined;
+    };
+    account: {
+        type: () => HeaderAccount;
+        default: undefined;
+    };
+    sticky: {
+        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<{
+    brand: {
+        type: () => unknown;
+        default: undefined;
+    };
+    title: {
+        type: () => unknown;
+        default: undefined;
+    };
+    navigation: {
+        type: () => HeaderNavItem[];
+        default: undefined;
+    };
+    navItems: {
+        type: () => HeaderNavItem[];
+        default: undefined;
+    };
+    account: {
+        type: () => HeaderAccount;
+        default: undefined;
+    };
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    title: undefined;
+    brand: undefined;
+    navigation: HeaderNavItem[];
+    navItems: HeaderNavItem[];
+    account: HeaderAccount;
+    sticky: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Header.d.ts.map

package/dist/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../src/Header.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAElF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAQpD;AAED,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;cAC9B,MAAM,aAAa,EAAE;;;;cACvB,MAAM,aAAa,EAAE;;;;cACrB,MAAM,aAAa;;;;;;;;;;;;;;;cAJA,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;cAC9B,MAAM,aAAa,EAAE;;;;cACvB,MAAM,aAAa,EAAE;;;;cACrB,MAAM,aAAa;;;;;;;;;;;;;;;;;;;4EA6DhD,CAAC"}

package/dist/Header.js

@@ -0,0 +1,54 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export function deriveInitials(name) {
+    return (name ?? "")
+        .trim()
+        .split(/\s+/)
+        .filter(Boolean)
+        .slice(0, 2)
+        .map((part) => part[0]?.toUpperCase())
+        .join("");
+}
+export const Header = defineComponent({
+    name: "Header",
+    props: {
+        brand: { type: [String, Object], default: undefined },
+        title: { type: [String, Object], default: undefined },
+        navigation: { type: Array, default: undefined },
+        navItems: { type: Array, default: undefined },
+        account: { type: Object, default: undefined },
+        sticky: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => {
+            const links = props.navigation ?? props.navItems ?? [];
+            return h("header", {
+                ...attrs,
+                class: classNames("st-header", props.sticky && "st-header--sticky", props.class),
+            }, [
+                h("div", { class: "st-header__leading" }, [
+                    props.brand
+                        ? h("a", { class: "st-header__logo", href: "/" }, props.brand)
+                        : slots.brand
+                            ? h("a", { class: "st-header__logo", href: "/" }, slots.brand())
+                            : null,
+                    props.title
+                        ? h("span", { class: "st-header__title" }, props.title)
+                        : null,
+                ]),
+                h("nav", { class: "st-header__navigation" }, links.map((link) => h("a", { key: link.href, href: link.href }, link.label))),
+                props.account
+                    ? h("div", { class: "st-header__account" }, [
+                        h("span", { class: "st-header__avatar st-header__avatar--initials" }, deriveInitials(props.account.name)),
+                        h("span", { class: "st-header__account-name" }, props.account.name),
+                        props.account.email
+                            ? h("span", { class: "st-header__account-email" }, props.account.email)
+                            : null,
+                    ])
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Header.js.map

package/dist/Header.js.map

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

package/dist/Highlight.d.ts

@@ -0,0 +1,40 @@
+export type HighlightTone = "neutral" | "info" | "success" | "warning" | "error";
+export type HighlightProps = {
+    tone?: HighlightTone;
+    title?: unknown;
+    class?: string;
+};
+export declare const Highlight: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tone: {
+        type: () => HighlightTone;
+        default: string;
+    };
+    title: {
+        type: () => unknown;
+        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<{
+    tone: {
+        type: () => HighlightTone;
+        default: string;
+    };
+    title: {
+        type: () => unknown;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    title: undefined;
+    tone: HighlightTone;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Highlight.d.ts.map

package/dist/Highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../src/Highlight.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAEZ,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAIA,MAAM,aAAa;;;;cAGS,MAAM,OAAO;;;;;;;;;;;cAHzC,MAAM,aAAa;;;;cAGS,MAAM,OAAO;;;;;;;;;;;4EAuB7D,CAAC"}

package/dist/Highlight.js

@@ -0,0 +1,25 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Highlight = defineComponent({
+    name: "Highlight",
+    props: {
+        tone: {
+            type: String,
+            default: "neutral",
+        },
+        title: { type: [String, Object], default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h("aside", {
+            ...attrs,
+            class: classNames("st-highlight", `st-highlight--${props.tone}`, props.class),
+        }, [
+            props.title
+                ? h("h3", { class: "st-highlight__title" }, props.title)
+                : null,
+            h("div", { class: "st-highlight__body" }, slots.default?.()),
+        ]);
+    },
+});
+//# sourceMappingURL=Highlight.js.map

package/dist/Highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../src/Highlight.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,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,MAA6B;YACnC,OAAO,EAAE,SAAS;SACnB;QACD,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;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,OAAO,EACP;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,cAAc,EACd,iBAAiB,KAAK,CAAC,IAAI,EAAE,EAC7B,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,KAAK,CAAC,KAAK;gBACT,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,KAAK,CAAC,KAAe,CAAC;gBAClE,CAAC,CAAC,IAAI;YACR,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;SAC7D,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/IconButton.d.ts

@@ -0,0 +1,61 @@
+export type IconButtonSize = "sm" | "md" | "lg";
+export type IconButtonVariant = "secondary" | "danger" | "ghost";
+export type IconButtonProps = {
+    size?: IconButtonSize;
+    variant?: IconButtonVariant;
+    type?: "button" | "submit" | "reset";
+    disabled?: boolean;
+    class?: string;
+};
+export declare const IconButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    size: {
+        type: () => IconButtonSize;
+        default: string;
+    };
+    variant: {
+        type: () => IconButtonVariant;
+        default: string;
+    };
+    type: {
+        type: () => "button" | "submit" | "reset";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: () => IconButtonSize;
+        default: string;
+    };
+    variant: {
+        type: () => IconButtonVariant;
+        default: string;
+    };
+    type: {
+        type: () => "button" | "submit" | "reset";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    type: "button" | "reset" | "submit";
+    class: string;
+    disabled: boolean;
+    variant: IconButtonVariant;
+    size: IconButtonSize;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../src/IconButton.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;cAID,MAAM,cAAc;;;;cAIpB,MAAM,iBAAiB;;;;cAIvB,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO;;;;;;;;;;;;;;;cARnC,MAAM,cAAc;;;;cAIpB,MAAM,iBAAiB;;;;cAIvB,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO;;;;;;;;;;;;;;;;;4EAwBvD,CAAC"}

package/dist/IconButton.js

@@ -0,0 +1,30 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const IconButton = defineComponent({
+    name: "IconButton",
+    props: {
+        size: {
+            type: String,
+            default: "md",
+        },
+        variant: {
+            type: String,
+            default: "secondary",
+        },
+        type: {
+            type: String,
+            default: "button",
+        },
+        disabled: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h("button", {
+            ...attrs,
+            type: props.type,
+            disabled: props.disabled,
+            class: classNames("st-iconButton", `st-iconButton--${props.size}`, `st-iconButton--${props.variant}`, props.class),
+        }, slots.default?.());
+    },
+});
+//# sourceMappingURL=IconButton.js.map

package/dist/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../src/IconButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,MAA8B;YACpC,OAAO,EAAE,IAAI;SACd;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAiC;YACvC,OAAO,EAAE,WAAW;SACrB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAA6C;YACnD,OAAO,EAAE,QAAQ;SAClB;QACD,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,QAAQ,EACR;YACE,GAAG,KAAK;YACR,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,UAAU,CACf,eAAe,EACf,kBAAkB,KAAK,CAAC,IAAI,EAAE,EAC9B,kBAAkB,KAAK,CAAC,OAAO,EAAE,EACjC,KAAK,CAAC,KAAK,CACZ;SACF,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/InlineLoading.d.ts

@@ -0,0 +1,40 @@
+export type InlineLoadingStatus = "active" | "inactive" | "success" | "error";
+export type InlineLoadingProps = {
+    label?: unknown;
+    status?: InlineLoadingStatus;
+    class?: string;
+};
+export declare const InlineLoading: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: () => unknown;
+        default: string;
+    };
+    status: {
+        type: () => InlineLoadingStatus;
+        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: string;
+    };
+    status: {
+        type: () => InlineLoadingStatus;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+    status: InlineLoadingStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=InlineLoading.d.ts.map

package/dist/InlineLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLoading.d.ts","sourceRoot":"","sources":["../src/InlineLoading.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa;;cAGwB,MAAM,OAAO;;;;cAEzC,MAAM,mBAAmB;;;;;;;;;;;cAFG,MAAM,OAAO;;;;cAEzC,MAAM,mBAAmB;;;;;;;;;;;4EA8B7C,CAAC"}

package/dist/InlineLoading.js

@@ -0,0 +1,26 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const InlineLoading = defineComponent({
+    name: "InlineLoading",
+    props: {
+        label: { type: [String, Object], default: "Loading" },
+        status: {
+            type: String,
+            default: "active",
+        },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => h("div", {
+            ...attrs,
+            class: classNames("st-inlineLoading", `st-inlineLoading--${props.status}`, props.class),
+        }, [
+            h("span", {
+                class: "st-inlineLoading__spinner",
+                "aria-hidden": "true",
+            }),
+            h("span", { class: "st-inlineLoading__label" }, props.label),
+        ]);
+    },
+});
+//# sourceMappingURL=InlineLoading.js.map

package/dist/InlineLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLoading.js","sourceRoot":"","sources":["../src/InlineLoading.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,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,MAAM,EAAE;YACN,IAAI,EAAE,MAAmC;YACzC,OAAO,EAAE,QAAQ;SAClB;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,KAAK,EACL;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,kBAAkB,EAClB,qBAAqB,KAAK,CAAC,MAAM,EAAE,EACnC,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,CAAC,CAAC,MAAM,EAAE;gBACR,KAAK,EAAE,2BAA2B;gBAClC,aAAa,EAAE,MAAM;aACtB,CAAC;YACF,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,yBAAyB,EAAE,EACpC,KAAK,CAAC,KAAe,CACtB;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}