@bloomreach/react-banana-ui 1.15.0 → 1.17.0

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

@@ -7489,7 +7489,46 @@ const N9 = s((e, t) => {
   );
 });
 N9.displayName = "AssetTag";
-const A9 = s(
+const A9 = s((e, t) => {
+  const {
+    className: r,
+    children: o,
+    content: l,
+    variant: c = "default",
+    narrow: i = !1,
+    ...u
+    // Capture any other properties to pass them to the root element, like `aria-*`, `data-*`, etc.
+  } = e;
+  return /* @__PURE__ */ ue(
+    "div",
+    {
+      role: "status",
+      className: z(
+        "rbui-badge",
+        `rbui-badge--${c}`,
+        { "rbui-badge--narrow-padding": i },
+        r
+      ),
+      ref: t,
+      ...u,
+      children: [
+        o,
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: z(
+              "rbui-badge__content",
+              { "rbui-badge__content--notification": o }
+            ),
+            children: l
+          }
+        )
+      ]
+    }
+  );
+});
+A9.displayName = "Badge";
+const P9 = s(
   (e, t) => {
     const {
       className: r,
@@ -7519,7 +7558,7 @@ const A9 = s(
     );
   }
 );
-A9.displayName = "FilterTag";
+P9.displayName = "FilterTag";
 const Nn = s((e, t) => {
   const {
     className: r,
@@ -7561,14 +7600,14 @@ const yt = N0(null);
 function An() {
   return f0(yt);
 }
-const P9 = { variant: "body" }, T9 = s((e, t) => {
+const T9 = { variant: "body" }, F9 = s((e, t) => {
   const {
     className: r,
     children: o,
     ...l
     // Capture any other properties to pass them to the root element, like `aria-*`, `data-*`, etc.
   } = e;
-  return /* @__PURE__ */ a(yt.Provider, { value: P9, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(yt.Provider, { value: T9, children: /* @__PURE__ */ a(
     "tbody",
     {
       className: z("rbui-table-body", r),
@@ -7578,18 +7617,18 @@ const P9 = { variant: "body" }, T9 = s((e, t) => {
     }
   ) });
 });
-T9.displayName = "TableBody";
+F9.displayName = "TableBody";
 const Pn = N0(null);
-function F9() {
+function V9() {
   return f0(Pn);
 }
-const V9 = s((e, t) => {
+const H9 = s((e, t) => {
   const {
     className: r,
     children: o,
     ...l
     // Capture any other properties to pass them to the root element, like `aria-*`, `data-*`, etc.
-  } = e, c = F9();
+  } = e, c = V9();
   if (!c)
     throw new Error("TableCellAction must be used within a `TableRowContext.Provider`");
   const { highlighted: i } = c;
@@ -7603,8 +7642,8 @@ const V9 = s((e, t) => {
     }
   ) : null;
 });
-V9.displayName = "TableCellAction";
-const H9 = s((e, t) => {
+H9.displayName = "TableCellAction";
+const L9 = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -7626,8 +7665,8 @@ const H9 = s((e, t) => {
     }
   );
 });
-H9.displayName = "TableCell";
-const L9 = s((e, t) => {
+L9.displayName = "TableCell";
+const O9 = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -7645,8 +7684,8 @@ const L9 = s((e, t) => {
     }
   ) });
 });
-L9.displayName = "TableFoot";
-const O9 = s((e, t) => {
+O9.displayName = "TableFoot";
+const k9 = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -7663,7 +7702,7 @@ const O9 = s((e, t) => {
     }
   ) });
 });
-O9.displayName = "TableHead";
+k9.displayName = "TableHead";
 function Et({
   onEnter: e,
   onLeave: t
@@ -7682,10 +7721,10 @@ function Et({
   };
 }
 const Tn = N0(null);
-function k9() {
+function $9() {
   return f0(Tn);
 }
-const $9 = s((e, t) => {
+const B9 = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -7697,7 +7736,7 @@ const $9 = s((e, t) => {
     onMouseLeave: d,
     ...f
     // Capture any other properties to pass them to the root element, like `aria-*`, `data-*`, etc.
-  } = e, [m, g] = Oe(!1), { hovered: p, handlers: v } = Et({ onEnter: h, onLeave: d }), b = Qe(), y = k9(), E = An(), R = p || m, x = We(() => ({ highlighted: R }), [R]);
+  } = e, [m, g] = Oe(!1), { hovered: p, handlers: v } = Et({ onEnter: h, onLeave: d }), b = Qe(), y = $9(), E = An(), R = p || m, x = We(() => ({ highlighted: R }), [R]);
   M0(() => () => {
     window.clearTimeout(b.current);
   }, []);
@@ -7730,8 +7769,8 @@ const $9 = s((e, t) => {
     }
   ) });
 });
-$9.displayName = "TableRow";
-const B9 = s((e, t) => {
+B9.displayName = "TableRow";
+const _9 = s((e, t) => {
   const {
     children: r,
     className: o,
@@ -7759,8 +7798,8 @@ const B9 = s((e, t) => {
     }
   );
 });
-B9.displayName = "TableSortLabel";
-const _9 = s((e, t) => {
+_9.displayName = "TableSortLabel";
+const D9 = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -7778,7 +7817,7 @@ const _9 = s((e, t) => {
     }
   ) });
 });
-_9.displayName = "Table";
+D9.displayName = "Table";
 const Fn = s((e, t) => {
   const {
     className: r,
@@ -7789,15 +7828,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 U9 = {
+  "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"
+}, W9 = 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 || U9[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 });
+  }
+);
+W9.displayName = "Typography";
+function j9(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) => {
+j9.displayName = "Menu";
+const q9 = s((e, t) => {
   const { children: r, disabled: o = !1, type: l, htmlType: c, ...i } = e, { getRootProps: u } = sa({
     disabled: o,
     focusableWhenDisabled: !1,
@@ -7814,8 +7889,8 @@ const U9 = s((e, t) => {
   });
   return /* @__PURE__ */ a(He, { ...f, htmlType: c, type: l, children: r });
 });
-U9.displayName = "MenuButton";
-const W9 = s(
+q9.displayName = "MenuButton";
+const K9 = 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 +7909,18 @@ const W9 = s(
     ) });
   }
 );
-W9.displayName = "MenuContent";
-function j9(e) {
+K9.displayName = "MenuContent";
+function z9(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) {
+z9.displayName = "MenuGroup";
+function G9(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(
+G9.displayName = "MenuGroupLabel";
+const Y9 = 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 +7942,18 @@ const K9 = s(
     ] });
   }
 );
-K9.displayName = "MenuItem";
-function z9() {
+Y9.displayName = "MenuItem";
+function X9() {
   return /* @__PURE__ */ a("li", { role: "separator", "aria-orientation": "horizontal", "aria-hidden": !0, className: "rbui-menu-separator" });
 }
-z9.displayName = "MenuSeparator";
-const G9 = {
+X9.displayName = "MenuSeparator";
+const J9 = {
   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 Bm(e) {
   const {
     actions: t,
     children: r,
@@ -7897,7 +7972,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 || J9[u]() }) : null,
         /* @__PURE__ */ ue("div", { className: "rbui-alert__content", children: [
           r,
           t ? /* @__PURE__ */ a("div", { className: "rbui-alert__actions", children: t }) : null
@@ -7916,21 +7991,21 @@ function Om(e) {
     }
   );
 }
-function km(e) {
+function _m(e) {
   const { children: t, className: r } = e;
   return /* @__PURE__ */ a("div", { className: z("rbui-alert-title", r), children: t });
 }
-function Y9(e, t) {
+function Q9(e, t) {
   typeof e == "function" ? e(t) : e && (e.current = t);
 }
-function X9(...e) {
+function em(...e) {
   return We(() => e.every((t) => t == null) ? null : (t) => {
     e.forEach((r) => {
-      Y9(r, t);
+      Q9(r, t);
     });
   }, e);
 }
-const J9 = (e, t) => /* @__PURE__ */ a("input", { ...e, ref: t }), O0 = s((e, t) => {
+const tm = (e, t) => /* @__PURE__ */ a("input", { ...e, ref: t }), O0 = s((e, t) => {
   const {
     className: r,
     clearable: o,
@@ -7951,11 +8026,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 = tm,
     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 = em($, 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 +8107,7 @@ const Vn = N0(null);
 function Hn() {
   return f0(Vn);
 }
-const Q9 = s((e, t) => {
+const nm = s((e, t) => {
   const { open: r, className: o, ...l } = e;
   return /* @__PURE__ */ a(
     "div",
@@ -8042,7 +8117,7 @@ const Q9 = s((e, t) => {
       ...l
     }
   );
-}), em = s((e, t) => {
+}), rm = s((e, t) => {
   const {
     open: r,
     children: o,
@@ -8063,13 +8138,13 @@ const Q9 = s((e, t) => {
       className: z("rbui-modal", i),
       open: r,
       onClose: d,
-      slots: { backdrop: _r(Q9) },
+      slots: { backdrop: _r(nm) },
       ...h,
       children: /* @__PURE__ */ a("div", { className: z("rbui-modal__wrapper", `rbui-modal__wrapper--${l}`), children: o })
     }
   ) });
 });
-em.displayName = "Modal";
+rm.displayName = "Modal";
 function Ln(e) {
   const {
     className: t,
@@ -8084,7 +8159,7 @@ function Ln(e) {
   }, className: t, children: r });
 }
 Ln.displayName = "ModalCloseButton";
-const tm = s((e, t) => {
+const om = s((e, t) => {
   const {
     children: r,
     className: o,
@@ -8098,8 +8173,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) => {
+om.displayName = "ModalHeader";
+const am = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -8107,8 +8182,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) => {
+am.displayName = "ModalHeaderTitle";
+const lm = s((e, t) => {
   const {
     children: r,
     padding: o = "narrow",
@@ -8117,8 +8192,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) => {
+lm.displayName = "ModalBody";
+const cm = s((e, t) => {
   const {
     children: r,
     className: o,
@@ -8126,8 +8201,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) => {
+cm.displayName = "ModalFooter";
+const sm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -8135,7 +8210,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";
+sm.displayName = "ModalFooterActions";
 const xt = () => /* @__PURE__ */ a("span", { children: " " }), t0 = s((e, t) => {
   const {
     className: r,
@@ -8365,7 +8440,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 im = (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" })), um = s(im), dm = (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 })), hm = s(dm);
 const kn = s((e, t) => {
   const {
     className: r,
@@ -8383,7 +8458,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(hm, {}) : /* @__PURE__ */ a(um, {}), C = z("rbui-checkbox", r, {
     "rbui-checkbox--checked": x,
     "rbui-checkbox--disabled": c,
     "rbui-checkbox--readonly": u,
@@ -8458,10 +8533,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 fm = (e) => e, mm = ({ key: e, group: t, children: r }) => /* @__PURE__ */ ue(Bn, { children: [
   /* @__PURE__ */ a($n, { children: t }),
   r
-] }, e), hm = (e) => {
+] }, e), pm = (e) => {
   const [t, r] = Oe(void 0);
   return M0(() => {
     const o = new ResizeObserver((l) => {
@@ -8471,7 +8546,7 @@ const um = (e) => e, dm = ({ key: e, group: t, children: r }) => /* @__PURE__ */
       o.disconnect();
     };
   }, [e]), t;
-}, fm = s((e, t) => {
+}, gm = s((e, t) => {
   const {
     className: r,
     clearable: o = !1,
@@ -8479,7 +8554,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 = fm,
     groupBy: d,
     hideSelectedOptions: f = !1,
     loading: m = !1,
@@ -8569,7 +8644,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(), _ = pm(T);
   return /* @__PURE__ */ ue(x0, { children: [
     /* @__PURE__ */ a(
       O0,
@@ -8620,7 +8695,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 mm({
                     ...ie,
                     children: ie.options.map((k, ge) => O(k, ge + ie.index))
                   });
@@ -8636,9 +8711,9 @@ const um = (e) => e, dm = ({ key: e, group: t, children: r }) => /* @__PURE__ */
     )
   ] });
 });
-fm.displayName = "Autocomplete";
+gm.displayName = "Autocomplete";
 const n0 = (e) => `${e}-${Math.round(Math.random() * 1e3)}`;
-const mm = s((e, t) => {
+const vm = s((e, t) => {
   const {
     checked: r,
     className: o,
@@ -8678,8 +8753,8 @@ const mm = s((e, t) => {
     }
   );
 });
-mm.displayName = "CheckboxField";
-const pm = s((e, t) => {
+vm.displayName = "CheckboxField";
+const wm = s((e, t) => {
   const {
     className: r,
     clearable: o,
@@ -8739,8 +8814,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);
+wm.displayName = "InputField";
+const _n = d5.createContext(void 0), bm = (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 })), ym = s(bm);
 const Dn = s((e, t) => {
   const {
     checked: r,
@@ -8799,7 +8874,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(ym, {}) }),
         /* @__PURE__ */ a(
           "input",
           {
@@ -8815,7 +8890,7 @@ const Dn = s((e, t) => {
   );
 });
 Dn.displayName = "Radio";
-const wm = s(
+const Em = s(
   (e, t) => {
     const {
       checked: r,
@@ -8859,8 +8934,8 @@ const wm = s(
     );
   }
 );
-wm.displayName = "RadioField";
-const bm = s(
+Em.displayName = "RadioField";
+const xm = s(
   (e, t) => {
     const {
       children: r,
@@ -8922,8 +8997,8 @@ const bm = s(
     ) });
   }
 );
-bm.displayName = "RadioGroup";
-const ym = s((e, t) => {
+xm.displayName = "RadioGroup";
+const Cm = s((e, t) => {
   const {
     children: r,
     className: o,
@@ -8969,7 +9044,7 @@ const ym = s((e, t) => {
     }
   );
 });
-ym.displayName = "SelectField";
+Cm.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 +9068,7 @@ const Un = s((e, t) => {
   );
 });
 Un.displayName = "SelectOption";
-const Em = s((e, t) => {
+const Rm = s((e, t) => {
   const {
     autoSize: r,
     className: o,
@@ -9063,8 +9138,8 @@ const Em = s((e, t) => {
     }
   );
 });
-Em.displayName = "TextField";
-const xm = s((e, t) => {
+Rm.displayName = "TextField";
+const Im = s((e, t) => {
   const {
     className: r,
     inputProps: o,
@@ -9104,17 +9179,17 @@ const xm = s((e, t) => {
     }
   );
 });
-xm.displayName = "ToggleField";
+Im.displayName = "ToggleField";
 const Wn = N0(null);
 function Ct() {
   return f0(Wn);
 }
-const Cm = [10, 20, 50], Ge = 9, ke = 2;
-function Rm() {
+const Zm = [10, 20, 50], Ge = 9, ke = 2;
+function Sm() {
   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 || Zm).map((c) => typeof c == "number" ? {
     label: c.toString(),
     value: c
   } : c);
@@ -9133,7 +9208,7 @@ const Jt = "...";
 function K0(e, t) {
   return Array(t).fill(0).map((r, o) => o + e);
 }
-function Im(e, t) {
+function Mm(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 +9221,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 Nm({ value: e }) {
   const t = Ct();
   if (!t)
     throw new Error("PaginationNavigationItem must be used within a PaginationContext.Provider");
@@ -9169,7 +9244,7 @@ function Zm({ value: e }) {
     }
   );
 }
-function Sm() {
+function Am() {
   const e = Ct();
   if (!e)
     throw new Error("PaginationNavigation must be used within a PaginationContext.Provider");
@@ -9180,7 +9255,7 @@ function Sm() {
     l == null || l(r + 1);
   }, i = () => {
     l == null || l(r - 1);
-  }, u = Im(r, Math.ceil(t / o));
+  }, u = Mm(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 +9267,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(Nm, { value: h }) }, `rbui-pagination-${h}-${d}`)),
     /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
       He,
       {
@@ -9205,7 +9280,7 @@ function Sm() {
     ) })
   ] }) });
 }
-function Mm() {
+function Pm() {
   const e = Ct();
   if (!e)
     throw new Error("PaginationSummary must be used within a PaginationContext.Provider");
@@ -9226,7 +9301,7 @@ function Mm() {
     t.toLocaleString()
   ] });
 }
-const Nm = s((e, t) => {
+const Tm = s((e, t) => {
   const {
     count: r,
     className: o,
@@ -9239,14 +9314,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(Sm, {}),
+      /* @__PURE__ */ a(Pm, {})
     ] }),
-    /* @__PURE__ */ a(Sm, {})
+    /* @__PURE__ */ a(Am, {})
   ] }) });
 });
-Nm.displayName = "Pagination";
-const Am = s((e, t) => {
+Tm.displayName = "Pagination";
+const Fm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -9279,8 +9354,8 @@ const Am = s((e, t) => {
     o
   ] });
 });
-Am.displayName = "Tab";
-const Pm = s((e, t) => {
+Fm.displayName = "Tab";
+const Vm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -9298,8 +9373,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) => {
+Vm.displayName = "TabList";
+const Hm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -9315,8 +9390,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) => {
+Hm.displayName = "TabPanel";
+const Lm = s((e, t) => {
   const {
     className: r,
     children: o,
@@ -9336,12 +9411,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";
+Lm.displayName = "Tabs";
 export {
   Ga as AbTestIcon,
   Ja as AggregateIcon,
-  Om as Alert,
-  km as AlertTitle,
+  Bm as Alert,
+  _m as AlertTitle,
   t2 as AnalyticsIcon,
   o2 as AndroidIcon,
   c2 as AnonymizeIcon,
@@ -9359,9 +9434,10 @@ export {
   nn as ArrowUpIcon,
   N9 as AssetTag,
   W2 as AttributeSlotIcon,
-  fm as Autocomplete,
+  gm as Autocomplete,
   K2 as AxisIcon,
   Y2 as AxisLimtIcon,
+  A9 as Badge,
   Q2 as BarChartIcon,
   n7 as BooleanIcon,
   a7 as BoostIcon,
@@ -9383,7 +9459,7 @@ export {
   q7 as CheckIcon,
   on as CheckSmallIcon,
   kn as Checkbox,
-  mm as CheckboxField,
+  vm as CheckboxField,
   X7 as ChevronDownFillIcon,
   p1 as ChevronDownIcon,
   nl as ChevronLeftFillIcon,
@@ -9447,7 +9523,7 @@ export {
   si as FileIcon,
   di as FileVideoIcon,
   mi as FilterIcon,
-  A9 as FilterTag,
+  P9 as FilterTag,
   vi as FireIcon,
   yi as FolderEmptyIcon,
   Ci as FolderFullIcon,
@@ -9473,7 +9549,7 @@ export {
   dn as InfoFilledIcon,
   S3 as InfoIcon,
   A3 as InfoSmallIcon,
-  pm as InputField,
+  wm as InputField,
   Nn as InputTag,
   F3 as InternetIcon,
   L3 as KeyIcon,
@@ -9485,13 +9561,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,
+  j9 as Menu,
+  q9 as MenuButton,
+  K9 as MenuContent,
+  z9 as MenuGroup,
+  G9 as MenuGroupLabel,
+  Y9 as MenuItem,
+  X9 as MenuSeparator,
   su as MetricAltIcon,
   du as MinusIcon,
   mu as MobileAppInboxIcon,
@@ -9501,13 +9577,13 @@ export {
   Zu as MobilePushIcon,
   Nu as MobileSmsIcon,
   Tu as MobileTextMessageIcon,
-  em as Modal,
-  rm as ModalBody,
+  rm as Modal,
+  lm as ModalBody,
   Ln as ModalCloseButton,
-  om as ModalFooter,
-  am as ModalFooterActions,
-  tm as ModalHeader,
-  nm as ModalHeaderTitle,
+  cm as ModalFooter,
+  sm as ModalFooterActions,
+  om as ModalHeader,
+  am as ModalHeaderTitle,
   Hu as MoveIcon,
   ku as MultiParentRejectedIcon,
   _u as MultiParentSelectedIcon,
@@ -9520,7 +9596,7 @@ export {
   a6 as OfflineIcon,
   s6 as OutOfStockIcon,
   d6 as PagesIcon,
-  Nm as Pagination,
+  Tm as Pagination,
   m6 as PaintIcon,
   v6 as ParagraphCenterAlignIcon,
   y6 as ParagraphLeftAlignIcon,
@@ -9542,8 +9618,8 @@ export {
   m4 as PoverButtonIcon,
   v4 as ProductSlotsIcon,
   Dn as Radio,
-  wm as RadioField,
-  bm as RadioGroup,
+  Em as RadioField,
+  xm as RadioGroup,
   y4 as ReceiveIcon,
   C4 as RefreshIcon,
   Z4 as ReleaseNotesIcon,
@@ -9563,7 +9639,7 @@ export {
   m8 as ScenarioIcon,
   v8 as SearchIcon,
   y8 as SecurityShieldIcon,
-  ym as SelectField,
+  Cm as SelectField,
   Un as SelectOption,
   C8 as SendIcon,
   Z8 as SettingsAltIcon,
@@ -9589,36 +9665,37 @@ export {
   Cd as SuggestionIcon,
   Zd as SurveyIcon,
   Nd as SwapIcon,
-  Am as Tab,
-  Pm as TabList,
-  Tm as TabPanel,
-  _9 as Table,
-  T9 as TableBody,
-  H9 as TableCell,
-  V9 as TableCellAction,
-  L9 as TableFoot,
-  O9 as TableHead,
-  $9 as TableRow,
-  B9 as TableSortLabel,
+  Fm as Tab,
+  Vm as TabList,
+  Hm as TabPanel,
+  D9 as Table,
+  F9 as TableBody,
+  L9 as TableCell,
+  H9 as TableCellAction,
+  O9 as TableFoot,
+  k9 as TableHead,
+  B9 as TableRow,
+  _9 as TableSortLabel,
   Td as TabletLangscapeIcon,
   Hd as TabletPortraitIcon,
-  Fm as Tabs,
+  Lm as Tabs,
   kd as TagAltIcon,
   Fn as TagGroup,
   _d as TagIcon,
   Wd as TemplateIcon,
   Kd as TextBoldIcon,
-  Em as TextField,
+  Rm as TextField,
   Yd as TextItalicIcon,
   Qd as TextStyleIcon,
   m9 as ToggleButton,
   g9 as ToggleButtonGroup,
-  xm as ToggleField,
+  Im as ToggleField,
   w1 as Tooltip,
   nh as TragetIcon,
   ah as TransferIcon,
   sh as TrashIcon,
   dh as TrendIcon,
+  W9 as Typography,
   mh as UnExposeIcon,
   vh as UnarchiveAltIcon,
   yh as UndoIcon,