@iress-oss/ids-components 5.20.0 → 5.20.3

package/dist/components/RichSelect/SelectSearchInput/SelectSearchInput.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../index-2QXL0WYc.js";
-import { B as i } from "../../../LoadingSuspense-D9nGJ3gx.js";
+import "../../../index-cbHCAGLB.js";
+import { B as i } from "../../../LoadingSuspense-Bwd232Nt.js";
 import "../../Popover/hooks/usePopoverItem.js";
 export {
   i as IressSelectSearchInput

package/dist/components/RichSelect/SelectTags/SelectTags.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../index-2QXL0WYc.js";
-import { C as P } from "../../../LoadingSuspense-D9nGJ3gx.js";
+import "../../../index-cbHCAGLB.js";
+import { C as P } from "../../../LoadingSuspense-Bwd232Nt.js";
 import "react";
-import "../../../fuzzysort-eoXOpoo6.js";
+import "../../../fuzzysort-BNka47rs.js";
 import "../../Badge/Badge.js";
 import "../../Button/Button.types.js";
 import "../../../helpers/formatting/toArray.js";

package/dist/components/RichSelect/components/SelectActivator.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../helpers/formatting/toArray.js";
-import { X as p } from "../../../LoadingSuspense-D9nGJ3gx.js";
+import { X as p } from "../../../LoadingSuspense-Bwd232Nt.js";
 import "../../../helpers/form/getValueAsEvent.js";
 export {
   p as SelectActivator

package/dist/components/RichSelect/components/SelectOptions.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "../../../helpers/form/getValueAsEvent.js";
 import "react";
-import { Y as J } from "../../../LoadingSuspense-D9nGJ3gx.js";
-import "../../../fuzzysort-eoXOpoo6.js";
+import { Y as J } from "../../../LoadingSuspense-Bwd232Nt.js";
+import "../../../fuzzysort-BNka47rs.js";
 import "../../Badge/Badge.js";
-import "../../../index-2QXL0WYc.js";
+import "../../../index-cbHCAGLB.js";
 import "../../../helpers/formatting/toArray.js";
 import "../../ButtonGroup/ButtonGroupProvider.js";
 import "../../Card/Card.js";
@@ -14,7 +14,7 @@ import "../../Expander/Expander.js";
 import "../../Form/FormContext.js";
 import "../../Menu/Menu.js";
 import "../../Menu/MenuProvider.js";
-import "../../../PopoverProvider-d3hhpW2k.js";
+import "../../../PopoverProvider-Cvg6ObBO.js";
 import "../../CheckboxMark/CheckboxMark.types.js";
 import "../../CheckboxMark/CheckboxMark.js";
 import "../../Modal/ModalProvider.js";

package/dist/components/RichSelect/index.js

@@ -1,5 +1,5 @@
 import { useRichSelectState as r } from "./hooks/useRichSelectState.js";
-import { w as a, x as c, y as S, z as l, A as I, B as o, C as p } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { w as a, x as c, y as S, z as l, A as I, B as o, C as p } from "../../LoadingSuspense-Bwd232Nt.js";
 import { IressSelectBody as f } from "./SelectBody/SelectBody.js";
 import { IressSelectCreate as m } from "./SelectCreate/SelectCreate.js";
 export {

package/dist/components/Row/Row.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../index-2QXL0WYc.js";
+import "../../index-cbHCAGLB.js";
 import "./Row.types.js";
 import "../../helpers/responsive/getResponsiveLayoutModifiers.js";
-import { D as M } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { D as M } from "../../LoadingSuspense-Bwd232Nt.js";
 import "react";
-import "../../fuzzysort-eoXOpoo6.js";
+import "../../fuzzysort-BNka47rs.js";
 import "../Badge/Badge.js";
 import "../ButtonGroup/ButtonGroupProvider.js";
 import "../../enums.js";
@@ -15,7 +15,7 @@ import "../Expander/Expander.js";
 import "../Form/FormContext.js";
 import "../Menu/Menu.js";
 import "../Menu/MenuProvider.js";
-import "../../PopoverProvider-d3hhpW2k.js";
+import "../../PopoverProvider-Cvg6ObBO.js";
 import "../CheckboxMark/CheckboxMark.types.js";
 import "../CheckboxMark/CheckboxMark.js";
 import "../Modal/ModalProvider.js";

package/dist/components/Row/index.js

@@ -1,5 +1,5 @@
 import { RowCssClass as r } from "./Row.types.js";
-import { D as a } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { D as a } from "../../LoadingSuspense-Bwd232Nt.js";
 export {
   a as IressRow,
   r as RowCssClass

package/dist/components/Select/Select.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
 import "react";
-import "../../index-2QXL0WYc.js";
+import "../../index-cbHCAGLB.js";
 import "../../helpers/utility/propagateTestid.js";
 import "../../enums.js";
 import "../../hooks/useControlledState.js";
 import "../../hooks/useIdIfNeeded.js";
-import "../../SelectControl-D1SJlplM.js";
-import { E as x } from "../../LoadingSuspense-D9nGJ3gx.js";
+import "../../SelectControl-WoixPfwh.js";
+import { E as x } from "../../LoadingSuspense-Bwd232Nt.js";
 import "../../helpers/form/getValueAsEvent.js";
 import "../Form/hooks/useNoDefaultValueInForms.js";
 export {

package/dist/components/Select/components/SelectControl.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "../../../index-2QXL0WYc.js";
-import { S as l } from "../../../SelectControl-D1SJlplM.js";
+import "../../../index-cbHCAGLB.js";
+import { S as l } from "../../../SelectControl-WoixPfwh.js";
 import "react";
 import "../../../enums.js";
 import "../../../helpers/form/getFormControlValueAsStringIfDefined.js";

package/dist/components/Select/components/SelectReadonly.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../helpers/utility/propagateTestid.js";
-import { ab as K } from "../../../LoadingSuspense-D9nGJ3gx.js";
+import { ab as K } from "../../../LoadingSuspense-Bwd232Nt.js";
 import "../../../helpers/form/getFormControlValueAsStringIfDefined.js";
-import "../../../fuzzysort-eoXOpoo6.js";
+import "../../../fuzzysort-BNka47rs.js";
 import "../../Badge/Badge.js";
-import "../../../index-2QXL0WYc.js";
+import "../../../index-cbHCAGLB.js";
 import "../../ButtonGroup/ButtonGroupProvider.js";
 import "../../Card/Card.js";
 import "../../CheckboxGroup/CheckboxGroup.js";
@@ -14,7 +14,7 @@ import "../../Expander/Expander.js";
 import "../../Form/FormContext.js";
 import "../../Menu/Menu.js";
 import "../../Menu/MenuProvider.js";
-import "../../../PopoverProvider-d3hhpW2k.js";
+import "../../../PopoverProvider-Cvg6ObBO.js";
 import "../../CheckboxMark/CheckboxMark.types.js";
 import "../../CheckboxMark/CheckboxMark.js";
 import "../../Modal/ModalProvider.js";

package/dist/components/Select/helpers/mapSelectOptions.js

@@ -1,21 +1,21 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { idsLogger as a } from "../../../helpers/utility/idsLogger.js";
-import "../../../LoadingSuspense-D9nGJ3gx.js";
-import { IressSelectOption as d } from "../SelectOption/SelectOption.js";
-const l = (r) => (a(
+import "../../../LoadingSuspense-Bwd232Nt.js";
+import { IressSelectOption as s } from "../SelectOption/SelectOption.js";
+const d = (r) => (a(
   "IressSelect: mapSelectOptions has been deprecated and will be removed in a future version of IDS, please map and render the items array directly in your application instead.",
   "warn"
-), r != null && r.length ? r.map((e, t) => c(e, t)) : null), c = ({ children: r, label: e, onClick: t, testId: n, value: i }, o) => r ? /* @__PURE__ */ p("optgroup", { label: String(e), children: l(r) }, o) : /* @__PURE__ */ p(
-  d,
+), r?.length ? r.map((e, t) => l(e, t)) : null), l = ({ children: r, label: e, onClick: t, testId: n, value: p }, o) => r ? /* @__PURE__ */ i("optgroup", { label: String(e), children: d(r) }, o) : /* @__PURE__ */ i(
+  s,
   {
     onClick: t,
     "data-testid": n ? `${n}` : void 0,
-    value: i,
+    value: p,
     children: e
   },
   o
 );
 export {
-  l as mapSelectOptions,
-  c as renderOptionOrOptGroup
+  d as mapSelectOptions,
+  l as renderOptionOrOptGroup
 };

package/dist/components/Select/helpers/nodesToSelectOptions.js

@@ -1,6 +1,6 @@
 import "../../../helpers/formatting/toArray.js";
 import "../../../helpers/form/getFormControlValueAsString.js";
-import { aa as e, a9 as m } from "../../../LoadingSuspense-D9nGJ3gx.js";
+import { aa as e, a9 as m } from "../../../LoadingSuspense-Bwd232Nt.js";
 import "../SelectOption/SelectOption.js";
 import "react/jsx-runtime";
 export {

package/dist/components/Select/index.js

@@ -1,4 +1,4 @@
-import { E as o } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { E as o } from "../../LoadingSuspense-Bwd232Nt.js";
 import { IressSelectOption as p } from "./SelectOption/SelectOption.js";
 import { mapSelectOptions as O, renderOptionOrOptGroup as m } from "./helpers/mapSelectOptions.js";
 export {

package/dist/components/Skeleton/Skeleton.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as h } from "../../index-2QXL0WYc.js";
+import { c as h } from "../../index-cbHCAGLB.js";
 import { TextVariant as p } from "../../enums.js";
 import { SkeletonMode as v } from "./Skeleton.types.js";
 import { toCSSLengthValue as i } from "../../helpers/formatting/toCSSLengthValue.js";
 import { IressText as f } from "../Text/Text.js";
-const S = "ids-skeleton-v5200", g = "ids-skeleton--rect-v5200", u = "ids-skeleton--circle-v5200", T = "ids-skeleton--text-v5200", c = {
+const S = "ids-skeleton-v5203", g = "ids-skeleton--rect-v5203", u = "ids-skeleton--circle-v5203", T = "ids-skeleton--text-v5203", l = {
   skeleton: S,
-  "iress-skeleton-loading": "ids-skeleton--iress-skeleton-loading-v5200",
+  "iress-skeleton-loading": "ids-skeleton--iress-skeleton-loading-v5203",
   rect: g,
   circle: u,
   text: T
-}, a = ({
-  className: l,
+}, c = ({
+  className: a,
   height: s,
   width: o,
   textVariant: d,
@@ -21,9 +21,9 @@ const S = "ids-skeleton-v5200", g = "ids-skeleton--rect-v5200", u = "ids-skeleto
 }) => {
   const t = n === "text", k = {
     ...e,
-    width: o ? i(o) : e == null ? void 0 : e.width,
-    height: !t && s ? i(s) : e == null ? void 0 : e.height
-  }, x = h(l, c.skeleton, c[n], {
+    width: o ? i(o) : e?.width,
+    height: !t && s ? i(s) : e?.height
+  }, x = h(a, l.skeleton, l[n], {
     "iress-u-text": t
   });
   return /* @__PURE__ */ r(
@@ -37,8 +37,8 @@ const S = "ids-skeleton-v5200", g = "ids-skeleton--rect-v5200", u = "ids-skeleto
     }
   );
 };
-a.Mode = v;
-a.TextVariant = p;
+c.Mode = v;
+c.TextVariant = p;
 export {
-  a as IressSkeleton
+  c as IressSkeleton
 };

package/dist/components/SkipLink/SkipLink.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { c as t } from "../../index-2QXL0WYc.js";
+import { c as t } from "../../index-cbHCAGLB.js";
 import { idsLogger as m } from "../../helpers/utility/idsLogger.js";
-const a = "ids-skip-link-v5200", f = {
+const a = "ids-skip-link-v5203", f = {
   skipLink: a
 }, l = e(
   ({

package/dist/components/Slideout/Slideout.js

@@ -1,15 +1,15 @@
 import "react/jsx-runtime";
-import "../../index-2QXL0WYc.js";
+import "../../index-cbHCAGLB.js";
 import "./Slideout.types.js";
 import "../../SlideoutProvider-CQh140HM.js";
 import "react";
-import "../../floating-ui.react-nmA48tb2.js";
+import "../../floating-ui.react-DYBeYtOf.js";
 import "../../helpers/transition/timeStringToNumber.js";
 import "../../enums.js";
 import "../../helpers/utility/idsLogger.js";
 import "../../helpers/utility/propagateTestid.js";
-import { F as S } from "../../LoadingSuspense-D9nGJ3gx.js";
-import "../../PopoverProvider-d3hhpW2k.js";
+import { F as S } from "../../LoadingSuspense-Bwd232Nt.js";
+import "../../PopoverProvider-Cvg6ObBO.js";
 import "../../hooks/useIdIfNeeded.js";
 import "../Text/Text.js";
 import "./hooks/useIDSProvidedSlideout.js";

package/dist/components/Slideout/components/SlideoutInner.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../index-2QXL0WYc.js";
+import "../../../index-cbHCAGLB.js";
 import "../../../helpers/utility/propagateTestid.js";
-import { a8 as e } from "../../../LoadingSuspense-D9nGJ3gx.js";
-import "../../../PopoverProvider-d3hhpW2k.js";
+import { a8 as e } from "../../../LoadingSuspense-Bwd232Nt.js";
+import "../../../PopoverProvider-Cvg6ObBO.js";
 export {
   e as SlideoutInner
 };

package/dist/components/Slideout/hooks/useIDSProvidedSlideout.js

@@ -1,13 +1,13 @@
 import { useContext as n } from "react";
-import { I as s } from "../../../SlideoutProvider-CQh140HM.js";
-function l(o) {
-  const t = n(s);
+import { I as r } from "../../../SlideoutProvider-CQh140HM.js";
+function u(o) {
+  const e = n(r);
   return {
-    container: t == null ? void 0 : t.container,
-    opened: o && (t == null ? void 0 : t.opened.includes(o)),
-    show: (e) => o && (t == null ? void 0 : t.showSlideout(o, e))
+    container: e?.container,
+    opened: o && e?.opened.includes(o),
+    show: (t) => o && e?.showSlideout(o, t)
   };
 }
 export {
-  l as useIDSProvidedSlideout
+  u as useIDSProvidedSlideout
 };

package/dist/components/Slideout/index.js

@@ -1,5 +1,5 @@
 import { SLIDEOUT_MODES as S, SLIDEOUT_POSITIONS as t, SLIDEOUT_SIZES as r, SlideoutMode as i, SlideoutPosition as s, SlideoutSize as I } from "./Slideout.types.js";
-import { F as u } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { F as u } from "../../LoadingSuspense-Bwd232Nt.js";
 import { I as O, a as x } from "../../SlideoutProvider-CQh140HM.js";
 import { useSlideout as a } from "./hooks/useSlideout.js";
 export {

package/dist/components/Slider/Slider.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../../index-2QXL0WYc.js";
-import "../../SliderTicks-DQN0Ka4d.js";
+import "../../index-cbHCAGLB.js";
+import "../../SliderTicks-D-B1uIdS.js";
 import "react";
 import "../../helpers/utility/propagateTestid.js";
 import "../../hooks/useControlledState.js";
 import "../../hooks/useIdIfNeeded.js";
-import { G as f } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { G as f } from "../../LoadingSuspense-Bwd232Nt.js";
 import "../Form/hooks/useNoDefaultValueInForms.js";
 export {
   f as IressSlider

package/dist/components/Slider/components/SliderTicks.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { S } from "../../../SliderTicks-DQN0Ka4d.js";
-import "../../../index-2QXL0WYc.js";
+import { S } from "../../../SliderTicks-D-B1uIdS.js";
+import "../../../index-cbHCAGLB.js";
 import "react";
 import "../../../enums.js";
 import "../../../helpers/utility/propagateTestid.js";

package/dist/components/Slider/index.js

@@ -1,4 +1,4 @@
-import { G as s } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { G as s } from "../../LoadingSuspense-Bwd232Nt.js";
 export {
   s as IressSlider
 };

package/dist/components/Spinner/Spinner.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "../../index-2QXL0WYc.js";
-import { H as i } from "../../LoadingSuspense-D9nGJ3gx.js";
+import "../../index-cbHCAGLB.js";
+import { H as i } from "../../LoadingSuspense-Bwd232Nt.js";
 export {
   i as IressSpinner
 };

package/dist/components/Spinner/index.js

@@ -1,4 +1,4 @@
-import { H as s } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { H as s } from "../../LoadingSuspense-Bwd232Nt.js";
 export {
   s as IressSpinner
 };

package/dist/components/Stack/Stack.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../index-2QXL0WYc.js";
+import { c as a } from "../../index-cbHCAGLB.js";
 import { StackCssClass as s } from "./Stack.types.js";
 import { getResponsiveLayoutModifiers as i } from "../../helpers/responsive/getResponsiveLayoutModifiers.js";
 import { GutterSize as p } from "../../enums.js";

package/dist/components/TabSet/Tab/Tab.js

@@ -1,100 +1,100 @@
 import { jsx as r, jsxs as h, Fragment as A } from "react/jsx-runtime";
-import { c as l } from "../../../index-2QXL0WYc.js";
+import { c as l } from "../../../index-cbHCAGLB.js";
 import { forwardRef as w, useEffect as x } from "react";
-import { useIdIfNeeded as g } from "../../../hooks/useIdIfNeeded.js";
-import { useTabSetItems as k } from "../hooks/useTabSetItems.js";
-import { TabSetItem as u } from "../components/TabSetItem.js";
-import { createPortal as N } from "react-dom";
-const T = "ids-tab-v5200", I = "ids-tab--active-v5200", f = {
-  tab: T,
-  active: I
+import { useIdIfNeeded as I } from "../../../hooks/useIdIfNeeded.js";
+import { useTabSetItems as g } from "../hooks/useTabSetItems.js";
+import { TabSetItem as k } from "../components/TabSetItem.js";
+import { createPortal as u } from "react-dom";
+const N = "ids-tab-v5203", S = "ids-tab--active-v5203", b = {
+  tab: N,
+  active: S
 }, v = w(
-  ({ className: d, type: o = "button", ...n }, s) => /* @__PURE__ */ r(
+  ({ className: d, type: a = "button", ...s }, n) => /* @__PURE__ */ r(
     "button",
     {
-      className: l(d, f.tab),
-      ...n,
-      type: o,
-      ref: s
+      className: l(d, b.tab),
+      ...s,
+      type: a,
+      ref: n
     }
   )
-), $ = ({
+), T = ({
   active: d,
-  children: o,
-  className: n,
-  "data-testid": s,
-  label: p,
-  value: a,
+  children: a,
+  className: s,
+  "data-testid": n,
+  label: f,
+  value: o,
   ...m
-}, b) => {
-  const e = g(m), t = k();
+}, p) => {
+  const t = I(m), e = g();
   x(() => {
-    t == null || t.register({
-      id: e,
-      value: a
+    e?.register({
+      id: t,
+      value: o
     });
-  }, [e, t, a]);
-  const c = t ? t.isActive(e, a) : d;
-  if (t) {
-    const y = o && c;
+  }, [t, e, o]);
+  const c = e ? e.isActive(t, o) : d;
+  if (e) {
+    const y = a && c;
     return /* @__PURE__ */ h(A, { children: [
       /* @__PURE__ */ r(
-        u,
+        k,
         {
-          index: t.indexOf(e, a),
-          handleSelection: t.activate,
+          index: e.indexOf(t, o),
+          handleSelection: e.activate,
           selected: c,
-          value: a,
+          value: o,
           children: /* @__PURE__ */ r(
             v,
             {
-              className: l(n, {
-                [f.active]: c
+              className: l(s, {
+                [b.active]: c
               }),
-              "aria-controls": o ? `${e}--panel` : void 0,
+              "aria-controls": a ? `${t}--panel` : void 0,
               role: "tab",
-              "data-testid": s,
+              "data-testid": n,
               ...m,
-              id: e,
-              ref: b,
-              children: p
+              id: t,
+              ref: p,
+              children: f
             }
           )
         }
       ),
-      t.panel && N(
+      e.panel && u(
         /* @__PURE__ */ r(
           "div",
           {
-            "aria-labelledby": e,
-            id: `${e}--panel`,
+            "aria-labelledby": t,
+            id: `${t}--panel`,
             role: "tabpanel",
             onKeyDown: (i) => {
               (i.key === "ArrowLeft" || i.key === "ArrowRight" || i.key === "ArrowUp" || i.key === "ArrowDown") && i.stopPropagation();
             },
             hidden: !y,
-            children: o
+            children: a
           }
         ),
-        t.panel,
-        `${e}--panel`
+        e.panel,
+        `${t}--panel`
       )
     ] });
   }
   return /* @__PURE__ */ r(
     v,
     {
-      className: l(n, {
-        [f.active]: c
+      className: l(s, {
+        [b.active]: c
       }),
-      "data-testid": s,
+      "data-testid": n,
       ...m,
-      id: e,
-      ref: b,
-      children: p
+      id: t,
+      ref: p,
+      children: f
     }
   );
-}, K = w($);
+}, K = w(T);
 export {
   K as IressTab
 };

package/dist/components/TabSet/TabSet.js

@@ -1,49 +1,49 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { c as n } from "../../index-2QXL0WYc.js";
-import { s as e } from "../../TabSet.module-FRUnHgA1.js";
-import { C as c } from "../../floating-ui.react-nmA48tb2.js";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { c as n } from "../../index-cbHCAGLB.js";
+import { s as a } from "../../TabSet.module-4ohNBuQS.js";
+import { C as c } from "../../floating-ui.react-DYBeYtOf.js";
 import { propagateTestid as b } from "../../helpers/utility/propagateTestid.js";
 import { TabSetLayout as u } from "./TabSet.types.js";
 import { TabSetProvider as S } from "./TabSetProvider.js";
 import { useState as v } from "react";
 const N = ({
-  children: o,
-  className: s,
-  defaultSelected: i,
-  layout: m = "top-left",
-  onChange: l,
-  selected: r,
-  ...t
+  children: e,
+  className: r,
+  defaultSelected: m,
+  layout: s = "top-left",
+  onChange: i,
+  selected: l,
+  ...o
 }) => {
   const [p, f] = v(null);
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(
     S,
     {
-      onChange: l,
-      defaultSelected: i,
+      onChange: i,
+      defaultSelected: m,
       panel: p,
-      selected: r,
+      selected: l,
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: n(s, e.tabSet, {
-            [e[`layout--${m}`]]: !!m
+          className: n(r, a.tabSet, {
+            [a[`layout--${s}`]]: !!s
           }),
-          ...t,
+          ...o,
           children: [
-            o && /* @__PURE__ */ a(
+            e && /* @__PURE__ */ t(
               c,
               {
-                render: /* @__PURE__ */ a("div", { className: e.list, role: "tablist" }),
+                render: /* @__PURE__ */ t("div", { className: a.list, role: "tablist" }),
                 loop: !1,
-                children: o
+                children: e
               }
             ),
-            o && /* @__PURE__ */ a(
+            e && /* @__PURE__ */ t(
               "div",
               {
-                className: e.panel,
-                "data-testid": b(t == null ? void 0 : t["data-testid"], "panel"),
+                className: a.panel,
+                "data-testid": b(o?.["data-testid"], "panel"),
                 ref: f
               }
             )