@commercetools/nimbus 2.9.0 → 2.10.0

package/dist/chunks/tabs-Vvz4_UY5.es.js

@@ -1,560 +0,0 @@
-import { jsx as b, jsxs as J, Fragment as Q } from "react/jsx-runtime";
-import { a as T, b as g, $ as X, e as O, d as Y } from "./utils-CiIOoh_a.es.js";
-import { g as Z, e as ee, h as V, j as te, k as ie } from "./SelectionManager-Dwxt3P_U.es.js";
-import { a as ae, $ as le } from "./SelectionIndicator-B27AsfqE.es.js";
-import { $ as se, g as H, f as ne, a as oe } from "./CollectionBuilder-Bzm4ICAd.es.js";
-import { $ as re } from "./Hidden-S64SHphJ.es.js";
-import { a as v, $ as de } from "./mergeProps-Dg8WqJiN.es.js";
-import { $ as K } from "./filterDOMProps-Cxz9cAAv.es.js";
-import { $ as F } from "./useObjectRef-CaJ5pgjX.es.js";
-import { a as ce, b as M } from "./useListState-CK0Ynhz8.es.js";
-import { $ as fe, a as ue } from "./animation-sblr3yZx.es.js";
-import u, { useMemo as D, useRef as be, useEffect as $e, useContext as x, useState as pe, forwardRef as z, createContext as A } from "react";
-import { h as he } from "./useFocusVisible-DY8qx7TG.es.js";
-import { $ as ye } from "./useFocusable-B3Z_s4s7.es.js";
-import { $ as j } from "./useLabels-kXO7sGKX.es.js";
-import { $ as ve } from "./useHasTabbableChild-Bx9YAhMX.es.js";
-import { $ as me } from "./context-BfHy4NgG.es.js";
-import { $ as w } from "./useFocusRing-BUzNZISS.es.js";
-import { $ as Pe } from "./useHover-_d7KqTYf.es.js";
-import { $ as xe } from "./useControlledState-3TGZUXux.es.js";
-import { createSlotRecipeContext as ge, useChakraContext as Ke, useSlotRecipe as Se } from "@chakra-ui/react/styled-system";
-import { e as B } from "./extract-style-props-DD3XZzbq.es.js";
-const U = /* @__PURE__ */ new WeakMap();
-function S(i, e, t) {
-  if (!i)
-    return "";
-  typeof e == "string" && (e = e.replace(/\s+/g, ""));
-  let a = U.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 Te(i, e, t) {
-  let { key: a, isDisabled: s, shouldSelectOnPressUp: l } = i, { selectionManager: n, selectedKey: d } = e, o = a === d, r = s || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: c, isPressed: f } = Z({
-    selectionManager: n,
-    key: a,
-    ref: t,
-    isDisabled: r,
-    shouldSelectOnPressUp: l,
-    linkBehavior: "selection"
-  }), p = S(e, a, "tab"), h = S(e, a, "tabpanel"), { tabIndex: y } = c, $ = e.collection.getItem(a), P = K($?.props, {
-    labelable: !0
-  });
-  delete P.id;
-  let q = he($?.props), { focusableProps: G } = ye({
-    ...$?.props,
-    isDisabled: r
-  }, t);
-  return {
-    tabProps: v(P, G, q, c, {
-      id: p,
-      "aria-selected": o,
-      "aria-disabled": r || void 0,
-      "aria-controls": o ? h : void 0,
-      tabIndex: r ? void 0 : y,
-      role: "tab"
-    }),
-    isSelected: o,
-    isDisabled: r,
-    isPressed: f
-  };
-}
-function De(i, e, t) {
-  let a = ve(t) ? void 0 : 0;
-  var s;
-  const l = S(e, (s = i.id) !== null && s !== void 0 ? s : e?.selectedKey, "tabpanel"), n = j({
-    ...i,
-    id: l,
-    "aria-labelledby": S(e, e?.selectedKey, "tab")
-  });
-  return {
-    tabPanelProps: v(n, {
-      tabIndex: a,
-      role: "tabpanel",
-      "aria-describedby": i["aria-describedby"],
-      "aria-details": i["aria-details"]
-    })
-  };
-}
-class Ee {
-  getKeyLeftOf(e) {
-    return this.flipDirection ? this.getNextKey(e) : this.getPreviousKey(e);
-  }
-  getKeyRightOf(e) {
-    return this.flipDirection ? this.getPreviousKey(e) : this.getNextKey(e);
-  }
-  isDisabled(e) {
-    var t, a;
-    return this.disabledKeys.has(e) || !!(!((a = this.collection.getItem(e)) === null || a === void 0 || (t = a.props) === null || t === void 0) && t.isDisabled);
-  }
-  getFirstKey() {
-    let e = this.collection.getFirstKey();
-    return e != null && this.isDisabled(e) && (e = this.getNextKey(e)), e;
-  }
-  getLastKey() {
-    let e = this.collection.getLastKey();
-    return e != null && this.isDisabled(e) && (e = this.getPreviousKey(e)), e;
-  }
-  getKeyAbove(e) {
-    return this.tabDirection ? null : this.getPreviousKey(e);
-  }
-  getKeyBelow(e) {
-    return this.tabDirection ? null : this.getNextKey(e);
-  }
-  getNextKey(e) {
-    let t = e;
-    do
-      t = this.collection.getKeyAfter(t), t == null && (t = this.collection.getFirstKey());
-    while (t != null && this.isDisabled(t));
-    return t;
-  }
-  getPreviousKey(e) {
-    let t = e;
-    do
-      t = this.collection.getKeyBefore(t), t == null && (t = this.collection.getLastKey());
-    while (t != null && this.isDisabled(t));
-    return t;
-  }
-  constructor(e, t, a, s = /* @__PURE__ */ new Set()) {
-    this.collection = e, this.flipDirection = t === "rtl" && a === "horizontal", this.disabledKeys = s, this.tabDirection = a === "horizontal";
-  }
-}
-function Ce(i, e, t) {
-  let { orientation: a = "horizontal", keyboardActivation: s = "automatic" } = i, { collection: l, selectionManager: n, disabledKeys: d } = e, { direction: o } = me(), r = D(() => new Ee(l, o, a, d), [
-    l,
-    d,
-    a,
-    o
-  ]), { collectionProps: c } = ee({
-    ref: t,
-    selectionManager: n,
-    keyboardDelegate: r,
-    selectOnFocus: s === "automatic",
-    disallowEmptySelection: !0,
-    scrollRef: t,
-    linkBehavior: "selection"
-  }), f = de();
-  U.set(e, f);
-  let p = j({
-    ...i,
-    id: f
-  });
-  return {
-    tabListProps: {
-      ...v(c, p),
-      role: "tablist",
-      "aria-orientation": a,
-      tabIndex: void 0
-    }
-  };
-}
-function Fe(i) {
-  var e;
-  let [t, a] = xe(i.selectedKey, (e = i.defaultSelectedKey) !== null && e !== void 0 ? e : null, i.onSelectionChange), s = D(() => t != null ? [
-    t
-  ] : [], [
-    t
-  ]), { collection: l, disabledKeys: n, selectionManager: d } = ce({
-    ...i,
-    selectionMode: "single",
-    disallowEmptySelection: !0,
-    allowDuplicateSelectionEvents: !0,
-    selectedKeys: s,
-    onSelectionChange: (r) => {
-      if (r === "all") return;
-      var c;
-      let f = (c = r.values().next().value) !== null && c !== void 0 ? c : null;
-      f === t && i.onSelectionChange && i.onSelectionChange(f), a(f);
-    }
-  }), o = t != null ? l.getItem(t) : null;
-  return {
-    collection: l,
-    disabledKeys: n,
-    selectionManager: d,
-    selectedKey: t,
-    setSelectedKey: a,
-    selectedItem: o
-  };
-}
-function we(i) {
-  var e, t;
-  let a = Fe({
-    ...i,
-    onSelectionChange: i.onSelectionChange ? (o) => {
-      var r;
-      o != null && ((r = i.onSelectionChange) === null || r === void 0 || r.call(i, o));
-    } : void 0,
-    suppressTextValueWarning: !0,
-    defaultSelectedKey: (t = (e = i.defaultSelectedKey) !== null && e !== void 0 ? e : N(i.collection, i.disabledKeys ? new Set(i.disabledKeys) : /* @__PURE__ */ new Set())) !== null && t !== void 0 ? t : void 0
-  }), { selectionManager: s, collection: l, selectedKey: n } = a, d = be(n);
-  return $e(() => {
-    let o = n;
-    i.selectedKey == null && (s.isEmpty || o == null || !l.getItem(o)) && (o = N(l, a.disabledKeys), o != null && s.setSelectedKeys([
-      o
-    ])), (o != null && s.focusedKey == null || !s.isFocused && o !== d.current) && s.setFocusedKey(o), d.current = o;
-  }), {
-    ...a,
-    isDisabled: i.isDisabled || !1
-  };
-}
-function N(i, e) {
-  let t = null;
-  if (i) {
-    var a, s, l, n;
-    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) || !((n = i.getItem(t)) === null || n === void 0 || (l = n.props) === null || l === void 0) && l.isDisabled) && t === i.getLastKey() && (t = i.getFirstKey());
-  }
-  return t;
-}
-const E = /* @__PURE__ */ A(null), m = /* @__PURE__ */ A(null), Ie = /* @__PURE__ */ z(function(e, t) {
-  [e, t] = X(e, t, E);
-  let { children: a, orientation: s = "horizontal" } = e;
-  return a = D(() => typeof a == "function" ? a({
-    orientation: s,
-    defaultChildren: null
-  }) : a, [
-    a,
-    s
-  ]), /* @__PURE__ */ u.createElement(ne, {
-    content: a
-  }, (l) => /* @__PURE__ */ u.createElement(Re, {
-    props: e,
-    collection: l,
-    tabsRef: t
-  }));
-});
-function Re({ props: i, tabsRef: e, collection: t }) {
-  let { orientation: a = "horizontal" } = i, s = we({
-    ...i,
-    collection: t,
-    children: void 0
-  }), { focusProps: l, isFocused: n, isFocusVisible: d } = w({
-    within: !0
-  }), o = D(() => ({
-    orientation: a,
-    isFocusWithin: n,
-    isFocusVisible: d
-  }), [
-    a,
-    n,
-    d
-  ]), r = T({
-    ...i,
-    defaultClassName: "react-aria-Tabs",
-    values: o
-  }), c = K(i, {
-    global: !0
-  });
-  return /* @__PURE__ */ u.createElement(g.div, {
-    ...v(c, r, l),
-    ref: e,
-    slot: i.slot || void 0,
-    "data-focused": n || void 0,
-    "data-orientation": a,
-    "data-focus-visible": d || void 0,
-    "data-disabled": s.isDisabled || void 0
-  }, /* @__PURE__ */ u.createElement(O, {
-    values: [
-      [
-        E,
-        i
-      ],
-      [
-        m,
-        s
-      ]
-    ]
-  }, r.children));
-}
-const Le = /* @__PURE__ */ z(function(e, t) {
-  return x(m) ? /* @__PURE__ */ u.createElement(ke, {
-    props: e,
-    forwardedRef: t
-  }) : /* @__PURE__ */ u.createElement(H, e);
-});
-function ke({ props: i, forwardedRef: e }) {
-  let t = x(m), { CollectionRoot: a } = x(V), { orientation: s = "horizontal", keyboardActivation: l = "automatic" } = Y(E), n = F(e), { tabListProps: d } = Ce({
-    ...i,
-    orientation: s,
-    keyboardActivation: l
-  }, t, n), o = T({
-    ...i,
-    children: null,
-    defaultClassName: "react-aria-TabList",
-    values: {
-      orientation: s,
-      state: t
-    }
-  }), r = K(i, {
-    global: !0
-  });
-  return delete r.id, /* @__PURE__ */ u.createElement(g.div, {
-    ...v(r, o, d),
-    ref: n,
-    "data-orientation": s || void 0
-  }, /* @__PURE__ */ u.createElement(le, null, /* @__PURE__ */ u.createElement(a, {
-    collection: t.collection,
-    persistedKeys: ie(t.selectionManager.focusedKey)
-  })));
-}
-class W extends oe {
-}
-W.type = "item";
-const Me = /* @__PURE__ */ se(W, (i, e, t) => {
-  let a = x(m), s = F(e), { tabProps: l, isSelected: n, isDisabled: d, isPressed: o } = Te({
-    key: t.key,
-    ...i
-  }, a, s), { focusProps: r, isFocused: c, isFocusVisible: f } = w(), { hoverProps: p, isHovered: h } = Pe({
-    isDisabled: d,
-    onHoverStart: i.onHoverStart,
-    onHoverEnd: i.onHoverEnd,
-    onHoverChange: i.onHoverChange
-  }), y = T({
-    ...i,
-    id: void 0,
-    children: t.rendered,
-    defaultClassName: "react-aria-Tab",
-    values: {
-      isSelected: n,
-      isDisabled: d,
-      isFocused: c,
-      isFocusVisible: f,
-      isPressed: o,
-      isHovered: h
-    }
-  }), $ = t.props.href ? g.a : g.div, P = K(i, {
-    global: !0
-  });
-  return delete P.id, delete P.onClick, /* @__PURE__ */ u.createElement($, {
-    ...v(P, y, l, r, p),
-    ref: s,
-    "data-selected": n || void 0,
-    "data-disabled": d || void 0,
-    "data-focused": c || void 0,
-    "data-focus-visible": f || void 0,
-    "data-pressed": o || void 0,
-    "data-hovered": h || void 0
-  }, /* @__PURE__ */ u.createElement(ae.Provider, {
-    value: {
-      isSelected: n
-    }
-  }, y.children));
-}), Ne = /* @__PURE__ */ re(function(e, t) {
-  const a = x(m);
-  let s = F(t), l = a.selectedKey === e.id, [n, d] = pe(a.selectedKey != null ? l : null);
-  n == null && a.selectedKey != null ? d(l) : !l && n && d(!1);
-  let o = fe(s, l);
-  return !l && !e.shouldForceMount && !o ? null : /* @__PURE__ */ u.createElement(Oe, {
-    ...e,
-    tabPanelRef: s,
-    isInitiallySelected: n || !1,
-    isExiting: o
-  });
-});
-function Oe(i) {
-  let e = x(m), { id: t, tabPanelRef: a, isInitiallySelected: s, isExiting: l, ...n } = i, { tabPanelProps: d } = De(i, e, a), { focusProps: o, isFocused: r, isFocusVisible: c } = w(), f = e.selectedKey === i.id, p = ue(a) && !s, h = T({
-    ...i,
-    defaultClassName: "react-aria-TabPanel",
-    values: {
-      isFocused: r,
-      isFocusVisible: c,
-      // @ts-ignore - compatibility with React < 19
-      isInert: M(!f),
-      isEntering: p,
-      isExiting: l,
-      state: e
-    }
-  }), y = K(n, {
-    global: !0
-  });
-  delete y.id;
-  let $ = f ? v(y, d, o, h) : v(y, h);
-  return /* @__PURE__ */ u.createElement(g.div, {
-    ...$,
-    ref: a,
-    "data-focused": r || void 0,
-    "data-focus-visible": c || void 0,
-    // @ts-ignore
-    inert: M(!f || i.inert),
-    "data-inert": f ? void 0 : "true",
-    "data-entering": p || void 0,
-    "data-exiting": l || void 0
-  }, /* @__PURE__ */ u.createElement(O, {
-    values: [
-      [
-        E,
-        null
-      ],
-      [
-        m,
-        null
-      ]
-    ]
-  }, /* @__PURE__ */ u.createElement(V.Provider, {
-    value: te
-  }, h.children)));
-}
-const { withProvider: Ve, withContext: C } = /* @__PURE__ */ ge({
-  key: "nimbusTabs"
-}), He = /* @__PURE__ */ Ve("div", "root"), ze = /* @__PURE__ */ C("div", "list"), Ae = /* @__PURE__ */ C("button", "tab"), je = /* @__PURE__ */ C("div", "panels"), Be = /* @__PURE__ */ C("div", "panel"), I = ({
-  children: i,
-  isDisabled: e,
-  href: t,
-  target: a,
-  rel: s,
-  routerOptions: l,
-  ...n
-}) => /* @__PURE__ */ b(Ae, { asChild: !0, ...n, children: /* @__PURE__ */ b(
-  Me,
-  {
-    isDisabled: e,
-    href: t,
-    target: a,
-    rel: s,
-    routerOptions: l,
-    children: i
-  }
-) });
-I.displayName = "Tabs.Tab";
-const R = ({ tabs: i, children: e, ...t }) => {
-  const [a, s] = B(t);
-  if (!i && !e)
-    throw new Error(
-      'Tabs.List: Either provide "tabs" prop or "children" must be provided'
-    );
-  return /* @__PURE__ */ b(ze, { ...a, asChild: !0, children: /* @__PURE__ */ b(Le, { items: i, ...s, children: i ? (l) => /* @__PURE__ */ b(
-    I,
-    {
-      id: l.id,
-      isDisabled: l.isDisabled,
-      href: l.href,
-      target: l.target,
-      rel: l.rel,
-      routerOptions: l.routerOptions,
-      children: l.tabLabel
-    },
-    l.id
-  ) : e }) });
-};
-R.displayName = "Tabs.List";
-const L = ({
-  children: i,
-  ref: e,
-  shouldForceMount: t,
-  ...a
-}) => {
-  if (!i)
-    throw new Error("Tabs.Panel: children prop is required");
-  return /* @__PURE__ */ b(Be, { asChild: !0, ref: e, ...a, children: /* @__PURE__ */ b(Ne, { shouldForceMount: t, children: i }) });
-};
-L.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__ */ b(je, { ...t, children: i ? /* @__PURE__ */ b(H, { items: i, children: (a) => /* @__PURE__ */ b(L, { id: a.id, children: a.panelContent }, a.id) }) : e });
-};
-k.displayName = "Tabs.Panels";
-const _ = ({
-  children: i,
-  tabs: e,
-  tabListAriaLabel: t,
-  ...a
-}) => {
-  const s = Ke(), l = Se({ key: "nimbusTabs" }), [n, d] = l.splitVariantProps(a), [o, r] = B(d), c = s.normalizeValue(n.orientation);
-  return /* @__PURE__ */ b(He, { asChild: !0, ...n, ...o, children: /* @__PURE__ */ b(Ie, { ...r, orientation: c, children: i || /* @__PURE__ */ J(Q, { children: [
-    /* @__PURE__ */ b(R, { tabs: e, "aria-label": t }),
-    /* @__PURE__ */ b(k, { tabs: e })
-  ] }) }) });
-};
-_.displayName = "Tabs.Root";
-const ut = {
-  /**
-   * # Tabs.Root
-   *
-   * The root component that provides context and state management for the tabs.
-   * Must wrap all tabs parts (List, Tab, Panels, Panel) to coordinate their behavior.
-   *
-   * @example
-   * ```tsx
-   * <Tabs.Root orientation="horizontal" size="md">
-   *   <Tabs.List>
-   *     <Tabs.Tab id="tab1">Tab 1</Tabs.Tab>
-   *   </Tabs.List>
-   *   <Tabs.Panels>
-   *     <Tabs.Panel id="tab1">Content</Tabs.Panel>
-   *   </Tabs.Panels>
-   * </Tabs.Root>
-   * ```
-   */
-  Root: _,
-  /**
-   * # Tabs.List
-   *
-   * The container for tab buttons that allows users to navigate between panels.
-   * Handles keyboard navigation and manages the active tab state.
-   *
-   * @example
-   * ```tsx
-   * <Tabs.List>
-   *   <Tabs.Tab id="tab1">First Tab</Tabs.Tab>
-   *   <Tabs.Tab id="tab2">Second Tab</Tabs.Tab>
-   * </Tabs.List>
-   * ```
-   */
-  List: R,
-  /**
-   * # Tabs.Tab
-   *
-   * An individual tab button that activates its corresponding panel when selected.
-   * Supports keyboard navigation, disabled states, and custom content.
-   *
-   * @example
-   * ```tsx
-   * <Tabs.Tab id="settings" isDisabled={false}>
-   *   <Icon name="settings" />
-   *   Settings
-   * </Tabs.Tab>
-   * ```
-   */
-  Tab: I,
-  /**
-   * # Tabs.Panels
-   *
-   * The container for all tab panels that displays the content for the active tab.
-   * Manages visibility and accessibility of panel content.
-   *
-   * @example
-   * ```tsx
-   * <Tabs.Panels>
-   *   <Tabs.Panel id="tab1">First panel content</Tabs.Panel>
-   *   <Tabs.Panel id="tab2">Second panel content</Tabs.Panel>
-   * </Tabs.Panels>
-   * ```
-   */
-  Panels: k,
-  /**
-   * # Tabs.Panel
-   *
-   * An individual panel that displays content when its corresponding tab is active.
-   * Automatically manages focus and accessibility attributes.
-   *
-   * @example
-   * ```tsx
-   * <Tabs.Panel id="profile">
-   *   <h3>Profile Settings</h3>
-   *   <p>Manage your profile information here.</p>
-   * </Tabs.Panel>
-   * ```
-   */
-  Panel: L
-};
-export {
-  ut as T,
-  R as a,
-  L as b,
-  k as c,
-  _ as d,
-  I as e
-};
-//# sourceMappingURL=tabs-Vvz4_UY5.es.js.map