@devalok/shilp-sutra 0.34.0 → 0.34.1

package/dist/ui/split-button.js

@@ -1,282 +1,233 @@
 "use client";
-import { jsxs as m, Fragment as C, jsx as s } from "react/jsx-runtime";
-import * as n from "react";
-import { d as G, q as J, i as Q, e as T, g as V } from "../_chunks/vendor-client.js";
-import { cn as o } from "./lib/utils.js";
-import { A as X, m as Y } from "../_chunks/framer.js";
-const A = {
-  solid: {
-    accent: "bg-accent-11/20",
-    error: "bg-error-11/20",
-    success: "bg-success-11/20",
-    warning: "bg-warning-11/20",
-    neutral: "bg-neutral-8/30"
-  },
-  soft: {
-    accent: "bg-accent-6",
-    error: "bg-error-6",
-    success: "bg-success-6",
-    warning: "bg-warning-6",
-    neutral: "bg-surface-border"
-  },
-  outline: {
-    accent: "bg-accent-7",
-    error: "bg-error-7",
-    success: "bg-success-7",
-    warning: "bg-warning-7",
-    neutral: "bg-surface-border-strong"
-  }
-}, N = {
-  xs: "h-ds-xs-plus",
-  sm: "h-ds-sm",
-  md: "h-ds-md",
-  "icon-xs": "h-ds-xs-plus",
-  "icon-sm": "h-ds-sm",
-  "icon-md": "h-ds-md"
-}, Z = {
-  xs: "text-ds-sm",
-  sm: "text-ds-sm",
-  md: "text-ds-md",
-  "icon-xs": "text-ds-sm",
-  "icon-sm": "text-ds-sm",
-  "icon-md": "text-ds-md"
+import { $t as e, Qt as t, en as n, in as r, rn as i } from "../_chunks/primitives.js";
+import { a, c as o } from "../_chunks/framer.js";
+import { cn as s } from "./lib/utils.js";
+import * as c from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/ui/split-button.tsx
+var f = {
+	solid: {
+		accent: "bg-accent-11/20",
+		error: "bg-error-11/20",
+		success: "bg-success-11/20",
+		warning: "bg-warning-11/20",
+		neutral: "bg-neutral-8/30"
+	},
+	soft: {
+		accent: "bg-accent-6",
+		error: "bg-error-6",
+		success: "bg-success-6",
+		warning: "bg-warning-6",
+		neutral: "bg-surface-border"
+	},
+	outline: {
+		accent: "bg-accent-7",
+		error: "bg-error-7",
+		success: "bg-success-7",
+		warning: "bg-warning-7",
+		neutral: "bg-surface-border-strong"
+	}
+}, p = {
+	xs: "h-ds-xs-plus",
+	sm: "h-ds-sm",
+	md: "h-ds-md",
+	"icon-xs": "h-ds-xs-plus",
+	"icon-sm": "h-ds-sm",
+	"icon-md": "h-ds-md"
+}, m = {
+	xs: "text-ds-sm",
+	sm: "text-ds-sm",
+	md: "text-ds-md",
+	"icon-xs": "text-ds-sm",
+	"icon-sm": "text-ds-sm",
+	"icon-md": "text-ds-md"
+}, h = {
+	xs: "px-ds-03 gap-1",
+	sm: "px-ds-04 gap-1.5",
+	md: "px-ds-05 gap-2",
+	"icon-xs": "px-ds-02",
+	"icon-sm": "px-ds-03",
+	"icon-md": "px-ds-04"
+}, g = {
+	xs: "px-ds-02",
+	sm: "px-ds-02",
+	md: "px-ds-03",
+	"icon-xs": "px-ds-01",
+	"icon-sm": "px-ds-02",
+	"icon-md": "px-ds-02"
 }, _ = {
-  xs: "px-ds-03 gap-1",
-  sm: "px-ds-04 gap-1.5",
-  md: "px-ds-05 gap-2",
-  "icon-xs": "px-ds-02",
-  "icon-sm": "px-ds-03",
-  "icon-md": "px-ds-04"
-}, I = {
-  xs: "px-ds-02",
-  sm: "px-ds-02",
-  md: "px-ds-03",
-  "icon-xs": "px-ds-01",
-  "icon-sm": "px-ds-02",
-  "icon-md": "px-ds-02"
-}, W = {
-  xs: "rounded-ds-md",
-  sm: "rounded-ds-md",
-  md: "rounded-ds-lg",
-  "icon-xs": "rounded-ds-sm",
-  "icon-sm": "rounded-ds-md",
-  "icon-md": "rounded-ds-md"
+	xs: "rounded-ds-md",
+	sm: "rounded-ds-md",
+	md: "rounded-ds-lg",
+	"icon-xs": "rounded-ds-sm",
+	"icon-sm": "rounded-ds-md",
+	"icon-md": "rounded-ds-md"
 };
-function z(c, i) {
-  const u = {
-    solid: {
-      accent: "bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-11",
-      error: "bg-error-9 text-error-fg hover:bg-error-10 active:bg-error-11",
-      success: "bg-success-9 text-success-fg hover:bg-success-10 active:bg-success-11",
-      warning: "bg-warning-9 text-warning-fg hover:bg-warning-10 active:bg-warning-11",
-      neutral: "bg-neutral-5 text-surface-fg hover:bg-neutral-7 active:bg-neutral-8"
-    },
-    soft: {
-      accent: "bg-accent-3 text-accent-11 hover:bg-accent-4 active:bg-accent-5",
-      error: "bg-error-3 text-error-11 hover:bg-error-4 active:bg-error-5",
-      success: "bg-success-3 text-success-11 hover:bg-success-4 active:bg-success-5",
-      warning: "bg-warning-3 text-warning-11 hover:bg-warning-4 active:bg-warning-5",
-      neutral: "bg-surface-raised-hover text-surface-fg-muted hover:bg-surface-raised-active active:bg-neutral-5"
-    },
-    outline: {
-      accent: "bg-transparent text-accent-11 hover:bg-accent-3 active:bg-accent-4",
-      error: "bg-transparent text-error-11 hover:bg-error-3 active:bg-error-4",
-      success: "bg-transparent text-success-11 hover:bg-success-3 active:bg-success-4",
-      warning: "bg-transparent text-warning-11 hover:bg-warning-3 active:bg-warning-4",
-      neutral: "bg-transparent text-surface-fg hover:bg-surface-raised-hover active:bg-surface-raised-active"
-    }
-  };
-  return u[c][i] ?? u[c].accent;
+function v(e, t) {
+	let n = {
+		solid: {
+			accent: "bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-11",
+			error: "bg-error-9 text-error-fg hover:bg-error-10 active:bg-error-11",
+			success: "bg-success-9 text-success-fg hover:bg-success-10 active:bg-success-11",
+			warning: "bg-warning-9 text-warning-fg hover:bg-warning-10 active:bg-warning-11",
+			neutral: "bg-neutral-5 text-surface-fg hover:bg-neutral-7 active:bg-neutral-8"
+		},
+		soft: {
+			accent: "bg-accent-3 text-accent-11 hover:bg-accent-4 active:bg-accent-5",
+			error: "bg-error-3 text-error-11 hover:bg-error-4 active:bg-error-5",
+			success: "bg-success-3 text-success-11 hover:bg-success-4 active:bg-success-5",
+			warning: "bg-warning-3 text-warning-11 hover:bg-warning-4 active:bg-warning-5",
+			neutral: "bg-surface-raised-hover text-surface-fg-muted hover:bg-surface-raised-active active:bg-neutral-5"
+		},
+		outline: {
+			accent: "bg-transparent text-accent-11 hover:bg-accent-3 active:bg-accent-4",
+			error: "bg-transparent text-error-11 hover:bg-error-3 active:bg-error-4",
+			success: "bg-transparent text-success-11 hover:bg-success-3 active:bg-success-4",
+			warning: "bg-transparent text-warning-11 hover:bg-warning-3 active:bg-warning-4",
+			neutral: "bg-transparent text-surface-fg hover:bg-surface-raised-hover active:bg-surface-raised-active"
+		}
+	};
+	return n[e][t] ?? n[e].accent;
 }
-function ee(c) {
-  const i = {
-    accent: "border-accent-7",
-    error: "border-error-7",
-    success: "border-success-7",
-    warning: "border-warning-7",
-    neutral: "border-surface-border-strong"
-  };
-  return i[c] ?? i.accent;
+function y(e) {
+	let t = {
+		accent: "border-accent-7",
+		error: "border-error-7",
+		success: "border-success-7",
+		warning: "border-warning-7",
+		neutral: "border-surface-border-strong"
+	};
+	return t[e] ?? t.accent;
 }
-function M({ className: c }) {
-  return /* @__PURE__ */ s("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: c, "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+function b({ className: e }) {
+	return /* @__PURE__ */ u("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		className: e,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ u("path", {
+			d: "M3 4.5L6 7.5L9 4.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
 }
-const se = n.forwardRef(
-  function({
-    children: i,
-    onClick: u,
-    dropdownContent: E,
-    open: j,
-    onOpenChange: p,
-    variant: l = "solid",
-    color: v = "accent",
-    size: r = "md",
-    disabled: x = !1,
-    "aria-label": L,
-    dropdownLabel: R = "More options",
-    dropdownIcon: B,
-    triggerSide: O = "right",
-    placement: S = "top-end",
-    triggerWidth: g,
-    className: q
-  }, D) {
-    const [F, H] = n.useState(!1), h = j !== void 0, e = h ? j : F, b = n.useRef(null), f = n.useRef(null), w = n.useId(), d = n.useCallback(
-      (t) => {
-        p && p(t), h || H(t);
-      },
-      [p, h]
-    );
-    n.useEffect(() => {
-      if (!e || !b.current || !f.current) return;
-      const t = b.current, a = f.current;
-      return G(t, a, () => {
-        J(t, a, {
-          placement: S,
-          middleware: [
-            Q(8),
-            T({ fallbackPlacements: ["bottom-end", "top-start", "bottom-start"] }),
-            V({ padding: 8 })
-          ]
-        }).then(({ x: K, y: U }) => {
-          Object.assign(a.style, { left: `${K}px`, top: `${U}px` });
-        });
-      });
-    }, [e, S]), n.useEffect(() => {
-      if (!e) return;
-      const t = (a) => {
-        const k = a.target;
-        b.current?.contains(k) || f.current?.contains(k) || d(!1);
-      };
-      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-    }, [e, d]), n.useEffect(() => {
-      if (!e) return;
-      const t = (a) => {
-        a.key === "Escape" && d(!1);
-      };
-      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-    }, [e, d]);
-    const y = z(l, v), $ = A[l][v] ?? A[l].accent, P = g != null ? { width: typeof g == "number" ? `${g}px` : g } : void 0;
-    return /* @__PURE__ */ m(C, { children: [
-      /* @__PURE__ */ s(
-        "div",
-        {
-          ref: D,
-          role: "group",
-          "aria-label": L ?? void 0,
-          className: o("relative inline-flex", q),
-          children: /* @__PURE__ */ m(
-            "div",
-            {
-              ref: b,
-              className: o(
-                "inline-flex items-stretch overflow-hidden",
-                W[r],
-                l === "solid" && "shadow-raised",
-                l === "outline" && `border ${ee(v)}`
-              ),
-              children: [
-                O === "left" && /* @__PURE__ */ m(C, { children: [
-                  /* @__PURE__ */ s(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => d(!e),
-                      disabled: x,
-                      "aria-label": R,
-                      "aria-haspopup": "menu",
-                      "aria-expanded": e,
-                      "aria-controls": e ? w : void 0,
-                      className: o(
-                        "inline-flex items-center justify-center select-none",
-                        "transition-colors duration-fast-01 ease-productive-standard",
-                        "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
-                        "disabled:pointer-events-none disabled:opacity-action-disabled",
-                        y,
-                        N[r],
-                        I[r]
-                      ),
-                      style: P,
-                      children: B ?? /* @__PURE__ */ s(M, {})
-                    }
-                  ),
-                  /* @__PURE__ */ s("div", { className: o("w-px self-stretch", $) })
-                ] }),
-                /* @__PURE__ */ s(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: u,
-                    disabled: x,
-                    "aria-label": L,
-                    className: o(
-                      "inline-flex items-center justify-center font-semibold select-none whitespace-nowrap",
-                      "transition-colors duration-fast-01 ease-productive-standard",
-                      "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
-                      "disabled:pointer-events-none disabled:opacity-action-disabled",
-                      y,
-                      N[r],
-                      Z[r],
-                      _[r]
-                    ),
-                    children: i
-                  }
-                ),
-                O === "right" && /* @__PURE__ */ m(C, { children: [
-                  /* @__PURE__ */ s("div", { className: o("w-px self-stretch", $) }),
-                  /* @__PURE__ */ s(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => d(!e),
-                      disabled: x,
-                      "aria-label": R,
-                      "aria-haspopup": "menu",
-                      "aria-expanded": e,
-                      "aria-controls": e ? w : void 0,
-                      className: o(
-                        "inline-flex items-center justify-center select-none",
-                        "transition-colors duration-fast-01 ease-productive-standard",
-                        "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
-                        "disabled:pointer-events-none disabled:opacity-action-disabled",
-                        y,
-                        N[r],
-                        I[r]
-                      ),
-                      style: P,
-                      children: B ?? /* @__PURE__ */ s(M, {})
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ s(X, { children: e && E && /* @__PURE__ */ s(
-        "div",
-        {
-          ref: f,
-          id: w,
-          role: "menu",
-          className: "fixed z-popover",
-          style: { top: 0, left: 0 },
-          children: /* @__PURE__ */ s(
-            Y.div,
-            {
-              initial: { opacity: 0, scale: 0.95 },
-              animate: { opacity: 1, scale: 1 },
-              exit: { opacity: 0, scale: 0.95 },
-              transition: { duration: 0.15 },
-              className: "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating",
-              children: E
-            }
-          )
-        }
-      ) })
-    ] });
-  }
-);
-se.displayName = "SplitButton";
-export {
-  se as SplitButton
-};
+var x = c.forwardRef(function({ children: x, onClick: S, dropdownContent: C, open: w, onOpenChange: T, variant: E = "solid", color: D = "accent", size: O = "md", disabled: k = !1, "aria-label": A, dropdownLabel: j = "More options", dropdownIcon: M, triggerSide: N = "right", placement: P = "top-end", triggerWidth: F, className: I }, L) {
+	let [R, z] = c.useState(!1), B = w !== void 0, V = B ? w : R, H = c.useRef(null), U = c.useRef(null), W = c.useId(), G = c.useCallback((e) => {
+		T && T(e), B || z(e);
+	}, [T, B]);
+	c.useEffect(() => {
+		if (!V || !H.current || !U.current) return;
+		let a = H.current, o = U.current;
+		return t(a, o, () => {
+			e(a, o, {
+				placement: P,
+				middleware: [
+					i(8),
+					n({ fallbackPlacements: [
+						"bottom-end",
+						"top-start",
+						"bottom-start"
+					] }),
+					r({ padding: 8 })
+				]
+			}).then(({ x: e, y: t }) => {
+				Object.assign(o.style, {
+					left: `${e}px`,
+					top: `${t}px`
+				});
+			});
+		});
+	}, [V, P]), c.useEffect(() => {
+		if (!V) return;
+		let e = (e) => {
+			let t = e.target;
+			H.current?.contains(t) || U.current?.contains(t) || G(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [V, G]), c.useEffect(() => {
+		if (!V) return;
+		let e = (e) => {
+			e.key === "Escape" && G(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [V, G]);
+	let K = v(E, D), q = f[E][D] ?? f[E].accent, J = F == null ? void 0 : { width: typeof F == "number" ? `${F}px` : F };
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
+		ref: L,
+		role: "group",
+		"aria-label": A ?? void 0,
+		className: s("relative inline-flex", I),
+		children: /* @__PURE__ */ d("div", {
+			ref: H,
+			className: s("inline-flex items-stretch overflow-hidden", _[O], E === "solid" && "shadow-raised", E === "outline" && `border ${y(D)}`),
+			children: [
+				N === "left" && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: () => G(!V),
+					disabled: k,
+					"aria-label": j,
+					"aria-haspopup": "menu",
+					"aria-expanded": V,
+					"aria-controls": V ? W : void 0,
+					className: s("inline-flex items-center justify-center select-none", "transition-colors duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-action-disabled", K, p[O], g[O]),
+					style: J,
+					children: M ?? /* @__PURE__ */ u(b, {})
+				}), /* @__PURE__ */ u("div", { className: s("w-px self-stretch", q) })] }),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: S,
+					disabled: k,
+					"aria-label": A,
+					className: s("inline-flex items-center justify-center font-semibold select-none whitespace-nowrap", "transition-colors duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-action-disabled", K, p[O], m[O], h[O]),
+					children: x
+				}),
+				N === "right" && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { className: s("w-px self-stretch", q) }), /* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: () => G(!V),
+					disabled: k,
+					"aria-label": j,
+					"aria-haspopup": "menu",
+					"aria-expanded": V,
+					"aria-controls": V ? W : void 0,
+					className: s("inline-flex items-center justify-center select-none", "transition-colors duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-action-disabled", K, p[O], g[O]),
+					style: J,
+					children: M ?? /* @__PURE__ */ u(b, {})
+				})] })
+			]
+		})
+	}), /* @__PURE__ */ u(o, { children: V && C && /* @__PURE__ */ u("div", {
+		ref: U,
+		id: W,
+		role: "menu",
+		className: "fixed z-popover",
+		style: {
+			top: 0,
+			left: 0
+		},
+		children: /* @__PURE__ */ u(a.div, {
+			initial: {
+				opacity: 0,
+				scale: .95
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: .95
+			},
+			transition: { duration: .15 },
+			className: "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating",
+			children: C
+		})
+	}) })] });
+});
+x.displayName = "SplitButton";
+//#endregion
+export { x as SplitButton };

package/dist/ui/stack.js

@@ -1,71 +1,57 @@
+import { cn as e } from "./lib/utils.js";
 import * as t from "react";
-import { cn as o } from "./lib/utils.js";
-const f = {
-  start: "items-start",
-  center: "items-center",
-  end: "items-end",
-  stretch: "items-stretch",
-  baseline: "items-baseline"
-}, m = {
-  start: "justify-start",
-  center: "justify-center",
-  end: "justify-end",
-  between: "justify-between",
-  around: "justify-around",
-  evenly: "justify-evenly"
-}, u = {
-  0: "gap-0",
-  1: "gap-ds-01",
-  2: "gap-ds-02",
-  3: "gap-ds-03",
-  4: "gap-ds-04",
-  5: "gap-ds-05",
-  6: "gap-ds-06",
-  7: "gap-ds-07",
-  8: "gap-ds-08",
-  9: "gap-ds-09",
-  10: "gap-ds-10",
-  11: "gap-ds-11",
-  12: "gap-ds-12",
-  13: "gap-ds-13",
-  "ds-01": "gap-ds-01",
-  "ds-02": "gap-ds-02",
-  "ds-02b": "gap-ds-02b",
-  "ds-03": "gap-ds-03",
-  "ds-04": "gap-ds-04",
-  "ds-05": "gap-ds-05",
-  "ds-05b": "gap-ds-05b",
-  "ds-06": "gap-ds-06",
-  "ds-07": "gap-ds-07",
-  "ds-08": "gap-ds-08",
-  "ds-09": "gap-ds-09",
-  "ds-10": "gap-ds-10",
-  "ds-11": "gap-ds-11",
-  "ds-12": "gap-ds-12",
-  "ds-13": "gap-ds-13"
-}, y = t.forwardRef(
-  ({ as: p, direction: s = "vertical", gap: a, align: d, justify: e, wrap: g, className: n, children: r, ...c }, i) => {
-    const l = p || "div";
-    return t.createElement(
-      l,
-      {
-        ref: i,
-        className: o(
-          "flex",
-          s === "vertical" || s === "column" ? "flex-col" : "flex-row",
-          a != null && u[String(a)],
-          d && f[d],
-          e && m[e],
-          g && "flex-wrap",
-          n
-        ),
-        ...c
-      },
-      r
-    );
-  }
-);
-y.displayName = "Stack";
-export {
-  y as Stack
-};
+//#region src/ui/stack.tsx
+var n = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch",
+	baseline: "items-baseline"
+}, r = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+}, i = {
+	0: "gap-0",
+	1: "gap-ds-01",
+	2: "gap-ds-02",
+	3: "gap-ds-03",
+	4: "gap-ds-04",
+	5: "gap-ds-05",
+	6: "gap-ds-06",
+	7: "gap-ds-07",
+	8: "gap-ds-08",
+	9: "gap-ds-09",
+	10: "gap-ds-10",
+	11: "gap-ds-11",
+	12: "gap-ds-12",
+	13: "gap-ds-13",
+	"ds-01": "gap-ds-01",
+	"ds-02": "gap-ds-02",
+	"ds-02b": "gap-ds-02b",
+	"ds-03": "gap-ds-03",
+	"ds-04": "gap-ds-04",
+	"ds-05": "gap-ds-05",
+	"ds-05b": "gap-ds-05b",
+	"ds-06": "gap-ds-06",
+	"ds-07": "gap-ds-07",
+	"ds-08": "gap-ds-08",
+	"ds-09": "gap-ds-09",
+	"ds-10": "gap-ds-10",
+	"ds-11": "gap-ds-11",
+	"ds-12": "gap-ds-12",
+	"ds-13": "gap-ds-13"
+}, a = t.forwardRef(({ as: a, direction: o = "vertical", gap: s, align: c, justify: l, wrap: u, className: d, children: f, ...p }, m) => {
+	let h = a || "div";
+	return t.createElement(h, {
+		ref: m,
+		className: e("flex", o === "vertical" || o === "column" ? "flex-col" : "flex-row", s != null && i[String(s)], c && n[c], l && r[l], u && "flex-wrap", d),
+		...p
+	}, f);
+});
+a.displayName = "Stack";
+//#endregion
+export { a as Stack };