@sentropic/design-system-vue 0.5.0 → 0.7.0

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/Collapsible.d.ts

@@ -0,0 +1,61 @@
+export type CollapsibleProps = {
+    /** État ouvert (contrôlable). */
+    open?: boolean;
+    title: string;
+    disabled?: boolean;
+    onToggle?: (open: boolean) => void;
+    class?: string;
+};
+export declare const Collapsible: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onToggle: {
+        type: () => (open: boolean) => void;
+        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, "toggle"[], "toggle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onToggle: {
+        type: () => (open: boolean) => void;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onToggle?: ((...args: any[]) => any) | undefined;
+}>, {
+    open: boolean;
+    class: string;
+    onToggle: (open: boolean) => void;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../src/Collapsible.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuBF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;cAOW,MAAM,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;cAA7B,MAAM,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;;;;;;;;;;;;qBAAhB,OAAO,KAAK,IAAI;;4EAgE9D,CAAC"}

package/dist/Collapsible.js

@@ -0,0 +1,72 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+let collapsibleCounter = 0;
+function ChevronDownIcon() {
+    return h("svg", {
+        width: 18,
+        height: 18,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 2.25,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        focusable: "false",
+        "aria-hidden": "true",
+    }, [h("path", { d: "m6 9 6 6 6-6" })]);
+}
+export const Collapsible = defineComponent({
+    name: "Collapsible",
+    props: {
+        open: { type: Boolean, default: undefined },
+        title: { type: String, required: true },
+        disabled: { type: Boolean, default: false },
+        onToggle: {
+            type: Function,
+            default: undefined,
+        },
+        class: { type: String, default: undefined },
+    },
+    emits: ["toggle"],
+    setup(props, { slots, attrs, emit }) {
+        const uid = `st-collapsible-${(collapsibleCounter += 1)}`;
+        const internalOpen = ref(props.open ?? false);
+        return () => {
+            const isControlled = props.open !== undefined;
+            const open = isControlled ? props.open : internalOpen.value;
+            const classes = classNames("st-collapsible", open && "st-collapsible--open", props.class);
+            const toggle = () => {
+                if (props.disabled)
+                    return;
+                const next = !open;
+                if (!isControlled)
+                    internalOpen.value = next;
+                props.onToggle?.(next);
+                emit("toggle", next);
+            };
+            return h("div", { ...attrs, class: classes }, [
+                h("button", {
+                    type: "button",
+                    class: "st-collapsible__trigger",
+                    "aria-expanded": open ? "true" : "false",
+                    "aria-controls": `${uid}-region`,
+                    id: `${uid}-trigger`,
+                    disabled: props.disabled,
+                    onClick: toggle,
+                }, [
+                    h("span", { class: "st-collapsible__title" }, props.title),
+                    h("span", { class: "st-collapsible__icon", "aria-hidden": "true" }, [ChevronDownIcon()]),
+                ]),
+                open
+                    ? h("div", {
+                        class: "st-collapsible__region",
+                        role: "region",
+                        id: `${uid}-region`,
+                        "aria-labelledby": `${uid}-trigger`,
+                    }, slots.default?.())
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=Collapsible.js.map

package/dist/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../src/Collapsible.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;
+    padding: boolean;
+    as: string;
+}, {}, {}, {}, 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/DataTable.d.ts

@@ -262,8 +262,8 @@ export declare const DataTable: import("vue").DefineComponent<import("vue").Extr
 }>> & Readonly<{}>, {
     class: string;
     caption: VNodeChild;
-    page: number;
     size: DataTableSize;
+    page: number;
     emptyLabel: string;
     selectable: DataTableSelectMode;
     selectedIds: string[];

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;
+    wrap: boolean;
+    justify: FlexJustify;
+    direction: FlexDirection;
+    gap: number;
+    as: string;
+    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/Footer.d.ts

@@ -59,8 +59,8 @@ export declare const Footer: import("vue").DefineComponent<import("vue").Extract
     };
 }>> & Readonly<{}>, {
     class: string;
-    columns: FooterColumn[];
     brand: undefined;
+    columns: FooterColumn[];
     links: FooterLink[];
     copyright: undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;