@salt-ds/lab 1.0.0-alpha.53 → 1.0.0-alpha.55

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

@@ -1 +1 @@
-{"version":3,"file":"TabActivationIndicator.js","sources":["../src/tabs/TabActivationIndicator.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport React, { useRef } from \"react\";\n\nimport { useActivationIndicator } from \"./useActivationIndicator\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tabActivationIndicatorCss from \"./TabActivationIndicator.css\";\n\ninterface TabActivationIndicatorProps {\n  hideThumb?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  disableAnimation?: boolean;\n  tabId?: string | null;\n}\n\nconst withBaseName = makePrefixer(\"saltTabActivationIndicator\");\n\nexport const TabActivationIndicator = ({\n  hideThumb = false,\n  orientation = \"horizontal\",\n  tabId,\n}: TabActivationIndicatorProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tab-activation-indicator\",\n    css: tabActivationIndicatorCss,\n    window: targetWindow,\n  });\n\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const style = useActivationIndicator({\n    rootRef,\n    tabId,\n    orientation,\n  });\n\n  return (\n    <div className={withBaseName()} ref={rootRef}>\n      {hideThumb === false && tabId !== null ? (\n        <div className={withBaseName(\"thumb\")} style={style} />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["tabActivationIndicatorCss"],"mappings":";;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,4BAA4B,CAAA,CAAA;AAEvD,MAAM,yBAAyB,CAAC;AAAA,EACrC,SAAY,GAAA,KAAA;AAAA,EACZ,WAAc,GAAA,YAAA;AAAA,EACd,KAAA;AACF,CAAmC,KAAA;AACjC,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,+BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,OAA8B,IAAI,CAAA,CAAA;AAClD,EAAA,MAAM,QAAQ,sBAAuB,CAAA;AAAA,IACnC,OAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAG,GAAK,EAAA,OAAA;AAAA,IAClC,QAAc,EAAA,SAAA,KAAA,KAAA,IAAS,KAAU,KAAA,IAAA,mBAC/B,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,MAAG,KAAA;AAAA,KAAc,CACnD,GAAA,IAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TabActivationIndicator.js","sources":["../src/tabs/TabActivationIndicator.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useRef } from \"react\";\n\nimport { useActivationIndicator } from \"./useActivationIndicator\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tabActivationIndicatorCss from \"./TabActivationIndicator.css\";\n\ninterface TabActivationIndicatorProps {\n  hideThumb?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  disableAnimation?: boolean;\n  tabId?: string | null;\n}\n\nconst withBaseName = makePrefixer(\"saltTabActivationIndicator\");\n\nexport const TabActivationIndicator = ({\n  hideThumb = false,\n  orientation = \"horizontal\",\n  tabId,\n}: TabActivationIndicatorProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tab-activation-indicator\",\n    css: tabActivationIndicatorCss,\n    window: targetWindow,\n  });\n\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const style = useActivationIndicator({\n    rootRef,\n    tabId,\n    orientation,\n  });\n\n  return (\n    <div className={withBaseName()} ref={rootRef}>\n      {hideThumb === false && tabId !== null ? (\n        <div className={withBaseName(\"thumb\")} style={style} />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["tabActivationIndicatorCss"],"mappings":";;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,4BAA4B,CAAA;AAEvD,MAAM,yBAAyB,CAAC;AAAA,EACrC,SAAY,GAAA,KAAA;AAAA,EACZ,WAAc,GAAA,YAAA;AAAA,EACd;AACF,CAAmC,KAAA;AACjC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,+BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,OAA8B,IAAI,CAAA;AAClD,EAAA,MAAM,QAAQ,sBAAuB,CAAA;AAAA,IACnC,OAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,cAAgB,EAAA,GAAA,EAAK,SAClC,QAAc,EAAA,SAAA,KAAA,KAAA,IAAS,UAAU,IAChC,mBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,YAAA,CAAa,OAAO,CAAG,EAAA,KAAA,EAAc,IACnD,IACN,EAAA,CAAA;AAEJ;;;;"}

package/dist-es/tabs/TabPanel.js

@@ -14,14 +14,17 @@ const TabPanel = forwardRef(function TabPanel2({ children, className, enableClos
     css: css_248z,
     window: targetWindow
   });
-  return /* @__PURE__ */ jsx("div", {
-    ...htmlAttributes,
-    className: clsx(withBaseName(), className),
-    ref: forwardedRef,
-    role: "tabpanel",
-    tabIndex: 0,
-    children
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...htmlAttributes,
+      className: clsx(withBaseName(), className),
+      ref: forwardedRef,
+      role: "tabpanel",
+      tabIndex: 0,
+      children
+    }
+  );
 });
 
 export { TabPanel };

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

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sources":["../src/tabs/TabPanel.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ForwardedRef, type HTMLAttributes, forwardRef } from \"react\";\n\nimport tabPanelCss from \"./TabPanel.css\";\n\nconst withBaseName = makePrefixer(\"saltTabPanel\");\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  enableClose?: boolean;\n  label: string;\n}\n\nexport const TabPanel = forwardRef(function TabPanel(\n  { children, className, enableClose, ...htmlAttributes }: TabPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tab-panel\",\n    css: tabPanelCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={clsx(withBaseName(), className)}\n      ref={forwardedRef}\n      role=\"tabpanel\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["TabPanel","tabPanelCss"],"mappings":";;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA,CAAA;AAOnC,MAAA,QAAA,GAAW,UAAW,CAAA,SAASA,SAC1C,CAAA,EAAE,UAAU,SAAW,EAAA,WAAA,EAAA,GAAgB,cAAe,EAAA,EACtD,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACE,GAAG,cAAA;AAAA,IACJ,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,GAAK,EAAA,YAAA;AAAA,IACL,IAAK,EAAA,UAAA;AAAA,IACL,QAAU,EAAA,CAAA;AAAA,IAET,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TabPanel.js","sources":["../src/tabs/TabPanel.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ForwardedRef, type HTMLAttributes, forwardRef } from \"react\";\n\nimport tabPanelCss from \"./TabPanel.css\";\n\nconst withBaseName = makePrefixer(\"saltTabPanel\");\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  enableClose?: boolean;\n  label: string;\n}\n\nexport const TabPanel = forwardRef(function TabPanel(\n  { children, className, enableClose, ...htmlAttributes }: TabPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tab-panel\",\n    css: tabPanelCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={clsx(withBaseName(), className)}\n      ref={forwardedRef}\n      role=\"tabpanel\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["TabPanel","tabPanelCss"],"mappings":";;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA;AAOnC,MAAA,QAAA,GAAW,UAAW,CAAA,SAASA,SAC1C,CAAA,EAAE,QAAU,EAAA,SAAA,EAAW,WAAa,EAAA,GAAG,cAAe,EAAA,EACtD,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAK,EAAA,YAAA;AAAA,MACL,IAAK,EAAA,UAAA;AAAA,MACL,QAAU,EAAA,CAAA;AAAA,MAET;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/tabs/Tabs.js

@@ -77,21 +77,27 @@ const Tabs = forwardRef(function Tabs2({
     },
     [id, activeTabIndex]
   );
-  return /* @__PURE__ */ jsxs("div", {
-    ...htmlAttributes,
-    className: clsx(withBaseName(), className),
-    id: `${id}-tabs`,
-    children: [
-      /* @__PURE__ */ jsx(Tabstrip, {
-        ...tabstripProps,
-        id,
-        onActiveChange,
-        ref: tabstripRef,
-        source: tabs
-      }),
-      tabPanel
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...htmlAttributes,
+      className: clsx(withBaseName(), className),
+      id: `${id}-tabs`,
+      children: [
+        /* @__PURE__ */ jsx(
+          Tabstrip,
+          {
+            ...tabstripProps,
+            id,
+            onActiveChange,
+            ref: tabstripRef,
+            source: tabs
+          }
+        ),
+        tabPanel
+      ]
+    }
+  );
 });
 
 export { Tabs };

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../src/tabs/Tabs.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ForwardedRef,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\nimport type { FocusAPI, TabstripProps } from \"./TabsTypes\";\nimport { Tabstrip } from \"./Tabstrip\";\nimport { useTabs } from \"./useTabs\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tabsCss from \"./Tabs.css\";\n\nconst withBaseName = makePrefixer(\"saltTabs\");\n\nexport type TabsProps = Omit<TabstripProps, \"defaultSource\">;\n\nexport const Tabs = forwardRef(function Tabs(\n  {\n    activeTabIndex: activeTabIndexProp,\n    allowDragDrop,\n    centered,\n    children,\n    className,\n    defaultActiveTabIndex,\n    editing,\n    enableAddTab,\n    enableCloseTab,\n    enableRenameTab,\n    onActiveChange: onActiveChangeProp,\n    onAddTab,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMoveTab,\n    overflowMenu,\n    variant,\n    ...htmlAttributes\n  }: TabsProps,\n  forwardedRef: ForwardedRef<FocusAPI>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tabs\",\n    css: tabsCss,\n    window: targetWindow,\n  });\n\n  const tabstripRef = useRef<HTMLDivElement>(null);\n  useImperativeHandle(\n    forwardedRef,\n    () =>\n      ({\n        focus: () => tabstripRef.current?.focus(),\n      }) as FocusAPI,\n    [],\n  );\n\n  const { id, onActiveChange, activeTabIndex, tabPanel, tabs } = useTabs({\n    activeTabIndex: activeTabIndexProp,\n    children,\n    defaultActiveTabIndex,\n    onActiveChange: onActiveChangeProp,\n  });\n\n  const tabstripProps = {\n    activeTabIndex,\n    allowDragDrop,\n    centered,\n    editing,\n    variant,\n    enableAddTab,\n    enableCloseTab,\n    enableRenameTab,\n    onAddTab,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMoveTab,\n    overflowMenu,\n  };\n  const getTabPanelId = useCallback(\n    (tabIndex: number) => {\n      if (tabIndex === activeTabIndex) {\n        return `${id}-${tabIndex}-panel`;\n      }\n    },\n    [id, activeTabIndex],\n  );\n\n  // TODO need to inject aria-controls\n  return (\n    <div\n      {...htmlAttributes}\n      className={clsx(withBaseName(), className)}\n      id={`${id}-tabs`}\n    >\n      <Tabstrip\n        {...tabstripProps}\n        id={id}\n        onActiveChange={onActiveChange}\n        ref={tabstripRef}\n        source={tabs}\n      />\n      {tabPanel}\n    </div>\n  );\n});\n"],"names":["Tabs","tabsCss"],"mappings":";;;;;;;;;;AAkBA,MAAM,YAAA,GAAe,aAAa,UAAU,CAAA,CAAA;AAI/B,MAAA,IAAA,GAAO,UAAW,CAAA,SAASA,KACtC,CAAA;AAAA,EACE,cAAgB,EAAA,kBAAA;AAAA,EAChB,aAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,qBAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAgB,EAAA,kBAAA;AAAA,EAChB,QAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACG,GAAA,cAAA;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,WAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,OAAuB,IAAI,CAAA,CAAA;AAC/C,EAAA,mBAAA;AAAA,IACE,YAAA;AAAA,IACA,OACG;AAAA,MACC,OAAO,MAAG;AA1DlB,QAAA,IAAA,EAAA,CAAA;AA0DqB,QAAA,OAAA,CAAA,EAAA,GAAA,WAAA,CAAY,YAAZ,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KACpC,CAAA;AAAA,IACF,EAAC;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,EAAE,EAAI,EAAA,cAAA,EAAgB,gBAAgB,QAAU,EAAA,IAAA,KAAS,OAAQ,CAAA;AAAA,IACrE,cAAgB,EAAA,kBAAA;AAAA,IAChB,QAAA;AAAA,IACA,qBAAA;AAAA,IACA,cAAgB,EAAA,kBAAA;AAAA,GACjB,CAAA,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,cAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,GACF,CAAA;AACA,EAAsB,WAAA;AAAA,IACpB,CAAC,QAAqB,KAAA;AACpB,MAAA,IAAI,aAAa,cAAgB,EAAA;AAC/B,QAAA,OAAO,GAAG,EAAM,CAAA,CAAA,EAAA,QAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OAClB;AAAA,KACF;AAAA,IACA,CAAC,IAAI,cAAc,CAAA;AAAA,IACrB;AAGA,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACE,GAAG,cAAA;AAAA,IACJ,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,IAAI,CAAG,EAAA,EAAA,CAAA,KAAA,CAAA;AAAA,IAEP,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,QAAA,EAAA;AAAA,QACE,GAAG,aAAA;AAAA,QACJ,EAAA;AAAA,QACA,cAAA;AAAA,QACA,GAAK,EAAA,WAAA;AAAA,QACL,MAAQ,EAAA,IAAA;AAAA,OACV,CAAA;AAAA,MACC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../src/tabs/Tabs.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ForwardedRef,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\nimport type { FocusAPI, TabstripProps } from \"./TabsTypes\";\nimport { Tabstrip } from \"./Tabstrip\";\nimport { useTabs } from \"./useTabs\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tabsCss from \"./Tabs.css\";\n\nconst withBaseName = makePrefixer(\"saltTabs\");\n\nexport type TabsProps = Omit<TabstripProps, \"defaultSource\">;\n\nexport const Tabs = forwardRef(function Tabs(\n  {\n    activeTabIndex: activeTabIndexProp,\n    allowDragDrop,\n    centered,\n    children,\n    className,\n    defaultActiveTabIndex,\n    editing,\n    enableAddTab,\n    enableCloseTab,\n    enableRenameTab,\n    onActiveChange: onActiveChangeProp,\n    onAddTab,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMoveTab,\n    overflowMenu,\n    variant,\n    ...htmlAttributes\n  }: TabsProps,\n  forwardedRef: ForwardedRef<FocusAPI>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tabs\",\n    css: tabsCss,\n    window: targetWindow,\n  });\n\n  const tabstripRef = useRef<HTMLDivElement>(null);\n  useImperativeHandle(\n    forwardedRef,\n    () =>\n      ({\n        focus: () => tabstripRef.current?.focus(),\n      }) as FocusAPI,\n    [],\n  );\n\n  const { id, onActiveChange, activeTabIndex, tabPanel, tabs } = useTabs({\n    activeTabIndex: activeTabIndexProp,\n    children,\n    defaultActiveTabIndex,\n    onActiveChange: onActiveChangeProp,\n  });\n\n  const tabstripProps = {\n    activeTabIndex,\n    allowDragDrop,\n    centered,\n    editing,\n    variant,\n    enableAddTab,\n    enableCloseTab,\n    enableRenameTab,\n    onAddTab,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMoveTab,\n    overflowMenu,\n  };\n  const getTabPanelId = useCallback(\n    (tabIndex: number) => {\n      if (tabIndex === activeTabIndex) {\n        return `${id}-${tabIndex}-panel`;\n      }\n    },\n    [id, activeTabIndex],\n  );\n\n  // TODO need to inject aria-controls\n  return (\n    <div\n      {...htmlAttributes}\n      className={clsx(withBaseName(), className)}\n      id={`${id}-tabs`}\n    >\n      <Tabstrip\n        {...tabstripProps}\n        id={id}\n        onActiveChange={onActiveChange}\n        ref={tabstripRef}\n        source={tabs}\n      />\n      {tabPanel}\n    </div>\n  );\n});\n"],"names":["Tabs","tabsCss"],"mappings":";;;;;;;;;;AAkBA,MAAM,YAAA,GAAe,aAAa,UAAU,CAAA;AAI/B,MAAA,IAAA,GAAO,UAAW,CAAA,SAASA,KACtC,CAAA;AAAA,EACE,cAAgB,EAAA,kBAAA;AAAA,EAChB,aAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,qBAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAgB,EAAA,kBAAA;AAAA,EAChB,QAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,WAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,OAAuB,IAAI,CAAA;AAC/C,EAAA,mBAAA;AAAA,IACE,YAAA;AAAA,IACA,OACG;AAAA,MACC,OAAO,MAAG;AA1DlB,QAAA,IAAA,EAAA;AA0DqB,QAAA,OAAA,CAAA,EAAA,GAAA,WAAA,CAAY,YAAZ,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA;AAAA;AAAA,KACpC,CAAA;AAAA,IACF;AAAC,GACH;AAEA,EAAA,MAAM,EAAE,EAAI,EAAA,cAAA,EAAgB,gBAAgB,QAAU,EAAA,IAAA,KAAS,OAAQ,CAAA;AAAA,IACrE,cAAgB,EAAA,kBAAA;AAAA,IAChB,QAAA;AAAA,IACA,qBAAA;AAAA,IACA,cAAgB,EAAA;AAAA,GACjB,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,cAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF;AACA,EAAsB,WAAA;AAAA,IACpB,CAAC,QAAqB,KAAA;AACpB,MAAA,IAAI,aAAa,cAAgB,EAAA;AAC/B,QAAO,OAAA,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,QAAQ,CAAA,MAAA,CAAA;AAAA;AAC1B,KACF;AAAA,IACA,CAAC,IAAI,cAAc;AAAA;AAIrB,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,EAAA,EAAI,GAAG,EAAE,CAAA,KAAA,CAAA;AAAA,MAET,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACE,GAAG,aAAA;AAAA,YACJ,EAAA;AAAA,YACA,cAAA;AAAA,YACA,GAAK,EAAA,WAAA;AAAA,YACL,MAAQ,EAAA;AAAA;AAAA,SACV;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/tabs/Tabstrip.js

@@ -53,7 +53,6 @@ const Tabstrip = forwardRef(function Tabstrip2({
   title,
   ...htmlAttributes
 }, forwardedRef) {
-  var _a;
   const targetWindow = useWindow();
   useComponentCssInjection({
     testId: "salt-tab-strip",
@@ -168,7 +167,7 @@ const Tabstrip = forwardRef(function Tabstrip2({
     onMoveTab: tabMovedHandler,
     orientation,
     promptForNewTabName,
-    tabs: (_a = tabDescriptors(source)) != null ? _a : getChildren()
+    tabs: tabDescriptors(source) ?? getChildren()
   });
   activeRef.current = activeTabIndex;
   useImperativeHandle(
@@ -206,8 +205,8 @@ const Tabstrip = forwardRef(function Tabstrip2({
   );
   const handleKeydownOverflowMenu = useCallback(
     (e) => {
-      var _a2, _b;
-      (_b = (_a2 = tabstripHook.navigationProps) == null ? void 0 : _a2.onKeyDown) == null ? void 0 : _b.call(_a2, e);
+      var _a, _b;
+      (_b = (_a = tabstripHook.navigationProps) == null ? void 0 : _a.onKeyDown) == null ? void 0 : _b.call(_a, e);
     },
     [tabstripHook.navigationProps]
   );
@@ -294,55 +293,70 @@ const Tabstrip = forwardRef(function Tabstrip2({
     const [injectedItem] = collectionHook.data.filter((i) => i.isInjectedItem);
     if (overflowIndicator) {
       content.push(
-        /* @__PURE__ */ jsx(Tooltip, {
-          content: "Active Tab cannot be moved into overflow list",
-          open: true,
-          disabled: !showTooltip,
-          status: "warning",
-          hideArrow: true,
-          children: /* @__PURE__ */ jsx(Dropdown, {
-            className: clsx(withBaseName("overflowMenu"), {
-              [withBaseName("overflowMenu-open")]: showOverflow
-            }),
-            ListProps: {
-              className: clsx({
-                [withBaseName("overflowMenu-dropTarget")]: tabstripHook.revealOverflowedItems
-              })
-            },
-            "data-overflow-indicator": true,
-            "data-priority": 0,
-            id: overflowIndicator.id,
-            isOpen: showOverflow,
-            onOpenChange: handleOverflowMenuOpen,
-            onKeyDown: handleKeydownOverflowMenu,
-            onSelectionChange: handleOverflowSelectionChange,
-            placement: "bottom-end",
-            source: overflowedItems,
-            selected: null,
-            triggerComponent: /* @__PURE__ */ jsx(Button, {
-              "aria-label": `Tabs overflow menu ${overflowCount} item${overflowCount === 1 ? "" : "s"}`,
-              variant: "secondary",
-              tabIndex: -1,
-              children: /* @__PURE__ */ jsx(OverflowIcon, {})
-            }),
-            width: "auto"
-          }, "overflow")
-        }, "tooltip")
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            content: "Active Tab cannot be moved into overflow list",
+            open: true,
+            disabled: !showTooltip,
+            status: "warning",
+            hideArrow: true,
+            children: /* @__PURE__ */ jsx(
+              Dropdown,
+              {
+                className: clsx(withBaseName("overflowMenu"), {
+                  [withBaseName("overflowMenu-open")]: showOverflow
+                }),
+                ListProps: {
+                  className: clsx({
+                    [withBaseName("overflowMenu-dropTarget")]: tabstripHook.revealOverflowedItems
+                  })
+                },
+                "data-overflow-indicator": true,
+                "data-priority": 0,
+                id: overflowIndicator.id,
+                isOpen: showOverflow,
+                onOpenChange: handleOverflowMenuOpen,
+                onKeyDown: handleKeydownOverflowMenu,
+                onSelectionChange: handleOverflowSelectionChange,
+                placement: "bottom-end",
+                source: overflowedItems,
+                selected: null,
+                triggerComponent: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    "aria-label": `Tabs overflow menu ${overflowCount} item${overflowCount === 1 ? "" : "s"}`,
+                    variant: "secondary",
+                    tabIndex: -1,
+                    children: /* @__PURE__ */ jsx(OverflowIcon, {})
+                  }
+                ),
+                width: "auto"
+              },
+              "overflow"
+            )
+          },
+          "tooltip"
+        )
       );
     }
     if (injectedItem) {
       content.push(
-        /* @__PURE__ */ createElement(Button, {
-          ...tabstripHook.navigationProps,
-          "aria-label": ADD_TAB_LABEL,
-          "data-priority": injectedItem.priority,
-          "data-overflowed": injectedItem.overflowed,
-          id: injectedItem.id,
-          key: "addButton",
-          onClick: handleAddTabClick,
-          variant: "secondary",
-          tabIndex: -1
-        }, /* @__PURE__ */ jsx(AddIcon, {}))
+        /* @__PURE__ */ createElement(
+          Button,
+          {
+            ...tabstripHook.navigationProps,
+            "aria-label": ADD_TAB_LABEL,
+            "data-priority": injectedItem.priority,
+            "data-overflowed": injectedItem.overflowed,
+            id: injectedItem.id,
+            key: "addButton",
+            onClick: handleAddTabClick,
+            variant: "secondary",
+            tabIndex: -1
+          },
+          /* @__PURE__ */ jsx(AddIcon, {})
+        )
       );
     }
     return content;
@@ -361,27 +375,29 @@ const Tabstrip = forwardRef(function Tabstrip2({
     }
   );
   const selectedTabId = activeTabIndex !== null ? collectionHook.data[activeTabIndex].id : null;
-  return /* @__PURE__ */ jsxs("div", {
-    ...htmlAttributes,
-    ...tabstripHook.containerProps,
-    className,
-    id: tabstripId,
-    ref: root,
-    role: "tablist",
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: withBaseName("inner"),
-        ref: innerContainerRef,
-        children: renderContent()
-      }),
-      showActivationIndicator ? /* @__PURE__ */ jsx(TabActivationIndicator, {
-        hideThumb: selectedTabOverflowed || tabstripHook.isDragging,
-        orientation,
-        tabId: selectedTabId
-      }) : null,
-      tabstripHook.draggable
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...htmlAttributes,
+      ...tabstripHook.containerProps,
+      className,
+      id: tabstripId,
+      ref: root,
+      role: "tablist",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: withBaseName("inner"), ref: innerContainerRef, children: renderContent() }),
+        showActivationIndicator ? /* @__PURE__ */ jsx(
+          TabActivationIndicator,
+          {
+            hideThumb: selectedTabOverflowed || tabstripHook.isDragging,
+            orientation,
+            tabId: selectedTabId
+          }
+        ) : null,
+        tabstripHook.draggable
+      ]
+    }
+  );
 });
 Tabstrip.displayName = "Tabstrip";
 

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

@@ -1 +1 @@
-{"version":3,"file":"Tabstrip.js","sources":["../src/tabs/Tabstrip.tsx"],"sourcesContent":["import {\n  Button,\n  Tooltip,\n  makePrefixer,\n  useIcon,\n  useIdMemo,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { AddIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  Children,\n  type ForwardedRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type RefObject,\n  cloneElement,\n  createElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport type { SelectionChangeHandler } from \"../common-hooks\";\n\nimport { Dropdown } from \"../dropdown\";\nimport {\n  type InjectedSourceItem,\n  type OverflowItem,\n  useOverflowLayout,\n} from \"../responsive\";\nimport { useOverflowCollectionItems } from \"../responsive/useOverflowCollectionItems\";\nimport { Tab } from \"./Tab\";\nimport { TabActivationIndicator } from \"./TabActivationIndicator\";\nimport type {\n  FocusAPI,\n  TabDescriptor,\n  TabElement,\n  TabProps,\n  TabsSource,\n  TabstripProps,\n  responsiveDataAttributes,\n} from \"./TabsTypes\";\nimport { useTabstrip } from \"./useTabstrip\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tabstripCss from \"./Tabstrip.css\";\nimport themeTabstripCss from \"./ThemeTabstrip.css\";\n\nconst withBaseName = makePrefixer(\"saltTabstrip\");\n\nconst ADD_TAB_LABEL = \"Create Tab\";\n\n// Simple strings for tab labels are accepted as input, convert to TabDescriptors internally\nconst tabDescriptors = (\n  tabs: TabsSource | undefined,\n): TabDescriptor[] | undefined =>\n  tabs?.map((tab: string | TabDescriptor) =>\n    typeof tab === \"string\" ? { label: tab } : tab,\n  );\n\nexport const Tabstrip = forwardRef(function Tabstrip(\n  {\n    activeTabIndex: activeTabIndexProp,\n    allowDragDrop = false,\n    centered = false,\n    children,\n    className: classNameProp,\n    defaultSource,\n    defaultActiveTabIndex,\n    editing,\n    variant,\n    enableAddTab = false,\n    enableCloseTab,\n    enableRenameTab,\n    id: idProp,\n    keyBoardActivation = \"manual\",\n    onAddTab,\n    onActiveChange,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMouseDown,\n    onMoveTab,\n    orientation = \"horizontal\",\n    overflowMenu: overflowMenuProp = true,\n    promptForNewTabName = true,\n    showActivationIndicator = true,\n    source,\n    title,\n    ...htmlAttributes\n  }: TabstripProps,\n  forwardedRef: ForwardedRef<FocusAPI>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tab-strip\",\n    css: tabstripCss,\n    window: targetWindow,\n  });\n  useComponentCssInjection({\n    testId: \"salt-theme-tab-strip\",\n    css: themeTabstripCss,\n    window: targetWindow,\n  });\n\n  const root = useRef<HTMLDivElement>(null);\n  // can't use forwardedRef here, can we ?\n  // const setForkRef = useForkRef(root, forwardedRef);\n  const activeRef = useRef<number | null>(\n    activeTabIndexProp || defaultActiveTabIndex || 0,\n  );\n  const { OverflowIcon } = useIcon();\n  const overflowItemsRef = useRef<OverflowItem[]>([]);\n  const [showOverflowMenu, _setShowOverflowMenu] = useState(false);\n\n  const setShowOverflowMenu = useCallback((value: boolean) => {\n    _setShowOverflowMenu(value);\n  }, []);\n\n  const tabstripId = useIdMemo(idProp);\n\n  const injectedItems = enableAddTab\n    ? [\n        {\n          source: { label: \"Add Tab\", position: -1, priority: 1 },\n        } as InjectedSourceItem,\n      ]\n    : undefined;\n\n  const collectionHook = useOverflowCollectionItems({\n    children,\n    defaultSource: tabDescriptors(defaultSource),\n    id: tabstripId,\n    injectedItems,\n    label: \"Tabstrip\",\n    orientation,\n    source: tabDescriptors(source),\n    options: {\n      closeable: enableCloseTab,\n      editable: enableRenameTab,\n      getPriority: (item, index) => {\n        return index === activeRef.current ? 1 : undefined;\n      },\n    },\n  });\n\n  const childCount = useRef(Children.count(children));\n\n  const getChildren = (): TabElement[] | undefined => {\n    if (Children.count(children) === 0) {\n      return undefined;\n    }\n    return Children.toArray(children) as TabElement[];\n  };\n\n  const [innerContainerRef, switchOverflowPriorities] = useOverflowLayout({\n    collectionHook,\n    disableOverflow: overflowMenuProp === false,\n    id: tabstripId,\n    orientation,\n    label: \"Tabstrip\",\n  });\n  overflowItemsRef.current = collectionHook.data;\n  const overflowedItems = collectionHook.data.filter((item) => item.overflowed);\n\n  const tabMovedHandler = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      onMoveTab?.(fromIndex, toIndex);\n      setTimeout(() => {\n        collectionHook.dispatch({\n          type: \"reset\",\n        });\n      }, 50);\n    },\n    [collectionHook, onMoveTab],\n  );\n\n  const handleTabSelectionChange = useCallback(\n    (tabIndex: number) => {\n      const selectedItem = collectionHook.data[tabIndex];\n      const prevSelectedItem = collectionHook.data.find(\n        (item) => item.priority === 1 && !item.isOverflowIndicator,\n      );\n      if (selectedItem && prevSelectedItem && overflowMenuProp) {\n        switchOverflowPriorities(selectedItem, prevSelectedItem);\n      }\n      onActiveChange?.(tabIndex);\n      setShowOverflowMenu(false);\n    },\n    [\n      collectionHook.data,\n      onActiveChange,\n      overflowMenuProp,\n      setShowOverflowMenu,\n      switchOverflowPriorities,\n    ],\n  );\n\n  const {\n    activeTabIndex,\n    activateTab,\n    addTab,\n    onMouseDown: tabstripHookMouseDown,\n    ...tabstripHook\n  } = useTabstrip({\n    activeTabIndex: activeTabIndexProp,\n    allowDragDrop,\n    collectionHook,\n    defaultTabs: tabDescriptors(defaultSource),\n    defaultActiveTabIndex,\n    editing,\n    enableAddTab,\n    idRoot: tabstripId,\n    innerContainerRef,\n    keyBoardActivation,\n    onActiveChange: handleTabSelectionChange,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMoveTab: tabMovedHandler,\n    orientation,\n    promptForNewTabName,\n    tabs: tabDescriptors(source) ?? getChildren(),\n  });\n\n  activeRef.current = activeTabIndex;\n\n  useImperativeHandle(\n    forwardedRef,\n    () =>\n      ({\n        focus: () => {\n          const { current: tabstrip } = root;\n          if (tabstrip) {\n            const selectedTab = tabstrip.querySelector(\n              '.saltTab[aria-selected=\"true\"]',\n            ) as HTMLElement;\n            if (selectedTab) {\n              selectedTab.focus();\n            }\n          }\n        },\n      }) as FocusAPI,\n    [],\n  );\n\n  const handleAddTabClick = useCallback(() => {\n    if (!collectionHook.isControlled) {\n      addTab();\n    }\n    onAddTab?.();\n  }, [collectionHook.isControlled, onAddTab, addTab]);\n\n  const selectedIndex = useRef(activeTabIndex);\n  const focusedTabIndex = tabstripHook.highlightedIdx;\n  const handleOverflowSelectionChange: SelectionChangeHandler<OverflowItem> =\n    useCallback(\n      (e, tab) => {\n        if (tab !== null) {\n          activateTab(tab.index);\n        }\n      },\n      [activateTab],\n    );\n\n  const handleKeydownOverflowMenu = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      tabstripHook.navigationProps?.onKeyDown?.(e);\n    },\n    [tabstripHook.navigationProps],\n  );\n\n  const handleOverflowMenuOpen = useCallback(\n    (open: boolean) => {\n      setShowOverflowMenu(open);\n    },\n    [setShowOverflowMenu],\n  );\n\n  const handleMouseDown = useCallback(\n    (evt: MouseEvent<HTMLDivElement>) => {\n      onMouseDown?.(evt);\n      tabstripHookMouseDown?.(evt);\n    },\n    [onMouseDown, tabstripHookMouseDown],\n  );\n\n  // shouldn't we use ref for this ?\n  useIsomorphicLayoutEffect(() => {\n    // We don't care about changes to overflowedItems here, the overflowObserver\n    // always does the right thing. We only care about changes to selected tab\n    if (selectedIndex.current !== activeTabIndex && overflowMenuProp) {\n      // We might want to do this only if the selected tab is overflowed ?\n      // TODO\n      // resetOverflow();\n      selectedIndex.current = activeTabIndex;\n    }\n  }, [overflowMenuProp, activeTabIndex]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (Children.count(children) !== childCount.current) {\n      childCount.current = Children.count(children);\n      // TODO\n      // resetOverflow();\n    }\n  }, [children]);\n\n  /*\n   * biome-ignore lint/correctness/useExhaustiveDependencies: We only want the effect to run when value changes, not every time focusedTabIndex changes.\n   * It doesn't matter if focusedTabIndex is stale in between calls - it will be correct when value changes.\n   */\n  useIsomorphicLayoutEffect(() => {\n    if (\n      activeTabIndex !== null &&\n      focusedTabIndex !== activeTabIndex &&\n      focusedTabIndex !== -1\n    ) {\n      tabstripHook.focusTab(activeTabIndex);\n    }\n  }, [activeTabIndex]);\n\n  const renderContent = () => {\n    const content = collectionHook.data\n      .filter((item) => !item.isOverflowIndicator && !item.isInjectedItem)\n      .map((item: OverflowItem, index: number) => {\n        // TODO sort out typoing\n        const tab = item.source as unknown as TabDescriptor;\n        const element = item.element as TabElement;\n\n        const selected = index === activeTabIndex;\n        const focusVisible = tabstripHook.focusVisible === index;\n        const overflowed =\n          overflowedItems.findIndex(\n            (item: OverflowItem) => item.index === index,\n          ) !== -1;\n\n        const tabIsBeingEdited = tabstripHook.editing && selected;\n        const tabIndex = tabIsBeingEdited\n          ? undefined\n          : selected && !tabstripHook.focusIsWithinComponent\n            ? 0\n            : -1;\n\n        const baseProps: Partial<TabProps> &\n          responsiveDataAttributes & {\n            ref?: RefObject<HTMLDivElement>;\n            key: string | number;\n          } = {\n          \"data-index\": index,\n          \"data-priority\": item.priority,\n          \"data-overflowed\": overflowed ? true : undefined,\n          ...tabstripHook.navigationProps,\n          id: item.id,\n          key: index,\n          onMouseDown: handleMouseDown,\n          tabIndex,\n        };\n\n        const tabProps = {\n          ...tabstripHook.tabProps,\n          closeable: item.closeable,\n          dragging: tabstripHook.draggedItemIndex === index,\n          editable: item.editable,\n          editing: tabIsBeingEdited,\n          focusVisible,\n          index,\n          onClose: item.closeable ? tabstripHook.closeTab : undefined,\n          orientation,\n          selected,\n        } as Partial<TabProps>;\n\n        if (isValidElement(element)) {\n          if (element.type === Tab) {\n            return cloneElement(element, { ...baseProps, ...tabProps });\n          }\n          return cloneElement(element, baseProps);\n        }\n\n        return createElement(Tab, {\n          ...baseProps,\n          ...tabProps,\n          label: tab.label,\n        });\n      });\n\n    const overflowCount = overflowedItems.length;\n    const draggingActiveTab = tabstripHook.draggedItemIndex === activeTabIndex;\n    const showOverflow =\n      (tabstripHook.revealOverflowedItems && !draggingActiveTab) ||\n      showOverflowMenu;\n    const showTooltip = tabstripHook.revealOverflowedItems && draggingActiveTab;\n    const overflowIndicator = collectionHook.data.find(\n      (i) => i.isOverflowIndicator,\n    );\n    const [injectedItem] = collectionHook.data.filter((i) => i.isInjectedItem);\n\n    if (overflowIndicator) {\n      content.push(\n        <Tooltip\n          content=\"Active Tab cannot be moved into overflow list\"\n          open\n          disabled={!showTooltip}\n          status=\"warning\"\n          key=\"tooltip\"\n          hideArrow\n        >\n          <Dropdown<OverflowItem>\n            className={clsx(withBaseName(\"overflowMenu\"), {\n              [withBaseName(\"overflowMenu-open\")]: showOverflow,\n            })}\n            ListProps={{\n              className: clsx({\n                [withBaseName(\"overflowMenu-dropTarget\")]:\n                  tabstripHook.revealOverflowedItems,\n              }),\n            }}\n            data-overflow-indicator\n            data-priority={0}\n            id={overflowIndicator.id}\n            isOpen={showOverflow}\n            key=\"overflow\"\n            onOpenChange={handleOverflowMenuOpen}\n            onKeyDown={handleKeydownOverflowMenu}\n            onSelectionChange={handleOverflowSelectionChange}\n            placement=\"bottom-end\"\n            source={overflowedItems}\n            selected={null}\n            triggerComponent={\n              <Button\n                aria-label={`Tabs overflow menu ${overflowCount} item${\n                  overflowCount === 1 ? \"\" : \"s\"\n                }`}\n                variant=\"secondary\"\n                tabIndex={-1}\n              >\n                <OverflowIcon />\n              </Button>\n            }\n            width=\"auto\"\n          />\n        </Tooltip>,\n      );\n    }\n\n    if (injectedItem) {\n      content.push(\n        <Button\n          {...tabstripHook.navigationProps}\n          aria-label={ADD_TAB_LABEL}\n          data-priority={injectedItem.priority}\n          data-overflowed={injectedItem.overflowed}\n          id={injectedItem.id}\n          key=\"addButton\"\n          onClick={handleAddTabClick}\n          variant=\"secondary\"\n          tabIndex={-1}\n        >\n          <AddIcon />\n        </Button>,\n      );\n    }\n\n    return content;\n  };\n\n  const selectedTabOverflowed = overflowedItems.some(\n    (item: OverflowItem) => item.index === activeTabIndex,\n  );\n  const className = clsx(\n    withBaseName(),\n    withBaseName(orientation),\n    classNameProp,\n    {\n      [withBaseName(\"centered\")]: centered,\n      [withBaseName(\"draggingTab\")]: tabstripHook.isDragging,\n      [withBaseName(\"tertiary\")]: variant === \"tertiary\",\n    },\n  );\n\n  const selectedTabId =\n    activeTabIndex !== null ? collectionHook.data[activeTabIndex].id : null;\n\n  return (\n    <div\n      {...htmlAttributes}\n      {...tabstripHook.containerProps}\n      className={className}\n      id={tabstripId}\n      ref={root}\n      role=\"tablist\"\n    >\n      <div className={withBaseName(\"inner\")} ref={innerContainerRef}>\n        {renderContent()}\n      </div>\n      {showActivationIndicator ? (\n        <TabActivationIndicator\n          hideThumb={selectedTabOverflowed || tabstripHook.isDragging}\n          orientation={orientation}\n          tabId={selectedTabId}\n        />\n      ) : null}\n      {tabstripHook.draggable}\n    </div>\n  );\n});\n\nTabstrip.displayName = \"Tabstrip\";\n"],"names":["Tabstrip","tabstripCss","themeTabstripCss","_a","item","createElement"],"mappings":"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"}
+{"version":3,"file":"Tabstrip.js","sources":["../src/tabs/Tabstrip.tsx"],"sourcesContent":["import {\n  Button,\n  Tooltip,\n  makePrefixer,\n  useIcon,\n  useIdMemo,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { AddIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  Children,\n  type ForwardedRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type RefObject,\n  cloneElement,\n  createElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport type { SelectionChangeHandler } from \"../common-hooks\";\n\nimport { Dropdown } from \"../dropdown\";\nimport {\n  type InjectedSourceItem,\n  type OverflowItem,\n  useOverflowLayout,\n} from \"../responsive\";\nimport { useOverflowCollectionItems } from \"../responsive/useOverflowCollectionItems\";\nimport { Tab } from \"./Tab\";\nimport { TabActivationIndicator } from \"./TabActivationIndicator\";\nimport type {\n  FocusAPI,\n  TabDescriptor,\n  TabElement,\n  TabProps,\n  TabsSource,\n  TabstripProps,\n  responsiveDataAttributes,\n} from \"./TabsTypes\";\nimport { useTabstrip } from \"./useTabstrip\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tabstripCss from \"./Tabstrip.css\";\nimport themeTabstripCss from \"./ThemeTabstrip.css\";\n\nconst withBaseName = makePrefixer(\"saltTabstrip\");\n\nconst ADD_TAB_LABEL = \"Create Tab\";\n\n// Simple strings for tab labels are accepted as input, convert to TabDescriptors internally\nconst tabDescriptors = (\n  tabs: TabsSource | undefined,\n): TabDescriptor[] | undefined =>\n  tabs?.map((tab: string | TabDescriptor) =>\n    typeof tab === \"string\" ? { label: tab } : tab,\n  );\n\nexport const Tabstrip = forwardRef(function Tabstrip(\n  {\n    activeTabIndex: activeTabIndexProp,\n    allowDragDrop = false,\n    centered = false,\n    children,\n    className: classNameProp,\n    defaultSource,\n    defaultActiveTabIndex,\n    editing,\n    variant,\n    enableAddTab = false,\n    enableCloseTab,\n    enableRenameTab,\n    id: idProp,\n    keyBoardActivation = \"manual\",\n    onAddTab,\n    onActiveChange,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMouseDown,\n    onMoveTab,\n    orientation = \"horizontal\",\n    overflowMenu: overflowMenuProp = true,\n    promptForNewTabName = true,\n    showActivationIndicator = true,\n    source,\n    title,\n    ...htmlAttributes\n  }: TabstripProps,\n  forwardedRef: ForwardedRef<FocusAPI>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tab-strip\",\n    css: tabstripCss,\n    window: targetWindow,\n  });\n  useComponentCssInjection({\n    testId: \"salt-theme-tab-strip\",\n    css: themeTabstripCss,\n    window: targetWindow,\n  });\n\n  const root = useRef<HTMLDivElement>(null);\n  // can't use forwardedRef here, can we ?\n  // const setForkRef = useForkRef(root, forwardedRef);\n  const activeRef = useRef<number | null>(\n    activeTabIndexProp || defaultActiveTabIndex || 0,\n  );\n  const { OverflowIcon } = useIcon();\n  const overflowItemsRef = useRef<OverflowItem[]>([]);\n  const [showOverflowMenu, _setShowOverflowMenu] = useState(false);\n\n  const setShowOverflowMenu = useCallback((value: boolean) => {\n    _setShowOverflowMenu(value);\n  }, []);\n\n  const tabstripId = useIdMemo(idProp);\n\n  const injectedItems = enableAddTab\n    ? [\n        {\n          source: { label: \"Add Tab\", position: -1, priority: 1 },\n        } as InjectedSourceItem,\n      ]\n    : undefined;\n\n  const collectionHook = useOverflowCollectionItems({\n    children,\n    defaultSource: tabDescriptors(defaultSource),\n    id: tabstripId,\n    injectedItems,\n    label: \"Tabstrip\",\n    orientation,\n    source: tabDescriptors(source),\n    options: {\n      closeable: enableCloseTab,\n      editable: enableRenameTab,\n      getPriority: (item, index) => {\n        return index === activeRef.current ? 1 : undefined;\n      },\n    },\n  });\n\n  const childCount = useRef(Children.count(children));\n\n  const getChildren = (): TabElement[] | undefined => {\n    if (Children.count(children) === 0) {\n      return undefined;\n    }\n    return Children.toArray(children) as TabElement[];\n  };\n\n  const [innerContainerRef, switchOverflowPriorities] = useOverflowLayout({\n    collectionHook,\n    disableOverflow: overflowMenuProp === false,\n    id: tabstripId,\n    orientation,\n    label: \"Tabstrip\",\n  });\n  overflowItemsRef.current = collectionHook.data;\n  const overflowedItems = collectionHook.data.filter((item) => item.overflowed);\n\n  const tabMovedHandler = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      onMoveTab?.(fromIndex, toIndex);\n      setTimeout(() => {\n        collectionHook.dispatch({\n          type: \"reset\",\n        });\n      }, 50);\n    },\n    [collectionHook, onMoveTab],\n  );\n\n  const handleTabSelectionChange = useCallback(\n    (tabIndex: number) => {\n      const selectedItem = collectionHook.data[tabIndex];\n      const prevSelectedItem = collectionHook.data.find(\n        (item) => item.priority === 1 && !item.isOverflowIndicator,\n      );\n      if (selectedItem && prevSelectedItem && overflowMenuProp) {\n        switchOverflowPriorities(selectedItem, prevSelectedItem);\n      }\n      onActiveChange?.(tabIndex);\n      setShowOverflowMenu(false);\n    },\n    [\n      collectionHook.data,\n      onActiveChange,\n      overflowMenuProp,\n      setShowOverflowMenu,\n      switchOverflowPriorities,\n    ],\n  );\n\n  const {\n    activeTabIndex,\n    activateTab,\n    addTab,\n    onMouseDown: tabstripHookMouseDown,\n    ...tabstripHook\n  } = useTabstrip({\n    activeTabIndex: activeTabIndexProp,\n    allowDragDrop,\n    collectionHook,\n    defaultTabs: tabDescriptors(defaultSource),\n    defaultActiveTabIndex,\n    editing,\n    enableAddTab,\n    idRoot: tabstripId,\n    innerContainerRef,\n    keyBoardActivation,\n    onActiveChange: handleTabSelectionChange,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMoveTab: tabMovedHandler,\n    orientation,\n    promptForNewTabName,\n    tabs: tabDescriptors(source) ?? getChildren(),\n  });\n\n  activeRef.current = activeTabIndex;\n\n  useImperativeHandle(\n    forwardedRef,\n    () =>\n      ({\n        focus: () => {\n          const { current: tabstrip } = root;\n          if (tabstrip) {\n            const selectedTab = tabstrip.querySelector(\n              '.saltTab[aria-selected=\"true\"]',\n            ) as HTMLElement;\n            if (selectedTab) {\n              selectedTab.focus();\n            }\n          }\n        },\n      }) as FocusAPI,\n    [],\n  );\n\n  const handleAddTabClick = useCallback(() => {\n    if (!collectionHook.isControlled) {\n      addTab();\n    }\n    onAddTab?.();\n  }, [collectionHook.isControlled, onAddTab, addTab]);\n\n  const selectedIndex = useRef(activeTabIndex);\n  const focusedTabIndex = tabstripHook.highlightedIdx;\n  const handleOverflowSelectionChange: SelectionChangeHandler<OverflowItem> =\n    useCallback(\n      (e, tab) => {\n        if (tab !== null) {\n          activateTab(tab.index);\n        }\n      },\n      [activateTab],\n    );\n\n  const handleKeydownOverflowMenu = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      tabstripHook.navigationProps?.onKeyDown?.(e);\n    },\n    [tabstripHook.navigationProps],\n  );\n\n  const handleOverflowMenuOpen = useCallback(\n    (open: boolean) => {\n      setShowOverflowMenu(open);\n    },\n    [setShowOverflowMenu],\n  );\n\n  const handleMouseDown = useCallback(\n    (evt: MouseEvent<HTMLDivElement>) => {\n      onMouseDown?.(evt);\n      tabstripHookMouseDown?.(evt);\n    },\n    [onMouseDown, tabstripHookMouseDown],\n  );\n\n  // shouldn't we use ref for this ?\n  useIsomorphicLayoutEffect(() => {\n    // We don't care about changes to overflowedItems here, the overflowObserver\n    // always does the right thing. We only care about changes to selected tab\n    if (selectedIndex.current !== activeTabIndex && overflowMenuProp) {\n      // We might want to do this only if the selected tab is overflowed ?\n      // TODO\n      // resetOverflow();\n      selectedIndex.current = activeTabIndex;\n    }\n  }, [overflowMenuProp, activeTabIndex]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (Children.count(children) !== childCount.current) {\n      childCount.current = Children.count(children);\n      // TODO\n      // resetOverflow();\n    }\n  }, [children]);\n\n  /*\n   * biome-ignore lint/correctness/useExhaustiveDependencies: We only want the effect to run when value changes, not every time focusedTabIndex changes.\n   * It doesn't matter if focusedTabIndex is stale in between calls - it will be correct when value changes.\n   */\n  useIsomorphicLayoutEffect(() => {\n    if (\n      activeTabIndex !== null &&\n      focusedTabIndex !== activeTabIndex &&\n      focusedTabIndex !== -1\n    ) {\n      tabstripHook.focusTab(activeTabIndex);\n    }\n  }, [activeTabIndex]);\n\n  const renderContent = () => {\n    const content = collectionHook.data\n      .filter((item) => !item.isOverflowIndicator && !item.isInjectedItem)\n      .map((item: OverflowItem, index: number) => {\n        // TODO sort out typoing\n        const tab = item.source as unknown as TabDescriptor;\n        const element = item.element as TabElement;\n\n        const selected = index === activeTabIndex;\n        const focusVisible = tabstripHook.focusVisible === index;\n        const overflowed =\n          overflowedItems.findIndex(\n            (item: OverflowItem) => item.index === index,\n          ) !== -1;\n\n        const tabIsBeingEdited = tabstripHook.editing && selected;\n        const tabIndex = tabIsBeingEdited\n          ? undefined\n          : selected && !tabstripHook.focusIsWithinComponent\n            ? 0\n            : -1;\n\n        const baseProps: Partial<TabProps> &\n          responsiveDataAttributes & {\n            ref?: RefObject<HTMLDivElement>;\n            key: string | number;\n          } = {\n          \"data-index\": index,\n          \"data-priority\": item.priority,\n          \"data-overflowed\": overflowed ? true : undefined,\n          ...tabstripHook.navigationProps,\n          id: item.id,\n          key: index,\n          onMouseDown: handleMouseDown,\n          tabIndex,\n        };\n\n        const tabProps = {\n          ...tabstripHook.tabProps,\n          closeable: item.closeable,\n          dragging: tabstripHook.draggedItemIndex === index,\n          editable: item.editable,\n          editing: tabIsBeingEdited,\n          focusVisible,\n          index,\n          onClose: item.closeable ? tabstripHook.closeTab : undefined,\n          orientation,\n          selected,\n        } as Partial<TabProps>;\n\n        if (isValidElement(element)) {\n          if (element.type === Tab) {\n            return cloneElement(element, { ...baseProps, ...tabProps });\n          }\n          return cloneElement(element, baseProps);\n        }\n\n        return createElement(Tab, {\n          ...baseProps,\n          ...tabProps,\n          label: tab.label,\n        });\n      });\n\n    const overflowCount = overflowedItems.length;\n    const draggingActiveTab = tabstripHook.draggedItemIndex === activeTabIndex;\n    const showOverflow =\n      (tabstripHook.revealOverflowedItems && !draggingActiveTab) ||\n      showOverflowMenu;\n    const showTooltip = tabstripHook.revealOverflowedItems && draggingActiveTab;\n    const overflowIndicator = collectionHook.data.find(\n      (i) => i.isOverflowIndicator,\n    );\n    const [injectedItem] = collectionHook.data.filter((i) => i.isInjectedItem);\n\n    if (overflowIndicator) {\n      content.push(\n        <Tooltip\n          content=\"Active Tab cannot be moved into overflow list\"\n          open\n          disabled={!showTooltip}\n          status=\"warning\"\n          key=\"tooltip\"\n          hideArrow\n        >\n          <Dropdown<OverflowItem>\n            className={clsx(withBaseName(\"overflowMenu\"), {\n              [withBaseName(\"overflowMenu-open\")]: showOverflow,\n            })}\n            ListProps={{\n              className: clsx({\n                [withBaseName(\"overflowMenu-dropTarget\")]:\n                  tabstripHook.revealOverflowedItems,\n              }),\n            }}\n            data-overflow-indicator\n            data-priority={0}\n            id={overflowIndicator.id}\n            isOpen={showOverflow}\n            key=\"overflow\"\n            onOpenChange={handleOverflowMenuOpen}\n            onKeyDown={handleKeydownOverflowMenu}\n            onSelectionChange={handleOverflowSelectionChange}\n            placement=\"bottom-end\"\n            source={overflowedItems}\n            selected={null}\n            triggerComponent={\n              <Button\n                aria-label={`Tabs overflow menu ${overflowCount} item${\n                  overflowCount === 1 ? \"\" : \"s\"\n                }`}\n                variant=\"secondary\"\n                tabIndex={-1}\n              >\n                <OverflowIcon />\n              </Button>\n            }\n            width=\"auto\"\n          />\n        </Tooltip>,\n      );\n    }\n\n    if (injectedItem) {\n      content.push(\n        <Button\n          {...tabstripHook.navigationProps}\n          aria-label={ADD_TAB_LABEL}\n          data-priority={injectedItem.priority}\n          data-overflowed={injectedItem.overflowed}\n          id={injectedItem.id}\n          key=\"addButton\"\n          onClick={handleAddTabClick}\n          variant=\"secondary\"\n          tabIndex={-1}\n        >\n          <AddIcon />\n        </Button>,\n      );\n    }\n\n    return content;\n  };\n\n  const selectedTabOverflowed = overflowedItems.some(\n    (item: OverflowItem) => item.index === activeTabIndex,\n  );\n  const className = clsx(\n    withBaseName(),\n    withBaseName(orientation),\n    classNameProp,\n    {\n      [withBaseName(\"centered\")]: centered,\n      [withBaseName(\"draggingTab\")]: tabstripHook.isDragging,\n      [withBaseName(\"tertiary\")]: variant === \"tertiary\",\n    },\n  );\n\n  const selectedTabId =\n    activeTabIndex !== null ? collectionHook.data[activeTabIndex].id : null;\n\n  return (\n    <div\n      {...htmlAttributes}\n      {...tabstripHook.containerProps}\n      className={className}\n      id={tabstripId}\n      ref={root}\n      role=\"tablist\"\n    >\n      <div className={withBaseName(\"inner\")} ref={innerContainerRef}>\n        {renderContent()}\n      </div>\n      {showActivationIndicator ? (\n        <TabActivationIndicator\n          hideThumb={selectedTabOverflowed || tabstripHook.isDragging}\n          orientation={orientation}\n          tabId={selectedTabId}\n        />\n      ) : null}\n      {tabstripHook.draggable}\n    </div>\n  );\n});\n\nTabstrip.displayName = \"Tabstrip\";\n"],"names":["Tabstrip","tabstripCss","themeTabstripCss","item","createElement"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqDA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA;AAEhD,MAAM,aAAgB,GAAA,YAAA;AAGtB,MAAM,cAAA,GAAiB,CACrB,IAAA,KAEA,IAAM,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,GAAA;AAAA,EAAI,CAAC,QACT,OAAO,GAAA,KAAQ,WAAW,EAAE,KAAA,EAAO,KAAQ,GAAA;AAAA,CAAA;AAGlC,MAAA,QAAA,GAAW,UAAW,CAAA,SAASA,SAC1C,CAAA;AAAA,EACE,cAAgB,EAAA,kBAAA;AAAA,EAChB,aAAgB,GAAA,KAAA;AAAA,EAChB,QAAW,GAAA,KAAA;AAAA,EACX,QAAA;AAAA,EACA,SAAW,EAAA,aAAA;AAAA,EACX,aAAA;AAAA,EACA,qBAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAe,GAAA,KAAA;AAAA,EACf,cAAA;AAAA,EACA,eAAA;AAAA,EACA,EAAI,EAAA,MAAA;AAAA,EACJ,kBAAqB,GAAA,QAAA;AAAA,EACrB,QAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAc,GAAA,YAAA;AAAA,EACd,cAAc,gBAAmB,GAAA,IAAA;AAAA,EACjC,mBAAsB,GAAA,IAAA;AAAA,EACtB,uBAA0B,GAAA,IAAA;AAAA,EAC1B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AACD,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,sBAAA;AAAA,IACR,GAAK,EAAAC,UAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,IAAA,GAAO,OAAuB,IAAI,CAAA;AAGxC,EAAA,MAAM,SAAY,GAAA,MAAA;AAAA,IAChB,sBAAsB,qBAAyB,IAAA;AAAA,GACjD;AACA,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,OAAQ,EAAA;AACjC,EAAM,MAAA,gBAAA,GAAmB,MAAuB,CAAA,EAAE,CAAA;AAClD,EAAA,MAAM,CAAC,gBAAA,EAAkB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAE/D,EAAM,MAAA,mBAAA,GAAsB,WAAY,CAAA,CAAC,KAAmB,KAAA;AAC1D,IAAA,oBAAA,CAAqB,KAAK,CAAA;AAAA,GAC5B,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,UAAA,GAAa,UAAU,MAAM,CAAA;AAEnC,EAAA,MAAM,gBAAgB,YAClB,GAAA;AAAA,IACE;AAAA,MACE,QAAQ,EAAE,KAAA,EAAO,WAAW,QAAU,EAAA,CAAA,CAAA,EAAI,UAAU,CAAE;AAAA;AACxD,GAEF,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,iBAAiB,0BAA2B,CAAA;AAAA,IAChD,QAAA;AAAA,IACA,aAAA,EAAe,eAAe,aAAa,CAAA;AAAA,IAC3C,EAAI,EAAA,UAAA;AAAA,IACJ,aAAA;AAAA,IACA,KAAO,EAAA,UAAA;AAAA,IACP,WAAA;AAAA,IACA,MAAA,EAAQ,eAAe,MAAM,CAAA;AAAA,IAC7B,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,cAAA;AAAA,MACX,QAAU,EAAA,eAAA;AAAA,MACV,WAAA,EAAa,CAAC,IAAA,EAAM,KAAU,KAAA;AAC5B,QAAO,OAAA,KAAA,KAAU,SAAU,CAAA,OAAA,GAAU,CAAI,GAAA,KAAA,CAAA;AAAA;AAC3C;AACF,GACD,CAAA;AAED,EAAA,MAAM,UAAa,GAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAC,CAAA;AAElD,EAAA,MAAM,cAAc,MAAgC;AAClD,IAAA,IAAI,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,KAAM,CAAG,EAAA;AAClC,MAAO,OAAA,KAAA,CAAA;AAAA;AAET,IAAO,OAAA,QAAA,CAAS,QAAQ,QAAQ,CAAA;AAAA,GAClC;AAEA,EAAA,MAAM,CAAC,iBAAA,EAAmB,wBAAwB,CAAA,GAAI,iBAAkB,CAAA;AAAA,IACtE,cAAA;AAAA,IACA,iBAAiB,gBAAqB,KAAA,KAAA;AAAA,IACtC,EAAI,EAAA,UAAA;AAAA,IACJ,WAAA;AAAA,IACA,KAAO,EAAA;AAAA,GACR,CAAA;AACD,EAAA,gBAAA,CAAiB,UAAU,cAAe,CAAA,IAAA;AAC1C,EAAA,MAAM,kBAAkB,cAAe,CAAA,IAAA,CAAK,OAAO,CAAC,IAAA,KAAS,KAAK,UAAU,CAAA;AAE5E,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,WAAmB,OAAoB,KAAA;AACtC,MAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAY,SAAW,EAAA,OAAA,CAAA;AACvB,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,cAAA,CAAe,QAAS,CAAA;AAAA,UACtB,IAAM,EAAA;AAAA,SACP,CAAA;AAAA,SACA,EAAE,CAAA;AAAA,KACP;AAAA,IACA,CAAC,gBAAgB,SAAS;AAAA,GAC5B;AAEA,EAAA,MAAM,wBAA2B,GAAA,WAAA;AAAA,IAC/B,CAAC,QAAqB,KAAA;AACpB,MAAM,MAAA,YAAA,GAAe,cAAe,CAAA,IAAA,CAAK,QAAQ,CAAA;AACjD,MAAM,MAAA,gBAAA,GAAmB,eAAe,IAAK,CAAA,IAAA;AAAA,QAC3C,CAAC,IAAS,KAAA,IAAA,CAAK,QAAa,KAAA,CAAA,IAAK,CAAC,IAAK,CAAA;AAAA,OACzC;AACA,MAAI,IAAA,YAAA,IAAgB,oBAAoB,gBAAkB,EAAA;AACxD,QAAA,wBAAA,CAAyB,cAAc,gBAAgB,CAAA;AAAA;AAEzD,MAAiB,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAA,QAAA,CAAA;AACjB,MAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,KAC3B;AAAA,IACA;AAAA,MACE,cAAe,CAAA,IAAA;AAAA,MACf,cAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAM,MAAA;AAAA,IACJ,cAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAa,EAAA,qBAAA;AAAA,IACb,GAAG;AAAA,MACD,WAAY,CAAA;AAAA,IACd,cAAgB,EAAA,kBAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA,EAAa,eAAe,aAAa,CAAA;AAAA,IACzC,qBAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,MAAQ,EAAA,UAAA;AAAA,IACR,iBAAA;AAAA,IACA,kBAAA;AAAA,IACA,cAAgB,EAAA,wBAAA;AAAA,IAChB,UAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAW,EAAA,eAAA;AAAA,IACX,WAAA;AAAA,IACA,mBAAA;AAAA,IACA,IAAM,EAAA,cAAA,CAAe,MAAM,CAAA,IAAK,WAAY;AAAA,GAC7C,CAAA;AAED,EAAA,SAAA,CAAU,OAAU,GAAA,cAAA;AAEpB,EAAA,mBAAA;AAAA,IACE,YAAA;AAAA,IACA,OACG;AAAA,MACC,OAAO,MAAM;AACX,QAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,IAAA;AAC9B,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,MAAM,cAAc,QAAS,CAAA,aAAA;AAAA,YAC3B;AAAA,WACF;AACA,UAAA,IAAI,WAAa,EAAA;AACf,YAAA,WAAA,CAAY,KAAM,EAAA;AAAA;AACpB;AACF;AACF,KACF,CAAA;AAAA,IACF;AAAC,GACH;AAEA,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAI,IAAA,CAAC,eAAe,YAAc,EAAA;AAChC,MAAO,MAAA,EAAA;AAAA;AAET,IAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,EAAA;AAAA,KACC,CAAC,cAAA,CAAe,YAAc,EAAA,QAAA,EAAU,MAAM,CAAC,CAAA;AAElD,EAAM,MAAA,aAAA,GAAgB,OAAO,cAAc,CAAA;AAC3C,EAAA,MAAM,kBAAkB,YAAa,CAAA,cAAA;AACrC,EAAA,MAAM,6BACJ,GAAA,WAAA;AAAA,IACE,CAAC,GAAG,GAAQ,KAAA;AACV,MAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,QAAA,WAAA,CAAY,IAAI,KAAK,CAAA;AAAA;AACvB,KACF;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEF,EAAA,MAAM,yBAA4B,GAAA,WAAA;AAAA,IAChC,CAAC,CAAkC,KAAA;AA/QvC,MAAA,IAAA,EAAA,EAAA,EAAA;AAgRM,MAAa,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,YAAA,CAAA,eAAA,KAAb,IAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA,KAA9B,IAA0C,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,CAAA,CAAA;AAAA,KAC5C;AAAA,IACA,CAAC,aAAa,eAAe;AAAA,GAC/B;AAEA,EAAA,MAAM,sBAAyB,GAAA,WAAA;AAAA,IAC7B,CAAC,IAAkB,KAAA;AACjB,MAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,mBAAmB;AAAA,GACtB;AAEA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,GAAoC,KAAA;AACnC,MAAc,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,GAAA,CAAA;AACd,MAAwB,qBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAA,GAAA,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,aAAa,qBAAqB;AAAA,GACrC;AAGA,EAAA,yBAAA,CAA0B,MAAM;AAG9B,IAAI,IAAA,aAAA,CAAc,OAAY,KAAA,cAAA,IAAkB,gBAAkB,EAAA;AAIhE,MAAA,aAAA,CAAc,OAAU,GAAA,cAAA;AAAA;AAC1B,GACC,EAAA,CAAC,gBAAkB,EAAA,cAAc,CAAC,CAAA;AAErC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,KAAM,WAAW,OAAS,EAAA;AACnD,MAAW,UAAA,CAAA,OAAA,GAAU,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA;AAG9C,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA;AAMb,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IACE,cAAmB,KAAA,IAAA,IACnB,eAAoB,KAAA,cAAA,IACpB,oBAAoB,CACpB,CAAA,EAAA;AACA,MAAA,YAAA,CAAa,SAAS,cAAc,CAAA;AAAA;AACtC,GACF,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,MAAM,UAAU,cAAe,CAAA,IAAA,CAC5B,MAAO,CAAA,CAAC,SAAS,CAAC,IAAA,CAAK,mBAAuB,IAAA,CAAC,KAAK,cAAc,CAAA,CAClE,GAAI,CAAA,CAAC,MAAoB,KAAkB,KAAA;AAE1C,MAAA,MAAM,MAAM,IAAK,CAAA,MAAA;AACjB,MAAA,MAAM,UAAU,IAAK,CAAA,OAAA;AAErB,MAAA,MAAM,WAAW,KAAU,KAAA,cAAA;AAC3B,MAAM,MAAA,YAAA,GAAe,aAAa,YAAiB,KAAA,KAAA;AACnD,MAAA,MAAM,aACJ,eAAgB,CAAA,SAAA;AAAA,QACd,CAACC,KAAuBA,KAAAA,KAAAA,CAAK,KAAU,KAAA;AAAA,OACnC,KAAA,CAAA,CAAA;AAER,MAAM,MAAA,gBAAA,GAAmB,aAAa,OAAW,IAAA,QAAA;AACjD,MAAA,MAAM,WAAW,gBACb,GAAA,KAAA,CAAA,GACA,YAAY,CAAC,YAAA,CAAa,yBACxB,CACA,GAAA,CAAA,CAAA;AAEN,MAAA,MAAM,SAIA,GAAA;AAAA,QACJ,YAAc,EAAA,KAAA;AAAA,QACd,iBAAiB,IAAK,CAAA,QAAA;AAAA,QACtB,iBAAA,EAAmB,aAAa,IAAO,GAAA,KAAA,CAAA;AAAA,QACvC,GAAG,YAAa,CAAA,eAAA;AAAA,QAChB,IAAI,IAAK,CAAA,EAAA;AAAA,QACT,GAAK,EAAA,KAAA;AAAA,QACL,WAAa,EAAA,eAAA;AAAA,QACb;AAAA,OACF;AAEA,MAAA,MAAM,QAAW,GAAA;AAAA,QACf,GAAG,YAAa,CAAA,QAAA;AAAA,QAChB,WAAW,IAAK,CAAA,SAAA;AAAA,QAChB,QAAA,EAAU,aAAa,gBAAqB,KAAA,KAAA;AAAA,QAC5C,UAAU,IAAK,CAAA,QAAA;AAAA,QACf,OAAS,EAAA,gBAAA;AAAA,QACT,YAAA;AAAA,QACA,KAAA;AAAA,QACA,OAAS,EAAA,IAAA,CAAK,SAAY,GAAA,YAAA,CAAa,QAAW,GAAA,KAAA,CAAA;AAAA,QAClD,WAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAI,IAAA,cAAA,CAAe,OAAO,CAAG,EAAA;AAC3B,QAAI,IAAA,OAAA,CAAQ,SAAS,GAAK,EAAA;AACxB,UAAA,OAAO,aAAa,OAAS,EAAA,EAAE,GAAG,SAAW,EAAA,GAAG,UAAU,CAAA;AAAA;AAE5D,QAAO,OAAA,YAAA,CAAa,SAAS,SAAS,CAAA;AAAA;AAGxC,MAAA,OAAOC,cAAc,GAAK,EAAA;AAAA,QACxB,GAAG,SAAA;AAAA,QACH,GAAG,QAAA;AAAA,QACH,OAAO,GAAI,CAAA;AAAA,OACZ,CAAA;AAAA,KACF,CAAA;AAEH,IAAA,MAAM,gBAAgB,eAAgB,CAAA,MAAA;AACtC,IAAM,MAAA,iBAAA,GAAoB,aAAa,gBAAqB,KAAA,cAAA;AAC5D,IAAA,MAAM,YACH,GAAA,YAAA,CAAa,qBAAyB,IAAA,CAAC,iBACxC,IAAA,gBAAA;AACF,IAAM,MAAA,WAAA,GAAc,aAAa,qBAAyB,IAAA,iBAAA;AAC1D,IAAM,MAAA,iBAAA,GAAoB,eAAe,IAAK,CAAA,IAAA;AAAA,MAC5C,CAAC,MAAM,CAAE,CAAA;AAAA,KACX;AACA,IAAM,MAAA,CAAC,YAAY,CAAI,GAAA,cAAA,CAAe,KAAK,MAAO,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,cAAc,CAAA;AAEzE,IAAA,IAAI,iBAAmB,EAAA;AACrB,MAAQ,OAAA,CAAA,IAAA;AAAA,wBACN,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,+CAAA;AAAA,YACR,IAAI,EAAA,IAAA;AAAA,YACJ,UAAU,CAAC,WAAA;AAAA,YACX,MAAO,EAAA,SAAA;AAAA,YAEP,SAAS,EAAA,IAAA;AAAA,YAET,QAAA,kBAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,cAAc,CAAG,EAAA;AAAA,kBAC5C,CAAC,YAAA,CAAa,mBAAmB,CAAC,GAAG;AAAA,iBACtC,CAAA;AAAA,gBACD,SAAW,EAAA;AAAA,kBACT,WAAW,IAAK,CAAA;AAAA,oBACd,CAAC,YAAA,CAAa,yBAAyB,CAAC,GACtC,YAAa,CAAA;AAAA,mBAChB;AAAA,iBACH;AAAA,gBACA,yBAAuB,EAAA,IAAA;AAAA,gBACvB,eAAe,EAAA,CAAA;AAAA,gBACf,IAAI,iBAAkB,CAAA,EAAA;AAAA,gBACtB,MAAQ,EAAA,YAAA;AAAA,gBAER,YAAc,EAAA,sBAAA;AAAA,gBACd,SAAW,EAAA,yBAAA;AAAA,gBACX,iBAAmB,EAAA,6BAAA;AAAA,gBACnB,SAAU,EAAA,YAAA;AAAA,gBACV,MAAQ,EAAA,eAAA;AAAA,gBACR,QAAU,EAAA,IAAA;AAAA,gBACV,gBACE,kBAAA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,cAAY,CAAsB,mBAAA,EAAA,aAAa,QAC7C,aAAkB,KAAA,CAAA,GAAI,KAAK,GAC7B,CAAA,CAAA;AAAA,oBACA,OAAQ,EAAA,WAAA;AAAA,oBACR,QAAU,EAAA,CAAA,CAAA;AAAA,oBAEV,8BAAC,YAAa,EAAA,EAAA;AAAA;AAAA,iBAChB;AAAA,gBAEF,KAAM,EAAA;AAAA,eAAA;AAAA,cAlBF;AAAA;AAmBN,WAAA;AAAA,UApCI;AAAA;AAqCN,OACF;AAAA;AAGF,IAAA,IAAI,YAAc,EAAA;AAChB,MAAQ,OAAA,CAAA,IAAA;AAAA,wBACN,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACE,GAAG,YAAa,CAAA,eAAA;AAAA,YACjB,YAAY,EAAA,aAAA;AAAA,YACZ,iBAAe,YAAa,CAAA,QAAA;AAAA,YAC5B,mBAAiB,YAAa,CAAA,UAAA;AAAA,YAC9B,IAAI,YAAa,CAAA,EAAA;AAAA,YACjB,GAAI,EAAA,WAAA;AAAA,YACJ,OAAS,EAAA,iBAAA;AAAA,YACT,OAAQ,EAAA,WAAA;AAAA,YACR,QAAU,EAAA,CAAA;AAAA,WAAA;AAAA,8BAET,OAAQ,EAAA,EAAA;AAAA;AACX,OACF;AAAA;AAGF,IAAO,OAAA,OAAA;AAAA,GACT;AAEA,EAAA,MAAM,wBAAwB,eAAgB,CAAA,IAAA;AAAA,IAC5C,CAAC,IAAuB,KAAA,IAAA,CAAK,KAAU,KAAA;AAAA,GACzC;AACA,EAAA,MAAM,SAAY,GAAA,IAAA;AAAA,IAChB,YAAa,EAAA;AAAA,IACb,aAAa,WAAW,CAAA;AAAA,IACxB,aAAA;AAAA,IACA;AAAA,MACE,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,MAC5B,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,YAAa,CAAA,UAAA;AAAA,MAC5C,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,OAAY,KAAA;AAAA;AAC1C,GACF;AAEA,EAAA,MAAM,gBACJ,cAAmB,KAAA,IAAA,GAAO,eAAe,IAAK,CAAA,cAAc,EAAE,EAAK,GAAA,IAAA;AAErE,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACH,GAAG,YAAa,CAAA,cAAA;AAAA,MACjB,SAAA;AAAA,MACA,EAAI,EAAA,UAAA;AAAA,MACJ,GAAK,EAAA,IAAA;AAAA,MACL,IAAK,EAAA,SAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,YAAa,CAAA,OAAO,GAAG,GAAK,EAAA,iBAAA,EACzC,yBACH,EAAA,CAAA;AAAA,QACC,uBACC,mBAAA,GAAA;AAAA,UAAC,sBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,yBAAyB,YAAa,CAAA,UAAA;AAAA,YACjD,WAAA;AAAA,YACA,KAAO,EAAA;AAAA;AAAA,SAEP,GAAA,IAAA;AAAA,QACH,YAAa,CAAA;AAAA;AAAA;AAAA,GAChB;AAEJ,CAAC;AAED,QAAA,CAAS,WAAc,GAAA,UAAA;;;;"}

package/dist-es/tabs/drag-drop/Draggable.js

@@ -29,13 +29,14 @@ const Draggable = forwardRef(function Draggable2({ wrapperClassName, element, re
   );
   const forkedRef = useForkRef(forwardedRef, callbackRef);
   const { left, top, width, height } = rect;
-  return /* @__PURE__ */ jsx(Portal, {
-    children: /* @__PURE__ */ jsx("div", {
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
       className: clsx("saltDraggable", ...makeClassNames(wrapperClassName)),
       ref: forkedRef,
       style: { left, top, width, height }
-    })
-  });
+    }
+  ) });
 });
 const createDragSpacer = (transitioning) => {
   const spacer = document.createElement("div");

package/dist-es/tabs/drag-drop/Draggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Draggable.js","sources":["../src/tabs/drag-drop/Draggable.tsx"],"sourcesContent":["import { useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type MutableRefObject, forwardRef, useCallback } from \"react\";\nimport { Portal } from \"../../portal\";\nimport type { Rect } from \"./dragDropTypes\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport draggableCss from \"./Draggable.css\";\n\nconst makeClassNames = (classNames: string) =>\n  classNames.split(\" \").map((className) => `saltDraggable-${className}`);\nexport const Draggable = forwardRef<\n  HTMLDivElement,\n  { wrapperClassName: string; element: HTMLElement; rect: Rect; scale?: number }\n>(function Draggable(\n  { wrapperClassName, element, rect, scale = 1 },\n  forwardedRef,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-draggable\",\n    css: draggableCss,\n    window: targetWindow,\n  });\n\n  const callbackRef = useCallback(\n    (el: HTMLDivElement) => {\n      if (el) {\n        el.innerHTML = \"\";\n        el.appendChild(element);\n        if (scale !== 1) {\n          el.style.transform = `scale(${scale},${scale})`;\n        }\n      }\n    },\n    [element, scale],\n  );\n  const forkedRef = useForkRef<HTMLDivElement>(forwardedRef, callbackRef);\n\n  const { left, top, width, height } = rect;\n\n  return (\n    <Portal>\n      <div\n        className={clsx(\"saltDraggable\", ...makeClassNames(wrapperClassName))}\n        ref={forkedRef}\n        style={{ left, top, width, height }}\n      />\n    </Portal>\n  );\n});\n\nexport const createDragSpacer = (\n  transitioning?: MutableRefObject<boolean>,\n): HTMLElement => {\n  const spacer = document.createElement(\"div\");\n  spacer.className = \"saltDraggable-spacer\";\n  if (transitioning) {\n    spacer.addEventListener(\"transitionend\", () => {\n      transitioning.current = false;\n    });\n  }\n  return spacer;\n};\n"],"names":["Draggable","draggableCss"],"mappings":";;;;;;;;;AAUA,MAAM,cAAA,GAAiB,CAAC,UAAA,KACtB,UAAW,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,GAAI,CAAA,CAAC,SAAc,KAAA,CAAA,cAAA,EAAiB,SAAW,CAAA,CAAA,CAAA,CAAA;AAC1D,MAAA,SAAA,GAAY,UAGvB,CAAA,SAASA,UACT,CAAA,EAAE,gBAAkB,EAAA,OAAA,EAAS,IAAM,EAAA,KAAA,GAAQ,CAAE,EAAA,EAC7C,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,EAAuB,KAAA;AACtB,MAAA,IAAI,EAAI,EAAA;AACN,QAAA,EAAA,CAAG,SAAY,GAAA,EAAA,CAAA;AACf,QAAA,EAAA,CAAG,YAAY,OAAO,CAAA,CAAA;AACtB,QAAA,IAAI,UAAU,CAAG,EAAA;AACf,UAAG,EAAA,CAAA,KAAA,CAAM,SAAY,GAAA,CAAA,MAAA,EAAS,KAAS,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SACzC;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,SAAS,KAAK,CAAA;AAAA,GACjB,CAAA;AACA,EAAM,MAAA,SAAA,GAAY,UAA2B,CAAA,YAAA,EAAc,WAAW,CAAA,CAAA;AAEtE,EAAA,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,KAAA,EAAO,QAAW,GAAA,IAAA,CAAA;AAErC,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,WAAW,IAAK,CAAA,eAAA,EAAiB,GAAG,cAAA,CAAe,gBAAgB,CAAC,CAAA;AAAA,MACpE,GAAK,EAAA,SAAA;AAAA,MACL,KAAO,EAAA,EAAE,IAAM,EAAA,GAAA,EAAK,OAAO,MAAO,EAAA;AAAA,KACpC,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,gBAAA,GAAmB,CAC9B,aACgB,KAAA;AAChB,EAAM,MAAA,MAAA,GAAS,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAC3C,EAAA,MAAA,CAAO,SAAY,GAAA,sBAAA,CAAA;AACnB,EAAA,IAAI,aAAe,EAAA;AACjB,IAAO,MAAA,CAAA,gBAAA,CAAiB,iBAAiB,MAAM;AAC7C,MAAA,aAAA,CAAc,OAAU,GAAA,KAAA,CAAA;AAAA,KACzB,CAAA,CAAA;AAAA,GACH;AACA,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"Draggable.js","sources":["../src/tabs/drag-drop/Draggable.tsx"],"sourcesContent":["import { useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type MutableRefObject, forwardRef, useCallback } from \"react\";\nimport { Portal } from \"../../portal\";\nimport type { Rect } from \"./dragDropTypes\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport draggableCss from \"./Draggable.css\";\n\nconst makeClassNames = (classNames: string) =>\n  classNames.split(\" \").map((className) => `saltDraggable-${className}`);\nexport const Draggable = forwardRef<\n  HTMLDivElement,\n  { wrapperClassName: string; element: HTMLElement; rect: Rect; scale?: number }\n>(function Draggable(\n  { wrapperClassName, element, rect, scale = 1 },\n  forwardedRef,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-draggable\",\n    css: draggableCss,\n    window: targetWindow,\n  });\n\n  const callbackRef = useCallback(\n    (el: HTMLDivElement) => {\n      if (el) {\n        el.innerHTML = \"\";\n        el.appendChild(element);\n        if (scale !== 1) {\n          el.style.transform = `scale(${scale},${scale})`;\n        }\n      }\n    },\n    [element, scale],\n  );\n  const forkedRef = useForkRef<HTMLDivElement>(forwardedRef, callbackRef);\n\n  const { left, top, width, height } = rect;\n\n  return (\n    <Portal>\n      <div\n        className={clsx(\"saltDraggable\", ...makeClassNames(wrapperClassName))}\n        ref={forkedRef}\n        style={{ left, top, width, height }}\n      />\n    </Portal>\n  );\n});\n\nexport const createDragSpacer = (\n  transitioning?: MutableRefObject<boolean>,\n): HTMLElement => {\n  const spacer = document.createElement(\"div\");\n  spacer.className = \"saltDraggable-spacer\";\n  if (transitioning) {\n    spacer.addEventListener(\"transitionend\", () => {\n      transitioning.current = false;\n    });\n  }\n  return spacer;\n};\n"],"names":["Draggable","draggableCss"],"mappings":";;;;;;;;;AAUA,MAAM,cAAiB,GAAA,CAAC,UACtB,KAAA,UAAA,CAAW,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAC,SAAA,KAAc,CAAiB,cAAA,EAAA,SAAS,CAAE,CAAA,CAAA;AAC1D,MAAA,SAAA,GAAY,UAGvB,CAAA,SAASA,UACT,CAAA,EAAE,gBAAkB,EAAA,OAAA,EAAS,IAAM,EAAA,KAAA,GAAQ,CAAE,EAAA,EAC7C,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,EAAuB,KAAA;AACtB,MAAA,IAAI,EAAI,EAAA;AACN,QAAA,EAAA,CAAG,SAAY,GAAA,EAAA;AACf,QAAA,EAAA,CAAG,YAAY,OAAO,CAAA;AACtB,QAAA,IAAI,UAAU,CAAG,EAAA;AACf,UAAA,EAAA,CAAG,KAAM,CAAA,SAAA,GAAY,CAAS,MAAA,EAAA,KAAK,IAAI,KAAK,CAAA,CAAA,CAAA;AAAA;AAC9C;AACF,KACF;AAAA,IACA,CAAC,SAAS,KAAK;AAAA,GACjB;AACA,EAAM,MAAA,SAAA,GAAY,UAA2B,CAAA,YAAA,EAAc,WAAW,CAAA;AAEtE,EAAA,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,KAAA,EAAO,QAAW,GAAA,IAAA;AAErC,EAAA,2BACG,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,IAAK,CAAA,eAAA,EAAiB,GAAG,cAAA,CAAe,gBAAgB,CAAC,CAAA;AAAA,MACpE,GAAK,EAAA,SAAA;AAAA,MACL,KAAO,EAAA,EAAE,IAAM,EAAA,GAAA,EAAK,OAAO,MAAO;AAAA;AAAA,GAEtC,EAAA,CAAA;AAEJ,CAAC;AAEY,MAAA,gBAAA,GAAmB,CAC9B,aACgB,KAAA;AAChB,EAAM,MAAA,MAAA,GAAS,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA;AAC3C,EAAA,MAAA,CAAO,SAAY,GAAA,sBAAA;AACnB,EAAA,IAAI,aAAe,EAAA;AACjB,IAAO,MAAA,CAAA,gBAAA,CAAiB,iBAAiB,MAAM;AAC7C,MAAA,aAAA,CAAc,OAAU,GAAA,KAAA;AAAA,KACzB,CAAA;AAAA;AAEH,EAAO,OAAA,MAAA;AACT;;;;"}

package/dist-es/tabs/drag-drop/drag-utils.js

@@ -74,7 +74,6 @@ const moveDragItem = (measuredItems, dropTarget) => {
 };
 const isDraggedElement = (item) => item.isDraggedElement;
 const measureDropTargets = (container, orientation, draggedItem, itemQuery) => {
-  var _a;
   const dragThresholds = [];
   const children = Array.from(
     itemQuery ? container.querySelectorAll(itemQuery) : container.children
@@ -86,7 +85,7 @@ const measureDropTargets = (container, orientation, draggedItem, itemQuery) => {
     const [start, size] = measureElementSizeAndPosition(element, dimension);
     previousThreshold = {
       currentIndex: index,
-      dataIndex: Number.parseInt((_a = element.dataset.index) != null ? _a : "-1"),
+      dataIndex: Number.parseInt(element.dataset.index ?? "-1"),
       index,
       isDraggedElement: element === draggedItem,
       isOverflowIndicator: element.dataset.overflowIndicator === "true",

package/dist-es/tabs/drag-drop/drag-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-utils.js","sources":["../src/tabs/drag-drop/drag-utils.ts"],"sourcesContent":["import type { orientationType } from \"../../responsive\";\nimport { type Direction, FWD } from \"./dragDropTypes\";\n\nconst LEFT_RIGHT = [\"left\", \"right\"];\nconst TOP_BOTTOM = [\"top\", \"bottom\"];\n// duplicated in repsonsive\n\nexport type MeasuredDropTarget = {\n  currentIndex: number;\n  dataIndex?: number;\n  element: HTMLElement;\n  index: number;\n  isDraggedElement: boolean;\n  isOverflowIndicator?: boolean;\n  start: number;\n  end: number;\n  mid: number;\n  size: number;\n};\n\nexport type targetType = {\n  element: HTMLElement | null;\n  index: number;\n  isLast?: boolean;\n};\n\ntype MousePosKey = keyof Pick<MouseEvent, \"clientX\" | \"clientY\">;\ntype DOMRectKey = keyof Omit<DOMRect, \"toJSON\">;\ntype DOMRectDimensionKey = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype Dimension = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype ElementDimension = keyof Pick<\n  HTMLElement,\n  | \"scrollHeight\"\n  | \"scrollWidth\"\n  | \"clientHeight\"\n  | \"clientWidth\"\n  | \"scrollTop\"\n  | \"scrollLeft\"\n>;\n\nexport const measureElementSizeAndPosition = (\n  element: HTMLElement,\n  dimension: Dimension = \"width\",\n  includeAutoMargin = false,\n) => {\n  const pos = dimension === \"width\" ? \"left\" : \"top\";\n  const { [dimension]: size, [pos]: position } =\n    element.getBoundingClientRect();\n  const { padEnd = false, padStart = false } = element.dataset;\n  const style = getComputedStyle(element);\n  const [start, end] = dimension === \"width\" ? LEFT_RIGHT : TOP_BOTTOM;\n  const marginStart =\n    padStart && !includeAutoMargin\n      ? 0\n      : Number.parseInt(style.getPropertyValue(`margin-${start}`), 10);\n  const marginEnd =\n    padEnd && !includeAutoMargin\n      ? 0\n      : Number.parseInt(style.getPropertyValue(`margin-${end}`), 10);\n\n  let minWidth = size;\n  const flexShrink = Number.parseInt(style.getPropertyValue(\"flex-shrink\"), 10);\n  if (flexShrink > 0) {\n    const flexBasis = Number.parseInt(style.getPropertyValue(\"flex-basis\"), 10);\n    if (!Number.isNaN(flexBasis) && flexBasis > 0) {\n      minWidth = flexBasis;\n    }\n  }\n  return [position, marginStart + minWidth + marginEnd];\n};\n\nconst DIMENSIONS = {\n  horizontal: {\n    CLIENT_SIZE: \"clientWidth\" as ElementDimension,\n    CONTRA: \"top\" as DOMRectKey,\n    CONTRA_POS: \"clientY\" as MousePosKey,\n    DIMENSION: \"width\" as DOMRectDimensionKey,\n    END: \"right\" as DOMRectKey,\n    POS: \"clientX\" as MousePosKey,\n    SCROLL_POS: \"scrollTop\" as ElementDimension,\n    SCROLL_SIZE: \"scrollWidth\" as ElementDimension,\n    START: \"left\" as DOMRectKey,\n  },\n  vertical: {\n    CLIENT_SIZE: \"clientHeight\" as ElementDimension,\n    CONTRA: \"left\" as DOMRectKey,\n    CONTRA_POS: \"clientX\" as MousePosKey,\n    DIMENSION: \"height\" as DOMRectDimensionKey,\n    END: \"bottom\" as DOMRectKey,\n    POS: \"clientY\" as MousePosKey,\n    SCROLL_POS: \"scrollLeft\" as ElementDimension,\n    SCROLL_SIZE: \"scrollHeight\" as ElementDimension,\n    START: \"top\" as DOMRectKey,\n  },\n};\nexport const dimensions = (orientation: orientationType) =>\n  DIMENSIONS[orientation];\n\nexport const getDraggedItem = (\n  measuredItems: MeasuredDropTarget[],\n): MeasuredDropTarget => {\n  const result = measuredItems.find((item) => item.isDraggedElement);\n  if (result) {\n    return result;\n  }\n  throw Error(\"measuredItems do not contain a draggedElement\");\n};\n\nexport const moveDragItem = (\n  measuredItems: MeasuredDropTarget[],\n  dropTarget: MeasuredDropTarget,\n): MeasuredDropTarget[] => {\n  const items: MeasuredDropTarget[] = measuredItems.slice();\n  const draggedItem = getDraggedItem(items);\n  const draggedIndex = items.indexOf(draggedItem!);\n  const targetIndex = items.indexOf(dropTarget);\n\n  const firstPos = Math.min(draggedIndex, targetIndex);\n  const lastPos = Math.max(draggedIndex, targetIndex);\n  let { start } = items[firstPos];\n\n  items[draggedIndex] = { ...dropTarget };\n  items[targetIndex] = { ...draggedItem };\n\n  for (let i = firstPos; i <= lastPos; i++) {\n    const item = items[i];\n    item.currentIndex = i;\n    item.start = start;\n    item.end = start + item.size;\n    item.mid = start + item.size / 2;\n    start = item.end;\n  }\n\n  return items;\n};\n\nexport const isDraggedElement = (item: MeasuredDropTarget) =>\n  item.isDraggedElement;\n\nexport const measureDropTargets = (\n  container: HTMLElement,\n  orientation: orientationType,\n  draggedItem: HTMLElement,\n  itemQuery?: string,\n) => {\n  const dragThresholds: MeasuredDropTarget[] = [];\n\n  // TODO need to make sure we're including only the children we should\n  const children = Array.from(\n    itemQuery ? container.querySelectorAll(itemQuery) : container.children,\n  );\n  let previousThreshold = null;\n  for (let index = 0; index < children.length; index++) {\n    const element = children[index] as HTMLElement;\n    const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n    const [start, size] = measureElementSizeAndPosition(element, dimension);\n\n    previousThreshold = {\n      currentIndex: index,\n      dataIndex: Number.parseInt(element.dataset.index ?? \"-1\"),\n      index,\n      isDraggedElement: element === draggedItem,\n      isOverflowIndicator: element.dataset.overflowIndicator === \"true\",\n      element: element as HTMLElement,\n      start,\n      end: start + size,\n      size,\n      mid: start + size / 2,\n    };\n\n    dragThresholds.push(previousThreshold);\n  }\n  return dragThresholds;\n};\n\nexport const getNextDropTarget = (\n  dropTargets: MeasuredDropTarget[],\n  pos: number,\n  direction: Direction,\n) => {\n  const len = dropTargets.length;\n  if (direction === FWD) {\n    for (let index = 0; index < len; index++) {\n      let dropTarget = dropTargets[index];\n      const { start, mid, end } = dropTarget;\n      if (pos > end) {\n        continue;\n      }\n      if (pos > mid) {\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n      if (pos > start) {\n        dropTarget = dropTargets[index - 1];\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n    }\n  } else {\n    for (let index = len - 1; index >= 0; index--) {\n      let dropTarget = dropTargets[index];\n      const { start, mid, end } = dropTarget;\n      if (pos < start) {\n        continue;\n      }\n      if (pos < mid) {\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n      if (pos < end) {\n        dropTarget = dropTargets[Math.min(len - 1, index + 1)];\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n    }\n  }\n  return null;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"drag-utils.js","sources":["../src/tabs/drag-drop/drag-utils.ts"],"sourcesContent":["import type { orientationType } from \"../../responsive\";\nimport { type Direction, FWD } from \"./dragDropTypes\";\n\nconst LEFT_RIGHT = [\"left\", \"right\"];\nconst TOP_BOTTOM = [\"top\", \"bottom\"];\n// duplicated in repsonsive\n\nexport type MeasuredDropTarget = {\n  currentIndex: number;\n  dataIndex?: number;\n  element: HTMLElement;\n  index: number;\n  isDraggedElement: boolean;\n  isOverflowIndicator?: boolean;\n  start: number;\n  end: number;\n  mid: number;\n  size: number;\n};\n\nexport type targetType = {\n  element: HTMLElement | null;\n  index: number;\n  isLast?: boolean;\n};\n\ntype MousePosKey = keyof Pick<MouseEvent, \"clientX\" | \"clientY\">;\ntype DOMRectKey = keyof Omit<DOMRect, \"toJSON\">;\ntype DOMRectDimensionKey = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype Dimension = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype ElementDimension = keyof Pick<\n  HTMLElement,\n  | \"scrollHeight\"\n  | \"scrollWidth\"\n  | \"clientHeight\"\n  | \"clientWidth\"\n  | \"scrollTop\"\n  | \"scrollLeft\"\n>;\n\nexport const measureElementSizeAndPosition = (\n  element: HTMLElement,\n  dimension: Dimension = \"width\",\n  includeAutoMargin = false,\n) => {\n  const pos = dimension === \"width\" ? \"left\" : \"top\";\n  const { [dimension]: size, [pos]: position } =\n    element.getBoundingClientRect();\n  const { padEnd = false, padStart = false } = element.dataset;\n  const style = getComputedStyle(element);\n  const [start, end] = dimension === \"width\" ? LEFT_RIGHT : TOP_BOTTOM;\n  const marginStart =\n    padStart && !includeAutoMargin\n      ? 0\n      : Number.parseInt(style.getPropertyValue(`margin-${start}`), 10);\n  const marginEnd =\n    padEnd && !includeAutoMargin\n      ? 0\n      : Number.parseInt(style.getPropertyValue(`margin-${end}`), 10);\n\n  let minWidth = size;\n  const flexShrink = Number.parseInt(style.getPropertyValue(\"flex-shrink\"), 10);\n  if (flexShrink > 0) {\n    const flexBasis = Number.parseInt(style.getPropertyValue(\"flex-basis\"), 10);\n    if (!Number.isNaN(flexBasis) && flexBasis > 0) {\n      minWidth = flexBasis;\n    }\n  }\n  return [position, marginStart + minWidth + marginEnd];\n};\n\nconst DIMENSIONS = {\n  horizontal: {\n    CLIENT_SIZE: \"clientWidth\" as ElementDimension,\n    CONTRA: \"top\" as DOMRectKey,\n    CONTRA_POS: \"clientY\" as MousePosKey,\n    DIMENSION: \"width\" as DOMRectDimensionKey,\n    END: \"right\" as DOMRectKey,\n    POS: \"clientX\" as MousePosKey,\n    SCROLL_POS: \"scrollTop\" as ElementDimension,\n    SCROLL_SIZE: \"scrollWidth\" as ElementDimension,\n    START: \"left\" as DOMRectKey,\n  },\n  vertical: {\n    CLIENT_SIZE: \"clientHeight\" as ElementDimension,\n    CONTRA: \"left\" as DOMRectKey,\n    CONTRA_POS: \"clientX\" as MousePosKey,\n    DIMENSION: \"height\" as DOMRectDimensionKey,\n    END: \"bottom\" as DOMRectKey,\n    POS: \"clientY\" as MousePosKey,\n    SCROLL_POS: \"scrollLeft\" as ElementDimension,\n    SCROLL_SIZE: \"scrollHeight\" as ElementDimension,\n    START: \"top\" as DOMRectKey,\n  },\n};\nexport const dimensions = (orientation: orientationType) =>\n  DIMENSIONS[orientation];\n\nexport const getDraggedItem = (\n  measuredItems: MeasuredDropTarget[],\n): MeasuredDropTarget => {\n  const result = measuredItems.find((item) => item.isDraggedElement);\n  if (result) {\n    return result;\n  }\n  throw Error(\"measuredItems do not contain a draggedElement\");\n};\n\nexport const moveDragItem = (\n  measuredItems: MeasuredDropTarget[],\n  dropTarget: MeasuredDropTarget,\n): MeasuredDropTarget[] => {\n  const items: MeasuredDropTarget[] = measuredItems.slice();\n  const draggedItem = getDraggedItem(items);\n  const draggedIndex = items.indexOf(draggedItem!);\n  const targetIndex = items.indexOf(dropTarget);\n\n  const firstPos = Math.min(draggedIndex, targetIndex);\n  const lastPos = Math.max(draggedIndex, targetIndex);\n  let { start } = items[firstPos];\n\n  items[draggedIndex] = { ...dropTarget };\n  items[targetIndex] = { ...draggedItem };\n\n  for (let i = firstPos; i <= lastPos; i++) {\n    const item = items[i];\n    item.currentIndex = i;\n    item.start = start;\n    item.end = start + item.size;\n    item.mid = start + item.size / 2;\n    start = item.end;\n  }\n\n  return items;\n};\n\nexport const isDraggedElement = (item: MeasuredDropTarget) =>\n  item.isDraggedElement;\n\nexport const measureDropTargets = (\n  container: HTMLElement,\n  orientation: orientationType,\n  draggedItem: HTMLElement,\n  itemQuery?: string,\n) => {\n  const dragThresholds: MeasuredDropTarget[] = [];\n\n  // TODO need to make sure we're including only the children we should\n  const children = Array.from(\n    itemQuery ? container.querySelectorAll(itemQuery) : container.children,\n  );\n  let previousThreshold = null;\n  for (let index = 0; index < children.length; index++) {\n    const element = children[index] as HTMLElement;\n    const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n    const [start, size] = measureElementSizeAndPosition(element, dimension);\n\n    previousThreshold = {\n      currentIndex: index,\n      dataIndex: Number.parseInt(element.dataset.index ?? \"-1\"),\n      index,\n      isDraggedElement: element === draggedItem,\n      isOverflowIndicator: element.dataset.overflowIndicator === \"true\",\n      element: element as HTMLElement,\n      start,\n      end: start + size,\n      size,\n      mid: start + size / 2,\n    };\n\n    dragThresholds.push(previousThreshold);\n  }\n  return dragThresholds;\n};\n\nexport const getNextDropTarget = (\n  dropTargets: MeasuredDropTarget[],\n  pos: number,\n  direction: Direction,\n) => {\n  const len = dropTargets.length;\n  if (direction === FWD) {\n    for (let index = 0; index < len; index++) {\n      let dropTarget = dropTargets[index];\n      const { start, mid, end } = dropTarget;\n      if (pos > end) {\n        continue;\n      }\n      if (pos > mid) {\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n      if (pos > start) {\n        dropTarget = dropTargets[index - 1];\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n    }\n  } else {\n    for (let index = len - 1; index >= 0; index--) {\n      let dropTarget = dropTargets[index];\n      const { start, mid, end } = dropTarget;\n      if (pos < start) {\n        continue;\n      }\n      if (pos < mid) {\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n      if (pos < end) {\n        dropTarget = dropTargets[Math.min(len - 1, index + 1)];\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n    }\n  }\n  return null;\n};\n"],"names":[],"mappings":"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"}

package/dist-es/tabs/drag-drop/useDragDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDrop.js","sources":["../src/tabs/drag-drop/useDragDrop.ts"],"sourcesContent":["import type { DragDropHook } from \"./dragDropTypes\";\nimport { useDragDropNaturalMovement } from \"./useDragDropNaturalMovement\";\n\nconst NULL_DRAG_DROP_RESULT = {\n  draggable: null,\n  isDragging: false,\n  dropIndicator: null,\n  revealOverflowedItems: false,\n};\nconst noDragDrop: DragDropHook = () => NULL_DRAG_DROP_RESULT;\n\nexport const useDragDrop: DragDropHook = ({\n  allowDragDrop,\n  ...dragDropProps\n}) => {\n  const useDragDropHook: DragDropHook = allowDragDrop\n    ? useDragDropNaturalMovement\n    : noDragDrop;\n\n  return useDragDropHook(dragDropProps);\n};\n"],"names":[],"mappings":";;AAGA,MAAM,qBAAwB,GAAA;AAAA,EAC5B,SAAW,EAAA,IAAA;AAAA,EACX,UAAY,EAAA,KAAA;AAAA,EACZ,aAAe,EAAA,IAAA;AAAA,EACf,qBAAuB,EAAA,KAAA;AACzB,CAAA,CAAA;AACA,MAAM,aAA2B,MAAM,qBAAA,CAAA;AAEhC,MAAM,cAA4B,CAAC;AAAA,EACxC,aAAA;AAAA,EACG,GAAA,aAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,eAAA,GAAgC,gBAClC,0BACA,GAAA,UAAA,CAAA;AAEJ,EAAA,OAAO,gBAAgB,aAAa,CAAA,CAAA;AACtC;;;;"}
+{"version":3,"file":"useDragDrop.js","sources":["../src/tabs/drag-drop/useDragDrop.ts"],"sourcesContent":["import type { DragDropHook } from \"./dragDropTypes\";\nimport { useDragDropNaturalMovement } from \"./useDragDropNaturalMovement\";\n\nconst NULL_DRAG_DROP_RESULT = {\n  draggable: null,\n  isDragging: false,\n  dropIndicator: null,\n  revealOverflowedItems: false,\n};\nconst noDragDrop: DragDropHook = () => NULL_DRAG_DROP_RESULT;\n\nexport const useDragDrop: DragDropHook = ({\n  allowDragDrop,\n  ...dragDropProps\n}) => {\n  const useDragDropHook: DragDropHook = allowDragDrop\n    ? useDragDropNaturalMovement\n    : noDragDrop;\n\n  return useDragDropHook(dragDropProps);\n};\n"],"names":[],"mappings":";;AAGA,MAAM,qBAAwB,GAAA;AAAA,EAC5B,SAAW,EAAA,IAAA;AAAA,EACX,UAAY,EAAA,KAAA;AAAA,EACZ,aAAe,EAAA,IAAA;AAAA,EACf,qBAAuB,EAAA;AACzB,CAAA;AACA,MAAM,aAA2B,MAAM,qBAAA;AAEhC,MAAM,cAA4B,CAAC;AAAA,EACxC,aAAA;AAAA,EACA,GAAG;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,eAAA,GAAgC,gBAClC,0BACA,GAAA,UAAA;AAEJ,EAAA,OAAO,gBAAgB,aAAa,CAAA;AACtC;;;;"}

package/dist-es/tabs/drag-drop/useDragDropNaturalMovement.js

@@ -129,12 +129,15 @@ const useDragDropNaturalMovement = ({
           dragLimits.current.start = containerRect[START];
           dragLimits.current.end = lastItem.isOverflowIndicator ? Math.max(lastItem.start, containerRect.right - draggedItem.size) : lastChildEnd - draggedItem.size;
           setDragPortal(
-            /* @__PURE__ */ jsx(Draggable, {
-              wrapperClassName: `tabstrip-${orientation}`,
-              ref: draggableRef,
-              rect: draggableRect,
-              element: dragElement.cloneNode(true)
-            })
+            /* @__PURE__ */ jsx(
+              Draggable,
+              {
+                wrapperClassName: `tabstrip-${orientation}`,
+                ref: draggableRef,
+                rect: draggableRect,
+                element: dragElement.cloneNode(true)
+              }
+            )
           );
           if (draggedItem !== lastItem) {
             const nextItem = dropTargets[draggedItem.index + 1];