@flowstack-ui/brick 0.1.5 → 0.1.9

package/dist/components/stack/Stack.js

@@ -1,29 +1,86 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement, forwardRef, } from "react";
-function mergeClassName(className) {
-    return className ? `brick-stack ${className}` : "brick-stack";
+import { Children, cloneElement, createElement, forwardRef, } from "react";
+import { responsiveDataAttributes, } from "../_responsive-value/ResponsiveValue.js";
+function mergeClassName(base, className) {
+    return className ? `${base} ${className}` : base;
 }
-function StackImpl({ as = "div", direction = "column", gap = "0", align = "stretch", justify = "start", wrap = false, className, slot = "stack", children, ...props }, ref) {
+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 StackImpl({ as = "div", direction = "column", gap = "0", align = "stretch", justify = "start", wrap = false, startSpacing = "0", endSpacing = "0", className, slot = "stack", children, ...props }, ref) {
+    const wrapAttributes = responsiveDataAttributes("data-wrap", wrap, { defaultValue: false });
+    if (wrapAttributes["data-wrap"] === "true")
+        wrapAttributes["data-wrap"] = "";
     return createElement(as, {
         ...props,
-        className: mergeClassName(className),
-        "data-align": align !== "stretch" ? align : undefined,
-        "data-direction": direction,
-        "data-gap": gap,
-        "data-justify": justify !== "start" ? justify : undefined,
+        ...responsiveDataAttributes("data-direction", direction, { alwaysInitial: true }),
+        ...responsiveDataAttributes("data-gap", gap, { alwaysInitial: true }),
+        ...responsiveDataAttributes("data-align", align, { defaultValue: "stretch" }),
+        ...responsiveDataAttributes("data-justify", justify, { defaultValue: "start" }),
+        ...wrapAttributes,
+        ...responsiveDataAttributes("data-start-spacing", startSpacing, { defaultValue: "0" }),
+        ...responsiveDataAttributes("data-end-spacing", endSpacing, { defaultValue: "0" }),
+        className: mergeClassName("brick-stack", className),
         "data-slot": slot,
-        "data-wrap": wrap ? "" : undefined,
         ref,
     }, children);
 }
-export const Stack = forwardRef(StackImpl);
-Stack.displayName = "Stack";
+function StackItemImpl({ as = "div", asChild = false, align = "auto", flex = "content", className, slot = "stack-item", style, children, ...props }, ref) {
+    const itemProps = {
+        ...props,
+        ...responsiveDataAttributes("data-align", align, { defaultValue: "auto" }),
+        ...responsiveDataAttributes("data-flex", flex, { alwaysInitial: true }),
+        className: mergeClassName("brick-stack-item", className),
+        "data-slot": slot,
+        ref,
+        style,
+    };
+    if (asChild) {
+        const child = Children.only(children);
+        const childRef = ("ref" in child.props
+            ? child.props.ref
+            : child.ref);
+        return cloneElement(child, mergeComposedProps(child.props, {
+            ...itemProps,
+            ref: childRef || ref ? composeRefs(childRef, ref) : undefined,
+        }));
+    }
+    return createElement(as, itemProps, children);
+}
+const StackRoot = forwardRef(StackImpl);
+StackRoot.displayName = "Stack";
+const StackItem = forwardRef(StackItemImpl);
+StackItem.displayName = "Stack.Item";
+export const Stack = Object.assign(StackRoot, { Item: StackItem });
 export const HStack = forwardRef(function HStack({ align = "center", ...props }, ref) {
-    return _jsx(Stack, { ...props, align: align, direction: "row", ref: ref });
+    return _jsx(StackRoot, { ...props, align: align, direction: "row", ref: ref });
 });
 HStack.displayName = "HStack";
 export const VStack = forwardRef(function VStack(props, ref) {
-    return _jsx(Stack, { ...props, direction: "column", ref: ref });
+    return _jsx(StackRoot, { ...props, direction: "column", ref: ref });
 });
 VStack.displayName = "VStack";
 //# sourceMappingURL=Stack.js.map

package/dist/components/stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/components/stack/Stack.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,UAAU,GAKX,MAAM,OAAO,CAAC;AAgDf,SAAS,cAAc,CAAC,SAA6B;IACnD,OAAO,SAAS,CAAC,CAAC,CAAC,eAAe,SAAS,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;AAChE,CAAC;AAED,SAAS,SAAS,CAChB,EACE,EAAE,GAAG,KAAK,EACV,SAAS,GAAG,QAAQ,EACpB,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,GAAG,KAAK,EACG,EACb,GAA8B;IAE9B,OAAO,aAAa,CAClB,EAAE,EACF;QACE,GAAG,KAAK;QACR,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC;QACpC,YAAY,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QACrD,gBAAgB,EAAE,SAAS;QAC3B,UAAU,EAAE,GAAG;QACf,cAAc,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QACzD,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QAClC,GAAG;KACJ,EACD,QAAQ,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA0B,SAAS,CAAC,CAAC;AACpE,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,SAAS,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACjD,OAAO,KAAC,KAAK,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,GAAG,GAAI,CAAC;AACtE,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACxB,OAAO,KAAC,KAAK,OAAK,KAAK,EAAE,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI,CAAC;AAC3D,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/components/stack/Stack.tsx"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export { HStack, Stack, VStack, type HStackProps, type StackAlign, type StackDirection, type StackElement, type StackGap, type StackJustify, type StackProps, type VStackProps, } from "./Stack.js";
+export { HStack, Stack, VStack, type HStackProps, type ResponsiveValue, type StackAlign, type StackBreakpoint, type StackDirection, type StackElement, type StackGap, type StackItemAlign, type StackItemElement, type StackItemFlex, type StackItemProps, type StackJustify, type StackProps, type VStackProps, } from "./Stack.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,QAAQ,EACb,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC"}

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

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

package/dist/components/surface/Surface.d.ts

@@ -1,13 +1,22 @@
-import { type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
+import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
 export type SurfaceElement = "div" | "section" | "article" | "aside" | "nav" | "main" | "header" | "footer" | "form" | "li";
 export type SurfaceLevel = "canvas" | "base" | "subtle" | "raised";
 export type SurfaceElevation = "none" | "low" | "medium" | "high";
 export type SurfaceRadius = "none" | "subtle" | "surface";
 export type SurfaceInset = "none" | "sm" | "md" | "lg";
+export type SurfaceScrimStrength = "soft" | "medium" | "strong";
+export type SurfaceScrimDirection = "uniform" | "inline-start" | "inline-end" | "block-start" | "block-end";
 type SurfaceNativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "className" | "style">;
-export interface SurfaceProps extends SurfaceNativeProps {
+type SurfaceHostProps = {
     as?: SurfaceElement;
+    asChild?: false;
     children?: ReactNode;
+} | {
+    as?: never;
+    asChild: true;
+    children: ReactElement;
+};
+export type SurfaceProps = SurfaceNativeProps & SurfaceHostProps & {
     level?: SurfaceLevel;
     bordered?: boolean;
     elevation?: SurfaceElevation;
@@ -16,7 +25,36 @@ export interface SurfaceProps extends SurfaceNativeProps {
     className?: string;
     style?: CSSProperties;
     slot?: string;
+};
+type SurfacePartNativeProps = Omit<HTMLAttributes<HTMLDivElement>, "aria-hidden" | "children" | "className" | "style">;
+export interface SurfaceMediaProps extends SurfacePartNativeProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    slot?: string;
+}
+export interface SurfaceScrimProps extends SurfacePartNativeProps {
+    direction?: SurfaceScrimDirection;
+    strength?: SurfaceScrimStrength;
+    className?: string;
+    style?: CSSProperties;
+    slot?: string;
+}
+export interface SurfaceContentProps extends SurfacePartNativeProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    slot?: string;
 }
-export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<HTMLElement>>;
+export declare const SurfaceRoot: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<HTMLElement>>;
+export declare const SurfaceMedia: import("react").ForwardRefExoticComponent<SurfaceMediaProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SurfaceScrim: import("react").ForwardRefExoticComponent<SurfaceScrimProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SurfaceContent: import("react").ForwardRefExoticComponent<SurfaceContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<HTMLElement>> & {
+    Root: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<HTMLElement>>;
+    Media: import("react").ForwardRefExoticComponent<SurfaceMediaProps & import("react").RefAttributes<HTMLDivElement>>;
+    Scrim: import("react").ForwardRefExoticComponent<SurfaceScrimProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<SurfaceContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};
 export {};
 //# sourceMappingURL=Surface.d.ts.map

package/dist/components/surface/Surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/surface/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,SAAS,GACT,SAAS,GACT,OAAO,GACP,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,IAAI,CAAC;AAET,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvD,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,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAsCD,eAAO,MAAM,OAAO,sGAAqD,CAAC"}
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/surface/Surface.tsx"],"names":[],"mappings":"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"}

package/dist/components/surface/Surface.js

@@ -1,9 +1,47 @@
-import { createElement, forwardRef, } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, cloneElement, createElement, forwardRef, Fragment, } from "react";
 function mergeClassName(className) {
     return className ? `brick-surface ${className}` : "brick-surface";
 }
-function SurfaceImpl({ as = "div", bordered = false, children, className, elevation = "none", inset = "none", level = "base", radius = "surface", slot = "surface", ...props }, ref) {
-    return createElement(as, {
+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 SurfaceImpl({ as = "div", asChild = false, bordered = false, children, className, elevation = "none", inset = "none", level = "base", radius = "surface", slot = "surface", ...props }, ref) {
+    const rootProps = {
         ...props,
         className: mergeClassName(className),
         "data-bordered": bordered ? "" : undefined,
@@ -13,8 +51,43 @@ function SurfaceImpl({ as = "div", bordered = false, children, className, elevat
         "data-radius": radius,
         "data-slot": slot,
         ref,
-    }, children);
+    };
+    if (asChild) {
+        const child = Children.only(children);
+        if (child.type === Fragment) {
+            throw new Error("Surface with asChild requires one DOM or component host; a Fragment cannot receive Surface paint.");
+        }
+        const childRef = ("ref" in child.props
+            ? child.props.ref
+            : child.ref);
+        return cloneElement(child, mergeComposedProps(child.props, {
+            ...rootProps,
+            ref: childRef || ref ? composeRefs(childRef, ref) : undefined,
+        }));
+    }
+    return createElement(as, rootProps, children);
+}
+function mergePartClassName(base, className) {
+    return className ? `${base} ${className}` : base;
 }
-export const Surface = forwardRef(SurfaceImpl);
-Surface.displayName = "Surface";
+export const SurfaceRoot = forwardRef(SurfaceImpl);
+export const SurfaceMedia = forwardRef(function SurfaceMedia({ children, className, slot = "surface-media", style, ...props }, ref) {
+    return (_jsx("div", { ...props, "aria-hidden": "true", className: mergePartClassName("brick-surface__media", className), "data-slot": slot, ref: ref, style: style, children: children }));
+});
+export const SurfaceScrim = forwardRef(function SurfaceScrim({ className, direction = "uniform", slot = "surface-scrim", strength = "medium", style, ...props }, ref) {
+    return (_jsx("div", { ...props, "aria-hidden": "true", className: mergePartClassName("brick-surface__scrim", className), "data-direction": direction, "data-slot": slot, "data-strength": strength, ref: ref, style: style }));
+});
+export const SurfaceContent = forwardRef(function SurfaceContent({ children, className, slot = "surface-content", style, ...props }, ref) {
+    return (_jsx("div", { ...props, className: mergePartClassName("brick-surface__content", className), "data-slot": slot, ref: ref, style: style, children: children }));
+});
+SurfaceRoot.displayName = "Surface.Root";
+SurfaceMedia.displayName = "Surface.Media";
+SurfaceScrim.displayName = "Surface.Scrim";
+SurfaceContent.displayName = "Surface.Content";
+export const Surface = Object.assign(SurfaceRoot, {
+    Root: SurfaceRoot,
+    Media: SurfaceMedia,
+    Scrim: SurfaceScrim,
+    Content: SurfaceContent,
+});
 //# sourceMappingURL=Surface.js.map

package/dist/components/surface/Surface.js.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/components/surface/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,GAKX,MAAM,OAAO,CAAC;AAqCf,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,KAAK,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,SAAS,EAClB,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACK,EACf,GAA8B;IAE9B,OAAO,aAAa,CAClB,EAAE,EACF;QACE,GAAG,KAAK;QACR,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC;QACpC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QAC1C,gBAAgB,EAAE,SAAS;QAC3B,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;QACnB,aAAa,EAAE,MAAM;QACrB,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"}
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/components/surface/Surface.tsx"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export { Surface, type SurfaceElement, type SurfaceElevation, type SurfaceInset, type SurfaceLevel, type SurfaceProps, type SurfaceRadius, } from "./Surface.js";
+export { Surface, SurfaceContent, SurfaceMedia, SurfaceRoot, SurfaceScrim, type SurfaceContentProps, type SurfaceElement, type SurfaceElevation, type SurfaceInset, type SurfaceLevel, type SurfaceMediaProps, type SurfaceProps, type SurfaceRadius, type SurfaceScrimDirection, type SurfaceScrimProps, type SurfaceScrimStrength, } from "./Surface.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,aAAa,GACnB,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,cAAc,CAAC"}

package/dist/components/surface/index.js

@@ -1,2 +1,2 @@
-export { Surface, } from "./Surface.js";
+export { Surface, SurfaceContent, SurfaceMedia, SurfaceRoot, SurfaceScrim, } from "./Surface.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,GAOR,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,GAYb,MAAM,cAAc,CAAC"}

package/dist/components/tabs/Tabs.d.ts

@@ -1,25 +1,46 @@
+import { type ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
 import { type TabsContentProps as AtomTabsContentProps, type TabsIndicatorProps as AtomTabsIndicatorProps, type TabsListProps as AtomTabsListProps, type TabsRootProps as AtomTabsRootProps, type TabsTriggerProps as AtomTabsTriggerProps } from "@flowstack-ui/atom/tabs";
 export type TabsSize = "sm" | "md" | "lg";
 export type TabsVariant = "line" | "solid" | "soft" | "enclosed";
+export type TabsContentInset = "none" | "sm" | "md" | "lg";
+export type TabsLayout = "auto" | "stacked" | "side";
+export type TabsListColumns = 1 | 2 | 3 | 4;
+export type TabsListRadius = "default" | "none";
+export type TabsTriggerRadius = "default" | "none";
 export interface TabsRootProps extends AtomTabsRootProps {
     size?: TabsSize;
     variant?: TabsVariant;
     fullWidth?: boolean;
+    layout?: ResponsiveValue<TabsLayout>;
 }
-export type TabsListProps = AtomTabsListProps;
+export type TabsListProps = AtomTabsListProps & {
+    columns?: ResponsiveValue<TabsListColumns>;
+    radius?: TabsListRadius;
+    triggerRadius?: TabsTriggerRadius;
+};
 export type TabsTriggerProps = AtomTabsTriggerProps;
-export type TabsContentProps = AtomTabsContentProps;
+export interface TabsContentProps extends AtomTabsContentProps {
+    inset?: TabsContentInset;
+}
 export type TabsIndicatorProps = AtomTabsIndicatorProps;
 export declare const TabsRoot: import("react").ForwardRefExoticComponent<TabsRootProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const TabsList: import("react").ForwardRefExoticComponent<AtomTabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsList: import("react").ForwardRefExoticComponent<AtomTabsListProps & {
+    columns?: ResponsiveValue<TabsListColumns>;
+    radius?: TabsListRadius;
+    triggerRadius?: TabsTriggerRadius;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export declare const TabsTrigger: import("react").ForwardRefExoticComponent<AtomTabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TabsContent: import("react").ForwardRefExoticComponent<AtomTabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsContent: import("react").ForwardRefExoticComponent<TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare function TabsIndicator({ className, "data-slot": slot, ...props }: TabsIndicatorProps): import("react").JSX.Element;
 export declare const Tabs: Readonly<{
     Root: import("react").ForwardRefExoticComponent<TabsRootProps & import("react").RefAttributes<HTMLDivElement>>;
-    List: import("react").ForwardRefExoticComponent<AtomTabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+    List: import("react").ForwardRefExoticComponent<AtomTabsListProps & {
+        columns?: ResponsiveValue<TabsListColumns>;
+        radius?: TabsListRadius;
+        triggerRadius?: TabsTriggerRadius;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     Trigger: import("react").ForwardRefExoticComponent<AtomTabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<AtomTabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Indicator: typeof TabsIndicator;
 }>;
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/components/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,gBAAgB,IAAI,oBAAoB,EAC7C,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,gBAAgB,IAAI,oBAAoB,EAC9C,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAEjE,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC9C,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAMxD,eAAO,MAAM,QAAQ,0GAOpB,CAAC;AAEF,eAAO,MAAM,QAAQ,8GAIpB,CAAC;AAEF,eAAO,MAAM,WAAW,oHAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,iHAIvB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAE3F;AAOD,eAAO,MAAM,IAAI;;;;;;EAA0H,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,eAAe,EAAE,MAAM,yCAAyC,CAAC;AACzG,OAAO,EAEL,KAAK,gBAAgB,IAAI,oBAAoB,EAC7C,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,gBAAgB,IAAI,oBAAoB,EAC9C,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACjE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC5C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACtC;AACD,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC9C,OAAO,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,iBAAiB,CAAC;CACnC,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AACD,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAMxD,eAAO,MAAM,QAAQ,0GAOpB,CAAC;AAEF,eAAO,MAAM,QAAQ;cAvBT,eAAe,CAAC,eAAe,CAAC;aACjC,cAAc;oBACP,iBAAiB;kDA4BlC,CAAC;AAEF,eAAO,MAAM,WAAW,oHAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,6GAIvB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAE3F;AAOD,eAAO,MAAM,IAAI;;;kBArDL,eAAe,CAAC,eAAe,CAAC;iBACjC,cAAc;wBACP,iBAAiB;;;;;EAmDwG,CAAC"}

package/dist/components/tabs/Tabs.js

@@ -1,20 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { responsiveDataAttributes } from "../_responsive-value/ResponsiveValue.js";
 import { Tabs as AtomTabs, } from "@flowstack-ui/atom/tabs";
 function classes(base, className) {
     return className ? `${base} ${className}` : base;
 }
-export const TabsRoot = forwardRef(function TabsRoot({ className, fullWidth = false, size = "md", variant = "line", "data-slot": slot, ...props }, ref) {
-    return _jsx(AtomTabs.Root, { ...props, className: classes("brick-tabs", className), "data-full-width": fullWidth ? "" : undefined, "data-size": size, "data-slot": slot ?? "tabs-root", "data-variant": variant, ref: ref });
+export const TabsRoot = forwardRef(function TabsRoot({ className, fullWidth = false, layout = "auto", size = "md", variant = "line", "data-slot": slot, ...props }, ref) {
+    return _jsx(AtomTabs.Root, { ...props, ...responsiveDataAttributes("data-layout", layout, { defaultValue: "auto" }), className: classes("brick-tabs", className), "data-full-width": fullWidth ? "" : undefined, "data-size": size, "data-slot": slot ?? "tabs-root", "data-variant": variant, ref: ref });
 });
-export const TabsList = forwardRef(function TabsList({ className, "data-slot": slot, ...props }, ref) {
-    return _jsx(AtomTabs.List, { ...props, className: classes("brick-tabs-list", className), "data-slot": slot ?? "tabs-list", ref: ref });
+export const TabsList = forwardRef(function TabsList({ className, columns, radius = "default", triggerRadius, "data-slot": slot, ...props }, ref) {
+    const columnAttributes = columns === undefined
+        ? {}
+        : responsiveDataAttributes("data-columns", columns, { alwaysInitial: true });
+    return _jsx(AtomTabs.List, { ...props, ...columnAttributes, className: classes("brick-tabs-list", className), "data-radius": radius, "data-slot": slot ?? "tabs-list", "data-trigger-radius": triggerRadius, ref: ref });
 });
 export const TabsTrigger = forwardRef(function TabsTrigger({ className, "data-slot": slot, ...props }, ref) {
     return _jsx(AtomTabs.Trigger, { ...props, className: classes("brick-tabs-trigger", className), "data-slot": slot ?? "tabs-trigger", ref: ref });
 });
-export const TabsContent = forwardRef(function TabsContent({ className, "data-slot": slot, ...props }, ref) {
-    return _jsx(AtomTabs.Content, { ...props, className: classes("brick-tabs-content", className), "data-slot": slot ?? "tabs-content", ref: ref });
+export const TabsContent = forwardRef(function TabsContent({ className, inset, "data-slot": slot, ...props }, ref) {
+    return _jsx(AtomTabs.Content, { ...props, className: classes("brick-tabs-content", className), "data-inset": inset, "data-slot": slot ?? "tabs-content", ref: ref });
 });
 export function TabsIndicator({ className, "data-slot": slot, ...props }) {
     return _jsx(AtomTabs.Indicator, { ...props, className: classes("brick-tabs-indicator", className), "data-slot": slot ?? "tabs-indicator" });

package/dist/components/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,IAAI,IAAI,QAAQ,GAMjB,MAAM,yBAAyB,CAAC;AAejC,SAAS,OAAO,CAAC,IAAY,EAAE,SAAkB;IAC/C,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CACf,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAC5F,GAAG;IAEH,OAAO,KAAC,QAAQ,CAAC,IAAI,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,qBAAmB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,eAAa,IAAI,eAAa,IAAI,IAAI,WAAW,kBAAgB,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAClN,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC/D,OAAO,KAAC,QAAQ,CAAC,IAAI,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,EAAE,SAAS,CAAC,eAAa,IAAI,IAAI,WAAW,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAClI,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClE,OAAO,KAAC,QAAQ,CAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,eAAa,IAAI,IAAI,cAAc,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC3I,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClE,OAAO,KAAC,QAAQ,CAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,eAAa,IAAI,IAAI,cAAc,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC3I,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB;IAC1F,OAAO,KAAC,QAAQ,CAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,sBAAsB,EAAE,SAAS,CAAC,eAAa,IAAI,IAAI,gBAAgB,GAAI,CAAC;AACvI,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export { Tabs, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsRootProps, type TabsSize, type TabsTriggerProps, type TabsVariant, } from "./Tabs.js";
+export { Tabs, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, type TabsContentInset, type TabsContentProps, type TabsIndicatorProps, type TabsLayout, type TabsListColumns, type TabsListRadius, type TabsListProps, type TabsRootProps, type TabsSize, type TabsTriggerProps, type TabsTriggerRadius, type TabsVariant, } from "./Tabs.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,WAAW,GACjB,MAAM,WAAW,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAW,GAQZ,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAW,GAaZ,MAAM,WAAW,CAAC"}

package/dist/components/z-stack/ZStack.d.ts

@@ -0,0 +1,43 @@
+import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
+export type { ResponsiveValue };
+export type ZStackElement = "div" | "span" | "section" | "article" | "nav" | "header" | "footer" | "main" | "aside" | "ul" | "ol" | "li";
+export type ZStackItemElement = "div" | "span" | "section" | "article" | "header" | "footer" | "aside" | "li";
+export type ZStackAlign = "stretch" | "start" | "center" | "end";
+export type ZStackJustify = "stretch" | "start" | "center" | "end";
+export type ZStackItemAlign = "auto" | ZStackAlign;
+export type ZStackItemJustify = "auto" | ZStackJustify;
+type NativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "className" | "style">;
+export interface ZStackRootProps extends NativeProps {
+    as?: ZStackElement;
+    children?: ReactNode;
+    align?: ResponsiveValue<ZStackAlign>;
+    justify?: ResponsiveValue<ZStackJustify>;
+    className?: string;
+    style?: CSSProperties;
+    slot?: string;
+}
+type ZStackItemHostProps = {
+    as?: ZStackItemElement;
+    asChild?: false;
+    children?: ReactNode;
+} | {
+    as?: never;
+    asChild: true;
+    children: ReactElement;
+};
+export type ZStackItemProps = NativeProps & ZStackItemHostProps & {
+    align?: ResponsiveValue<ZStackItemAlign>;
+    justify?: ResponsiveValue<ZStackItemJustify>;
+    className?: string;
+    style?: CSSProperties;
+    slot?: string;
+};
+declare const ZStackRoot: import("react").ForwardRefExoticComponent<ZStackRootProps & import("react").RefAttributes<HTMLElement>>;
+declare const ZStackItem: import("react").ForwardRefExoticComponent<ZStackItemProps & import("react").RefAttributes<HTMLElement>>;
+export declare const ZStack: Readonly<{
+    Root: import("react").ForwardRefExoticComponent<ZStackRootProps & import("react").RefAttributes<HTMLElement>>;
+    Item: import("react").ForwardRefExoticComponent<ZStackItemProps & import("react").RefAttributes<HTMLElement>>;
+}>;
+export { ZStackRoot, ZStackItem };
+//# sourceMappingURL=ZStack.d.ts.map

package/dist/components/z-stack/ZStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZStack.d.ts","sourceRoot":"","sources":["../../../src/components/z-stack/ZStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,yCAAyC,CAAC;AAEjD,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,MAAM,aAAa,GACrB,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GACzD,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,MAAM,MAAM,iBAAiB,GACzB,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAC5D,OAAO,GAAG,IAAI,CAAC;AACnB,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACjE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,aAAa,CAAC;AAEvD,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAEzF,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,mBAAmB,GACpB;IAAE,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GACjE;IAAE,EAAE,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,mBAAmB,GAAG;IAChE,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAwEF,QAAA,MAAM,UAAU,yGAA2D,CAAC;AAE5E,QAAA,MAAM,UAAU,yGAA2D,CAAC;AAG5E,eAAO,MAAM,MAAM;;;EAAwD,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/z-stack/ZStack.js

@@ -0,0 +1,70 @@
+import { Children, cloneElement, createElement, forwardRef, } from "react";
+import { responsiveDataAttributes, } from "../_responsive-value/ResponsiveValue.js";
+function classes(base, className) {
+    return className ? `${base} ${className}` : base;
+}
+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 ZStackRootImpl({ as = "div", align = "stretch", justify = "stretch", className, slot = "z-stack", children, ...props }, ref) {
+    return createElement(as, {
+        ...props,
+        ...responsiveDataAttributes("data-align", align, { defaultValue: "stretch" }),
+        ...responsiveDataAttributes("data-justify", justify, { defaultValue: "stretch" }),
+        className: classes("brick-z-stack", className),
+        "data-slot": slot,
+        ref,
+    }, children);
+}
+function ZStackItemImpl({ as = "div", asChild = false, align = "auto", justify = "auto", className, slot = "z-stack-item", style, children, ...props }, ref) {
+    const itemProps = {
+        ...props,
+        ...responsiveDataAttributes("data-align", align, { defaultValue: "auto" }),
+        ...responsiveDataAttributes("data-justify", justify, { defaultValue: "auto" }),
+        className: classes("brick-z-stack-item", className),
+        "data-slot": slot,
+        ref,
+        style,
+    };
+    if (asChild) {
+        const child = Children.only(children);
+        const childRef = ("ref" in child.props
+            ? child.props.ref
+            : child.ref);
+        return cloneElement(child, mergeComposedProps(child.props, {
+            ...itemProps,
+            ref: childRef || ref ? composeRefs(childRef, ref) : undefined,
+        }));
+    }
+    return createElement(as, itemProps, children);
+}
+const ZStackRoot = forwardRef(ZStackRootImpl);
+ZStackRoot.displayName = "ZStack.Root";
+const ZStackItem = forwardRef(ZStackItemImpl);
+ZStackItem.displayName = "ZStack.Item";
+export const ZStack = Object.freeze({ Root: ZStackRoot, Item: ZStackItem });
+export { ZStackRoot, ZStackItem };
+//# sourceMappingURL=ZStack.js.map

package/dist/components/z-stack/ZStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZStack.js","sourceRoot":"","sources":["../../../src/components/z-stack/ZStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,UAAU,GAOX,MAAM,OAAO,CAAC;AACf,OAAO,EACL,wBAAwB,GAEzB,MAAM,yCAAyC,CAAC;AAuCjD,SAAS,OAAO,CAAC,IAAY,EAAE,SAAkB;IAC/C,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,SAAS,WAAW,CAAI,GAAG,IAA+B;IACxD,OAAO,CAAC,KAAe,EAAE,EAAE;QACzB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,OAAO,GAAG,KAAK,UAAU;gBAAE,GAAG,CAAC,KAAK,CAAC,CAAC;iBACrC,IAAI,GAAG;gBAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,QAAiC,EAAE,QAAiC;IAC9F,MAAM,MAAM,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpD,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC9B,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;YACzF,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAe,EAAE,EAAE,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9E,CAAC;aAAM,IAAI,GAAG,KAAK,WAAW,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC3F,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,OAAO,IAAI,KAAK,EAAE,CAAC;QACtC,CAAC;aAAM,IAAI,GAAG,KAAK,OAAO,IAAI,OAAO,IAAI,KAAK,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC3G,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,CAAC;QACzC,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,cAAc,CACrB,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB,EACxH,GAA8B;IAE9B,OAAO,aAAa,CAAC,EAAE,EAAE;QACvB,GAAG,KAAK;QACR,GAAG,wBAAwB,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;QAC7E,GAAG,wBAAwB,CAAC,cAAc,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;QACjF,SAAS,EAAE,OAAO,CAAC,eAAe,EAAE,SAAS,CAAC;QAC9C,WAAW,EAAE,IAAI;QACjB,GAAG;KACJ,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AAED,SAAS,cAAc,CACrB,EAAE,EAAE,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB,EAC/I,GAA8B;IAE9B,MAAM,SAAS,GAAG;QAChB,GAAG,KAAK;QACR,GAAG,wBAAwB,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;QAC1E,GAAG,wBAAwB,CAAC,cAAc,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;QAC9E,SAAS,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC;QACnD,WAAW,EAAE,IAAI;QACjB,GAAG;QACH,KAAK;KACN,CAAC;IACF,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAA0C,CAAC;QAC/E,MAAM,QAAQ,GAAG,CACf,KAAK,IAAI,KAAK,CAAC,KAAK;YAClB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG;YACjB,CAAC,CAAE,KAAmD,CAAC,GAAG,CAC7B,CAAC;QAClC,OAAO,YAAY,CAAC,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,KAAK,EAAE;YACzD,GAAG,SAAS;YACZ,GAAG,EAAE,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;SAC9D,CAAC,CAAC,CAAC;IACN,CAAC;IACD,OAAO,aAAa,CAAC,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,GAAG,UAAU,CAA+B,cAAc,CAAC,CAAC;AAC5E,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC;AACvC,MAAM,UAAU,GAAG,UAAU,CAA+B,cAAc,CAAC,CAAC;AAC5E,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/z-stack/index.d.ts

@@ -0,0 +1,2 @@
+export { ZStack, ZStackItem, ZStackRoot, type ZStackAlign, type ZStackElement, type ZStackItemAlign, type ZStackItemElement, type ZStackItemJustify, type ZStackItemProps, type ZStackJustify, type ZStackRootProps, type ResponsiveValue, } from "./ZStack.js";
+//# sourceMappingURL=index.d.ts.map