@salt-ds/lab 1.0.0-alpha.90 → 1.0.0-alpha.92

package/dist-es/tabs-next/TabNextTrigger.js

@@ -1,178 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, useIsomorphicLayoutEffect, useForkRef } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef, useRef } from 'react';
-import { useTabListLayout } from './TabListLayoutContext.js';
-import { useTabNext } from './TabNextContext.js';
-import css_248z from './TabNextTrigger.css.js';
-import { useTabsNext } from './TabsNextContext.js';
-
-const withBaseName = makePrefixer("saltTabNextTrigger");
-function getAriaDescription(count) {
-  if (count < 1) {
-    return void 0;
-  }
-  if (count === 1) {
-    return "1 action available";
-  }
-  return `${count} actions available`;
-}
-const ariaActionSupported = typeof HTMLElement !== "undefined" && "ariaActions" in HTMLElement.prototype;
-const TabNextTrigger = forwardRef(function TabNextTrigger2(props, ref) {
-  const { children, onClick, onKeyDown, onFocus, ...rest } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-tab-next-trigger",
-    css: css_248z,
-    window: targetWindow
-  });
-  const {
-    setSelected,
-    registerTab,
-    updateTab,
-    updateRenderedTab,
-    getRenderedTabOrder,
-    getPanelId,
-    getTabId,
-    selected: selectedValue,
-    activeTab,
-    menuOpen,
-    setMenuOpen
-  } = useTabsNext();
-  const { selected, value, focused, disabled, tabId, actions } = useTabNext();
-  const tabListLayout = useTabListLayout();
-  const tabRef = useRef(null);
-  const location = (tabListLayout == null ? void 0 : tabListLayout.getLocation(value)) ?? "main";
-  const selectionSource = location === "overflow" ? "overflow" : "main";
-  const hidden = location === "hidden";
-  const overflowOpen = location === "overflow" && menuOpen;
-  const renderOrder = getRenderedTabOrder(value);
-  const order = renderOrder >= 0 ? renderOrder : void 0;
-  const initialLocationRef = useRef(location);
-  const initialOrderRef = useRef(order);
-  const id = tabId;
-  useIsomorphicLayoutEffect(() => {
-    if (id && tabRef.current) {
-      const item = {
-        id,
-        value,
-        element: tabRef.current,
-        location: initialLocationRef.current,
-        order: initialOrderRef.current
-      };
-      return registerTab(item);
-    }
-  }, [id, registerTab, value]);
-  useIsomorphicLayoutEffect(() => {
-    if (!id) {
-      return;
-    }
-    updateTab(id, {
-      element: tabRef.current,
-      location,
-      order
-    });
-  }, [id, location, order, updateTab]);
-  useIsomorphicLayoutEffect(() => {
-    updateRenderedTab(value, {
-      trigger: tabRef.current
-    });
-  }, [updateRenderedTab, value]);
-  useIsomorphicLayoutEffect(() => {
-    var _a;
-    if (!overflowOpen || (tabListLayout == null ? void 0 : tabListLayout.overflowActiveValue) !== value) {
-      return;
-    }
-    (_a = tabRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
-  }, [overflowOpen, tabListLayout == null ? void 0 : tabListLayout.overflowActiveValue, value]);
-  const handleClick = (event) => {
-    onClick == null ? void 0 : onClick(event);
-    setSelected(event, value, selectionSource);
-  };
-  const handleKeyDown = (event) => {
-    onKeyDown == null ? void 0 : onKeyDown(event);
-    if (location === "overflow" && event.key === "Tab" && event.shiftKey) {
-      event.preventDefault();
-      setMenuOpen(false);
-      const doc = event.currentTarget.ownerDocument;
-      const overflowTrigger = doc.querySelector(
-        "[data-overflowbutton]"
-      );
-      const scheduleFocus = targetWindow == null ? void 0 : targetWindow.requestAnimationFrame;
-      if (scheduleFocus) {
-        scheduleFocus(() => overflowTrigger == null ? void 0 : overflowTrigger.focus({ preventScroll: true }));
-      } else {
-        queueMicrotask(() => overflowTrigger == null ? void 0 : overflowTrigger.focus({ preventScroll: true }));
-      }
-      return;
-    }
-    if (location === "overflow" && tabListLayout && (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Home" || event.key === "End")) {
-      const moved = tabListLayout.moveOverflowFocus(event.key, value);
-      if (moved) {
-        event.preventDefault();
-        return;
-      }
-    }
-    if (disabled) {
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-      }
-      return;
-    }
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      setSelected(event, value, selectionSource);
-    }
-  };
-  const handleFocus = (event) => {
-    var _a;
-    onFocus == null ? void 0 : onFocus(event);
-    if (id) {
-      activeTab.current = { value, id };
-    }
-    if (location === "overflow") {
-      tabListLayout == null ? void 0 : tabListLayout.setOverflowActiveValue(value);
-    }
-    (_a = event.currentTarget.parentElement) == null ? void 0 : _a.scrollIntoView({
-      block: "nearest",
-      inline: "nearest"
-    });
-  };
-  const handleRef = useForkRef(tabRef, ref);
-  const panelId = getPanelId(value);
-  const ariaActionsProps = ariaActionSupported ? {
-    "aria-actions": clsx(actions) || void 0
-  } : {};
-  const active = location === "overflow" && (tabListLayout == null ? void 0 : tabListLayout.overflowActiveValue) === value;
-  const hasSelectedTab = selectedValue !== void 0 && getTabId(selectedValue) != null;
-  const fallbackTabStop = !hasSelectedTab && location === "main" && order === 0;
-  const isTabStop = !hidden && (focused || selected || active || fallbackTabStop);
-  const shouldHandleKeyDown = location === "overflow" || !disabled;
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      "aria-selected": selected,
-      "aria-disabled": disabled,
-      "aria-controls": panelId,
-      ...ariaActionsProps,
-      "aria-description": getAriaDescription(actions.length),
-      tabIndex: isTabStop ? 0 : -1,
-      role: "tab",
-      type: "button",
-      onClick: !disabled ? handleClick : void 0,
-      onKeyDown: shouldHandleKeyDown ? handleKeyDown : void 0,
-      onFocus: handleFocus,
-      className: withBaseName(),
-      id,
-      ref: handleRef,
-      "data-value": value,
-      ...rest,
-      children
-    }
-  );
-});
-
-export { TabNextTrigger };
-//# sourceMappingURL=TabNextTrigger.js.map

package/dist-es/tabs-next/TabNextTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabNextTrigger.js","sources":["../src/tabs-next/TabNextTrigger.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  useRef,\n} from \"react\";\nimport { useTabListLayout } from \"./TabListLayoutContext\";\nimport { useTabNext } from \"./TabNextContext\";\nimport tabTriggerCss from \"./TabNextTrigger.css\";\nimport { useTabsNext } from \"./TabsNextContext\";\n\nexport interface TabNextTriggerProps\n  extends Omit<ComponentPropsWithoutRef<\"button\">, \"id\"> {}\n\nconst withBaseName = makePrefixer(\"saltTabNextTrigger\");\n\nfunction getAriaDescription(count: number) {\n  if (count < 1) {\n    return undefined;\n  }\n\n  if (count === 1) {\n    return \"1 action available\";\n  }\n\n  return `${count} actions available`;\n}\n\nconst ariaActionSupported =\n  typeof HTMLElement !== \"undefined\" && \"ariaActions\" in HTMLElement.prototype;\n\nexport const TabNextTrigger = forwardRef<\n  HTMLButtonElement,\n  TabNextTriggerProps\n>(function TabNextTrigger(props, ref) {\n  const { children, onClick, onKeyDown, onFocus, ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tab-next-trigger\",\n    css: tabTriggerCss,\n    window: targetWindow,\n  });\n\n  const {\n    setSelected,\n    registerTab,\n    updateTab,\n    updateRenderedTab,\n    getRenderedTabOrder,\n    getPanelId,\n    getTabId,\n    selected: selectedValue,\n    activeTab,\n    menuOpen,\n    setMenuOpen,\n  } = useTabsNext();\n  const { selected, value, focused, disabled, tabId, actions } = useTabNext();\n  const tabListLayout = useTabListLayout();\n\n  const tabRef = useRef<HTMLButtonElement>(null);\n\n  const location = tabListLayout?.getLocation(value) ?? \"main\";\n  const selectionSource = location === \"overflow\" ? \"overflow\" : \"main\";\n  const hidden = location === \"hidden\";\n  const overflowOpen = location === \"overflow\" && menuOpen;\n  const renderOrder = getRenderedTabOrder(value);\n  const order = renderOrder >= 0 ? renderOrder : undefined;\n  const initialLocationRef = useRef(location);\n  const initialOrderRef = useRef(order);\n\n  const id = tabId;\n\n  useIsomorphicLayoutEffect(() => {\n    if (id && tabRef.current) {\n      const item = {\n        id,\n        value,\n        element: tabRef.current,\n        location: initialLocationRef.current,\n        order: initialOrderRef.current,\n      };\n\n      return registerTab(item);\n    }\n  }, [id, registerTab, value]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!id) {\n      return;\n    }\n\n    updateTab(id, {\n      element: tabRef.current,\n      location,\n      order,\n    });\n  }, [id, location, order, updateTab]);\n\n  useIsomorphicLayoutEffect(() => {\n    updateRenderedTab(value, {\n      trigger: tabRef.current,\n    });\n  }, [updateRenderedTab, value]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!overflowOpen || tabListLayout?.overflowActiveValue !== value) {\n      return;\n    }\n\n    tabRef.current?.focus({ preventScroll: true });\n  }, [overflowOpen, tabListLayout?.overflowActiveValue, value]);\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n\n    setSelected(event, value, selectionSource);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n\n    if (location === \"overflow\" && event.key === \"Tab\" && event.shiftKey) {\n      event.preventDefault();\n      setMenuOpen(false);\n\n      const doc = event.currentTarget.ownerDocument;\n      const overflowTrigger = doc.querySelector<HTMLElement>(\n        \"[data-overflowbutton]\",\n      );\n      const scheduleFocus = targetWindow?.requestAnimationFrame;\n\n      if (scheduleFocus) {\n        scheduleFocus(() => overflowTrigger?.focus({ preventScroll: true }));\n      } else {\n        queueMicrotask(() => overflowTrigger?.focus({ preventScroll: true }));\n      }\n\n      return;\n    }\n\n    if (\n      location === \"overflow\" &&\n      tabListLayout &&\n      (event.key === \"ArrowDown\" ||\n        event.key === \"ArrowUp\" ||\n        event.key === \"Home\" ||\n        event.key === \"End\")\n    ) {\n      const moved = tabListLayout.moveOverflowFocus(event.key, value);\n      if (moved) {\n        event.preventDefault();\n        return;\n      }\n    }\n\n    if (disabled) {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n      }\n      return;\n    }\n\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setSelected(event, value, selectionSource);\n    }\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLButtonElement>) => {\n    onFocus?.(event);\n\n    if (id) {\n      activeTab.current = { value, id };\n    }\n\n    if (location === \"overflow\") {\n      tabListLayout?.setOverflowActiveValue(value);\n    }\n\n    // Ensures the associated tab is in view.\n    event.currentTarget.parentElement?.scrollIntoView({\n      block: \"nearest\",\n      inline: \"nearest\",\n    });\n  };\n\n  const handleRef = useForkRef<HTMLButtonElement>(tabRef, ref);\n  const panelId = getPanelId(value);\n\n  // Applying aria-actions this way avoids React warnings about unknown props\n  const ariaActionsProps = ariaActionSupported\n    ? {\n        \"aria-actions\": clsx(actions) || undefined,\n      }\n    : {};\n\n  const active =\n    location === \"overflow\" && tabListLayout?.overflowActiveValue === value;\n  const hasSelectedTab =\n    selectedValue !== undefined && getTabId(selectedValue) != null;\n  const fallbackTabStop = !hasSelectedTab && location === \"main\" && order === 0;\n  const isTabStop =\n    !hidden && (focused || selected || active || fallbackTabStop);\n  const shouldHandleKeyDown = location === \"overflow\" || !disabled;\n\n  return (\n    <button\n      aria-selected={selected}\n      aria-disabled={disabled}\n      aria-controls={panelId}\n      {...ariaActionsProps}\n      aria-description={getAriaDescription(actions.length)}\n      tabIndex={isTabStop ? 0 : -1}\n      role=\"tab\"\n      type=\"button\"\n      onClick={!disabled ? handleClick : undefined}\n      onKeyDown={shouldHandleKeyDown ? handleKeyDown : undefined}\n      onFocus={handleFocus}\n      className={withBaseName()}\n      id={id}\n      ref={handleRef}\n      data-value={value}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n});\n"],"names":["TabNextTrigger","tabTriggerCss"],"mappings":";;;;;;;;;;;AAwBA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAEtD,SAAS,mBAAmB,KAAA,EAAe;AACzC,EAAA,IAAI,QAAQ,CAAA,EAAG;AACb,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,IAAI,UAAU,CAAA,EAAG;AACf,IAAA,OAAO,oBAAA;AAAA,EACT;AAEA,EAAA,OAAO,GAAG,KAAK,CAAA,kBAAA,CAAA;AACjB;AAEA,MAAM,mBAAA,GACJ,OAAO,WAAA,KAAgB,WAAA,IAAe,iBAAiB,WAAA,CAAY,SAAA;AAE9D,MAAM,cAAA,GAAiB,UAAA,CAG5B,SAASA,eAAAA,CAAe,OAAO,GAAA,EAAK;AACpC,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,WAAW,OAAA,EAAS,GAAG,MAAK,GAAI,KAAA;AAE3D,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,uBAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM;AAAA,IACJ,WAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,mBAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA,EAAU,aAAA;AAAA,IACV,SAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,WAAA,EAAY;AAChB,EAAA,MAAM,EAAE,UAAU,KAAA,EAAO,OAAA,EAAS,UAAU,KAAA,EAAO,OAAA,KAAY,UAAA,EAAW;AAC1E,EAAA,MAAM,gBAAgB,gBAAA,EAAiB;AAEvC,EAAA,MAAM,MAAA,GAAS,OAA0B,IAAI,CAAA;AAE7C,EAAA,MAAM,QAAA,GAAA,CAAW,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAe,WAAA,CAAY,KAAA,CAAA,KAAU,MAAA;AACtD,EAAA,MAAM,eAAA,GAAkB,QAAA,KAAa,UAAA,GAAa,UAAA,GAAa,MAAA;AAC/D,EAAA,MAAM,SAAS,QAAA,KAAa,QAAA;AAC5B,EAAA,MAAM,YAAA,GAAe,aAAa,UAAA,IAAc,QAAA;AAChD,EAAA,MAAM,WAAA,GAAc,oBAAoB,KAAK,CAAA;AAC7C,EAAA,MAAM,KAAA,GAAQ,WAAA,IAAe,CAAA,GAAI,WAAA,GAAc,MAAA;AAC/C,EAAA,MAAM,kBAAA,GAAqB,OAAO,QAAQ,CAAA;AAC1C,EAAA,MAAM,eAAA,GAAkB,OAAO,KAAK,CAAA;AAEpC,EAAA,MAAM,EAAA,GAAK,KAAA;AAEX,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,EAAA,IAAM,OAAO,OAAA,EAAS;AACxB,MAAA,MAAM,IAAA,GAAO;AAAA,QACX,EAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAS,MAAA,CAAO,OAAA;AAAA,QAChB,UAAU,kBAAA,CAAmB,OAAA;AAAA,QAC7B,OAAO,eAAA,CAAgB;AAAA,OACzB;AAEA,MAAA,OAAO,YAAY,IAAI,CAAA;AAAA,IACzB;AAAA,EACF,CAAA,EAAG,CAAC,EAAA,EAAI,WAAA,EAAa,KAAK,CAAC,CAAA;AAE3B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,EAAA,EAAI;AACP,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,EAAA,EAAI;AAAA,MACZ,SAAS,MAAA,CAAO,OAAA;AAAA,MAChB,QAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,EACH,GAAG,CAAC,EAAA,EAAI,QAAA,EAAU,KAAA,EAAO,SAAS,CAAC,CAAA;AAEnC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,iBAAA,CAAkB,KAAA,EAAO;AAAA,MACvB,SAAS,MAAA,CAAO;AAAA,KACjB,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,iBAAA,EAAmB,KAAK,CAAC,CAAA;AAE7B,EAAA,yBAAA,CAA0B,MAAM;AAnHlC,IAAA,IAAA,EAAA;AAoHI,IAAA,IAAI,CAAC,YAAA,IAAA,CAAgB,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAe,mBAAA,MAAwB,KAAA,EAAO;AACjE,MAAA;AAAA,IACF;AAEA,IAAA,CAAA,EAAA,GAAA,MAAA,CAAO,OAAA,KAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAgB,KAAA,CAAM,EAAE,eAAe,IAAA,EAAK,CAAA;AAAA,EAC9C,GAAG,CAAC,YAAA,EAAc,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAe,mBAAA,EAAqB,KAAK,CAAC,CAAA;AAE5D,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAyC;AAC5D,IAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,KAAA,CAAA;AAEV,IAAA,WAAA,CAAY,KAAA,EAAO,OAAO,eAAe,CAAA;AAAA,EAC3C,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA4C;AACjE,IAAA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAY,KAAA,CAAA;AAEZ,IAAA,IAAI,aAAa,UAAA,IAAc,KAAA,CAAM,GAAA,KAAQ,KAAA,IAAS,MAAM,QAAA,EAAU;AACpE,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,WAAA,CAAY,KAAK,CAAA;AAEjB,MAAA,MAAM,GAAA,GAAM,MAAM,aAAA,CAAc,aAAA;AAChC,MAAA,MAAM,kBAAkB,GAAA,CAAI,aAAA;AAAA,QAC1B;AAAA,OACF;AACA,MAAA,MAAM,gBAAgB,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,qBAAA;AAEpC,MAAA,IAAI,aAAA,EAAe;AACjB,QAAA,aAAA,CAAc,MAAM,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,KAAA,CAAM,EAAE,aAAA,EAAe,MAAK,CAAE,CAAA;AAAA,MACrE,CAAA,MAAO;AACL,QAAA,cAAA,CAAe,MAAM,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,KAAA,CAAM,EAAE,aAAA,EAAe,MAAK,CAAE,CAAA;AAAA,MACtE;AAEA,MAAA;AAAA,IACF;AAEA,IAAA,IACE,QAAA,KAAa,UAAA,IACb,aAAA,KACC,KAAA,CAAM,QAAQ,WAAA,IACb,KAAA,CAAM,GAAA,KAAQ,SAAA,IACd,KAAA,CAAM,GAAA,KAAQ,MAAA,IACd,KAAA,CAAM,QAAQ,KAAA,CAAA,EAChB;AACA,MAAA,MAAM,KAAA,GAAQ,aAAA,CAAc,iBAAA,CAAkB,KAAA,CAAM,KAAK,KAAK,CAAA;AAC9D,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA;AAAA,MACF;AAAA,IACF;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,OAAA,IAAW,KAAA,CAAM,QAAQ,GAAA,EAAK;AAC9C,QAAA,KAAA,CAAM,cAAA,EAAe;AAAA,MACvB;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,OAAA,IAAW,KAAA,CAAM,QAAQ,GAAA,EAAK;AAC9C,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,WAAA,CAAY,KAAA,EAAO,OAAO,eAAe,CAAA;AAAA,IAC3C;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAyC;AAnLhE,IAAA,IAAA,EAAA;AAoLI,IAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,KAAA,CAAA;AAEV,IAAA,IAAI,EAAA,EAAI;AACN,MAAA,SAAA,CAAU,OAAA,GAAU,EAAE,KAAA,EAAO,EAAA,EAAG;AAAA,IAClC;AAEA,IAAA,IAAI,aAAa,UAAA,EAAY;AAC3B,MAAA,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAe,sBAAA,CAAuB,KAAA,CAAA;AAAA,IACxC;AAGA,IAAA,CAAA,EAAA,GAAA,KAAA,CAAM,aAAA,CAAc,aAAA,KAApB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmC,cAAA,CAAe;AAAA,MAChD,KAAA,EAAO,SAAA;AAAA,MACP,MAAA,EAAQ;AAAA,KACV,CAAA;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,SAAA,GAAY,UAAA,CAA8B,MAAA,EAAQ,GAAG,CAAA;AAC3D,EAAA,MAAM,OAAA,GAAU,WAAW,KAAK,CAAA;AAGhC,EAAA,MAAM,mBAAmB,mBAAA,GACrB;AAAA,IACE,cAAA,EAAgB,IAAA,CAAK,OAAO,CAAA,IAAK;AAAA,MAEnC,EAAC;AAEL,EAAA,MAAM,MAAA,GACJ,QAAA,KAAa,UAAA,IAAA,CAAc,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAe,mBAAA,MAAwB,KAAA;AACpE,EAAA,MAAM,cAAA,GACJ,aAAA,KAAkB,MAAA,IAAa,QAAA,CAAS,aAAa,CAAA,IAAK,IAAA;AAC5D,EAAA,MAAM,eAAA,GAAkB,CAAC,cAAA,IAAkB,QAAA,KAAa,UAAU,KAAA,KAAU,CAAA;AAC5E,EAAA,MAAM,SAAA,GACJ,CAAC,MAAA,KAAW,OAAA,IAAW,YAAY,MAAA,IAAU,eAAA,CAAA;AAC/C,EAAA,MAAM,mBAAA,GAAsB,QAAA,KAAa,UAAA,IAAc,CAAC,QAAA;AAExD,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAe,QAAA;AAAA,MACf,eAAA,EAAe,QAAA;AAAA,MACf,eAAA,EAAe,OAAA;AAAA,MACd,GAAG,gBAAA;AAAA,MACJ,kBAAA,EAAkB,kBAAA,CAAmB,OAAA,CAAQ,MAAM,CAAA;AAAA,MACnD,QAAA,EAAU,YAAY,CAAA,GAAI,EAAA;AAAA,MAC1B,IAAA,EAAK,KAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,CAAC,QAAA,GAAW,WAAA,GAAc,MAAA;AAAA,MACnC,SAAA,EAAW,sBAAsB,aAAA,GAAgB,MAAA;AAAA,MACjD,OAAA,EAAS,WAAA;AAAA,MACT,WAAW,YAAA,EAAa;AAAA,MACxB,EAAA;AAAA,MACA,GAAA,EAAK,SAAA;AAAA,MACL,YAAA,EAAY,KAAA;AAAA,MACX,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/tabs-next/TabOverflowList.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltTabOverflow {\n  position: relative;\n}\n\n.saltTabOverflow-list {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n  overflow: hidden;\n  overflow-y: auto;\n  position: absolute;\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n  border-radius: var(--salt-palette-corner, 0);\n  z-index: var(--salt-zIndex-flyover);\n}\n\n.saltTabOverflow-listContainer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-fixed-100);\n  max-height: inherit;\n  min-height: inherit;\n}\n\n.saltTabOverflow-list .saltTabNext {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  padding-left: var(--salt-spacing-100);\n  padding-right: var(--salt-spacing-100);\n  display: flex;\n  gap: var(--salt-spacing-100);\n  position: relative;\n  align-items: center;\n  cursor: var(--salt-cursor-hover);\n  box-sizing: border-box;\n  flex-shrink: 0;\n  justify-content: flex-start;\n}\n\n@supports selector(:has(*)) {\n  .saltTabListNext:has([data-overflowbutton]) .saltTabOverflow-list .saltTabNext {\n    max-width: unset;\n  }\n}\n\n.saltTabOverflow-list .saltTabNext .saltTabNextTrigger {\n  justify-content: start;\n}\n\n.saltTabOverflow-list .saltTabNext::after {\n  display: none;\n}\n\n.saltTabOverflow-list .saltTabNext[aria-disabled=\"true\"] {\n  color: var(--salt-content-primary-foreground-disabled);\n  cursor: var(--salt-cursor-disabled);\n}\n\n.saltTabOverflow-list .saltTabNext-focusVisible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-size-fixed-100) * -2);\n}\n\n.saltTabOverflow-list .saltTabNext:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltTabOverflow-list .saltTabNext:active {\n  background: var(--salt-selectable-background-selected);\n  box-shadow:\n    0 calc(var(--salt-size-fixed-100) * -1) 0 0 var(--salt-selectable-borderColor-selected),\n    0 var(--salt-size-fixed-100) 0 0 var(--salt-selectable-borderColor-selected);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=TabOverflowList.css.js.map

package/dist-es/tabs-next/TabOverflowList.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabOverflowList.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/tabs-next/TabOverflowList.js

@@ -1,235 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { offset, size, flip, shift, useInteractions, useClick, useDismiss } from '@floating-ui/react';
-import { makePrefixer, useIcon, useFloatingUI, useForkRef, useFloatingComponent, useId, useIsomorphicLayoutEffect, Button } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef, useRef, useEffect } from 'react';
-import { isHTMLElement } from './domUtils.js';
-import css_248z from './TabOverflowList.css.js';
-import { TabSlot } from './TabSlot.js';
-import { useTabsNext } from './TabsNextContext.js';
-import { seedWidthMap, getMeasuredWidth, updateWidthMap } from './widthMeasurement.js';
-
-const withBaseName = makePrefixer("saltTabOverflow");
-const TabOverflowList = forwardRef(
-  function TabOverflowList2(props, ref) {
-    var _a, _b;
-    const {
-      buttonRef,
-      className,
-      hiddenValues,
-      order,
-      open,
-      setOpen,
-      ...rest
-    } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-tabs-next-overflow-list",
-      css: css_248z,
-      window: targetWindow
-    });
-    const overflowRef = useRef(null);
-    const hadOverflowItemsRef = useRef(false);
-    const { OverflowIcon } = useIcon();
-    const { registerTab, updateTab, activeTab } = useTabsNext();
-    const { refs, x, y, strategy, context, elements } = useFloatingUI({
-      open,
-      onOpenChange(open2, _, reason) {
-        var _a2;
-        setOpen(open2);
-        if (reason === "escape-key") {
-          (_a2 = overflowRef.current) == null ? void 0 : _a2.focus();
-        }
-      },
-      placement: "bottom-start",
-      middleware: [
-        offset(1),
-        size({
-          apply({ elements: elements2, availableHeight }) {
-            Object.assign(elements2.floating.style, {
-              maxHeight: `max(calc((var(--salt-size-base) + var(--salt-spacing-100)) * 5), calc(${availableHeight}px - var(--salt-spacing-100)))`
-            });
-          }
-        }),
-        flip(),
-        shift({
-          padding: 8
-        })
-      ]
-    });
-    const { getFloatingProps, getReferenceProps } = useInteractions([
-      useClick(context),
-      useDismiss(context)
-    ]);
-    const handleListRef = useForkRef(ref, refs.setFloating);
-    const handleButtonRef = useForkRef(
-      buttonRef,
-      refs.setReference
-    );
-    const handleRef = useForkRef(handleButtonRef, overflowRef);
-    const { Component: FloatingComponent } = useFloatingComponent();
-    const overflowId = useId();
-    const overlayId = useId();
-    const handleFocus = () => {
-      if (overflowId) {
-        activeTab.current = { value: overflowId, id: overflowId };
-      }
-    };
-    const handleFloatingKeyDown = (event) => {
-      if (event.key !== "Tab") {
-        return;
-      }
-      if (event.shiftKey) {
-        event.preventDefault();
-        setOpen(false);
-        const scheduleFocus = targetWindow == null ? void 0 : targetWindow.requestAnimationFrame;
-        if (scheduleFocus) {
-          scheduleFocus(
-            () => {
-              var _a2;
-              return (_a2 = overflowRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
-            }
-          );
-          return;
-        }
-        queueMicrotask(
-          () => {
-            var _a2;
-            return (_a2 = overflowRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
-          }
-        );
-        return;
-      }
-    };
-    const overflowItemCount = hiddenValues.length;
-    const hasOverflowItems = overflowItemCount > 0;
-    const initialOrderRef = useRef(order);
-    useEffect(() => {
-      var _a2;
-      const tabList = (_a2 = overflowRef.current) == null ? void 0 : _a2.parentElement;
-      const resizeObserverCtor = targetWindow == null ? void 0 : targetWindow.ResizeObserver;
-      if (!open || !tabList || !resizeObserverCtor) {
-        return;
-      }
-      const observedElements = [tabList, tabList.parentElement].filter(
-        (element) => element != null
-      );
-      const widths = seedWidthMap(observedElements);
-      const resizeObserver = new resizeObserverCtor(
-        (entries) => {
-          for (const entry of entries) {
-            if (!isHTMLElement(entry.target)) {
-              continue;
-            }
-            const nextWidth = entry.contentRect.width || getMeasuredWidth(entry.target);
-            if (updateWidthMap(widths, entry.target, nextWidth)) {
-              setOpen(false);
-              return;
-            }
-          }
-        }
-      );
-      for (const element of observedElements) {
-        resizeObserver.observe(element);
-      }
-      return () => {
-        resizeObserver.disconnect();
-      };
-    }, [open, setOpen, targetWindow]);
-    useIsomorphicLayoutEffect(() => {
-      if (open && !hasOverflowItems) {
-        setOpen(false);
-      }
-    }, [hasOverflowItems, open, setOpen]);
-    useIsomorphicLayoutEffect(() => {
-      if (hasOverflowItems && !hadOverflowItemsRef.current) {
-        setOpen(false);
-      }
-      hadOverflowItemsRef.current = hasOverflowItems;
-    }, [hasOverflowItems, setOpen]);
-    useIsomorphicLayoutEffect(() => {
-      if (overflowId && overflowRef.current && hasOverflowItems) {
-        const item = {
-          id: overflowId,
-          value: overflowId,
-          element: overflowRef.current,
-          location: "main",
-          order: initialOrderRef.current
-        };
-        return registerTab(item);
-      }
-    }, [hasOverflowItems, overflowId, registerTab]);
-    useIsomorphicLayoutEffect(() => {
-      if (!overflowId || !hasOverflowItems) {
-        return;
-      }
-      updateTab(overflowId, {
-        element: overflowRef.current,
-        location: "main",
-        order
-      });
-    }, [hasOverflowItems, order, overflowId, updateTab]);
-    if (!hasOverflowItems) return null;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          className: clsx(withBaseName(), className),
-          "data-overflowbutton": true,
-          appearance: "transparent",
-          sentiment: "neutral",
-          ...getReferenceProps({
-            onFocus: handleFocus
-          }),
-          ref: handleRef,
-          "aria-label": "Overflow",
-          "aria-expanded": open,
-          "aria-controls": overlayId,
-          role: "tab",
-          tabIndex: -1,
-          ...rest,
-          children: /* @__PURE__ */ jsx(OverflowIcon, { "aria-hidden": true })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        FloatingComponent,
-        {
-          ref: handleListRef,
-          ...getFloatingProps({
-            id: overlayId,
-            onKeyDown: handleFloatingKeyDown
-          }),
-          focusManagerProps: context ? {
-            context,
-            initialFocus: 0,
-            returnFocus: false,
-            modal: false,
-            closeOnFocusOut: true
-          } : void 0,
-          className: withBaseName("list"),
-          open,
-          left: x ?? 0,
-          top: y ?? 0,
-          position: strategy,
-          width: (_a = elements.floating) == null ? void 0 : _a.offsetWidth,
-          height: (_b = elements.floating) == null ? void 0 : _b.offsetHeight,
-          children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              role: "tablist",
-              "aria-orientation": "vertical",
-              className: withBaseName("listContainer"),
-              "aria-label": "Overflow tab options",
-              children: hiddenValues.map((value) => /* @__PURE__ */ jsx(TabSlot, { slotId: `overflow:${value}`, value }, value))
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-
-export { TabOverflowList };
-//# sourceMappingURL=TabOverflowList.js.map

package/dist-es/tabs-next/TabOverflowList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabOverflowList.js","sources":["../src/tabs-next/TabOverflowList.tsx"],"sourcesContent":["import {\n  flip,\n  offset,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useInteractions,\n} from \"@floating-ui/react\";\nimport {\n  Button,\n  makePrefixer,\n  useFloatingComponent,\n  useFloatingUI,\n  useForkRef,\n  useIcon,\n  useId,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type Dispatch,\n  forwardRef,\n  type KeyboardEvent,\n  type Ref,\n  type SetStateAction,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { isHTMLElement } from \"./domUtils\";\nimport tabOverflowListCss from \"./TabOverflowList.css\";\nimport { TabSlot } from \"./TabSlot\";\nimport { useTabsNext } from \"./TabsNextContext\";\nimport {\n  getMeasuredWidth,\n  seedWidthMap,\n  updateWidthMap,\n} from \"./widthMeasurement\";\n\ninterface TabOverflowListProps extends ComponentPropsWithoutRef<\"button\"> {\n  buttonRef?: Ref<HTMLButtonElement>;\n  hiddenValues: string[];\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  order: number;\n}\n\nconst withBaseName = makePrefixer(\"saltTabOverflow\");\n\nexport const TabOverflowList = forwardRef<HTMLDivElement, TabOverflowListProps>(\n  function TabOverflowList(props, ref) {\n    const {\n      buttonRef,\n      className,\n      hiddenValues,\n      order,\n      open,\n      setOpen,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tabs-next-overflow-list\",\n      css: tabOverflowListCss,\n      window: targetWindow,\n    });\n\n    const overflowRef = useRef<HTMLButtonElement>(null);\n    const hadOverflowItemsRef = useRef(false);\n\n    const { OverflowIcon } = useIcon();\n    const { registerTab, updateTab, activeTab } = useTabsNext();\n\n    const { refs, x, y, strategy, context, elements } = useFloatingUI({\n      open: open,\n      onOpenChange(open, _, reason) {\n        setOpen(open);\n\n        if (reason === \"escape-key\") {\n          overflowRef.current?.focus();\n        }\n      },\n      placement: \"bottom-start\",\n      middleware: [\n        offset(1),\n        size({\n          apply({ elements, availableHeight }) {\n            Object.assign(elements.floating.style, {\n              maxHeight: `max(calc((var(--salt-size-base) + var(--salt-spacing-100)) * 5), calc(${availableHeight}px - var(--salt-spacing-100)))`,\n            });\n          },\n        }),\n        flip(),\n        shift({\n          padding: 8,\n        }),\n      ],\n    });\n\n    const { getFloatingProps, getReferenceProps } = useInteractions([\n      useClick(context),\n      useDismiss(context),\n    ]);\n\n    const handleListRef = useForkRef<HTMLDivElement>(ref, refs.setFloating);\n\n    const handleButtonRef = useForkRef<HTMLButtonElement>(\n      buttonRef,\n      refs.setReference,\n    );\n    const handleRef = useForkRef(handleButtonRef, overflowRef);\n\n    const { Component: FloatingComponent } = useFloatingComponent();\n\n    const overflowId = useId();\n    const overlayId = useId();\n\n    const handleFocus = () => {\n      if (overflowId) {\n        activeTab.current = { value: overflowId, id: overflowId };\n      }\n    };\n\n    const handleFloatingKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== \"Tab\") {\n        return;\n      }\n\n      if (event.shiftKey) {\n        event.preventDefault();\n        setOpen(false);\n        const scheduleFocus = targetWindow?.requestAnimationFrame;\n        if (scheduleFocus) {\n          scheduleFocus(() =>\n            overflowRef.current?.focus({ preventScroll: true }),\n          );\n          return;\n        }\n\n        queueMicrotask(() =>\n          overflowRef.current?.focus({ preventScroll: true }),\n        );\n        return;\n      }\n    };\n\n    const overflowItemCount = hiddenValues.length;\n    const hasOverflowItems = overflowItemCount > 0;\n    const initialOrderRef = useRef(order);\n\n    useEffect(() => {\n      const tabList = overflowRef.current?.parentElement;\n      const resizeObserverCtor = (\n        targetWindow as\n          | (Window & { ResizeObserver?: typeof ResizeObserver })\n          | undefined\n      )?.ResizeObserver;\n      if (!open || !tabList || !resizeObserverCtor) {\n        return;\n      }\n\n      const observedElements = [tabList, tabList.parentElement].filter(\n        (element): element is HTMLElement => element != null,\n      );\n      const widths = seedWidthMap(observedElements);\n\n      const resizeObserver = new resizeObserverCtor(\n        (entries: ResizeObserverEntry[]) => {\n          for (const entry of entries) {\n            if (!isHTMLElement(entry.target)) {\n              continue;\n            }\n\n            const nextWidth =\n              entry.contentRect.width || getMeasuredWidth(entry.target);\n            if (updateWidthMap(widths, entry.target, nextWidth)) {\n              setOpen(false);\n              return;\n            }\n          }\n        },\n      );\n\n      for (const element of observedElements) {\n        resizeObserver.observe(element);\n      }\n\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }, [open, setOpen, targetWindow]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (open && !hasOverflowItems) {\n        setOpen(false);\n      }\n    }, [hasOverflowItems, open, setOpen]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (hasOverflowItems && !hadOverflowItemsRef.current) {\n        setOpen(false);\n      }\n\n      hadOverflowItemsRef.current = hasOverflowItems;\n    }, [hasOverflowItems, setOpen]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (overflowId && overflowRef.current && hasOverflowItems) {\n        const item = {\n          id: overflowId,\n          value: overflowId,\n          element: overflowRef.current,\n          location: \"main\" as const,\n          order: initialOrderRef.current,\n        };\n\n        return registerTab(item);\n      }\n    }, [hasOverflowItems, overflowId, registerTab]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!overflowId || !hasOverflowItems) {\n        return;\n      }\n\n      updateTab(overflowId, {\n        element: overflowRef.current,\n        location: \"main\",\n        order,\n      });\n    }, [hasOverflowItems, order, overflowId, updateTab]);\n\n    if (!hasOverflowItems) return null;\n\n    return (\n      <>\n        <Button\n          className={clsx(withBaseName(), className)}\n          data-overflowbutton\n          appearance=\"transparent\"\n          sentiment=\"neutral\"\n          {...getReferenceProps({\n            onFocus: handleFocus,\n          })}\n          ref={handleRef}\n          aria-label=\"Overflow\"\n          aria-expanded={open}\n          aria-controls={overlayId}\n          role=\"tab\"\n          tabIndex={-1}\n          {...rest}\n        >\n          <OverflowIcon aria-hidden />\n        </Button>\n        <FloatingComponent\n          ref={handleListRef}\n          {...getFloatingProps({\n            id: overlayId,\n            onKeyDown: handleFloatingKeyDown,\n          })}\n          focusManagerProps={\n            context\n              ? {\n                  context,\n                  initialFocus: 0,\n                  returnFocus: false,\n                  modal: false,\n                  closeOnFocusOut: true,\n                }\n              : undefined\n          }\n          className={withBaseName(\"list\")}\n          open={open}\n          left={x ?? 0}\n          top={y ?? 0}\n          position={strategy}\n          width={elements.floating?.offsetWidth}\n          height={elements.floating?.offsetHeight}\n        >\n          <div\n            role=\"tablist\"\n            aria-orientation=\"vertical\"\n            className={withBaseName(\"listContainer\")}\n            aria-label=\"Overflow tab options\"\n          >\n            {hiddenValues.map((value) => (\n              <TabSlot key={value} slotId={`overflow:${value}`} value={value} />\n            ))}\n          </div>\n        </FloatingComponent>\n      </>\n    );\n  },\n);\n"],"names":["TabOverflowList","tabOverflowListCss","open","_a","elements"],"mappings":";;;;;;;;;;;;;AAkDA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA;AAE5C,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,SAASA,gBAAAA,CAAgB,KAAA,EAAO,GAAA,EAAK;AArDvC,IAAA,IAAA,EAAA,EAAA,EAAA;AAsDI,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,8BAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,WAAA,GAAc,OAA0B,IAAI,CAAA;AAClD,IAAA,MAAM,mBAAA,GAAsB,OAAO,KAAK,CAAA;AAExC,IAAA,MAAM,EAAE,YAAA,EAAa,GAAI,OAAA,EAAQ;AACjC,IAAA,MAAM,EAAE,WAAA,EAAa,SAAA,EAAW,SAAA,KAAc,WAAA,EAAY;AAE1D,IAAA,MAAM,EAAE,MAAM,CAAA,EAAG,CAAA,EAAG,UAAU,OAAA,EAAS,QAAA,KAAa,aAAA,CAAc;AAAA,MAChE,IAAA;AAAA,MACA,YAAA,CAAaC,KAAAA,EAAM,CAAA,EAAG,MAAA,EAAQ;AA/EpC,QAAA,IAAAC,GAAAA;AAgFQ,QAAA,OAAA,CAAQD,KAAI,CAAA;AAEZ,QAAA,IAAI,WAAW,YAAA,EAAc;AAC3B,UAAA,CAAAC,GAAAA,GAAA,WAAA,CAAY,OAAA,KAAZ,IAAA,GAAA,MAAA,GAAAA,GAAAA,CAAqB,KAAA,EAAA;AAAA,QACvB;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAY;AAAA,QACV,OAAO,CAAC,CAAA;AAAA,QACR,IAAA,CAAK;AAAA,UACH,KAAA,CAAM,EAAE,QAAA,EAAAC,SAAAA,EAAU,iBAAgB,EAAG;AACnC,YAAA,MAAA,CAAO,MAAA,CAAOA,SAAAA,CAAS,QAAA,CAAS,KAAA,EAAO;AAAA,cACrC,SAAA,EAAW,yEAAyE,eAAe,CAAA,8BAAA;AAAA,aACpG,CAAA;AAAA,UACH;AAAA,SACD,CAAA;AAAA,QACD,IAAA,EAAK;AAAA,QACL,KAAA,CAAM;AAAA,UACJ,OAAA,EAAS;AAAA,SACV;AAAA;AACH,KACD,CAAA;AAED,IAAA,MAAM,EAAE,gBAAA,EAAkB,iBAAA,EAAkB,GAAI,eAAA,CAAgB;AAAA,MAC9D,SAAS,OAAO,CAAA;AAAA,MAChB,WAAW,OAAO;AAAA,KACnB,CAAA;AAED,IAAA,MAAM,aAAA,GAAgB,UAAA,CAA2B,GAAA,EAAK,IAAA,CAAK,WAAW,CAAA;AAEtE,IAAA,MAAM,eAAA,GAAkB,UAAA;AAAA,MACtB,SAAA;AAAA,MACA,IAAA,CAAK;AAAA,KACP;AACA,IAAA,MAAM,SAAA,GAAY,UAAA,CAAW,eAAA,EAAiB,WAAW,CAAA;AAEzD,IAAA,MAAM,EAAE,SAAA,EAAW,iBAAA,EAAkB,GAAI,oBAAA,EAAqB;AAE9D,IAAA,MAAM,aAAa,KAAA,EAAM;AACzB,IAAA,MAAM,YAAY,KAAA,EAAM;AAExB,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,SAAA,CAAU,OAAA,GAAU,EAAE,KAAA,EAAO,UAAA,EAAY,IAAI,UAAA,EAAW;AAAA,MAC1D;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAAyC;AACtE,MAAA,IAAI,KAAA,CAAM,QAAQ,KAAA,EAAO;AACvB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,MAAM,QAAA,EAAU;AAClB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,OAAA,CAAQ,KAAK,CAAA;AACb,QAAA,MAAM,gBAAgB,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,qBAAA;AACpC,QAAA,IAAI,aAAA,EAAe;AACjB,UAAA,aAAA;AAAA,YAAc,MAAG;AAzI3B,cAAA,IAAAD,GAAAA;AA0IY,cAAA,OAAA,CAAAA,GAAAA,GAAA,YAAY,OAAA,KAAZ,IAAA,GAAA,MAAA,GAAAA,IAAqB,KAAA,CAAM,EAAE,eAAe,IAAA,EAAK,CAAA;AAAA,YAAA;AAAA,WACnD;AACA,UAAA;AAAA,QACF;AAEA,QAAA,cAAA;AAAA,UAAe,MAAG;AA/I1B,YAAA,IAAAA,GAAAA;AAgJU,YAAA,OAAA,CAAAA,GAAAA,GAAA,YAAY,OAAA,KAAZ,IAAA,GAAA,MAAA,GAAAA,IAAqB,KAAA,CAAM,EAAE,eAAe,IAAA,EAAK,CAAA;AAAA,UAAA;AAAA,SACnD;AACA,QAAA;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,oBAAoB,YAAA,CAAa,MAAA;AACvC,IAAA,MAAM,mBAAmB,iBAAA,GAAoB,CAAA;AAC7C,IAAA,MAAM,eAAA,GAAkB,OAAO,KAAK,CAAA;AAEpC,IAAA,SAAA,CAAU,MAAM;AA1JpB,MAAA,IAAAA,GAAAA;AA2JM,MAAA,MAAM,OAAA,GAAA,CAAUA,GAAAA,GAAA,WAAA,CAAY,OAAA,KAAZ,gBAAAA,GAAAA,CAAqB,aAAA;AACrC,MAAA,MAAM,qBACJ,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAGC,cAAA;AACH,MAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,OAAA,IAAW,CAAC,kBAAA,EAAoB;AAC5C,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,gBAAA,GAAmB,CAAC,OAAA,EAAS,OAAA,CAAQ,aAAa,CAAA,CAAE,MAAA;AAAA,QACxD,CAAC,YAAoC,OAAA,IAAW;AAAA,OAClD;AACA,MAAA,MAAM,MAAA,GAAS,aAAa,gBAAgB,CAAA;AAE5C,MAAA,MAAM,iBAAiB,IAAI,kBAAA;AAAA,QACzB,CAAC,OAAA,KAAmC;AAClC,UAAA,KAAA,MAAW,SAAS,OAAA,EAAS;AAC3B,YAAA,IAAI,CAAC,aAAA,CAAc,KAAA,CAAM,MAAM,CAAA,EAAG;AAChC,cAAA;AAAA,YACF;AAEA,YAAA,MAAM,YACJ,KAAA,CAAM,WAAA,CAAY,KAAA,IAAS,gBAAA,CAAiB,MAAM,MAAM,CAAA;AAC1D,YAAA,IAAI,cAAA,CAAe,MAAA,EAAQ,KAAA,CAAM,MAAA,EAAQ,SAAS,CAAA,EAAG;AACnD,cAAA,OAAA,CAAQ,KAAK,CAAA;AACb,cAAA;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,OACF;AAEA,MAAA,KAAA,MAAW,WAAW,gBAAA,EAAkB;AACtC,QAAA,cAAA,CAAe,QAAQ,OAAO,CAAA;AAAA,MAChC;AAEA,MAAA,OAAO,MAAM;AACX,QAAA,cAAA,CAAe,UAAA,EAAW;AAAA,MAC5B,CAAA;AAAA,IACF,CAAA,EAAG,CAAC,IAAA,EAAM,OAAA,EAAS,YAAY,CAAC,CAAA;AAEhC,IAAA,yBAAA,CAA0B,MAAM;AAC9B,MAAA,IAAI,IAAA,IAAQ,CAAC,gBAAA,EAAkB;AAC7B,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MACf;AAAA,IACF,CAAA,EAAG,CAAC,gBAAA,EAAkB,IAAA,EAAM,OAAO,CAAC,CAAA;AAEpC,IAAA,yBAAA,CAA0B,MAAM;AAC9B,MAAA,IAAI,gBAAA,IAAoB,CAAC,mBAAA,CAAoB,OAAA,EAAS;AACpD,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MACf;AAEA,MAAA,mBAAA,CAAoB,OAAA,GAAU,gBAAA;AAAA,IAChC,CAAA,EAAG,CAAC,gBAAA,EAAkB,OAAO,CAAC,CAAA;AAE9B,IAAA,yBAAA,CAA0B,MAAM;AAC9B,MAAA,IAAI,UAAA,IAAc,WAAA,CAAY,OAAA,IAAW,gBAAA,EAAkB;AACzD,QAAA,MAAM,IAAA,GAAO;AAAA,UACX,EAAA,EAAI,UAAA;AAAA,UACJ,KAAA,EAAO,UAAA;AAAA,UACP,SAAS,WAAA,CAAY,OAAA;AAAA,UACrB,QAAA,EAAU,MAAA;AAAA,UACV,OAAO,eAAA,CAAgB;AAAA,SACzB;AAEA,QAAA,OAAO,YAAY,IAAI,CAAA;AAAA,MACzB;AAAA,IACF,CAAA,EAAG,CAAC,gBAAA,EAAkB,UAAA,EAAY,WAAW,CAAC,CAAA;AAE9C,IAAA,yBAAA,CAA0B,MAAM;AAC9B,MAAA,IAAI,CAAC,UAAA,IAAc,CAAC,gBAAA,EAAkB;AACpC,QAAA;AAAA,MACF;AAEA,MAAA,SAAA,CAAU,UAAA,EAAY;AAAA,QACpB,SAAS,WAAA,CAAY,OAAA;AAAA,QACrB,QAAA,EAAU,MAAA;AAAA,QACV;AAAA,OACD,CAAA;AAAA,IACH,GAAG,CAAC,gBAAA,EAAkB,KAAA,EAAO,UAAA,EAAY,SAAS,CAAC,CAAA;AAEnD,IAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,UACzC,qBAAA,EAAmB,IAAA;AAAA,UACnB,UAAA,EAAW,aAAA;AAAA,UACX,SAAA,EAAU,SAAA;AAAA,UACT,GAAG,iBAAA,CAAkB;AAAA,YACpB,OAAA,EAAS;AAAA,WACV,CAAA;AAAA,UACD,GAAA,EAAK,SAAA;AAAA,UACL,YAAA,EAAW,UAAA;AAAA,UACX,eAAA,EAAe,IAAA;AAAA,UACf,eAAA,EAAe,SAAA;AAAA,UACf,IAAA,EAAK,KAAA;AAAA,UACL,QAAA,EAAU,EAAA;AAAA,UACT,GAAG,IAAA;AAAA,UAEJ,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,aAAA,EAAW,IAAA,EAAC;AAAA;AAAA,OAC5B;AAAA,sBACA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,aAAA;AAAA,UACJ,GAAG,gBAAA,CAAiB;AAAA,YACnB,EAAA,EAAI,SAAA;AAAA,YACJ,SAAA,EAAW;AAAA,WACZ,CAAA;AAAA,UACD,mBACE,OAAA,GACI;AAAA,YACE,OAAA;AAAA,YACA,YAAA,EAAc,CAAA;AAAA,YACd,WAAA,EAAa,KAAA;AAAA,YACb,KAAA,EAAO,KAAA;AAAA,YACP,eAAA,EAAiB;AAAA,WACnB,GACA,MAAA;AAAA,UAEN,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,UAC9B,IAAA;AAAA,UACA,MAAM,CAAA,IAAK,CAAA;AAAA,UACX,KAAK,CAAA,IAAK,CAAA;AAAA,UACV,QAAA,EAAU,QAAA;AAAA,UACV,KAAA,EAAA,CAAO,EAAA,GAAA,QAAA,CAAS,QAAA,KAAT,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,WAAA;AAAA,UAC1B,MAAA,EAAA,CAAQ,EAAA,GAAA,QAAA,CAAS,QAAA,KAAT,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,YAAA;AAAA,UAE3B,QAAA,kBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,SAAA;AAAA,cACL,kBAAA,EAAiB,UAAA;AAAA,cACjB,SAAA,EAAW,aAAa,eAAe,CAAA;AAAA,cACvC,YAAA,EAAW,sBAAA;AAAA,cAEV,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,KAAA,qBACjB,GAAA,CAAC,OAAA,EAAA,EAAoB,MAAA,EAAQ,CAAA,SAAA,EAAY,KAAK,CAAA,CAAA,EAAI,KAAA,EAAA,EAApC,KAAkD,CACjE;AAAA;AAAA;AACH;AAAA;AACF,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/tabs-next/TabSlot.js

@@ -1,28 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useCallback } from 'react';
-import { useTabSlotRegistry } from './TabSlotRegistryContext.js';
-
-function TabSlot({ slotId, value, ...rest }) {
-  const slotRegistry = useTabSlotRegistry();
-  const handleRef = useCallback(
-    (element) => {
-      slotRegistry == null ? void 0 : slotRegistry.registerSlot(slotId, element);
-    },
-    [slotId, slotRegistry]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "presentation",
-      "data-tabslot": "",
-      "data-slotid": slotId,
-      "data-value": value,
-      ref: handleRef,
-      style: { display: "contents" },
-      ...rest
-    }
-  );
-}
-
-export { TabSlot };
-//# sourceMappingURL=TabSlot.js.map

package/dist-es/tabs-next/TabSlot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabSlot.js","sources":["../src/tabs-next/TabSlot.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, useCallback } from \"react\";\nimport { useTabSlotRegistry } from \"./TabSlotRegistryContext\";\n\nexport interface TabSlotProps extends ComponentPropsWithoutRef<\"div\"> {\n  slotId: string;\n  value: string;\n}\n\nexport function TabSlot({ slotId, value, ...rest }: TabSlotProps) {\n  const slotRegistry = useTabSlotRegistry();\n  const handleRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      slotRegistry?.registerSlot(slotId, element);\n    },\n    [slotId, slotRegistry],\n  );\n\n  return (\n    <div\n      role=\"presentation\"\n      data-tabslot=\"\"\n      data-slotid={slotId}\n      data-value={value}\n      ref={handleRef}\n      style={{ display: \"contents\" }}\n      {...rest}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAQO,SAAS,QAAQ,EAAE,MAAA,EAAQ,KAAA,EAAO,GAAG,MAAK,EAAiB;AAChE,EAAA,MAAM,eAAe,kBAAA,EAAmB;AACxC,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,OAAA,KAAmC;AAClC,MAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,aAAa,MAAA,EAAQ,OAAA,CAAA;AAAA,IACrC,CAAA;AAAA,IACA,CAAC,QAAQ,YAAY;AAAA,GACvB;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,cAAA;AAAA,MACL,cAAA,EAAa,EAAA;AAAA,MACb,aAAA,EAAa,MAAA;AAAA,MACb,YAAA,EAAY,KAAA;AAAA,MACZ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO,EAAE,OAAA,EAAS,UAAA,EAAW;AAAA,MAC5B,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist-es/tabs-next/TabSlotRegistryContext.js

@@ -1,13 +0,0 @@
-import { createContext } from '@salt-ds/core';
-import { useContext } from 'react';
-
-const TabSlotRegistryContext = createContext(
-  "TabSlotRegistryContext",
-  null
-);
-function useTabSlotRegistry() {
-  return useContext(TabSlotRegistryContext);
-}
-
-export { TabSlotRegistryContext, useTabSlotRegistry };
-//# sourceMappingURL=TabSlotRegistryContext.js.map

package/dist-es/tabs-next/TabSlotRegistryContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabSlotRegistryContext.js","sources":["../src/tabs-next/TabSlotRegistryContext.tsx"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\n\nexport interface TabSlotRegistryContextValue {\n  registerSlot: (slotId: string, element: HTMLDivElement | null) => void;\n}\n\nexport const TabSlotRegistryContext =\n  createContext<TabSlotRegistryContextValue | null>(\n    \"TabSlotRegistryContext\",\n    null,\n  );\n\nexport function useTabSlotRegistry() {\n  return useContext(TabSlotRegistryContext);\n}\n"],"names":[],"mappings":";;;AAOO,MAAM,sBAAA,GACX,aAAA;AAAA,EACE,wBAAA;AAAA,EACA;AACF;AAEK,SAAS,kBAAA,GAAqB;AACnC,EAAA,OAAO,WAAW,sBAAsB,CAAA;AAC1C;;;;"}

package/dist-es/tabs-next/TabsNext.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltTabsNext {\n  min-width: 0;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=TabsNext.css.js.map

package/dist-es/tabs-next/TabsNext.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsNext.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}