@sentropic/design-system-vue 0.5.0 → 0.7.0

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;
+    above: HiddenBreakpoint;
+    below: HiddenBreakpoint;
+    as: string;
+}, {}, {}, {}, 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"}

package/dist/IconButton.d.ts

@@ -55,7 +55,7 @@ export declare const IconButton: import("vue").DefineComponent<import("vue").Ext
     type: "button" | "reset" | "submit";
     class: string;
     disabled: boolean;
-    variant: IconButtonVariant;
     size: IconButtonSize;
+    variant: IconButtonVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/Inline.d.ts

@@ -0,0 +1,71 @@
+import type { FlexAlign, FlexJustify } from "./Flex.js";
+export type InlineProps = {
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    as?: string;
+    class?: string;
+};
+export declare const Inline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    gap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    align: {
+        type: () => FlexAlign;
+        default: undefined;
+    };
+    justify: {
+        type: () => FlexJustify;
+        default: undefined;
+    };
+    wrap: {
+        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<{
+    gap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    align: {
+        type: () => FlexAlign;
+        default: undefined;
+    };
+    justify: {
+        type: () => FlexJustify;
+        default: undefined;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    wrap: boolean;
+    justify: FlexJustify;
+    gap: number;
+    as: string;
+    align: FlexAlign;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Inline.d.ts.map

package/dist/Inline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../src/Inline.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG;IACxB,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,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;cAIU,MAAM,SAAS;;;;cACb,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;cADnB,MAAM,SAAS;;;;cACb,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;4EAsB9C,CAAC"}

package/dist/Inline.js

@@ -0,0 +1,27 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { Flex } from "./Flex.js";
+export const Inline = defineComponent({
+    name: "Inline",
+    props: {
+        gap: { type: Number, default: undefined },
+        align: { type: String, default: undefined },
+        justify: { type: String, default: undefined },
+        wrap: { type: Boolean, default: true },
+        as: { type: String, default: "div" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h(Flex, {
+            ...attrs,
+            as: props.as,
+            gap: props.gap,
+            align: props.align,
+            justify: props.justify,
+            wrap: props.wrap,
+            direction: "row",
+            class: classNames("st-inline", props.class),
+        }, slots.default ? { default: () => slots.default?.() } : undefined);
+    },
+});
+//# sourceMappingURL=Inline.js.map

package/dist/Inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.js","sourceRoot":"","sources":["../src/Inline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAajC,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;QACL,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAyB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9D,OAAO,EAAE,EAAE,IAAI,EAAE,MAA2B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QACtC,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,IAAI,EACJ;YACE,GAAG,KAAK;YACR,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,GAAG,EAAE,KAAK,CAAC,GAAG;YACd,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;SAC5C,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CACjE,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/MediaContent.d.ts

@@ -117,12 +117,12 @@ export declare const MediaContent: import("vue").DefineComponent<import("vue").E
     class: string;
     caption: string;
     title: string;
+    aspectRatio: string;
     byline: string;
     media: string;
     mediaAlt: string;
     mediaKind: MediaKind;
     mediaControls: boolean;
-    aspectRatio: string;
     mediaCaptions: string;
     mediaCaptionsLabel: string;
     mediaCaptionsLang: string;

package/dist/OverflowMenu.d.ts

@@ -67,7 +67,7 @@ export declare const OverflowMenu: import("vue").DefineComponent<import("vue").E
     open: boolean;
     class: string;
     label: string;
-    placement: OverflowMenuPlacement;
     dense: boolean;
+    placement: OverflowMenuPlacement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=OverflowMenu.d.ts.map

package/dist/RadioGroup.d.ts

@@ -0,0 +1,109 @@
+import type { PropType } from "vue";
+export interface RadioGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    helperText?: string;
+}
+export type RadioGroupProps = {
+    legend: string;
+    /** Valeur sélectionnée (contrôlée). */
+    value?: string;
+    onChange?: (value: string) => void;
+    orientation?: "vertical" | "horizontal";
+    /** Nom partagé garantissant l'exclusivité radio. Requis. */
+    name: string;
+    options?: RadioGroupOption[];
+    helperText?: string;
+    /** Désactive le groupe entier. */
+    disabled?: boolean;
+    class?: string;
+};
+export declare const RadioGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    legend: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: string) => void>;
+        default: undefined;
+    };
+    orientation: {
+        type: () => "vertical" | "horizontal";
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<RadioGroupOption[]>;
+        default: () => never[];
+    };
+    helperText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    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, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    legend: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: string) => void>;
+        default: undefined;
+    };
+    orientation: {
+        type: () => "vertical" | "horizontal";
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<RadioGroupOption[]>;
+        default: () => never[];
+    };
+    helperText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    onChange: (value: string) => void;
+    disabled: boolean;
+    orientation: "horizontal" | "vertical";
+    value: string;
+    helperText: string;
+    options: RadioGroupOption[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;cAMC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;;;;cAInC,MAAM,UAAU,GAAG,YAAY;;;;;;;;cAKhC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;cATzB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;;;;cAInC,MAAM,UAAU,GAAG,YAAY;;;;;;;;cAKhC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;sBATR,MAAM,KAAK,IAAI;;;;;;4EAyDtD,CAAC"}

package/dist/RadioGroup.js

@@ -0,0 +1,58 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { Radio } from "./Radio.js";
+export const RadioGroup = defineComponent({
+    name: "RadioGroup",
+    props: {
+        legend: { type: String, required: true },
+        value: { type: String, default: undefined },
+        onChange: {
+            type: Function,
+            default: undefined,
+        },
+        orientation: {
+            type: String,
+            default: "vertical",
+        },
+        name: { type: String, required: true },
+        options: {
+            type: Array,
+            default: () => [],
+        },
+        helperText: { type: String, default: undefined },
+        disabled: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    emits: ["change"],
+    setup(props, { slots, attrs, emit }) {
+        function select(optionValue) {
+            if (optionValue === props.value)
+                return;
+            props.onChange?.(optionValue);
+            emit("change", optionValue);
+        }
+        return () => {
+            const classes = classNames("st-radioGroup", `st-radioGroup--${props.orientation}`, props.class);
+            return h("fieldset", { ...attrs, class: classes, disabled: props.disabled }, [
+                h("legend", { class: "st-radioGroup__legend" }, props.legend),
+                props.helperText
+                    ? h("p", { class: "st-radioGroup__help" }, props.helperText)
+                    : null,
+                h("div", { class: "st-radioGroup__options" }, [
+                    ...props.options.map((option) => h(Radio, {
+                        key: option.value,
+                        label: option.label,
+                        helperText: option.helperText,
+                        name: props.name,
+                        value: option.value,
+                        checked: props.value === option.value,
+                        disabled: option.disabled,
+                        onChange: () => select(option.value),
+                    })),
+                    slots.default?.(),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup.js.map

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

package/dist/Row.d.ts

@@ -0,0 +1,71 @@
+import type { FlexAlign, FlexJustify } from "./Flex.js";
+export type RowProps = {
+    /** Spacing scale step (0..12) used for the column gutter. */
+    gutter?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    as?: string;
+    class?: string;
+};
+export declare const Row: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: () => FlexAlign;
+        default: undefined;
+    };
+    justify: {
+        type: () => FlexJustify;
+        default: undefined;
+    };
+    wrap: {
+        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<{
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: () => FlexAlign;
+        default: undefined;
+    };
+    justify: {
+        type: () => FlexJustify;
+        default: undefined;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    wrap: boolean;
+    justify: FlexJustify;
+    as: string;
+    align: FlexAlign;
+    gutter: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Row.d.ts.map

package/dist/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../src/Row.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,MAAM,MAAM,QAAQ,GAAG;IACrB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;cAIa,MAAM,SAAS;;;;cACb,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;cADnB,MAAM,SAAS;;;;cACb,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;4EA2B9C,CAAC"}

package/dist/Row.js

@@ -0,0 +1,33 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { spacingToken, alignValue, justifyValue } from "./Flex.js";
+export const Row = defineComponent({
+    name: "Row",
+    props: {
+        gutter: { type: Number, default: 4 },
+        align: { type: String, default: undefined },
+        justify: { type: String, default: undefined },
+        wrap: { type: Boolean, default: true },
+        as: { type: String, default: "div" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => {
+            const gap = spacingToken(props.gutter) ?? "0";
+            const style = {
+                flexWrap: props.wrap ? "wrap" : "nowrap",
+                alignItems: alignValue(props.align),
+                justifyContent: justifyValue(props.justify),
+                gap,
+                "--st-row-gutter": gap,
+                ...attrs.style,
+            };
+            return h(props.as, {
+                ...attrs,
+                class: classNames("st-row", props.class),
+                style,
+            }, slots.default?.());
+        };
+    },
+});
+//# sourceMappingURL=Row.js.map

package/dist/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../src/Row.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,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAanE,MAAM,CAAC,MAAM,GAAG,GAAG,eAAe,CAAC;IACjC,IAAI,EAAE,KAAK;IACX,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QACpC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAyB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9D,OAAO,EAAE,EAAE,IAAI,EAAE,MAA2B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QACtC,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;YACV,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC;YAC9C,MAAM,KAAK,GAAG;gBACZ,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;gBACxC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;gBACnC,cAAc,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC;gBAC3C,GAAG;gBACH,iBAAiB,EAAE,GAAG;gBACtB,GAAI,KAAK,CAAC,KAAmC;aAC7B,CAAC;YACnB,OAAO,CAAC,CACN,KAAK,CAAC,EAAE,EACR;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC;gBACxC,KAAK;aACN,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/Stack.d.ts

@@ -0,0 +1,61 @@
+import type { FlexAlign, FlexJustify } from "./Flex.js";
+export type StackProps = {
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    as?: string;
+    class?: string;
+};
+export declare const Stack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    gap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    align: {
+        type: () => FlexAlign;
+        default: undefined;
+    };
+    justify: {
+        type: () => FlexJustify;
+        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<{
+    gap: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    align: {
+        type: () => FlexAlign;
+        default: undefined;
+    };
+    justify: {
+        type: () => FlexJustify;
+        default: undefined;
+    };
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    justify: FlexJustify;
+    gap: number;
+    as: string;
+    align: FlexAlign;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../src/Stack.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;cAIW,MAAM,SAAS;;;;cACb,MAAM,WAAW;;;;;;;;;;;;;;;;;;;cADnB,MAAM,SAAS;;;;cACb,MAAM,WAAW;;;;;;;;;;;;;;;;;4EAoB9C,CAAC"}

package/dist/Stack.js

@@ -0,0 +1,25 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { Flex } from "./Flex.js";
+export const Stack = defineComponent({
+    name: "Stack",
+    props: {
+        gap: { type: Number, default: undefined },
+        align: { type: String, default: undefined },
+        justify: { type: String, default: undefined },
+        as: { type: String, default: "div" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h(Flex, {
+            ...attrs,
+            as: props.as,
+            gap: props.gap,
+            align: props.align,
+            justify: props.justify,
+            direction: "column",
+            class: classNames("st-stack", props.class),
+        }, slots.default ? { default: () => slots.default?.() } : undefined);
+    },
+});
+//# sourceMappingURL=Stack.js.map

package/dist/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAYjC,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC;IACnC,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACL,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAyB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9D,OAAO,EAAE,EAAE,IAAI,EAAE,MAA2B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClE,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,IAAI,EACJ;YACE,GAAG,KAAK;YACR,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,GAAG,EAAE,KAAK,CAAC,GAAG;YACd,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC;SAC3C,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CACjE,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}