@commercetools/nimbus 0.0.0-canary-20251013071647 → 0.0.0-canary-20251014065943

package/dist/chunks/{tabs-UlU9sGFI.es.js → tabs-BCLrKRoZ.es.js}

@@ -1,9 +1,9 @@
 import { jsx as c, jsxs as G, Fragment as J } from "react/jsx-runtime";
-import { g as Q, e as X, h as O, k as Y, l as Z } from "./SelectionManager-C9i8k50b.es.js";
+import { g as Q, e as X, h as O, k as Y, l as Z } from "./SelectionManager-DMLLo5N3.es.js";
 import { a as D, d as V, $ as _, e as ee } from "./utils-Cyja2WdR.es.js";
 import { a as te, $ as ie } from "./SelectionIndicator-DopimabS.es.js";
-import { $ as ae, g as H, f as se, a as re } from "./CollectionBuilder-Wz-mnWjQ.es.js";
-import { $ as le } from "./Hidden-j3Lbt7xL.es.js";
+import { $ as ae, g as H, f as se, a as le } from "./CollectionBuilder-Wz-mnWjQ.es.js";
+import { $ as re } from "./Hidden-j3Lbt7xL.es.js";
 import { a as v, $ as oe } from "./mergeProps-CzyOU2NE.es.js";
 import { $ as g } from "./filterDOMProps-BSVCO5jK.es.js";
 import { $ as F } from "./useObjectRef-CaJ5pgjX.es.js";
@@ -11,15 +11,14 @@ import { $ as M } from "./inertValue-B7loUihk.es.js";
 import f, { useMemo as E, useRef as de, useEffect as ne, forwardRef as C, useContext as x, createContext as A } from "react";
 import { $ as z } from "./useLabels-82wzG8z1.es.js";
 import { $ as ce } from "./useHasTabbableChild-Dq0HGz7B.es.js";
-import { b as fe } from "./openLink-BMfblNBC.es.js";
+import { c as fe } from "./openLink-CY66vjvW.es.js";
 import { $ as ue } from "./useFocusable-D1mzTlxa.es.js";
 import { $ as be } from "./context-R4YUlO9Y.es.js";
 import { $ as w } from "./useFocusRing-DRIG5NVg.es.js";
 import { $ as $e } from "./useHover-9Xdm5U9d.es.js";
-import { $ as pe } from "./useSingleSelectListState-CYr_aJQU.es.js";
-import { createSlotRecipeContext as he } from "@chakra-ui/react/styled-system";
-import { p as ve } from "./index-DthLdwMN.es.js";
-import { e as me } from "./extractStyleProps-CNXOLneR.es.js";
+import { $ as pe } from "./useSingleSelectListState-DLY6K_dU.es.js";
+import { createSlotRecipeContext as he } from "@chakra-ui/react";
+import { e as ve } from "./extractStyleProps-DYXEhLtq.es.js";
 const B = /* @__PURE__ */ new WeakMap();
 function K(i, e, t) {
   if (!i)
@@ -28,13 +27,13 @@ function K(i, e, t) {
   let a = B.get(i);
   return process.env.NODE_ENV !== "production" && !a && console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."), `${a}-${t}-${e}`;
 }
-function ye(i, e, t) {
-  let { key: a, isDisabled: s, shouldSelectOnPressUp: r } = i, { selectionManager: o, selectedKey: n } = e, l = a === n, d = s || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: b, isPressed: u } = Q({
+function me(i, e, t) {
+  let { key: a, isDisabled: s, shouldSelectOnPressUp: l } = i, { selectionManager: o, selectedKey: n } = e, r = a === n, d = s || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: b, isPressed: u } = Q({
     selectionManager: o,
     key: a,
     ref: t,
     isDisabled: d,
-    shouldSelectOnPressUp: r,
+    shouldSelectOnPressUp: l,
     linkBehavior: "selection"
   }), $ = K(e, a, "tab"), h = K(e, a, "tabpanel"), { tabIndex: m } = b, p = e.collection.getItem(a), y = g(p?.props, {
     labelable: !0
@@ -46,23 +45,23 @@ function ye(i, e, t) {
   return {
     tabProps: v(y, q, W, b, {
       id: $,
-      "aria-selected": l,
+      "aria-selected": r,
       "aria-disabled": d || void 0,
-      "aria-controls": l ? h : void 0,
+      "aria-controls": r ? h : void 0,
       tabIndex: d ? void 0 : m,
       role: "tab"
     }),
-    isSelected: l,
+    isSelected: r,
     isDisabled: d,
     isPressed: u
   };
 }
-function Pe(i, e, t) {
+function ye(i, e, t) {
   let a = ce(t) ? void 0 : 0;
   var s;
-  const r = K(e, (s = i.id) !== null && s !== void 0 ? s : e?.selectedKey, "tabpanel"), o = z({
+  const l = K(e, (s = i.id) !== null && s !== void 0 ? s : e?.selectedKey, "tabpanel"), o = z({
     ...i,
-    id: r,
+    id: l,
     "aria-labelledby": K(e, e?.selectedKey, "tab")
   });
   return {
@@ -74,7 +73,7 @@ function Pe(i, e, t) {
     })
   };
 }
-class xe {
+class Pe {
   getKeyLeftOf(e) {
     return this.flipDirection ? this.getNextKey(e) : this.getPreviousKey(e);
   }
@@ -117,12 +116,12 @@ class xe {
     this.collection = e, this.flipDirection = t === "rtl" && a === "horizontal", this.disabledKeys = s, this.tabDirection = a === "horizontal";
   }
 }
-function ge(i, e, t) {
-  let { orientation: a = "horizontal", keyboardActivation: s = "automatic" } = i, { collection: r, selectionManager: o, disabledKeys: n } = e, { direction: l } = be(), d = E(() => new xe(r, l, a, n), [
-    r,
+function xe(i, e, t) {
+  let { orientation: a = "horizontal", keyboardActivation: s = "automatic" } = i, { collection: l, selectionManager: o, disabledKeys: n } = e, { direction: r } = be(), d = E(() => new Pe(l, r, a, n), [
+    l,
     n,
     a,
-    l
+    r
   ]), { collectionProps: b } = X({
     ref: t,
     selectionManager: o,
@@ -146,22 +145,22 @@ function ge(i, e, t) {
     }
   };
 }
-function Ke(i) {
+function ge(i) {
   var e, t;
   let a = pe({
     ...i,
-    onSelectionChange: i.onSelectionChange ? (l) => {
+    onSelectionChange: i.onSelectionChange ? (r) => {
       var d;
-      l != null && ((d = i.onSelectionChange) === null || d === void 0 || d.call(i, l));
+      r != null && ((d = i.onSelectionChange) === null || d === void 0 || d.call(i, r));
     } : void 0,
     suppressTextValueWarning: !0,
     defaultSelectedKey: (t = (e = i.defaultSelectedKey) !== null && e !== void 0 ? e : I(i.collection, i.disabledKeys ? new Set(i.disabledKeys) : /* @__PURE__ */ new Set())) !== null && t !== void 0 ? t : void 0
-  }), { selectionManager: s, collection: r, selectedKey: o } = a, n = de(o);
+  }), { selectionManager: s, collection: l, selectedKey: o } = a, n = de(o);
   return ne(() => {
-    let l = o;
-    i.selectedKey == null && (s.isEmpty || l == null || !r.getItem(l)) && (l = I(r, a.disabledKeys), l != null && s.setSelectedKeys([
-      l
-    ])), (l != null && s.focusedKey == null || !s.isFocused && l !== n.current) && s.setFocusedKey(l), n.current = l;
+    let r = o;
+    i.selectedKey == null && (s.isEmpty || r == null || !l.getItem(r)) && (r = I(l, a.disabledKeys), r != null && s.setSelectedKeys([
+      r
+    ])), (r != null && s.focusedKey == null || !s.isFocused && r !== n.current) && s.setFocusedKey(r), n.current = r;
   }), {
     ...a,
     isDisabled: i.isDisabled || !1
@@ -170,14 +169,14 @@ function Ke(i) {
 function I(i, e) {
   let t = null;
   if (i) {
-    var a, s, r, o;
+    var a, s, l, o;
     for (t = i.getFirstKey(); t != null && (e.has(t) || !((s = i.getItem(t)) === null || s === void 0 || (a = s.props) === null || a === void 0) && a.isDisabled) && t !== i.getLastKey(); ) t = i.getKeyAfter(t);
-    t != null && (e.has(t) || !((o = i.getItem(t)) === null || o === void 0 || (r = o.props) === null || r === void 0) && r.isDisabled) && t === i.getLastKey() && (t = i.getFirstKey());
+    t != null && (e.has(t) || !((o = i.getItem(t)) === null || o === void 0 || (l = o.props) === null || l === void 0) && l.isDisabled) && t === i.getLastKey() && (t = i.getFirstKey());
   }
   return t;
 }
-const S = /* @__PURE__ */ A(null), P = /* @__PURE__ */ A(null), De = /* @__PURE__ */ C(function(e, t) {
-  [e, t] = _(e, t, S);
+const T = /* @__PURE__ */ A(null), P = /* @__PURE__ */ A(null), Ke = /* @__PURE__ */ C(function(e, t) {
+  [e, t] = _(e, t, T);
   let { children: a, orientation: s = "horizontal" } = e;
   return a = E(() => typeof a == "function" ? a({
     orientation: s,
@@ -187,20 +186,20 @@ const S = /* @__PURE__ */ A(null), P = /* @__PURE__ */ A(null), De = /* @__PURE_
     s
   ]), /* @__PURE__ */ f.createElement(se, {
     content: a
-  }, (r) => /* @__PURE__ */ f.createElement(Se, {
+  }, (l) => /* @__PURE__ */ f.createElement(De, {
     props: e,
-    collection: r,
+    collection: l,
     tabsRef: t
   }));
 });
-function Se({ props: i, tabsRef: e, collection: t }) {
-  let { orientation: a = "horizontal" } = i, s = Ke({
+function De({ props: i, tabsRef: e, collection: t }) {
+  let { orientation: a = "horizontal" } = i, s = ge({
     ...i,
     collection: t,
     children: void 0
-  }), { focusProps: r, isFocused: o, isFocusVisible: n } = w({
+  }), { focusProps: l, isFocused: o, isFocusVisible: n } = w({
     within: !0
-  }), l = E(() => ({
+  }), r = E(() => ({
     orientation: a,
     isFocusWithin: o,
     isFocusVisible: n
@@ -211,12 +210,12 @@ function Se({ props: i, tabsRef: e, collection: t }) {
   ]), d = D({
     ...i,
     defaultClassName: "react-aria-Tabs",
-    values: l
+    values: r
   }), b = g(i, {
     global: !0
   });
   return /* @__PURE__ */ f.createElement("div", {
-    ...v(b, d, r),
+    ...v(b, d, l),
     ref: e,
     slot: i.slot || void 0,
     "data-focused": o || void 0,
@@ -226,7 +225,7 @@ function Se({ props: i, tabsRef: e, collection: t }) {
   }, /* @__PURE__ */ f.createElement(V, {
     values: [
       [
-        S,
+        T,
         i
       ],
       [
@@ -237,17 +236,17 @@ function Se({ props: i, tabsRef: e, collection: t }) {
   }, d.children));
 }
 const Te = /* @__PURE__ */ C(function(e, t) {
-  return x(P) ? /* @__PURE__ */ f.createElement(Fe, {
+  return x(P) ? /* @__PURE__ */ f.createElement(Se, {
     props: e,
     forwardedRef: t
   }) : /* @__PURE__ */ f.createElement(H, e);
 });
-function Fe({ props: i, forwardedRef: e }) {
-  let t = x(P), { CollectionRoot: a } = x(O), { orientation: s = "horizontal", keyboardActivation: r = "automatic" } = ee(S), o = F(e), { tabListProps: n } = ge({
+function Se({ props: i, forwardedRef: e }) {
+  let t = x(P), { CollectionRoot: a } = x(O), { orientation: s = "horizontal", keyboardActivation: l = "automatic" } = ee(T), o = F(e), { tabListProps: n } = xe({
     ...i,
     orientation: s,
-    keyboardActivation: r
-  }, t, o), l = D({
+    keyboardActivation: l
+  }, t, o), r = D({
     ...i,
     children: null,
     defaultClassName: "react-aria-TabList",
@@ -259,7 +258,7 @@ function Fe({ props: i, forwardedRef: e }) {
     global: !0
   });
   return delete d.id, /* @__PURE__ */ f.createElement("div", {
-    ...v(d, l, n),
+    ...v(d, r, n),
     ref: o,
     "data-orientation": s || void 0
   }, /* @__PURE__ */ f.createElement(ie, null, /* @__PURE__ */ f.createElement(a, {
@@ -267,11 +266,11 @@ function Fe({ props: i, forwardedRef: e }) {
     persistedKeys: Z(t.selectionManager.focusedKey)
   })));
 }
-class j extends re {
+class j extends le {
 }
 j.type = "item";
-const Ee = /* @__PURE__ */ ae(j, (i, e, t) => {
-  let a = x(P), s = F(e), { tabProps: r, isSelected: o, isDisabled: n, isPressed: l } = ye({
+const Fe = /* @__PURE__ */ ae(j, (i, e, t) => {
+  let a = x(P), s = F(e), { tabProps: l, isSelected: o, isDisabled: n, isPressed: r } = me({
     key: t.key,
     ...i
   }, a, s), { focusProps: d, isFocused: b, isFocusVisible: u } = w(), { hoverProps: $, isHovered: h } = $e({
@@ -289,29 +288,29 @@ const Ee = /* @__PURE__ */ ae(j, (i, e, t) => {
       isDisabled: n,
       isFocused: b,
       isFocusVisible: u,
-      isPressed: l,
+      isPressed: r,
       isHovered: h
     }
   }), p = t.props.href ? "a" : "div", y = g(i, {
     global: !0
   });
   return delete y.id, delete y.onClick, /* @__PURE__ */ f.createElement(p, {
-    ...v(y, m, r, d, $),
+    ...v(y, m, l, d, $),
     ref: s,
     "data-selected": o || void 0,
     "data-disabled": n || void 0,
     "data-focused": b || void 0,
     "data-focus-visible": u || void 0,
-    "data-pressed": l || void 0,
+    "data-pressed": r || void 0,
     "data-hovered": h || void 0
   }, /* @__PURE__ */ f.createElement(te.Provider, {
     value: {
       isSelected: o
     }
   }, m.children));
-}), Ce = /* @__PURE__ */ le(function(e, t) {
+}), Ee = /* @__PURE__ */ re(function(e, t) {
   const a = x(P);
-  let s = F(t), { id: r, ...o } = e, { tabPanelProps: n } = Pe(e, a, s), { focusProps: l, isFocused: d, isFocusVisible: b } = w(), u = a.selectedKey === e.id, $ = D({
+  let s = F(t), { id: l, ...o } = e, { tabPanelProps: n } = ye(e, a, s), { focusProps: r, isFocused: d, isFocusVisible: b } = w(), u = a.selectedKey === e.id, $ = D({
     ...e,
     defaultClassName: "react-aria-TabPanel",
     values: {
@@ -327,7 +326,7 @@ const Ee = /* @__PURE__ */ ae(j, (i, e, t) => {
     global: !0
   });
   delete h.id;
-  let m = u ? v(h, n, l, $) : $;
+  let m = u ? v(h, n, r, $) : $;
   return /* @__PURE__ */ f.createElement("div", {
     ...m,
     ref: s,
@@ -339,7 +338,7 @@ const Ee = /* @__PURE__ */ ae(j, (i, e, t) => {
   }, /* @__PURE__ */ f.createElement(V, {
     values: [
       [
-        S,
+        T,
         null
       ],
       [
@@ -350,48 +349,48 @@ const Ee = /* @__PURE__ */ ae(j, (i, e, t) => {
   }, /* @__PURE__ */ f.createElement(O.Provider, {
     value: Y
   }, $.children)));
-}), { withProvider: we, withContext: T } = /* @__PURE__ */ he({
-  recipe: ve
-}), Le = /* @__PURE__ */ we(
+}), { withProvider: Ce, withContext: S } = /* @__PURE__ */ he({
+  key: "tabs"
+}), we = /* @__PURE__ */ Ce(
   "div",
   "root"
-), Re = /* @__PURE__ */ T(
+), Le = /* @__PURE__ */ S(
   "div",
   "list"
-), Ne = /* @__PURE__ */ T(
+), Ne = /* @__PURE__ */ S(
   "button",
   "tab"
-), ke = /* @__PURE__ */ T(
+), Re = /* @__PURE__ */ S(
   "div",
   "panels"
-), Me = /* @__PURE__ */ T(
+), ke = /* @__PURE__ */ S(
   "div",
   "panel"
-), L = ({ children: i, isDisabled: e, ...t }) => /* @__PURE__ */ c(Ne, { asChild: !0, ...t, children: /* @__PURE__ */ c(Ee, { isDisabled: e, children: i }) });
+), L = ({ children: i, isDisabled: e, ...t }) => /* @__PURE__ */ c(Ne, { asChild: !0, ...t, children: /* @__PURE__ */ c(Fe, { isDisabled: e, children: i }) });
 L.displayName = "Tabs.Tab";
-const R = ({ tabs: i, children: e, ...t }) => {
-  const [a, s] = me(t);
+const N = ({ tabs: i, children: e, ...t }) => {
+  const [a, s] = ve(t);
   if (!i && !e)
     throw new Error(
       'Tabs.List: Either provide "tabs" prop or "children" must be provided'
     );
-  return /* @__PURE__ */ c(Re, { ...a, asChild: !0, children: /* @__PURE__ */ c(Te, { items: i, ...s, children: i ? (r) => /* @__PURE__ */ c(L, { id: r.id, isDisabled: r.isDisabled, children: r.tabLabel }, r.id) : e }) });
+  return /* @__PURE__ */ c(Le, { ...a, asChild: !0, children: /* @__PURE__ */ c(Te, { items: i, ...s, children: i ? (l) => /* @__PURE__ */ c(L, { id: l.id, isDisabled: l.isDisabled, children: l.tabLabel }, l.id) : e }) });
 };
-R.displayName = "Tabs.List";
-const N = /* @__PURE__ */ C(
+N.displayName = "Tabs.List";
+const R = /* @__PURE__ */ C(
   ({ children: i, ...e }, t) => {
     if (!i)
       throw new Error("Tabs.Panel: children prop is required");
-    return /* @__PURE__ */ c(Me, { asChild: !0, ref: t, ...e, children: /* @__PURE__ */ c(Ce, { children: i }) });
+    return /* @__PURE__ */ c(ke, { asChild: !0, ref: t, ...e, children: /* @__PURE__ */ c(Ee, { children: i }) });
   }
 );
-N.displayName = "Tabs.Panel";
+R.displayName = "Tabs.Panel";
 const k = ({ tabs: i, children: e, ...t }) => {
   if (!i && !e)
     throw new Error(
       'Tabs.Panels: Either provide "items" prop or "children" must be provided'
     );
-  return /* @__PURE__ */ c(ke, { ...t, children: i ? /* @__PURE__ */ c(H, { items: i, children: (a) => /* @__PURE__ */ c(N, { id: a.id, children: a.panelContent }, a.id) }) : e });
+  return /* @__PURE__ */ c(Re, { ...t, children: i ? /* @__PURE__ */ c(H, { items: i, children: (a) => /* @__PURE__ */ c(R, { id: a.id, children: a.panelContent }, a.id) }) : e });
 };
 k.displayName = "Tabs.Panels";
 const U = ({
@@ -400,36 +399,36 @@ const U = ({
   disabledKeys: t,
   placement: a = "start",
   size: s = "md",
-  tabs: r,
+  tabs: l,
   ...o
 }) => /* @__PURE__ */ c(
-  Le,
+  we,
   {
     asChild: !0,
     orientation: e,
     placement: a,
     size: s,
     ...o,
-    children: /* @__PURE__ */ c(De, { disabledKeys: t, ...r, children: i || /* @__PURE__ */ G(J, { children: [
-      /* @__PURE__ */ c(R, { tabs: r }),
-      /* @__PURE__ */ c(k, { tabs: r })
+    children: /* @__PURE__ */ c(Ke, { disabledKeys: t, ...l, children: i || /* @__PURE__ */ G(J, { children: [
+      /* @__PURE__ */ c(N, { tabs: l }),
+      /* @__PURE__ */ c(k, { tabs: l })
     ] }) })
   }
 );
 U.displayName = "Tabs.Root";
-const st = {
+const it = {
   Root: U,
-  List: R,
+  List: N,
   Tab: L,
   Panels: k,
-  Panel: N
+  Panel: R
 };
 export {
-  st as T,
+  it as T,
   U as a,
-  R as b,
+  N as b,
   L as c,
   k as d,
-  N as e
+  R as e
 };
-//# sourceMappingURL=tabs-UlU9sGFI.es.js.map
+//# sourceMappingURL=tabs-BCLrKRoZ.es.js.map