@telefonica/mistica 15.20.1 → 16.1.0

package/dist/inline.d.ts

@@ -8,10 +8,11 @@ type Props = {
     children: React.ReactNode;
     className?: string;
     role?: string;
+    'aria-label'?: string;
     'aria-labelledby'?: string;
     fullWidth?: boolean;
     dataAttributes?: DataAttributes;
     wrap?: boolean;
 };
-declare const Inline: ({ space, className, children, role, alignItems, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
+declare const Inline: ({ space, className, children, role, alignItems, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
 export default Inline;

package/dist/inline.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return z;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -116,7 +116,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, D = (t)=>{
+const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, R = (t)=>{
     if (typeof t == "number" || typeof t == "string") return {
         [_inlinecssmistica.vars.space]: i(t)
     };
@@ -125,25 +125,26 @@ const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, D = (t)=>{
         [_inlinecssmistica.vars.spaceDesktop]: i(t.desktop)
     };
     return t.tablet && (e[_inlinecssmistica.vars.spaceTablet] = i(t.tablet)), e;
-}, R = (param)=>{
-    let { space: t, className: e, children: m, role: o, alignItems: p = "stretch", "aria-labelledby": f, fullWidth: c, wrap: l, dataAttributes: d } = param;
-    const { platformOverrides: s } = (0, _hooks.useTheme)(), u = typeof t == "string";
+}, j = (param)=>{
+    let { space: t, className: e, children: p, role: l, alignItems: f = "stretch", "aria-label": o, "aria-labelledby": c, fullWidth: d, wrap: s, dataAttributes: u } = param;
+    const { platformOverrides: a } = (0, _hooks.useTheme)(), b = typeof t == "string";
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(e, _inlinecssmistica.inline, (0, _sprinklescssmistica.sprinkles)({
-            alignItems: p
-        }), l ? _inlinecssmistica.wrap : c ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, u ? l ? _inlinecssmistica.stringSpaceWithWrap : _inlinecssmistica.stringSpace : _inlinecssmistica.marginInline),
-        style: (0, _css.applyCssVars)(D(t)),
-        role: o,
-        "aria-labelledby": f
-    }, (0, _dom.getPrefixedDataAttributes)(d, "Inline")), {
-        children: _react.Children.map(m, (n)=>n || n === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                role: o === "list" ? "listitem" : void 0,
+            alignItems: f
+        }), s ? _inlinecssmistica.wrap : d ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, b ? s ? _inlinecssmistica.stringSpaceWithWrap : _inlinecssmistica.stringSpace : _inlinecssmistica.marginInline),
+        style: (0, _css.applyCssVars)(R(t)),
+        role: l,
+        "aria-label": o,
+        "aria-labelledby": o ? void 0 : c
+    }, (0, _dom.getPrefixedDataAttributes)(u, "Inline")), {
+        children: _react.Children.map(p, (n)=>n || n === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                role: l === "list" ? "listitem" : void 0,
                 style: {
                     // Hack to fix https://jira.tid.es/browse/WEB-1683
                     // In iOS the inline component sometimes cuts the last line of the content
-                    paddingBottom: (0, _platform.isIos)(s) && !(0, _platform.isRunningAcceptanceTest)(s) ? 1 : void 0
+                    paddingBottom: (0, _platform.isIos)(a) && !(0, _platform.isRunningAcceptanceTest)(a) ? 1 : void 0
                 },
                 children: n
             }) : null)
     }));
-}, q = R;
+}, z = j;

package/dist/integer-field.d.ts

@@ -8,5 +8,5 @@ export declare const IntegerInput: ({ inputRef, value, defaultValue, type, ...re
 export interface IntegerFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
 }
-declare const IntegerField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue, onBlur, value, defaultValue, dataAttributes, ...rest }: IntegerFieldProps) => JSX.Element;
+declare const IntegerField: ({ disabled, error, helperText, name, label, optional, validate, onChange, onChangeValue, onBlur, value, defaultValue, dataAttributes, ...rest }: IntegerFieldProps) => JSX.Element;
 export default IntegerField;

package/dist/integer-field.js

@@ -11,15 +11,14 @@ function _export(target, all) {
 }
 _export(exports, {
     IntegerInput: function() {
-        return h;
+        return x;
     },
     default: function() {
-        return C;
+        return b;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _formcontext = require("./form-context.js");
-const _hooks = require("./hooks.js");
 const _textfieldbase = require("./text-field-base.js");
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -100,31 +99,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { inputRef: u, value: r, defaultValue: n, type: i = "text" } = _param, o = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { inputRef: o, value: n, defaultValue: r, type: u = "text" } = _param, i = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "type"
     ]);
-    const t = (e)=>String(e !== null && e !== void 0 ? e : "").replace(/[^\d]/g, "");
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, o), {
+    const e = (t)=>String(t !== null && t !== void 0 ? t : "").replace(/[^\d]/g, "");
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, i), {
         inputMode: "numeric",
         pattern: "[0-9]*",
-        onInput: (e)=>{
-            e.currentTarget.value = t(e.currentTarget.value);
+        onInput: (t)=>{
+            t.currentTarget.value = e(t.currentTarget.value);
         },
-        ref: u,
-        type: i,
-        value: r === void 0 ? void 0 : t(r),
-        defaultValue: n === void 0 ? void 0 : t(n)
+        ref: o,
+        type: u,
+        value: n === void 0 ? void 0 : e(n),
+        defaultValue: r === void 0 ? void 0 : e(r)
     }));
-}, A = (_param)=>{
-    var { disabled: u, error: r, helperText: n, name: i, optional: o, validate: t, onChange: d, onChangeValue: e, onBlur: m, value: a, defaultValue: p, dataAttributes: l } = _param, f = _object_without_properties(_param, [
+}, T = (_param)=>{
+    var { disabled: o, error: n, helperText: r, name: u, label: i, optional: e, validate: s, onChange: t, onChangeValue: a, onBlur: d, value: c, defaultValue: l, dataAttributes: m } = _param, g = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -134,24 +134,25 @@ const h = (_param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: g } = (0, _hooks.useTheme)(), I = (0, _formcontext.useFieldProps)({
-        name: i,
-        value: a,
-        defaultValue: p,
-        processValue: (s)=>s.trim(),
-        helperText: n,
-        optional: o,
-        error: r,
-        disabled: u,
-        onBlur: m,
-        validate: (s, F)=>s ? t == null ? void 0 : t(s, F) : o ? "" : g.formFieldErrorIsMandatory,
-        onChange: d,
-        onChangeValue: e
+    const I = (0, _formcontext.useFieldProps)({
+        name: u,
+        label: i,
+        value: c,
+        defaultValue: l,
+        processValue: (f)=>f.trim(),
+        helperText: r,
+        optional: e,
+        error: n,
+        disabled: o,
+        onBlur: d,
+        validate: s,
+        onChange: t,
+        onChangeValue: a
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, f, I), {
-        inputComponent: h,
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, g, I), {
+        inputComponent: x,
         dataAttributes: _object_spread({
             "component-name": "IntegerField"
-        }, l)
+        }, m)
     }));
-}, C = A;
+}, b = T;

package/dist/list.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return bt;
+        return ut;
     },
     BoxedRowList: function() {
-        return xt;
+        return ft;
     },
     Content: function() {
-        return Ye;
+        return Fe;
     },
     Row: function() {
-        return ut;
+        return ht;
     },
     RowList: function() {
-        return ft;
+        return mt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -34,7 +34,6 @@ const _text = require("./text.js");
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _badge = /*#__PURE__*/ _interop_require_default(require("./badge.js"));
-const _hooks = require("./hooks.js");
 const _themevariantcontext = require("./theme-variant-context.js");
 const _iconchevron = /*#__PURE__*/ _interop_require_default(require("./icons/icon-chevron.js"));
 const _switchcomponent = /*#__PURE__*/ _interop_require_default(require("./switch-component.js"));
@@ -174,7 +173,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
+const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: a
     }) : a ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
@@ -185,9 +184,9 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             children: e
         })
-    }) : e, Ye = (param)=>{
-    let { withChevron: e, headline: a, headlineRef: r, extraRef: l, title: c, titleAs: v, titleLinesMax: g, subtitle: x, subtitleLinesMax: P, description: w, descriptionLinesMax: D, detail: h, asset: E, danger: T, badge: N, right: y, rightRef: u, extra: k, labelId: W, disabled: s, control: L } = param;
-    const A = (0, _themevariantcontext.useIsInverseVariant)(), S = [
+    }) : e, Fe = (param)=>{
+    let { withChevron: e, headline: a, headlineRef: r, extraRef: l, title: c, titleAs: v, titleLinesMax: g, subtitle: x, subtitleLinesMax: P, description: w, descriptionLinesMax: D, detail: h, asset: E, danger: T, badge: N, right: y, rightRef: f, extra: k, labelId: M, disabled: s, control: L } = param;
+    const A = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), S = [
         a,
         c,
         x,
@@ -197,7 +196,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
         paddingY: 16,
         className: _listcssmistica.content,
-        id: W,
+        id: M,
         children: [
             E && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 16,
@@ -303,8 +302,8 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             [_listcssmistica.detailRight]: !!h,
                             [_listcssmistica.disabled]: s
                         }),
-                        ref: u,
-                        children: Fe(y, S)
+                        ref: f,
+                        children: He(y, S)
                     }),
                     e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingLeft: h || y ? 4 : 0,
@@ -325,7 +324,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, qe = (param)=>{
+}, Ye = (param)=>{
     let { value: e, defaultValue: a, onChange: r } = param;
     const l = e !== void 0, [c, v] = _react.useState(!!a);
     return [
@@ -334,14 +333,14 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             l || v(!c), r == null || r(l ? !e : !c);
         }
     ];
-}, ze = (e)=>[
+}, qe = (e)=>[
         "switch",
         "checkbox",
         "radioValue",
         "iconButton"
     ].some((a)=>e[a] !== void 0), le = /*#__PURE__*/ _react.forwardRef((e, a)=>{
     var p, ee;
-    const r = (0, _hooks.useAriaId)(), l = (0, _themevariantcontext.useIsInverseVariant)(), { asset: c, headline: v, title: g, titleAs: x, titleLinesMax: P, subtitle: w, subtitleLinesMax: D, description: h, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: u, extra: k, withChevron: W, dataAttributes: s, right: L, "aria-label": A } = e, [Q, S] = _react.useState(""), [de, ce] = _react.useState(""), [se, he] = _react.useState(""), me = [
+    const r = _react.useId(), l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { asset: c, headline: v, title: g, titleAs: x, titleLinesMax: P, subtitle: w, subtitleLinesMax: D, description: h, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: f, extra: k, withChevron: M, dataAttributes: s, right: L, "aria-label": A } = e, [Q, S] = _react.useState(""), [de, ce] = _react.useState(""), [se, he] = _react.useState(""), me = [
         g,
         Q,
         w,
@@ -349,7 +348,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         de,
         T,
         se
-    ].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? me : void 0, ue = (0, _radiobutton.useRadioContext)(), f = e.disabled || e.radioValue !== void 0 && ue.disabled, j = !f && !l, M = !f && l, U = ze(e), V = !!e.onPress || !!e.href || !!e.to, fe = U ? !1 : W !== null && W !== void 0 ? W : V, Z = {
+    ].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? me : void 0, ue = (0, _radiobutton.useRadioContext)(), b = e.disabled || e.radioValue !== void 0 && ue.disabled, O = !b && !l, W = !b && l, U = qe(e), V = !!e.onPress || !!e.href || !!e.to, fe = U ? !1 : M !== null && M !== void 0 ? M : V, Z = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -359,7 +358,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         onNavigate: e.onNavigate,
         onPress: e.onPress,
         trackingEvent: e.trackingEvent
-    }, [_, $] = qe(e.switch || e.checkbox || {}), R = (i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Ye, {
+    }, [_, $] = Ye(e.switch || e.checkbox || {}), R = (i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Fe, {
             asset: c,
             headline: v,
             headlineRef: (n)=>{
@@ -385,20 +384,20 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 n && ce(n.innerText || n.textContent || "");
             },
             labelId: i == null ? void 0 : i.labelId,
-            disabled: f,
+            disabled: b,
             withChevron: fe
         });
     if (V && !U) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
         ref: a,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: j,
-            [_listcssmistica.touchableBackgroundInverse]: M,
-            [_listcssmistica.pointer]: !f
+            [_listcssmistica.touchableBackground]: O,
+            [_listcssmistica.touchableBackgroundInverse]: W,
+            [_listcssmistica.pointer]: !b
         })
     }, Z), {
-        role: u,
+        role: f,
         dataAttributes: s,
-        disabled: f,
+        disabled: b,
         "aria-label": B,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
@@ -406,18 +405,18 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             children: R()
         })
     }));
-    const O = (i)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
+    const j = (i)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _listcssmistica.dualActionContainer,
             ref: a
         }, (0, _dom.getPrefixedDataAttributes)(s)), {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
-                    disabled: f
+                    disabled: b
                 }, Z), {
-                    role: u,
+                    role: f,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                        [_listcssmistica.touchableBackground]: j,
-                        [_listcssmistica.touchableBackgroundInverse]: M
+                        [_listcssmistica.touchableBackground]: O,
+                        [_listcssmistica.touchableBackgroundInverse]: W
                     }),
                     "aria-label": B,
                     children: R({
@@ -431,9 +430,9 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             ]
         })), H = (i, n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
-                [_listcssmistica.touchableBackground]: j && n,
-                [_listcssmistica.touchableBackgroundInverse]: M && n,
-                [_listcssmistica.pointer]: !f && n
+                [_listcssmistica.touchableBackground]: O && n,
+                [_listcssmistica.touchableBackgroundInverse]: W && n,
+                [_listcssmistica.pointer]: !b && n
             }),
             ref: a
         }, (0, _dom.getPrefixedDataAttributes)(s)), {
@@ -442,8 +441,8 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     if (e.switch || e.checkbox) {
         var _ref, _ref1;
         const i = e.switch ? _switchcomponent.default : _checkbox.default, n = (_ref1 = (_ref = (p = e.switch) == null ? void 0 : p.name) !== null && _ref !== void 0 ? _ref : (ee = e.checkbox) == null ? void 0 : ee.name) !== null && _ref1 !== void 0 ? _ref1 : r;
-        return V ? O(/* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
-            disabled: f,
+        return V ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
+            disabled: b,
             name: n,
             checked: _,
             "aria-label": B,
@@ -457,7 +456,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 });
             }
         })) : H(/* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
-            disabled: f,
+            disabled: b,
             name: n,
             checked: _,
             "aria-label": B,
@@ -467,7 +466,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 let { controlElement: F, labelId: be } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
-                    role: u,
+                    role: f,
                     children: R({
                         labelId: be,
                         control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
@@ -479,7 +478,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             }
         }), !0);
     }
-    return e.radioValue ? V ? O(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
+    return e.radioValue ? V ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
         "aria-label": B,
         "aria-labelledby": r,
@@ -501,7 +500,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             let { controlElement: i } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 16,
-                role: u,
+                role: f,
                 children: R({
                     labelId: r,
                     control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
@@ -511,7 +510,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             });
         }
-    }), !0) : e.iconButton ? V ? O(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    }), !0) : e.iconButton ? V ? j(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         padding: 16,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
             space: "around",
@@ -529,22 +528,22 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 space: "around",
                 children: e.iconButton.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
-                    role: u
+                    role: f
                 })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.ToggleIconButton, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
-                    role: u
+                    role: f
                 }))
             })
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
         className: _listcssmistica.rowContent,
-        role: u,
+        role: f,
         dataAttributes: s,
         ref: a,
         children: R()
     });
-}), ut = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
+}), ht = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -561,7 +560,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             }, e)
         }))
     });
-}), ft = (param)=>{
+}), mt = (param)=>{
     let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
     const c = _react.Children.toArray(e).filter(Boolean), v = c.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
@@ -578,7 +577,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 ]
             }, x))
     }));
-}, bt = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+}, ut = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -590,7 +589,7 @@ const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(le, _object_spread({}, a))
     });
-}), xt = (param)=>{
+}), ft = (param)=>{
     let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,