@sentropic/design-system-vue 0.5.0 → 0.6.0

package/dist/Col.d.ts

@@ -0,0 +1,87 @@
+export type ColSpan = number | "auto";
+export type ColProps = {
+    /** Number of 12-grid columns to span, or "auto" to size to content. */
+    span?: ColSpan;
+    /** Columns to offset (0..11) via margin-inline-start. */
+    offset?: number;
+    /** Responsive overrides applied at and above the breakpoint. */
+    sm?: ColSpan;
+    md?: ColSpan;
+    lg?: ColSpan;
+    as?: string;
+    class?: string;
+};
+/** Width expression for a given span. Accounts for the shared row gutter so a
+    full 12 columns still fit on one line (gap-based layout). */
+export declare function spanBasis(span: ColSpan | undefined): string | undefined;
+export declare function offsetMargin(offset: number | undefined): string | undefined;
+export declare const Col: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    span: {
+        type: () => ColSpan;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    sm: {
+        type: () => ColSpan;
+        default: undefined;
+    };
+    md: {
+        type: () => ColSpan;
+        default: undefined;
+    };
+    lg: {
+        type: () => ColSpan;
+        default: undefined;
+    };
+    as: {
+        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<{
+    span: {
+        type: () => ColSpan;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    sm: {
+        type: () => ColSpan;
+        default: undefined;
+    };
+    md: {
+        type: () => ColSpan;
+        default: undefined;
+    };
+    lg: {
+        type: () => ColSpan;
+        default: undefined;
+    };
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    span: ColSpan;
+    offset: number;
+    sm: ColSpan;
+    md: ColSpan;
+    lg: ColSpan;
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Col.d.ts.map

package/dist/Col.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.d.ts","sourceRoot":"","sources":["../src/Col.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG;IACrB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;gEACgE;AAChE,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAOvE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM3E;AAED,eAAO,MAAM,GAAG;;cAI2B,MAAM,OAAO;;;;;;;;cAIT,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;;;;;;;;;;;;cANjB,MAAM,OAAO;;;;;;;;cAIT,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;;;;;;;;;;;;;;;;4EAoC1D,CAAC"}

package/dist/Col.js

@@ -0,0 +1,60 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+/** Width expression for a given span. Accounts for the shared row gutter so a
+    full 12 columns still fit on one line (gap-based layout). */
+export function spanBasis(span) {
+    if (span == null)
+        return undefined;
+    if (span === "auto")
+        return "auto";
+    const clamped = Math.max(1, Math.min(12, Math.round(span)));
+    const ratio = clamped / 12;
+    // Subtract this column's share of the inter-column gutters.
+    return `calc(${ratio * 100}% - var(--st-row-gutter, 0px) * ${(12 - clamped) / 12})`;
+}
+export function offsetMargin(offset) {
+    if (!offset)
+        return undefined;
+    const clamped = Math.max(0, Math.min(11, Math.round(offset)));
+    if (clamped === 0)
+        return undefined;
+    const ratio = clamped / 12;
+    return `calc(${ratio * 100}% + var(--st-row-gutter, 0px) * ${ratio})`;
+}
+export const Col = defineComponent({
+    name: "Col",
+    props: {
+        span: {
+            type: [Number, String],
+            default: "auto",
+        },
+        offset: { type: Number, default: 0 },
+        sm: { type: [Number, String], default: undefined },
+        md: { type: [Number, String], default: undefined },
+        lg: { type: [Number, String], default: undefined },
+        as: { type: String, default: "div" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => {
+            const isAuto = props.span === "auto";
+            const basis = spanBasis(props.span);
+            const style = {
+                flexBasis: basis,
+                maxInlineSize: isAuto ? undefined : basis,
+                flexGrow: isAuto ? 1 : 0,
+                marginInlineStart: offsetMargin(props.offset),
+                "--st-col-sm": spanBasis(props.sm),
+                "--st-col-md": spanBasis(props.md),
+                "--st-col-lg": spanBasis(props.lg),
+                ...attrs.style,
+            };
+            return h(props.as, {
+                ...attrs,
+                class: classNames("st-col", isAuto && "st-col--auto", props.sm != null && "st-col--has-sm", props.md != null && "st-col--has-md", props.lg != null && "st-col--has-lg", props.class),
+                style,
+            }, slots.default?.());
+        };
+    },
+});
+//# sourceMappingURL=Col.js.map

package/dist/Col.js.map

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

package/dist/Container.d.ts

@@ -0,0 +1,51 @@
+export type ContainerSize = "sm" | "md" | "lg" | "xl" | "full";
+export type ContainerProps = {
+    size?: ContainerSize;
+    /** Apply horizontal padding using the spacing scale. */
+    padding?: boolean;
+    as?: string;
+    class?: string;
+};
+export declare const Container: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    size: {
+        type: () => ContainerSize;
+        default: string;
+    };
+    padding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        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<{
+    size: {
+        type: () => ContainerSize;
+        default: string;
+    };
+    padding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    size: ContainerSize;
+    as: string;
+    padding: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Container.d.ts.map

package/dist/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../src/Container.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAGM,MAAM,aAAa;;;;;;;;;;;;;;;;;;;cAAnB,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;4EAqB7C,CAAC"}

package/dist/Container.js

@@ -0,0 +1,18 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Container = defineComponent({
+    name: "Container",
+    props: {
+        size: { type: String, default: "lg" },
+        padding: { type: Boolean, default: true },
+        as: { type: String, default: "div" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h(props.as, {
+            ...attrs,
+            class: classNames("st-container", `st-container--${props.size}`, props.padding && "st-container--padded", props.class),
+        }, slots.default?.());
+    },
+});
+//# sourceMappingURL=Container.js.map

package/dist/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../src/Container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY7C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAA6B,EAAE,OAAO,EAAE,IAAI,EAAE;QAC5D,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QACzC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACpC,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,KAAK,CAAC,EAAE,EACR;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,cAAc,EACd,iBAAiB,KAAK,CAAC,IAAI,EAAE,EAC7B,KAAK,CAAC,OAAO,IAAI,sBAAsB,EACvC,KAAK,CAAC,KAAK,CACZ;SACF,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/Divider.d.ts

@@ -0,0 +1,63 @@
+export type DividerOrientation = "horizontal" | "vertical";
+export type DividerVariant = "solid" | "dashed";
+export type DividerProps = {
+    orientation?: DividerOrientation;
+    /** Spacing scale step (0..12) applied as margin around the divider. */
+    spacing?: number;
+    /** Optional label centered on a horizontal divider line. */
+    label?: string;
+    variant?: DividerVariant;
+    class?: string;
+};
+export declare const Divider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    orientation: {
+        type: () => DividerOrientation;
+        default: string;
+    };
+    spacing: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: () => DividerVariant;
+        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<{
+    orientation: {
+        type: () => DividerOrientation;
+        default: string;
+    };
+    spacing: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: () => DividerVariant;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+    orientation: DividerOrientation;
+    variant: DividerVariant;
+    spacing: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../src/Divider.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,OAAO;;cAGe,MAAM,kBAAkB;;;;;;;;;;;;cAG5B,MAAM,cAAc;;;;;;;;;;;cAHhB,MAAM,kBAAkB;;;;;;;;;;;;cAG5B,MAAM,cAAc;;;;;;;;;;;;;4EAgDjD,CAAC"}

package/dist/Divider.js

@@ -0,0 +1,46 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { spacingToken } from "./Flex.js";
+export const Divider = defineComponent({
+    name: "Divider",
+    props: {
+        orientation: { type: String, default: "horizontal" },
+        spacing: { type: Number, default: undefined },
+        label: { type: String, default: undefined },
+        variant: { type: String, default: "solid" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            const isVertical = props.orientation === "vertical";
+            const hasLabel = !isVertical && props.label != null && props.label !== "";
+            const margin = spacingToken(props.spacing);
+            const classes = classNames("st-divider", `st-divider--${props.orientation}`, `st-divider--${props.variant}`, hasLabel && "st-divider--labeled", props.class);
+            if (hasLabel) {
+                return h("div", {
+                    ...attrs,
+                    class: classes,
+                    role: "separator",
+                    "aria-orientation": "horizontal",
+                    style: { marginBlock: margin, ...attrs.style },
+                }, [
+                    h("span", { class: "st-divider__line", "aria-hidden": "true" }),
+                    h("span", { class: "st-divider__label" }, props.label),
+                    h("span", { class: "st-divider__line", "aria-hidden": "true" }),
+                ]);
+            }
+            return h("div", {
+                ...attrs,
+                class: classes,
+                role: "separator",
+                "aria-orientation": props.orientation,
+                style: {
+                    marginBlock: isVertical ? undefined : margin,
+                    marginInline: isVertical ? margin : undefined,
+                    ...attrs.style,
+                },
+            });
+        };
+    },
+});
+//# sourceMappingURL=Divider.js.map

package/dist/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAezC,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,IAAI,EAAE,SAAS;IACf,KAAK,EAAE;QACL,WAAW,EAAE,EAAE,IAAI,EAAE,MAAkC,EAAE,OAAO,EAAE,YAAY,EAAE;QAChF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,OAAO,EAAE,EAAE,IAAI,EAAE,MAA8B,EAAE,OAAO,EAAE,OAAO,EAAE;QACnE,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,UAAU,GAAG,KAAK,CAAC,WAAW,KAAK,UAAU,CAAC;YACpD,MAAM,QAAQ,GAAG,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC;YAC1E,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAE3C,MAAM,OAAO,GAAG,UAAU,CACxB,YAAY,EACZ,eAAe,KAAK,CAAC,WAAW,EAAE,EAClC,eAAe,KAAK,CAAC,OAAO,EAAE,EAC9B,QAAQ,IAAI,qBAAqB,EACjC,KAAK,CAAC,KAAK,CACZ,CAAC;YAEF,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO,CAAC,CACN,KAAK,EACL;oBACE,GAAG,KAAK;oBACR,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,WAAW;oBACjB,kBAAkB,EAAE,YAAY;oBAChC,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAI,KAAK,CAAC,KAAmC,EAAE;iBAC9E,EACD;oBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;oBAC/D,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;oBACtD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;iBAChE,CACF,CAAC;YACJ,CAAC;YAED,OAAO,CAAC,CAAC,KAAK,EAAE;gBACd,GAAG,KAAK;gBACR,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,WAAW;gBACjB,kBAAkB,EAAE,KAAK,CAAC,WAAW;gBACrC,KAAK,EAAE;oBACL,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;oBAC5C,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;oBAC7C,GAAI,KAAK,CAAC,KAAmC;iBAC9C;aACF,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/Flex.d.ts

@@ -0,0 +1,97 @@
+export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
+export type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
+export type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
+export type FlexProps = {
+    direction?: FlexDirection;
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    inline?: boolean;
+    as?: string;
+    class?: string;
+};
+/** Resolve a spacing step to a `var(--st-spacing-N, fallback)` expression. */
+export declare function spacingToken(step: number | undefined): string | undefined;
+export declare function alignValue(align: FlexAlign | undefined): string | undefined;
+export declare function justifyValue(justify: FlexJustify | undefined): string | undefined;
+export declare const Flex: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    direction: {
+        type: () => FlexDirection;
+        default: string;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    align: {
+        type: () => FlexAlign;
+        default: undefined;
+    };
+    justify: {
+        type: () => FlexJustify;
+        default: undefined;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        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<{
+    direction: {
+        type: () => FlexDirection;
+        default: string;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    align: {
+        type: () => FlexAlign;
+        default: undefined;
+    };
+    justify: {
+        type: () => FlexJustify;
+        default: undefined;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    inline: boolean;
+    as: string;
+    wrap: boolean;
+    justify: FlexJustify;
+    direction: FlexDirection;
+    gap: number;
+    align: FlexAlign;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Flex.d.ts.map

package/dist/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../src/Flex.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAChF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEvF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAoBF,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKzE;AAmBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAE3E;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEjF;AAED,eAAO,MAAM,IAAI;;cAGgB,MAAM,aAAa;;;;;;;;cAEvB,MAAM,SAAS;;;;cACb,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;cAHf,MAAM,aAAa;;;;;;;;cAEvB,MAAM,SAAS;;;;cACb,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4B9C,CAAC"}

package/dist/Flex.js

@@ -0,0 +1,81 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+/** rem fallbacks for the Sent Tech spacing scale (steps 5/7/9/10/11 are
+    interpolated since no token exists, but the var() is still preferred). */
+const SPACING_FALLBACK = {
+    0: "0",
+    1: "0.25rem",
+    2: "0.5rem",
+    3: "0.75rem",
+    4: "1rem",
+    5: "1.25rem",
+    6: "1.5rem",
+    7: "1.75rem",
+    8: "2rem",
+    9: "2.25rem",
+    10: "2.5rem",
+    11: "2.75rem",
+    12: "3rem",
+};
+/** Resolve a spacing step to a `var(--st-spacing-N, fallback)` expression. */
+export function spacingToken(step) {
+    if (step == null)
+        return undefined;
+    const clamped = Math.max(0, Math.min(12, Math.round(step)));
+    if (clamped === 0)
+        return "0";
+    return `var(--st-spacing-${clamped}, ${SPACING_FALLBACK[clamped]})`;
+}
+const ALIGN = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    stretch: "stretch",
+    baseline: "baseline",
+};
+const JUSTIFY = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    between: "space-between",
+    around: "space-around",
+    evenly: "space-evenly",
+};
+export function alignValue(align) {
+    return align ? ALIGN[align] : undefined;
+}
+export function justifyValue(justify) {
+    return justify ? JUSTIFY[justify] : undefined;
+}
+export const Flex = defineComponent({
+    name: "Flex",
+    props: {
+        direction: { type: String, default: "row" },
+        gap: { type: Number, default: undefined },
+        align: { type: String, default: undefined },
+        justify: { type: String, default: undefined },
+        wrap: { type: Boolean, default: false },
+        inline: { type: Boolean, default: false },
+        as: { type: String, default: "div" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => {
+            const style = {
+                display: props.inline ? "inline-flex" : "flex",
+                flexDirection: props.direction,
+                flexWrap: props.wrap ? "wrap" : "nowrap",
+                alignItems: alignValue(props.align),
+                justifyContent: justifyValue(props.justify),
+                gap: spacingToken(props.gap),
+                ...attrs.style,
+            };
+            return h(props.as, {
+                ...attrs,
+                class: classNames("st-flex", props.class),
+                style,
+            }, slots.default?.());
+        };
+    },
+});
+//# sourceMappingURL=Flex.js.map

package/dist/Flex.js.map

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

package/dist/Header.d.ts

@@ -80,10 +80,10 @@ export declare const Header: import("vue").DefineComponent<import("vue").Extract
 }>> & Readonly<{}>, {
     class: string;
     title: undefined;
+    sticky: boolean;
     brand: undefined;
     navigation: HeaderNavItem[];
     navItems: HeaderNavItem[];
     account: HeaderAccount;
-    sticky: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Header.d.ts.map

package/dist/Hidden.d.ts

@@ -0,0 +1,52 @@
+export type HiddenBreakpoint = "sm" | "md" | "lg" | "xl";
+export type HiddenProps = {
+    /** Hide when viewport is narrower than this breakpoint. */
+    below?: HiddenBreakpoint;
+    /** Hide when viewport is at or wider than this breakpoint. */
+    above?: HiddenBreakpoint;
+    as?: string;
+    class?: string;
+};
+export declare const Hidden: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    below: {
+        type: () => HiddenBreakpoint;
+        default: undefined;
+    };
+    above: {
+        type: () => HiddenBreakpoint;
+        default: undefined;
+    };
+    as: {
+        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<{
+    below: {
+        type: () => HiddenBreakpoint;
+        default: undefined;
+    };
+    above: {
+        type: () => HiddenBreakpoint;
+        default: undefined;
+    };
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    as: string;
+    above: HiddenBreakpoint;
+    below: HiddenBreakpoint;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Hidden.d.ts.map

package/dist/Hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.d.ts","sourceRoot":"","sources":["../src/Hidden.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;cAGU,MAAM,gBAAgB;;;;cACtB,MAAM,gBAAgB;;;;;;;;;;;;;;;cADtB,MAAM,gBAAgB;;;;cACtB,MAAM,gBAAgB;;;;;;;;;;;;;;;;4EAoBjD,CAAC"}

package/dist/Hidden.js

@@ -0,0 +1,18 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Hidden = defineComponent({
+    name: "Hidden",
+    props: {
+        below: { type: String, default: undefined },
+        above: { type: String, default: undefined },
+        as: { type: String, default: "div" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h(props.as, {
+            ...attrs,
+            class: classNames("st-hidden", props.below && `st-hidden--below-${props.below}`, props.above && `st-hidden--above-${props.above}`, props.class),
+        }, slots.default?.());
+    },
+});
+//# sourceMappingURL=Hidden.js.map

package/dist/Hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.js","sourceRoot":"","sources":["../src/Hidden.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,MAAM,GAAG,eAAe,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAgC,EAAE,OAAO,EAAE,SAAS,EAAE;QACrE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAgC,EAAE,OAAO,EAAE,SAAS,EAAE;QACrE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QACpC,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,KAAK,CAAC,EAAE,EACR;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,WAAW,EACX,KAAK,CAAC,KAAK,IAAI,oBAAoB,KAAK,CAAC,KAAK,EAAE,EAChD,KAAK,CAAC,KAAK,IAAI,oBAAoB,KAAK,CAAC,KAAK,EAAE,EAChD,KAAK,CAAC,KAAK,CACZ;SACF,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}