@salt-ds/core 1.60.0 → 1.61.0

package/dist-es/tabs/TabTrigger.js

@@ -0,0 +1,186 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect.js';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import { useForkRef } from '../utils/useForkRef.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+import { useTab } from './internal/contexts/TabContext.js';
+import { useTabListLayout } from './internal/contexts/TabListLayoutContext.js';
+import { useTabs } from './internal/contexts/TabsContext.js';
+import css_248z from './TabTrigger.css.js';
+
+const withBaseName = makePrefixer("saltTabTrigger");
+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 TabTrigger = forwardRef(
+  function TabTrigger2(props, ref) {
+    const { children, className, onClick, onKeyDown, onFocus, ...rest } = props;
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-tab-trigger",
+      css: css_248z,
+      window: targetWindow
+    });
+    const {
+      setSelected,
+      registerTab,
+      updateTab,
+      updateRenderedTab,
+      getRenderedTabOrder,
+      getPanelId,
+      getTabId,
+      selected: selectedValue,
+      activeTab,
+      menuOpen,
+      setMenuOpen
+    } = useTabs();
+    const { selected, value, focused, disabled, tabId, actions } = useTab();
+    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: clsx(withBaseName(), className),
+        id,
+        ref: handleRef,
+        "data-value": value,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+
+export { TabTrigger };
+//# sourceMappingURL=TabTrigger.js.map

package/dist-es/tabs/TabTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabTrigger.js","sources":["../src/tabs/TabTrigger.tsx"],"sourcesContent":["import { 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 { makePrefixer, useForkRef, useIsomorphicLayoutEffect } from \"../utils\";\nimport { useTab } from \"./internal/contexts/TabContext\";\nimport { useTabListLayout } from \"./internal/contexts/TabListLayoutContext\";\nimport { useTabs } from \"./internal/contexts/TabsContext\";\nimport tabTriggerCss from \"./TabTrigger.css\";\n\nexport interface TabTriggerProps\n  extends Omit<ComponentPropsWithoutRef<\"button\">, \"id\"> {}\n\nconst withBaseName = makePrefixer(\"saltTabTrigger\");\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 TabTrigger = forwardRef<HTMLButtonElement, TabTriggerProps>(\n  function TabTrigger(props, ref) {\n    const { children, className, onClick, onKeyDown, onFocus, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tab-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    } = useTabs();\n    const { selected, value, focused, disabled, tabId, actions } = useTab();\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 =\n      !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={clsx(withBaseName(), className)}\n        id={id}\n        ref={handleRef}\n        data-value={value}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n"],"names":["TabTrigger","tabTriggerCss"],"mappings":"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"}

package/dist-es/tabs/Tabs.css.js

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

package/dist-es/tabs/Tabs.css.js.map

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

package/dist-es/tabs/Tabs.js

@@ -0,0 +1,198 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useState, useRef, useCallback, useMemo } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import { useControlled } from '../utils/useControlled.js';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+import { TabsContext } from './internal/contexts/TabsContext.js';
+import { useOverflowSelectionState } from './internal/overflow/useOverflowSelectionState.js';
+import { useCollection } from './internal/registry/useCollection.js';
+import { useRenderedTabsRegistry } from './internal/registry/useRenderedTabsRegistry.js';
+import css_248z from './Tabs.css.js';
+
+const withBaseName = makePrefixer("saltTabs");
+function setValueIdMapEntry(map, value, id) {
+  if (map.get(value) === id) {
+    return map;
+  }
+  const next = new Map(map);
+  next.set(value, id);
+  return next;
+}
+function removeValueIdMapEntry(map, value, id) {
+  if (map.get(value) !== id) {
+    return map;
+  }
+  const next = new Map(map);
+  next.delete(value);
+  return next;
+}
+const Tabs = forwardRef(
+  function Tabs2(props, ref) {
+    const { className, children, value, defaultValue, onChange, ...rest } = props;
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-tabs",
+      css: css_248z,
+      window: targetWindow
+    });
+    const [valueToTabIdMap, setValueToIdMap] = useState(
+      () => /* @__PURE__ */ new Map()
+    );
+    const [valueToPanelIdMap, setValueToPanelIdMap] = useState(
+      () => /* @__PURE__ */ new Map()
+    );
+    const {
+      renderMode,
+      registerBootstrapTab,
+      setBootstrapTabReady,
+      setBootstrapOverflowReady,
+      registerRenderedTab,
+      updateRenderedTab,
+      getRenderedTab,
+      getRenderedTabOrder,
+      renderedTabs
+    } = useRenderedTabsRegistry();
+    const {
+      registerItem,
+      updateItem,
+      item,
+      getNext,
+      getPrevious,
+      getFirst,
+      getLast,
+      itemAt,
+      getIndex,
+      sortItems,
+      removalVersion,
+      getRemovedItems
+    } = useCollection({ targetWindow, wrap: true });
+    const activeTab = useRef();
+    const [menuOpen, setMenuOpen] = useState(false);
+    const [selected, setSelectedState] = useControlled({
+      controlled: value,
+      default: defaultValue,
+      name: "Tabs",
+      state: "selected"
+    });
+    const commitSelection = useCallback(
+      (event, newValue) => {
+        setSelectedState(newValue);
+        if (selected !== newValue) {
+          onChange == null ? void 0 : onChange(event, newValue);
+        }
+      },
+      [onChange, selected]
+    );
+    const { selectionFromOverflowValueRef, setSelected } = useOverflowSelectionState({
+      commitSelection,
+      menuOpen,
+      selected,
+      setMenuOpen
+    });
+    const registerTab = useCallback(
+      (tab) => {
+        const cleanup = registerItem(tab);
+        setValueToIdMap((map) => setValueIdMapEntry(map, tab.value, tab.id));
+        return () => {
+          cleanup();
+          setValueToIdMap(
+            (map) => removeValueIdMapEntry(map, tab.value, tab.id)
+          );
+        };
+      },
+      [registerItem]
+    );
+    const registerPanel = useCallback((id, value2) => {
+      setValueToPanelIdMap((map) => setValueIdMapEntry(map, value2, id));
+      return () => {
+        setValueToPanelIdMap((map) => removeValueIdMapEntry(map, value2, id));
+      };
+    }, []);
+    const getPanelId = useCallback(
+      (value2) => {
+        return valueToPanelIdMap.get(value2);
+      },
+      [valueToPanelIdMap]
+    );
+    const getTabId = useCallback(
+      (value2) => {
+        return valueToTabIdMap.get(value2);
+      },
+      [valueToTabIdMap]
+    );
+    const context = useMemo(
+      () => ({
+        renderMode,
+        registerBootstrapTab,
+        setBootstrapTabReady,
+        setBootstrapOverflowReady,
+        registerTab,
+        updateTab: updateItem,
+        registerRenderedTab,
+        updateRenderedTab,
+        getRenderedTab,
+        getRenderedTabOrder,
+        renderedTabs,
+        registerPanel,
+        getPanelId,
+        getTabId,
+        selected,
+        setSelected,
+        item,
+        getNext,
+        getPrevious,
+        getFirst,
+        getLast,
+        activeTab,
+        selectionFromOverflowValueRef,
+        menuOpen,
+        setMenuOpen,
+        itemAt,
+        getIndex,
+        sortItems,
+        removalVersion,
+        getRemovedItems
+      }),
+      [
+        renderMode,
+        registerBootstrapTab,
+        setBootstrapTabReady,
+        setBootstrapOverflowReady,
+        registerPanel,
+        registerTab,
+        updateItem,
+        registerRenderedTab,
+        updateRenderedTab,
+        getRenderedTab,
+        getRenderedTabOrder,
+        renderedTabs,
+        getPanelId,
+        getTabId,
+        selected,
+        setSelected,
+        item,
+        getNext,
+        getPrevious,
+        getFirst,
+        getLast,
+        menuOpen,
+        itemAt,
+        getIndex,
+        sortItems,
+        removalVersion,
+        getRemovedItems,
+        selectionFromOverflowValueRef
+      ]
+    );
+    return /* @__PURE__ */ jsx(TabsContext.Provider, { value: context, children: /* @__PURE__ */ jsx("div", { className: clsx(withBaseName(), className), ref, ...rest, children }) });
+  }
+);
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

package/dist-es/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../src/tabs/Tabs.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { makePrefixer, useControlled } from \"../utils\";\nimport { type Item, TabsContext } from \"./internal/contexts/TabsContext\";\nimport { useOverflowSelectionState } from \"./internal/overflow/useOverflowSelectionState\";\nimport { useCollection } from \"./internal/registry/useCollection\";\nimport { useRenderedTabsRegistry } from \"./internal/registry/useRenderedTabsRegistry\";\nimport tabsCss from \"./Tabs.css\";\n\nexport interface TabsProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  children?: ReactNode;\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * The value. Use when the component is controlled.\n   */\n  value?: string;\n  /**\n   * Callback fired when the selection changes.\n   * The event will be null when selection is moved automatically, such as when\n   * the currently selected tab is removed and the next available tab is\n   * selected.\n   */\n  onChange?: (event: SyntheticEvent | null, value: string) => void;\n}\n\nconst withBaseName = makePrefixer(\"saltTabs\");\n\nfunction setValueIdMapEntry(\n  map: Map<string, string>,\n  value: string,\n  id: string,\n) {\n  if (map.get(value) === id) {\n    return map;\n  }\n\n  const next = new Map(map);\n  next.set(value, id);\n  return next;\n}\n\nfunction removeValueIdMapEntry(\n  map: Map<string, string>,\n  value: string,\n  id: string,\n) {\n  if (map.get(value) !== id) {\n    return map;\n  }\n\n  const next = new Map(map);\n  next.delete(value);\n  return next;\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(\n  function Tabs(props, ref) {\n    const { className, children, value, defaultValue, onChange, ...rest } =\n      props;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tabs\",\n      css: tabsCss,\n      window: targetWindow,\n    });\n\n    const [valueToTabIdMap, setValueToIdMap] = useState(\n      () => new Map<string, string>(),\n    );\n    const [valueToPanelIdMap, setValueToPanelIdMap] = useState(\n      () => new Map<string, string>(),\n    );\n    const {\n      renderMode,\n      registerBootstrapTab,\n      setBootstrapTabReady,\n      setBootstrapOverflowReady,\n      registerRenderedTab,\n      updateRenderedTab,\n      getRenderedTab,\n      getRenderedTabOrder,\n      renderedTabs,\n    } = useRenderedTabsRegistry();\n\n    const {\n      registerItem,\n      updateItem,\n      item,\n      getNext,\n      getPrevious,\n      getFirst,\n      getLast,\n      itemAt,\n      getIndex,\n      sortItems,\n      removalVersion,\n      getRemovedItems,\n    } = useCollection({ targetWindow, wrap: true });\n\n    const activeTab = useRef<Pick<Item, \"id\" | \"value\">>();\n\n    const [menuOpen, setMenuOpen] = useState(false);\n\n    const [selected, setSelectedState] = useControlled({\n      controlled: value,\n      default: defaultValue,\n      name: \"Tabs\",\n      state: \"selected\",\n    });\n\n    const commitSelection = useCallback(\n      (event: SyntheticEvent | null, newValue: string) => {\n        setSelectedState(newValue);\n        if (selected !== newValue) {\n          onChange?.(event, newValue);\n        }\n      },\n      [onChange, selected],\n    );\n    const { selectionFromOverflowValueRef, setSelected } =\n      useOverflowSelectionState({\n        commitSelection,\n        menuOpen,\n        selected,\n        setMenuOpen,\n      });\n\n    const registerTab = useCallback(\n      (tab: Item) => {\n        const cleanup = registerItem(tab);\n        setValueToIdMap((map) => setValueIdMapEntry(map, tab.value, tab.id));\n\n        return () => {\n          cleanup();\n          setValueToIdMap((map) =>\n            removeValueIdMapEntry(map, tab.value, tab.id),\n          );\n        };\n      },\n      [registerItem],\n    );\n\n    const registerPanel = useCallback((id: string, value: string) => {\n      setValueToPanelIdMap((map) => setValueIdMapEntry(map, value, id));\n      return () => {\n        setValueToPanelIdMap((map) => removeValueIdMapEntry(map, value, id));\n      };\n    }, []);\n\n    const getPanelId = useCallback(\n      (value: string) => {\n        return valueToPanelIdMap.get(value);\n      },\n      [valueToPanelIdMap],\n    );\n\n    const getTabId = useCallback(\n      (value: string) => {\n        return valueToTabIdMap.get(value);\n      },\n      [valueToTabIdMap],\n    );\n\n    const context = useMemo(\n      () => ({\n        renderMode,\n        registerBootstrapTab,\n        setBootstrapTabReady,\n        setBootstrapOverflowReady,\n        registerTab,\n        updateTab: updateItem,\n        registerRenderedTab,\n        updateRenderedTab,\n        getRenderedTab,\n        getRenderedTabOrder,\n        renderedTabs,\n        registerPanel,\n        getPanelId,\n        getTabId,\n        selected,\n        setSelected,\n        item,\n        getNext,\n        getPrevious,\n        getFirst,\n        getLast,\n        activeTab,\n        selectionFromOverflowValueRef,\n        menuOpen,\n        setMenuOpen,\n        itemAt,\n        getIndex,\n        sortItems,\n        removalVersion,\n        getRemovedItems,\n      }),\n      [\n        renderMode,\n        registerBootstrapTab,\n        setBootstrapTabReady,\n        setBootstrapOverflowReady,\n        registerPanel,\n        registerTab,\n        updateItem,\n        registerRenderedTab,\n        updateRenderedTab,\n        getRenderedTab,\n        getRenderedTabOrder,\n        renderedTabs,\n        getPanelId,\n        getTabId,\n        selected,\n        setSelected,\n        item,\n        getNext,\n        getPrevious,\n        getFirst,\n        getLast,\n        menuOpen,\n        itemAt,\n        getIndex,\n        sortItems,\n        removalVersion,\n        getRemovedItems,\n        selectionFromOverflowValueRef,\n      ],\n    );\n\n    return (\n      <TabsContext.Provider value={context}>\n        <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n          {children}\n        </div>\n      </TabsContext.Provider>\n    );\n  },\n);\n"],"names":["Tabs","tabsCss","value"],"mappings":"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"}

package/dist-es/tabs/internal/contexts/TabContext.js

@@ -0,0 +1,23 @@
+import { useContext } from 'react';
+import { createContext } from '../../../utils/createContext.js';
+import 'clsx';
+import 'react/jsx-runtime';
+import '../../../utils/useFloatingUI/useFloatingUI.js';
+import '../../../utils/useId.js';
+import '../../../salt-provider/SaltProvider.js';
+import '../../../viewport/ViewportProvider.js';
+
+const TabContext = createContext("TabContext", {
+  focused: false,
+  selected: false,
+  disabled: false,
+  value: "",
+  actions: [],
+  registerAction: () => () => void 0
+});
+function useTab() {
+  return useContext(TabContext);
+}
+
+export { TabContext, useTab };
+//# sourceMappingURL=TabContext.js.map

package/dist-es/tabs/internal/contexts/TabContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContext.js","sources":["../src/tabs/internal/contexts/TabContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { createContext } from \"../../../utils\";\n\ninterface TabContextValue {\n  tabId?: string;\n  focused: boolean;\n  selected: boolean;\n  value: string;\n  disabled: boolean;\n  actions: string[];\n  registerAction: (id: string) => () => void;\n}\n\nexport const TabContext = createContext<TabContextValue>(\"TabContext\", {\n  focused: false,\n  selected: false,\n  disabled: false,\n  value: \"\",\n  actions: [],\n  registerAction: () => () => undefined,\n});\n\nexport function useTab() {\n  return useContext(TabContext);\n}\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,UAAA,GAAa,cAA+B,YAAA,EAAc;AAAA,EACrE,OAAA,EAAS,KAAA;AAAA,EACT,QAAA,EAAU,KAAA;AAAA,EACV,QAAA,EAAU,KAAA;AAAA,EACV,KAAA,EAAO,EAAA;AAAA,EACP,SAAS,EAAC;AAAA,EACV,cAAA,EAAgB,MAAM,MAAM;AAC9B,CAAC;AAEM,SAAS,MAAA,GAAS;AACvB,EAAA,OAAO,WAAW,UAAU,CAAA;AAC9B;;;;"}

package/dist-es/tabs/internal/contexts/TabListLayoutContext.js

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import { createContext } from '../../../utils/createContext.js';
+import 'clsx';
+import 'react/jsx-runtime';
+import '../../../utils/useFloatingUI/useFloatingUI.js';
+import '../../../utils/useId.js';
+import '../../../salt-provider/SaltProvider.js';
+import '../../../viewport/ViewportProvider.js';
+
+const TabListLayoutContext = createContext("TabListLayoutContext", null);
+function useTabListLayout() {
+  return useContext(TabListLayoutContext);
+}
+
+export { TabListLayoutContext, useTabListLayout };
+//# sourceMappingURL=TabListLayoutContext.js.map

package/dist-es/tabs/internal/contexts/TabListLayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListLayoutContext.js","sources":["../src/tabs/internal/contexts/TabListLayoutContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { createContext } from \"../../../utils\";\n\nexport type TabSlotLocation = \"hidden\" | \"main\" | \"overflow\";\n\nexport interface TabListLayoutContextValue {\n  getLocation: (value: string) => TabSlotLocation;\n  overflowActiveValue: string | null;\n  setOverflowActiveValue: (value: string | null) => void;\n  moveOverflowFocus: (\n    key: \"ArrowDown\" | \"ArrowUp\" | \"Home\" | \"End\",\n    value: string,\n  ) => boolean;\n}\n\nexport const TabListLayoutContext =\n  createContext<TabListLayoutContextValue | null>(\"TabListLayoutContext\", null);\n\nexport function useTabListLayout() {\n  return useContext(TabListLayoutContext);\n}\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,oBAAA,GACX,aAAA,CAAgD,sBAAA,EAAwB,IAAI;AAEvE,SAAS,gBAAA,GAAmB;AACjC,EAAA,OAAO,WAAW,oBAAoB,CAAA;AACxC;;;;"}

package/dist-es/tabs/internal/contexts/TabSlotRegistryContext.js

@@ -0,0 +1,19 @@
+import { useContext } from 'react';
+import { createContext } from '../../../utils/createContext.js';
+import 'clsx';
+import 'react/jsx-runtime';
+import '../../../utils/useFloatingUI/useFloatingUI.js';
+import '../../../utils/useId.js';
+import '../../../salt-provider/SaltProvider.js';
+import '../../../viewport/ViewportProvider.js';
+
+const TabSlotRegistryContext = createContext(
+  "TabSlotRegistryContext",
+  null
+);
+function useTabSlotRegistry() {
+  return useContext(TabSlotRegistryContext);
+}
+
+export { TabSlotRegistryContext, useTabSlotRegistry };
+//# sourceMappingURL=TabSlotRegistryContext.js.map

package/dist-es/tabs/internal/contexts/TabSlotRegistryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabSlotRegistryContext.js","sources":["../src/tabs/internal/contexts/TabSlotRegistryContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { createContext } from \"../../../utils\";\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/internal/contexts/TabsContext.js

@@ -0,0 +1,47 @@
+import { useContext } from 'react';
+import { createContext } from '../../../utils/createContext.js';
+import 'clsx';
+import 'react/jsx-runtime';
+import '../../../utils/useFloatingUI/useFloatingUI.js';
+import '../../../utils/useId.js';
+import '../../../salt-provider/SaltProvider.js';
+import '../../../viewport/ViewportProvider.js';
+
+const TabsContext = createContext("TabsContext", {
+  getFirst: () => null,
+  getLast: () => null,
+  getNext: () => null,
+  getPrevious: () => null,
+  item: () => null,
+  getIndex: () => -1,
+  itemAt: () => null,
+  sortItems: () => void 0,
+  renderMode: "inline",
+  registerBootstrapTab: () => () => void 0,
+  setBootstrapTabReady: () => void 0,
+  setBootstrapOverflowReady: () => void 0,
+  selected: void 0,
+  registerTab: () => () => void 0,
+  updateTab: () => void 0,
+  registerRenderedTab: () => () => void 0,
+  updateRenderedTab: () => void 0,
+  getRenderedTab: () => void 0,
+  getRenderedTabOrder: () => -1,
+  renderedTabs: [],
+  registerPanel: () => () => void 0,
+  getPanelId: () => void 0,
+  getTabId: () => void 0,
+  setSelected: () => void 0,
+  activeTab: { current: void 0 },
+  selectionFromOverflowValueRef: { current: null },
+  menuOpen: false,
+  setMenuOpen: () => void 0,
+  removalVersion: 0,
+  getRemovedItems: () => /* @__PURE__ */ new Map()
+});
+function useTabs() {
+  return useContext(TabsContext);
+}
+
+export { TabsContext, useTabs };
+//# sourceMappingURL=TabsContext.js.map

package/dist-es/tabs/internal/contexts/TabsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContext.js","sources":["../src/tabs/internal/contexts/TabsContext.tsx"],"sourcesContent":["import {\n  type Dispatch,\n  type MutableRefObject,\n  type SetStateAction,\n  type SyntheticEvent,\n  useContext,\n} from \"react\";\nimport { createContext } from \"../../../utils\";\nimport type { useCollection } from \"../registry/useCollection\";\n\nexport interface Item {\n  id: string;\n  value: string;\n  element: HTMLElement | null;\n  location?: \"hidden\" | \"main\" | \"overflow\";\n  order?: number;\n}\n\nexport interface RenderedTab {\n  host: HTMLDivElement;\n  id: string;\n  marker: HTMLElement | null;\n  root: HTMLElement | null;\n  trigger: HTMLButtonElement | null;\n  value: string;\n  width: number;\n}\n\nexport type TabsRenderMode = \"inline\" | \"portal\";\n\nexport interface TabsContextValue\n  extends Omit<\n    ReturnType<typeof useCollection>,\n    \"registerItem\" | \"updateItem\"\n  > {\n  renderMode: TabsRenderMode;\n  registerBootstrapTab: (value: string) => () => void;\n  setBootstrapTabReady: (value: string, ready: boolean) => void;\n  setBootstrapOverflowReady: (ready: boolean) => void;\n  registerTab: (item: Item) => () => void;\n  updateTab: (id: string, updates: Partial<Omit<Item, \"id\" | \"value\">>) => void;\n  registerRenderedTab: (tab: RenderedTab) => () => void;\n  updateRenderedTab: (\n    value: string,\n    updates: Partial<Omit<RenderedTab, \"value\">>,\n  ) => void;\n  getRenderedTab: (value: string) => RenderedTab | undefined;\n  getRenderedTabOrder: (value: string) => number;\n  renderedTabs: RenderedTab[];\n  registerPanel: (id: string, value: string) => () => void;\n  getPanelId: (value: string) => string | undefined;\n  getTabId: (value: string) => string | undefined;\n  selected?: string;\n  setSelected: (\n    event: SyntheticEvent | null,\n    value: string,\n    source?: \"main\" | \"overflow\",\n  ) => void;\n  activeTab: MutableRefObject<Pick<Item, \"id\" | \"value\"> | undefined>;\n  selectionFromOverflowValueRef: MutableRefObject<string | null>;\n  menuOpen: boolean;\n  setMenuOpen: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const TabsContext = createContext<TabsContextValue>(\"TabsContext\", {\n  getFirst: () => null,\n  getLast: () => null,\n  getNext: () => null,\n  getPrevious: () => null,\n  item: () => null,\n  getIndex: () => -1,\n  itemAt: () => null,\n  sortItems: () => undefined,\n  renderMode: \"inline\",\n  registerBootstrapTab: () => () => undefined,\n  setBootstrapTabReady: () => undefined,\n  setBootstrapOverflowReady: () => undefined,\n  selected: undefined,\n  registerTab: () => () => undefined,\n  updateTab: () => undefined,\n  registerRenderedTab: () => () => undefined,\n  updateRenderedTab: () => undefined,\n  getRenderedTab: () => undefined,\n  getRenderedTabOrder: () => -1,\n  renderedTabs: [],\n  registerPanel: () => () => undefined,\n  getPanelId: () => undefined,\n  getTabId: () => undefined,\n  setSelected: () => undefined,\n  activeTab: { current: undefined },\n  selectionFromOverflowValueRef: { current: null },\n  menuOpen: false,\n  setMenuOpen: () => undefined,\n  removalVersion: 0,\n  getRemovedItems: () => new Map(),\n});\n\nexport function useTabs() {\n  return useContext(TabsContext);\n}\n"],"names":[],"mappings":";;;;;;;;;AAgEO,MAAM,WAAA,GAAc,cAAgC,aAAA,EAAe;AAAA,EACxE,UAAU,MAAM,IAAA;AAAA,EAChB,SAAS,MAAM,IAAA;AAAA,EACf,SAAS,MAAM,IAAA;AAAA,EACf,aAAa,MAAM,IAAA;AAAA,EACnB,MAAM,MAAM,IAAA;AAAA,EACZ,UAAU,MAAM,EAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA,EACd,WAAW,MAAM,MAAA;AAAA,EACjB,UAAA,EAAY,QAAA;AAAA,EACZ,oBAAA,EAAsB,MAAM,MAAM,MAAA;AAAA,EAClC,sBAAsB,MAAM,MAAA;AAAA,EAC5B,2BAA2B,MAAM,MAAA;AAAA,EACjC,QAAA,EAAU,MAAA;AAAA,EACV,WAAA,EAAa,MAAM,MAAM,MAAA;AAAA,EACzB,WAAW,MAAM,MAAA;AAAA,EACjB,mBAAA,EAAqB,MAAM,MAAM,MAAA;AAAA,EACjC,mBAAmB,MAAM,MAAA;AAAA,EACzB,gBAAgB,MAAM,MAAA;AAAA,EACtB,qBAAqB,MAAM,EAAA;AAAA,EAC3B,cAAc,EAAC;AAAA,EACf,aAAA,EAAe,MAAM,MAAM,MAAA;AAAA,EAC3B,YAAY,MAAM,MAAA;AAAA,EAClB,UAAU,MAAM,MAAA;AAAA,EAChB,aAAa,MAAM,MAAA;AAAA,EACnB,SAAA,EAAW,EAAE,OAAA,EAAS,MAAA,EAAU;AAAA,EAChC,6BAAA,EAA+B,EAAE,OAAA,EAAS,IAAA,EAAK;AAAA,EAC/C,QAAA,EAAU,KAAA;AAAA,EACV,aAAa,MAAM,MAAA;AAAA,EACnB,cAAA,EAAgB,CAAA;AAAA,EAChB,eAAA,EAAiB,sBAAM,IAAI,GAAA;AAC7B,CAAC;AAEM,SAAS,OAAA,GAAU;AACxB,EAAA,OAAO,WAAW,WAAW,CAAA;AAC/B;;;;"}

package/dist-es/tabs/internal/hooks/useFocusWithRetry.js

@@ -0,0 +1,62 @@
+import { useRef, useCallback, useEffect } from 'react';
+
+function useFocusWithRetry({
+  maxAttempts = 120,
+  targetWindow
+}) {
+  const focusRafRef = useRef(null);
+  const cancelScheduledFocus = useCallback(() => {
+    if (focusRafRef.current != null && targetWindow) {
+      targetWindow.cancelAnimationFrame(focusRafRef.current);
+      focusRafRef.current = null;
+    }
+  }, [targetWindow]);
+  const focusElementWithRetry = useCallback(
+    (getElement) => {
+      var _a;
+      const doc = targetWindow == null ? void 0 : targetWindow.document;
+      if (!doc) {
+        (_a = getElement()) == null ? void 0 : _a.focus({ preventScroll: true });
+        return;
+      }
+      cancelScheduledFocus();
+      let attempts = 0;
+      const focusElement = () => {
+        const element = getElement();
+        if (!(element == null ? void 0 : element.isConnected)) {
+          if (attempts >= maxAttempts || !(targetWindow == null ? void 0 : targetWindow.requestAnimationFrame)) {
+            return;
+          }
+          attempts += 1;
+          focusRafRef.current = targetWindow.requestAnimationFrame(focusElement);
+          return;
+        }
+        element.focus({ preventScroll: true });
+        if (doc.activeElement === element || attempts >= maxAttempts) {
+          focusRafRef.current = null;
+          return;
+        }
+        attempts += 1;
+        if (targetWindow == null ? void 0 : targetWindow.requestAnimationFrame) {
+          focusRafRef.current = targetWindow.requestAnimationFrame(focusElement);
+        } else {
+          queueMicrotask(focusElement);
+        }
+      };
+      focusElement();
+    },
+    [cancelScheduledFocus, maxAttempts, targetWindow]
+  );
+  useEffect(() => {
+    return () => {
+      cancelScheduledFocus();
+    };
+  }, [cancelScheduledFocus]);
+  return {
+    cancelScheduledFocus,
+    focusElementWithRetry
+  };
+}
+
+export { useFocusWithRetry };
+//# sourceMappingURL=useFocusWithRetry.js.map

package/dist-es/tabs/internal/hooks/useFocusWithRetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithRetry.js","sources":["../src/tabs/internal/hooks/useFocusWithRetry.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\n\ninterface UseFocusWithRetryArgs {\n  maxAttempts?: number;\n  targetWindow: Window | null | undefined;\n}\n\nexport function useFocusWithRetry({\n  maxAttempts = 120,\n  targetWindow,\n}: UseFocusWithRetryArgs) {\n  const focusRafRef = useRef<number | null>(null);\n\n  const cancelScheduledFocus = useCallback(() => {\n    if (focusRafRef.current != null && targetWindow) {\n      targetWindow.cancelAnimationFrame(focusRafRef.current);\n      focusRafRef.current = null;\n    }\n  }, [targetWindow]);\n\n  const focusElementWithRetry = useCallback(\n    (getElement: () => HTMLElement | null | undefined) => {\n      const doc = targetWindow?.document;\n      if (!doc) {\n        getElement()?.focus({ preventScroll: true });\n        return;\n      }\n\n      cancelScheduledFocus();\n\n      let attempts = 0;\n\n      const focusElement = () => {\n        const element = getElement();\n        if (!element?.isConnected) {\n          if (attempts >= maxAttempts || !targetWindow?.requestAnimationFrame) {\n            return;\n          }\n\n          attempts += 1;\n          focusRafRef.current =\n            targetWindow.requestAnimationFrame(focusElement);\n          return;\n        }\n\n        element.focus({ preventScroll: true });\n\n        if (doc.activeElement === element || attempts >= maxAttempts) {\n          focusRafRef.current = null;\n          return;\n        }\n\n        attempts += 1;\n        if (targetWindow?.requestAnimationFrame) {\n          focusRafRef.current =\n            targetWindow.requestAnimationFrame(focusElement);\n        } else {\n          queueMicrotask(focusElement);\n        }\n      };\n\n      focusElement();\n    },\n    [cancelScheduledFocus, maxAttempts, targetWindow],\n  );\n\n  useEffect(() => {\n    return () => {\n      cancelScheduledFocus();\n    };\n  }, [cancelScheduledFocus]);\n\n  return {\n    cancelScheduledFocus,\n    focusElementWithRetry,\n  };\n}\n"],"names":[],"mappings":";;AAOO,SAAS,iBAAA,CAAkB;AAAA,EAChC,WAAA,GAAc,GAAA;AAAA,EACd;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,WAAA,GAAc,OAAsB,IAAI,CAAA;AAE9C,EAAA,MAAM,oBAAA,GAAuB,YAAY,MAAM;AAC7C,IAAA,IAAI,WAAA,CAAY,OAAA,IAAW,IAAA,IAAQ,YAAA,EAAc;AAC/C,MAAA,YAAA,CAAa,oBAAA,CAAqB,YAAY,OAAO,CAAA;AACrD,MAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,qBAAA,GAAwB,WAAA;AAAA,IAC5B,CAAC,UAAA,KAAqD;AArB1D,MAAA,IAAA,EAAA;AAsBM,MAAA,MAAM,MAAM,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,QAAA;AAC1B,MAAA,IAAI,CAAC,GAAA,EAAK;AACR,QAAA,CAAA,EAAA,GAAA,UAAA,EAAW,KAAX,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,KAAA,CAAM,EAAE,eAAe,IAAA,EAAK,CAAA;AAC1C,QAAA;AAAA,MACF;AAEA,MAAA,oBAAA,EAAqB;AAErB,MAAA,IAAI,QAAA,GAAW,CAAA;AAEf,MAAA,MAAM,eAAe,MAAM;AACzB,QAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,QAAA,IAAI,EAAC,mCAAS,WAAA,CAAA,EAAa;AACzB,UAAA,IAAI,QAAA,IAAY,WAAA,IAAe,EAAC,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,qBAAA,CAAA,EAAuB;AACnE,YAAA;AAAA,UACF;AAEA,UAAA,QAAA,IAAY,CAAA;AACZ,UAAA,WAAA,CAAY,OAAA,GACV,YAAA,CAAa,qBAAA,CAAsB,YAAY,CAAA;AACjD,UAAA;AAAA,QACF;AAEA,QAAA,OAAA,CAAQ,KAAA,CAAM,EAAE,aAAA,EAAe,IAAA,EAAM,CAAA;AAErC,QAAA,IAAI,GAAA,CAAI,aAAA,KAAkB,OAAA,IAAW,QAAA,IAAY,WAAA,EAAa;AAC5D,UAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,UAAA;AAAA,QACF;AAEA,QAAA,QAAA,IAAY,CAAA;AACZ,QAAA,IAAI,6CAAc,qBAAA,EAAuB;AACvC,UAAA,WAAA,CAAY,OAAA,GACV,YAAA,CAAa,qBAAA,CAAsB,YAAY,CAAA;AAAA,QACnD,CAAA,MAAO;AACL,UAAA,cAAA,CAAe,YAAY,CAAA;AAAA,QAC7B;AAAA,MACF,CAAA;AAEA,MAAA,YAAA,EAAa;AAAA,IACf,CAAA;AAAA,IACA,CAAC,oBAAA,EAAsB,WAAA,EAAa,YAAY;AAAA,GAClD;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,oBAAA,EAAqB;AAAA,IACvB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,oBAAoB,CAAC,CAAA;AAEzB,EAAA,OAAO;AAAA,IACL,oBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}