welcome-ui 9.0.8 → 9.0.10

package/dist/Breadcrumb.js

@@ -1,19 +1,20 @@
 "use client";
 import { jsxs as te, jsx as R } from "react/jsx-runtime";
-import { forwardRef as re, Children as pe, cloneElement as be, useRef as M, useState as V, useCallback as X, useMemo as ge, useEffect as q } from "react";
+import { forwardRef as he, Children as pe, cloneElement as be, useRef as A, useState as V, useCallback as X, useMemo as ge, useEffect as q } from "react";
 import "./Icon-BisRi8B3.js";
 import { R as me } from "./index-Dcq5gh3E.js";
-import { c as ne } from "./index-PAaZGbyz.js";
+import { c as re } from "./index-PAaZGbyz.js";
 import { t as xe } from "./throttle-BDBzFeFj.js";
-var b = [], ze = function() {
+import { f as ze } from "./forwardRefWithAs-8eP3ZN15.js";
+var b = [], Re = function() {
   return b.some(function(e) {
     return e.activeTargets.length > 0;
   });
-}, Re = function() {
+}, we = function() {
   return b.some(function(e) {
     return e.skippedTargets.length > 0;
   });
-}, $ = "ResizeObserver loop completed with undelivered notifications.", we = function() {
+}, $ = "ResizeObserver loop completed with undelivered notifications.", Oe = function() {
   var e;
   typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
     message: $
@@ -24,24 +25,24 @@ var b = [], ze = function() {
 })(y || (y = {}));
 var g = function(e) {
   return Object.freeze(e);
-}, Oe = /* @__PURE__ */ function() {
+}, Ee = /* @__PURE__ */ function() {
   function e(t, r) {
     this.inlineSize = t, this.blockSize = r, g(this);
   }
   return e;
-}(), ie = function() {
+}(), ne = function() {
   function e(t, r, n, i) {
     return this.x = t, this.y = r, this.width = n, this.height = i, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, g(this);
   }
   return e.prototype.toJSON = function() {
-    var t = this, r = t.x, n = t.y, i = t.top, o = t.right, s = t.bottom, l = t.left, c = t.width, v = t.height;
-    return { x: r, y: n, top: i, right: o, bottom: s, left: l, width: c, height: v };
+    var t = this, r = t.x, n = t.y, i = t.top, o = t.right, s = t.bottom, c = t.left, v = t.width, u = t.height;
+    return { x: r, y: n, top: i, right: o, bottom: s, left: c, width: v, height: u };
   }, e.fromRect = function(t) {
     return new e(t.x, t.y, t.width, t.height);
   }, e;
 }(), P = function(e) {
   return e instanceof SVGElement && "getBBox" in e;
-}, oe = function(e) {
+}, ie = function(e) {
   if (P(e)) {
     var t = e.getBBox(), r = t.width, n = t.height;
     return !r && !n;
@@ -54,7 +55,7 @@ var g = function(e) {
     return !0;
   var r = (t = e == null ? void 0 : e.ownerDocument) === null || t === void 0 ? void 0 : t.defaultView;
   return !!(r && e instanceof r.Element);
-}, Ee = function(e) {
+}, ye = function(e) {
   switch (e.tagName) {
     case "INPUT":
       if (e.type !== "image")
@@ -69,29 +70,29 @@ var g = function(e) {
       return !0;
   }
   return !1;
-}, E = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), U = /auto|scroll/, ye = /^tb|vertical/, Te = /msie|trident/i.test(E.navigator && E.navigator.userAgent), d = function(e) {
+}, E = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), U = /auto|scroll/, Te = /^tb|vertical/, Be = /msie|trident/i.test(E.navigator && E.navigator.userAgent), d = function(e) {
   return parseFloat(e || "0");
 }, z = function(e, t, r) {
-  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Oe((r ? t : e) || 0, (r ? e : t) || 0);
+  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Ee((r ? t : e) || 0, (r ? e : t) || 0);
 }, Y = g({
   devicePixelContentBoxSize: z(),
   borderBoxSize: z(),
   contentBoxSize: z(),
-  contentRect: new ie(0, 0, 0, 0)
-}), se = function(e, t) {
+  contentRect: new ne(0, 0, 0, 0)
+}), oe = function(e, t) {
   if (t === void 0 && (t = !1), S.has(e) && !t)
     return S.get(e);
-  if (oe(e))
+  if (ie(e))
     return S.set(e, Y), Y;
-  var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", o = ye.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), l = !n && U.test(r.overflowX || ""), c = n ? 0 : d(r.paddingTop), v = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), w = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), u = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + v, x = c + h, O = m + a, D = w + u, G = l ? e.offsetHeight - D - e.clientHeight : 0, F = s ? e.offsetWidth - O - e.clientWidth : 0, le = i ? p + O : 0, de = i ? x + D : 0, T = n ? n.width : d(r.width) - le - F, B = n ? n.height : d(r.height) - de - G, fe = T + p + F + O, he = B + x + G + D, H = g({
+  var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Be && r.boxSizing === "border-box", o = Te.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), c = !n && U.test(r.overflowX || ""), v = n ? 0 : d(r.paddingTop), u = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), w = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), l = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + u, x = v + h, O = m + a, D = w + l, G = c ? e.offsetHeight - D - e.clientHeight : 0, F = s ? e.offsetWidth - O - e.clientWidth : 0, ue = i ? p + O : 0, le = i ? x + D : 0, T = n ? n.width : d(r.width) - ue - F, B = n ? n.height : d(r.height) - le - G, de = T + p + F + O, fe = B + x + G + D, H = g({
     devicePixelContentBoxSize: z(Math.round(T * devicePixelRatio), Math.round(B * devicePixelRatio), o),
-    borderBoxSize: z(fe, he, o),
+    borderBoxSize: z(de, fe, o),
     contentBoxSize: z(T, B, o),
-    contentRect: new ie(f, c, T, B)
+    contentRect: new ne(f, v, T, B)
   });
   return S.set(e, H), H;
-}, ae = function(e, t, r) {
-  var n = se(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
+}, se = function(e, t, r) {
+  var n = oe(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
   switch (t) {
     case y.DEVICE_PIXEL_CONTENT_BOX:
       return s;
@@ -100,28 +101,28 @@ var g = function(e) {
     default:
       return o;
   }
-}, Be = /* @__PURE__ */ function() {
+}, Se = /* @__PURE__ */ function() {
   function e(t) {
-    var r = se(t);
+    var r = oe(t);
     this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = g([r.borderBoxSize]), this.contentBoxSize = g([r.contentBoxSize]), this.devicePixelContentBoxSize = g([r.devicePixelContentBoxSize]);
   }
   return e;
-}(), ce = function(e) {
-  if (oe(e))
+}(), ae = function(e) {
+  if (ie(e))
     return 1 / 0;
   for (var t = 0, r = e.parentNode; r; )
     t += 1, r = r.parentNode;
   return t;
-}, Se = function() {
+}, _e = function() {
   var e = 1 / 0, t = [];
   b.forEach(function(s) {
     if (s.activeTargets.length !== 0) {
-      var l = [];
-      s.activeTargets.forEach(function(v) {
-        var h = new Be(v.target), f = ce(v.target);
-        l.push(h), v.lastReportedSize = ae(v.target, v.observedBox), f < e && (e = f);
+      var c = [];
+      s.activeTargets.forEach(function(u) {
+        var h = new Se(u.target), f = ae(u.target);
+        c.push(h), u.lastReportedSize = se(u.target, u.observedBox), f < e && (e = f);
       }), t.push(function() {
-        s.callback.call(s.observer, l, s.observer);
+        s.callback.call(s.observer, c, s.observer);
       }), s.activeTargets.splice(0, s.activeTargets.length);
     }
   });
@@ -133,35 +134,35 @@ var g = function(e) {
 }, j = function(e) {
   b.forEach(function(r) {
     r.activeTargets.splice(0, r.activeTargets.length), r.skippedTargets.splice(0, r.skippedTargets.length), r.observationTargets.forEach(function(i) {
-      i.isActive() && (ce(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
+      i.isActive() && (ae(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
     });
   });
-}, _e = function() {
+}, Ce = function() {
   var e = 0;
-  for (j(e); ze(); )
-    e = Se(), j(e);
-  return Re() && we(), e > 0;
-}, A, ve = [], Ce = function() {
-  return ve.splice(0).forEach(function(e) {
+  for (j(e); Re(); )
+    e = _e(), j(e);
+  return we() && Oe(), e > 0;
+}, M, ce = [], Ne = function() {
+  return ce.splice(0).forEach(function(e) {
     return e();
   });
-}, Ne = function(e) {
-  if (!A) {
+}, ke = function(e) {
+  if (!M) {
     var t = 0, r = document.createTextNode(""), n = { characterData: !0 };
     new MutationObserver(function() {
-      return Ce();
-    }).observe(r, n), A = function() {
+      return Ne();
+    }).observe(r, n), M = function() {
       r.textContent = "".concat(t ? t-- : t++);
     };
   }
-  ve.push(e), A();
-}, ke = function(e) {
-  Ne(function() {
+  ce.push(e), M();
+}, De = function(e) {
+  ke(function() {
     requestAnimationFrame(e);
   });
-}, N = 0, De = function() {
+}, N = 0, Ae = function() {
   return !!N;
-}, Me = 250, Ae = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, K = [
+}, Me = 250, Ie = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, K = [
   "resize",
   "load",
   "transitionend",
@@ -178,7 +179,7 @@ var g = function(e) {
   "focus"
 ], Q = function(e) {
   return e === void 0 && (e = 0), Date.now() + e;
-}, I = !1, Ie = function() {
+}, I = !1, Le = function() {
   function e() {
     var t = this;
     this.stopped = !0, this.listener = function() {
@@ -190,12 +191,12 @@ var g = function(e) {
     if (t === void 0 && (t = Me), !I) {
       I = !0;
       var n = Q(t);
-      ke(function() {
+      De(function() {
         var i = !1;
         try {
-          i = _e();
+          i = Ce();
         } finally {
-          if (I = !1, t = n - Q(), !De())
+          if (I = !1, t = n - Q(), !Ae())
             return;
           i ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
         }
@@ -205,7 +206,7 @@ var g = function(e) {
     this.stop(), this.run();
   }, e.prototype.observe = function() {
     var t = this, r = function() {
-      return t.observer && t.observer.observe(document.body, Ae);
+      return t.observer && t.observer.observe(document.body, Ie);
     };
     document.body ? r() : E.addEventListener("DOMContentLoaded", r);
   }, e.prototype.start = function() {
@@ -219,11 +220,11 @@ var g = function(e) {
       return E.removeEventListener(r, t.listener, !0);
     }), this.stopped = !0);
   }, e;
-}(), W = new Ie(), Z = function(e) {
+}(), W = new Le(), Z = function(e) {
   !N && e > 0 && W.start(), N += e, !N && W.stop();
-}, Le = function(e) {
-  return !P(e) && !Ee(e) && getComputedStyle(e).display === "inline";
-}, We = function() {
+}, We = function(e) {
+  return !P(e) && !ye(e) && getComputedStyle(e).display === "inline";
+}, Pe = function() {
   function e(t, r) {
     this.target = t, this.observedBox = r || y.CONTENT_BOX, this.lastReportedSize = {
       inlineSize: 0,
@@ -231,10 +232,10 @@ var g = function(e) {
     };
   }
   return e.prototype.isActive = function() {
-    var t = ae(this.target, this.observedBox, !0);
-    return Le(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
+    var t = se(this.target, this.observedBox, !0);
+    return We(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
   }, e;
-}(), Pe = /* @__PURE__ */ function() {
+}(), Ge = /* @__PURE__ */ function() {
   function e(t, r) {
     this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t, this.callback = r;
   }
@@ -248,11 +249,11 @@ var g = function(e) {
   function e() {
   }
   return e.connect = function(t, r) {
-    var n = new Pe(t, r);
+    var n = new Ge(t, r);
     _.set(t, n);
   }, e.observe = function(t, r, n) {
     var i = _.get(t), o = i.observationTargets.length === 0;
-    ee(i.observationTargets, r) < 0 && (o && b.push(i), i.observationTargets.push(new We(r, n && n.box)), Z(1), W.schedule());
+    ee(i.observationTargets, r) < 0 && (o && b.push(i), i.observationTargets.push(new Pe(r, n && n.box)), Z(1), W.schedule());
   }, e.unobserve = function(t, r) {
     var n = _.get(t), i = ee(n.observationTargets, r), o = n.observationTargets.length === 1;
     i >= 0 && (o && b.splice(b.indexOf(n), 1), n.observationTargets.splice(i, 1), Z(-1));
@@ -262,7 +263,7 @@ var g = function(e) {
       return r.unobserve(t, i.target);
     }), n.activeTargets.splice(0, n.activeTargets.length);
   }, e;
-}(), Ge = function() {
+}(), Fe = function() {
   function e(t) {
     if (arguments.length === 0)
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -288,63 +289,63 @@ var g = function(e) {
     return "function ResizeObserver () { [polyfill code] }";
   }, e;
 }();
-const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve = "_list_ce14e_14", ue = {
-  root: He,
-  list: Ve,
+const He = (e, t, r) => Math.min(Math.max(e, t), r), Ve = "_root_ce14e_2", Xe = "_list_ce14e_14", ve = {
+  root: Ve,
+  list: Xe,
   "start-gradient": "_start-gradient_ce14e_24",
   "end-gradient": "_end-gradient_ce14e_28",
   "item-wrapper": "_item-wrapper_ce14e_39",
   "item-content": "_item-content_ce14e_44",
   "item-separator": "_item-separator_ce14e_58"
-}, L = ne(ue), Xe = re(
-  ({ children: e, "data-testid": t, isActive: r, separator: n, ...i }, o) => {
-    const s = i.href || i.to;
-    return /* @__PURE__ */ te("li", { "aria-label": "breadcrumb", className: L("item-wrapper"), "data-testid": t, children: [
-      n ? /* @__PURE__ */ R("span", { className: L("item-separator"), role: "presentation", children: n }) : null,
+}, L = re(ve), qe = ze(
+  ({ as: e = "a", children: t, "data-testid": r, isActive: n, separator: i, ...o }, s) => {
+    const c = o.href || o.to;
+    return /* @__PURE__ */ te("li", { "aria-label": "breadcrumb", className: L("item-wrapper"), "data-testid": r, children: [
+      i ? /* @__PURE__ */ R("span", { className: L("item-separator"), role: "presentation", children: i }) : null,
       /* @__PURE__ */ R(
-        "a",
+        e,
         {
-          "aria-current": r ? "page" : void 0,
-          "aria-disabled": !s,
-          ...i,
-          className: L("item-content", i.className),
-          ref: o,
-          children: e
+          "aria-current": n ? "page" : void 0,
+          "aria-disabled": !c,
+          ...o,
+          className: L("item-content", o.className),
+          ref: s,
+          children: t
         }
       )
     ] });
   }
-), k = ne(ue), qe = re(
+), k = re(ve), $e = he(
   ({ children: e, lastChildNotClickable: t = !0, separator: r = /* @__PURE__ */ R(me, { size: "xs" }), ...n }, i) => {
-    const o = pe.toArray(e).filter(Boolean), s = o.length, l = o.map((w, a) => {
-      const u = s === 1 || s === a + 1;
+    const o = pe.toArray(e).filter(Boolean), s = o.length, c = o.map((w, a) => {
+      const l = s === 1 || s === a + 1;
       return be(w, {
-        isActive: u && t,
+        isActive: l && t,
         key: `breadcrumb-${a}`,
-        separator: u ? void 0 : r,
+        separator: l ? void 0 : r,
         ...w.props
       });
-    }), { endGradient: c, listRef: v, onListScroll: h, startGradient: f } = $e();
+    }), { endGradient: v, listRef: u, onListScroll: h, startGradient: f } = Je();
     return /* @__PURE__ */ te("nav", { ref: i, ...n, className: k("root", n.className), children: [
       f,
-      /* @__PURE__ */ R("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: v, children: l.reverse() }),
-      c
+      /* @__PURE__ */ R("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: u, children: c.reverse() }),
+      v
     ] });
   }
-), Ze = Object.assign(qe, {
-  Item: Xe
-}), $e = () => {
-  const e = M(null), t = M(), r = M(), [n, i] = V(!1), [o, s] = V(0), l = (a, u) => {
-    a && (a.style.transform = `scale3d(${u}, 1, 1)`);
-  }, c = X((a) => {
-    const u = 1 - a;
-    l(t.current, u), l(r.current, a);
-  }, []), v = X(() => {
+), tt = Object.assign($e, {
+  Item: qe
+}), Je = () => {
+  const e = A(null), t = A(), r = A(), [n, i] = V(!1), [o, s] = V(0), c = (a, l) => {
+    a && (a.style.transform = `scale3d(${l}, 1, 1)`);
+  }, v = X((a) => {
+    const l = 1 - a;
+    c(t.current, l), c(r.current, a);
+  }, []), u = X(() => {
     const {
-      current: { offsetWidth: a, scrollLeft: u, scrollWidth: m }
-    } = e, p = m - a, O = Fe(Math.abs(u - o), 0, p) / p;
-    c(O);
-  }, [o, c]), h = ge(
+      current: { offsetWidth: a, scrollLeft: l, scrollWidth: m }
+    } = e, p = m - a, O = He(Math.abs(l - o), 0, p) / p;
+    v(O);
+  }, [o, v]), h = ge(
     () => xe(
       (a) => {
         const [
@@ -352,9 +353,9 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve =
             // Is offsetWidth really needed ?
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            target: { offsetWidth: u, scrollLeft: m, scrollWidth: p }
+            target: { offsetWidth: l, scrollLeft: m, scrollWidth: p }
           }
-        ] = a, x = p - u;
+        ] = a, x = p - l;
         o || s(m === 0 ? 0 : x), i(x > 0);
       },
       300,
@@ -363,11 +364,11 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve =
     [o]
   );
   q(() => {
-    const a = new Ge(h);
+    const a = new Fe(h);
     return a.observe(e.current), () => a.disconnect();
   }, []), q(() => {
-    t.current && r.current && c(0);
-  }, [n, c]);
+    t.current && r.current && v(0);
+  }, [n, v]);
   const f = n ? /* @__PURE__ */ R(
     "span",
     {
@@ -381,9 +382,9 @@ const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "_root_ce14e_2", Ve =
       className: k("end-gradient", "bg-linear-to-l from-neutral-10 to-transparent"),
       ref: r
     }
-  ) : null, listRef: e, onListScroll: v, startGradient: f };
+  ) : null, listRef: e, onListScroll: u, startGradient: f };
 };
 export {
-  Ze as Breadcrumb,
-  qe as BreadcrumbComponent
+  tt as Breadcrumb,
+  $e as BreadcrumbComponent
 };

package/dist/Modal.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
 import { u as C } from "./RTNCFSKZ-P4icqVD0.js";
 import { D as I, u as y } from "./NI3IVY7K-DxnarnKs.js";
-import { forwardRef as c, isValidElement as B, cloneElement as S, useState as A, useEffect as T } from "react";
+import { forwardRef as i, isValidElement as B, cloneElement as S, useState as A, useEffect as T } from "react";
 import { c as n } from "./index-PAaZGbyz.js";
 import { f as z } from "./forwardRefWithAs-8eP3ZN15.js";
 import { D as v } from "./DSAASPLT-COUlh0RL.js";
@@ -12,7 +12,7 @@ import { Button as E } from "./Button.js";
 import { Text as m } from "./Text.js";
 import { CloseButton as M } from "./CloseButton.js";
 import { D as H } from "./ZTXFEM5L-BEA_1pIo.js";
-const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1vbnu_117", i = {
+const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1vbnu_117", l = {
   root: R,
   "asset-backdrop": "_asset-backdrop_1vbnu_8",
   hideOnInteractOutside: W,
@@ -23,43 +23,44 @@ const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1
   "asset-content": "_asset-content_1vbnu_96",
   dialog: F,
   "close-button": "_close-button_1vbnu_159"
-}, V = n(i), q = ({ children: t, ...e }) => /* @__PURE__ */ o(E, { className: V("close-button"), shape: "circle", variant: "secondary", ...e, children: t }), G = n(i), J = c(
-  ({ hideOnInteractOutside: t, ...e }, s) => /* @__PURE__ */ o(
+}, V = n(l), q = ({ children: t, ...e }) => /* @__PURE__ */ s(E, { className: V("close-button"), shape: "circle", variant: "secondary", ...e, children: t }), G = n(l), J = i(
+  ({ hideOnInteractOutside: t, ...e }, o) => /* @__PURE__ */ s(
     "div",
     {
       className: G("asset-backdrop", t && "hideOnInteractOutside"),
       ...e,
-      ref: s,
-      children: /* @__PURE__ */ o(
+      ref: o,
+      children: /* @__PURE__ */ s(
         v,
         {
-          render: /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(j, {}) })
+          render: /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(j, {}) })
         }
       )
     }
   )
-), K = n(i), L = ({
+), K = n(l), L = ({
   children: t,
-  ...e
-}) => /* @__PURE__ */ o("div", { className: K("root", "asset-content"), ...e, children: t }), P = n(i), N = ({ children: t, ...e }) => /* @__PURE__ */ o(m, { as: "p", className: P("asset-title"), lines: 2, variant: "h4", ...e, children: t }), g = n(i), Q = c(
-  ({ children: t, customContent: e, subtitle: s, title: r, ..._ }, a) => /* @__PURE__ */ d("div", { className: g("root", "asset-wrapper"), ref: a, ..._, children: [
+  className: e,
+  ...o
+}) => /* @__PURE__ */ s("div", { className: K("root", "asset-content", e), ...o, children: t }), P = n(l), N = ({ children: t, className: e, ...o }) => /* @__PURE__ */ s(m, { as: "p", className: P("asset-title", e), lines: 2, variant: "h4", ...o, children: t }), g = n(l), Q = i(
+  ({ children: t, customContent: e, subtitle: o, title: r, ...a }, c) => /* @__PURE__ */ d("div", { className: g("root", "asset-wrapper"), ref: c, ...a, children: [
     t,
     /* @__PURE__ */ d("div", { className: g("root", "asset-title-wrapper"), children: [
       e,
-      !e && s ? /* @__PURE__ */ o(m, { variant: "subtitle-sm", children: s }) : null,
-      !e && r ? /* @__PURE__ */ o(N, { children: r }) : null
+      !e && o ? /* @__PURE__ */ s(m, { variant: "subtitle-sm", children: o }) : null,
+      !e && r ? /* @__PURE__ */ s(N, { children: r }) : null
     ] })
   ] })
-), U = n(i), X = ({
+), U = n(l), X = ({
   children: t,
   ...e
-}) => /* @__PURE__ */ o("div", { className: U("root", "dialog"), ...e, children: t }), Y = n(i), Z = ({ children: t }) => /* @__PURE__ */ o("div", { className: Y("root", "iframe-wrapper"), children: t }), tt = Object.assign(X, {
+}) => /* @__PURE__ */ s("div", { className: U("root", "dialog"), ...e, children: t }), Y = n(l), Z = ({ children: t }) => /* @__PURE__ */ s("div", { className: Y("root", "iframe-wrapper"), children: t }), tt = Object.assign(X, {
   AssetWithTitle: Q,
   Backdrop: J,
   Content: L,
   Iframe: Z,
   Title: N
-}), et = "_root_4g0z0_4", ot = "_body_4g0z0_48", st = "_footer_4g0z0_48", rt = "_header_4g0z0_48", nt = "_scrollable_4g0z0_60", at = "_content_4g0z0_66", ct = "_close_4g0z0_66", it = "_backdrop_4g0z0_85", lt = "_hideOnInteractOutside_4g0z0_96", _t = "_icon_4g0z0_127", l = {
+}), et = "_root_4g0z0_4", ot = "_body_4g0z0_48", st = "_footer_4g0z0_48", rt = "_header_4g0z0_48", nt = "_scrollable_4g0z0_60", at = "_content_4g0z0_66", ct = "_close_4g0z0_66", it = "_backdrop_4g0z0_85", lt = "_hideOnInteractOutside_4g0z0_96", _t = "_icon_4g0z0_127", _ = {
   root: et,
   body: ot,
   footer: st,
@@ -81,43 +82,51 @@ const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1
   "footer-information": "_footer-information_4g0z0_163",
   "footer-information-title": "_footer-information-title_4g0z0_170",
   "footer-information-subtitle": "_footer-information-subtitle_4g0z0_174"
-}, dt = n(l), mt = c(
-  ({ backdrop: t, hideOnInteractOutside: e, ...s }, r) => t === !0 ? /* @__PURE__ */ o(
+}, dt = n(_), mt = i(
+  ({ backdrop: t, hideOnInteractOutside: e, ...o }, r) => t === !0 ? /* @__PURE__ */ s(
     "div",
     {
       className: dt("backdrop", e && "hideOnInteractOutside"),
       ref: r,
-      ...s
+      ...o
     }
-  ) : B(t) ? S(t, { ref: r, ...s }) : null
-), ut = n(l), ft = c((t, e) => /* @__PURE__ */ o("section", { className: ut("body"), ref: e, ...t })), pt = n(l), x = (t) => /* @__PURE__ */ o(v, { render: /* @__PURE__ */ o(M, { className: pt("close"), ...t }) }), ht = n(l), bt = c(
-  ({ children: t, withClosingButton: e = !0, ...s }, r) => /* @__PURE__ */ d("div", { className: ht("content", e && "with-close-button"), ref: r, ...s, children: [
-    /* @__PURE__ */ o(x, {}),
-    t
-  ] })
-), u = n(l), gt = c(
-  ({ children: t, information: e, ...s }, r) => /* @__PURE__ */ d("footer", { className: u("footer"), ref: r, ...s, children: [
-    t ? /* @__PURE__ */ o("div", { className: u("footer-children-wrapper"), children: t }) : null,
-    e ? /* @__PURE__ */ d("div", { className: u("footer-information"), children: [
-      /* @__PURE__ */ o(m, { className: u("footer-information-title"), variant: "subtitle-sm", children: e.title }),
-      /* @__PURE__ */ o(m, { className: u("footer-information-subtitle"), variant: "sm", children: e.subtitle })
+  ) : B(t) ? S(t, { ref: r, ...o }) : null
+), ut = n(_), ft = i(({ className: t, ...e }, o) => /* @__PURE__ */ s("section", { className: ut("body", t), ref: o, ...e })), pt = n(_), x = (t) => /* @__PURE__ */ s(v, { render: /* @__PURE__ */ s(M, { className: pt("close"), ...t }) }), ht = n(_), bt = i(
+  ({ children: t, className: e, withClosingButton: o = !0, ...r }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      className: (ht("content", o && "with-close-button"), e),
+      ref: a,
+      ...r,
+      children: [
+        /* @__PURE__ */ s(x, {}),
+        t
+      ]
+    }
+  )
+), u = n(_), gt = i(
+  ({ children: t, className: e, information: o, ...r }, a) => /* @__PURE__ */ d("footer", { className: u("footer", e), ref: a, ...r, children: [
+    t ? /* @__PURE__ */ s("div", { className: u("footer-children-wrapper"), children: t }) : null,
+    o ? /* @__PURE__ */ d("div", { className: u("footer-information"), children: [
+      /* @__PURE__ */ s(m, { className: u("footer-information-title"), variant: "subtitle-sm", children: o.title }),
+      /* @__PURE__ */ s(m, { className: u("footer-information-subtitle"), variant: "sm", children: o.subtitle })
     ] }) : null
   ] })
-), p = n(l), zt = c(
-  ({ icon: t, subtitle: e, title: s, ...r }, _) => /* @__PURE__ */ d("header", { className: p("header", t && "icon"), ref: _, ...r, children: [
-    /* @__PURE__ */ o(x, {}),
-    t,
-    /* @__PURE__ */ o(m, { className: p("header-title"), variant: "h4", children: s }),
-    e ? /* @__PURE__ */ o(m, { className: p("header-subtitle"), children: e }) : null
+), p = n(_), zt = i(
+  ({ className: t, icon: e, subtitle: o, title: r, ...a }, c) => /* @__PURE__ */ d("header", { className: p("header", e && "icon", t), ref: c, ...a, children: [
+    /* @__PURE__ */ s(x, {}),
+    e,
+    /* @__PURE__ */ s(m, { className: p("header-title"), variant: "h4", children: r }),
+    o ? /* @__PURE__ */ s(m, { className: p("header-subtitle"), children: o }) : null
   ] })
 ), vt = z(
-  ({ as: t, store: e, ...s }, r) => /* @__PURE__ */ o(H, { ref: r, render: t ? /* @__PURE__ */ o(t, {}) : void 0, store: e, ...s })
-), Nt = n(l);
+  ({ as: t, store: e, ...o }, r) => /* @__PURE__ */ s(H, { ref: r, render: t ? /* @__PURE__ */ s(t, {}) : void 0, store: e, ...o })
+), Nt = n(_);
 function Et(t) {
-  const { onClose: e, setOpen: s, ...r } = t || {};
+  const { onClose: e, setOpen: o, ...r } = t || {};
   return y({
-    setOpen: (a) => {
-      !a && e && e(), s == null || s(a);
+    setOpen: (c) => {
+      !c && e && e(), o == null || o(c);
     },
     ...r
   });
@@ -127,10 +136,10 @@ const xt = z(
     ariaLabel: t,
     /** for render property */
     as: e,
-    backdrop: s = !0,
+    backdrop: o = !0,
     children: r,
-    className: _,
-    hideOnInteractOutside: a = !0,
+    className: a,
+    hideOnInteractOutside: c = !0,
     size: $ = "lg",
     store: h,
     ...w
@@ -138,13 +147,13 @@ const xt = z(
     const [D, k] = A(!1), { contentElement: f, open: b } = C(h);
     return T(() => {
       b && f && k(f.scrollHeight > f.offsetHeight);
-    }, [f, b]), /* @__PURE__ */ o(
+    }, [f, b]), /* @__PURE__ */ s(
       I,
       {
-        backdrop: /* @__PURE__ */ o(mt, { backdrop: s, hideOnInteractOutside: a }),
-        hideOnInteractOutside: a,
+        backdrop: /* @__PURE__ */ s(mt, { backdrop: o, hideOnInteractOutside: c }),
+        hideOnInteractOutside: c,
         ref: O,
-        render: e ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ o("div", { className: Nt("root", `size-${$}`, D && "scrollable", _) }),
+        render: e ? /* @__PURE__ */ s(e, {}) : /* @__PURE__ */ s("div", { className: Nt("root", `size-${$}`, D && "scrollable", a) }),
         store: h,
         ...w,
         "aria-label": t,

package/dist/types/components/Breadcrumb/Item.d.ts

@@ -1,5 +1,5 @@
-import { BreadcrumbItemProps } from './types';
+import { BreadcrumbItemOptions } from './types';
 /**
  * @name Breadcrumb.Item
  */
-export declare const Item: import('react').ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+export declare const Item: import('../../utils').FunctionComponentWithAs<"a", BreadcrumbItemOptions>;

package/dist/types/components/Breadcrumb/index.d.ts

@@ -2,5 +2,5 @@ import { default as React } from 'react';
 import { BreadcrumbProps } from './types';
 export declare const BreadcrumbComponent: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Item: React.ForwardRefExoticComponent<Omit<import('./types').BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Item: import('../../utils').FunctionComponentWithAs<"a", import('./types').BreadcrumbItemOptions>;
 };

package/dist/types/components/Breadcrumb/types.d.ts

@@ -6,12 +6,11 @@ interface BreadcrumbOptions {
     separator?: React.ReactNode | string;
 }
 export type BreadcrumbProps = BreadcrumbOptions & ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement>;
-interface BreadcrumbItemOptions {
+export interface BreadcrumbItemOptions {
     children: React.ReactNode;
     'data-testid'?: string;
     isActive?: boolean;
     separator?: React.ReactNode | string;
     to?: string;
 }
-export type BreadcrumbItemProps = BreadcrumbItemOptions & ComponentPropsWithRef<'a'> & HTMLAttributes<HTMLAnchorElement>;
 export {};

package/dist/types/components/Modal/Assets/AssetContent.d.ts

@@ -1,2 +1,2 @@
 import { HTMLAttributes, default as React } from 'react';
-export declare const AssetContent: ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
+export declare const AssetContent: ({ children, className, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Modal/Assets/AssetTitle.d.ts

@@ -1,2 +1,2 @@
 import { TextProps } from '../../Text/types';
-export declare const AssetTitle: ({ children, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AssetTitle: ({ children, className, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Modal/Assets/index.d.ts

@@ -1,7 +1,7 @@
 export declare const Assets: (({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element) & {
     AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Backdrop: import('react').ForwardRefExoticComponent<import('../types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
-    Content: ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
     Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, ...rest }: import('../../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children, className, ...rest }: import('../../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/Modal/components/Content.d.ts

@@ -1,7 +1,7 @@
 /**
  * @name Modal.Content
  */
-export declare const Content: import('react').ForwardRefExoticComponent<{
+export declare const Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
     withClosingButton?: boolean;
 } & {
     children?: import('react').ReactNode | undefined;

package/dist/types/components/Modal/index.d.ts

@@ -4,7 +4,7 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
     Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLElement> & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLElement>>;
-    Content: import('react').ForwardRefExoticComponent<{
+    Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
         withClosingButton?: boolean;
     } & {
         children?: import('react').ReactNode | undefined;
@@ -16,7 +16,7 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
 export declare const AssetModal: (({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element) & {
     AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./Assets/types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Backdrop: import('react').ForwardRefExoticComponent<import('./types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
-    Content: ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
     Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, ...rest }: import('../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children, className, ...rest }: import('../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/Modal/types.d.ts

@@ -27,7 +27,7 @@ export interface HeaderOptions {
 }
 export type HeaderProps = MergeProps<HeaderOptions, HTMLAttributes<HTMLDivElement>>;
 export type BodyProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
-export type ContentProps = PropsWithChildren<{
+export type ContentProps = PropsWithChildren<HTMLAttributes<HTMLDivElement> & {
     /**
      * show or hide the closing button
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "9.0.8",
+  "version": "9.0.10",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"