@bloomreach/react-banana-ui 1.15.0 → 1.16.0

package/dist/bloomreach-react-banana-ui.es.js

@@ -7789,15 +7789,51 @@ const Fn = s((e, t) => {
   return /* @__PURE__ */ a("div", { ...l, className: z("rbui-tag-group", r), ref: t, children: o });
 });
 Fn.displayName = "TagGroup";
-function D9(e) {
+const D9 = {
+  "heading-xl": "h1",
+  "heading-1": "h1",
+  "heading-2": "h2",
+  "heading-3": "h3",
+  "heading-4": "h4",
+  "heading-5": "h5",
+  link: "a",
+  "link-small": "a",
+  text: "p",
+  "text-bold": "p",
+  "text-small": "p",
+  "text-small-bold": "p",
+  "text-mono": "code",
+  "text-mono-small": "code",
+  default: "p"
+}, U9 = s(
+  (e, t) => {
+    const {
+      className: r,
+      children: o,
+      as: l,
+      variant: c,
+      color: i,
+      ...u
+      // Capture any other properties to pass them to the root element, like `aria-*`, `data-*`, etc.
+    } = e, h = l || D9[c || "default"], d = z(
+      "rbui-typography",
+      c && `rbui-typography--${c}`,
+      i && `rbui-typography--color-${i}`,
+      r
+    );
+    return /* @__PURE__ */ a(h, { ...u, className: d, ref: t, children: o });
+  }
+);
+U9.displayName = "Typography";
+function W9(e) {
   const { open: t, onOpenChange: r, children: o } = e, { contextValue: l } = Kr({
     open: t,
     onOpenChange: r
   });
   return /* @__PURE__ */ a(P0.Provider, { value: l, children: o });
 }
-D9.displayName = "Menu";
-const U9 = s((e, t) => {
+W9.displayName = "Menu";
+const j9 = s((e, t) => {
   const { children: r, disabled: o = !1, type: l, htmlType: c, ...i } = e, { getRootProps: u } = sa({
     disabled: o,
     focusableWhenDisabled: !1,
@@ -7814,8 +7850,8 @@ const U9 = s((e, t) => {
   });
   return /* @__PURE__ */ a(He, { ...f, htmlType: c, type: l, children: r });
 });
-U9.displayName = "MenuButton";
-const W9 = s(
+j9.displayName = "MenuButton";
+const q9 = s(
   (e, t) => {
     const { children: r, className: o, placement: l = "bottom-end" } = e, { contextValue: c, getListboxProps: i, open: u, listboxRef: h, triggerElement: d } = Co({
       disabledItemsFocusable: !1,
@@ -7834,18 +7870,18 @@ const W9 = s(
     ) });
   }
 );
-W9.displayName = "MenuContent";
-function j9(e) {
+q9.displayName = "MenuContent";
+function K9(e) {
   const { children: t, className: r, ...o } = e, l = z("rbui-menu-group", r);
   return /* @__PURE__ */ a("li", { className: "rbui-menu-group__container", children: /* @__PURE__ */ a("ul", { role: "group", className: l, ...o, children: t }) });
 }
-j9.displayName = "MenuGroup";
-function q9(e) {
+K9.displayName = "MenuGroup";
+function z9(e) {
   const { children: t, className: r, ...o } = e, l = z("rbui-menu-group__label", r);
   return /* @__PURE__ */ a("li", { role: "presentation", className: l, ...o, children: t });
 }
-q9.displayName = "MenuGroupLabel";
-const K9 = s(
+z9.displayName = "MenuGroupLabel";
+const G9 = s(
   (e, t) => {
     const { children: r, disabled: o = !1, startIcon: l, className: c, ...i } = e, { getRootProps: u, disabled: h, highlighted: d } = da({
       disabled: o,
@@ -7867,18 +7903,18 @@ const K9 = s(
     ] });
   }
 );
-K9.displayName = "MenuItem";
-function z9() {
+G9.displayName = "MenuItem";
+function Y9() {
   return /* @__PURE__ */ a("li", { role: "separator", "aria-orientation": "horizontal", "aria-hidden": !0, className: "rbui-menu-separator" });
 }
-z9.displayName = "MenuSeparator";
-const G9 = {
+Y9.displayName = "MenuSeparator";
+const X9 = {
   error: (e) => /* @__PURE__ */ a(sn, { ...e }),
   info: (e) => /* @__PURE__ */ a(un, { ...e }),
   success: (e) => /* @__PURE__ */ a(rn, { ...e }),
   warning: (e) => /* @__PURE__ */ a(fn, { ...e })
 };
-function Om(e) {
+function $m(e) {
   const {
     actions: t,
     children: r,
@@ -7897,7 +7933,7 @@ function Om(e) {
       role: i,
       ...h,
       children: [
-        l !== !1 ? /* @__PURE__ */ a("div", { className: `rbui-alert__icon rbui-alert__icon--${u}`, children: l || G9[u]() }) : null,
+        l !== !1 ? /* @__PURE__ */ a("div", { className: `rbui-alert__icon rbui-alert__icon--${u}`, children: l || X9[u]() }) : null,
         /* @__PURE__ */ ue("div", { className: "rbui-alert__content", children: [
           r,
           t ? /* @__PURE__ */ a("div", { className: "rbui-alert__actions", children: t }) : null
@@ -7916,21 +7952,21 @@ function Om(e) {
     }
   );
 }
-function km(e) {
+function Bm(e) {
   const { children: t, className: r } = e;
   return /* @__PURE__ */ a("div", { className: z("rbui-alert-title", r), children: t });
 }
-function Y9(e, t) {
+function J9(e, t) {
   typeof e == "function" ? e(t) : e && (e.current = t);
 }
-function X9(...e) {
+function Q9(...e) {
   return We(() => e.every((t) => t == null) ? null : (t) => {
     e.forEach((r) => {
-      Y9(r, t);
+      J9(r, t);
     });
   }, e);
 }
-const J9 = (e, t) => /* @__PURE__ */ a("input", { ...e, ref: t }), O0 = s((e, t) => {
+const em = (e, t) => /* @__PURE__ */ a("input", { ...e, ref: t }), O0 = s((e, t) => {
   const {
     className: r,
     clearable: o,
@@ -7951,11 +7987,11 @@ const J9 = (e, t) => /* @__PURE__ */ a("input", { ...e, ref: t }), O0 = s((e, t)
     placeholder: R,
     readOnly: x,
     required: I,
-    renderInput: C = J9,
+    renderInput: C = em,
     rightElement: P,
     value: F,
     ...T
-  } = e, L = F == null, $ = Qe(null), K = X9($, d), [H, j] = Oe(L ? l : ""), U = L ? H : F;
+  } = e, L = F == null, $ = Qe(null), K = Q9($, d), [H, j] = Oe(L ? l : ""), U = L ? H : F;
   M0(() => {
     y == null || y((U == null ? void 0 : U.length) ?? 0);
   }, [U, y]);
@@ -8032,7 +8068,7 @@ const Vn = N0(null);
 function Hn() {
   return f0(Vn);
 }
-const Q9 = s((e, t) => {
+const tm = s((e, t) => {
   const { open: r, className: o, ...l } = e;
   return /* @__PURE__ */ a(
     "div",
@@ -8042,7 +8078,7 @@ const Q9 = s((e, t) => {
       ...l
     }
   );
-}), em = s((e, t) => {
+}), nm = s((e, t) => {
   const {
     open: r,
     children: o,
@@ -8063,13 +8099,13 @@ const Q9 = s((e, t) => {
       className: z("rbui-modal", i),
       open: r,
       onClose: d,
-      slots: { backdrop: _r(Q9) },
+      slots: { backdrop: _r(tm) },
       ...h,
       children: /* @__PURE__ */ a("div", { className: z("rbui-modal__wrapper", `rbui-modal__wrapper--${l}`), children: o })
     }
   ) });
 });
-em.displayName = "Modal";
+nm.displayName = "Modal";
 function Ln(e) {
   const {
     className: t,
@@ -8084,7 +8120,7 @@ function Ln(e) {
   }, className: t, children: r });
 }
 Ln.displayName = "ModalCloseButton";
-const tm = s((e, t) => {
+const rm = s((e, t) => {
   const {
     children: r,
     className: o,
@@ -8098,8 +8134,8 @@ const tm = s((e, t) => {
     i && /* @__PURE__ */ a(Ln, { className: "rbui-modal__header-close", startIcon: /* @__PURE__ */ a(L0, {}) })
   ] });
 });
-tm.displayName = "ModalHeader";
-const nm = s((e, t) => {
+rm.displayName = "ModalHeader";
+const om = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -8107,8 +8143,8 @@ const nm = s((e, t) => {
   } = e;
   return /* @__PURE__ */ a("div", { ...l, ref: t, className: z("rbui-modal__header-title", r), children: o });
 });
-nm.displayName = "ModalHeaderTitle";
-const rm = s((e, t) => {
+om.displayName = "ModalHeaderTitle";
+const am = s((e, t) => {
   const {
     children: r,
     padding: o = "narrow",
@@ -8117,8 +8153,8 @@ const rm = s((e, t) => {
   } = e;
   return /* @__PURE__ */ a("div", { ...c, ref: t, className: z("rbui-modal__body", `rbui-modal__body--${o}`, l), children: r });
 });
-rm.displayName = "ModalBody";
-const om = s((e, t) => {
+am.displayName = "ModalBody";
+const lm = s((e, t) => {
   const {
     children: r,
     className: o,
@@ -8126,8 +8162,8 @@ const om = s((e, t) => {
   } = e;
   return /* @__PURE__ */ a("div", { ...l, ref: t, className: z("rbui-modal__footer", o), children: r });
 });
-om.displayName = "ModalFooter";
-const am = s((e, t) => {
+lm.displayName = "ModalFooter";
+const cm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -8135,7 +8171,7 @@ const am = s((e, t) => {
   } = e;
   return /* @__PURE__ */ a("div", { ...l, ref: t, className: z("rbui-modal__footer--actions", r), children: o });
 });
-am.displayName = "ModalFooterActions";
+cm.displayName = "ModalFooterActions";
 const xt = () => /* @__PURE__ */ a("span", { children: " " }), t0 = s((e, t) => {
   const {
     className: r,
@@ -8365,7 +8401,7 @@ const On = s((e, t) => {
   );
 });
 On.displayName = "Toggle";
-const lm = (e, t) => /* @__PURE__ */ n.createElement("svg", { width: 12, height: 8, viewBox: "0 0 12 8", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref: t, ...e }, /* @__PURE__ */ n.createElement("path", { d: "M2.35331 3.43965C1.95179 3.06044 1.31889 3.07853 0.939676 3.48004C0.560465 3.88156 0.578548 4.51447 0.980066 4.89368L3.98006 7.72701C4.38158 8.10622 5.01449 8.08814 5.3937 7.68662L11.0604 1.68663C11.4396 1.28511 11.4215 0.652201 11.02 0.272989C10.6185 -0.106222 9.98555 -0.0881392 9.60634 0.313379L4.6263 5.58636L2.35331 3.43965Z" })), cm = s(lm), sm = (e, t) => /* @__PURE__ */ n.createElement("svg", { width: 8, height: 2, viewBox: "0 0 8 2", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref: t, ...e }, /* @__PURE__ */ n.createElement("rect", { width: 8, height: 2, rx: 1 })), im = s(sm);
+const sm = (e, t) => /* @__PURE__ */ n.createElement("svg", { width: 12, height: 8, viewBox: "0 0 12 8", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref: t, ...e }, /* @__PURE__ */ n.createElement("path", { d: "M2.35331 3.43965C1.95179 3.06044 1.31889 3.07853 0.939676 3.48004C0.560465 3.88156 0.578548 4.51447 0.980066 4.89368L3.98006 7.72701C4.38158 8.10622 5.01449 8.08814 5.3937 7.68662L11.0604 1.68663C11.4396 1.28511 11.4215 0.652201 11.02 0.272989C10.6185 -0.106222 9.98555 -0.0881392 9.60634 0.313379L4.6263 5.58636L2.35331 3.43965Z" })), im = s(sm), um = (e, t) => /* @__PURE__ */ n.createElement("svg", { width: 8, height: 2, viewBox: "0 0 8 2", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref: t, ...e }, /* @__PURE__ */ n.createElement("rect", { width: 8, height: 2, rx: 1 })), dm = s(um);
 const kn = s((e, t) => {
   const {
     className: r,
@@ -8383,7 +8419,7 @@ const kn = s((e, t) => {
       return;
     const F = P.target.checked;
     v || p(F), i == null || i(P);
-  }, x = b || d, I = d ? /* @__PURE__ */ a(im, {}) : /* @__PURE__ */ a(cm, {}), C = z("rbui-checkbox", r, {
+  }, x = b || d, I = d ? /* @__PURE__ */ a(dm, {}) : /* @__PURE__ */ a(im, {}), C = z("rbui-checkbox", r, {
     "rbui-checkbox--checked": x,
     "rbui-checkbox--disabled": c,
     "rbui-checkbox--readonly": u,
@@ -8458,10 +8494,10 @@ const E0 = s((e, t) => {
   );
 });
 E0.displayName = "ListboxItem";
-const um = (e) => e, dm = ({ key: e, group: t, children: r }) => /* @__PURE__ */ ue(Bn, { children: [
+const hm = (e) => e, fm = ({ key: e, group: t, children: r }) => /* @__PURE__ */ ue(Bn, { children: [
   /* @__PURE__ */ a($n, { children: t }),
   r
-] }, e), hm = (e) => {
+] }, e), mm = (e) => {
   const [t, r] = Oe(void 0);
   return M0(() => {
     const o = new ResizeObserver((l) => {
@@ -8471,7 +8507,7 @@ const um = (e) => e, dm = ({ key: e, group: t, children: r }) => /* @__PURE__ */
       o.disconnect();
     };
   }, [e]), t;
-}, fm = s((e, t) => {
+}, pm = s((e, t) => {
   const {
     className: r,
     clearable: o = !1,
@@ -8479,7 +8515,7 @@ const um = (e) => e, dm = ({ key: e, group: t, children: r }) => /* @__PURE__ */
     defaultValue: c,
     disabled: i = !1,
     getOptionDisabled: u,
-    getOptionLabel: h = um,
+    getOptionLabel: h = hm,
     groupBy: d,
     hideSelectedOptions: f = !1,
     loading: m = !1,
@@ -8569,7 +8605,7 @@ const um = (e) => e, dm = ({ key: e, group: t, children: r }) => /* @__PURE__ */
         ...ge
       }
     );
-  }, ce = M ? g1 : p1, { ref: ee, ...ne } = $(), re = h0([t, B]), J = U(), _ = hm(T);
+  }, ce = M ? g1 : p1, { ref: ee, ...ne } = $(), re = h0([t, B]), J = U(), _ = mm(T);
   return /* @__PURE__ */ ue(x0, { children: [
     /* @__PURE__ */ a(
       O0,
@@ -8620,7 +8656,7 @@ const um = (e) => e, dm = ({ key: e, group: t, children: r }) => /* @__PURE__ */
               Z.map((G, Q) => {
                 if (d) {
                   const ie = G;
-                  return dm({
+                  return fm({
                     ...ie,
                     children: ie.options.map((k, ge) => O(k, ge + ie.index))
                   });
@@ -8636,9 +8672,9 @@ const um = (e) => e, dm = ({ key: e, group: t, children: r }) => /* @__PURE__ */
     )
   ] });
 });
-fm.displayName = "Autocomplete";
+pm.displayName = "Autocomplete";
 const n0 = (e) => `${e}-${Math.round(Math.random() * 1e3)}`;
-const mm = s((e, t) => {
+const gm = s((e, t) => {
   const {
     checked: r,
     className: o,
@@ -8678,8 +8714,8 @@ const mm = s((e, t) => {
     }
   );
 });
-mm.displayName = "CheckboxField";
-const pm = s((e, t) => {
+gm.displayName = "CheckboxField";
+const vm = s((e, t) => {
   const {
     className: r,
     clearable: o,
@@ -8739,8 +8775,8 @@ const pm = s((e, t) => {
     }
   );
 });
-pm.displayName = "InputField";
-const _n = d5.createContext(void 0), gm = (e, t) => /* @__PURE__ */ n.createElement("svg", { width: 8, height: 8, viewBox: "0 0 8 8", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref: t, ...e }, /* @__PURE__ */ n.createElement("circle", { cx: 4, cy: 4, r: 4 })), vm = s(gm);
+vm.displayName = "InputField";
+const _n = d5.createContext(void 0), wm = (e, t) => /* @__PURE__ */ n.createElement("svg", { width: 8, height: 8, viewBox: "0 0 8 8", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref: t, ...e }, /* @__PURE__ */ n.createElement("circle", { cx: 4, cy: 4, r: 4 })), bm = s(wm);
 const Dn = s((e, t) => {
   const {
     checked: r,
@@ -8799,7 +8835,7 @@ const Dn = s((e, t) => {
       ...g,
       ...L,
       children: [
-        /* @__PURE__ */ a("div", { className: "rbui-radio__inner", "aria-hidden": !0, children: E && /* @__PURE__ */ a(vm, {}) }),
+        /* @__PURE__ */ a("div", { className: "rbui-radio__inner", "aria-hidden": !0, children: E && /* @__PURE__ */ a(bm, {}) }),
         /* @__PURE__ */ a(
           "input",
           {
@@ -8815,7 +8851,7 @@ const Dn = s((e, t) => {
   );
 });
 Dn.displayName = "Radio";
-const wm = s(
+const ym = s(
   (e, t) => {
     const {
       checked: r,
@@ -8859,8 +8895,8 @@ const wm = s(
     );
   }
 );
-wm.displayName = "RadioField";
-const bm = s(
+ym.displayName = "RadioField";
+const Em = s(
   (e, t) => {
     const {
       children: r,
@@ -8922,8 +8958,8 @@ const bm = s(
     ) });
   }
 );
-bm.displayName = "RadioGroup";
-const ym = s((e, t) => {
+Em.displayName = "RadioGroup";
+const xm = s((e, t) => {
   const {
     children: r,
     className: o,
@@ -8969,7 +9005,7 @@ const ym = s((e, t) => {
     }
   );
 });
-ym.displayName = "SelectField";
+xm.displayName = "SelectField";
 const Un = s((e, t) => {
   var y, E;
   const { children: r, value: o, className: l, label: c, disabled: i = !1, ...u } = e, h = Qe(null), d = h0([h, t]), f = c ?? (typeof r == "string" ? r : (E = (y = h.current) == null ? void 0 : y.textContent) == null ? void 0 : E.trim()), { getRootProps: m, highlighted: g, selected: p, rootRef: v } = Ra({
@@ -8993,7 +9029,7 @@ const Un = s((e, t) => {
   );
 });
 Un.displayName = "SelectOption";
-const Em = s((e, t) => {
+const Cm = s((e, t) => {
   const {
     autoSize: r,
     className: o,
@@ -9063,8 +9099,8 @@ const Em = s((e, t) => {
     }
   );
 });
-Em.displayName = "TextField";
-const xm = s((e, t) => {
+Cm.displayName = "TextField";
+const Rm = s((e, t) => {
   const {
     className: r,
     inputProps: o,
@@ -9104,17 +9140,17 @@ const xm = s((e, t) => {
     }
   );
 });
-xm.displayName = "ToggleField";
+Rm.displayName = "ToggleField";
 const Wn = N0(null);
 function Ct() {
   return f0(Wn);
 }
-const Cm = [10, 20, 50], Ge = 9, ke = 2;
-function Rm() {
+const Im = [10, 20, 50], Ge = 9, ke = 2;
+function Zm() {
   const e = Ct();
   if (!e)
     throw new Error("PaginationItemsPerPageSelector must be used within a PaginationContext.Provider");
-  const { itemsPerPage: t, itemsPerPageOptions: r, onItemsPerPageChange: o } = e, l = (r || Cm).map((c) => typeof c == "number" ? {
+  const { itemsPerPage: t, itemsPerPageOptions: r, onItemsPerPageChange: o } = e, l = (r || Im).map((c) => typeof c == "number" ? {
     label: c.toString(),
     value: c
   } : c);
@@ -9133,7 +9169,7 @@ const Jt = "...";
 function K0(e, t) {
   return Array(t).fill(0).map((r, o) => o + e);
 }
-function Im(e, t) {
+function Sm(e, t) {
   const r = [], o = t - 1;
   return t <= Ge ? K0(0, t).map((l) => r.push(l)) : (r.push(0), e <= Ge - ke * 2 ? K0(
     1,
@@ -9146,7 +9182,7 @@ function Im(e, t) {
     Ge - ke - 1
   ).map((l) => r.push(l)) : r.push(Jt), r.push(o)), r;
 }
-function Zm({ value: e }) {
+function Mm({ value: e }) {
   const t = Ct();
   if (!t)
     throw new Error("PaginationNavigationItem must be used within a PaginationContext.Provider");
@@ -9169,7 +9205,7 @@ function Zm({ value: e }) {
     }
   );
 }
-function Sm() {
+function Nm() {
   const e = Ct();
   if (!e)
     throw new Error("PaginationNavigation must be used within a PaginationContext.Provider");
@@ -9180,7 +9216,7 @@ function Sm() {
     l == null || l(r + 1);
   }, i = () => {
     l == null || l(r - 1);
-  }, u = Im(r, Math.ceil(t / o));
+  }, u = Sm(r, Math.ceil(t / o));
   return /* @__PURE__ */ a("nav", { role: "navigation", "aria-label": "Pagination Navigation", className: "rbui-pagination__navigation", children: /* @__PURE__ */ ue("ul", { children: [
     /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
       He,
@@ -9192,7 +9228,7 @@ function Sm() {
         children: /* @__PURE__ */ a(an, {})
       }
     ) }),
-    u.map((h, d) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Zm, { value: h }) }, `rbui-pagination-${h}-${d}`)),
+    u.map((h, d) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Mm, { value: h }) }, `rbui-pagination-${h}-${d}`)),
     /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
       He,
       {
@@ -9205,7 +9241,7 @@ function Sm() {
     ) })
   ] }) });
 }
-function Mm() {
+function Am() {
   const e = Ct();
   if (!e)
     throw new Error("PaginationSummary must be used within a PaginationContext.Provider");
@@ -9226,7 +9262,7 @@ function Mm() {
     t.toLocaleString()
   ] });
 }
-const Nm = s((e, t) => {
+const Pm = s((e, t) => {
   const {
     count: r,
     className: o,
@@ -9239,14 +9275,14 @@ const Nm = s((e, t) => {
   } = e;
   return r < 1 ? null : /* @__PURE__ */ a(Wn.Provider, { value: e, children: /* @__PURE__ */ ue("div", { ...d, className: z("rbui-pagination", o), ref: t, children: [
     /* @__PURE__ */ ue("div", { className: "rbui-pagination__left", children: [
-      /* @__PURE__ */ a(Rm, {}),
-      /* @__PURE__ */ a(Mm, {})
+      /* @__PURE__ */ a(Zm, {}),
+      /* @__PURE__ */ a(Am, {})
     ] }),
-    /* @__PURE__ */ a(Sm, {})
+    /* @__PURE__ */ a(Nm, {})
   ] }) });
 });
-Nm.displayName = "Pagination";
-const Am = s((e, t) => {
+Pm.displayName = "Pagination";
+const Tm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -9279,8 +9315,8 @@ const Am = s((e, t) => {
     o
   ] });
 });
-Am.displayName = "Tab";
-const Pm = s((e, t) => {
+Tm.displayName = "Tab";
+const Fm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -9298,8 +9334,8 @@ const Pm = s((e, t) => {
   );
   return /* @__PURE__ */ a(La, { value: u, children: /* @__PURE__ */ a("div", { ...h, className: d, children: o }) });
 });
-Pm.displayName = "TabList";
-const Tm = s((e, t) => {
+Fm.displayName = "TabList";
+const Vm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -9315,8 +9351,8 @@ const Tm = s((e, t) => {
   });
   return /* @__PURE__ */ a("div", { ...f, className: m, ref: d, children: (l || !h) && o });
 });
-Tm.displayName = "TabPanel";
-const Fm = s((e, t) => {
+Vm.displayName = "TabPanel";
+const Hm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -9336,12 +9372,12 @@ const Fm = s((e, t) => {
   });
   return /* @__PURE__ */ a(Pa, { value: d, children: /* @__PURE__ */ a("div", { ...h, className: z("rbui-tabs", r), ref: t, children: o }) });
 });
-Fm.displayName = "Tabs";
+Hm.displayName = "Tabs";
 export {
   Ga as AbTestIcon,
   Ja as AggregateIcon,
-  Om as Alert,
-  km as AlertTitle,
+  $m as Alert,
+  Bm as AlertTitle,
   t2 as AnalyticsIcon,
   o2 as AndroidIcon,
   c2 as AnonymizeIcon,
@@ -9359,7 +9395,7 @@ export {
   nn as ArrowUpIcon,
   N9 as AssetTag,
   W2 as AttributeSlotIcon,
-  fm as Autocomplete,
+  pm as Autocomplete,
   K2 as AxisIcon,
   Y2 as AxisLimtIcon,
   Q2 as BarChartIcon,
@@ -9383,7 +9419,7 @@ export {
   q7 as CheckIcon,
   on as CheckSmallIcon,
   kn as Checkbox,
-  mm as CheckboxField,
+  gm as CheckboxField,
   X7 as ChevronDownFillIcon,
   p1 as ChevronDownIcon,
   nl as ChevronLeftFillIcon,
@@ -9473,7 +9509,7 @@ export {
   dn as InfoFilledIcon,
   S3 as InfoIcon,
   A3 as InfoSmallIcon,
-  pm as InputField,
+  vm as InputField,
   Nn as InputTag,
   F3 as InternetIcon,
   L3 as KeyIcon,
@@ -9485,13 +9521,13 @@ export {
   hn as LoaderIcon,
   nu as LockIcon,
   au as MapIcon,
-  D9 as Menu,
-  U9 as MenuButton,
-  W9 as MenuContent,
-  j9 as MenuGroup,
-  q9 as MenuGroupLabel,
-  K9 as MenuItem,
-  z9 as MenuSeparator,
+  W9 as Menu,
+  j9 as MenuButton,
+  q9 as MenuContent,
+  K9 as MenuGroup,
+  z9 as MenuGroupLabel,
+  G9 as MenuItem,
+  Y9 as MenuSeparator,
   su as MetricAltIcon,
   du as MinusIcon,
   mu as MobileAppInboxIcon,
@@ -9501,13 +9537,13 @@ export {
   Zu as MobilePushIcon,
   Nu as MobileSmsIcon,
   Tu as MobileTextMessageIcon,
-  em as Modal,
-  rm as ModalBody,
+  nm as Modal,
+  am as ModalBody,
   Ln as ModalCloseButton,
-  om as ModalFooter,
-  am as ModalFooterActions,
-  tm as ModalHeader,
-  nm as ModalHeaderTitle,
+  lm as ModalFooter,
+  cm as ModalFooterActions,
+  rm as ModalHeader,
+  om as ModalHeaderTitle,
   Hu as MoveIcon,
   ku as MultiParentRejectedIcon,
   _u as MultiParentSelectedIcon,
@@ -9520,7 +9556,7 @@ export {
   a6 as OfflineIcon,
   s6 as OutOfStockIcon,
   d6 as PagesIcon,
-  Nm as Pagination,
+  Pm as Pagination,
   m6 as PaintIcon,
   v6 as ParagraphCenterAlignIcon,
   y6 as ParagraphLeftAlignIcon,
@@ -9542,8 +9578,8 @@ export {
   m4 as PoverButtonIcon,
   v4 as ProductSlotsIcon,
   Dn as Radio,
-  wm as RadioField,
-  bm as RadioGroup,
+  ym as RadioField,
+  Em as RadioGroup,
   y4 as ReceiveIcon,
   C4 as RefreshIcon,
   Z4 as ReleaseNotesIcon,
@@ -9563,7 +9599,7 @@ export {
   m8 as ScenarioIcon,
   v8 as SearchIcon,
   y8 as SecurityShieldIcon,
-  ym as SelectField,
+  xm as SelectField,
   Un as SelectOption,
   C8 as SendIcon,
   Z8 as SettingsAltIcon,
@@ -9589,9 +9625,9 @@ export {
   Cd as SuggestionIcon,
   Zd as SurveyIcon,
   Nd as SwapIcon,
-  Am as Tab,
-  Pm as TabList,
-  Tm as TabPanel,
+  Tm as Tab,
+  Fm as TabList,
+  Vm as TabPanel,
   _9 as Table,
   T9 as TableBody,
   H9 as TableCell,
@@ -9602,23 +9638,24 @@ export {
   B9 as TableSortLabel,
   Td as TabletLangscapeIcon,
   Hd as TabletPortraitIcon,
-  Fm as Tabs,
+  Hm as Tabs,
   kd as TagAltIcon,
   Fn as TagGroup,
   _d as TagIcon,
   Wd as TemplateIcon,
   Kd as TextBoldIcon,
-  Em as TextField,
+  Cm as TextField,
   Yd as TextItalicIcon,
   Qd as TextStyleIcon,
   m9 as ToggleButton,
   g9 as ToggleButtonGroup,
-  xm as ToggleField,
+  Rm as ToggleField,
   w1 as Tooltip,
   nh as TragetIcon,
   ah as TransferIcon,
   sh as TrashIcon,
   dh as TrendIcon,
+  U9 as Typography,
   mh as UnExposeIcon,
   vh as UnarchiveAltIcon,
   yh as UndoIcon,