@kroo-web/design-system 1.19.0 → 1.20.0

package/dist/components/Checkbox/index.d.ts

@@ -17,7 +17,7 @@ export declare const Checkbox: <T extends FieldValues>(props: TCheckboxProps<T>)
 export type TNativeCheckboxProps = {
     disabled?: boolean;
     error?: {
-        message: string;
+        message?: string;
     };
     helper?: {
         message: string;

package/dist/components/ComboBox/index.d.ts

@@ -26,7 +26,7 @@ export type TNativeComboBoxRootProps = {
     children: ReactNode;
     disabled?: boolean;
     error?: {
-        message: string;
+        message?: string;
     };
     helper?: {
         message: string;

package/dist/components/DatePicker/index.d.ts

@@ -19,7 +19,7 @@ export type TDatePicker<T extends FieldValues> = {
 export declare const DatePicker: <T extends FieldValues>(props: TDatePicker<T>) => import("react/jsx-runtime").JSX.Element;
 export type TNativeDatePickerProps = {
     error?: {
-        message: string;
+        message?: string;
     };
     helper?: {
         message: string;

package/dist/components/HeaderRow/HeaderRow.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { HeaderRow } from '.';
+
+declare const _default: Meta<typeof HeaderRow>;
+export default _default;
+type Story = StoryObj<typeof HeaderRow>;
+export declare const GeneralUsage: Story;

package/dist/components/HeaderRow/index.d.ts

@@ -0,0 +1 @@
+export declare const HeaderRow: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/NumberField/index.d.ts

@@ -20,7 +20,7 @@ export type TNativeNumberFieldProps = {
     defaultValue?: number;
     disabled?: boolean;
     error?: {
-        message: string;
+        message?: string;
     };
     helper?: {
         message: string;

package/dist/components/PhoneField/index.d.ts

@@ -24,7 +24,7 @@ export type TNativeCountrySelectProps = {
 export type TNativeInputProps = {
     className?: string;
     error?: {
-        message: string;
+        message?: string;
     };
     id: string;
     missing?: boolean;

package/dist/components/RadioGroup/index.d.ts

@@ -14,7 +14,7 @@ export type TNativeRadioGroupRootProps = {
     name: string;
     variant?: 'cards' | 'circle';
     error?: {
-        message: string;
+        message?: string;
     };
     onChange: (value: string) => void;
 } & RadixRadioGroup.RadioGroupProps;

package/dist/components/Select/index.d.ts

@@ -30,7 +30,7 @@ export type TSelectProps<T extends FieldValues> = {
 export declare const Select: <T extends FieldValues>(props: TSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type TNativeSelectProps = {
     error?: {
-        message: string;
+        message?: string;
     };
     helper?: {
         message: string;

package/dist/components/TextField/index.d.ts

@@ -25,7 +25,7 @@ export declare const TextField: import('react').ForwardRefExoticComponent<Omit<T
 export type TNativeTextFieldProps = {
     className?: string;
     error?: {
-        message: string;
+        message?: string;
     };
     helper?: {
         message: ReactNode | string;

package/dist/components/index.d.ts

@@ -31,3 +31,4 @@ export * from './Toggle';
 export * from './Tooltip';
 export * from './Typography';
 export * from './Wrapper';
+export * from './HeaderRow';

package/dist/components/shared/FieldError/index.d.ts

@@ -1,6 +1,6 @@
 export type TFieldErrorProps = {
     error: {
-        message: string;
+        message?: string;
     };
 };
 export declare const FieldError: ({ error }: TFieldErrorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -415,7 +415,7 @@ function Wi(e) {
   const t = S.useContext(oC);
   return e || t || "ltr";
 }
-var en = "Accordion", rC = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [xl, iC, sC] = Np(en), [Qi, j7] = kt(en, [
+var en = "Accordion", rC = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [xl, iC, sC] = Np(en), [Qi, Q7] = kt(en, [
   sC,
   Fp
 ]), El = Fp(), Up = U.forwardRef(
@@ -943,7 +943,7 @@ const oh = Ke(({ children: e, ...t }, n) => /* @__PURE__ */ w(gC, { ref: n, ...t
   }
 ) }));
 oh.displayName = "AccordionContent";
-const RC = (e) => /* @__PURE__ */ w(IC, { children: /* @__PURE__ */ w(eh, { ...e }) }), BC = (e) => /* @__PURE__ */ w(DC, { children: /* @__PURE__ */ w(th, { ...e }) }), W7 = {
+const RC = (e) => /* @__PURE__ */ w(IC, { children: /* @__PURE__ */ w(eh, { ...e }) }), BC = (e) => /* @__PURE__ */ w(DC, { children: /* @__PURE__ */ w(th, { ...e }) }), z7 = {
   Content: oh,
   Item: BC,
   Root: RC,
@@ -1021,12 +1021,12 @@ const nw = "_container_s8rx3_1", ow = "_primary_s8rx3_19", rw = "_warning_s8rx3_
 }) => /* @__PURE__ */ w("div", { className: ce(Ac.container, Ac[t]), children: e }), uw = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ w(ge, { ...t, children: e }), Q7 = { Icon: je, Root: lw, Text: uw }, cw = "_cards_jxqdk_1", bc = {
+}) => /* @__PURE__ */ w(ge, { ...t, children: e }), q7 = { Icon: je, Root: lw, Text: uw }, cw = "_cards_jxqdk_1", bc = {
   cards: cw,
   "layout--bento-three": "_layout--bento-three_jxqdk_5",
   "layout--bento-four": "_layout--bento-four_jxqdk_22",
   "layout--bento-five": "_layout--bento-five_jxqdk_37"
-}, z7 = ({ as: e, children: t, variants: n }) => {
+}, G7 = ({ as: e, children: t, variants: n }) => {
   const o = e || "div", r = {
     layout: "bento-three",
     ...n
@@ -1068,7 +1068,7 @@ function Il(e) {
       n(void 0);
   }, [e]), t;
 }
-var Dl = "Checkbox", [dw, q7] = kt(Dl), [fw, pw] = dw(Dl), ih = S.forwardRef(
+var Dl = "Checkbox", [dw, Y7] = kt(Dl), [fw, pw] = dw(Dl), ih = S.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: n,
@@ -1224,7 +1224,7 @@ const gw = "_container_1wdpi_1", yw = "_label_1wdpi_6", Aw = "_helper_1wdpi_13",
   errorIcon: Dw,
   nativeInput: kw,
   "nativeInput--error": "_nativeInput--error_m317t_98"
-}, G7 = (e) => {
+}, Z7 = (e) => {
   const {
     control: t,
     formState: { errors: n = {} }
@@ -1304,7 +1304,7 @@ const gw = "_container_1wdpi_1", yw = "_label_1wdpi_6", Aw = "_helper_1wdpi_13",
 Rw.displayName = "NativeCheckbox";
 const Bw = "_container_5w0vv_1", Ow = {
   container: Bw
-}, Y7 = ({ children: e, cols: t }) => /* @__PURE__ */ w(
+}, X7 = ({ children: e, cols: t }) => /* @__PURE__ */ w(
   "div",
   {
     className: Ow.container,
@@ -16479,7 +16479,7 @@ function x3(e) {
     return !e || o.text.toLowerCase().includes(t);
   };
 }
-const X7 = (e) => {
+const $7 = (e) => {
   const {
     control: t,
     formState: { errors: n = {} }
@@ -16670,7 +16670,7 @@ const X7 = (e) => {
       /* @__PURE__ */ w(je, { icon: "chevron_right" })
     ]
   }
-), J7 = {
+), _7 = {
   Item: T3,
   Options: P3,
   Root: S3
@@ -16682,7 +16682,7 @@ const X7 = (e) => {
   "input--missing": "_input--missing_126s7_66",
   error: k3,
   label: M3
-}, $7 = (e) => {
+}, eB = (e) => {
   const {
     control: t,
     formState: { errors: n = {} }
@@ -16775,7 +16775,7 @@ B3.displayName = "NativeDatePicker";
 const O3 = {
   collapsed: { height: 0, opacity: 0 },
   open: { height: "auto", opacity: 1 }
-}, _7 = ({ children: e, condition: t }) => /* @__PURE__ */ w(
+}, tB = ({ children: e, condition: t }) => /* @__PURE__ */ w(
   Pv.div,
   {
     animate: t ? "open" : "collapsed",
@@ -16785,7 +16785,7 @@ const O3 = {
   }
 ), N3 = "_form_1m3m6_1", F3 = {
   form: N3
-}, eB = ({
+}, nB = ({
   children: e,
   methods: t,
   onSubmit: n,
@@ -16800,7 +16800,7 @@ const O3 = {
   }
 ) }), L3 = "_link_1bcin_1", V3 = {
   link: L3
-}, tB = ({
+}, oB = ({
   as: e,
   children: t,
   className: n,
@@ -16810,7 +16810,7 @@ const O3 = {
   large: "110px",
   medium: "55px",
   small: "25px"
-}, nB = ({ size: e = "medium" }) => /* @__PURE__ */ w(
+}, rB = ({ size: e = "medium" }) => /* @__PURE__ */ w(
   "img",
   {
     alt: "Loading...",
@@ -17963,7 +17963,7 @@ const Wk = /* @__PURE__ */ uh(jk), Qk = "_modal_3ln72_1", zk = "_buttons_3ln72_3
     ),
     o !== "action" && /* @__PURE__ */ w(ha, { autoFocus: !0, onClick: () => r(), onlyIcon: !0, variant: "tertiary", children: /* @__PURE__ */ w(je, { icon: "close" }) })
   ] });
-}, Zk = ({ children: e }) => /* @__PURE__ */ w("footer", { className: Gu.buttons, children: e }), oB = { Buttons: Zk, Content: qk, Control: Gk, Header: Yk }, Xk = "_container_tq6mk_1", Jk = "_control_tq6mk_36", $k = "_nativeContainer_tq6mk_46", _k = "_input_tq6mk_66", rt = {
+}, Zk = ({ children: e }) => /* @__PURE__ */ w("footer", { className: Gu.buttons, children: e }), iB = { Buttons: Zk, Content: qk, Control: Gk, Header: Yk }, Xk = "_container_tq6mk_1", Jk = "_control_tq6mk_36", $k = "_nativeContainer_tq6mk_46", _k = "_input_tq6mk_66", rt = {
   container: Xk,
   "fake-input": "_fake-input_tq6mk_6",
   "spinbutton-container": "_spinbutton-container_tq6mk_12",
@@ -17975,7 +17975,7 @@ const Wk = /* @__PURE__ */ uh(jk), Qk = "_modal_3ln72_1", zk = "_buttons_3ln72_3
   input: _k,
   "nativeContainer--error": "_nativeContainer--error_tq6mk_72",
   "control--disabled": "_control--disabled_tq6mk_89"
-}, e6 = ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End"], rB = (e) => {
+}, e6 = ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End"], sB = (e) => {
   const {
     control: t,
     formState: { errors: n = {} }
@@ -19397,7 +19397,7 @@ function jA(e) {
   const t = e.toUpperCase().split("").map((n) => 127397 + n.charCodeAt());
   return String.fromCodePoint(...t);
 }
-const iB = (e) => {
+const aB = (e) => {
   const {
     control: t,
     formState: { errors: n = {} }
@@ -19574,7 +19574,7 @@ const iB = (e) => {
       children: n == null ? void 0 : n.message
     }
   )
-] }), sB = {
+] }), lB = {
   CountrySelect: Ke(c6),
   Input: Ke(d6),
   Root: u6
@@ -19786,7 +19786,7 @@ const T6 = "_inputContainer_1eytr_1", I6 = "_inputWrapper_1eytr_9", D6 = "_input
   "ArrowDown",
   "Home",
   "End"
-], aB = (e) => {
+], uB = (e) => {
   const {
     control: t,
     formState: { errors: n = {} }
@@ -19908,7 +19908,7 @@ const T6 = "_inputContainer_1eytr_1", I6 = "_inputWrapper_1eytr_9", D6 = "_input
       t && /* @__PURE__ */ w(H6, {})
     ]
   }
-), lB = (e) => /* @__PURE__ */ w(
+), cB = (e) => /* @__PURE__ */ w(
   qA,
   {
     containerClassName: Pt.container,
@@ -22198,7 +22198,7 @@ var Tb = S.forwardRef(function(e, t) {
   return S.createElement(vs, at({}, e, { ref: t, sideCar: GM }));
 });
 Tb.classNames = vs.classNames;
-var ac = "Popover", [Ib, uB] = kt(ac, [
+var ac = "Popover", [Ib, dB] = kt(ac, [
   ms
 ]), wr = ms(), [YM, xn] = Ib(ac), Db = (e) => {
   const {
@@ -22423,7 +22423,7 @@ const lR = "_trigger_5fq2u_1", uR = "_light_5fq2u_12", cR = "_dark_5fq2u_16", dR
 ] }), gR = ({ children: e, ...t }) => /* @__PURE__ */ w(iR, { children: /* @__PURE__ */ te(sR, { className: _o.popoverContent, ...t, children: [
   e,
   /* @__PURE__ */ w(aR, { className: _o.popoverArrow })
-] }) }), cB = {
+] }) }), fB = {
   Content: gR,
   Root: mR,
   Trigger: vR
@@ -22435,7 +22435,7 @@ const lR = "_trigger_5fq2u_1", uR = "_light_5fq2u_12", cR = "_dark_5fq2u_16", dR
   progress: AR,
   "progress-bar": "_progress-bar_1glxj_26",
   label: bR
-}, dB = ({
+}, pB = ({
   current: e = 1,
   label: t,
   max: n = 10,
@@ -22714,7 +22714,7 @@ var OR = (e) => {
 function Xb(e) {
   return e ? "checked" : "unchecked";
 }
-var NR = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], cc = "RadioGroup", [FR, fB] = kt(cc, [
+var NR = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], cc = "RadioGroup", [FR, hB] = kt(cc, [
   ys,
   qb
 ]), Jb = ys(), $b = qb(), [LR, VR] = FR(cc), _b = S.forwardRef(
@@ -22953,11 +22953,11 @@ const UR = "_legend_1nhkr_1", jR = "_cards_1nhkr_5", WR = "_circle_1nhkr_107", e
     }
   ),
   s && /* @__PURE__ */ w("p", { className: et["radio-root-label--error"], children: s == null ? void 0 : s.message })
-] }), pB = {
+] }), mB = {
   Indicator: dc,
   Item: r0,
   Root: QR
-}, hB = {
+}, vB = {
   Root: zR,
   Item: r0,
   Indicator: dc
@@ -23038,7 +23038,7 @@ const UR = "_legend_1nhkr_1", jR = "_cards_1nhkr_5", WR = "_circle_1nhkr_107", e
       ] })
     }
   );
-}, mB = (e) => {
+}, gB = (e) => {
   const {
     control: t,
     formState: { errors: n = {} }
@@ -23153,7 +23153,7 @@ const UR = "_legend_1nhkr_1", jR = "_cards_1nhkr_5", WR = "_circle_1nhkr_107", e
       children: n.message
     }
   )
-] }), vB = (e) => {
+] }), yB = (e) => {
   const {
     control: t,
     formState: { errors: n = {} }
@@ -23234,7 +23234,7 @@ const UR = "_legend_1nhkr_1", jR = "_cards_1nhkr_5", WR = "_circle_1nhkr_107", e
 i2.displayName = "NativeSelect";
 const s2 = "_skeleton_1ctn0_11", a2 = {
   skeleton: s2
-}, gB = ({
+}, AB = ({
   height: e = "50px",
   rounded: t,
   width: n = "100%"
@@ -23250,7 +23250,7 @@ const s2 = "_skeleton_1ctn0_11", a2 = {
   }
 ), l2 = "_table_11myh_1", u2 = {
   table: l2
-}, c2 = ({ children: e }) => /* @__PURE__ */ w("table", { className: u2.table, children: e }), d2 = ({ children: e }) => /* @__PURE__ */ w("th", { children: e }), f2 = ({ children: e }) => /* @__PURE__ */ w("thead", { children: e }), p2 = ({ children: e }) => /* @__PURE__ */ w("tbody", { children: e }), h2 = ({ children: e }) => /* @__PURE__ */ w("tr", { children: e }), m2 = ({ children: e }) => /* @__PURE__ */ w("td", { children: e }), v2 = ({ children: e }) => /* @__PURE__ */ w("tfoot", { children: e }), yB = {
+}, c2 = ({ children: e }) => /* @__PURE__ */ w("table", { className: u2.table, children: e }), d2 = ({ children: e }) => /* @__PURE__ */ w("th", { children: e }), f2 = ({ children: e }) => /* @__PURE__ */ w("thead", { children: e }), p2 = ({ children: e }) => /* @__PURE__ */ w("tbody", { children: e }), h2 = ({ children: e }) => /* @__PURE__ */ w("tr", { children: e }), m2 = ({ children: e }) => /* @__PURE__ */ w("td", { children: e }), v2 = ({ children: e }) => /* @__PURE__ */ w("tfoot", { children: e }), bB = {
   Body: p2,
   Data: m2,
   Footer: v2,
@@ -23259,7 +23259,7 @@ const s2 = "_skeleton_1ctn0_11", a2 = {
   Root: c2,
   Row: h2
 };
-var fc = "Tabs", [g2, AB] = kt(fc, [
+var fc = "Tabs", [g2, CB] = kt(fc, [
   ys
 ]), i0 = ys(), [y2, pc] = g2(fc), s0 = S.forwardRef(
   (e, t) => {
@@ -23404,7 +23404,7 @@ var A2 = s0, b2 = l0, C2 = c0, w2 = f0;
 const x2 = "_list_24s9t_2", E2 = "_trigger_24s9t_8", m0 = {
   list: x2,
   trigger: E2
-}, S2 = ({ children: e, ...t }) => /* @__PURE__ */ w(A2, { ...t, children: e }), P2 = ({ children: e, ...t }) => /* @__PURE__ */ w(b2, { className: m0.list, ...t, children: e }), T2 = ({ children: e, ...t }) => /* @__PURE__ */ w(C2, { className: m0.trigger, ...t, children: /* @__PURE__ */ w(ge, { as: "span", variant: "form-label", children: e }) }), I2 = ({ children: e, ...t }) => /* @__PURE__ */ w(w2, { ...t, children: e }), bB = { Content: I2, List: P2, Root: S2, Trigger: T2 }, D2 = "_tag_29pub_1", k2 = "_primary_29pub_12", M2 = "_secondary_29pub_17", R2 = "_tertiary_29pub_22", B2 = "_positive_29pub_27", O2 = "_warning_29pub_32", N2 = "_danger_29pub_37", F2 = "_night_29pub_42", Gr = {
+}, S2 = ({ children: e, ...t }) => /* @__PURE__ */ w(A2, { ...t, children: e }), P2 = ({ children: e, ...t }) => /* @__PURE__ */ w(b2, { className: m0.list, ...t, children: e }), T2 = ({ children: e, ...t }) => /* @__PURE__ */ w(C2, { className: m0.trigger, ...t, children: /* @__PURE__ */ w(ge, { as: "span", variant: "form-label", children: e }) }), I2 = ({ children: e, ...t }) => /* @__PURE__ */ w(w2, { ...t, children: e }), wB = { Content: I2, List: P2, Root: S2, Trigger: T2 }, D2 = "_tag_29pub_1", k2 = "_primary_29pub_12", M2 = "_secondary_29pub_17", R2 = "_tertiary_29pub_22", B2 = "_positive_29pub_27", O2 = "_warning_29pub_32", N2 = "_danger_29pub_37", F2 = "_night_29pub_42", Gr = {
   tag: D2,
   primary: k2,
   secondary: M2,
@@ -23435,7 +23435,7 @@ const x2 = "_list_24s9t_2", E2 = "_trigger_24s9t_8", m0 = {
     ...i,
     children: e
   }
-), V2 = ({ children: e, ...t }) => /* @__PURE__ */ w(ge, { variant: "tag", ...t, children: e }), CB = {
+), V2 = ({ children: e, ...t }) => /* @__PURE__ */ w(ge, { variant: "tag", ...t, children: e }), xB = {
   Content: V2,
   Icon: je,
   Root: L2
@@ -23548,7 +23548,7 @@ const x2 = "_list_24s9t_2", E2 = "_trigger_24s9t_8", m0 = {
       render: ({ field: s }) => /* @__PURE__ */ w(J2, { ref: t, ...i, field: { ...s } })
     }
   );
-}, wB = Ke($2), _2 = ({
+}, EB = Ke($2), _2 = ({
   className: e,
   error: t,
   helper: n,
@@ -23567,7 +23567,7 @@ const x2 = "_list_24s9t_2", E2 = "_trigger_24s9t_8", m0 = {
     "div",
     {
       className: ce(De.container, t && De["container--error"]),
-      children: /* @__PURE__ */ w(bn, { error: t == null ? void 0 : t.message, helper: n == null ? void 0 : n.message, id: o, children: /* @__PURE__ */ te("div", { className: De.inputContainer, children: [
+      children: /* @__PURE__ */ w(bn, { error: t == null ? void 0 : t.message, helper: n == null ? void 0 : n.message, id: o, hideLabel: !0, children: /* @__PURE__ */ te("div", { className: De.inputContainer, children: [
         /* @__PURE__ */ te(
           ge,
           {
@@ -23617,10 +23617,10 @@ const x2 = "_list_24s9t_2", E2 = "_trigger_24s9t_8", m0 = {
       ] }) })
     }
   );
-}, xB = Ke(_2), e7 = "_title_vemju_1", v0 = {
+}, SB = Ke(_2), e7 = "_title_vemju_1", v0 = {
   title: e7,
   "icon-position": "_icon-position_vemju_6"
-}, t7 = ({ children: e }) => /* @__PURE__ */ w("div", { children: e }), n7 = ({ children: e, className: t }) => /* @__PURE__ */ w(ge, { className: ce(t, v0.title), variant: "form-helper", children: e }), o7 = ({ children: e }) => /* @__PURE__ */ w(ge, { variant: "form-helper", children: e }), r7 = (e) => /* @__PURE__ */ w("div", { className: v0["icon-position"], children: /* @__PURE__ */ w(je, { ...e }) }), EB = {
+}, t7 = ({ children: e }) => /* @__PURE__ */ w("div", { children: e }), n7 = ({ children: e, className: t }) => /* @__PURE__ */ w(ge, { className: ce(t, v0.title), variant: "form-helper", children: e }), o7 = ({ children: e }) => /* @__PURE__ */ w(ge, { variant: "form-helper", children: e }), r7 = (e) => /* @__PURE__ */ w("div", { className: v0["icon-position"], children: /* @__PURE__ */ w(je, { ...e }) }), PB = {
   Description: o7,
   Icon: r7,
   Root: t7,
@@ -23650,7 +23650,7 @@ var i7 = "Toggle", g0 = S.forwardRef((e, t) => {
 g0.displayName = i7;
 const s7 = "_toggle_cc48m_1", a7 = {
   toggle: s7
-}, SB = ({ children: e, ...t }) => /* @__PURE__ */ w(g0, { className: a7.toggle, ...t, children: /* @__PURE__ */ w("span", { className: "sr-only", children: e }) });
+}, TB = ({ children: e, ...t }) => /* @__PURE__ */ w(g0, { className: a7.toggle, ...t, children: /* @__PURE__ */ w("span", { className: "sr-only", children: e }) });
 var l7 = "VisuallyHidden", y0 = S.forwardRef(
   (e, t) => /* @__PURE__ */ w(
     Te.span,
@@ -23675,7 +23675,7 @@ var l7 = "VisuallyHidden", y0 = S.forwardRef(
   )
 );
 y0.displayName = l7;
-var u7 = y0, [As, PB] = kt("Tooltip", [
+var u7 = y0, [As, IB] = kt("Tooltip", [
   ms
 ]), bs = ms(), A0 = "TooltipProvider", c7 = 700, hl = "tooltip.open", [d7, hc] = As(A0), b0 = (e) => {
   const {
@@ -23992,7 +23992,7 @@ const M7 = "_control_1er46_1", R7 = "_tooltip_1er46_11", B7 = "_beak_1er46_19",
 }, O7 = ({ children: e, ...t }) => /* @__PURE__ */ w(S7, { children: /* @__PURE__ */ w(P7, { ...t, children: e }) }), N7 = ({ children: e, className: t, ...n }) => /* @__PURE__ */ w(T7, { className: ce(t, vl.control), ...n, children: e }), F7 = ({ children: e, className: t, ...n }) => /* @__PURE__ */ w(I7, { children: /* @__PURE__ */ te(D7, { className: ce(t, vl.tooltip), ...n, children: [
   e,
   /* @__PURE__ */ w(k7, { className: vl.beak })
-] }) }), TB = {
+] }) }), DB = {
   Content: F7,
   Root: O7,
   Trigger: N7
@@ -24002,7 +24002,7 @@ const M7 = "_control_1er46_1", R7 = "_tooltip_1er46_11", B7 = "_beak_1er46_19",
   "visual--bento-icon": "_visual--bento-icon_1h4mu_29",
   "orientation--center": "_orientation--center_1h4mu_40",
   "type--trust-pilot": "_type--trust-pilot_1h4mu_57"
-}, IB = ({
+}, kB = ({
   as: e,
   children: t,
   className: n,
@@ -24024,48 +24024,51 @@ const M7 = "_control_1er46_1", R7 = "_tooltip_1er46_11", B7 = "_beak_1er46_19",
       children: t
     }
   );
-};
+}, L7 = "_headerRow_1eala_1", V7 = {
+  headerRow: L7
+}, MB = () => /* @__PURE__ */ w("hr", { className: V7.headerRow });
 export {
-  W7 as Accordion,
+  z7 as Accordion,
   ha as Button,
   Zk as Buttons,
-  Q7 as Callout,
+  q7 as Callout,
   AC as Card,
-  z7 as Cards,
-  G7 as Checkbox,
-  Y7 as Columns,
-  X7 as ComboBox,
-  $7 as DatePicker,
-  _7 as Disclosure,
+  G7 as Cards,
+  Z7 as Checkbox,
+  X7 as Columns,
+  $7 as ComboBox,
+  eB as DatePicker,
+  tB as Disclosure,
   E3 as Field,
-  eB as Form,
+  nB as Form,
+  MB as HeaderRow,
   je as Icon,
   T3 as Item,
-  tB as Link,
-  nB as Loading,
+  oB as Link,
+  rB as Loading,
   _p as MaterialSymbol,
-  oB as Modal,
+  iB as Modal,
   Rw as NativeCheckbox,
-  J7 as NativeComboBox,
+  _7 as NativeComboBox,
   B3 as NativeDatePicker,
   n6 as NativeNumberField,
-  sB as NativePhoneField,
-  hB as NativeRadioGroup,
+  lB as NativePhoneField,
+  vB as NativeRadioGroup,
   i2 as NativeSelect,
-  xB as NativeTextField,
-  rB as NumberField,
-  lB as OTPInput,
+  SB as NativeTextField,
+  sB as NumberField,
+  cB as OTPInput,
   P3 as Options,
-  iB as PhoneField,
-  aB as PinInput,
-  cB as Popover,
-  dB as ProgressIndicator,
-  pB as RadioGroup,
-  mB as Range,
+  aB as PhoneField,
+  uB as PinInput,
+  fB as Popover,
+  pB as ProgressIndicator,
+  mB as RadioGroup,
+  gB as Range,
   S3 as Root,
-  vB as Select,
-  gB as Skeleton,
-  yB as Table,
+  yB as Select,
+  AB as Skeleton,
+  bB as Table,
   p2 as TableBody,
   m2 as TableData,
   v2 as TableFooter,
@@ -24073,13 +24076,13 @@ export {
   f2 as TableHeader,
   c2 as TableRoot,
   h2 as TableRow,
-  bB as Tabs,
-  CB as Tag,
-  wB as TextField,
-  EB as Toast,
-  SB as Toggle,
-  TB as Tooltip,
+  wB as Tabs,
+  xB as Tag,
+  EB as TextField,
+  PB as Toast,
+  TB as Toggle,
+  DB as Tooltip,
   ge as Typography,
-  IB as Wrapper,
+  kB as Wrapper,
   Yu as useModal
 };