rds-ui-system 2.0.22 → 2.0.23

package/dist/rds-ui-system.es.js

@@ -17,20 +17,20 @@ function x1() {
   var r = ye,
     i = Symbol.for('react.element'),
     h = Symbol.for('react.fragment'),
-    x = Object.prototype.hasOwnProperty,
+    f = Object.prototype.hasOwnProperty,
     g = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
     v = { key: !0, ref: !0, __self: !0, __source: !0 }
-  function f(p, o, j) {
+  function d(p, o, j) {
     var u,
       c = {},
       _ = null,
       b = null
     j !== void 0 && (_ = '' + j), o.key !== void 0 && (_ = '' + o.key), o.ref !== void 0 && (b = o.ref)
-    for (u in o) x.call(o, u) && !v.hasOwnProperty(u) && (c[u] = o[u])
+    for (u in o) f.call(o, u) && !v.hasOwnProperty(u) && (c[u] = o[u])
     if (p && p.defaultProps) for (u in ((o = p.defaultProps), o)) c[u] === void 0 && (c[u] = o[u])
     return { $$typeof: i, type: p, key: _, ref: b, props: c, _owner: g.current }
   }
-  return (U.Fragment = h), (U.jsx = f), (U.jsxs = f), U
+  return (U.Fragment = h), (U.jsx = d), (U.jsxs = d), U
 }
 var $ = {}
 /**
@@ -52,10 +52,10 @@ function f1() {
           var r = ye,
             i = Symbol.for('react.element'),
             h = Symbol.for('react.portal'),
-            x = Symbol.for('react.fragment'),
+            f = Symbol.for('react.fragment'),
             g = Symbol.for('react.strict_mode'),
             v = Symbol.for('react.profiler'),
-            f = Symbol.for('react.provider'),
+            d = Symbol.for('react.provider'),
             p = Symbol.for('react.context'),
             o = Symbol.for('react.forward_ref'),
             j = Symbol.for('react.suspense'),
@@ -100,7 +100,7 @@ function f1() {
             return !!(
               typeof l == 'string' ||
               typeof l == 'function' ||
-              l === x ||
+              l === f ||
               l === v ||
               Be ||
               l === g ||
@@ -115,7 +115,7 @@ function f1() {
                 l !== null &&
                 (l.$$typeof === _ ||
                   l.$$typeof === c ||
-                  l.$$typeof === f ||
+                  l.$$typeof === d ||
                   l.$$typeof === p ||
                   l.$$typeof === o || // This needs to include all possible module reference object
                   // types supported by any Flight configuration anywhere since
@@ -146,7 +146,7 @@ function f1() {
               return l.displayName || l.name || null
             if (typeof l == 'string') return l
             switch (l) {
-              case x:
+              case f:
                 return 'Fragment'
               case h:
                 return 'Portal'
@@ -164,7 +164,7 @@ function f1() {
                 case p:
                   var t = l
                   return ce(t) + '.Consumer'
-                case f:
+                case d:
                   var s = l
                   return ce(s._context) + '.Provider'
                 case o:
@@ -335,24 +335,24 @@ function f1() {
             } catch (A) {
               if (A && n && typeof A.stack == 'string') {
                 for (
-                  var d = A.stack.split(`
+                  var x = A.stack.split(`
 `),
                     k = n.stack.split(`
 `),
-                    V = d.length - 1,
+                    V = x.length - 1,
                     M = k.length - 1;
-                  V >= 1 && M >= 0 && d[V] !== k[M];
+                  V >= 1 && M >= 0 && x[V] !== k[M];
 
                 )
                   M--
                 for (; V >= 1 && M >= 0; V--, M--)
-                  if (d[V] !== k[M]) {
+                  if (x[V] !== k[M]) {
                     if (V !== 1 || M !== 1)
                       do
-                        if ((V--, M--, M < 0 || d[V] !== k[M])) {
+                        if ((V--, M--, M < 0 || x[V] !== k[M])) {
                           var R =
                             `
-` + d[V].replace(' at new ', ' at ')
+` + x[V].replace(' at new ', ' at ')
                           return (
                             l.displayName && R.includes('<anonymous>') && (R = R.replace('<anonymous>', l.displayName)),
                             typeof l == 'function' && Y.set(l, R),
@@ -419,7 +419,7 @@ function f1() {
               var L = Function.call.bind(G)
               for (var w in l)
                 if (L(l, w)) {
-                  var d = void 0
+                  var x = void 0
                   try {
                     if (typeof l[w] != 'function') {
                       var k = Error(
@@ -434,24 +434,24 @@ function f1() {
                       )
                       throw ((k.name = 'Invariant Violation'), k)
                     }
-                    d = l[w](t, w, n, s, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED')
+                    x = l[w](t, w, n, s, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED')
                   } catch (V) {
-                    d = V
+                    x = V
                   }
-                  d &&
-                    !(d instanceof Error) &&
+                  x &&
+                    !(x instanceof Error) &&
                     (J(C),
                     m(
                       '%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).',
                       n || 'React class',
                       s,
                       w,
-                      typeof d,
+                      typeof x,
                     ),
                     J(null)),
-                    d instanceof Error &&
-                      !(d.message in je) &&
-                      ((je[d.message] = !0), J(C), m('Failed %s type: %s', s, d.message), J(null))
+                    x instanceof Error &&
+                      !(x.message in je) &&
+                      ((je[x.message] = !0), J(C), m('Failed %s type: %s', s, x.message), J(null))
                 }
             }
           }
@@ -558,7 +558,7 @@ function f1() {
             }
           }
           var l1 = function (l, t, s, n, C, L, w) {
-            var d = {
+            var x = {
               // This tag allows us to uniquely identify this as a React Element
               $$typeof: i,
               // Built-in properties that belong on the element
@@ -570,48 +570,48 @@ function f1() {
               _owner: L,
             }
             return (
-              (d._store = {}),
-              Object.defineProperty(d._store, 'validated', {
+              (x._store = {}),
+              Object.defineProperty(x._store, 'validated', {
                 configurable: !1,
                 enumerable: !1,
                 writable: !0,
                 value: !1,
               }),
-              Object.defineProperty(d, '_self', {
+              Object.defineProperty(x, '_self', {
                 configurable: !1,
                 enumerable: !1,
                 writable: !1,
                 value: n,
               }),
-              Object.defineProperty(d, '_source', {
+              Object.defineProperty(x, '_source', {
                 configurable: !1,
                 enumerable: !1,
                 writable: !1,
                 value: C,
               }),
-              Object.freeze && (Object.freeze(d.props), Object.freeze(d)),
-              d
+              Object.freeze && (Object.freeze(x.props), Object.freeze(x)),
+              x
             )
           }
           function i1(l, t, s, n, C) {
             {
               var L,
                 w = {},
-                d = null,
+                x = null,
                 k = null
-              s !== void 0 && (Ce(s), (d = '' + s)),
-                Xe(t) && (Ce(t.key), (d = '' + t.key)),
+              s !== void 0 && (Ce(s), (x = '' + s)),
+                Xe(t) && (Ce(t.key), (x = '' + t.key)),
                 Ke(t) && ((k = t.ref), qe(t, C))
               for (L in t) G.call(t, L) && !Je.hasOwnProperty(L) && (w[L] = t[L])
               if (l && l.defaultProps) {
                 var V = l.defaultProps
                 for (L in V) w[L] === void 0 && (w[L] = V[L])
               }
-              if (d || k) {
+              if (x || k) {
                 var M = typeof l == 'function' ? l.displayName || l.name || 'Unknown' : l
-                d && Qe(w, M), k && e1(w, M)
+                x && Qe(w, M), k && e1(w, M)
               }
-              return l1(l, d, k, C, n, S.current, w)
+              return l1(l, x, k, C, n, S.current, w)
             }
           }
           var ie = a.ReactCurrentOwner,
@@ -751,12 +751,12 @@ Check the top-level render call using <` +
             {
               var w = Oe(l)
               if (!w) {
-                var d = ''
+                var x = ''
                 ;(l === void 0 || (typeof l == 'object' && l !== null && Object.keys(l).length === 0)) &&
-                  (d +=
+                  (x +=
                     " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.")
                 var k = r1()
-                k ? (d += k) : (d += Ve())
+                k ? (x += k) : (x += Ve())
                 var V
                 l === null
                   ? (V = 'null')
@@ -764,12 +764,12 @@ Check the top-level render call using <` +
                   ? (V = 'array')
                   : l !== void 0 && l.$$typeof === i
                   ? ((V = '<' + (Z(l.type) || 'Unknown') + ' />'),
-                    (d = ' Did you accidentally export a JSX literal instead of a component?'))
+                    (x = ' Did you accidentally export a JSX literal instead of a component?'))
                   : (V = typeof l),
                   m(
                     'React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s',
                     V,
-                    d,
+                    x,
                   )
               }
               var M = i1(l, t, s, C, L)
@@ -787,7 +787,7 @@ Check the top-level render call using <` +
                       )
                   else ke(R, l)
               }
-              return l === x ? n1(M) : s1(M), M
+              return l === f ? n1(M) : s1(M), M
             }
           }
           function a1(l, t, s) {
@@ -798,7 +798,7 @@ Check the top-level render call using <` +
           }
           var h1 = c1,
             o1 = a1
-          ;($.Fragment = x), ($.jsx = h1), ($.jsxs = o1)
+          ;($.Fragment = f), ($.jsx = h1), ($.jsxs = o1)
         })()),
     $
   )
@@ -2942,23 +2942,23 @@ const ne = {
     label: r,
     variant: i = 'DEFAULT',
     isDisabled: h = !1,
-    isOutlined: x = !1,
+    isOutlined: f = !1,
     onClick: g,
     children: v,
-    type: f,
+    type: d,
     customClasses: p,
     iconName: o = 'Block',
   }) =>
     /* @__PURE__ */ e.jsx('button', {
-      type: f,
+      type: d,
       className: `flex flex-col items-center transition-color duration-100 
       justify-center gap-2 overflow-hidden rounded
       ${
         h
-          ? x
+          ? f
             ? 'bg-[#ffffff] h-12 cursor-not-allowed pointer-events-none text-[#afb0b7] border border-1 border-[#afb0b7]'
             : 'bg-[#e9e8ea] h-12 cursor-not-allowed pointer-events-none text-[#afb0b7] border border-1 border-transparent'
-          : x
+          : f
           ? Ne.OUTLINED
           : Ne[i]
       }
@@ -2969,13 +2969,13 @@ const ne = {
           ? /* @__PURE__ */ e.jsx(e.Fragment, {
               children: /* @__PURE__ */ e.jsx('div', {
                 className: 'p-[0.5em]',
-                children: v || /* @__PURE__ */ e.jsx('span', { children: ne[o](x == !1, h == !0) }),
+                children: v || /* @__PURE__ */ e.jsx('span', { children: ne[o](f == !1, h == !0) }),
               }),
             })
           : /* @__PURE__ */ e.jsxs('div', {
               className: 'flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2 px-6 py-2.5',
               children: [
-                i == 'ICONPLUS' && /* @__PURE__ */ e.jsx('span', { children: ne[o](x == !1, h == !0) }),
+                i == 'ICONPLUS' && /* @__PURE__ */ e.jsx('span', { children: ne[o](f == !1, h == !0) }),
                 /* @__PURE__ */ e.jsx('p', {
                   className: `flex-grow-0 flex-shrink-0 text-[0.8750em] text-center 
             `,
@@ -2995,20 +2995,20 @@ const ne = {
     placeholder: r,
     label: i,
     variant: h = 'DEFAULT',
-    isDisabled: x = !1,
+    isDisabled: f = !1,
     isError: g = !1,
     onChange: v,
-    value: f,
+    value: d,
     name: p,
     type: o,
     id: j,
     supportingText: u,
     isRequired: c,
   }) => {
-    const [_, b] = N(f || '')
+    const [_, b] = N(d || '')
     K(() => {
-      b(f || '')
-    }, [f])
+      b(d || '')
+    }, [d])
     const E = (a) => {
         const { value: m } = a.target
         b(m), v && v(a)
@@ -3018,12 +3018,12 @@ const ne = {
       },
       F = `h-[3.1em] w-full transition-colors px-[0.9em] hover:px-[0.9em] py-2 rounded-md 
   ${c || g ? 'border-red-500' : ''} 
-  ${w1[h]} ${x ? 'cursor-not-allowed pointer-events-none' : ''}`
+  ${w1[h]} ${f ? 'cursor-not-allowed pointer-events-none' : ''}`
     return /* @__PURE__ */ e.jsx(e.Fragment, {
       children: /* @__PURE__ */ e.jsxs('div', {
         className: `relative flex flex-col items-start justify-start 
         flex-grow-0 flex-shrink-0 w-full bg-white rounded-tl rounded-tr h-14 
-        ${x && 'opacity-[0.3] cursor-not-allowed pointer-events-none'}`,
+        ${f && 'opacity-[0.3] cursor-not-allowed pointer-events-none'}`,
         children: [
           i &&
             /* @__PURE__ */ e.jsx('div', {
@@ -3100,9 +3100,9 @@ const ne = {
   H1 = {
     DEFAULT: 'bg-black hover:bg-black-800 active:bg-grey-900',
   },
-  M1 = ({ options: r, selectedCatOptions: i, setSelectedCatOptions: h, variant: x = 'DEFAULT' }) => {
+  M1 = ({ options: r, selectedCatOptions: i, setSelectedCatOptions: h, variant: f = 'DEFAULT' }) => {
     const [g, v] = N(null),
-      f = {},
+      d = {},
       p = r,
       o = (a) => {
         const m = a.classId.split('_')[0],
@@ -3124,7 +3124,7 @@ const ne = {
       },
       j = p.map((a) => o(a))
     Object.values(j).forEach((a) => {
-      f[a.groupName] || (f[a.groupName] = []), f[a.groupName].push(a)
+      d[a.groupName] || (d[a.groupName] = []), d[a.groupName].push(a)
     })
     const u = (a) => {
         v((m) => (m === a ? null : a))
@@ -3150,8 +3150,8 @@ const ne = {
     return /* @__PURE__ */ e.jsx(e.Fragment, {
       children: /* @__PURE__ */ e.jsx('div', {
         className: 'w-full overflow-hidden border rounded border-brand-black',
-        children: Object.keys(f).map((a) => {
-          const m = f[a],
+        children: Object.keys(d).map((a) => {
+          const m = d[a],
             H = a === g
           return /* @__PURE__ */ e.jsxs(
             'div',
@@ -3327,19 +3327,19 @@ const ne = {
     placeholder: r,
     label: i,
     isDisabled: h = !1,
-    isError: x = !1,
+    isError: f = !1,
     isRequired: g = !1,
     onChange: v,
-    checked: f,
+    checked: d,
     id: p,
     readOnly: o,
   }) => {
-    const [j, u] = N(f || !1),
+    const [j, u] = N(d || !1),
       [c, _] = N(!1)
     return (
       K(() => {
-        u(f || !1)
-      }, [f]),
+        u(d || !1)
+      }, [d]),
       /* @__PURE__ */ e.jsxs('div', {
         className: `relative flex items-start justify-start gap-2 ${h ? 'opacity-50 pointer-events-none' : ''} bg-red`,
         children: [
@@ -3359,10 +3359,10 @@ const ne = {
                 height: 19,
                 rx: '0',
                 fill: 'white',
-                stroke: x || g ? '#e2001a' : c ? 'black' : '#AFB0B7',
+                stroke: f || g ? '#e2001a' : c ? 'black' : '#AFB0B7',
                 strokeWidth: c ? 3 : 1,
               }),
-              (j || f) &&
+              (j || d) &&
                 /* @__PURE__ */ e.jsx('path', {
                   d: 'M13.9887 5L8.28867 10.8L5.78867 8.3L3.88867 10.1L8.28867 14.5L15.8887 6.9L13.9887 5Z',
                   fill: 'black',
@@ -3372,7 +3372,7 @@ const ne = {
           i &&
             /* @__PURE__ */ e.jsx('p', {
               className: `flex items-center flex-grow-0 flex-shrink-0 w-auto h-5 text-base text-left 
-                    ${x || g ? 'text-[#e2001a]' : 'text-black'}`,
+                    ${f || g ? 'text-[#e2001a]' : 'text-black'}`,
               children: i,
             }),
           /* @__PURE__ */ e.jsx('input', {
@@ -3397,13 +3397,13 @@ const ne = {
   Z1 = {
     DEFAULT: 'bg-black hover:bg-black-800 active:bg-grey-900',
   },
-  A1 = ({ label: r, isDisabled: i, variant: h = 'DEFAULT', onClick: x }) =>
+  A1 = ({ label: r, isDisabled: i, variant: h = 'DEFAULT', onClick: f }) =>
     /* @__PURE__ */ e.jsx('button', {
       className: `justify-start items-start h-8 overflow-hidden rounded-lg bg-[#d8e6f2] hover:bg-[#c2d6e7] 
       transition-colors duration-300 w-auto inline-block ${
         i && 'opacity-[0.3] cursor-not-allowed pointer-events-none'
       }`,
-      onClick: x,
+      onClick: f,
       children: /* @__PURE__ */ e.jsxs('div', {
         className: 'flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2 pl-3 pr-2 py-1.5',
         children: [
@@ -3446,19 +3446,19 @@ const ne = {
     placeholder: r,
     label: i,
     isDisabled: h = !1,
-    isError: x = !1,
+    isError: f = !1,
     isRequired: g = !1,
     onChange: v,
-    checked: f,
+    checked: d,
     id: p,
     readOnly: o,
   }) => {
-    const [j, u] = N(f || !1),
+    const [j, u] = N(d || !1),
       [c, _] = N(!1)
     return (
       K(() => {
-        u(f || !1)
-      }, [f]),
+        u(d || !1)
+      }, [d]),
       /* @__PURE__ */ e.jsxs('div', {
         className: `relative flex items-start justify-start gap-2 ${h ? 'opacity-50 pointer-events-none' : ''} bg-red`,
         children: [
@@ -3478,7 +3478,7 @@ const ne = {
                 height: 19,
                 rx: '10',
                 fill: 'white',
-                stroke: x || g ? '#e2001a' : c ? 'black' : '#AFB0B7',
+                stroke: f || g ? '#e2001a' : c ? 'black' : '#AFB0B7',
                 strokeWidth: 1,
               }),
               c && /* @__PURE__ */ e.jsx('circle', { cx: 10, cy: 10, r: 6, fill: 'lightgrey' }),
@@ -3488,7 +3488,7 @@ const ne = {
           i &&
             /* @__PURE__ */ e.jsx('p', {
               className: `flex items-center flex-grow-0 flex-shrink-0 w-auto h-5 text-base text-left 
-        ${x || g ? 'text-[#e2001a]' : 'text-black'}`,
+        ${f || g ? 'text-[#e2001a]' : 'text-black'}`,
               children: i,
             }),
           /* @__PURE__ */ e.jsx('input', {
@@ -3517,10 +3517,10 @@ const ne = {
     id: r,
     options: i,
     selectedOptions: h,
-    onSelectionChange: x,
+    onSelectionChange: f,
     label: g,
     prepopulatedId: v,
-    boxText: f,
+    boxText: d,
     isDisabled: p,
     topPull: o,
   }) => {
@@ -3550,7 +3550,7 @@ const ne = {
               className: 'overflow-hidden',
               children: /* @__PURE__ */ e.jsx('div', {
                 className: 'my-2 text-base text-left text-black dropdown-header h-[1.6em] w-[40em]',
-                children: f || h,
+                children: d || h,
               }),
             }),
             /* @__PURE__ */ e.jsx('div', {
@@ -3631,7 +3631,7 @@ const ne = {
                           value: b.id,
                           title: b.name || b.carId || b.loginUsername,
                           onClick: () => {
-                            x(b)
+                            f(b)
                           },
                           children: /* @__PURE__ */ e.jsx('p', {
                             className: 'w-[50em]',
@@ -3656,10 +3656,10 @@ const ne = {
     id: r,
     selectedOptions: i,
     onSelectionChange: h,
-    options: x,
+    options: f,
     isDisabled: g,
     label: v,
-    variant: f = 'DEFAULT',
+    variant: d = 'DEFAULT',
   }) => {
     const [p, o] = N(!1),
       j = d1(null),
@@ -3741,7 +3741,7 @@ const ne = {
                     bg-[#f0eff1] rounded-b left-0 top-[0em] cursor-pointer overflow-y-auto overflow-x-hidden
                     absolute w-[110%] outline-none focus:border-red-500`,
             ref: j,
-            children: x.map((c) => {
+            children: f.map((c) => {
               const _ = i.includes(c.id) || i.includes(c.carId) || i.includes(c)
               return /* @__PURE__ */ e.jsxs(
                 'li',
@@ -3782,10 +3782,10 @@ const ne = {
     variant: r = 'DEFAULT',
     isDisabled: i = !1,
     text: h,
-    children: x,
+    children: f,
     bold: g,
     small: v,
-    important: f,
+    important: d,
     customClasses: p,
     title: o,
   }) =>
@@ -3794,7 +3794,7 @@ const ne = {
       className: `${g1[r]} ${g ? 'font-semibold' : ''} ${p || ''} ${
         i ? 'opacity-[0.3] cursor-not-allowed pointer-events-none' : ''
       }`,
-      children: x || h,
+      children: f || h,
     }),
   D1 = {
     DEFAULT: 'default',
@@ -3807,10 +3807,10 @@ const ne = {
     value: r,
     placeholder: i,
     label: h,
-    variant: x = 'DEFAULT',
+    variant: f = 'DEFAULT',
     isDisabled: g = !1,
     isError: v = !1,
-    defaultValue: f,
+    defaultValue: d,
     isRequired: p,
     onChange: o,
     supportingText: j,
@@ -3818,7 +3818,7 @@ const ne = {
   }) => {
     const c = `h-[3.1em] w-full transition-colors px-[0.9em] hover:px-[0.9em] py-[0.7em] rounded-md 
   ${p || v ? 'border-red-500' : ''} 
-  ${v1[x]} ${g ? 'cursor-not-allowed pointer-events-none' : ''}`
+  ${v1[f]} ${g ? 'cursor-not-allowed pointer-events-none' : ''}`
     return /* @__PURE__ */ e.jsx(e.Fragment, {
       children: /* @__PURE__ */ e.jsxs('div', {
         className: `relative flex flex-col items-start justify-start w-full rounded-tl rounded-tr
@@ -3836,7 +3836,7 @@ const ne = {
           /* @__PURE__ */ e.jsx('textarea', {
             id: u,
             value: r,
-            defaultValue: f,
+            defaultValue: d,
             placeholder: i,
             onChange: o,
             className: c,
@@ -3870,10 +3870,10 @@ const ne = {
     children: r,
     customWidth: i,
     customHeight: h,
-    onClick: x,
+    onClick: f,
     width: g = '60',
     height: v = '30',
-    customClasses: f,
+    customClasses: d,
   }) => {
     K(
       () => (
@@ -3889,13 +3889,13 @@ const ne = {
     return /* @__PURE__ */ e.jsxs(e.Fragment, {
       children: [
         /* @__PURE__ */ e.jsx('div', {
-          onClick: x,
+          onClick: f,
           className: 'fixed inset-0 z-50 transition-opacity bg-black bg-opacity-60',
           style: { opacity: '0.6' },
         }),
         /* @__PURE__ */ e.jsx('div', {
-          className: `${f} fixed z-50 p-8 overflow-hidden 
-        -translate-x-1/2 -translate-y-1/2 border border-white rounded-md top-1/2 left-1/2`,
+          className: `${d !== '' ? d : ''} fixed z-50 p-8 overflow-hidden 
+        -translate-x-1/2 -translate-y-1/2 border border-white rounded-md top-1/2 left-1/2 bg-brand-white`,
           style: { width: `${p}`, height: `${o}` },
           children: r || 'test',
         }),
@@ -3912,11 +3912,11 @@ const ne = {
     h2: 'text-black text-[2.25em]',
     h3: 'text-black text-[1.625em]',
   },
-  q1 = ({ variant: r = 'h1', children: i, bold: h, label: x, customClasses: g }) => {
+  q1 = ({ variant: r = 'h1', children: i, bold: h, label: f, customClasses: g }) => {
     const v = r === 'h2' ? 'h2' : r === 'h3' ? 'h3' : 'h1'
     return /* @__PURE__ */ e.jsx(v, {
       className: `${j1[r]} ${h ? 'font-semibold' : 'font-normal'} ${g}`,
-      children: i || x,
+      children: i || f,
     })
   },
   Q1 = {

package/dist/rds-ui-system.umd.js

@@ -23,20 +23,20 @@
     var t = M,
       i = Symbol.for('react.element'),
       o = Symbol.for('react.fragment'),
-      x = Object.prototype.hasOwnProperty,
+      w = Object.prototype.hasOwnProperty,
       v = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
       j = { key: !0, ref: !0, __self: !0, __source: !0 }
-    function w(g, d, u) {
+    function f(g, d, u) {
       var m,
         h = {},
         V = null,
         _ = null
       u !== void 0 && (V = '' + u), d.key !== void 0 && (V = '' + d.key), d.ref !== void 0 && (_ = d.ref)
-      for (m in d) x.call(d, m) && !j.hasOwnProperty(m) && (h[m] = d[m])
+      for (m in d) w.call(d, m) && !j.hasOwnProperty(m) && (h[m] = d[m])
       if (g && g.defaultProps) for (m in ((d = g.defaultProps), d)) h[m] === void 0 && (h[m] = d[m])
       return { $$typeof: i, type: g, key: V, ref: _, props: h, _owner: v.current }
     }
-    return (O.Fragment = o), (O.jsx = w), (O.jsxs = w), O
+    return (O.Fragment = o), (O.jsx = f), (O.jsxs = f), O
   }
   var S = {}
   /**
@@ -57,10 +57,10 @@
             var t = M,
               i = Symbol.for('react.element'),
               o = Symbol.for('react.portal'),
-              x = Symbol.for('react.fragment'),
+              w = Symbol.for('react.fragment'),
               v = Symbol.for('react.strict_mode'),
               j = Symbol.for('react.profiler'),
-              w = Symbol.for('react.provider'),
+              f = Symbol.for('react.provider'),
               g = Symbol.for('react.context'),
               d = Symbol.for('react.forward_ref'),
               u = Symbol.for('react.suspense'),
@@ -105,7 +105,7 @@
               return !!(
                 typeof l == 'string' ||
                 typeof l == 'function' ||
-                l === x ||
+                l === w ||
                 l === j ||
                 M1 ||
                 l === v ||
@@ -120,7 +120,7 @@
                   l !== null &&
                   (l.$$typeof === V ||
                     l.$$typeof === h ||
-                    l.$$typeof === w ||
+                    l.$$typeof === f ||
                     l.$$typeof === g ||
                     l.$$typeof === d ||
                     l.$$typeof === pe ||
@@ -148,7 +148,7 @@
                 return l.displayName || l.name || null
               if (typeof l == 'string') return l
               switch (l) {
-                case x:
+                case w:
                   return 'Fragment'
                 case o:
                   return 'Portal'
@@ -166,7 +166,7 @@
                   case g:
                     var r = l
                     return ge(r) + '.Consumer'
-                  case w:
+                  case f:
                     var s = l
                     return ge(s._context) + '.Provider'
                   case d:
@@ -314,24 +314,24 @@
               } catch (y) {
                 if (y && a && typeof y.stack == 'string') {
                   for (
-                    var f = y.stack.split(`
+                    var x = y.stack.split(`
 `),
                       P = a.stack.split(`
 `),
-                      H = f.length - 1,
+                      H = x.length - 1,
                       A = P.length - 1;
-                    H >= 1 && A >= 0 && f[H] !== P[A];
+                    H >= 1 && A >= 0 && x[H] !== P[A];
 
                   )
                     A--
                   for (; H >= 1 && A >= 0; H--, A--)
-                    if (f[H] !== P[A]) {
+                    if (x[H] !== P[A]) {
                       if (H !== 1 || A !== 1)
                         do
-                          if ((H--, A--, A < 0 || f[H] !== P[A])) {
+                          if ((H--, A--, A < 0 || x[H] !== P[A])) {
                             var N =
                               `
-` + f[H].replace(' at new ', ' at ')
+` + x[H].replace(' at new ', ' at ')
                             return (
                               l.displayName &&
                                 N.includes('<anonymous>') &&
@@ -400,7 +400,7 @@
                 var L = Function.call.bind(G)
                 for (var p in l)
                   if (L(l, p)) {
-                    var f = void 0
+                    var x = void 0
                     try {
                       if (typeof l[p] != 'function') {
                         var P = Error(
@@ -415,24 +415,24 @@
                         )
                         throw ((P.name = 'Invariant Violation'), P)
                       }
-                      f = l[p](r, p, a, s, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED')
+                      x = l[p](r, p, a, s, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED')
                     } catch (H) {
-                      f = H
+                      x = H
                     }
-                    f &&
-                      !(f instanceof Error) &&
+                    x &&
+                      !(x instanceof Error) &&
                       (K(b),
                       C(
                         '%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).',
                         a || 'React class',
                         s,
                         p,
-                        typeof f,
+                        typeof x,
                       ),
                       K(null)),
-                      f instanceof Error &&
-                        !(f.message in He) &&
-                        ((He[f.message] = !0), K(b), C('Failed %s type: %s', s, f.message), K(null))
+                      x instanceof Error &&
+                        !(x.message in He) &&
+                        ((He[x.message] = !0), K(b), C('Failed %s type: %s', s, x.message), K(null))
                   }
               }
             }
@@ -526,40 +526,40 @@
               }
             }
             var W1 = function (l, r, s, a, b, L, p) {
-              var f = { $$typeof: i, type: l, key: r, ref: s, props: p, _owner: L }
+              var x = { $$typeof: i, type: l, key: r, ref: s, props: p, _owner: L }
               return (
-                (f._store = {}),
-                Object.defineProperty(f._store, 'validated', {
+                (x._store = {}),
+                Object.defineProperty(x._store, 'validated', {
                   configurable: !1,
                   enumerable: !1,
                   writable: !0,
                   value: !1,
                 }),
-                Object.defineProperty(f, '_self', { configurable: !1, enumerable: !1, writable: !1, value: a }),
-                Object.defineProperty(f, '_source', { configurable: !1, enumerable: !1, writable: !1, value: b }),
-                Object.freeze && (Object.freeze(f.props), Object.freeze(f)),
-                f
+                Object.defineProperty(x, '_self', { configurable: !1, enumerable: !1, writable: !1, value: a }),
+                Object.defineProperty(x, '_source', { configurable: !1, enumerable: !1, writable: !1, value: b }),
+                Object.freeze && (Object.freeze(x.props), Object.freeze(x)),
+                x
               )
             }
             function Y1(l, r, s, a, b) {
               {
                 var L,
                   p = {},
-                  f = null,
+                  x = null,
                   P = null
-                s !== void 0 && (Ae(s), (f = '' + s)),
-                  F1(r) && (Ae(r.key), (f = '' + r.key)),
+                s !== void 0 && (Ae(s), (x = '' + s)),
+                  F1(r) && (Ae(r.key), (x = '' + r.key)),
                   S1(r) && ((P = r.ref), U1(r, b))
                 for (L in r) G.call(r, L) && !O1.hasOwnProperty(L) && (p[L] = r[L])
                 if (l && l.defaultProps) {
                   var H = l.defaultProps
                   for (L in H) p[L] === void 0 && (p[L] = H[L])
                 }
-                if (f || P) {
+                if (x || P) {
                   var A = typeof l == 'function' ? l.displayName || l.name || 'Unknown' : l
-                  f && D1(p, A), P && $1(p, A)
+                  x && D1(p, A), P && $1(p, A)
                 }
-                return W1(l, f, P, b, a, $.current, p)
+                return W1(l, x, P, b, a, $.current, p)
               }
             }
             var se = c.ReactCurrentOwner,
@@ -696,12 +696,12 @@ Check the top-level render call using <` +
               {
                 var p = k1(l)
                 if (!p) {
-                  var f = ''
+                  var x = ''
                   ;(l === void 0 || (typeof l == 'object' && l !== null && Object.keys(l).length === 0)) &&
-                    (f +=
+                    (x +=
                       " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.")
                   var P = z1()
-                  P ? (f += P) : (f += Ze())
+                  P ? (x += P) : (x += Ze())
                   var H
                   l === null
                     ? (H = 'null')
@@ -709,12 +709,12 @@ Check the top-level render call using <` +
                     ? (H = 'array')
                     : l !== void 0 && l.$$typeof === i
                     ? ((H = '<' + (Z(l.type) || 'Unknown') + ' />'),
-                      (f = ' Did you accidentally export a JSX literal instead of a component?'))
+                      (x = ' Did you accidentally export a JSX literal instead of a component?'))
                     : (H = typeof l),
                     C(
                       'React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s',
                       H,
-                      f,
+                      x,
                     )
                 }
                 var A = Y1(l, r, s, b, L)
@@ -732,7 +732,7 @@ Check the top-level render call using <` +
                         )
                     else Te(N, l)
                 }
-                return l === x ? K1(A) : G1(A), A
+                return l === w ? K1(A) : G1(A), A
               }
             }
             function J1(l, r, s) {
@@ -743,7 +743,7 @@ Check the top-level render call using <` +
             }
             var q1 = Q1,
               el = J1
-            ;(S.Fragment = x), (S.jsx = q1), (S.jsxs = el)
+            ;(S.Fragment = w), (S.jsx = q1), (S.jsxs = el)
           })()),
       S
     )
@@ -2886,23 +2886,23 @@ Check the top-level render call using <` +
       label: t,
       variant: i = 'DEFAULT',
       isDisabled: o = !1,
-      isOutlined: x = !1,
+      isOutlined: w = !1,
       onClick: v,
       children: j,
-      type: w,
+      type: f,
       customClasses: g,
       iconName: d = 'Block',
     }) =>
       e.jsx('button', {
-        type: w,
+        type: f,
         className: `flex flex-col items-center transition-color duration-100 
       justify-center gap-2 overflow-hidden rounded
       ${
         o
-          ? x
+          ? w
             ? 'bg-[#ffffff] h-12 cursor-not-allowed pointer-events-none text-[#afb0b7] border border-1 border-[#afb0b7]'
             : 'bg-[#e9e8ea] h-12 cursor-not-allowed pointer-events-none text-[#afb0b7] border border-1 border-transparent'
-          : x
+          : w
           ? q.OUTLINED
           : q[i]
       }
@@ -2913,13 +2913,13 @@ Check the top-level render call using <` +
             ? e.jsx(e.Fragment, {
                 children: e.jsx('div', {
                   className: 'p-[0.5em]',
-                  children: j || e.jsx('span', { children: Q[d](x == !1, o == !0) }),
+                  children: j || e.jsx('span', { children: Q[d](w == !1, o == !0) }),
                 }),
               })
             : e.jsxs('div', {
                 className: 'flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2 px-6 py-2.5',
                 children: [
-                  i == 'ICONPLUS' && e.jsx('span', { children: Q[d](x == !1, o == !0) }),
+                  i == 'ICONPLUS' && e.jsx('span', { children: Q[d](w == !1, o == !0) }),
                   e.jsx('p', {
                     className: `flex-grow-0 flex-shrink-0 text-[0.8750em] text-center 
             `,
@@ -2937,20 +2937,20 @@ Check the top-level render call using <` +
       placeholder: t,
       label: i,
       variant: o = 'DEFAULT',
-      isDisabled: x = !1,
+      isDisabled: w = !1,
       isError: v = !1,
       onChange: j,
-      value: w,
+      value: f,
       name: g,
       type: d,
       id: u,
       supportingText: m,
       isRequired: h,
     }) => {
-      const [V, _] = M.useState(w || '')
+      const [V, _] = M.useState(f || '')
       M.useEffect(() => {
-        _(w || '')
-      }, [w])
+        _(f || '')
+      }, [f])
       const T = (c) => {
           const { value: C } = c.target
           _(C), j && j(c)
@@ -2960,12 +2960,12 @@ Check the top-level render call using <` +
         },
         U = `h-[3.1em] w-full transition-colors px-[0.9em] hover:px-[0.9em] py-2 rounded-md 
   ${h || v ? 'border-red-500' : ''} 
-  ${oe[o]} ${x ? 'cursor-not-allowed pointer-events-none' : ''}`
+  ${oe[o]} ${w ? 'cursor-not-allowed pointer-events-none' : ''}`
       return e.jsx(e.Fragment, {
         children: e.jsxs('div', {
           className: `relative flex flex-col items-start justify-start 
         flex-grow-0 flex-shrink-0 w-full bg-white rounded-tl rounded-tr h-14 
-        ${x && 'opacity-[0.3] cursor-not-allowed pointer-events-none'}`,
+        ${w && 'opacity-[0.3] cursor-not-allowed pointer-events-none'}`,
           children: [
             i &&
               e.jsx('div', {
@@ -3030,9 +3030,9 @@ Check the top-level render call using <` +
     },
     Ye = { DEFAULT: 'default' },
     ze = { DEFAULT: 'bg-black hover:bg-black-800 active:bg-grey-900' },
-    Xe = ({ options: t, selectedCatOptions: i, setSelectedCatOptions: o, variant: x = 'DEFAULT' }) => {
+    Xe = ({ options: t, selectedCatOptions: i, setSelectedCatOptions: o, variant: w = 'DEFAULT' }) => {
       const [v, j] = M.useState(null),
-        w = {},
+        f = {},
         g = t,
         d = (c) => {
           const C = c.classId.split('_')[0],
@@ -3054,7 +3054,7 @@ Check the top-level render call using <` +
         },
         u = g.map((c) => d(c))
       Object.values(u).forEach((c) => {
-        w[c.groupName] || (w[c.groupName] = []), w[c.groupName].push(c)
+        f[c.groupName] || (f[c.groupName] = []), f[c.groupName].push(c)
       })
       const m = (c) => {
           j((C) => (C === c ? null : c))
@@ -3080,8 +3080,8 @@ Check the top-level render call using <` +
       return e.jsx(e.Fragment, {
         children: e.jsx('div', {
           className: 'w-full overflow-hidden border rounded border-brand-black',
-          children: Object.keys(w).map((c) => {
-            const C = w[c],
+          children: Object.keys(f).map((c) => {
+            const C = f[c],
               k = c === v
             return e.jsxs(
               'div',
@@ -3249,19 +3249,19 @@ Check the top-level render call using <` +
       placeholder: t,
       label: i,
       isDisabled: o = !1,
-      isError: x = !1,
+      isError: w = !1,
       isRequired: v = !1,
       onChange: j,
-      checked: w,
+      checked: f,
       id: g,
       readOnly: d,
     }) => {
-      const [u, m] = M.useState(w || !1),
+      const [u, m] = M.useState(f || !1),
         [h, V] = M.useState(!1)
       return (
         M.useEffect(() => {
-          m(w || !1)
-        }, [w]),
+          m(f || !1)
+        }, [f]),
         e.jsxs('div', {
           className: `relative flex items-start justify-start gap-2 ${
             o ? 'opacity-50 pointer-events-none' : ''
@@ -3283,10 +3283,10 @@ Check the top-level render call using <` +
                   height: 19,
                   rx: '0',
                   fill: 'white',
-                  stroke: x || v ? '#e2001a' : h ? 'black' : '#AFB0B7',
+                  stroke: w || v ? '#e2001a' : h ? 'black' : '#AFB0B7',
                   strokeWidth: h ? 3 : 1,
                 }),
-                (u || w) &&
+                (u || f) &&
                   e.jsx('path', {
                     d: 'M13.9887 5L8.28867 10.8L5.78867 8.3L3.88867 10.1L8.28867 14.5L15.8887 6.9L13.9887 5Z',
                     fill: 'black',
@@ -3296,7 +3296,7 @@ Check the top-level render call using <` +
             i &&
               e.jsx('p', {
                 className: `flex items-center flex-grow-0 flex-shrink-0 w-auto h-5 text-base text-left 
-                    ${x || v ? 'text-[#e2001a]' : 'text-black'}`,
+                    ${w || v ? 'text-[#e2001a]' : 'text-black'}`,
                 children: i,
               }),
             e.jsx('input', {
@@ -3317,13 +3317,13 @@ Check the top-level render call using <` +
     },
     Je = { DEFAULT: 'default' },
     Qe = { DEFAULT: 'bg-black hover:bg-black-800 active:bg-grey-900' },
-    qe = ({ label: t, isDisabled: i, variant: o = 'DEFAULT', onClick: x }) =>
+    qe = ({ label: t, isDisabled: i, variant: o = 'DEFAULT', onClick: w }) =>
       e.jsx('button', {
         className: `justify-start items-start h-8 overflow-hidden rounded-lg bg-[#d8e6f2] hover:bg-[#c2d6e7] 
       transition-colors duration-300 w-auto inline-block ${
         i && 'opacity-[0.3] cursor-not-allowed pointer-events-none'
       }`,
-        onClick: x,
+        onClick: w,
         children: e.jsxs('div', {
           className: 'flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2 pl-3 pr-2 py-1.5',
           children: [
@@ -3362,19 +3362,19 @@ Check the top-level render call using <` +
       placeholder: t,
       label: i,
       isDisabled: o = !1,
-      isError: x = !1,
+      isError: w = !1,
       isRequired: v = !1,
       onChange: j,
-      checked: w,
+      checked: f,
       id: g,
       readOnly: d,
     }) => {
-      const [u, m] = M.useState(w || !1),
+      const [u, m] = M.useState(f || !1),
         [h, V] = M.useState(!1)
       return (
         M.useEffect(() => {
-          m(w || !1)
-        }, [w]),
+          m(f || !1)
+        }, [f]),
         e.jsxs('div', {
           className: `relative flex items-start justify-start gap-2 ${
             o ? 'opacity-50 pointer-events-none' : ''
@@ -3396,7 +3396,7 @@ Check the top-level render call using <` +
                   height: 19,
                   rx: '10',
                   fill: 'white',
-                  stroke: x || v ? '#e2001a' : h ? 'black' : '#AFB0B7',
+                  stroke: w || v ? '#e2001a' : h ? 'black' : '#AFB0B7',
                   strokeWidth: 1,
                 }),
                 h && e.jsx('circle', { cx: 10, cy: 10, r: 6, fill: 'lightgrey' }),
@@ -3406,7 +3406,7 @@ Check the top-level render call using <` +
             i &&
               e.jsx('p', {
                 className: `flex items-center flex-grow-0 flex-shrink-0 w-auto h-5 text-base text-left 
-        ${x || v ? 'text-[#e2001a]' : 'text-black'}`,
+        ${w || v ? 'text-[#e2001a]' : 'text-black'}`,
                 children: i,
               }),
             e.jsx('input', {
@@ -3431,10 +3431,10 @@ Check the top-level render call using <` +
       id: t,
       options: i,
       selectedOptions: o,
-      onSelectionChange: x,
+      onSelectionChange: w,
       label: v,
       prepopulatedId: j,
-      boxText: w,
+      boxText: f,
       isDisabled: g,
       topPull: d,
     }) => {
@@ -3464,7 +3464,7 @@ Check the top-level render call using <` +
                 className: 'overflow-hidden',
                 children: e.jsx('div', {
                   className: 'my-2 text-base text-left text-black dropdown-header h-[1.6em] w-[40em]',
-                  children: w || o,
+                  children: f || o,
                 }),
               }),
               e.jsx('div', {
@@ -3545,7 +3545,7 @@ Check the top-level render call using <` +
                             value: _.id,
                             title: _.name || _.carId || _.loginUsername,
                             onClick: () => {
-                              x(_)
+                              w(_)
                             },
                             children: e.jsx('p', {
                               className: 'w-[50em]',
@@ -3566,10 +3566,10 @@ Check the top-level render call using <` +
       id: t,
       selectedOptions: i,
       onSelectionChange: o,
-      options: x,
+      options: w,
       isDisabled: v,
       label: j,
-      variant: w = 'DEFAULT',
+      variant: f = 'DEFAULT',
     }) => {
       const [g, d] = M.useState(!1),
         u = M.useRef(null),
@@ -3651,7 +3651,7 @@ Check the top-level render call using <` +
                     bg-[#f0eff1] rounded-b left-0 top-[0em] cursor-pointer overflow-y-auto overflow-x-hidden
                     absolute w-[110%] outline-none focus:border-red-500`,
               ref: u,
-              children: x.map((h) => {
+              children: w.map((h) => {
                 const V = i.includes(h.id) || i.includes(h.carId) || i.includes(h)
                 return e.jsxs(
                   'li',
@@ -3684,10 +3684,10 @@ Check the top-level render call using <` +
       variant: t = 'DEFAULT',
       isDisabled: i = !1,
       text: o,
-      children: x,
+      children: w,
       bold: v,
       small: j,
-      important: w,
+      important: f,
       customClasses: g,
       title: d,
     }) =>
@@ -3696,7 +3696,7 @@ Check the top-level render call using <` +
         className: `${fe[t]} ${v ? 'font-semibold' : ''} ${g || ''} ${
           i ? 'opacity-[0.3] cursor-not-allowed pointer-events-none' : ''
         }`,
-        children: x || o,
+        children: w || o,
       }),
     d1 = { DEFAULT: 'default' },
     xe = {
@@ -3707,10 +3707,10 @@ Check the top-level render call using <` +
       value: t,
       placeholder: i,
       label: o,
-      variant: x = 'DEFAULT',
+      variant: w = 'DEFAULT',
       isDisabled: v = !1,
       isError: j = !1,
-      defaultValue: w,
+      defaultValue: f,
       isRequired: g,
       onChange: d,
       supportingText: u,
@@ -3718,7 +3718,7 @@ Check the top-level render call using <` +
     }) => {
       const h = `h-[3.1em] w-full transition-colors px-[0.9em] hover:px-[0.9em] py-[0.7em] rounded-md 
   ${g || j ? 'border-red-500' : ''} 
-  ${xe[x]} ${v ? 'cursor-not-allowed pointer-events-none' : ''}`
+  ${xe[w]} ${v ? 'cursor-not-allowed pointer-events-none' : ''}`
       return e.jsx(e.Fragment, {
         children: e.jsxs('div', {
           className: `relative flex flex-col items-start justify-start w-full rounded-tl rounded-tr
@@ -3733,7 +3733,7 @@ Check the top-level render call using <` +
                   children: o || 'label',
                 }),
               }),
-            e.jsx('textarea', { id: m, value: t, defaultValue: w, placeholder: i, onChange: d, className: h }),
+            e.jsx('textarea', { id: m, value: t, defaultValue: f, placeholder: i, onChange: d, className: h }),
             u &&
               e.jsx('p', {
                 className: `flex-grow w-[178px] h-[1em] text-[1em] text-left ml-[1em] mt-[0.1em]
@@ -3757,10 +3757,10 @@ Check the top-level render call using <` +
       children: t,
       customWidth: i,
       customHeight: o,
-      onClick: x,
+      onClick: w,
       width: v = '60',
       height: j = '30',
-      customClasses: w,
+      customClasses: f,
     }) => {
       M.useEffect(
         () => (
@@ -3776,13 +3776,13 @@ Check the top-level render call using <` +
       return e.jsxs(e.Fragment, {
         children: [
           e.jsx('div', {
-            onClick: x,
+            onClick: w,
             className: 'fixed inset-0 z-50 transition-opacity bg-black bg-opacity-60',
             style: { opacity: '0.6' },
           }),
           e.jsx('div', {
-            className: `${w} fixed z-50 p-8 overflow-hidden 
-        -translate-x-1/2 -translate-y-1/2 border border-white rounded-md top-1/2 left-1/2`,
+            className: `${f !== '' ? f : ''} fixed z-50 p-8 overflow-hidden 
+        -translate-x-1/2 -translate-y-1/2 border border-white rounded-md top-1/2 left-1/2 bg-brand-white`,
             style: { width: `${g}`, height: `${d}` },
             children: t || 'test',
           }),
@@ -3791,9 +3791,9 @@ Check the top-level render call using <` +
     },
     j1 = { h1: 'h1', h2: 'h2', h3: 'h3' },
     we = { h1: 'text-black text-[3em]', h2: 'text-black text-[2.25em]', h3: 'text-black text-[1.625em]' },
-    u1 = ({ variant: t = 'h1', children: i, bold: o, label: x, customClasses: v }) => {
+    u1 = ({ variant: t = 'h1', children: i, bold: o, label: w, customClasses: v }) => {
       const j = t === 'h2' ? 'h2' : t === 'h3' ? 'h3' : 'h1'
-      return e.jsx(j, { className: `${we[t]} ${o ? 'font-semibold' : 'font-normal'} ${v}`, children: i || x })
+      return e.jsx(j, { className: `${we[t]} ${o ? 'font-semibold' : 'font-normal'} ${v}`, children: i || w })
     },
     m1 = { DEFAULT: 'default' },
     C1 = { DEFAULT: 'bg-black hover:bg-black-800 active:bg-grey-900' },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rds-ui-system",
   "private": false,
-  "version": "2.0.22",
+  "version": "2.0.23",
   "packageManager": "pnpm@8.4.0",
   "main": "./dist/rds-ui-system.umd.js",
   "module": "./dist/rds-ui-system.es.js",