@flowstack-ui/brick 0.1.5 → 0.1.9

package/dist/components/divider/Divider.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, isValidElement, } from "react";
-import { Divider as AtomDivider, } from "@flowstack-ui/atom/divider";
+import { DividerRoot as AtomDividerRoot, } from "@flowstack-ui/atom/divider";
 function mergeClassName(className) {
     return className ? `brick-divider ${className}` : "brick-divider";
 }
 function DividerImpl({ asChild = false, children, className, inset = "none", labelAlign = "center", orientation = "horizontal", slot = "divider", stretch = false, thickness = "subtle", variant = "solid", ...props }, ref) {
     const composed = asChild && isValidElement(children);
     const labeled = !composed && children !== undefined && children !== null;
-    return (_jsx(AtomDivider.Root, { ...props, asChild: composed, className: mergeClassName(className), "data-inset": inset, "data-label-align": labeled ? labelAlign : undefined, "data-orientation": orientation, "data-stretch": stretch ? "" : undefined, "data-thickness": thickness, "data-variant": variant, "data-slot": slot, orientation: orientation, ref: ref, children: composed ? children : labeled ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: "brick-divider__line", "data-slot": "divider-line-start" }), _jsx("span", { className: "brick-divider__label", "data-slot": "divider-label", children: children }), _jsx("span", { "aria-hidden": "true", className: "brick-divider__line", "data-slot": "divider-line-end" })] })) : undefined }));
+    return (_jsx(AtomDividerRoot, { ...props, asChild: composed, className: mergeClassName(className), "data-inset": inset, "data-label-align": labeled ? labelAlign : undefined, "data-orientation": orientation, "data-stretch": stretch ? "" : undefined, "data-thickness": thickness, "data-variant": variant, "data-slot": slot, orientation: orientation, ref: ref, children: composed ? children : labeled ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: "brick-divider__line", "data-slot": "divider-line-start" }), _jsx("span", { className: "brick-divider__label", "data-slot": "divider-label", children: children }), _jsx("span", { "aria-hidden": "true", className: "brick-divider__line", "data-slot": "divider-line-end" })] })) : undefined }));
 }
 export const Divider = forwardRef(DividerImpl);
 Divider.displayName = "Divider";

package/dist/components/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,cAAc,GAKf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,OAAO,IAAI,WAAW,GAEvB,MAAM,4BAA4B,CAAC;AA+CpC,SAAS,cAAc,CAAC,SAA6B;IACnD,OAAO,SAAS,CAAC,CAAC,CAAC,iBAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC;AACpE,CAAC;AAED,SAAS,WAAW,CAClB,EACE,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,MAAM,EACd,UAAU,GAAG,QAAQ,EACrB,WAAW,GAAG,YAAY,EAC1B,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,QAAQ,EACpB,OAAO,GAAG,OAAO,EACjB,GAAG,KAAK,EACK,EACf,GAAiC;IAEjC,MAAM,QAAQ,GAAG,OAAO,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,CAAC;IAEzE,OAAO,CACL,KAAC,WAAW,CAAC,IAAI,OACX,KAAK,EACT,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,gBACxB,KAAK,sBACC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,sBAChC,WAAW,kBACf,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,oBACtB,SAAS,kBACX,OAAO,eACV,IAAI,EACf,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,YAEP,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAC/B,8BACE,8BACc,MAAM,EAClB,SAAS,EAAC,qBAAqB,eACrB,oBAAoB,GAC9B,EACF,eAAM,SAAS,EAAC,sBAAsB,eAAW,eAAe,YAC7D,QAAQ,GACJ,EACP,8BACc,MAAM,EAClB,SAAS,EAAC,qBAAqB,eACrB,kBAAkB,GAC5B,IACD,CACJ,CAAC,CAAC,CAAC,SAAS,GACI,CACpB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA+B,WAAW,CAAC,CAAC;AAC7E,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,cAAc,GAKf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,WAAW,IAAI,eAAe,GAE/B,MAAM,4BAA4B,CAAC;AA+CpC,SAAS,cAAc,CAAC,SAA6B;IACnD,OAAO,SAAS,CAAC,CAAC,CAAC,iBAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC;AACpE,CAAC;AAED,SAAS,WAAW,CAClB,EACE,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,MAAM,EACd,UAAU,GAAG,QAAQ,EACrB,WAAW,GAAG,YAAY,EAC1B,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,QAAQ,EACpB,OAAO,GAAG,OAAO,EACjB,GAAG,KAAK,EACK,EACf,GAAiC;IAEjC,MAAM,QAAQ,GAAG,OAAO,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,CAAC;IAEzE,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,gBACxB,KAAK,sBACC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,sBAChC,WAAW,kBACf,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,oBACtB,SAAS,kBACX,OAAO,eACV,IAAI,EACf,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,YAEP,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAC/B,8BACE,8BACc,MAAM,EAClB,SAAS,EAAC,qBAAqB,eACrB,oBAAoB,GAC9B,EACF,eAAM,SAAS,EAAC,sBAAsB,eAAW,eAAe,YAC7D,QAAQ,GACJ,EACP,8BACc,MAAM,EAClB,SAAS,EAAC,qBAAqB,eACrB,kBAAkB,GAC5B,IACD,CACJ,CAAC,CAAC,CAAC,SAAS,GACG,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA+B,WAAW,CAAC,CAAC;AAC7E,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/components/frame/Frame.d.ts

@@ -0,0 +1,28 @@
+import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import type { ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
+export type { ResponsiveValue };
+export type FrameLength = string | number;
+export type FrameElement = "div" | "span" | "section" | "article" | "aside" | "main" | "header" | "footer" | "nav" | "ul" | "ol" | "li";
+type FrameNativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "className" | "style">;
+type FrameHostProps = {
+    as?: FrameElement;
+    asChild?: false;
+    children?: ReactNode;
+} | {
+    as?: never;
+    asChild: true;
+    children: ReactElement;
+};
+export type FrameProps = FrameNativeProps & FrameHostProps & {
+    inlineSize?: ResponsiveValue<FrameLength>;
+    minInlineSize?: ResponsiveValue<FrameLength>;
+    maxInlineSize?: ResponsiveValue<FrameLength>;
+    blockSize?: ResponsiveValue<FrameLength>;
+    minBlockSize?: ResponsiveValue<FrameLength>;
+    maxBlockSize?: ResponsiveValue<FrameLength>;
+    className?: string;
+    style?: CSSProperties;
+    slot?: string;
+};
+export declare const Frame: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Frame.d.ts.map

package/dist/components/frame/Frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../src/components/frame/Frame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,yCAAyC,CAAC;AAEjD,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAC1C,MAAM,MAAM,YAAY,GACpB,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GACzD,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAC9F,KAAK,cAAc,GACf;IAAE,EAAE,CAAC,EAAE,YAAY,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAC5D;IAAE,EAAE,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,cAAc,GAAG;IAC3D,UAAU,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA6GF,eAAO,MAAM,KAAK,oGAAiD,CAAC"}

package/dist/components/frame/Frame.js

@@ -0,0 +1,84 @@
+import { Children, cloneElement, createElement, forwardRef, } from "react";
+const breakpoints = ["sm", "md", "lg", "xl"];
+function serializeLength(value) {
+    return typeof value === "number" && value !== 0 ? `${value}px` : String(value);
+}
+function constraintVariables(property, value) {
+    if (value === undefined)
+        return {};
+    const values = typeof value === "object" && value !== null && "initial" in value
+        ? value
+        : { initial: value };
+    const variables = {
+        [`--brick-frame-${property}`]: serializeLength(values.initial),
+    };
+    for (const breakpoint of breakpoints) {
+        const next = values[breakpoint];
+        if (next !== undefined) {
+            variables[`--brick-frame-${property}-${breakpoint}`] = serializeLength(next);
+        }
+    }
+    return variables;
+}
+function mergeClassName(className) {
+    return className ? `brick-frame ${className}` : "brick-frame";
+}
+function composeRefs(...refs) {
+    return (value) => {
+        for (const ref of refs) {
+            if (typeof ref === "function")
+                ref(value);
+            else if (ref)
+                ref.current = value;
+        }
+    };
+}
+function mergeComposedProps(original, override) {
+    const merged = { ...original, ...override };
+    for (const [key, value] of Object.entries(override)) {
+        const current = original[key];
+        if (key.startsWith("on") && typeof current === "function" && typeof value === "function") {
+            merged[key] = (...args) => { value(...args); current(...args); };
+        }
+        else if (key === "className" && typeof current === "string" && typeof value === "string") {
+            merged[key] = `${current} ${value}`;
+        }
+        else if (key === "style" && current && value && typeof current === "object" && typeof value === "object") {
+            merged[key] = { ...current, ...value };
+        }
+    }
+    return merged;
+}
+function FrameImpl({ as = "div", asChild = false, blockSize, children, className, inlineSize, maxBlockSize, maxInlineSize, minBlockSize, minInlineSize, slot = "frame", style, ...props }, ref) {
+    const frameStyle = {
+        ...constraintVariables("inline-size", inlineSize),
+        ...constraintVariables("min-inline-size", minInlineSize),
+        ...constraintVariables("max-inline-size", maxInlineSize),
+        ...constraintVariables("block-size", blockSize),
+        ...constraintVariables("min-block-size", minBlockSize),
+        ...constraintVariables("max-block-size", maxBlockSize),
+        ...style,
+    };
+    const frameProps = {
+        ...props,
+        className: mergeClassName(className),
+        "data-frame": "",
+        "data-slot": slot,
+        ref,
+        style: frameStyle,
+    };
+    if (asChild) {
+        const child = Children.only(children);
+        const childRef = ("ref" in child.props
+            ? child.props.ref
+            : child.ref);
+        return cloneElement(child, mergeComposedProps(child.props, {
+            ...frameProps,
+            ref: childRef || ref ? composeRefs(childRef, ref) : undefined,
+        }));
+    }
+    return createElement(as, frameProps, children);
+}
+export const Frame = forwardRef(FrameImpl);
+Frame.displayName = "Frame";
+//# sourceMappingURL=Frame.js.map

package/dist/components/frame/Frame.js.map

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

package/dist/components/frame/index.d.ts

@@ -0,0 +1,2 @@
+export { Frame, type FrameElement, type FrameLength, type FrameProps, type ResponsiveValue, } from "./Frame.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/frame/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/frame/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,eAAe,GACrB,MAAM,YAAY,CAAC"}

package/dist/components/frame/index.js

@@ -0,0 +1,2 @@
+export { Frame, } from "./Frame.js";
+//# sourceMappingURL=index.js.map

package/dist/components/frame/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/frame/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAKN,MAAM,YAAY,CAAC"}

package/dist/components/grid/Grid.d.ts

@@ -1,4 +1,6 @@
 import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
+export type { ResponsiveValue };
 export type GridRootElement = "div" | "span" | "section" | "article" | "nav" | "header" | "footer" | "main" | "aside" | "ul" | "ol" | "li";
 export type GridItemElement = "div" | "span" | "section" | "article" | "header" | "footer" | "aside" | "li";
 export type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -15,17 +17,17 @@ type GridRootNativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "class
 interface GridRootBaseProps extends GridRootNativeProps {
     as?: GridRootElement;
     children?: ReactNode;
-    gap?: GridGap;
-    rowGap?: GridGap;
-    columnGap?: GridGap;
-    align?: GridAlign;
-    justify?: GridJustify;
+    gap?: ResponsiveValue<GridGap>;
+    rowGap?: ResponsiveValue<GridGap>;
+    columnGap?: ResponsiveValue<GridGap>;
+    align?: ResponsiveValue<GridAlign>;
+    justify?: ResponsiveValue<GridJustify>;
     className?: string;
     style?: CSSProperties;
     slot?: string;
 }
 type ExplicitGridProps = {
-    columns?: GridColumns;
+    columns?: ResponsiveValue<GridColumns>;
     minItemSize?: never;
 };
 type IntrinsicGridProps = {
@@ -34,10 +36,15 @@ type IntrinsicGridProps = {
 };
 export type GridRootProps = GridRootBaseProps & (ExplicitGridProps | IntrinsicGridProps);
 type GridItemNativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "className" | "style">;
+type ResponsiveObject<T> = Extract<ResponsiveValue<T>, object>;
 type GridItemColumnPlacement = {
     columnSpan?: GridSpan;
     columnStart?: GridLine;
     columnEnd?: never;
+} | {
+    columnSpan: ResponsiveObject<GridColumnSpan>;
+    columnStart?: never;
+    columnEnd?: never;
 } | {
     columnSpan: "full";
     columnStart?: never;
@@ -51,6 +58,10 @@ type GridItemRowPlacement = {
     rowSpan?: GridSpan;
     rowStart?: GridLine;
     rowEnd?: never;
+} | {
+    rowSpan: ResponsiveObject<GridSpan>;
+    rowStart?: never;
+    rowEnd?: never;
 } | {
     rowSpan?: never;
     rowStart?: GridLine;
@@ -66,8 +77,8 @@ type GridItemHostProps = {
     children: ReactElement<Record<string, unknown>>;
 };
 export type GridItemProps = GridItemNativeProps & GridItemColumnPlacement & GridItemRowPlacement & GridItemHostProps & {
-    align?: GridSelfAlign;
-    justify?: GridSelfJustify;
+    align?: ResponsiveValue<GridSelfAlign>;
+    justify?: ResponsiveValue<GridSelfJustify>;
     className?: string;
     style?: CSSProperties;
     slot?: string;
@@ -76,5 +87,4 @@ export declare const Grid: Readonly<{
     Root: import("react").ForwardRefExoticComponent<GridRootProps & import("react").RefAttributes<HTMLElement>>;
     Item: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<HTMLElement>>;
 }>;
-export {};
 //# sourceMappingURL=Grid.d.ts.map

package/dist/components/grid/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}

package/dist/components/grid/Grid.js

@@ -1,4 +1,5 @@
 import { Children, cloneElement, createElement, forwardRef, } from "react";
+import { responsiveDataAttributes, } from "../_responsive-value/ResponsiveValue.js";
 function mergeClassName(base, className) {
     return className ? `${base} ${className}` : base;
 }
@@ -41,33 +42,48 @@ function mergeComposedProps(original, override) {
 }
 function GridRootImpl({ as = "div", columns = 1, minItemSize, gap = "0", rowGap, columnGap, align = "stretch", justify = "stretch", className, slot = "grid", style, children, ...props }, ref) {
     const mode = minItemSize === undefined ? "explicit" : "intrinsic";
+    const columnAttributes = mode === "explicit"
+        ? responsiveDataAttributes("data-columns", columns, { alwaysInitial: true })
+        : {};
+    const rowGapAttributes = rowGap === undefined
+        ? {}
+        : responsiveDataAttributes("data-row-gap", rowGap, { alwaysInitial: true });
+    const columnGapAttributes = columnGap === undefined
+        ? {}
+        : responsiveDataAttributes("data-column-gap", columnGap, { alwaysInitial: true });
     return createElement(as, {
         ...props,
+        ...columnAttributes,
+        ...responsiveDataAttributes("data-gap", gap, { alwaysInitial: true }),
+        ...rowGapAttributes,
+        ...columnGapAttributes,
+        ...responsiveDataAttributes("data-align", align, { defaultValue: "stretch" }),
+        ...responsiveDataAttributes("data-justify", justify, { defaultValue: "stretch" }),
         className: mergeClassName("brick-grid", className),
-        "data-align": align !== "stretch" ? align : undefined,
-        "data-column-gap": columnGap,
-        "data-columns": mode === "explicit" ? columns : undefined,
-        "data-gap": gap,
-        "data-justify": justify !== "stretch" ? justify : undefined,
         "data-min-item-size": minItemSize,
         "data-mode": mode,
-        "data-row-gap": rowGap,
         "data-slot": slot,
         ref,
         style,
     }, children);
 }
 function GridItemImpl({ as = "div", asChild = false, columnSpan, columnStart, columnEnd, rowSpan, rowStart, rowEnd, align = "auto", justify = "auto", className, slot = "grid-item", style, children, ...props }, ref) {
+    const columnSpanAttributes = columnSpan === undefined
+        ? {}
+        : responsiveDataAttributes("data-column-span", columnSpan, { alwaysInitial: true });
+    const rowSpanAttributes = rowSpan === undefined
+        ? {}
+        : responsiveDataAttributes("data-row-span", rowSpan, { alwaysInitial: true });
     const itemProps = {
         ...props,
+        ...columnSpanAttributes,
+        ...rowSpanAttributes,
+        ...responsiveDataAttributes("data-align", align, { defaultValue: "auto" }),
+        ...responsiveDataAttributes("data-justify", justify, { defaultValue: "auto" }),
         className: mergeClassName("brick-grid-item", className),
-        "data-align": align !== "auto" ? align : undefined,
         "data-column-end": columnEnd,
-        "data-column-span": columnSpan,
         "data-column-start": columnStart,
-        "data-justify": justify !== "auto" ? justify : undefined,
         "data-row-end": rowEnd,
-        "data-row-span": rowSpan,
         "data-row-start": rowStart,
         "data-slot": slot,
         ref,

package/dist/components/grid/Grid.js.map

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

package/dist/components/grid/index.d.ts

@@ -1,2 +1,2 @@
-export { Grid, type GridAlign, type GridColumnSpan, type GridColumns, type GridGap, type GridItemElement, type GridItemProps, type GridJustify, type GridLine, type GridMinItemSize, type GridRootElement, type GridRootProps, type GridSelfAlign, type GridSelfJustify, type GridSpan, } from "./Grid.js";
+export { Grid, type GridAlign, type GridColumnSpan, type GridColumns, type GridGap, type GridItemElement, type GridItemProps, type GridJustify, type GridLine, type GridMinItemSize, type GridRootElement, type GridRootProps, type GridSelfAlign, type GridSelfJustify, type GridSpan, type ResponsiveValue, } from "./Grid.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,QAAQ,GACd,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,QAAQ,EACb,KAAK,eAAe,GACrB,MAAM,WAAW,CAAC"}

package/dist/components/grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,GAeL,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,GAgBL,MAAM,WAAW,CAAC"}

package/dist/components/image/Image.d.ts

@@ -9,11 +9,15 @@ export interface ImageRootProps extends AtomImageRootProps {
     radius?: ImageRadius;
     frame?: ImageFrame;
     ratio?: number;
+    fill?: boolean;
 }
 export interface ImageContentProps extends AtomImageContentProps {
 }
 export interface ImageFallbackProps extends AtomImageFallbackProps {
 }
+export declare const ImageRoot: import("react").ForwardRefExoticComponent<ImageRootProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ImageContent: import("react").ForwardRefExoticComponent<ImageContentProps & import("react").RefAttributes<HTMLImageElement>>;
+export declare const ImageFallback: import("react").ForwardRefExoticComponent<ImageFallbackProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Image: Readonly<{
     Root: import("react").ForwardRefExoticComponent<ImageRootProps & import("react").RefAttributes<HTMLDivElement>>;
     Content: import("react").ForwardRefExoticComponent<ImageContentProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist/components/image/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,iBAAiB,IAAI,qBAAqB,EAC/C,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,cAAc,IAAI,kBAAkB,EAC1C,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAC5E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;CAAG;AACnE,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAwErE,eAAO,MAAM,KAAK;;;;EAIhB,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,iBAAiB,IAAI,qBAAqB,EAC/C,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,cAAc,IAAI,kBAAkB,EAC1C,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAC5E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;CAAG;AACnE,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;CAAG;AAMrE,eAAO,MAAM,SAAS,2GAkCpB,CAAC;AAEH,eAAO,MAAM,YAAY,gHAYvB,CAAC;AAEH,eAAO,MAAM,aAAa,+GAYxB,CAAC;AAMH,eAAO,MAAM,KAAK;;;;EAIhB,CAAC"}

package/dist/components/image/Image.js

@@ -6,14 +6,14 @@ import { Image as AtomImage, } from "@flowstack-ui/atom/image";
 function mergeClassName(base, className) {
     return className ? `${base} ${className}` : base;
 }
-const ImageRoot = forwardRef(function ImageRoot({ fit = "cover", position = "center", radius = "none", frame = "none", ratio, className, "data-slot": dataSlot = "image", ...props }, ref) {
-    const root = (_jsx(AtomImage.Root, { ...props, className: mergeClassName("brick-image", className), "data-fit": fit, "data-frame": frame, "data-position": position, "data-radius": radius, "data-ratio": ratio === undefined ? undefined : "", "data-slot": dataSlot, ref: ref }));
+export const ImageRoot = forwardRef(function ImageRoot({ fit = "cover", position = "center", radius = "none", frame = "none", ratio, fill = false, className, "data-slot": dataSlot = "image", ...props }, ref) {
+    const root = (_jsx(AtomImage.Root, { ...props, className: mergeClassName("brick-image", className), "data-fit": fit, "data-frame": frame, "data-fill": fill ? "" : undefined, "data-position": position, "data-radius": radius, "data-ratio": ratio === undefined ? undefined : "", "data-slot": dataSlot, ref: ref }));
     return ratio === undefined ? root : (_jsx(AspectRatio.Root, { asChild: true, "data-slot": dataSlot, ratio: ratio, children: root }));
 });
-const ImageContent = forwardRef(function ImageContent({ className, "data-slot": dataSlot = "image-content", ...props }, ref) {
+export const ImageContent = forwardRef(function ImageContent({ className, "data-slot": dataSlot = "image-content", ...props }, ref) {
     return (_jsx(AtomImage.Content, { ...props, className: mergeClassName("brick-image__content", className), "data-slot": dataSlot, ref: ref }));
 });
-const ImageFallback = forwardRef(function ImageFallback({ className, "data-slot": dataSlot = "image-fallback", ...props }, ref) {
+export const ImageFallback = forwardRef(function ImageFallback({ className, "data-slot": dataSlot = "image-fallback", ...props }, ref) {
     return (_jsx(AtomImage.Fallback, { ...props, className: mergeClassName("brick-image__fallback", className), "data-slot": dataSlot, ref: ref }));
 });
 ImageRoot.displayName = "Image.Root";

package/dist/components/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EACL,KAAK,IAAI,SAAS,GAInB,MAAM,0BAA0B,CAAC;AAkBlC,SAAS,cAAc,CAAC,IAAY,EAAE,SAAkB;IACtD,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EACE,GAAG,GAAG,OAAO,EACb,QAAQ,GAAG,QAAQ,EACnB,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,MAAM,EACd,KAAK,EACL,SAAS,EACT,WAAW,EAAE,QAAQ,GAAG,OAAO,EAC/B,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,IAAI,GAAG,CACX,KAAC,SAAS,CAAC,IAAI,OACT,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,aAAa,EAAE,SAAS,CAAC,cACzC,GAAG,gBACD,KAAK,mBACF,QAAQ,iBACV,MAAM,gBACP,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,eACrC,QAAQ,EACnB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;IAEF,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,KAAC,WAAW,CAAC,IAAI,IAAC,OAAO,qBAAY,QAAQ,EAAE,KAAK,EAAE,KAAK,YACxD,IAAI,GACY,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,UAAU,CAAsC,SAAS,YAAY,CACxF,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,GAAG,eAAe,EAAE,GAAG,KAAK,EAAE,EAChE,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,CAAC,OAAO,OACZ,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,sBAAsB,EAAE,SAAS,CAAC,eACjD,QAAQ,EACnB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,UAAU,CAAqC,SAAS,aAAa,CACzF,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,GAAG,gBAAgB,EAAE,GAAG,KAAK,EAAE,EACjE,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,CAAC,QAAQ,OACb,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,uBAAuB,EAAE,SAAS,CAAC,eAClD,QAAQ,EACnB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,YAAY,CAAC;AACrC,YAAY,CAAC,WAAW,GAAG,eAAe,CAAC;AAC3C,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;IACjC,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,aAAa;CACxB,CAAC,CAAC"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EACL,KAAK,IAAI,SAAS,GAInB,MAAM,0BAA0B,CAAC;AAmBlC,SAAS,cAAc,CAAC,IAAY,EAAE,SAAkB;IACtD,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CACpF,EACE,GAAG,GAAG,OAAO,EACb,QAAQ,GAAG,QAAQ,EACnB,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,MAAM,EACd,KAAK,EACL,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,WAAW,EAAE,QAAQ,GAAG,OAAO,EAC/B,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,IAAI,GAAG,CACX,KAAC,SAAS,CAAC,IAAI,OACT,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,aAAa,EAAE,SAAS,CAAC,cACzC,GAAG,gBACD,KAAK,eACN,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,mBACjB,QAAQ,iBACV,MAAM,gBACP,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,eACrC,QAAQ,EACnB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;IAEF,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,KAAC,WAAW,CAAC,IAAI,IAAC,OAAO,qBAAY,QAAQ,EAAE,KAAK,EAAE,KAAK,YACxD,IAAI,GACY,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAsC,SAAS,YAAY,CAC/F,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,GAAG,eAAe,EAAE,GAAG,KAAK,EAAE,EAChE,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,CAAC,OAAO,OACZ,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,sBAAsB,EAAE,SAAS,CAAC,eACjD,QAAQ,EACnB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAqC,SAAS,aAAa,CAChG,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,GAAG,gBAAgB,EAAE,GAAG,KAAK,EAAE,EACjE,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,CAAC,QAAQ,OACb,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,uBAAuB,EAAE,SAAS,CAAC,eAClD,QAAQ,EACnB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,YAAY,CAAC;AACrC,YAAY,CAAC,WAAW,GAAG,eAAe,CAAC;AAC3C,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;IACjC,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,aAAa;CACxB,CAAC,CAAC"}

package/dist/components/image/index.d.ts

@@ -1,2 +1,2 @@
-export { Image, type ImageContentProps, type ImageFallbackProps, type ImageFit, type ImageFrame, type ImagePosition, type ImageRadius, type ImageRootProps, } from "./Image.js";
+export { Image, ImageContent, ImageFallback, ImageRoot, type ImageContentProps, type ImageFallbackProps, type ImageFit, type ImageFrame, type ImagePosition, type ImageRadius, type ImageRootProps, } from "./Image.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,YAAY,CAAC"}

package/dist/components/image/index.js

@@ -1,2 +1,2 @@
-export { Image, } from "./Image.js";
+export { Image, ImageContent, ImageFallback, ImageRoot, } from "./Image.js";
 //# sourceMappingURL=index.js.map

package/dist/components/image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAQN,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,GAQV,MAAM,YAAY,CAAC"}

package/dist/components/section/Section.d.ts

@@ -0,0 +1,18 @@
+import { type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
+import { type ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
+export type SectionElement = "section" | "div" | "article" | "aside";
+export type SectionSpacing = "none" | "sm" | "md" | "lg" | "xl" | "2xl";
+type SectionNativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "className" | "style">;
+export interface SectionProps extends SectionNativeProps {
+    as?: SectionElement;
+    children?: ReactNode;
+    spacing?: ResponsiveValue<SectionSpacing>;
+    startSpacing?: ResponsiveValue<SectionSpacing>;
+    endSpacing?: ResponsiveValue<SectionSpacing>;
+    className?: string;
+    style?: CSSProperties;
+    slot?: string;
+}
+export declare const Section: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Section.d.ts.map

package/dist/components/section/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,yCAAyC,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,CAAC;AACrE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAExE,KAAK,kBAAkB,GAAG,IAAI,CAC5B,cAAc,CAAC,WAAW,CAAC,EAC3B,UAAU,GAAG,WAAW,GAAG,OAAO,CACnC,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA4CD,eAAO,MAAM,OAAO,sGAAqD,CAAC"}

package/dist/components/section/Section.js

@@ -0,0 +1,29 @@
+import { createElement, forwardRef, } from "react";
+import { responsiveDataAttributes, } from "../_responsive-value/ResponsiveValue.js";
+function mergeClassName(className) {
+    return className ? `brick-section ${className}` : "brick-section";
+}
+function SectionImpl({ as = "section", children, className, endSpacing, slot = "section", spacing = "md", startSpacing, ...props }, ref) {
+    return createElement(as, {
+        ...props,
+        ...responsiveDataAttributes("data-spacing", spacing, {
+            alwaysInitial: true,
+        }),
+        ...(startSpacing === undefined
+            ? {}
+            : responsiveDataAttributes("data-start-spacing", startSpacing, {
+                alwaysInitial: true,
+            })),
+        ...(endSpacing === undefined
+            ? {}
+            : responsiveDataAttributes("data-end-spacing", endSpacing, {
+                alwaysInitial: true,
+            })),
+        className: mergeClassName(className),
+        "data-slot": slot,
+        ref,
+    }, children);
+}
+export const Section = forwardRef(SectionImpl);
+Section.displayName = "Section";
+//# sourceMappingURL=Section.js.map

package/dist/components/section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,GAKX,MAAM,OAAO,CAAC;AACf,OAAO,EACL,wBAAwB,GAEzB,MAAM,yCAAyC,CAAC;AAqBjD,SAAS,cAAc,CAAC,SAA6B;IACnD,OAAO,SAAS,CAAC,CAAC,CAAC,iBAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC;AACpE,CAAC;AAED,SAAS,WAAW,CAClB,EACE,EAAE,GAAG,SAAS,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,IAAI,EACd,YAAY,EACZ,GAAG,KAAK,EACK,EACf,GAA8B;IAE9B,OAAO,aAAa,CAClB,EAAE,EACF;QACE,GAAG,KAAK;QACR,GAAG,wBAAwB,CAAC,cAAc,EAAE,OAAO,EAAE;YACnD,aAAa,EAAE,IAAI;SACpB,CAAC;QACF,GAAG,CAAC,YAAY,KAAK,SAAS;YAC5B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,wBAAwB,CAAC,oBAAoB,EAAE,YAAY,EAAE;gBAC3D,aAAa,EAAE,IAAI;aACpB,CAAC,CAAC;QACP,GAAG,CAAC,UAAU,KAAK,SAAS;YAC1B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,wBAAwB,CAAC,kBAAkB,EAAE,UAAU,EAAE;gBACvD,aAAa,EAAE,IAAI;aACpB,CAAC,CAAC;QACP,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC;QACpC,WAAW,EAAE,IAAI;QACjB,GAAG;KACJ,EACD,QAAQ,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA4B,WAAW,CAAC,CAAC;AAC1E,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/components/section/index.d.ts

@@ -0,0 +1,2 @@
+export { Section, type SectionElement, type SectionProps, type SectionSpacing, } from "./Section.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,cAAc,GACpB,MAAM,cAAc,CAAC"}

package/dist/components/section/index.js

@@ -0,0 +1,2 @@
+export { Section, } from "./Section.js";
+//# sourceMappingURL=index.js.map

package/dist/components/section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,GAIR,MAAM,cAAc,CAAC"}

package/dist/components/stack/Stack.d.ts

@@ -1,26 +1,51 @@
-import { type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
+import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type ResponsiveBreakpoint, type ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
+export type { ResponsiveValue };
+export type StackBreakpoint = ResponsiveBreakpoint;
 export type StackElement = "div" | "span" | "section" | "article" | "nav" | "header" | "footer" | "main" | "aside" | "ul" | "ol" | "li";
+export type StackItemElement = "div" | "span" | "section" | "article" | "header" | "footer" | "aside" | "li";
 export type StackDirection = "row" | "column";
 export type StackGap = "0" | "1" | "2" | "3" | "4" | "5" | "6";
 export type StackAlign = "stretch" | "start" | "center" | "end" | "baseline";
 export type StackJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
+export type StackItemAlign = "auto" | StackAlign;
+export type StackItemFlex = "content" | "fixed" | "auto" | 1 | 2 | 3 | 4;
 type StackNativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "className" | "style">;
 export interface StackProps extends StackNativeProps {
     as?: StackElement;
     children?: ReactNode;
-    direction?: StackDirection;
-    gap?: StackGap;
-    align?: StackAlign;
-    justify?: StackJustify;
-    wrap?: boolean;
+    direction?: ResponsiveValue<StackDirection>;
+    gap?: ResponsiveValue<StackGap>;
+    align?: ResponsiveValue<StackAlign>;
+    justify?: ResponsiveValue<StackJustify>;
+    wrap?: ResponsiveValue<boolean>;
+    startSpacing?: ResponsiveValue<StackGap>;
+    endSpacing?: ResponsiveValue<StackGap>;
     className?: string;
     style?: CSSProperties;
     slot?: string;
 }
 export type HStackProps = Omit<StackProps, "direction">;
 export type VStackProps = Omit<StackProps, "direction">;
-export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLElement>>;
+type StackItemHostProps = {
+    as?: StackItemElement;
+    asChild?: false;
+    children?: ReactNode;
+} | {
+    as?: never;
+    asChild: true;
+    children: ReactElement;
+};
+export type StackItemProps = StackNativeProps & StackItemHostProps & {
+    align?: ResponsiveValue<StackItemAlign>;
+    flex?: ResponsiveValue<StackItemFlex>;
+    className?: string;
+    style?: CSSProperties;
+    slot?: string;
+};
+export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLElement>> & {
+    Item: import("react").ForwardRefExoticComponent<StackItemProps & import("react").RefAttributes<HTMLElement>>;
+};
 export declare const HStack: import("react").ForwardRefExoticComponent<HStackProps & import("react").RefAttributes<HTMLElement>>;
 export declare const VStack: import("react").ForwardRefExoticComponent<VStackProps & import("react").RefAttributes<HTMLElement>>;
-export {};
 //# sourceMappingURL=Stack.d.ts.map

package/dist/components/stack/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,YAAY,GACpB,KAAK,GACL,MAAM,GACN,SAAS,GACT,SAAS,GACT,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC7E,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,gBAAgB,GAAG,IAAI,CAC1B,cAAc,CAAC,WAAW,CAAC,EAC3B,UAAU,GAAG,WAAW,GAAG,OAAO,CACnC,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,gBAAgB;IAClD,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAsCxD,eAAO,MAAM,KAAK,oGAAiD,CAAC;AAGpE,eAAO,MAAM,MAAM,qGAIlB,CAAC;AAGF,eAAO,MAAM,MAAM,qGAIlB,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/stack/Stack.tsx"],"names":[],"mappings":"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"}