@salt-ds/lab 1.0.0-alpha.0 → 1.0.0-alpha.10

package/dist-cjs/tree/useTree.js

@@ -0,0 +1,157 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('@salt-ds/core');
+require('../common-hooks/collectionProvider.js');
+require('../common-hooks/keyUtils.js');
+var useCollapsibleGroups = require('../common-hooks/useCollapsibleGroups.js');
+var listDomUtils = require('../common-hooks/list-dom-utils.js');
+require('../utils/useFloatingUI.js');
+var useKeyboardNavigation = require('../common-hooks/useKeyboardNavigation.js');
+var useSelection = require('../common-hooks/useSelection.js');
+var useViewportTracking = require('../common-hooks/useViewportTracking.js');
+var useTreeKeyboardNavigation = require('./use-tree-keyboard-navigation.js');
+
+const useTree = ({
+  collectionHook,
+  containerRef,
+  contentRef = containerRef,
+  defaultSelected,
+  disabled,
+  groupSelection,
+  onSelect,
+  onSelectionChange,
+  onToggle,
+  onHighlight: onHighlightProp,
+  selected: selectedProp,
+  selectionStrategy
+}) => {
+  const lastSelection = React.useRef(selectedProp || defaultSelected);
+  const handleKeyboardNavigation = (evt, nextIdx) => {
+    var _a, _b;
+    (_b = (_a = selectionHook.listHandlers).onKeyboardNavigation) == null ? void 0 : _b.call(_a, evt, nextIdx);
+  };
+  const { highlightedIndex: highlightedIdx, ...keyboardHook } = useKeyboardNavigation.useKeyboardNavigation({
+    containerRef,
+    indexPositions: collectionHook.data,
+    onHighlight: onHighlightProp,
+    onKeyboardNavigation: handleKeyboardNavigation,
+    selected: lastSelection.current
+  });
+  const collapsibleHook = useCollapsibleGroups.useCollapsibleGroups({
+    collapsibleHeaders: true,
+    collectionHook,
+    highlightedIdx,
+    onToggle
+  });
+  const selectionHook = useSelection.useSelection({
+    defaultSelected,
+    highlightedIdx,
+    indexPositions: collectionHook.data,
+    onSelect,
+    onSelectionChange,
+    selected: selectedProp,
+    selectionStrategy
+  });
+  const treeNavigationHook = useTreeKeyboardNavigation.useKeyboardNavigation({
+    collectionHook,
+    highlightedIdx,
+    highlightItemAtIndex: keyboardHook.setHighlightedIndex
+  });
+  const handleClick = React.useCallback(
+    (evt) => {
+      var _a, _b, _c;
+      (_a = collapsibleHook == null ? void 0 : collapsibleHook.onClick) == null ? void 0 : _a.call(collapsibleHook, evt);
+      if (!evt.defaultPrevented) {
+        (_c = (_b = selectionHook.listHandlers).onClick) == null ? void 0 : _c.call(_b, evt);
+      }
+    },
+    [collapsibleHook, selectionHook]
+  );
+  const handleKeyDown = React.useCallback(
+    (evt) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      (_b = (_a = keyboardHook.listProps).onKeyDown) == null ? void 0 : _b.call(_a, evt);
+      if (!evt.defaultPrevented) {
+        (_d = (_c = selectionHook.listHandlers).onKeyDown) == null ? void 0 : _d.call(_c, evt);
+      }
+      if (!evt.defaultPrevented) {
+        (_e = collapsibleHook == null ? void 0 : collapsibleHook.onKeyDown) == null ? void 0 : _e.call(collapsibleHook, evt);
+      }
+      if (!evt.defaultPrevented) {
+        (_g = (_f = treeNavigationHook.listHandlers).onKeyDown) == null ? void 0 : _g.call(_f, evt);
+      }
+    },
+    [
+      collapsibleHook.onClick,
+      collapsibleHook.onKeyDown,
+      keyboardHook.listProps,
+      selectionHook.listHandlers,
+      treeNavigationHook.listHandlers
+    ]
+  );
+  const { isScrolling, scrollIntoView } = useViewportTracking.useViewportTracking({
+    containerRef,
+    contentRef,
+    highlightedIdx,
+    indexPositions: collectionHook.data
+  });
+  const handleMouseMove = React.useCallback(
+    (evt) => {
+      if (!isScrolling.current && !disabled) {
+        keyboardHook.listProps.onMouseMove();
+        const idx = listDomUtils.closestListItemIndex(evt.target);
+        if (idx !== void 0 && idx !== highlightedIdx) {
+          const item = collectionHook.data[idx];
+          if (item.disabled) {
+            keyboardHook.setHighlightedIndex(-1);
+          } else {
+            keyboardHook.setHighlightedIndex(idx);
+          }
+        }
+      }
+    },
+    [
+      collectionHook.data,
+      disabled,
+      keyboardHook.setHighlightedIndex,
+      highlightedIdx,
+      isScrolling
+    ]
+  );
+  const getActiveDescendant = () => {
+    var _a;
+    return highlightedIdx === void 0 || highlightedIdx === -1 ? void 0 : (_a = collectionHook.data[highlightedIdx]) == null ? void 0 : _a.id;
+  };
+  lastSelection.current = selectionHook.selected;
+  const listProps = {
+    "aria-activedescendant": getActiveDescendant(),
+    onBlur: keyboardHook.listProps.onBlur,
+    onFocus: keyboardHook.listProps.onFocus,
+    onKeyDown: handleKeyDown,
+    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,
+    onMouseLeave: keyboardHook.listProps.onMouseLeave
+  };
+  const listHandlers = {
+    onClick: handleClick,
+    onMouseMove: handleMouseMove
+  };
+  const listItemHandlers = {
+    onClick: handleClick
+  };
+  return {
+    focusVisible: keyboardHook.focusVisible,
+    highlightedIdx,
+    highlightItemAtIndex: keyboardHook.setHighlightedIndex,
+    listHandlers,
+    listProps,
+    listItemHandlers,
+    selected: selectionHook.selected,
+    setSelected: selectionHook.setSelected
+  };
+};
+
+exports.useTree = useTree;
+//# sourceMappingURL=useTree.js.map

package/dist-cjs/tree/useTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import { KeyboardEvent, useCallback, useRef, MouseEvent } from \"react\";\nimport {\n  closestListItemIndex,\n  ListHandlers,\n  SelectionStrategy,\n  useCollapsibleGroups,\n  useKeyboardNavigation,\n  useSelection,\n  useViewportTracking,\n} from \"../common-hooks\";\nimport { ListControlProps } from \"../list/listTypes\";\nimport { TreeHookProps, TreeHookResult } from \"./treeTypes\";\nimport { useKeyboardNavigation as useTreeNavigation } from \"./use-tree-keyboard-navigation\";\n\nexport const useTree = <Item, Selection extends SelectionStrategy = \"default\">({\n  collectionHook,\n  containerRef,\n  contentRef = containerRef,\n  defaultSelected,\n  disabled,\n  groupSelection,\n  onSelect,\n  onSelectionChange,\n  onToggle,\n  onHighlight: onHighlightProp,\n  selected: selectedProp,\n  selectionStrategy,\n}: // totalItemCount,\nTreeHookProps<Item, Selection>): TreeHookResult<Item, Selection> => {\n  const lastSelection = useRef(selectedProp || defaultSelected);\n\n  const handleKeyboardNavigation = (evt: KeyboardEvent, nextIdx: number) => {\n    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);\n  };\n\n  const { highlightedIndex: highlightedIdx, ...keyboardHook } =\n    useKeyboardNavigation<Item, Selection>({\n      containerRef,\n      indexPositions: collectionHook.data,\n      onHighlight: onHighlightProp,\n      onKeyboardNavigation: handleKeyboardNavigation,\n      selected: lastSelection.current,\n    });\n\n  const collapsibleHook = useCollapsibleGroups<Item>({\n    collapsibleHeaders: true,\n    collectionHook,\n    highlightedIdx,\n    onToggle,\n  });\n\n  const selectionHook = useSelection({\n    defaultSelected,\n    // groupSelection,\n    highlightedIdx,\n    indexPositions: collectionHook.data,\n    onSelect,\n    onSelectionChange,\n    selected: selectedProp,\n    selectionStrategy: selectionStrategy,\n  });\n\n  const treeNavigationHook = useTreeNavigation<Item>({\n    collectionHook,\n    highlightedIdx,\n    highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n  });\n\n  const handleClick = useCallback(\n    (evt: MouseEvent) => {\n      collapsibleHook?.onClick?.(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onClick?.(evt);\n      }\n    },\n    [collapsibleHook, selectionHook]\n  );\n\n  const handleKeyDown = useCallback(\n    (evt: KeyboardEvent) => {\n      keyboardHook.listProps.onKeyDown?.(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        collapsibleHook?.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        treeNavigationHook.listHandlers.onKeyDown?.(evt);\n      }\n    },\n    [\n      collapsibleHook.onClick,\n      collapsibleHook.onKeyDown,\n      keyboardHook.listProps,\n      selectionHook.listHandlers,\n      treeNavigationHook.listHandlers,\n    ]\n  );\n\n  // This is only appropriate whan we are directly controlling a List,\n  // not when a control is manipulating the list\n  const { isScrolling, scrollIntoView } = useViewportTracking({\n    containerRef,\n    contentRef,\n    highlightedIdx,\n    indexPositions: collectionHook.data,\n  });\n\n  const handleMouseMove = useCallback(\n    (evt: MouseEvent) => {\n      if (!isScrolling.current && !disabled) {\n        keyboardHook.listProps.onMouseMove();\n        const idx = closestListItemIndex(evt.target as HTMLElement);\n        if (idx !== undefined && idx !== highlightedIdx) {\n          const item = collectionHook.data[idx];\n          if (item.disabled) {\n            keyboardHook.setHighlightedIndex(-1);\n          } else {\n            keyboardHook.setHighlightedIndex(idx);\n          }\n        }\n      }\n    },\n    [\n      collectionHook.data,\n      disabled,\n      keyboardHook.setHighlightedIndex,\n      highlightedIdx,\n      isScrolling,\n    ]\n  );\n\n  const getActiveDescendant = () =>\n    highlightedIdx === undefined || highlightedIdx === -1\n      ? undefined\n      : collectionHook.data[highlightedIdx]?.id;\n\n  // We need this on reEntry for navigation hook to handle focus\n  lastSelection.current = selectionHook.selected;\n\n  const listProps: ListControlProps = {\n    \"aria-activedescendant\": getActiveDescendant(),\n    onBlur: keyboardHook.listProps.onBlur,\n    onFocus: keyboardHook.listProps.onFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,\n    onMouseLeave: keyboardHook.listProps.onMouseLeave,\n  };\n\n  const listHandlers: ListHandlers = /*listHandlersProp || */ {\n    onClick: handleClick,\n    // MouseEnter would be much better for this. There is a bug in Cypress\n    // wheby it emits spurious MouseEnter (and MouseOver) events around\n    // keypress events, which break many tests.\n    onMouseMove: handleMouseMove,\n  };\n\n  const listItemHandlers = {\n    onClick: handleClick,\n  };\n\n  return {\n    focusVisible: keyboardHook.focusVisible,\n    highlightedIdx,\n    highlightItemAtIndex: keyboardHook.setHighlightedIndex,\n    listHandlers,\n    listProps,\n    listItemHandlers,\n    selected: selectionHook.selected,\n    setSelected: selectionHook.setSelected,\n  };\n};\n"],"names":["useRef","useKeyboardNavigation","useCollapsibleGroups","useSelection","useTreeNavigation","useCallback","useViewportTracking","closestListItemIndex"],"mappings":"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"}

package/dist-cjs/utils/useFloatingUI.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@floating-ui/react');
+
+const DEFAULT_FLOATING_UI_MIDDLEWARE = [
+  react.flip(),
+  react.shift({ limiter: react.limitShift() })
+];
+function useFloatingUI(props) {
+  const {
+    placement,
+    strategy,
+    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,
+    open = false,
+    onOpenChange
+  } = props;
+  const { reference, floating, refs, update, ...rest } = react.useFloating({
+    placement,
+    strategy,
+    middleware,
+    open,
+    onOpenChange,
+    whileElementsMounted: react.autoUpdate
+  });
+  return {
+    reference,
+    floating,
+    refs,
+    update,
+    ...rest
+  };
+}
+
+exports.DEFAULT_FLOATING_UI_MIDDLEWARE = DEFAULT_FLOATING_UI_MIDDLEWARE;
+exports.useFloatingUI = useFloatingUI;
+//# sourceMappingURL=useFloatingUI.js.map

package/dist-cjs/utils/useFloatingUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI.tsx"],"sourcesContent":["import type { Middleware, Placement, Strategy } from \"@floating-ui/react\";\nimport {\n  autoUpdate,\n  flip,\n  limitShift,\n  shift,\n  useFloating,\n} from \"@floating-ui/react\";\n\nexport type UseFloatingUIProps = {\n  /**\n   * Set position relative to trigger\n   */\n  placement?: Placement;\n  strategy?: Strategy;\n  middleware?: Middleware[];\n  /**\n   * Set visible state. Defaults to false\n   */\n  open?: boolean;\n  /**\n   * Callback function triggered when open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = [\n  flip(),\n  shift({ limiter: limitShift() }),\n];\n\nexport function useFloatingUI(\n  props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n  const {\n    placement,\n    strategy,\n    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n    open = false,\n    onOpenChange,\n  } = props;\n\n  const { reference, floating, refs, update, ...rest } = useFloating({\n    placement,\n    strategy,\n    middleware,\n    open,\n    onOpenChange,\n    whileElementsMounted: autoUpdate,\n  });\n\n  return {\n    reference,\n    floating,\n    refs,\n    update,\n    ...rest,\n  };\n}\n"],"names":["flip","shift","limitShift","useFloating","autoUpdate"],"mappings":";;;;;;AA0BO,MAAM,8BAAiC,GAAA;AAAA,EAC5CA,UAAK,EAAA;AAAA,EACLC,WAAM,CAAA,EAAE,OAAS,EAAAC,gBAAA,IAAc,CAAA;AACjC,EAAA;AAEO,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAa,GAAA,8BAAA;AAAA,IACb,IAAO,GAAA,KAAA;AAAA,IACP,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAASC,iBAAY,CAAA;AAAA,IACjE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAAC,gBAAA;AAAA,GACvB,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACF;;;;;"}

package/dist-cjs/utils/useIsViewportLargerThanBreakpoint.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@salt-ds/core');
+
+const useIsViewportLargerThanBreakpoint = (targetedBreakpoint) => {
+  const orderedBreakpoints = core.useOrderedBreakpoints();
+  const index = orderedBreakpoints.indexOf(targetedBreakpoint);
+  const allPreviousBreakpoints = orderedBreakpoints.slice(0, index + 1);
+  const currentBreakpoint = core.useCurrentBreakpoint();
+  return allPreviousBreakpoints.includes(currentBreakpoint);
+};
+
+exports.useIsViewportLargerThanBreakpoint = useIsViewportLargerThanBreakpoint;
+//# sourceMappingURL=useIsViewportLargerThanBreakpoint.js.map

package/dist-cjs/utils/useIsViewportLargerThanBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsViewportLargerThanBreakpoint.js","sources":["../src/utils/useIsViewportLargerThanBreakpoint.ts"],"sourcesContent":["import {\n  Breakpoints,\n  useCurrentBreakpoint,\n  useOrderedBreakpoints,\n} from \"@salt-ds/core\";\n\nexport const useIsViewportLargerThanBreakpoint = (\n  targetedBreakpoint: keyof Breakpoints\n): boolean => {\n  const orderedBreakpoints = useOrderedBreakpoints();\n  const index = orderedBreakpoints.indexOf(targetedBreakpoint);\n  const allPreviousBreakpoints = orderedBreakpoints.slice(0, index + 1);\n\n  const currentBreakpoint = useCurrentBreakpoint();\n  return allPreviousBreakpoints.includes(currentBreakpoint);\n};\n"],"names":["useOrderedBreakpoints","useCurrentBreakpoint"],"mappings":";;;;;;AAMa,MAAA,iCAAA,GAAoC,CAC/C,kBACY,KAAA;AACZ,EAAA,MAAM,qBAAqBA,0BAAsB,EAAA,CAAA;AACjD,EAAM,MAAA,KAAA,GAAQ,kBAAmB,CAAA,OAAA,CAAQ,kBAAkB,CAAA,CAAA;AAC3D,EAAA,MAAM,sBAAyB,GAAA,kBAAA,CAAmB,KAAM,CAAA,CAAA,EAAG,QAAQ,CAAC,CAAA,CAAA;AAEpE,EAAA,MAAM,oBAAoBC,yBAAqB,EAAA,CAAA;AAC/C,EAAO,OAAA,sBAAA,CAAuB,SAAS,iBAAiB,CAAA,CAAA;AAC1D;;;;"}

package/dist-cjs/window/ElectronWindow.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltWindow {\n  --saltDialog-boxShadow: none;\n  --saltDialog-margin: 0;\n  width: max-content;\n  height: max-content;\n  position: fixed;\n  overflow: hidden;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=ElectronWindow.css.js.map

package/dist-cjs/window/ElectronWindow.css.js.map

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

package/dist-cjs/window/ElectronWindow.js

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var WindowContext = require('./WindowContext.js');
+var desktopUtils = require('./desktop-utils.js');
+var window$1 = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var ElectronWindow$1 = require('./ElectronWindow.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+
+const Window = React.forwardRef(function ElectronWindow2({ className, children, id = "dialog", open = true, style = {}, ...rest }, forwardedRef) {
+  const { top, left, position, ...styleRest } = style;
+  const targetWindow = window$1.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-electron-window",
+    css: ElectronWindow$1,
+    window: targetWindow
+  });
+  const [mountNode, setMountNode] = React.useState(null);
+  const [windowRef, setWindowRef] = React.useState(null);
+  const windowRoot = React.useRef(null);
+  const forkedRef = core.useForkRef(forwardedRef, windowRoot);
+  if (!mountNode) {
+    const win = window.open("", id);
+    win.document.write(
+      `<html lang="en"><head><title>${id}</title><base href="${location.origin}"><style>body {margin: 0;}</style></head><body></body></html>`
+    );
+    document.head.querySelectorAll("style").forEach((htmlElement) => {
+      win.document.head.appendChild(htmlElement.cloneNode(true));
+    });
+    const bodyElement = win.document.body;
+    setMountNode(bodyElement);
+    setWindowRef(win);
+  }
+  const parentWindow = desktopUtils.useWindowParentContext();
+  const closeWindow = React.useCallback(() => {
+    const { ipcRenderer } = global;
+    if (ipcRenderer) {
+      ipcRenderer.send("window-close", { id });
+    }
+  }, [id]);
+  React.useEffect(() => {
+    setTimeout(() => {
+      if (windowRoot.current) {
+        const { scrollHeight: height, scrollWidth: width } = windowRoot.current;
+        const { ipcRenderer } = global;
+        if (ipcRenderer) {
+          ipcRenderer.send("window-size", {
+            id,
+            height: Math.ceil(height + 1),
+            width: Math.ceil(width + 1)
+          });
+        }
+      }
+    }, 80);
+  });
+  React.useEffect(() => {
+    const { ipcRenderer } = global;
+    if (ipcRenderer) {
+      setTimeout(() => {
+        ipcRenderer.send("window-ready", { id });
+      }, 100);
+    }
+    return () => {
+      closeWindow();
+    };
+  }, [closeWindow, windowRef, id]);
+  core.useIsomorphicLayoutEffect(() => {
+    setTimeout(() => {
+      const { ipcRenderer } = global;
+      if (ipcRenderer) {
+        ipcRenderer.send("window-position", {
+          id,
+          parentWindowID: parentWindow.id,
+          left: style.left,
+          top: style.top
+        });
+      }
+    }, 90);
+  }, [style]);
+  return mountNode ? ReactDOM__default["default"].createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(core.SaltProvider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(desktopUtils.WindowParentContext.Provider, {
+        value: {
+          top: style.top + parentWindow.top,
+          left: style.left + parentWindow.left,
+          id
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: "saltWindow",
+          ref: forkedRef,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className,
+            style: { ...styleRest },
+            ...rest,
+            children
+          })
+        })
+      })
+    }),
+    mountNode
+  ) : null;
+});
+const ElectronWindow = WindowContext.isDesktop ? Window : WindowContext.Window;
+
+exports.ElectronWindow = ElectronWindow;
+//# sourceMappingURL=ElectronWindow.js.map

package/dist-cjs/window/ElectronWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElectronWindow.js","sources":["../src/window/ElectronWindow.tsx"],"sourcesContent":["import {\n  SaltProvider,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { isDesktop, Window as SaltWindow, WindowProps } from \"../window\";\n\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport electronWindowCss from \"./ElectronWindow.css\";\n\nconst Window = forwardRef<HTMLDivElement, WindowProps>(function ElectronWindow(\n  { className, children, id = \"dialog\", open = true, style = {}, ...rest },\n  forwardedRef\n): JSX.Element | null {\n  const { top, left, position, ...styleRest } = style;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-electron-window\",\n    css: electronWindowCss,\n    window: targetWindow,\n  });\n\n  const [mountNode, setMountNode] = useState<Element | null>(null);\n  const [windowRef, setWindowRef] = useState<Window | null>(null);\n  const windowRoot = useRef<HTMLDivElement>(null);\n\n  const forkedRef = useForkRef(forwardedRef, windowRoot);\n\n  if (!mountNode) {\n    const win = window.open(\"\", id);\n    (win as Window).document.write(\n      // eslint-disable-next-line no-restricted-globals\n      `<html lang=\"en\"><head><title>${id}</title><base href=\"${location.origin}\"><style>body {margin: 0;}</style></head><body></body></html>`\n    );\n    document.head.querySelectorAll(\"style\").forEach((htmlElement) => {\n      (win as Window).document.head.appendChild(htmlElement.cloneNode(true));\n    });\n    const bodyElement = (win as Window).document.body;\n    setMountNode(bodyElement);\n    setWindowRef(win);\n  }\n\n  const parentWindow = useWindowParentContext();\n\n  const closeWindow = useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n      ipcRenderer.send(\"window-close\", { id: id });\n    }\n  }, [id]);\n\n  // The timeout is required to give the Dialog component time to report the correct height\n  // otherwise the window will be smaller than expected\n  useEffect(() => {\n    setTimeout(() => {\n      if (windowRoot.current) {\n        // @ts-ignore\n        const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        const { ipcRenderer } = global as any;\n        if (ipcRenderer) {\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n          ipcRenderer.send(\"window-size\", {\n            id: id,\n            height: Math.ceil(height + 1),\n            width: Math.ceil(width + 1),\n          });\n        }\n      }\n    }, 80);\n  });\n\n  // The timeout is required to allow the window time to be moved into position and scaled\n  // before being shown to the user,\n  useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      setTimeout(() => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n        ipcRenderer.send(\"window-ready\", { id: id });\n      }, 100);\n    }\n\n    return () => {\n      closeWindow();\n    };\n  }, [closeWindow, windowRef, id]);\n\n  // The timeout is required to give the Dialog component time to report the correct height\n  // otherwise the window will be smaller than expected\n  useIsomorphicLayoutEffect(() => {\n    setTimeout(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const { ipcRenderer } = global as any;\n      if (ipcRenderer) {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n        ipcRenderer.send(\"window-position\", {\n          id: id,\n          parentWindowID: parentWindow.id,\n          left: style.left,\n          top: style.top,\n        });\n      }\n    }, 90);\n  }, [style]);\n\n  return mountNode\n    ? ReactDOM.createPortal(\n        <SaltProvider>\n          <WindowParentContext.Provider\n            value={{\n              top: (style.top as number) + parentWindow.top,\n              left: (style.left as number) + parentWindow.left,\n              id: id,\n            }}\n          >\n            <div className=\"saltWindow\" ref={forkedRef}>\n              <div className={className} style={{ ...styleRest }} {...rest}>\n                {children}\n              </div>\n            </div>\n          </WindowParentContext.Provider>\n        </SaltProvider>,\n        mountNode\n      )\n    : null;\n});\n\nexport const ElectronWindow = isDesktop ? Window : SaltWindow;\n"],"names":["forwardRef","ElectronWindow","useWindow","useComponentCssInjection","electronWindowCss","useState","useRef","useForkRef","useWindowParentContext","useCallback","useEffect","useIsomorphicLayoutEffect","ReactDOM","jsx","SaltProvider","WindowParentContext","isDesktop","SaltWindow"],"mappings":"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"}

package/dist-es/accordion/Accordion.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltAccordion {\n  --accordion-borderStyle: var(--saltAccordion-borderStyle, none);\n  --accordion-borderColor: var(--saltAccordion-borderColor, transparent);\n  --accordion-borderWidth: var(--saltAccordion-borderWidth, 0);\n  --accordion-borderRadius: var(--saltAccordion-borderRadius, 0);\n  --accordion-padding: var(--saltAccordion-padding, 0);\n  --accordion-margin: var(--saltAccordion-margin, 0);\n}\n\n.saltAccordion {\n  border-style: var(--accordion-borderStyle);\n  border-color: var(--accordion-borderColor);\n  border-width: var(--accordion-borderWidth);\n  padding: var(--accordion-padding);\n  margin: var(--accordion-margin);\n  border-radius: var(--accordion-borderRadius);\n}\n\n.salt-density-high {\n  --accordion-summary-paddingLeft: 20px;\n  --accordion-details-padding: 3px 4px 5px 20px;\n}\n\n.salt-density-medium {\n  --accordion-summary-paddingLeft: 28px;\n  --accordion-details-padding: 8px 8px 9px 28px;\n}\n\n.salt-density-low {\n  --accordion-summary-paddingLeft: 36px;\n  --accordion-details-padding: 12px 12px 13px 38px;\n}\n\n.salt-density-touch {\n  --accordion-summary-paddingLeft: 44px;\n  --accordion-details-padding: 18px 16px 17px 44px;\n}\n\n.saltAccordionSection {\n  --accordion-summary-height: var(--saltAccordion-summary-height, var(--salt-size-stackable));\n  --accordion-summary-fontWeight: var(--saltAccordion-summary-fontWeight, initial);\n\n  --accordion-summary-background: var(--saltAccordion-summary-background, var(--salt-container-primary-background));\n  --accordion-summary-background-active: var(--saltAccordion-summary-background-active, var(--salt-container-primary-background));\n  --accordion-summary-background-disabled: var(--saltAccordion-summary-background-disabled, var(--salt-container-primary-background));\n  --accordion-summary-background-hover: var(--saltAccordion-summary-background-hover, var(--salt-actionable-primary-background-hover));\n\n  --accordion-summary-text-color: var(--saltAccordion-summary-text-color, var(--salt-text-primary-foreground));\n  --accordion-summary-text-color-active: var(--saltAccordion-summary-text-color-active, var(--salt-text-primary-foreground));\n  --accordion-summary-text-color-disabled: var(--saltAccordion-summary-text-color-disabled, var(--salt-text-primary-foreground-disabled));\n  --accordion-summary-text-color-hover: var(--saltAccordion-summary-text-color-hover, var(--salt-text-primary-foreground));\n\n  --accordion-summary-icon-transition-default: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  --accordion-summary-icon-transform: var(--saltAccordion-summary-icon-expand-transform, rotate(90deg));\n  --accordion-summary-icon-transition: var(--saltAccordion-summary-icon-transition, var(--accordion-summary-icon-transition-default));\n}\n\n.saltAccordionSection {\n  border-color: var(--saltAccordion-section-borderColor, var(--salt-separable-secondary-borderColor));\n  border-style: var(--saltAccordion-section-borderStyle, var(--salt-container-borderStyle));\n  border-width: var(--saltAccordion-section-borderWidth, 0 0 1px 0);\n  margin: var(--saltAccordion-section-margin, 0);\n  position: relative;\n}\n\n.saltAccordionSection:focus-within {\n  z-index: var(--salt-zIndex-default);\n}\n\n.saltAccordionSection-expanded {\n}\n\n.saltAccordionSection-disabled {\n}\n\n.saltAccordionSummary {\n  height: var(--accordion-summary-height);\n  line-height: var(--accordion-summary-height);\n  font-weight: var(--accordion-summary-fontWeight);\n  background: var(--accordion-summary-background);\n  color: var(--accordion-summary-text-color);\n  font-size: var(--saltAccordion-summary-fontSize, var(--salt-text-fontSize));\n  font-family: var(--saltAccordion-summary-fontFamily, var(--salt-text-fontFamily));\n  display: flex;\n  align-items: center;\n}\n\n.saltAccordionSummary:focus-visible {\n  outline-style: var(--salt-focused-outlineStyle);\n  outline-width: var(--salt-focused-outlineWidth);\n  outline-color: var(--salt-focused-outlineColor);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n.saltAccordionSummary:hover {\n  background: var(--accordion-summary-background-hover);\n  color: var(--accordion-summary-text-color-hover);\n  cursor: var(--salt-selectable-cursor-hover);\n}\n\n.saltAccordionSummary-expanded {\n  background: var(--accordion-summary-background-active);\n  color: var(--accordion-summary-text-color-active);\n}\n\n.saltAccordionSummary-disabled,\n.saltAccordionSummary.saltAccordionSummary-disabled:hover {\n  background: var(--accordion-summary-background-disabled);\n  color: var(--accordion-summary-text-color-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltAccordionSummary-icon {\n  width: var(--accordion-summary-paddingLeft);\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  transition: var(--accordion-summary-icon-transition);\n}\n\n.saltAccordionSummary-expanded .saltAccordionSummary-icon {\n  transform: var(--accordion-summary-icon-transform);\n}\n\n.saltAccordionDetails {\n  transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  overflow: hidden;\n}\n\n.saltAccordionDetails-content {\n  padding: var(--saltAccordion-details-padding, var(--accordion-details-padding));\n}\n\n.saltAccordionDetails-disabled {\n}\n\n.saltAccordionDetails-dummy {\n  position: fixed;\n  top: -10000px;\n  left: 0;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=Accordion.css.js.map

package/dist-es/accordion/Accordion.css.js.map

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

package/dist-es/accordion/Accordion.js

@@ -0,0 +1,133 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, useCallback, useEffect, useMemo } from 'react';
+import { makePrefixer, useControlled } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { AccordionContext } from './AccordionContext.js';
+import { useWindow } from '@salt-ds/window';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import css_248z from './Accordion.css.js';
+
+const withBaseName = makePrefixer("saltAccordion");
+function sliceToSize(items, size) {
+  if (size !== void 0) {
+    const cutOffCount = items ? items.length - size : 0;
+    if (cutOffCount > 0) {
+      items = items.slice(cutOffCount);
+    }
+  }
+  return items;
+}
+const Accordion = forwardRef(
+  function Accordion2({
+    disabled = false,
+    expandedSectionIds: expandedSectionIdsProp,
+    defaultExpandedSectionIds = [],
+    maxExpandedItems,
+    onChange: onChangeProp,
+    className,
+    children,
+    ...restProps
+  }, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-accordion",
+      css: css_248z,
+      window: targetWindow
+    });
+    const [sectionIds, setSectionIds] = useState(/* @__PURE__ */ new Set());
+    const [expandedSectionIds, setExpandedSectionIds] = useControlled(
+      {
+        controlled: expandedSectionIdsProp,
+        default: defaultExpandedSectionIds,
+        name: "Accordion",
+        state: "ExpandedSectionIds"
+      }
+    );
+    const registerSection = useCallback(
+      (sectionId, isExpanded2) => {
+        setSectionIds((sectionIds2) => {
+          const newSectionIds = new Set(sectionIds2);
+          newSectionIds.add(sectionId);
+          return newSectionIds;
+        });
+        if (isExpanded2) {
+          setExpandedSectionIds((oldExpandedSectionIds) => {
+            const newExpandedSectionIds = [...oldExpandedSectionIds];
+            newExpandedSectionIds.push(sectionId);
+            return newExpandedSectionIds;
+          });
+        }
+      },
+      []
+    );
+    const unregisterSection = useCallback((sectionId) => {
+      if (expandedSectionIds.includes(sectionId)) {
+        setExpandedSectionIds(
+          (oldValue) => oldValue.filter((id) => id !== sectionId)
+        );
+      }
+      setSectionIds((sectionIds2) => {
+        const newSectionIds = new Set(sectionIds2);
+        newSectionIds.delete(sectionId);
+        return newSectionIds;
+      });
+    }, []);
+    useEffect(() => {
+      if (expandedSectionIds && maxExpandedItems !== void 0 && expandedSectionIds.length > maxExpandedItems) {
+        const newExpandedSectionIds = sliceToSize(
+          expandedSectionIds,
+          maxExpandedItems
+        );
+        setExpandedSectionIds(newExpandedSectionIds || []);
+        if (onChangeProp) {
+          onChangeProp(newExpandedSectionIds || null);
+        }
+      }
+    }, [maxExpandedItems]);
+    const onChange = useCallback(
+      (sectionId, isExpanded2) => {
+        let newExpandedSectionIds = [...expandedSectionIds];
+        if (isExpanded2) {
+          newExpandedSectionIds.push(sectionId);
+          if (maxExpandedItems != null && newExpandedSectionIds.length > maxExpandedItems) {
+            newExpandedSectionIds.shift();
+          }
+        } else {
+          newExpandedSectionIds = newExpandedSectionIds.filter(
+            (id) => id !== sectionId
+          );
+        }
+        setExpandedSectionIds(newExpandedSectionIds);
+        if (onChangeProp) {
+          onChangeProp(newExpandedSectionIds);
+        }
+      },
+      [expandedSectionIds, onChangeProp]
+    );
+    const isExpanded = useCallback(
+      (sectionId) => expandedSectionIds.includes(sectionId),
+      [expandedSectionIds]
+    );
+    const contextValue = useMemo(() => {
+      return {
+        registerSection,
+        unregisterSection,
+        onChange,
+        isExpanded,
+        disabled
+      };
+    }, [registerSection, unregisterSection, onChange, isExpanded, disabled]);
+    return /* @__PURE__ */ jsx("div", {
+      className: clsx(withBaseName(), className),
+      ...restProps,
+      ref,
+      children: /* @__PURE__ */ jsx(AccordionContext.Provider, {
+        value: contextValue,
+        children
+      })
+    });
+  }
+);
+
+export { Accordion };
+//# sourceMappingURL=Accordion.js.map

package/dist-es/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../src/accordion/Accordion.tsx"],"sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { makePrefixer, useControlled } from \"@salt-ds/core\";\n\nimport { clsx } from \"clsx\";\nimport { AccordionContext } from \"./AccordionContext\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport accordionCss from \"./Accordion.css\";\n\nconst withBaseName = makePrefixer(\"saltAccordion\");\n\nexport interface AccordionProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  disabled?: boolean;\n  maxExpandedItems?: number;\n  expandedSectionIds?: string[];\n  defaultExpandedSectionIds?: string[];\n  // expandedSectionIds in the order they were expanded.\n  // The oldest expanded item is the first in this list.\n  // When maxExpandedItems is reached, the first item in this list is the first to be collapsed\n  onChange?: (expandedSectionIds: string[] | null) => void;\n}\n\nfunction sliceToSize<T>(items?: T[], size?: number) {\n  if (size !== undefined) {\n    const cutOffCount = items ? items.length - size : 0;\n    if (cutOffCount > 0) {\n      items = items!.slice(cutOffCount);\n    }\n  }\n  return items;\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      disabled = false,\n      expandedSectionIds: expandedSectionIdsProp,\n      defaultExpandedSectionIds = [],\n      maxExpandedItems,\n      onChange: onChangeProp,\n      className,\n      children,\n      ...restProps\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-accordion\",\n      css: accordionCss,\n      window: targetWindow,\n    });\n\n    const [sectionIds, setSectionIds] = useState<Set<string>>(new Set());\n\n    const [expandedSectionIds, setExpandedSectionIds] = useControlled<string[]>(\n      {\n        controlled: expandedSectionIdsProp,\n        default: defaultExpandedSectionIds,\n        name: \"Accordion\",\n        state: \"ExpandedSectionIds\",\n      }\n    );\n\n    const registerSection = useCallback(\n      (sectionId: string, isExpanded: boolean) => {\n        setSectionIds((sectionIds) => {\n          const newSectionIds = new Set(sectionIds);\n          newSectionIds.add(sectionId);\n          return newSectionIds;\n        });\n        if (isExpanded) {\n          setExpandedSectionIds((oldExpandedSectionIds) => {\n            const newExpandedSectionIds = [...oldExpandedSectionIds];\n            newExpandedSectionIds.push(sectionId);\n            return newExpandedSectionIds;\n          });\n        }\n      },\n      []\n    );\n\n    const unregisterSection = useCallback((sectionId: string) => {\n      if (expandedSectionIds.includes(sectionId)) {\n        setExpandedSectionIds((oldValue) =>\n          oldValue.filter((id) => id !== sectionId)\n        );\n      }\n      setSectionIds((sectionIds) => {\n        const newSectionIds = new Set(sectionIds);\n        newSectionIds.delete(sectionId);\n        return newSectionIds;\n      });\n    }, []);\n\n    useEffect(() => {\n      if (\n        expandedSectionIds &&\n        maxExpandedItems !== undefined &&\n        expandedSectionIds.length > maxExpandedItems\n      ) {\n        const newExpandedSectionIds = sliceToSize(\n          expandedSectionIds,\n          maxExpandedItems\n        );\n        setExpandedSectionIds(newExpandedSectionIds || []);\n        if (onChangeProp) {\n          onChangeProp(newExpandedSectionIds || null);\n        }\n      }\n    }, [maxExpandedItems]);\n\n    const onChange = useCallback(\n      (sectionId: string, isExpanded: boolean) => {\n        let newExpandedSectionIds = [...expandedSectionIds];\n        if (isExpanded) {\n          newExpandedSectionIds.push(sectionId);\n          if (\n            maxExpandedItems != null &&\n            newExpandedSectionIds.length > maxExpandedItems\n          ) {\n            newExpandedSectionIds.shift();\n          }\n        } else {\n          newExpandedSectionIds = newExpandedSectionIds.filter(\n            (id) => id !== sectionId\n          );\n        }\n        setExpandedSectionIds(newExpandedSectionIds);\n        if (onChangeProp) {\n          onChangeProp(newExpandedSectionIds);\n        }\n      },\n      [expandedSectionIds, onChangeProp]\n    );\n\n    const isExpanded = useCallback(\n      (sectionId: string) => expandedSectionIds.includes(sectionId),\n      [expandedSectionIds]\n    );\n\n    const contextValue: AccordionContext = useMemo(() => {\n      return {\n        registerSection,\n        unregisterSection,\n        onChange,\n        isExpanded,\n        disabled,\n      };\n    }, [registerSection, unregisterSection, onChange, isExpanded, disabled]);\n\n    return (\n      <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n        <AccordionContext.Provider value={contextValue}>\n          {children}\n        </AccordionContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["Accordion","accordionCss","isExpanded","sectionIds"],"mappings":"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"}

package/dist-es/accordion/AccordionDetails.js

@@ -0,0 +1,83 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, useForkRef, useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { forwardRef, useRef, useState } from 'react';
+import { useAccordionSectionContext } from './AccordionSectionContext.js';
+import css_248z from './Accordion.css.js';
+import { useWindow } from '@salt-ds/window';
+import { useComponentCssInjection } from '@salt-ds/styles';
+
+const withBaseName = makePrefixer("saltAccordionDetails");
+const msCollapseAnimationDuration = 150;
+const AccordionDetails = forwardRef(function AccordionDetails2({ children, className, preventUnmountOnCollapse, ...restProps }, ref) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-accordion",
+    css: css_248z,
+    window: targetWindow
+  });
+  const { isDisabled, isExpanded } = useAccordionSectionContext();
+  const rootRef = useRef(null);
+  const contentRef = useRef(null);
+  const forkedRef = useForkRef(ref, rootRef);
+  const [state, setState] = useState(
+    isExpanded ? "expanded" : "collapsed"
+  );
+  useIsomorphicLayoutEffect(() => {
+    if (!rootRef.current) {
+      return;
+    }
+    if (isExpanded) {
+      if (state === "collapsed") {
+        setState("measuring");
+      } else if (state === "measuring") {
+        rootRef.current.style.height = `${contentRef.current.getBoundingClientRect().height}px`;
+        setState("expanding");
+      } else if (state === "expanding") {
+        setTimeout(() => {
+          setState("expanded");
+        }, msCollapseAnimationDuration);
+      } else if (state === "expanded") {
+        rootRef.current.style.height = "auto";
+      }
+    } else {
+      if (state === "expanded") {
+        rootRef.current.style.height = `${rootRef.current.getBoundingClientRect().height}px`;
+        setTimeout(() => {
+          setState("collapsing");
+        }, 0);
+      } else if (state === "collapsing") {
+        rootRef.current.style.height = "0";
+        setTimeout(() => {
+          setState("collapsed");
+        }, msCollapseAnimationDuration);
+      } else if (state === "collapsed") {
+        rootRef.current.style.height = "0";
+      }
+    }
+  }, [isExpanded, state]);
+  return /* @__PURE__ */ jsx("div", {
+    ...restProps,
+    ref: forkedRef,
+    className: clsx(
+      withBaseName(),
+      {
+        [withBaseName("disabled")]: isDisabled
+      },
+      className
+    ),
+    children: /* @__PURE__ */ jsx("div", {
+      ref: contentRef,
+      className: clsx({
+        [withBaseName("dummy")]: state === "measuring"
+      }),
+      children: preventUnmountOnCollapse || state !== "collapsed" ? /* @__PURE__ */ jsx("div", {
+        className: withBaseName("content"),
+        children
+      }) : null
+    })
+  });
+});
+
+export { AccordionDetails };
+//# sourceMappingURL=AccordionDetails.js.map