welcome-ui 7.4.0 → 8.0.0-alpha.0

package/dist/Accordion.mjs

@@ -1,14 +1,13 @@
 "use client";
 import t, { cloneElement as m } from "react";
-import r, { th as o, system as u } from "@xstyled/styled-components";
-import { D as p } from "./P4IRICAX-DzXqUYe-.mjs";
-import { d as f, e as g } from "./VGCJ63VH-B39w1tBw.mjs";
+import r, { th as o } from "@xstyled/styled-components";
+import { D as u } from "./P4IRICAX-DzXqUYe-.mjs";
+import { d as p, e as f } from "./VGCJ63VH-B39w1tBw.mjs";
 import "./Icon.mjs";
-import { R as h } from "./index-BRDOakbf.mjs";
-import { forwardRef as $ } from "./System.mjs";
-const w = r.div`
+import { R as g } from "./index-BRDOakbf.mjs";
+import { forwardRef as h } from "./System.mjs";
+const $ = r.divBox`
   ${o("accordions.wrapper")};
-  ${u};
   transition: medium;
 
   &:hover {
@@ -28,7 +27,7 @@ const w = r.div`
   & *:first-child {
     margin: auto;
   }
-`, E = r(p)`
+`, w = r(u)`
   ${o("accordions.title")};
   width: 100%;
   padding: ${o("accordions.padding")};
@@ -59,7 +58,7 @@ const w = r.div`
       color: inherit;
     }
   }
-`, v = r(f)`
+`, E = r(p)`
   display: grid;
   grid-template-rows: 0fr;
   transition-property: grid-template-rows;
@@ -75,18 +74,18 @@ const w = r.div`
   &[data-enter] {
     grid-template-rows: 1fr;
   }
-`, y = r.div`
+`, v = r.div`
   ${o("accordions.content")};
   padding: ${o("accordions.padding")};
   padding-top: 0;
   color: neutral-70;
-`, A = $(
-  ({ children: i, dataTestId: e, icon: c = /* @__PURE__ */ t.createElement(h, null), store: a, title: d, ...s }, l) => /* @__PURE__ */ t.createElement(w, { "data-testid": e, ref: l, ...s }, /* @__PURE__ */ t.createElement(E, { "data-testid": e ? `${e}-title` : void 0, store: a }, d, /* @__PURE__ */ t.createElement(n, null, m(c, { size: "sm" }))), /* @__PURE__ */ t.createElement(v, { "data-testid": e ? `${e}-content` : void 0, store: a }, /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(y, null, i))))
+`, A = h(
+  ({ children: i, dataTestId: e, icon: c = /* @__PURE__ */ t.createElement(g, null), store: a, title: d, ...s }, l) => /* @__PURE__ */ t.createElement($, { "data-testid": e, ref: l, ...s }, /* @__PURE__ */ t.createElement(w, { "data-testid": e ? `${e}-title` : void 0, store: a }, d, /* @__PURE__ */ t.createElement(n, null, m(c, { size: "sm" }))), /* @__PURE__ */ t.createElement(E, { "data-testid": e ? `${e}-content` : void 0, store: a }, /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(v, null, i))))
 );
-function j(i) {
-  return g({ animated: !0, ...i });
+function B(i) {
+  return f({ animated: !0, ...i });
 }
 export {
   A as Accordion,
-  j as useAccordion
+  B as useAccordion
 };

package/dist/Alert.mjs

@@ -1,10 +1,10 @@
 "use client";
-import a, { Children as B, cloneElement as m } from "react";
-import f, { css as c, th as o, system as w } from "@xstyled/styled-components";
+import s, { Children as B, cloneElement as m } from "react";
+import f, { css as c, th as o, system as _ } from "@xstyled/styled-components";
 import { Text as D } from "./Text.mjs";
 import { VariantIcon as O } from "./VariantIcon.mjs";
 import { CloseButton as h } from "./CloseButton.mjs";
-import { Button as A } from "./Button.mjs";
+import { Button as w } from "./Button.mjs";
 import { forwardRef as $ } from "./System.mjs";
 import { Box as E } from "./Box.mjs";
 const d = f.divBox`
@@ -14,19 +14,18 @@ const d = f.divBox`
   justify-content: space-between;
   align-items: flex-start;
   flex: 1;
-`, b = f(O)`
+`, A = f(O)`
   position: absolute;
   align-self: flex-start;
-`, q = f.divBox(({ icon: n, isFullWidth: r, size: e, variant: s }) => c`
+`, q = f.divBox(({ icon: n, isFullWidth: r, size: e, variant: l }) => c`
     position: relative;
     display: flex;
     align-items: flex-start;
     width: 100%;
     max-width: ${r ? "100%" : "max-content"};
     ${o("alerts.default")};
-    ${o(`alerts.${s}`)};
+    ${o(`alerts.${l}`)};
     ${o(`alerts.sizes.${e}`)};
-    ${w};
 
     ${n !== null && e === "sm" && c`
       ${d} {
@@ -41,7 +40,7 @@ const d = f.divBox`
         font-size: ${o("fontSizes.md")};
       }
 
-      ${b} {
+      ${A} {
         margin-top: -3;
       }
     `}
@@ -49,32 +48,32 @@ const d = f.divBox`
     font-weight: medium;
     ${o("alerts.title.default")};
     ${o(`alerts.title.sizes.${n}`)};
-    ${w};
-  `), S = ({ children: n, dataTestId: r, variant: e }) => /* @__PURE__ */ a.createElement(F, { "data-testid": r, variant: e }, n), G = $(
+    ${_};
+  `), b = ({ children: n, dataTestId: r, variant: e }) => /* @__PURE__ */ s.createElement(F, { "data-testid": r, variant: e }, n), G = $(
   ({
     children: n,
     cta: r,
     dataTestId: e,
-    handleClose: s,
-    icon: u,
-    isFullWidth: _,
-    size: l = "sm",
+    handleClose: l,
+    icon: p,
+    isFullWidth: I,
+    size: a = "sm",
     variant: i = "default",
     ...k
   }, v) => {
-    const T = e ? `${e}-close-button` : void 0, V = i === "beige" ? "default" : i, p = i === "ai", j = B.toArray(n).map((t) => t.type === S ? m(t, { variant: l }) : t), x = (t) => {
+    const T = e ? `${e}-close-button` : void 0, V = i === "beige" ? "default" : i, u = i === "ai", j = B.toArray(n).map((t) => t.type === b ? m(t, { variant: a }) : t), x = (t) => {
       var y;
       if (t) {
-        if (t.type === C)
+        if (t.type === S)
           return m(t, {
-            size: l,
-            ai: p,
-            variant: p ? "primary" : void 0
+            size: a,
+            ai: u,
+            variant: u ? "primary" : void 0
           });
-        if (t.type === I)
+        if (t.type === C)
           return m(t, {
-            size: l,
-            ai: p
+            size: a,
+            ai: u
           });
         if ((y = t.props) != null && y.children)
           return m(t, {
@@ -86,41 +85,41 @@ const d = f.divBox`
           });
       }
       return t;
-    }, g = a.isValidElement(r) ? x(r) : r;
-    return /* @__PURE__ */ a.createElement(
+    }, g = s.isValidElement(r) ? x(r) : r;
+    return /* @__PURE__ */ s.createElement(
       q,
       {
         "data-testid": e,
-        icon: u,
-        isFullWidth: _,
+        icon: p,
+        isFullWidth: I,
         ref: v,
-        size: l,
+        size: a,
         variant: i,
         ...k
       },
-      !!s && /* @__PURE__ */ a.createElement(
+      !!l && /* @__PURE__ */ s.createElement(
         h,
         {
           dataTestId: T,
-          onClick: s,
+          onClick: l,
           position: "absolute",
           right: "sm",
           size: "xs",
           top: "sm"
         }
       ),
-      u !== null && /* @__PURE__ */ a.createElement(b, { icon: u, size: l, variant: V }),
-      /* @__PURE__ */ a.createElement(d, null, /* @__PURE__ */ a.createElement(E, { flex: 1 }, j), !!g && /* @__PURE__ */ a.createElement(E, { alignItems: "center", display: "flex", gap: "sm" }, g))
+      p !== null && /* @__PURE__ */ s.createElement(A, { icon: p, size: a, variant: V }),
+      /* @__PURE__ */ s.createElement(d, null, /* @__PURE__ */ s.createElement(E, { flex: 1 }, j), !!g && /* @__PURE__ */ s.createElement(E, { alignItems: "center", display: "flex", gap: "sm" }, g))
     );
   }
+), S = $(
+  ({ variant: n = "secondary", ...r }, e) => /* @__PURE__ */ s.createElement(w, { flexShrink: 0, ref: e, w: "fit-content", ...r, variant: n })
 ), C = $(
-  ({ variant: n = "secondary", ...r }, e) => /* @__PURE__ */ a.createElement(A, { flexShrink: 0, ref: e, w: "fit-content", ...r, variant: n })
-), I = $(
-  ({ variant: n = "tertiary", ...r }, e) => /* @__PURE__ */ a.createElement(A, { flexShrink: 0, ref: e, w: "fit-content", ...r, variant: n })
+  ({ variant: n = "tertiary", ...r }, e) => /* @__PURE__ */ s.createElement(w, { flexShrink: 0, ref: e, w: "fit-content", ...r, variant: n })
 ), U = Object.assign(G, {
-  Title: S,
-  Button: C,
-  SecondaryButton: I
+  Title: b,
+  Button: S,
+  SecondaryButton: C
 });
 export {
   U as Alert

package/dist/AspectRatio.mjs

@@ -1,8 +1,8 @@
 "use client";
 import i from "react";
 import r, { css as s } from "@xstyled/styled-components";
-import { forwardRef as a } from "./System.mjs";
-const c = r.divBox(
+import { forwardRef as c } from "./System.mjs";
+const n = r.divBox(
   ({ ratio: t }) => s`
     position: relative;
 
@@ -32,10 +32,10 @@ const c = r.divBox(
       padding-bottom: ${1 / t * 100}%;
     }
   `
-), n = a(
-  ({ ratio: t = 4 / 3, ...e }, o) => /* @__PURE__ */ i.createElement(c, { ratio: t, ref: o, ...e })
+), a = c(
+  ({ ratio: t = 4 / 3, ...e }, o) => /* @__PURE__ */ i.createElement(n, { ratio: t, ref: o, ...e })
 );
-n.displayName = "AspectRatio";
+a.displayName = "AspectRatio";
 export {
-  n as AspectRatio
+  a as AspectRatio
 };

package/dist/Avatar.mjs

@@ -17,7 +17,7 @@ const S = m(C)`
   flex-shrink: 0;
 `, T = m($)`
   ${v("avatars.text")};
-`, _ = x(
+`, k = x(
   b(
     ({
       color: o,
@@ -50,7 +50,7 @@ const S = m(C)`
     }
   )
 );
-_.displayName = "Avatar";
+k.displayName = "Avatar";
 export {
-  _ as Avatar
+  k as Avatar
 };

package/dist/Badge.mjs

@@ -1,8 +1,8 @@
 "use client";
 import $ from "react";
-import u, { css as g, th as t, system as b } from "@xstyled/styled-components";
-import { forwardRef as c } from "./System.mjs";
-const p = u.div(
+import b, { css as g, th as t } from "@xstyled/styled-components";
+import { forwardRef as u } from "./System.mjs";
+const c = b.divBox(
   ({ disabled: e, length: i, size: s, variant: a }) => g`
     ${t("badges.default")};
     ${t(`badges.variants.${a}`)};
@@ -10,7 +10,6 @@ const p = u.div(
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    ${b};
 
     ${e && g`
       ${t(`badges.disabled.${a}`)};
@@ -20,34 +19,34 @@ const p = u.div(
       width: ${t(`badges.sizes.${s}.height`)};
     `}
   `
-), y = c(
+), p = u(
   ({
     children: e,
     dataTestId: i,
     disabled: s,
     size: a = "md",
     variant: n = "default",
-    withNumberAbbreviation: l,
-    ...o
-  }, r) => {
+    withNumberAbbreviation: o,
+    ...r
+  }, l) => {
     let d;
     const f = Number.isInteger(e), m = e.toString().length;
-    return f && l && e > 99 ? d = "99+" : d = e, /* @__PURE__ */ $.createElement(
-      p,
+    return f && o && e > 99 ? d = "99+" : d = e, /* @__PURE__ */ $.createElement(
+      c,
       {
         "data-testid": i,
         disabled: s,
         length: m,
-        ref: r,
+        ref: l,
         size: a,
         variant: n,
-        ...o
+        ...r
       },
       d
     );
   }
 );
-y.displayName = "Badge";
+p.displayName = "Badge";
 export {
-  y as Badge
+  p as Badge
 };

package/dist/Breadcrumb.mjs

@@ -1,5 +1,5 @@
 "use client";
-import g, { useRef as $, useState as X, Children as ge, cloneElement as me, useCallback as q, useMemo as xe, useEffect as J } from "react";
+import g, { useRef as _, useState as X, Children as ge, cloneElement as me, useCallback as q, useMemo as xe, useEffect as J } from "react";
 import { t as Ee } from "./throttle-BDBzFeFj.mjs";
 import R, { th as z, css as ne } from "@xstyled/styled-components";
 import { forwardRef as ie } from "./System.mjs";
@@ -86,7 +86,7 @@ var E = function(e) {
     return M.get(e);
   if (se(e))
     return M.set(e, Q), Q;
-  var r = getComputedStyle(e), n = G(e) && e.ownerSVGElement && e.getBBox(), i = !ke && r.boxSizing === "border-box", s = Ce.test(r.writingMode || ""), o = !n && K.test(r.overflowY || ""), l = !n && K.test(r.overflowX || ""), d = n ? 0 : f(r.paddingTop), c = n ? 0 : f(r.paddingRight), y = n ? 0 : f(r.paddingBottom), v = n ? 0 : f(r.paddingLeft), _ = n ? 0 : f(r.borderTopWidth), D = n ? 0 : f(r.borderRightWidth), I = n ? 0 : f(r.borderBottomWidth), W = n ? 0 : f(r.borderLeftWidth), B = v + c, m = d + y, T = W + D, S = _ + I, a = l ? e.offsetHeight - S - e.clientHeight : 0, u = o ? e.offsetWidth - T - e.clientWidth : 0, h = i ? B + T : 0, p = i ? m + S : 0, b = n ? n.width : f(r.width) - h - u, w = n ? n.height : f(r.height) - p - a, pe = b + B + u + T, be = w + m + a + S, V = E({
+  var r = getComputedStyle(e), n = G(e) && e.ownerSVGElement && e.getBBox(), i = !ke && r.boxSizing === "border-box", s = Ce.test(r.writingMode || ""), o = !n && K.test(r.overflowY || ""), l = !n && K.test(r.overflowX || ""), d = n ? 0 : f(r.paddingTop), c = n ? 0 : f(r.paddingRight), y = n ? 0 : f(r.paddingBottom), v = n ? 0 : f(r.paddingLeft), W = n ? 0 : f(r.borderTopWidth), D = n ? 0 : f(r.borderRightWidth), I = n ? 0 : f(r.borderBottomWidth), $ = n ? 0 : f(r.borderLeftWidth), B = v + c, m = d + y, T = $ + D, S = W + I, a = l ? e.offsetHeight - S - e.clientHeight : 0, u = o ? e.offsetWidth - T - e.clientWidth : 0, h = i ? B + T : 0, p = i ? m + S : 0, b = n ? n.width : f(r.width) - h - u, w = n ? n.height : f(r.height) - p - a, pe = b + B + u + T, be = w + m + a + S, V = E({
     devicePixelContentBoxSize: O(Math.round(b * devicePixelRatio), Math.round(w * devicePixelRatio), s),
     borderBoxSize: O(pe, be, s),
     contentBoxSize: O(b, w, s),
@@ -162,9 +162,9 @@ var E = function(e) {
   Le(function() {
     requestAnimationFrame(e);
   });
-}, N = 0, _e = function() {
+}, N = 0, We = function() {
   return !!N;
-}, We = 250, $e = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, j = [
+}, $e = 250, _e = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, j = [
   "resize",
   "load",
   "transitionend",
@@ -190,7 +190,7 @@ var E = function(e) {
   }
   return e.prototype.run = function(t) {
     var r = this;
-    if (t === void 0 && (t = We), !F) {
+    if (t === void 0 && (t = $e), !F) {
       F = !0;
       var n = ee(t);
       Ne(function() {
@@ -198,7 +198,7 @@ var E = function(e) {
         try {
           i = Me();
         } finally {
-          if (F = !1, t = n - ee(), !_e())
+          if (F = !1, t = n - ee(), !We())
             return;
           i ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
         }
@@ -208,7 +208,7 @@ var E = function(e) {
     this.stop(), this.run();
   }, e.prototype.observe = function() {
     var t = this, r = function() {
-      return t.observer && t.observer.observe(document.body, $e);
+      return t.observer && t.observer.observe(document.body, _e);
     };
     document.body ? r() : C.addEventListener("DOMContentLoaded", r);
   }, e.prototype.start = function() {
@@ -385,7 +385,7 @@ const Xe = (e, t, r) => Math.min(Math.max(e, t), r), qe = R.aBox`
     separator: n = /* @__PURE__ */ g.createElement(Oe, { size: "xs" }),
     ...i
   }, s) => {
-    const o = $(null), l = $(), d = $(), [c, y] = X(!1), [v, _] = X(0), D = ge.toArray(e).filter(Boolean), I = D.length, W = D.map((a, u) => {
+    const o = _(null), l = _(), d = _(), [c, y] = X(!1), [v, W] = X(0), D = ge.toArray(e).filter(Boolean), I = D.length, $ = D.map((a, u) => {
       const h = I === 1 || I === u + 1, p = h && r;
       return me(a, {
         // eslint-disable-next-line react/no-array-index-key
@@ -417,7 +417,7 @@ const Xe = (e, t, r) => Math.min(Math.max(e, t), r), qe = R.aBox`
               target: { offsetWidth: u, scrollLeft: h, scrollWidth: p }
             }
           ] = a, b = p - u;
-          v || _(h === 0 ? 0 : b), y(b > 0);
+          v || W(h === 0 ? 0 : b), y(b > 0);
         },
         300,
         !1
@@ -429,7 +429,7 @@ const Xe = (e, t, r) => Math.min(Math.max(e, t), r), qe = R.aBox`
       return a.observe(o.current), () => a.disconnect();
     }, []), J(() => {
       l.current && d.current && m(0);
-    }, [c, m]), /* @__PURE__ */ g.createElement(Ye, { as: "nav", ref: s, ...i }, c && /* @__PURE__ */ g.createElement(de, { gradientBackground: t, ref: l }), /* @__PURE__ */ g.createElement(Ke, { dir: "rtl", onScroll: T, ref: o }, W.reverse()), c && /* @__PURE__ */ g.createElement(ve, { gradientBackground: t, ref: d }));
+    }, [c, m]), /* @__PURE__ */ g.createElement(Ye, { as: "nav", ref: s, ...i }, c && /* @__PURE__ */ g.createElement(de, { gradientBackground: t, ref: l }), /* @__PURE__ */ g.createElement(Ke, { dir: "rtl", onScroll: T, ref: o }, $.reverse()), c && /* @__PURE__ */ g.createElement(ve, { gradientBackground: t, ref: d }));
   }
 );
 he.displayName = "Breadcrumb";

package/dist/Button.mjs

@@ -97,7 +97,7 @@ const E = (i, s = "square") => e`
       cursor: not-allowed;
     }
   `
-), _ = x(
+), R = x(
   ({
     ai: i,
     children: s,
@@ -107,8 +107,8 @@ const E = (i, s = "square") => e`
     isLoading: o,
     size: a = "md",
     variant: m = "primary",
-    ...f
-  }, b) => {
+    ...b
+  }, f) => {
     const l = n || o;
     return /* @__PURE__ */ r.createElement(
       d,
@@ -118,10 +118,10 @@ const E = (i, s = "square") => e`
         "data-loading": o,
         "data-testid": $,
         disabled: l,
-        ref: b,
+        ref: f,
         size: a,
         variant: l ? "disabled" : m,
-        ...f
+        ...b
       },
       o && /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
         c,
@@ -142,9 +142,9 @@ const E = (i, s = "square") => e`
     );
   }
 );
-_.displayName = "Button";
+R.displayName = "Button";
 const q = d;
 export {
-  _ as Button,
+  R as Button,
   q as StyledButton
 };

package/dist/ButtonGroup.mjs

@@ -1,8 +1,8 @@
 "use client";
 import d, { Children as p, cloneElement as u } from "react";
-import f, { system as m } from "@xstyled/styled-components";
-import { forwardRef as b } from "./System.mjs";
-const c = f.div`
+import f from "@xstyled/styled-components";
+import { forwardRef as m } from "./System.mjs";
+const b = f.divBox`
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
@@ -31,21 +31,19 @@ const c = f.div`
       }
     }
   }
-
-  ${m};
-`, y = b(
-  ({ children: t, dataTestId: o, disabled: e, size: i, variant: a }, s) => {
-    function l(n) {
-      return p.toArray(n).filter(Boolean).map((r) => u(r, {
+`, x = m(
+  ({ children: t, dataTestId: o, disabled: e, size: i, variant: a }, n) => {
+    function l(s) {
+      return p.toArray(s).filter(Boolean).map((r) => u(r, {
         ...r.props,
         disabled: e || r.props.disabled,
         size: i || r.props.size,
         variant: a || r.props.variant
       }));
     }
-    return /* @__PURE__ */ d.createElement(c, { "data-testid": o, ref: s }, l(t));
+    return /* @__PURE__ */ d.createElement(b, { "data-testid": o, ref: n }, l(t));
   }
 );
 export {
-  y as ButtonGroup
+  x as ButtonGroup
 };

package/dist/Card.mjs

@@ -1,29 +1,23 @@
 "use client";
 import r from "react";
-import t, { th as n, system as d } from "@xstyled/styled-components";
+import t, { th as d } from "@xstyled/styled-components";
 import { Shape as c } from "./Shape.mjs";
-import { forwardRef as s } from "./System.mjs";
+import { forwardRef as a } from "./System.mjs";
 const i = t(c)`
-  ${n("cards.cover")};
-
-  ${d};
-`, m = ({ src: e, ...o }) => /* @__PURE__ */ r.createElement(i, { ...o }, /* @__PURE__ */ r.createElement("img", { src: e })), f = t.divBox`
+  ${d("cards.cover")};
+`, s = ({ src: e, ...o }) => /* @__PURE__ */ r.createElement(i, { ...o }, /* @__PURE__ */ r.createElement("img", { src: e })), m = t.divBox`
   overflow: 'hidden';
   border-radius: md;
-  ${n("cards.default")};
+  ${d("cards.default")};
   background-size: cover;
   background-position: center;
-
-  ${d};
-`, l = t.divBox`
+`, f = t.divBox`
   padding: lg;
-
-  ${d};
-`, p = s(({ children: e, ...o }, a) => /* @__PURE__ */ r.createElement(f, { ref: a, ...o }, e)), C = Object.assign(p, {
-  Body: l,
-  Cover: m
+`, l = a(({ children: e, ...o }, n) => /* @__PURE__ */ r.createElement(m, { ref: n, ...o }, e)), C = Object.assign(l, {
+  Body: f,
+  Cover: s
 });
 export {
   C as Card,
-  p as CardComponent
+  l as CardComponent
 };

package/dist/Checkbox.mjs

@@ -1,5 +1,5 @@
 import "react";
-import { a as t } from "./index-BSdL4wPb.mjs";
+import { a as t } from "./index-BDeIsk2X.mjs";
 import "./System.mjs";
 export {
   t as Checkbox

package/dist/ClearButton.mjs

@@ -18,10 +18,10 @@ const p = i`
   pointer-events: auto;
   animation: ${m("transitions.medium")};
   animation-name: ${u};
-`, $ = f(
+`, h = f(
   ({ size: o = "xs", ...r }, a) => /* @__PURE__ */ t.createElement(e, { ref: a, shape: "circle", size: o, title: "Clear", variant: "ghost", ...r }, /* @__PURE__ */ t.createElement(l, { size: "xxs" }))
-), h = e;
+), R = e;
 export {
-  $ as ClearButton,
-  h as StyledClearButton
+  h as ClearButton,
+  R as StyledClearButton
 };

package/dist/CloseButton.mjs

@@ -5,12 +5,12 @@ import { Button as m } from "./Button.mjs";
 import "./Icon.mjs";
 import { C as i } from "./index-C7zM96J_.mjs";
 import { forwardRef as l } from "./System.mjs";
-const a = s(m)`
+const c = s(m)`
   & > svg:only-child {
     width: ${e("space.md")};
     height: ${e("space.md")};
   }
-`, u = l((o, r) => /* @__PURE__ */ t.createElement(a, { ref: r, shape: "circle", size: "sm", title: "Close", variant: "ghost", ...o }, /* @__PURE__ */ t.createElement(i, { size: "lg" })));
+`, u = l((o, r) => /* @__PURE__ */ t.createElement(c, { ref: r, shape: "circle", size: "sm", title: "Close", variant: "ghost", ...o }, /* @__PURE__ */ t.createElement(i, { size: "lg" })));
 export {
   u as CloseButton
 };