@caspeco/casper-ui-library 10.4.0 → 10.5.0

package/dist/components/menu/menu.js

@@ -1,42 +1,35 @@
-import { jsx as y } from "react/jsx-runtime";
-import { c as g } from "../../_virtual/compiler-runtime.js";
-import { Menu as M } from "@chakra-ui/react";
-import { forwardRef as w } from "react";
-const W = w(function(p, B) {
-  const t = g.c(23);
-  let e, n, o, i, r, f, c;
-  t[0] !== p ? ({
-    children: e,
-    placement: r,
-    matchWidth: n,
-    offset: o,
-    isLazy: f,
-    lazyBehavior: c,
-    ...i
-  } = p, t[0] = p, t[1] = e, t[2] = n, t[3] = o, t[4] = i, t[5] = r, t[6] = f, t[7] = c) : (e = t[1], n = t[2], o = t[3], i = t[4], r = t[5], f = t[6], c = t[7]);
-  const u = r === void 0 ? "bottom-start" : r, d = f === void 0 ? !1 : f, z = c === void 0 ? "keepMounted" : c;
-  let s;
-  t[8] !== o ? (s = o ? {
-    mainAxis: o[1],
-    crossAxis: o[0]
-  } : void 0, t[8] = o, t[9] = s) : s = t[9];
-  let a;
-  t[10] !== n || t[11] !== u || t[12] !== s ? (a = {
-    placement: u,
-    sameWidth: n,
-    offset: s,
-    gutter: 0,
-    flip: !1,
-    overflowPadding: 0
-  }, t[10] = n, t[11] = u, t[12] = s, t[13] = a) : a = t[13];
-  const h = a, v = z === "unmount", x = typeof e == "function";
-  let l;
-  t[14] !== e || t[15] !== x ? (l = x ? /* @__PURE__ */ y(M.Context, { children: (R) => e({
-    isOpen: R.open
-  }) }) : e, t[14] = e, t[15] = x, t[16] = l) : l = t[16];
-  let m;
-  return t[17] !== d || t[18] !== h || t[19] !== i || t[20] !== l || t[21] !== v ? (m = /* @__PURE__ */ y(M.Root, { lazyMount: d, unmountOnExit: v, positioning: h, ...i, children: l }), t[17] = d, t[18] = h, t[19] = i, t[20] = l, t[21] = v, t[22] = m) : m = t[22], m;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { forwardRef as t } from "react";
+import { Menu as n } from "@chakra-ui/react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/components/menu/menu.tsx
+var i = e(), a = t(function(e, t) {
+	let a = (0, i.c)(23), o, s, c, l, u, d, f;
+	a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6], f = a[7]) : ({children: o, placement: u, matchWidth: s, offset: c, isLazy: d, lazyBehavior: f, ...l} = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d, a[7] = f);
+	let p = u === void 0 ? "bottom-start" : u, m = d !== void 0 && d, h = f === void 0 ? "keepMounted" : f, g;
+	a[8] === c ? g = a[9] : (g = c ? {
+		mainAxis: c[1],
+		crossAxis: c[0]
+	} : void 0, a[8] = c, a[9] = g);
+	let _;
+	a[10] !== s || a[11] !== p || a[12] !== g ? (_ = {
+		placement: p,
+		sameWidth: s,
+		offset: g,
+		gutter: 0,
+		flip: !1,
+		overflowPadding: 0
+	}, a[10] = s, a[11] = p, a[12] = g, a[13] = _) : _ = a[13];
+	let v = _, y = h === "unmount", b = typeof o == "function", x;
+	a[14] !== o || a[15] !== b ? (x = b ? /* @__PURE__ */ r(n.Context, { children: (e) => o({ isOpen: e.open }) }) : o, a[14] = o, a[15] = b, a[16] = x) : x = a[16];
+	let S;
+	return a[17] !== m || a[18] !== v || a[19] !== l || a[20] !== x || a[21] !== y ? (S = /* @__PURE__ */ r(n.Root, {
+		lazyMount: m,
+		unmountOnExit: y,
+		positioning: v,
+		...l,
+		children: x
+	}), a[17] = m, a[18] = v, a[19] = l, a[20] = x, a[21] = y, a[22] = S) : S = a[22], S;
 });
-export {
-  W as Menu
-};
+//#endregion
+export { a as Menu };

package/dist/components/message/message.js

@@ -1,40 +1,54 @@
-import { jsx as h, jsxs as M } from "react/jsx-runtime";
-import { c as O } from "../../_virtual/compiler-runtime.js";
-import { Box as v } from "@chakra-ui/react";
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeRadiusVariable as r, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
+import { Text as a } from "../text/text.js";
 import "react";
-import { Text as k } from "../text/text.js";
-import { ThemeColorVariable as t, ThemeRadiusVariable as S, ThemeFontSizeVariable as y, ThemeSpaceVariable as z } from "../../theme/theme-types.js";
-function Y(b) {
-  const e = O.c(32);
-  let g, n, r, l, i, s, f, a;
-  e[0] !== b ? ({
-    children: n,
-    time: a,
-    from: i,
-    author: f,
-    autoFloat: g,
-    errorState: l,
-    errorMessage: r,
-    ...s
-  } = b, e[0] = b, e[1] = g, e[2] = n, e[3] = r, e[4] = l, e[5] = i, e[6] = s, e[7] = f, e[8] = a) : (g = e[1], n = e[2], r = e[3], l = e[4], i = e[5], s = e[6], f = e[7], a = e[8]);
-  const o = (f === void 0 ? "you" : f) === "you", x = g ? o ? "flex-start" : "flex-end" : void 0, R = o ? t.BackgroundDisabled : t.Accent, B = l ? "0.48" : "1", T = o ? S.Large : void 0, L = o ? void 0 : S.Large, V = o ? t.OnBackground : t.OnAccent;
-  let c;
-  e[9] !== n || e[10] !== V ? (c = /* @__PURE__ */ h(k, { fontSize: y.Medium, color: V, children: n }), e[9] = n, e[10] = V, e[11] = c) : c = e[11];
-  let d;
-  e[12] !== i || e[13] !== o ? (d = i && /* @__PURE__ */ h(k, { fontSize: y.Small, color: o ? t.OnBackgroundSubdued : t.InfoContainer, children: i }), e[12] = i, e[13] = o, e[14] = d) : d = e[14];
-  let m;
-  e[15] !== R || e[16] !== B || e[17] !== T || e[18] !== L || e[19] !== c || e[20] !== d ? (m = /* @__PURE__ */ M(v, { bg: R, opacity: B, px: z.Medium, py: z.Small, borderTopRightRadius: S.Large, borderTopLeftRadius: S.Large, borderBottomRightRadius: T, borderBottomLeftRadius: L, children: [
-    c,
-    d
-  ] }), e[15] = R, e[16] = B, e[17] = T, e[18] = L, e[19] = c, e[20] = d, e[21] = m) : m = e[21];
-  let u;
-  e[22] !== r || e[23] !== l || e[24] !== o || e[25] !== a ? (u = a && /* @__PURE__ */ h(v, { ml: z.Small, children: /* @__PURE__ */ h(k, { fontSize: y.XSmall, color: l ? t.Error : t.OnBackgroundSubdued, textAlign: o ? void 0 : "right", children: r || a }) }), e[22] = r, e[23] = l, e[24] = o, e[25] = a, e[26] = u) : u = e[26];
-  let p;
-  return e[27] !== s || e[28] !== m || e[29] !== u || e[30] !== x ? (p = /* @__PURE__ */ M(v, { ...s, alignSelf: x, children: [
-    m,
-    u
-  ] }), e[27] = s, e[28] = m, e[29] = u, e[30] = x, e[31] = p) : p = e[31], p;
+import { Box as o } from "@chakra-ui/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/components/message/message.tsx
+var l = e();
+function u(e) {
+	let u = (0, l.c)(32), d, f, p, m, h, g, _, v;
+	u[0] === e ? (d = u[1], f = u[2], p = u[3], m = u[4], h = u[5], g = u[6], _ = u[7], v = u[8]) : ({children: f, time: v, from: h, author: _, autoFloat: d, errorState: m, errorMessage: p, ...g} = e, u[0] = e, u[1] = d, u[2] = f, u[3] = p, u[4] = m, u[5] = h, u[6] = g, u[7] = _, u[8] = v);
+	let y = (_ === void 0 ? "you" : _) === "you", b = d ? y ? "flex-start" : "flex-end" : void 0, x = y ? t.BackgroundDisabled : t.Accent, S = m ? "0.48" : "1", C = y ? r.Large : void 0, w = y ? void 0 : r.Large, T = y ? t.OnBackground : t.OnAccent, E;
+	u[9] !== f || u[10] !== T ? (E = /* @__PURE__ */ s(a, {
+		fontSize: n.Medium,
+		color: T,
+		children: f
+	}), u[9] = f, u[10] = T, u[11] = E) : E = u[11];
+	let D;
+	u[12] !== h || u[13] !== y ? (D = h && /* @__PURE__ */ s(a, {
+		fontSize: n.Small,
+		color: y ? t.OnBackgroundSubdued : t.InfoContainer,
+		children: h
+	}), u[12] = h, u[13] = y, u[14] = D) : D = u[14];
+	let O;
+	u[15] !== x || u[16] !== S || u[17] !== C || u[18] !== w || u[19] !== E || u[20] !== D ? (O = /* @__PURE__ */ c(o, {
+		bg: x,
+		opacity: S,
+		px: i.Medium,
+		py: i.Small,
+		borderTopRightRadius: r.Large,
+		borderTopLeftRadius: r.Large,
+		borderBottomRightRadius: C,
+		borderBottomLeftRadius: w,
+		children: [E, D]
+	}), u[15] = x, u[16] = S, u[17] = C, u[18] = w, u[19] = E, u[20] = D, u[21] = O) : O = u[21];
+	let k;
+	u[22] !== p || u[23] !== m || u[24] !== y || u[25] !== v ? (k = v && /* @__PURE__ */ s(o, {
+		ml: i.Small,
+		children: /* @__PURE__ */ s(a, {
+			fontSize: n.XSmall,
+			color: m ? t.Error : t.OnBackgroundSubdued,
+			textAlign: y ? void 0 : "right",
+			children: p || v
+		})
+	}), u[22] = p, u[23] = m, u[24] = y, u[25] = v, u[26] = k) : k = u[26];
+	let A;
+	return u[27] !== g || u[28] !== O || u[29] !== k || u[30] !== b ? (A = /* @__PURE__ */ c(o, {
+		...g,
+		alignSelf: b,
+		children: [O, k]
+	}), u[27] = g, u[28] = O, u[29] = k, u[30] = b, u[31] = A) : A = u[31], A;
 }
-export {
-  Y as Message
-};
+//#endregion
+export { u as Message };

package/dist/components/modal/modal-body-context.js

@@ -1,9 +1,8 @@
-import { createContext as t, useContext as o } from "react";
-const e = t(null);
+import { createContext as e, useContext as t } from "react";
+//#region lib/components/modal/modal-body-context.tsx
+var n = e(null);
 function r() {
-  return o(e);
+	return t(n);
 }
-export {
-  e as ModalBodyContext,
-  r as useModalBodyContext
-};
+//#endregion
+export { n as ModalBodyContext, r as useModalBodyContext };

package/dist/components/modal/modal-body.js

@@ -1,18 +1,18 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as m } from "../../_virtual/compiler-runtime.js";
-import { Dialog as s } from "@chakra-ui/react";
-import { useModalBodyContext as c } from "./modal-body-context.js";
-function u(n) {
-  const o = m.c(7);
-  let t, e;
-  o[0] !== n ? ({
-    children: t,
-    ...e
-  } = n, o[0] = n, o[1] = t, o[2] = e) : (t = o[1], e = o[2]);
-  const i = c()?.setBodyElement;
-  let r;
-  return o[3] !== t || o[4] !== e || o[5] !== i ? (r = /* @__PURE__ */ l(s.Body, { ref: i, ...e, children: t }), o[3] = t, o[4] = e, o[5] = i, o[6] = r) : r = o[6], r;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { useModalBodyContext as t } from "./modal-body-context.js";
+import { Dialog as n } from "@chakra-ui/react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/components/modal/modal-body.tsx
+var i = e();
+function a(e) {
+	let a = (0, i.c)(7), o, s;
+	a[0] === e ? (o = a[1], s = a[2]) : ({children: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
+	let c = t()?.setBodyElement, l;
+	return a[3] !== o || a[4] !== s || a[5] !== c ? (l = /* @__PURE__ */ r(n.Body, {
+		ref: c,
+		...s,
+		children: o
+	}), a[3] = o, a[4] = s, a[5] = c, a[6] = l) : l = a[6], l;
 }
-export {
-  u as ModalBody
-};
+//#endregion
+export { a as ModalBody };

package/dist/components/modal/modal-close-button.js

@@ -1,19 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as a } from "../../_virtual/compiler-runtime.js";
-import { DialogCloseTrigger as s } from "@chakra-ui/react";
-import { ThemeSpaceVariable as m, ThemeIconSizeVariable as l } from "../../theme/theme-types.js";
-import { CloseIcon as n } from "../icon/icons/close-icon.js";
-function M(c) {
-  const e = a.c(2), {
-    isAbsolutePositioned: r
-  } = c;
-  if (r === void 0 ? !1 : r) {
-    let i;
-    return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ t(s, { position: "absolute", zIndex: 1, top: m.Medium, right: m.Medium, children: /* @__PURE__ */ t(n, { size: l.Medium }) }), e[0] = i) : i = e[0], i;
-  }
-  let o;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { size: l.Medium }) }), e[1] = o) : o = e[1], o;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeIconSizeVariable as t, ThemeSpaceVariable as n } from "../../theme/theme-types.js";
+import { CloseIcon as r } from "../icon/icons/close-icon.js";
+import { DialogCloseTrigger as i } from "@chakra-ui/react";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/components/modal/modal-close-button.tsx
+var o = e();
+function s(e) {
+	let s = (0, o.c)(2), { isAbsolutePositioned: c } = e;
+	if (c !== void 0 && c) {
+		let e;
+		return s[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a(i, {
+			position: "absolute",
+			zIndex: 1,
+			top: n.Medium,
+			right: n.Medium,
+			children: /* @__PURE__ */ a(r, { size: t.Medium })
+		}), s[0] = e) : e = s[0], e;
+	}
+	let l;
+	return s[1] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ a(i, { children: /* @__PURE__ */ a(r, { size: t.Medium }) }), s[1] = l) : l = s[1], l;
 }
-export {
-  M as ModalCloseButton
-};
+//#endregion
+export { s as ModalCloseButton };

package/dist/components/modal/modal-footer.js

@@ -1,33 +1,30 @@
-import { jsx as h } from "react/jsx-runtime";
-import { c as x } from "../../_virtual/compiler-runtime.js";
-import { Dialog as b } from "@chakra-ui/react";
-import { useState as g, useEffect as w } from "react";
-import { useModalBodyContext as y } from "./modal-body-context.js";
-function z(l) {
-  const e = x.c(10);
-  let t, o;
-  e[0] !== l ? ({
-    children: t,
-    ...o
-  } = l, e[0] = l, e[1] = t, e[2] = o) : (t = e[1], o = e[2]);
-  const [a, p] = g(!1), r = y()?.bodyElement ?? null;
-  let n, s;
-  e[3] !== r ? (n = () => {
-    if (!r)
-      return;
-    const m = new ResizeObserver((d) => {
-      const f = d[0];
-      if (!f)
-        return;
-      const u = f.target.scrollHeight > f.target.clientHeight;
-      p(u);
-    });
-    return m.observe(r), () => m.disconnect();
-  }, s = [r], e[3] = r, e[4] = n, e[5] = s) : (n = e[4], s = e[5]), w(n, s);
-  const c = a ? "0px 0px 16px rgba(0, 0, 0, 0.24)" : "none";
-  let i;
-  return e[6] !== c || e[7] !== t || e[8] !== o ? (i = /* @__PURE__ */ h(b.Footer, { boxShadow: c, ...o, children: t }), e[6] = c, e[7] = t, e[8] = o, e[9] = i) : i = e[9], i;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { useModalBodyContext as t } from "./modal-body-context.js";
+import { useEffect as n, useState as r } from "react";
+import { Dialog as i } from "@chakra-ui/react";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/components/modal/modal-footer.tsx
+var o = e();
+function s(e) {
+	let s = (0, o.c)(10), c, l;
+	s[0] === e ? (c = s[1], l = s[2]) : ({children: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
+	let [u, d] = r(!1), f = t()?.bodyElement ?? null, p, m;
+	s[3] === f ? (p = s[4], m = s[5]) : (p = () => {
+		if (!f) return;
+		let e = new ResizeObserver((e) => {
+			let t = e[0];
+			if (!t) return;
+			let n = t.target.scrollHeight > t.target.clientHeight;
+			d(n);
+		});
+		return e.observe(f), () => e.disconnect();
+	}, m = [f], s[3] = f, s[4] = p, s[5] = m), n(p, m);
+	let h = u ? "0px 0px 16px rgba(0, 0, 0, 0.24)" : "none", g;
+	return s[6] !== h || s[7] !== c || s[8] !== l ? (g = /* @__PURE__ */ a(i.Footer, {
+		boxShadow: h,
+		...l,
+		children: c
+	}), s[6] = h, s[7] = c, s[8] = l, s[9] = g) : g = s[9], g;
 }
-export {
-  z as ModalFooter
-};
+//#endregion
+export { s as ModalFooter };

package/dist/components/modal/modal-header.js

@@ -1,18 +1,18 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as m } from "../../_virtual/compiler-runtime.js";
-import { Dialog as d } from "@chakra-ui/react";
-function u(s) {
-  const o = m.c(9);
-  let t, e, i;
-  o[0] !== s ? ({
-    children: t,
-    sticky: i,
-    ...e
-  } = s, o[0] = s, o[1] = t, o[2] = e, o[3] = i) : (t = o[1], e = o[2], i = o[3]);
-  const n = i === void 0 ? !1 : i, c = n ? "sticky" : void 0, l = n ? 0 : void 0;
-  let r;
-  return o[4] !== t || o[5] !== e || o[6] !== c || o[7] !== l ? (r = /* @__PURE__ */ p(d.Header, { position: c, top: l, ...e, children: t }), o[4] = t, o[5] = e, o[6] = c, o[7] = l, o[8] = r) : r = o[8], r;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { Dialog as t } from "@chakra-ui/react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/modal/modal-header.tsx
+var r = e();
+function i(e) {
+	let i = (0, r.c)(9), a, o, s;
+	i[0] === e ? (a = i[1], o = i[2], s = i[3]) : ({children: a, sticky: s, ...o} = e, i[0] = e, i[1] = a, i[2] = o, i[3] = s);
+	let c = s !== void 0 && s, l = c ? "sticky" : void 0, u = c ? 0 : void 0, d;
+	return i[4] !== a || i[5] !== o || i[6] !== l || i[7] !== u ? (d = /* @__PURE__ */ n(t.Header, {
+		position: l,
+		top: u,
+		...o,
+		children: a
+	}), i[4] = a, i[5] = o, i[6] = l, i[7] = u, i[8] = d) : d = i[8], d;
 }
-export {
-  u as ModalHeader
-};
+//#endregion
+export { i as ModalHeader };

package/dist/components/modal/modal-recipe.js

@@ -1,142 +1,111 @@
-import { buttonRecipe as o } from "../button/button-recipe.js";
-import { ThemeColorToken as e, ThemeRadiusToken as n, ThemeFontToken as a, ThemeFontSizeToken as t } from "../../theme/theme-tokens.js";
-import { defineSlotRecipe as i } from "@chakra-ui/react";
-import { dialogAnatomy as r } from "@chakra-ui/react/anatomy";
-const x = i({
-  className: "modal",
-  slots: r.keys(),
-  base: {
-    backdrop: {
-      // Non white label-overridable color based on black, always
-      bg: "rgba(0, 0, 0, 0.32)"
-    },
-    header: {
-      display: "block",
-      bg: e.Surface,
-      position: "relative",
-      fontSize: t.XLarge,
-      fontFamily: a.SubHeader,
-      color: e.OnSurfaceHeader,
-      fontWeight: "medium",
-      borderTopRadius: n.Large,
-      minHeight: "72px",
-      px: 0,
-      py: 0
-    },
-    body: {
-      borderTopRadius: n.Large,
-      fontFamily: a.Body,
-      px: 0,
-      paddingTop: 0,
-      paddingBottom: 0
-    },
-    content: {
-      maxW: "384px",
-      my: "48px",
-      borderRadius: n.Large,
-      bg: e.Surface,
-      color: e.OnSurface
-    },
-    positioner: {
-      height: "100dvh"
-    },
-    footer: {
-      borderBottomRadius: n.Large,
-      bg: e.Surface,
-      gap: "unset",
-      paddingTop: 0,
-      paddingBottom: 0,
-      px: 0
-    },
-    closeTrigger: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      width: "40px",
-      minW: "40px",
-      maxW: "40px",
-      height: "40px",
-      minH: "40px",
-      maxH: "40px",
-      position: "relative",
-      zIndex: "0",
-      right: "unset",
-      top: "unset",
-      alignSelf: "flex-start",
-      ...o.base,
-      ...o.variants?.variant?.secondary
-    }
-  },
-  variants: {
-    variant: {
-      /** Custom variant appearing as a mobile app "bottom sheet",
-       * filling 100% of view width and max 100% - 88px view height. */
-      bottomSheet: {
-        content: {
-          maxW: "100vw",
-          maxHeight: "calc(100dvh - 88px)",
-          borderBottomRadius: 0,
-          margin: 0
-        },
-        footer: {
-          borderBottomRadius: 0
-        },
-        positioner: {
-          alignItems: "flex-end"
-        }
-      }
-    },
-    size: {
-      sm: {
-        content: {
-          maxW: "384px"
-        }
-      },
-      md: {
-        content: {
-          maxW: "560px",
-          marginInline: "48px",
-          marginInlineStart: "48px",
-          marginInlineEnd: "48px"
-        }
-      },
-      lg: {
-        content: {
-          maxW: "960px",
-          marginInline: "80px",
-          marginInlineStart: "80px",
-          marginInlineEnd: "80px"
-        }
-      },
-      xl: {
-        content: {
-          maxW: "100%",
-          marginInline: "80px",
-          marginInlineStart: "80px",
-          marginInlineEnd: "80px"
-        }
-      },
-      full: {
-        content: {
-          borderRadius: 0
-        },
-        body: {
-          borderRadius: 0
-        },
-        header: {
-          borderRadius: 0
-        },
-        footer: {
-          borderRadius: 0
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    variant: void 0,
-    size: "sm"
-  }
+import { ThemeColorToken as e, ThemeFontSizeToken as t, ThemeFontToken as n, ThemeRadiusToken as r } from "../../theme/theme-tokens.js";
+import { buttonRecipe as i } from "../button/button-recipe.js";
+import { defineSlotRecipe as a } from "@chakra-ui/react";
+import { dialogAnatomy as o } from "@chakra-ui/react/anatomy";
+//#region lib/components/modal/modal-recipe.ts
+var s = a({
+	className: "modal",
+	slots: o.keys(),
+	base: {
+		backdrop: { bg: "rgba(0, 0, 0, 0.32)" },
+		header: {
+			display: "block",
+			bg: e.Surface,
+			position: "relative",
+			fontSize: t.XLarge,
+			fontFamily: n.SubHeader,
+			color: e.OnSurfaceHeader,
+			fontWeight: "medium",
+			borderTopRadius: r.Large,
+			minHeight: "72px",
+			px: 0,
+			py: 0
+		},
+		body: {
+			borderTopRadius: r.Large,
+			fontFamily: n.Body,
+			px: 0,
+			paddingTop: 0,
+			paddingBottom: 0
+		},
+		content: {
+			maxW: "384px",
+			my: "48px",
+			borderRadius: r.Large,
+			bg: e.Surface,
+			color: e.OnSurface
+		},
+		positioner: { height: "100dvh" },
+		footer: {
+			borderBottomRadius: r.Large,
+			bg: e.Surface,
+			gap: "unset",
+			paddingTop: 0,
+			paddingBottom: 0,
+			px: 0
+		},
+		closeTrigger: {
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center",
+			width: "40px",
+			minW: "40px",
+			maxW: "40px",
+			height: "40px",
+			minH: "40px",
+			maxH: "40px",
+			position: "relative",
+			zIndex: "0",
+			right: "unset",
+			top: "unset",
+			alignSelf: "flex-start",
+			...i.base,
+			...i.variants?.variant?.secondary
+		}
+	},
+	variants: {
+		variant: { bottomSheet: {
+			content: {
+				maxW: "100vw",
+				maxHeight: "calc(100dvh - 88px)",
+				borderBottomRadius: 0,
+				margin: 0
+			},
+			footer: { borderBottomRadius: 0 },
+			positioner: { alignItems: "flex-end" }
+		} },
+		size: {
+			sm: { content: { maxW: "384px" } },
+			md: { content: {
+				maxW: "560px",
+				marginInline: "48px",
+				marginInlineStart: "48px",
+				marginInlineEnd: "48px"
+			} },
+			lg: { content: {
+				maxW: "960px",
+				marginInline: "80px",
+				marginInlineStart: "80px",
+				marginInlineEnd: "80px"
+			} },
+			xl: { content: {
+				maxW: "100%",
+				marginInline: "80px",
+				marginInlineStart: "80px",
+				marginInlineEnd: "80px"
+			} },
+			full: {
+				content: { borderRadius: 0 },
+				body: { borderRadius: 0 },
+				header: { borderRadius: 0 },
+				footer: { borderRadius: 0 }
+			}
+		}
+	},
+	defaultVariants: {
+		variant: void 0,
+		size: "sm"
+	}
 });
-export {
-  x as modalRecipe
-};
+//#endregion
+export { s as modalRecipe };