@pismo/marola 2.1.64 → 2.1.66

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

@@ -5,143 +5,145 @@ declare const meta: {
     component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        accept?: string | undefined;
-        alt?: string | undefined;
+        accept?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
-        disabled?: boolean | undefined;
-        enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
-        form?: string | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        disabled?: boolean | undefined | undefined;
+        form?: string | undefined | undefined;
         formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        height?: string | number | undefined;
-        list?: string | undefined;
-        max?: string | number | undefined;
-        maxLength?: number | undefined;
-        min?: string | number | undefined;
-        minLength?: number | undefined;
-        multiple?: boolean | undefined;
-        name?: string | undefined;
-        pattern?: string | undefined;
-        placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: boolean | undefined;
-        size?: number | undefined;
-        src?: string | undefined;
-        step?: string | number | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        height?: number | string | undefined | undefined;
+        list?: string | undefined | undefined;
+        max?: number | string | undefined | undefined;
+        maxLength?: number | undefined | undefined;
+        min?: number | string | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        name?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
+        size?: number | undefined | undefined;
+        src?: string | undefined | undefined;
+        step?: number | string | undefined | undefined;
         type?: import('react').HTMLInputTypeAttribute | undefined;
         value?: string | number | readonly string[] | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined | undefined;
         onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
-        defaultChecked?: boolean | undefined;
+        defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import('react').CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "no" | "yes" | undefined;
-        radioGroup?: string | undefined;
+        tabIndex?: number | undefined | undefined;
+        title?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
         role?: import('react').AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
+        about?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
         inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        color?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
+        "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
         children?: import('react').ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined;
+        } | undefined | undefined;
         onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
         onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -159,7 +161,7 @@ declare const meta: {
         onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
         onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
         onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-        onBeforeInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onBeforeInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
         onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
         onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
         onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
@@ -209,8 +211,6 @@ declare const meta: {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;

package/dist/components/StepperNavigator/StepperNavigator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type StepperNavigatorLang = 'en' | 'pt';
 export type StepperNavigatorButtonProps = {
     leftIcon?: React.ReactNode;

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

@@ -14,11 +14,11 @@ declare const meta: {
         layout: string;
     };
     subcomponents: {
-        'Table.THead': import('react').FunctionComponent<unknown>;
-        'Table.TBody': import('react').FunctionComponent<unknown>;
-        'Table.Tr': import('react').FunctionComponent<unknown>;
-        'Table.Th': import('react').FunctionComponent<unknown>;
-        'Table.Td': import('react').FunctionComponent<unknown>;
+        'Table.THead': React.FunctionComponent<unknown>;
+        'Table.TBody': React.FunctionComponent<unknown>;
+        'Table.Tr': React.FunctionComponent<unknown>;
+        'Table.Th': React.FunctionComponent<unknown>;
+        'Table.Td': React.FunctionComponent<unknown>;
     };
 };
 export default meta;

package/dist/components/Tabs/Tab.js

@@ -1,126 +1,135 @@
-import { jsx as u, jsxs as H } from "react/jsx-runtime";
-import * as P from "react";
-import { forwardRef as U, useContext as z, useMemo as B } from "react";
-import { c as x } from "../../clsx-OuTLNxxd.js";
-import { Icon as O } from "../Icon/Icon.js";
-import { Skeleton as D } from "../Skeleton/Skeleton.js";
-import { u as L, T as W, s as o } from "../../Tabs.module-DyJgAZt8.js";
-import { g as $, a as q, u as E, f as A, _ as h, b as G, c as J, d as K, e as Q, P as e } from "../../useSlotProps-CYHDC4TN.js";
-import { u as X, c as Y } from "../../combineHooksSlotProps-BhQ14uyD.js";
-import { u as Z } from "../../useId-BW-oWmul.js";
-import { u as ee } from "../../useButton-CezPDte8.js";
-import { u as te } from "../../useCompoundItem-B7Eo_qZk.js";
-const F = "Tab";
-function se(a) {
-  return $(F, a);
+import { jsx as i, jsxs as H } from "react/jsx-runtime";
+import * as h from "react";
+import { forwardRef as U, useContext as j, useMemo as z } from "react";
+import { c as I } from "../../clsx-OuTLNxxd.js";
+import { Icon as E } from "../Icon/Icon.js";
+import { Skeleton as B } from "../Skeleton/Skeleton.js";
+import { u as D, T as q, s as o } from "../../Tabs.module-DyJgAZt8.js";
+import { g as A, a as G, u as F, e as L, b as W, c as $, d as J, P as e } from "../../ClassNameConfigurator-CVRWfyIa.js";
+import { u as K, c as Q } from "../../combineHooksSlotProps-j-8UVeYo.js";
+import { u as X } from "../../useId-CK6Kn3Tn.js";
+import { u as Y } from "../../useButton-C2E_LFJp.js";
+import { u as Z } from "../../useCompoundItem-B7Eo_qZk.js";
+const S = "Tab";
+function ee(a) {
+  return A(S, a);
 }
-q(F, ["root", "selected", "disabled"]);
-function oe(a) {
+G(S, ["root", "selected", "disabled"]);
+function te(a) {
   return a.size;
 }
-function ae(a) {
+function se(a) {
   const {
     value: t,
     rootRef: s,
-    disabled: l = !1,
+    disabled: u = !1,
     id: b
-  } = a, n = P.useRef(null), r = Z(b), {
-    value: p,
-    selectionFollowsFocus: c,
-    getTabPanelId: f
-  } = L(), i = P.useMemo(() => ({
-    disabled: l,
+  } = a, n = h.useRef(null), r = X(b), {
+    value: m,
+    selectionFollowsFocus: d,
+    getTabPanelId: p
+  } = D(), l = h.useMemo(() => ({
+    disabled: u,
     ref: n,
     id: r
-  }), [l, n, r]), {
-    id: d,
-    index: g,
-    totalItemCount: R
-  } = te(t ?? oe, i), {
-    getRootProps: T,
-    highlighted: y,
-    selected: m
-  } = X({
-    item: d
+  }), [u, n, r]), {
+    id: c,
+    index: P,
+    totalItemCount: T
+  } = Z(t ?? te, l), {
+    getRootProps: y,
+    highlighted: C,
+    selected: f
+  } = K({
+    item: c
   }), {
-    getRootProps: C,
-    rootRef: _,
-    active: v,
-    focusVisible: V,
-    setFocusVisible: w
-  } = ee({
-    disabled: l,
-    focusableWhenDisabled: !c,
+    getRootProps: v,
+    rootRef: x,
+    active: g,
+    focusVisible: N,
+    setFocusVisible: R
+  } = Y({
+    disabled: u,
+    focusableWhenDisabled: !d,
     type: "button"
-  }), N = E(n, s, _), M = d !== void 0 ? f(d) : void 0;
+  }), _ = F(n, s, x), w = c !== void 0 ? p(c) : void 0;
   return {
-    getRootProps: (I = {}) => {
-      const j = A(I), k = Y(T, C);
-      return h({}, I, k(j), {
+    getRootProps: (O = {}) => {
+      const M = L(O), k = Q(y, v);
+      return {
+        ...O,
+        ...k(M),
         role: "tab",
-        "aria-controls": M,
-        "aria-selected": m,
+        "aria-controls": w,
+        "aria-selected": f,
         id: r,
-        ref: N
-      });
+        ref: _
+      };
     },
-    active: v,
-    focusVisible: V,
-    highlighted: y,
-    index: g,
-    rootRef: N,
+    active: g,
+    focusVisible: N,
+    highlighted: C,
+    index: P,
+    rootRef: _,
     // the `selected` state isn't set on the server (it relies on effects to be calculated),
     // so we fall back to checking the `value` prop with the selectedValue from the TabsContext
-    selected: m || d === p,
-    setFocusVisible: w,
-    totalTabsCount: R
+    selected: f || c === m,
+    setFocusVisible: R,
+    totalTabsCount: T
   };
 }
-const ne = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], re = (a) => {
+const oe = (a) => {
   const {
     selected: t,
     disabled: s
   } = a;
-  return K({
+  return $({
     root: ["root", t && "selected", s && "disabled"]
-  }, Q(se));
-}, S = /* @__PURE__ */ P.forwardRef(function(t, s) {
-  var l;
+  }, J(ee));
+}, V = /* @__PURE__ */ h.forwardRef(function(t, s) {
   const {
+    action: u,
     children: b,
     disabled: n = !1,
-    slotProps: r = {},
-    slots: p = {},
-    value: c
-  } = t, f = G(t, ne), i = P.useRef(), d = E(i, s), {
-    active: g,
-    highlighted: R,
-    selected: T,
-    getRootProps: y
-  } = ae(h({}, t, {
-    rootRef: d,
+    onChange: r,
+    onClick: m,
+    onFocus: d,
+    slotProps: p = {},
+    slots: l = {},
+    value: c,
+    ...P
+  } = t, T = h.useRef(null), y = F(T, s), {
+    active: C,
+    highlighted: f,
+    selected: v,
+    getRootProps: x
+  } = se({
+    ...t,
+    rootRef: y,
     value: c
-  })), m = h({}, t, {
-    active: g,
+  }), g = {
+    ...t,
+    active: C,
     disabled: n,
-    highlighted: R,
-    selected: T
-  }), C = re(m), _ = (l = p.root) != null ? l : "button", v = J({
-    elementType: _,
-    getSlotProps: y,
-    externalSlotProps: r.root,
-    externalForwardedProps: f,
+    highlighted: f,
+    selected: v
+  }, N = oe(g), R = l.root ?? "button", _ = W({
+    elementType: R,
+    getSlotProps: x,
+    externalSlotProps: p.root,
+    externalForwardedProps: P,
     additionalProps: {
       ref: s
     },
-    ownerState: m,
-    className: C.root
+    ownerState: g,
+    className: N.root
   });
-  return /* @__PURE__ */ u(_, h({}, v, {
+  return /* @__PURE__ */ i(R, {
+    ..._,
     children: b
-  }));
+  });
 });
-process.env.NODE_ENV !== "production" && (S.propTypes = {
+process.env.NODE_ENV !== "production" && (V.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -167,22 +176,22 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
   value: e.oneOfType([e.number, e.string])
 });
 const ge = U(
-  ({ children: a, value: t, disabled: s, className: l, "data-testid": b, icon: n, chip: r, isLoading: p, indicative: c }, f) => {
-    const i = z(W), d = B(
-      () => x(
+  ({ children: a, value: t, disabled: s, className: u, "data-testid": b, icon: n, chip: r, isLoading: m, indicative: d }, p) => {
+    const l = j(q), c = z(
+      () => I(
         o.tabs__tab,
-        t === (i == null ? void 0 : i.value) && o["tabs__tab--selected"],
+        t === (l == null ? void 0 : l.value) && o["tabs__tab--selected"],
         s && !r && o["tabs__tab--disabled"],
         r && o["tabs__tab--chip"],
         r && s && o["tabs__tab--chip--disabled"],
-        l
+        u
       ),
-      [t, i, s, r]
+      [t, l, s, r]
     );
-    return /* @__PURE__ */ u(S, { className: d, disabled: s, value: t, "data-testid": b, ref: f, children: p ? /* @__PURE__ */ u(D, { style: { width: "50px", margin: "auto" } }) : /* @__PURE__ */ H("div", { className: o["tabs__tab-content"], children: [
-      c && c === "empty" && /* @__PURE__ */ u("span", { className: x(o["tabs__tab-indicative"], o["tabs__tab-indicative--empty"]), children: /* @__PURE__ */ u(O, { icon: "empty-set", size: 10, color: "var(--orange-6)" }) }),
-      c && c === "success" && /* @__PURE__ */ u("span", { className: x(o["tabs__tab-indicative"], o["tabs__tab-indicative--success"]) }),
-      n && /* @__PURE__ */ u("span", { className: o["tabs__tab-icon"], children: typeof n == "string" ? /* @__PURE__ */ u(O, { icon: n }) : n }),
+    return /* @__PURE__ */ i(V, { className: c, disabled: s, value: t, "data-testid": b, ref: p, children: m ? /* @__PURE__ */ i(B, { style: { width: "50px", margin: "auto" } }) : /* @__PURE__ */ H("div", { className: o["tabs__tab-content"], children: [
+      d && d === "empty" && /* @__PURE__ */ i("span", { className: I(o["tabs__tab-indicative"], o["tabs__tab-indicative--empty"]), children: /* @__PURE__ */ i(E, { icon: "empty-set", size: 10, color: "var(--orange-6)" }) }),
+      d && d === "success" && /* @__PURE__ */ i("span", { className: I(o["tabs__tab-indicative"], o["tabs__tab-indicative--success"]) }),
+      n && /* @__PURE__ */ i("span", { className: o["tabs__tab-icon"], children: typeof n == "string" ? /* @__PURE__ */ i(E, { icon: n }) : n }),
       a
     ] }) });
   }