mainstack-design-system 0.6.6 → 0.6.8

package/build/mainstack-design-system.js

@@ -3179,7 +3179,7 @@ function rF() {
         return -1;
     }
   }
-  function u1(o, s) {
+  function c1(o, s) {
     for (var m = o.suspendedLanes, E = o.pingedLanes, H = o.expirationTimes, D = o.pendingLanes; 0 < D; ) {
       var J = 31 - x1(D), he = 1 << J, me = H[J];
       me === -1 ? (!(he & m) || he & E) && (H[J] = k1(he, s)) : me <= s && (o.expiredLanes |= he), D &= ~he;
@@ -3287,7 +3287,7 @@ function rF() {
     if (o.blockedOn !== null)
       return !1;
     for (var s = o.targetContainers; 0 < s.length; ) {
-      var m = c1(o.domEventName, o.eventSystemFlags, s[0], o.nativeEvent);
+      var m = f1(o.domEventName, o.eventSystemFlags, s[0], o.nativeEvent);
       if (m === null) {
         m = o.nativeEvent;
         var E = new m.constructor(m.type, m);
@@ -3344,7 +3344,7 @@ function rF() {
   }
   function Pe(o, s, m, E) {
     if (Mo) {
-      var H = c1(o, s, m, E);
+      var H = f1(o, s, m, E);
       if (H === null)
         e3(o, s, E, dt, m), ha(o, E);
       else if (Ca(H, o, s, m, E))
@@ -3352,7 +3352,7 @@ function rF() {
       else if (ha(o, E), s & 4 && -1 < w2.indexOf(o)) {
         for (; H !== null; ) {
           var D = R2(H);
-          if (D !== null && Oi(D), D = c1(o, s, m, E), D === null && e3(o, s, E, dt, m), D === H)
+          if (D !== null && Oi(D), D = f1(o, s, m, E), D === null && e3(o, s, E, dt, m), D === H)
             break;
           H = D;
         }
@@ -3362,7 +3362,7 @@ function rF() {
     }
   }
   var dt = null;
-  function c1(o, s, m, E) {
+  function f1(o, s, m, E) {
     if (dt = null, o = I1(E), o = ri(o), o !== null)
       if (s = vr(o), s === null)
         o = null;
@@ -4913,7 +4913,7 @@ function rF() {
     var s = g5(Zi.current), m = st(s, o.type);
     s !== m && (Z1(B2, o), Z1(Zi, m));
   }
-  function f1(o) {
+  function d1(o) {
     B2.current === o && (R1(Zi), R1(B2));
   }
   var Ft = r1(0);
@@ -5792,7 +5792,7 @@ Error generating stack: ` + D.message + `
       case 3:
         return E = s.stateNode, kl(), R1(En), R1(Kt), h3(), E.pendingContext && (E.context = E.pendingContext, E.pendingContext = null), (o === null || o.child === null) && (l3(s) ? s.flags |= 4 : o === null || o.memoizedState.isDehydrated && !(s.flags & 256) || (s.flags |= 1024, li !== null && (eu(li), li = null))), M5(o, s), Fr(s), null;
       case 5:
-        f1(s);
+        d1(s);
         var H = g5(Ss.current);
         if (m = s.type, o !== null && s.stateNode != null)
           ci(o, s, m, E, H), o.ref !== s.ref && (s.flags |= 512, s.flags |= 2097152);
@@ -6050,7 +6050,7 @@ Error generating stack: ` + D.message + `
       case 3:
         return kl(), R1(En), R1(Kt), h3(), o = s.flags, o & 65536 && !(o & 128) ? (s.flags = o & -65537 | 128, s) : null;
       case 5:
-        return f1(s), null;
+        return d1(s), null;
       case 13:
         if (R1(Ft), o = s.memoizedState, o !== null && o.dehydrated !== null) {
           if (s.alternate === null)
@@ -6775,7 +6775,7 @@ Error generating stack: ` + D.message + `
   }
   function $r(o, s) {
     var m = o.callbackNode;
-    u1(o, s);
+    c1(o, s);
     var E = Xr(o, o === wn ? ur : 0);
     if (E === 0)
       m !== null && Oe(m), o.callbackNode = null, o.callbackPriority = 0;
@@ -6984,7 +6984,7 @@ Error generating stack: ` + D.message + `
             kl(), R1(En), R1(Kt), h3();
             break;
           case 5:
-            f1(E);
+            d1(E);
             break;
           case 4:
             kl();
@@ -8572,16 +8572,16 @@ function aF() {
 ` + Ii + t;
       }
     }
-    var k1 = !1, u1;
+    var k1 = !1, c1;
     {
       var Vi = typeof WeakMap == "function" ? WeakMap : Map;
-      u1 = new Vi();
+      c1 = new Vi();
     }
     function pa(t, r) {
       if (!t || k1)
         return "";
       {
-        var u = u1.get(t);
+        var u = c1.get(t);
         if (u !== void 0)
           return u;
       }
@@ -8636,7 +8636,7 @@ function aF() {
                   if (ie--, le--, le < 0 || Z[ie] !== U[le]) {
                     var xe = `
 ` + Z[ie].replace(" at new ", " at ");
-                    return t.displayName && xe.includes("<anonymous>") && (xe = xe.replace("<anonymous>", t.displayName)), typeof t == "function" && u1.set(t, xe), xe;
+                    return t.displayName && xe.includes("<anonymous>") && (xe = xe.replace("<anonymous>", t.displayName)), typeof t == "function" && c1.set(t, xe), xe;
                   }
                 while (ie >= 1 && le >= 0);
               break;
@@ -8646,7 +8646,7 @@ function aF() {
         k1 = !1, Ai.current = A, ei(), Error.prepareStackTrace = x;
       }
       var ye = t ? t.displayName || t.name : "", Re = ye ? Xr(ye) : "";
-      return typeof t == "function" && u1.set(t, Re), Re;
+      return typeof t == "function" && c1.set(t, Re), Re;
     }
     function Ji(t, r, u) {
       return pa(t, !0);
@@ -8959,7 +8959,7 @@ Error generating stack: ` + d.message + `
         return t.body;
       }
     }
-    var Pe = !1, dt = !1, c1 = !1, O1 = !1;
+    var Pe = !1, dt = !1, f1 = !1, O1 = !1;
     function S1(t) {
       var r = t.type === "checkbox" || t.type === "radio";
       return r ? t.checked != null : t.value != null;
@@ -8990,7 +8990,7 @@ Error generating stack: ` + d.message + `
       var u = t;
       {
         var d = S1(r);
-        !u._wrapperState.controlled && d && !O1 && (c("A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"), O1 = !0), u._wrapperState.controlled && !d && !c1 && (c("A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"), c1 = !0);
+        !u._wrapperState.controlled && d && !O1 && (c("A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"), O1 = !0), u._wrapperState.controlled && !d && !f1 && (c("A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components"), f1 = !0);
       }
       Nr(t, r);
       var x = Ca(r.value), A = r.type;
@@ -10683,7 +10683,7 @@ Check the render method of \`` + t + "`." : "";
     var Pt = (
       /*                         */
       0
-    ), f1 = (
+    ), d1 = (
       /*                 */
       1
     ), Ft = (
@@ -13527,11 +13527,11 @@ Check the render method of \`` + t + "`." : "";
         var U = x;
         Z = U.namespace;
       }
-      var ie = (A.mode & f1) !== Pt;
+      var ie = (A.mode & d1) !== Pt;
       return _H(t, r, u, Z, d, ie, O);
     }
     function gO(t, r, u, d) {
-      return jc(u, t), u.mode & f1, TH(t, r);
+      return jc(u, t), u.mode & d1, TH(t, r);
     }
     function yO(t, r) {
       jc(r, t);
@@ -13953,7 +13953,7 @@ Check the render method of \`` + t + "`." : "";
           break;
         }
         case w: {
-          var u = (t.mode & f1) !== Pt;
+          var u = (t.mode & d1) !== Pt;
           MO(
             t.type,
             t.memoizedProps,
@@ -14001,7 +14001,7 @@ Check the render method of \`` + t + "`." : "";
             var A = t.type, O = t.memoizedProps, Z = t.stateNode;
             switch (r.tag) {
               case w: {
-                var U = r.type, ie = r.pendingProps, le = (t.mode & f1) !== Pt;
+                var U = r.type, ie = r.pendingProps, le = (t.mode & d1) !== Pt;
                 HO(
                   A,
                   O,
@@ -14014,7 +14014,7 @@ Check the render method of \`` + t + "`." : "";
                 break;
               }
               case k: {
-                var xe = r.pendingProps, ye = (t.mode & f1) !== Pt;
+                var xe = r.pendingProps, ye = (t.mode & d1) !== Pt;
                 OO(
                   A,
                   O,
@@ -14082,7 +14082,7 @@ Check the render method of \`` + t + "`." : "";
       }
     }
     function iC(t) {
-      return (t.mode & f1) !== Pt && (t.flags & Kt) === Dt;
+      return (t.mode & d1) !== Pt && (t.flags & Kt) === Dt;
     }
     function oC(t) {
       throw new Error("Hydration failed because the initial UI does not match what was rendered on the server.");
@@ -14117,7 +14117,7 @@ Check the render method of \`` + t + "`." : "";
         if (x !== null)
           switch (x.tag) {
             case y: {
-              var A = x.stateNode.containerInfo, O = (x.mode & f1) !== Pt;
+              var A = x.stateNode.containerInfo, O = (x.mode & d1) !== Pt;
               kO(
                 A,
                 r,
@@ -14128,7 +14128,7 @@ Check the render method of \`` + t + "`." : "";
               break;
             }
             case w: {
-              var Z = x.type, U = x.memoizedProps, ie = x.stateNode, le = (x.mode & f1) !== Pt;
+              var Z = x.type, U = x.memoizedProps, ie = x.stateNode, le = (x.mode & d1) !== Pt;
               EO(
                 Z,
                 U,
@@ -15636,7 +15636,7 @@ Incoming: %s`, Ue, "[" + r.join(", ") + "]", "[" + t.join(", ") + "]");
       // need to mark fibers that commit in an incomplete state, somehow. For
       // now I'll disable the warning that most of the bugs that would trigger
       // it are either exclusive to concurrent mode or exist in both.
-      (t.mode & f1) !== Pt && c("Internal React error: Expected static flag was missing. Please notify the React team."), U8 = !1, U)
+      (t.mode & d1) !== Pt && c("Internal React error: Expected static flag was missing. Please notify the React team."), U8 = !1, U)
         throw new Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");
       return O;
     }
@@ -16903,7 +16903,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
     }
     function FR(t, r) {
       var u = t.tag;
-      if ((t.mode & f1) === Pt && (u === p || u === V || u === R)) {
+      if ((t.mode & d1) === Pt && (u === p || u === V || u === R)) {
         var d = t.alternate;
         d ? (t.updateQueue = d.updateQueue, t.memoizedState = d.memoizedState, t.lanes = d.lanes) : (t.updateQueue = null, t.memoizedState = null);
       }
@@ -16918,7 +16918,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
       return null;
     }
     function Wx(t, r, u, d, x) {
-      if ((t.mode & f1) === Pt) {
+      if ((t.mode & d1) === Pt) {
         if (t === r)
           t.flags |= or;
         else {
@@ -16940,10 +16940,10 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
     function ZR(t, r, u, d, x) {
       if (u.flags |= Ra, wr && S9(t, x), d !== null && typeof d == "object" && typeof d.then == "function") {
         var A = d;
-        FR(u), Kr() && u.mode & f1 && Dw();
+        FR(u), Kr() && u.mode & d1 && Dw();
         var O = Gx(r);
         if (O !== null) {
-          O.flags &= ~En, Wx(O, r, u, t, x), O.mode & f1 && $x(t, A, x), BR(O, t, A);
+          O.flags &= ~En, Wx(O, r, u, t, x), O.mode & d1 && $x(t, A, x), BR(O, t, A);
           return;
         } else {
           if (!Ts(x)) {
@@ -16953,7 +16953,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
           var Z = new Error("A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition.");
           d = Z;
         }
-      } else if (Kr() && u.mode & f1) {
+      } else if (Kr() && u.mode & d1) {
         Dw();
         var U = Gx(r);
         if (U !== null) {
@@ -17101,7 +17101,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
     function qx(t, r, u) {
       var d = r.pendingProps, x = d.children, A = t !== null ? t.memoizedState : null;
       if (d.mode === "hidden" || Y)
-        if ((r.mode & f1) === Pt) {
+        if ((r.mode & d1) === Pt) {
           var O = {
             baseLanes: We,
             cachePool: null,
@@ -17492,7 +17492,7 @@ Check the render method of \`` + d + "`.");
         mode: "hidden",
         children: r
       }, Z, U;
-      return (x & f1) === Pt && A !== null ? (Z = A, Z.childLanes = We, Z.pendingProps = O, t.mode & Ft && (Z.actualDuration = 0, Z.actualStartTime = -1, Z.selfBaseDuration = 0, Z.treeBaseDuration = 0), U = i2(u, x, d, null)) : (Z = Mm(O, x), U = i2(u, x, d, null)), Z.return = t, U.return = t, Z.sibling = U, t.child = Z, U;
+      return (x & d1) === Pt && A !== null ? (Z = A, Z.childLanes = We, Z.pendingProps = O, t.mode & Ft && (Z.actualDuration = 0, Z.actualStartTime = -1, Z.selfBaseDuration = 0, Z.treeBaseDuration = 0), U = i2(u, x, d, null)) : (Z = Mm(O, x), U = i2(u, x, d, null)), Z.return = t, U.return = t, Z.sibling = U, t.child = Z, U;
     }
     function Mm(t, r, u) {
       return nk(t, r, We, null);
@@ -17505,7 +17505,7 @@ Check the render method of \`` + d + "`.");
         mode: "visible",
         children: u
       });
-      if ((r.mode & f1) === Pt && (O.lanes = d), O.return = r, O.sibling = null, A !== null) {
+      if ((r.mode & d1) === Pt && (O.lanes = d), O.return = r, O.sibling = null, A !== null) {
         var Z = r.deletions;
         Z === null ? (r.deletions = [A], r.flags |= R1) : Z.push(A);
       }
@@ -17519,7 +17519,7 @@ Check the render method of \`` + d + "`.");
       if (
         // In legacy mode, we commit the primary tree as if it successfully
         // completed, even though it's in an inconsistent state.
-        (A & f1) === Pt && // Make sure we're on the second pass, i.e. the primary child fragment was
+        (A & d1) === Pt && // Make sure we're on the second pass, i.e. the primary child fragment was
         // already cloned. In legacy mode, the only case where this isn't true is
         // when DevTools forces us to display a fallback; we skip the first render
         // pass entirely and go straight to rendering the fallback. (In Concurrent
@@ -17544,10 +17544,10 @@ Check the render method of \`` + d + "`.");
         mode: "visible",
         children: u
       }, Z = Mm(O, A), U = i2(d, A, x, null);
-      return U.flags |= ln, Z.return = r, U.return = r, Z.sibling = U, r.child = Z, (r.mode & f1) !== Pt && f0(r, t.child, null, x), U;
+      return U.flags |= ln, Z.return = r, U.return = r, Z.sibling = U, r.child = Z, (r.mode & d1) !== Pt && f0(r, t.child, null, x), U;
     }
     function oD(t, r, u) {
-      return (t.mode & f1) === Pt ? (c("Cannot hydrate Suspense in legacy mode. Switch from ReactDOM.hydrate(element, container) to ReactDOMClient.hydrateRoot(container, <App />).render(element) or remove the Suspense components from the server rendered components."), t.lanes = jt) : Wh(r) ? t.lanes = b5 : t.lanes = Sa, null;
+      return (t.mode & d1) === Pt ? (c("Cannot hydrate Suspense in legacy mode. Switch from ReactDOM.hydrate(element, container) to ReactDOMClient.hydrateRoot(container, <App />).render(element) or remove the Suspense components from the server rendered components."), t.lanes = jt) : Wh(r) ? t.lanes = b5 : t.lanes = Sa, null;
     }
     function lD(t, r, u, d, x, A, O) {
       if (u)
@@ -17562,7 +17562,7 @@ Check the render method of \`` + d + "`.");
           return bt.memoizedState = _m(O), r.memoizedState = Em, nt;
         }
       else {
-        if (YO(), (r.mode & f1) === Pt)
+        if (YO(), (r.mode & d1) === Pt)
           return hf(
             t,
             r,
@@ -17717,7 +17717,7 @@ Check the render method of \`` + d + "`.");
         var ie = t !== null && (t.flags & Kt) !== Dt;
         ie && sD(r, r.child, u), Z = p0(Z);
       }
-      if (Js(r, Z), (r.mode & f1) === Pt)
+      if (Js(r, Z), (r.mode & d1) === Pt)
         r.memoizedState = null;
       else
         switch (x) {
@@ -17812,7 +17812,7 @@ Check the render method of \`` + d + "`.");
       qo = !0;
     }
     function Cf(t, r) {
-      (r.mode & f1) === Pt && t !== null && (t.alternate = null, r.alternate = null, r.flags |= ln);
+      (r.mode & d1) === Pt && t !== null && (t.alternate = null, r.alternate = null, r.flags |= ln);
     }
     function j5(t, r, u) {
       return t !== null && (r.dependencies = t.dependencies), zx(), x9(r.lanes), ka(u, r.childLanes) ? (bR(t, r), r.child) : null;
@@ -18070,7 +18070,7 @@ Check the render method of \`` + d + "`.");
       return t.childLanes = u, r;
     }
     function gD(t, r, u) {
-      if (rR() && (r.mode & f1) !== Pt && (r.flags & Kt) === Dt)
+      if (rR() && (r.mode & d1) !== Pt && (r.flags & Kt) === Dt)
         return zw(r), s0(), r.flags |= En | Ra | or, !1;
       var d = L8(r);
       if (u !== null && u.dehydrated !== null)
@@ -18179,7 +18179,7 @@ Check the render method of \`` + d + "`.");
           var v1 = Vt !== null, Me = t !== null && t.memoizedState !== null;
           if (v1 !== Me && v1) {
             var Ge = r.child;
-            if (Ge.flags |= vl, (r.mode & f1) !== Pt) {
+            if (Ge.flags |= vl, (r.mode & d1) !== Pt) {
               var Le = t === null && (r.memoizedProps.unstable_avoidThisFallback !== !0 || !j);
               Le || BC(Xo.current, hx) ? yN() : Ym();
             }
@@ -18263,7 +18263,7 @@ Check the render method of \`` + d + "`.");
             zl !== T0 && // LegacyHidden doesn't do any hiding — it only pre-renders.
             !Y && (r.flags |= vl);
           }
-          return !T0 || (r.mode & f1) === Pt ? ea(r) : ka(Zl, Sa) && (ea(r), r.subtreeFlags & (ln | r1) && (r.flags |= vl)), null;
+          return !T0 || (r.mode & d1) === Pt ? ea(r) : ka(Zl, Sa) && (ea(r), r.subtreeFlags & (ln | r1) && (r.flags |= vl)), null;
         }
         case K:
           return null;
@@ -18949,7 +18949,7 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
         case X: {
           if (
             // TODO: Remove this dead flag
-            u.mode & f1
+            u.mode & d1
           ) {
             var $e = ta;
             ta = $e || u.memoizedState !== null, t2(t, r, u), ta = $e;
@@ -19129,7 +19129,7 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
           var v1 = d !== null && d.memoizedState !== null;
           if (
             // TODO: Remove this dead flag
-            t.mode & f1
+            t.mode & d1
           ) {
             var Me = ta;
             ta = Me || v1, Qo(r, t), ta = Me;
@@ -19137,7 +19137,7 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
             Qo(r, t);
           if (Fl(t), x & vl) {
             var Ge = t.stateNode, Le = t.memoizedState, nt = Le !== null, bt = t;
-            if (Ge.isHidden = nt, nt && !v1 && (bt.mode & f1) !== Pt) {
+            if (Ge.isHidden = nt, nt && !v1 && (bt.mode & d1) !== Pt) {
               Tt = bt;
               for (var pt = bt.child; pt !== null; )
                 Tt = pt, FD(pt), pt = pt.sibling;
@@ -19174,7 +19174,7 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
       b0 = u, w0 = r, Tt = t, _S(t, r, u), b0 = null, w0 = null;
     }
     function _S(t, r, u) {
-      for (var d = (t.mode & f1) !== Pt; Tt !== null; ) {
+      for (var d = (t.mode & d1) !== Pt; Tt !== null; ) {
         var x = Tt, A = x.child;
         if (x.tag === X && d) {
           var O = x.memoizedState !== null, Z = O || mf;
@@ -19574,7 +19574,7 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
     }
     function r2(t) {
       var r = t.mode;
-      if ((r & f1) === Pt)
+      if ((r & d1) === Pt)
         return jt;
       if ((b1 & aa) !== Tr && Mr !== We)
         return qn(Mr);
@@ -19594,10 +19594,10 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
     }
     function fN(t) {
       var r = t.mode;
-      return (r & f1) === Pt ? jt : dh();
+      return (r & d1) === Pt ? jt : dh();
     }
     function Ar(t, r, u, d) {
-      RN(), RS && c("useInsertionEffect must not schedule updates."), Gm && (xf = !0), T5(t, u, d), (b1 & aa) !== We && t === za ? PN(r) : (wr && dc(t, r, u), BN(r), t === za && ((b1 & aa) === Tr && (m9 = a1(m9, u)), Lr === h9 && a2(t, Mr)), yi(t, d), u === jt && b1 === Tr && (r.mode & f1) === Pt && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
+      RN(), RS && c("useInsertionEffect must not schedule updates."), Gm && (xf = !0), T5(t, u, d), (b1 & aa) !== We && t === za ? PN(r) : (wr && dc(t, r, u), BN(r), t === za && ((b1 & aa) === Tr && (m9 = a1(m9, u)), Lr === h9 && a2(t, Mr)), yi(t, d), u === jt && b1 === Tr && (r.mode & d1) === Pt && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
       !el.isBatchingLegacy && (g9(), Ow()));
     }
     function dN(t, r, u) {
@@ -20204,7 +20204,7 @@ Error message:
     var Lf = null;
     function YS(t) {
       {
-        if ((b1 & aa) !== Tr || !(t.mode & f1))
+        if ((b1 & aa) !== Tr || !(t.mode & d1))
           return;
         var r = t.tag;
         if (r !== g && r !== y && r !== v && r !== p && r !== V && r !== P && r !== R)
@@ -20288,7 +20288,7 @@ Error message:
     }
     function BN(t) {
       {
-        if (t.mode & f1) {
+        if (t.mode & d1) {
           if (!LS())
             return;
         } else if (!oN() || b1 !== Tr || t.tag !== p && t.tag !== V && t.tag !== R)
@@ -20588,7 +20588,7 @@ This ensures that you're testing the behavior the user would see in the browser.
     }
     function JN(t, r, u) {
       var d;
-      return t === E8 ? (d = f1, r === !0 && (d |= bn, d |= si)) : d = Pt, wr && (d |= Ft), $i(y, null, null, d);
+      return t === E8 ? (d = d1, r === !0 && (d |= bn, d |= si)) : d = Pt, wr && (d |= Ft), $i(y, null, null, d);
     }
     function ov(t, r, u, d, x, A) {
       var O = g, Z = t;
@@ -20602,7 +20602,7 @@ This ensures that you're testing the behavior the user would see in the browser.
             case da:
               return i2(u.children, x, A, r);
             case Or:
-              O = S, x |= bn, (x & f1) !== Pt && (x |= si);
+              O = S, x |= bn, (x & d1) !== Pt && (x |= si);
               break;
             case Rr:
               return KN(u, x, A, r);
@@ -21735,17 +21735,17 @@ Td.exports;
     };
   }
   function xo(ue) {
-    var be = u1(this, ue).delete(ue);
+    var be = c1(this, ue).delete(ue);
     return this.size -= be ? 1 : 0, be;
   }
   function fl(ue) {
-    return u1(this, ue).get(ue);
+    return c1(this, ue).get(ue);
   }
   function qa(ue) {
-    return u1(this, ue).has(ue);
+    return c1(this, ue).has(ue);
   }
   function vr(ue, be) {
-    var Pe = u1(this, ue), dt = Pe.size;
+    var Pe = c1(this, ue), dt = Pe.size;
     return Pe.set(ue, be), this.size += Pe.size == dt ? 0 : 1, this;
   }
   Or.prototype.clear = Rr, Or.prototype.delete = xo, Or.prototype.get = fl, Or.prototype.has = qa, Or.prototype.set = vr;
@@ -21778,11 +21778,11 @@ Td.exports;
   }
   gr.prototype.clear = Ja, gr.prototype.delete = Xn, gr.prototype.get = So, gr.prototype.has = cs, gr.prototype.set = de;
   function Oe(ue, be) {
-    var Pe = An(ue), dt = !Pe && Ln(ue), c1 = !Pe && !dt && H1(ue), O1 = !Pe && !dt && !c1 && _o(ue), S1 = Pe || dt || c1 || O1, s1 = S1 ? rt(ue.length, String) : [], F1 = s1.length;
+    var Pe = An(ue), dt = !Pe && Ln(ue), f1 = !Pe && !dt && H1(ue), O1 = !Pe && !dt && !f1 && _o(ue), S1 = Pe || dt || f1 || O1, s1 = S1 ? rt(ue.length, String) : [], F1 = s1.length;
     for (var Nr in ue)
       (be || ze.call(ue, Nr)) && !(S1 && // Safari 9 has enumerable `arguments.length` in strict mode.
       (Nr == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-      c1 && (Nr == "offset" || Nr == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+      f1 && (Nr == "offset" || Nr == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       O1 && (Nr == "buffer" || Nr == "byteLength" || Nr == "byteOffset") || // Skip index properties.
       pn(Nr, F1))) && s1.push(Nr);
     return s1;
@@ -21832,17 +21832,17 @@ Td.exports;
       dt == "constructor" && (be || !ze.call(ue, dt)) || Pe.push(dt);
     return Pe;
   }
-  function tn(ue, be, Pe, dt, c1) {
+  function tn(ue, be, Pe, dt, f1) {
     ue !== be && Rt(be, function(O1, S1) {
-      if (c1 || (c1 = new gr()), hn(O1))
-        j1(ue, be, S1, Pe, tn, dt, c1);
+      if (f1 || (f1 = new gr()), hn(O1))
+        j1(ue, be, S1, Pe, tn, dt, f1);
       else {
-        var s1 = dt ? dt(Ri(ue, S1), O1, S1 + "", ue, be, c1) : void 0;
+        var s1 = dt ? dt(Ri(ue, S1), O1, S1 + "", ue, be, f1) : void 0;
         s1 === void 0 && (s1 = O1), Ye(ue, S1, s1);
       }
     }, S2);
   }
-  function j1(ue, be, Pe, dt, c1, O1, S1) {
+  function j1(ue, be, Pe, dt, f1, O1, S1) {
     var s1 = Ri(ue, Pe), F1 = Ri(be, Pe), Nr = S1.get(F1);
     if (Nr) {
       Ye(ue, Pe, Nr);
@@ -21853,7 +21853,7 @@ Td.exports;
       var fs = An(F1), yr = !fs && H1(F1), Ni = !fs && !yr && _o(F1);
       Bn = F1, fs || yr || Ni ? An(s1) ? Bn = s1 : In(s1) ? Bn = Ai(s1) : yr ? (Di = !1, Bn = Ka(F1, !0)) : Ni ? (Di = !1, Bn = ei(F1, !0)) : Bn = [] : zu(F1) || Ln(F1) ? (Bn = s1, Ln(s1) ? Bn = x2(s1) : (!hn(s1) || w2(s1)) && (Bn = Ji(F1))) : Di = !1;
     }
-    Di && (S1.set(F1, Bn), c1(Bn, F1, dt, O1, S1), S1.delete(F1)), Ye(ue, Pe, Bn);
+    Di && (S1.set(F1, Bn), f1(Bn, F1, dt, O1, S1), S1.delete(F1)), Ye(ue, Pe, Bn);
   }
   function x1(ue, be) {
     return ko(M1(ue, be, To), ue + "");
@@ -21887,18 +21887,18 @@ Td.exports;
     return be;
   }
   function Ii(ue, be, Pe, dt) {
-    var c1 = !Pe;
+    var f1 = !Pe;
     Pe || (Pe = {});
     for (var O1 = -1, S1 = be.length; ++O1 < S1; ) {
       var s1 = be[O1], F1 = dt ? dt(Pe[s1], ue[s1], s1, Pe, ue) : void 0;
-      F1 === void 0 && (F1 = ue[s1]), c1 ? At(Pe, s1, F1) : it(Pe, s1, F1);
+      F1 === void 0 && (F1 = ue[s1]), f1 ? At(Pe, s1, F1) : it(Pe, s1, F1);
     }
     return Pe;
   }
   function Xr(ue) {
     return x1(function(be, Pe) {
-      var dt = -1, c1 = Pe.length, O1 = c1 > 1 ? Pe[c1 - 1] : void 0, S1 = c1 > 2 ? Pe[2] : void 0;
-      for (O1 = ue.length > 3 && typeof O1 == "function" ? (c1--, O1) : void 0, S1 && Oa(Pe[0], Pe[1], S1) && (O1 = c1 < 3 ? void 0 : O1, c1 = 1), be = Object(be); ++dt < c1; ) {
+      var dt = -1, f1 = Pe.length, O1 = f1 > 1 ? Pe[f1 - 1] : void 0, S1 = f1 > 2 ? Pe[2] : void 0;
+      for (O1 = ue.length > 3 && typeof O1 == "function" ? (f1--, O1) : void 0, S1 && Oa(Pe[0], Pe[1], S1) && (O1 = f1 < 3 ? void 0 : O1, f1 = 1), be = Object(be); ++dt < f1; ) {
         var s1 = Pe[dt];
         s1 && ue(be, s1, dt, O1);
       }
@@ -21907,15 +21907,15 @@ Td.exports;
   }
   function k1(ue) {
     return function(be, Pe, dt) {
-      for (var c1 = -1, O1 = Object(be), S1 = dt(be), s1 = S1.length; s1--; ) {
-        var F1 = S1[ue ? s1 : ++c1];
+      for (var f1 = -1, O1 = Object(be), S1 = dt(be), s1 = S1.length; s1--; ) {
+        var F1 = S1[ue ? s1 : ++f1];
         if (Pe(O1[F1], F1, O1) === !1)
           break;
       }
       return be;
     };
   }
-  function u1(ue, be) {
+  function c1(ue, be) {
     var Pe = ue.__data__;
     return Dr(be) ? Pe[typeof be == "string" ? "string" : "hash"] : Pe.map;
   }
@@ -21930,8 +21930,8 @@ Td.exports;
       var dt = !0;
     } catch {
     }
-    var c1 = at.call(ue);
-    return dt && (be ? ue[B1] = Pe : delete ue[B1]), c1;
+    var f1 = at.call(ue);
+    return dt && (be ? ue[B1] = Pe : delete ue[B1]), f1;
   }
   function Ji(ue) {
     return typeof ue.constructor == "function" && !Hi(ue) ? i5(wt(ue)) : {};
@@ -21969,11 +21969,11 @@ Td.exports;
   }
   function M1(ue, be, Pe) {
     return be = I1(be === void 0 ? ue.length - 1 : be, 0), function() {
-      for (var dt = arguments, c1 = -1, O1 = I1(dt.length - be, 0), S1 = Array(O1); ++c1 < O1; )
-        S1[c1] = dt[be + c1];
-      c1 = -1;
-      for (var s1 = Array(be + 1); ++c1 < be; )
-        s1[c1] = dt[c1];
+      for (var dt = arguments, f1 = -1, O1 = I1(dt.length - be, 0), S1 = Array(O1); ++f1 < O1; )
+        S1[f1] = dt[be + f1];
+      f1 = -1;
+      for (var s1 = Array(be + 1); ++f1 < be; )
+        s1[f1] = dt[f1];
       return s1[be] = Pe(S1), Xe(ue, this, s1);
     };
   }
@@ -21985,8 +21985,8 @@ Td.exports;
   function zt(ue) {
     var be = 0, Pe = 0;
     return function() {
-      var dt = ca(), c1 = f - (dt - Pe);
-      if (Pe = dt, c1 > 0) {
+      var dt = ca(), f1 = f - (dt - Pe);
+      if (Pe = dt, f1 > 0) {
         if (++be >= l)
           return arguments[0];
       } else
@@ -34296,12 +34296,12 @@ var ay = l1(function(n, a) {
   return /* @__PURE__ */ C(St.div, { ref: a, __css: y, ...g });
 });
 ay.displayName = "GridItem";
-var d1 = St("div");
-d1.displayName = "Box";
+var u1 = St("div");
+u1.displayName = "Box";
 var _I = l1(function(n, a) {
   const { size: i, centerContent: l = !0, ...f } = n;
   return /* @__PURE__ */ C(
-    d1,
+    u1,
     {
       ref: a,
       boxSize: i,
@@ -43742,7 +43742,7 @@ const bd = {
       ref: v,
       ...p,
       children: ({ isExpanded: g }) => /* @__PURE__ */ je(
-        d1,
+        u1,
         {
           outline: g ? "3px solid" : `${l ? "3px solid" : "1px solid"}`,
           outlineOffset: g ? "-3px" : `${l ? "-3px" : "-1px"}`,
@@ -43766,7 +43766,7 @@ const bd = {
                 cursor: "pointer",
                 children: /* @__PURE__ */ je(Bt, { alignItems: "center", w: "100%", children: [
                   i ? /* @__PURE__ */ C(Si, { cursor: "grabbing", boxSize: "24px", mr: "8px", children: /* @__PURE__ */ C(one, { fontSize: "24px" }) }) : null,
-                  /* @__PURE__ */ je(d1, { children: [
+                  /* @__PURE__ */ je(u1, { children: [
                     /* @__PURE__ */ je(Bt, { alignItems: "center", gap: "6px", width: "full", children: [
                       /* @__PURE__ */ C(
                         rl,
@@ -43782,10 +43782,10 @@ const bd = {
                       ),
                       h && /* @__PURE__ */ C(Un, { children: h })
                     ] }),
-                    /* @__PURE__ */ C(d1, { textAlign: "left", children: a && /* @__PURE__ */ C(d1, { mt: "4px", children: a }) })
+                    /* @__PURE__ */ C(u1, { textAlign: "left", children: a && /* @__PURE__ */ C(u1, { mt: "4px", children: a }) })
                   ] }),
                   /* @__PURE__ */ je(Bt, { alignItems: "center", ml: "auto", children: [
-                    c && /* @__PURE__ */ C(d1, { onClick: (y) => y.stopPropagation(), children: c }),
+                    c && /* @__PURE__ */ C(u1, { onClick: (y) => y.stopPropagation(), children: c }),
                     /* @__PURE__ */ C(d7.div, { animate: { rotateX: g ? 180 : 0 }, children: /* @__PURE__ */ C(Si, { boxSize: "28px", ml: "16px", children: /* @__PURE__ */ C(qI, { fontSize: "28px" }) }) })
                   ] })
                 ] })
@@ -43893,11 +43893,11 @@ const bd = {
   }
 ) : null }), cy = (e) => {
   const { htmlProps: n, getInputProps: a, getCheckboxProps: i } = V1e(e), l = a({}), f = i();
-  return /* @__PURE__ */ je(d1, { as: "label", cursor: "pointer", position: "relative", ...n, children: [
+  return /* @__PURE__ */ je(u1, { as: "label", cursor: "pointer", position: "relative", ...n, children: [
     /* @__PURE__ */ C("input", { ...l, disabled: e.isDisabled }),
     /* @__PURE__ */ je(Bt, { alignItems: "center", direction: "row", gap: "12px", children: [
       /* @__PURE__ */ C(
-        d1,
+        u1,
         {
           ...f,
           cursor: "pointer",
@@ -44335,11 +44335,11 @@ const bd = {
   ) });
 }, yne = (e) => {
   const { state: n, getCheckboxProps: a, getInputProps: i, getLabelProps: l, htmlProps: f } = bb(e);
-  return /* @__PURE__ */ je(d1, { as: "label", cursor: "pointer", position: "relative", ...f, children: [
+  return /* @__PURE__ */ je(u1, { as: "label", cursor: "pointer", position: "relative", ...f, children: [
     /* @__PURE__ */ C("input", { ...i(), disabled: e.isDisabled }),
     /* @__PURE__ */ je(Bt, { alignItems: "center", direction: "row", gap: "12px", children: [
       /* @__PURE__ */ C(
-        d1,
+        u1,
         {
           cursor: "pointer",
           border: `1px solid ${ne.gray200}`,
@@ -44426,11 +44426,11 @@ const bd = {
   ] });
 }, x4e = (e) => {
   const { state: n, getCheckboxProps: a, getInputProps: i, getLabelProps: l, htmlProps: f } = bb(e);
-  return /* @__PURE__ */ je(d1, { as: "label", cursor: "pointer", position: "relative", ...f, children: [
+  return /* @__PURE__ */ je(u1, { as: "label", cursor: "pointer", position: "relative", ...f, children: [
     /* @__PURE__ */ C("input", { ...i(), disabled: e.isDisabled }),
     /* @__PURE__ */ je(Bt, { alignItems: "center", direction: "row", gap: "12px", children: [
       /* @__PURE__ */ C(
-        d1,
+        u1,
         {
           cursor: "pointer",
           border: `1px solid ${ne.gray100}`,
@@ -44701,7 +44701,7 @@ const bd = {
   isDisabled: y,
   BoxProp: b,
   ...w
-}) => /* @__PURE__ */ C(d1, { as: "label", cursor: "pointer", position: "relative", ...b, children: /* @__PURE__ */ je(
+}) => /* @__PURE__ */ C(u1, { as: "label", cursor: "pointer", position: "relative", ...b, children: /* @__PURE__ */ je(
   Bt,
   {
     alignItems: "center",
@@ -48095,7 +48095,7 @@ const Ub = {
     null
   ), [N, $] = kt(!1);
   return /* @__PURE__ */ je(
-    d1,
+    u1,
     {
       w: "full",
       fontFamily: S ?? "Degular",
@@ -48201,7 +48201,7 @@ const Ub = {
   }, P = Mt(
     null
   );
-  return /* @__PURE__ */ je(d1, { w: "full", fontFamily: S ?? "Degular", fontWeight: 500, children: [
+  return /* @__PURE__ */ je(u1, { w: "full", fontFamily: S ?? "Degular", fontWeight: 500, children: [
     e && /* @__PURE__ */ C(
       p7,
       {
@@ -50117,7 +50117,7 @@ const wie = (MM = dg == null ? void 0 : dg.sort((e, n) => e.name.localeCompare(n
     );
     w(k);
   }, v = Mt(null);
-  return /* @__PURE__ */ je(d1, { w: "full", fontFamily: c ?? "Degular", fontWeight: 500, children: [
+  return /* @__PURE__ */ je(u1, { w: "full", fontFamily: c ?? "Degular", fontWeight: 500, children: [
     a && /* @__PURE__ */ C(
       p7,
       {
@@ -50670,38 +50670,38 @@ var xie = function(e) {
         Pn || (j1 = (j1 = Ha(At)) == f ? h : j1), tn || (x1 = (x1 = Ha(Rt)) == f ? h : x1);
         var rr = j1 == h && !z(At), Ka = x1 == h && !z(Rt), Qa = j1 == x1;
         if (Qa && !rr)
-          return p1 || (p1 = new Gt()), Pn || Xn(At) ? i5(At, Rt, Ct, h1, g1, p1) : function(k1, u1, Vi, pa, Ji, pn, Oa) {
+          return p1 || (p1 = new Gt()), Pn || Xn(At) ? i5(At, Rt, Ct, h1, g1, p1) : function(k1, c1, Vi, pa, Ji, pn, Oa) {
             switch (Vi) {
               case "[object DataView]":
-                if (k1.byteLength != u1.byteLength || k1.byteOffset != u1.byteOffset)
+                if (k1.byteLength != c1.byteLength || k1.byteOffset != c1.byteOffset)
                   return !1;
-                k1 = k1.buffer, u1 = u1.buffer;
+                k1 = k1.buffer, c1 = c1.buffer;
               case "[object ArrayBuffer]":
-                return !(k1.byteLength != u1.byteLength || !pa(new Ce(k1), new Ce(u1)));
+                return !(k1.byteLength != c1.byteLength || !pa(new Ce(k1), new Ce(c1)));
               case "[object Boolean]":
               case "[object Date]":
               case "[object Number]":
-                return da(+k1, +u1);
+                return da(+k1, +c1);
               case "[object Error]":
-                return k1.name == u1.name && k1.message == u1.message;
+                return k1.name == c1.name && k1.message == c1.message;
               case "[object RegExp]":
               case "[object String]":
-                return k1 == u1 + "";
+                return k1 == c1 + "";
               case c:
                 var Dr = X;
               case p:
                 var C1 = 2 & pn;
-                if (Dr || (Dr = W), k1.size != u1.size && !C1)
+                if (Dr || (Dr = W), k1.size != c1.size && !C1)
                   return !1;
                 var Hi = Oa.get(k1);
                 if (Hi)
-                  return Hi == u1;
-                pn |= 1, Oa.set(k1, u1);
-                var Oi = i5(Dr(k1), Dr(u1), pa, Ji, pn, Oa);
+                  return Hi == c1;
+                pn |= 1, Oa.set(k1, c1);
+                var Oi = i5(Dr(k1), Dr(c1), pa, Ji, pn, Oa);
                 return Oa.delete(k1), Oi;
               case "[object Symbol]":
                 if (qe)
-                  return qe.call(k1) == qe.call(u1);
+                  return qe.call(k1) == qe.call(c1);
             }
             return !1;
           }(At, Rt, j1, Ct, h1, g1, p1);
@@ -50712,25 +50712,25 @@ var xie = function(e) {
             return p1 || (p1 = new Gt()), Ct(Ii, Xr, h1, g1, p1);
           }
         }
-        return Qa ? (p1 || (p1 = new Gt()), function(k1, u1, Vi, pa, Ji, pn) {
-          var Oa = 2 & Ji, Dr = So(k1), C1 = Dr.length, Hi = So(u1).length;
+        return Qa ? (p1 || (p1 = new Gt()), function(k1, c1, Vi, pa, Ji, pn) {
+          var Oa = 2 & Ji, Dr = So(k1), C1 = Dr.length, Hi = So(c1).length;
           if (C1 != Hi && !Oa)
             return !1;
           for (var Oi = C1; Oi--; ) {
             var Yr = Dr[Oi];
-            if (!(Oa ? Yr in u1 : oe.call(u1, Yr)))
+            if (!(Oa ? Yr in c1 : oe.call(c1, Yr)))
               return !1;
           }
           var M1 = pn.get(k1);
-          if (M1 && pn.get(u1))
-            return M1 == u1;
+          if (M1 && pn.get(c1))
+            return M1 == c1;
           var Ri = !0;
-          pn.set(k1, u1), pn.set(u1, k1);
+          pn.set(k1, c1), pn.set(c1, k1);
           for (var ko = Oa; ++Oi < C1; ) {
             Yr = Dr[Oi];
-            var zt = k1[Yr], ti = u1[Yr];
+            var zt = k1[Yr], ti = c1[Yr];
             if (pa)
-              var q1 = Oa ? pa(ti, zt, Yr, u1, k1, pn) : pa(zt, ti, Yr, k1, u1, pn);
+              var q1 = Oa ? pa(ti, zt, Yr, c1, k1, pn) : pa(zt, ti, Yr, k1, c1, pn);
             if (!(q1 === void 0 ? zt === ti || Vi(zt, ti, pa, Ji, pn) : q1)) {
               Ri = !1;
               break;
@@ -50738,10 +50738,10 @@ var xie = function(e) {
             ko || (ko = Yr == "constructor");
           }
           if (Ri && !ko) {
-            var Ln = k1.constructor, An = u1.constructor;
-            Ln == An || !("constructor" in k1) || !("constructor" in u1) || typeof Ln == "function" && Ln instanceof Ln && typeof An == "function" && An instanceof An || (Ri = !1);
+            var Ln = k1.constructor, An = c1.constructor;
+            Ln == An || !("constructor" in k1) || !("constructor" in c1) || typeof Ln == "function" && Ln instanceof Ln && typeof An == "function" && An instanceof An || (Ri = !1);
           }
-          return pn.delete(k1), pn.delete(u1), Ri;
+          return pn.delete(k1), pn.delete(c1), Ri;
         }(At, Rt, Ct, h1, g1, p1)) : !1;
       }(de, Oe, Nn, Ye, it, ut));
     }
@@ -51528,7 +51528,7 @@ const L4e = ({
       v && (v.innerHTML = p);
     }
   }, []), /* @__PURE__ */ je(
-    d1,
+    u1,
     {
       w: "full",
       fontFamily: h ?? "Degular",
@@ -51601,7 +51601,7 @@ const L4e = ({
       const R = T.current.offsetWidth;
       P(R);
     }
-  }, [S, T]), /* @__PURE__ */ je(d1, { w: w || "full", children: [
+  }, [S, T]), /* @__PURE__ */ je(u1, { w: w || "full", children: [
     e && /* @__PURE__ */ C(
       an,
       {
@@ -51617,7 +51617,7 @@ const L4e = ({
       }
     ),
     /* @__PURE__ */ je(Sp, { children: [
-      b === "password" && /* @__PURE__ */ C(F6, { py: "24px", children: /* @__PURE__ */ C(d1, { onClick: () => V((R) => !R), children: L ? /* @__PURE__ */ C(
+      b === "password" && /* @__PURE__ */ C(F6, { py: "24px", children: /* @__PURE__ */ C(u1, { onClick: () => V((R) => !R), children: L ? /* @__PURE__ */ C(
         pne,
         {
           style: {
@@ -51692,7 +51692,7 @@ const L4e = ({
         }
       )
     ] }),
-    (g || p || y) && /* @__PURE__ */ C(d1, { mt: "8px", children: v && g ? /* @__PURE__ */ je(Bt, { alignItems: "center", gap: "6px", children: [
+    (g || p || y) && /* @__PURE__ */ C(u1, { mt: "8px", children: v && g ? /* @__PURE__ */ je(Bt, { alignItems: "center", gap: "6px", children: [
       /* @__PURE__ */ C(x6, { color: ne.green600 }),
       /* @__PURE__ */ C(
         Ya,
@@ -59989,7 +59989,7 @@ const c3e = ({
   isLoading: a,
   hasGenerateWithAi: i = !0
 }) => /* @__PURE__ */ je("div", { id: "toolbar", children: [
-  /* @__PURE__ */ C("span", { className: "ql-formats", children: /* @__PURE__ */ C("span", { className: "ql-hello", children: /* @__PURE__ */ C(d1, { borderRight: `1px solid ${ne.gray100}`, pr: "4px", children: i && /* @__PURE__ */ C(
+  /* @__PURE__ */ C("span", { className: "ql-formats", children: /* @__PURE__ */ C("span", { className: "ql-hello", children: /* @__PURE__ */ C(u1, { borderRight: `1px solid ${ne.gray100}`, pr: "4px", children: i && /* @__PURE__ */ C(
     Bt,
     {
       justifyContent: "center",
@@ -60104,7 +60104,7 @@ const c3e = ({
     }),
     []
   );
-  return /* @__PURE__ */ je(d1, { w: "full", fontFamily: "Degular", fontWeight: 500, className: "ms-ds", children: [
+  return /* @__PURE__ */ je(u1, { w: "full", fontFamily: "Degular", fontWeight: 500, className: "ms-ds", children: [
     c && /* @__PURE__ */ C(
       p7,
       {
@@ -60118,7 +60118,7 @@ const c3e = ({
       }
     ),
     /* @__PURE__ */ je(
-      d1,
+      u1,
       {
         border: a ?? `1px solid ${ne.gray50}`,
         borderRadius: "12px",
@@ -60232,7 +60232,7 @@ const c3e = ({
     const T = (I = V == null ? void 0 : V.target) == null ? void 0 : I.value;
     _(T.length), T.length > (v || 200) ? M(!0) : M(!1);
   };
-  return /* @__PURE__ */ je(d1, { w: y || "full", position: "relative", children: [
+  return /* @__PURE__ */ je(u1, { w: y || "full", children: [
     /* @__PURE__ */ C(
       an,
       {
@@ -60246,74 +60246,66 @@ const c3e = ({
         children: e
       }
     ),
-    /* @__PURE__ */ C(
-      d1,
-      {
-        w: "fit-content",
-        right: "20px",
-        top: "38px",
-        position: "absolute",
-        zIndex: 10,
-        children: /* @__PURE__ */ je(
-          Ya,
-          {
-            color: ne.gray200,
-            size: "xxs",
-            fontFamily: b ?? "Degular",
-            children: [
-              k,
-              "/",
-              v || 200
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ C(
-      UI,
-      {
-        name: n,
-        id: a,
-        value: i,
-        defaultValue: f,
-        onChange: (V) => {
-          L(V), l && l(V);
-        },
-        placeholder: c || "Type something...",
-        bg: ne.white100,
-        borderRadius: "12px",
-        border: "none",
-        fontFamily: b ?? "Degular",
-        fontSize: "16px",
-        lineHeight: "24px",
-        letterSpacing: "-0.2px",
-        fontWeight: 500,
-        outlineOffset: h || S ? "-2px" : "-1px",
-        outline: h || S ? "2px solid" : "1px solid",
-        _placeholder: { color: `${ne.gray200}` },
-        outlineColor: h || S ? ne.red500 : ne.gray50,
-        _focus: {
-          outline: `3px solid ${h || S ? ne.red500 : ne.black300}`,
-          outlineOffset: "-3px",
-          background: `${ne.white100}`
-        },
-        _focusVisible: {
-          outline: `3px solid ${h || S ? ne.red500 : ne.black300} !important`,
-          outlineOffset: "-3px",
-          background: `${ne.white100} !important`
-        },
-        _hover: {
-          background: `${ne.gray50}`
-        },
-        h: g ?? "120px",
-        w: "100%",
-        px: "16px",
-        pt: "30px",
-        resize: "none",
-        ...w
-      }
-    ),
-    /* @__PURE__ */ C(d1, { mt: "8px", children: h && p ? /* @__PURE__ */ je(Bt, { alignItems: "center", gap: "6px", children: [
+    /* @__PURE__ */ je(u1, { w: "100%", position: "relative", children: [
+      /* @__PURE__ */ C(u1, { position: "absolute", right: "20px", zIndex: 10, top: "12px", children: /* @__PURE__ */ je(
+        Ya,
+        {
+          color: ne.gray200,
+          size: "xxs",
+          fontFamily: b ?? "Degular",
+          children: [
+            k,
+            "/",
+            v || 200
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ C(
+        UI,
+        {
+          name: n,
+          id: a,
+          value: i,
+          defaultValue: f,
+          onChange: (V) => {
+            L(V), l && l(V);
+          },
+          placeholder: c || "Type something...",
+          bg: ne.white100,
+          borderRadius: "12px",
+          border: "none",
+          fontFamily: b ?? "Degular",
+          fontSize: "16px",
+          lineHeight: "24px",
+          letterSpacing: "-0.2px",
+          fontWeight: 500,
+          outlineOffset: h || S ? "-2px" : "-1px",
+          outline: h || S ? "2px solid" : "1px solid",
+          _placeholder: { color: `${ne.gray200}` },
+          outlineColor: h || S ? ne.red500 : ne.gray50,
+          _focus: {
+            outline: `3px solid ${h || S ? ne.red500 : ne.black300}`,
+            outlineOffset: "-3px",
+            background: `${ne.white100}`
+          },
+          _focusVisible: {
+            outline: `3px solid ${h || S ? ne.red500 : ne.black300} !important`,
+            outlineOffset: "-3px",
+            background: `${ne.white100} !important`
+          },
+          _hover: {
+            background: `${ne.gray50}`
+          },
+          h: g ?? "120px",
+          w: "100%",
+          px: "16px",
+          pt: "30px",
+          resize: "none",
+          ...w
+        }
+      )
+    ] }),
+    /* @__PURE__ */ C(u1, { mt: "8px", children: h && p ? /* @__PURE__ */ je(Bt, { alignItems: "center", gap: "6px", children: [
       /* @__PURE__ */ C(S6, { color: ne.red500 }),
       /* @__PURE__ */ C(
         Ya,
@@ -60357,7 +60349,7 @@ const c3e = ({
   width: b,
   usernamePrefix: w,
   ...k
-}) => /* @__PURE__ */ je(d1, { w: b || "full", children: [
+}) => /* @__PURE__ */ je(u1, { w: b || "full", children: [
   /* @__PURE__ */ C(
     an,
     {
@@ -60423,7 +60415,7 @@ const c3e = ({
       }
     )
   ] }),
-  /* @__PURE__ */ C(d1, { mt: "8px", children: g && y && /* @__PURE__ */ je(Bt, { alignItems: "center", gap: "6px", children: [
+  /* @__PURE__ */ C(u1, { mt: "8px", children: g && y && /* @__PURE__ */ je(Bt, { alignItems: "center", gap: "6px", children: [
     /* @__PURE__ */ C(S6, { color: ne.red500 }),
     /* @__PURE__ */ C(Ya, { color: ne.red500, size: "xxs", children: y })
   ] }) })
@@ -60627,7 +60619,7 @@ const c3e = ({
       closeOnBlur: !1,
       placement: l ?? "bottom",
       children: /* @__PURE__ */ je(Un, { children: [
-        /* @__PURE__ */ C(Tp, { children: /* @__PURE__ */ C(d1, { children: i }) }),
+        /* @__PURE__ */ C(Tp, { children: /* @__PURE__ */ C(u1, { children: i }) }),
         /* @__PURE__ */ je(
           Ap,
           {
@@ -60645,7 +60637,7 @@ const c3e = ({
             ...S,
             children: [
               /* @__PURE__ */ C(BI, { bg: ne.black300 }),
-              /* @__PURE__ */ C(Lp, { p: 0, children: /* @__PURE__ */ je(d1, { color: ne.white100, children: [
+              /* @__PURE__ */ C(Lp, { p: 0, children: /* @__PURE__ */ je(u1, { color: ne.white100, children: [
                 p && /* @__PURE__ */ je(
                   Bt,
                   {
@@ -60780,10 +60772,9 @@ const c3e = ({
   onClick: p,
   width: v,
   bottomComponent: g,
-  tag: y,
-  ...b
+  ...y
 }) => /* @__PURE__ */ je(
-  d1,
+  u1,
   {
     cursor: "pointer",
     outline: f ? "3px solid" : "1px solid",
@@ -60798,7 +60789,7 @@ const c3e = ({
       bg: ne.gray25
     },
     onClick: p,
-    ...b,
+    ...y,
     children: [
       /* @__PURE__ */ je(
         Bt,
@@ -60817,7 +60808,7 @@ const c3e = ({
               }
             ),
             e && a === "leading" && e,
-            /* @__PURE__ */ je(d1, { w: "100%", children: [
+            /* @__PURE__ */ je(u1, { w: "100%", children: [
               e && a === "top" && /* @__PURE__ */ je(Bt, { alignItems: "center", w: "100%", children: [
                 /* @__PURE__ */ C(Si, { boxSize: "28px", mb: "12px", children: e }),
                 i && /* @__PURE__ */ C(Si, { boxSize: "28px", mb: "12px", ml: "auto", children: /* @__PURE__ */ C(
@@ -60829,25 +60820,22 @@ const c3e = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ je(Bt, { alignItems: "center", gap: "2px", children: [
-                /* @__PURE__ */ C(
-                  an,
-                  {
-                    fontFamily: "Degular",
-                    fontSize: "16px",
-                    fontWeight: 600,
-                    lineHeight: "20px",
-                    letterSpacing: "-0.064px",
-                    mb: "4px",
-                    mt: "0",
-                    children: c || "Title"
-                  }
-                ),
-                y
-              ] }),
+              /* @__PURE__ */ C(Bt, { alignItems: "center", children: typeof c == "string" ? /* @__PURE__ */ C(
+                an,
+                {
+                  fontFamily: "Degular",
+                  fontSize: "16px",
+                  fontWeight: 600,
+                  lineHeight: "20px",
+                  letterSpacing: "-0.064px",
+                  mb: "4px",
+                  mt: "0",
+                  children: c || "Title"
+                }
+              ) : c }),
               /* @__PURE__ */ C(Un, { children: typeof h == "string" ? /* @__PURE__ */ C(Ya, { color: ne.gray400, size: "xxs", children: h }) : h })
             ] }),
-            e && a === "trailing" ? e : e && a === "leading" && i || !e && i ? /* @__PURE__ */ C(d1, { w: "28px", children: /* @__PURE__ */ C(
+            e && a === "trailing" ? e : e && a === "leading" && i || !e && i ? /* @__PURE__ */ C(u1, { w: "28px", children: /* @__PURE__ */ C(
               cy,
               {
                 pointerEvents: "none",
@@ -61011,9 +60999,9 @@ const c3e = ({
     return M > 1e3 ? `${(M / 1e3).toFixed(2)} MB` : `${M.toFixed(2)} KB`;
   }, { isOpen: w, onToggle: k, onClose: _ } = kI();
   return /* @__PURE__ */ je(Un, { children: [
-    e ? /* @__PURE__ */ C(d1, { children: /* @__PURE__ */ je(Bt, { mt: "12px", gap: "16px", alignItems: "center", children: [
+    e ? /* @__PURE__ */ C(u1, { children: /* @__PURE__ */ je(Bt, { mt: "12px", gap: "16px", alignItems: "center", children: [
       /* @__PURE__ */ C(Si, { boxSize: "48px", bg: ne.gray50, borderRadius: "6px", children: c }),
-      /* @__PURE__ */ je(d1, { children: [
+      /* @__PURE__ */ je(u1, { children: [
         /* @__PURE__ */ C(Ya, { size: "xs", children: e == null ? void 0 : e.name }),
         /* @__PURE__ */ C(Ya, { size: "xxs", color: ne.gray400, mt: "4px", children: b(e == null ? void 0 : e.size) })
       ] }),
@@ -61269,7 +61257,7 @@ const c3e = ({
               ]
             }
           ),
-          /* @__PURE__ */ C(d1, { position: "absolute", bottom: b ? "16px" : "24px", children: /* @__PURE__ */ C(
+          /* @__PURE__ */ C(u1, { position: "absolute", bottom: b ? "16px" : "24px", children: /* @__PURE__ */ C(
             t5,
             {
               size: "small",
@@ -61307,7 +61295,7 @@ const c3e = ({
               outlineColor: a[k] ? ne.white100 : ne.black300,
               bgColor: a[k] ? ne.white100 : ne.gray50
             },
-            children: a[k] ? /* @__PURE__ */ C(d1, { position: "absolute", top: "8px", right: "8px", children: /* @__PURE__ */ je(Mp, { placement: "bottom-end", children: [
+            children: a[k] ? /* @__PURE__ */ C(u1, { position: "absolute", top: "8px", right: "8px", children: /* @__PURE__ */ je(Mp, { placement: "bottom-end", children: [
               /* @__PURE__ */ C(Tp, { children: /* @__PURE__ */ C(
                 Ep,
                 {
@@ -61416,7 +61404,7 @@ const c3e = ({
   label: l,
   variant: f = "right",
   ...c
-}) => /* @__PURE__ */ je(d1, { fontFamily: e ?? "Degular", fontWeight: "600", children: [
+}) => /* @__PURE__ */ je(u1, { fontFamily: e ?? "Degular", fontWeight: "600", children: [
   l && /* @__PURE__ */ C(
     St.label,
     {
@@ -61486,7 +61474,7 @@ const c3e = ({
           }
         ),
         /* @__PURE__ */ C(
-          d1,
+          u1,
           {
             order: f === "right" ? 0 : 1,
             alignSelf: "stretch",
@@ -61910,7 +61898,7 @@ const w3e = ({
       className: "ms-ds",
       boxShadow: "lg",
       children: [
-        /* @__PURE__ */ C(d1, { children: f[n] }),
+        /* @__PURE__ */ C(u1, { children: f[n] }),
         /* @__PURE__ */ je(Bt, { flexDir: "column", justifyContent: "space-between", flex: 1, children: [
           /* @__PURE__ */ C(
             an,

package/build/src/components/Tiles/index.d.ts

@@ -1,10 +1,9 @@
 /** @format */
 import { BoxProps } from "@chakra-ui/react";
 import { ReactNode } from "react";
-export interface TileProps extends BoxProps {
+export interface TileProps extends Omit<BoxProps, "title"> {
     isSelected?: boolean;
-    title: string;
-    tag?: ReactNode;
+    title?: ReactNode;
     image?: string;
     subText?: ReactNode;
     icon?: JSX.Element;
@@ -14,5 +13,5 @@ export interface TileProps extends BoxProps {
     bottomComponent?: ReactNode;
     onClick?: () => void;
 }
-declare const Tile: ({ icon, image, iconPosition, hasRadioButton, hasCheckBox, isSelected, title, subText, onClick, width, bottomComponent, tag, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tile: ({ icon, image, iconPosition, hasRadioButton, hasCheckBox, isSelected, title, subText, onClick, width, bottomComponent, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
 export default Tile;

package/build/src/stories/Tiles/Tile.stories.d.ts

@@ -13,3 +13,4 @@ export declare const TileWithLeadingRadioIconAndSubtext: Story;
 export declare const TileWithLeadingRadioBorderIconAndSubtext: Story;
 export declare const TileWithBottomComponent: Story;
 export declare const TileWithImageAndCheckbox: Story;
+export declare const TileWithTitleAndTag: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "0.6.6",
+  "version": "0.6.8",
   "type": "module",
   "main": "build/mainstack-design-system.js",
   "types": "build/src/index.d.ts",