@salt-ds/lab 1.0.0-alpha.0

package/dist-cjs/packages/lab/src/utils/isEmail.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const isEmail = (value) => {
+  return !!value && /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(value);
+};
+
+exports.isEmail = isEmail;
+//# sourceMappingURL=isEmail.js.map

package/dist-cjs/packages/lab/src/utils/isEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEmail.js","sources":["../src/utils/isEmail.ts"],"sourcesContent":["export const isEmail = (value?: string): boolean => {\n  return !!value && /^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(value);\n};\n"],"names":[],"mappings":";;;;AAAa,MAAA,OAAA,GAAU,CAAC,KAA4B,KAAA;AAClD,EAAA,OAAO,CAAC,CAAC,KAAS,IAAA,6CAAA,CAA8C,KAAK,KAAK,CAAA,CAAA;AAC5E;;;;"}

package/dist-cjs/packages/lab/src/utils/isPlainObject.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const isPlainObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
+
+exports.isPlainObject = isPlainObject;
+//# sourceMappingURL=isPlainObject.js.map

package/dist-cjs/packages/lab/src/utils/isPlainObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isPlainObject.js","sources":["../src/utils/isPlainObject.ts"],"sourcesContent":["export const isPlainObject = (obj: Record<never, never>): boolean =>\n  Object.prototype.toString.call(obj) === \"[object Object]\";\n"],"names":[],"mappings":";;;;AAAa,MAAA,aAAA,GAAgB,CAAC,GAC5B,KAAA,MAAA,CAAO,UAAU,QAAS,CAAA,IAAA,CAAK,GAAG,CAAM,KAAA;;;;"}

package/dist-cjs/packages/lab/src/utils/partition.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function partition(array, predicate, pass = [], fail = []) {
+  for (let i = 0, len = array.length; i < len; i++) {
+    (predicate(array[i]) ? pass : fail).push(array[i]);
+  }
+  return [pass, fail];
+}
+
+exports.partition = partition;
+//# sourceMappingURL=partition.js.map

package/dist-cjs/packages/lab/src/utils/partition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partition.js","sources":["../src/utils/partition.ts"],"sourcesContent":["export function partition<T = unknown>(\n  array: T[],\n  predicate: (value: T) => boolean,\n  pass: T[] = [],\n  fail: T[] = []\n): [T[], T[]] {\n  for (let i = 0, len = array.length; i < len; i++) {\n    (predicate(array[i]) ? pass : fail).push(array[i]);\n  }\n  return [pass, fail];\n}\n"],"names":[],"mappings":";;;;AAAgB,SAAA,SAAA,CACd,OACA,SACA,EAAA,IAAA,GAAY,EACZ,EAAA,IAAA,GAAY,EACA,EAAA;AACZ,EAAA,KAAA,IAAS,IAAI,CAAG,EAAA,GAAA,GAAM,MAAM,MAAQ,EAAA,CAAA,GAAI,KAAK,CAAK,EAAA,EAAA;AAChD,IAAC,CAAA,SAAA,CAAU,MAAM,CAAE,CAAA,CAAA,GAAI,OAAO,IAAM,EAAA,IAAA,CAAK,MAAM,CAAE,CAAA,CAAA,CAAA;AAAA,GACnD;AACA,EAAO,OAAA,CAAC,MAAM,IAAI,CAAA,CAAA;AACpB;;;;"}

package/dist-cjs/packages/lab/src/utils/useClickOutside.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const defaultTriggerEvents = ["mousedown"];
+function useClickOutside(handler, triggerEvents, containers) {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    const handleEvent = (event) => {
+      var _a;
+      if (Array.isArray(containers)) {
+        const shouldCallHandler = containers.every((node) => {
+          return !(node == null ? void 0 : node.contains(event.target));
+        });
+        shouldCallHandler && handler();
+      } else if (!((_a = ref.current) == null ? void 0 : _a.contains(event.target))) {
+        handler();
+      }
+    };
+    const events = triggerEvents != null ? triggerEvents : defaultTriggerEvents;
+    events.forEach((event) => {
+      document.addEventListener(event, handleEvent);
+    });
+    return () => {
+      events.forEach((event) => {
+        document.removeEventListener(event, handleEvent);
+      });
+    };
+  }, [handler, containers, triggerEvents]);
+  return ref;
+}
+
+exports.useClickOutside = useClickOutside;
+//# sourceMappingURL=useClickOutside.js.map

package/dist-cjs/packages/lab/src/utils/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sources":["../src/utils/useClickOutside.ts"],"sourcesContent":["import { useRef, useEffect, Ref } from \"react\";\n\nconst defaultTriggerEvents: MouseEvents[] = [\"mousedown\"];\n\ntype MouseEvents = keyof {\n  [K in keyof GlobalEventHandlersEventMap as GlobalEventHandlersEventMap[K] extends MouseEvent\n    ? K\n    : never]: GlobalEventHandlersEventMap[K];\n};\n\nexport function useClickOutside<Element extends HTMLElement>(\n  handler: () => void,\n  triggerEvents?: MouseEvents[],\n  containers?: HTMLElement[]\n): Ref<Element> {\n  const ref = useRef<Element>(null);\n\n  useEffect(() => {\n    const handleEvent = (event: MouseEvent) => {\n      if (Array.isArray(containers)) {\n        const shouldCallHandler = containers.every((node) => {\n          return !node?.contains(event.target as Node);\n        });\n        shouldCallHandler && handler();\n      } else if (!ref.current?.contains(event.target as Node)) {\n        handler();\n      }\n    };\n\n    const events = triggerEvents ?? defaultTriggerEvents;\n\n    events.forEach((event) => {\n      document.addEventListener(event, handleEvent);\n    });\n\n    return () => {\n      events.forEach((event) => {\n        document.removeEventListener(event, handleEvent);\n      });\n    };\n  }, [handler, containers, triggerEvents]);\n\n  return ref;\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AAEA,MAAM,oBAAA,GAAsC,CAAC,WAAW,CAAA,CAAA;AAQxC,SAAA,eAAA,CACd,OACA,EAAA,aAAA,EACA,UACc,EAAA;AACd,EAAM,MAAA,GAAA,GAAMA,aAAgB,IAAI,CAAA,CAAA;AAEhC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAM,MAAA,WAAA,GAAc,CAAC,KAAsB,KAAA;AAlB/C,MAAA,IAAA,EAAA,CAAA;AAmBM,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,UAAU,CAAG,EAAA;AAC7B,QAAA,MAAM,iBAAoB,GAAA,UAAA,CAAW,KAAM,CAAA,CAAC,IAAS,KAAA;AACnD,UAAO,OAAA,EAAC,IAAM,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,QAAA,CAAS,KAAM,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,SAC9B,CAAA,CAAA;AACD,QAAA,iBAAA,IAAqB,OAAQ,EAAA,CAAA;AAAA,iBACpB,EAAC,CAAA,EAAA,GAAA,GAAA,CAAI,YAAJ,IAAa,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAS,MAAM,MAAiB,CAAA,CAAA,EAAA;AACvD,QAAQ,OAAA,EAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAS,aAAiB,IAAA,IAAA,GAAA,aAAA,GAAA,oBAAA,CAAA;AAEhC,IAAO,MAAA,CAAA,OAAA,CAAQ,CAAC,KAAU,KAAA;AACxB,MAAS,QAAA,CAAA,gBAAA,CAAiB,OAAO,WAAW,CAAA,CAAA;AAAA,KAC7C,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAO,MAAA,CAAA,OAAA,CAAQ,CAAC,KAAU,KAAA;AACxB,QAAS,QAAA,CAAA,mBAAA,CAAoB,OAAO,WAAW,CAAA,CAAA;AAAA,OAChD,CAAA,CAAA;AAAA,KACH,CAAA;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,UAAA,EAAY,aAAa,CAAC,CAAA,CAAA;AAEvC,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}

package/dist-cjs/packages/lab/src/utils/useEventCallback.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@salt-ds/core');
+
+function useEventCallback(fn) {
+  const ref = React.useRef(fn);
+  core.useIsomorphicLayoutEffect(() => {
+    ref.current = fn;
+  });
+  return React.useCallback(
+    (...args) => (0, ref.current)(...args),
+    []
+  );
+}
+
+exports.useEventCallback = useEventCallback;
+//# sourceMappingURL=useEventCallback.js.map

package/dist-cjs/packages/lab/src/utils/useEventCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventCallback.js","sources":["../src/utils/useEventCallback.ts"],"sourcesContent":["import { useRef, useCallback } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return\n): (...args: Args) => Return {\n  const ref = useRef(fn);\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  });\n  return useCallback(\n    (...args: Args) =>\n      // tslint:disable-next-line:ban-comma-operator\n      (void 0, ref.current)(...args),\n    []\n  );\n}\n"],"names":["useRef","useIsomorphicLayoutEffect","useCallback"],"mappings":";;;;;;;AAMO,SAAS,iBACd,EAC2B,EAAA;AAC3B,EAAM,MAAA,GAAA,GAAMA,aAAO,EAAE,CAAA,CAAA;AACrB,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,GAAA,CAAI,OAAU,GAAA,EAAA,CAAA;AAAA,GACf,CAAA,CAAA;AACD,EAAO,OAAAC,iBAAA;AAAA,IACL,IAAI,IAED,KAAA,IAAQ,GAAI,CAAA,OAAA,EAAS,GAAG,IAAI,CAAA;AAAA,IAC/B,EAAC;AAAA,GACH,CAAA;AACF;;;;"}

package/dist-cjs/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js

@@ -0,0 +1,17 @@
+'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();
+  const view = allPreviousBreakpoints.includes(currentBreakpoint);
+  return view;
+};
+
+exports.useIsViewportLargerThanBreakpoint = useIsViewportLargerThanBreakpoint;
+//# sourceMappingURL=useIsViewportLargerThanBreakpoint.js.map

package/dist-cjs/packages/lab/src/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\n  const index = orderedBreakpoints.indexOf(targetedBreakpoint);\n  const allPreviousBreakpoints = orderedBreakpoints.slice(0, index + 1);\n\n  const currentBreakpoint = useCurrentBreakpoint();\n\n  const view = allPreviousBreakpoints.includes(currentBreakpoint);\n\n  return view;\n};\n"],"names":["useOrderedBreakpoints","useCurrentBreakpoint"],"mappings":";;;;;;AAMa,MAAA,iCAAA,GAAoC,CAC/C,kBACY,KAAA;AACZ,EAAA,MAAM,qBAAqBA,0BAAsB,EAAA,CAAA;AAEjD,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;AAE/C,EAAM,MAAA,IAAA,GAAO,sBAAuB,CAAA,QAAA,CAAS,iBAAiB,CAAA,CAAA;AAE9D,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}

package/dist-cjs/packages/lab/src/utils/useLayoutEffectOnce.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@salt-ds/core');
+
+const useLayoutEffectOnce = (condition, callback, dependencies) => {
+  const hasRun = React.useRef(false);
+  core.useIsomorphicLayoutEffect(() => {
+    if (condition && !hasRun.current) {
+      hasRun.current = true;
+      callback();
+    }
+  }, dependencies);
+};
+
+exports.useLayoutEffectOnce = useLayoutEffectOnce;
+//# sourceMappingURL=useLayoutEffectOnce.js.map

package/dist-cjs/packages/lab/src/utils/useLayoutEffectOnce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEffectOnce.js","sources":["../src/utils/useLayoutEffectOnce.ts"],"sourcesContent":["import { DependencyList, EffectCallback, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nexport const useLayoutEffectOnce = (\n  condition: boolean,\n  callback: EffectCallback,\n  dependencies: DependencyList\n): void => {\n  const hasRun = useRef(false);\n  useIsomorphicLayoutEffect(() => {\n    if (condition && !hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, dependencies);\n};\n"],"names":["useRef","useIsomorphicLayoutEffect"],"mappings":";;;;;;;AAEO,MAAM,mBAAsB,GAAA,CACjC,SACA,EAAA,QAAA,EACA,YACS,KAAA;AACT,EAAM,MAAA,MAAA,GAASA,aAAO,KAAK,CAAA,CAAA;AAC3B,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,SAAA,IAAa,CAAC,MAAA,CAAO,OAAS,EAAA;AAChC,MAAA,MAAA,CAAO,OAAU,GAAA,IAAA,CAAA;AACjB,MAAS,QAAA,EAAA,CAAA;AAAA,KACX;AAAA,KAEC,YAAY,CAAA,CAAA;AACjB;;;;"}

package/dist-cjs/packages/lab/src/utils/useLayoutEffectSkipFirst.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@salt-ds/core');
+
+const useLayoutEffectSkipFirst = (callback, dependencies) => {
+  const goodToGo = React.useRef(false);
+  core.useIsomorphicLayoutEffect(() => {
+    if (goodToGo.current) {
+      callback();
+    } else {
+      goodToGo.current = true;
+    }
+  }, dependencies);
+};
+
+exports.useLayoutEffectSkipFirst = useLayoutEffectSkipFirst;
+//# sourceMappingURL=useLayoutEffectSkipFirst.js.map

package/dist-cjs/packages/lab/src/utils/useLayoutEffectSkipFirst.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEffectSkipFirst.js","sources":["../src/utils/useLayoutEffectSkipFirst.ts"],"sourcesContent":["import { DependencyList, EffectCallback, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\n\nexport const useLayoutEffectSkipFirst = (\n  callback: EffectCallback,\n  dependencies: DependencyList\n): void => {\n  const goodToGo = useRef(false);\n  useIsomorphicLayoutEffect(() => {\n    if (goodToGo.current) {\n      callback();\n    } else {\n      goodToGo.current = true;\n    }\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, dependencies);\n};\n"],"names":["useRef","useIsomorphicLayoutEffect"],"mappings":";;;;;;;AAGa,MAAA,wBAAA,GAA2B,CACtC,QAAA,EACA,YACS,KAAA;AACT,EAAM,MAAA,QAAA,GAAWA,aAAO,KAAK,CAAA,CAAA;AAC7B,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAS,OAAS,EAAA;AACpB,MAAS,QAAA,EAAA,CAAA;AAAA,KACJ,MAAA;AACL,MAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAA;AAAA,KACrB;AAAA,KAEC,YAAY,CAAA,CAAA;AACjB;;;;"}

package/dist-cjs/packages/lab/src/utils/useOverflowDetection.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@salt-ds/core');
+
+function useOverflowDetection(dependencies = []) {
+  const targetRef = React.useRef(null);
+  const [isOverflowed, setOverflowed] = React.useState(false);
+  const handleResize = React.useCallback(
+    core.debounce(() => {
+      const { current } = targetRef;
+      if (!current) {
+        isOverflowed && setOverflowed(false);
+        return;
+      }
+      setOverflowed(current.offsetWidth < current.scrollWidth);
+    }),
+    [targetRef, isOverflowed]
+  );
+  core.useIsomorphicLayoutEffect(() => {
+    const win = core.ownerWindow(targetRef.current);
+    win.addEventListener("resize", handleResize);
+    return () => {
+      handleResize.clear();
+      win.removeEventListener("resize", handleResize);
+    };
+  }, [targetRef, handleResize]);
+  core.useIsomorphicLayoutEffect(handleResize, dependencies);
+  return [targetRef, isOverflowed];
+}
+
+exports.useOverflowDetection = useOverflowDetection;
+//# sourceMappingURL=useOverflowDetection.js.map

package/dist-cjs/packages/lab/src/utils/useOverflowDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflowDetection.js","sources":["../src/utils/useOverflowDetection.ts"],"sourcesContent":["import { useState, useRef, Ref, DependencyList, useCallback } from \"react\";\nimport {\n  debounce,\n  ownerWindow,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\n\nexport function useOverflowDetection<Element extends HTMLElement>(\n  dependencies: DependencyList = []\n): [Ref<Element>, boolean] {\n  const targetRef = useRef<Element>(null);\n  const [isOverflowed, setOverflowed] = useState(false);\n\n  const handleResize = useCallback(\n    debounce(() => {\n      const { current } = targetRef;\n\n      if (!current) {\n        // no component to measure yet\n        isOverflowed && setOverflowed(false);\n        return;\n      }\n\n      setOverflowed(current.offsetWidth < current.scrollWidth);\n    }),\n    [targetRef, isOverflowed]\n  );\n\n  // check on resizing\n  useIsomorphicLayoutEffect(() => {\n    // Multi window support\n    const win = ownerWindow(targetRef.current);\n\n    win.addEventListener(\"resize\", handleResize);\n    return () => {\n      handleResize.clear();\n      win.removeEventListener(\"resize\", handleResize);\n    };\n  }, [targetRef, handleResize]);\n\n  // We don't put handleResize in the dependency array as it's been handled by the `useLayoutEffect` above\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useIsomorphicLayoutEffect(handleResize, dependencies);\n\n  return [targetRef, isOverflowed];\n}\n"],"names":["useRef","useState","useCallback","debounce","useIsomorphicLayoutEffect","ownerWindow"],"mappings":";;;;;;;AAOgB,SAAA,oBAAA,CACd,YAA+B,GAAA,EACN,EAAA;AACzB,EAAM,MAAA,SAAA,GAAYA,aAAgB,IAAI,CAAA,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAEpD,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnBC,cAAS,MAAM;AACb,MAAM,MAAA,EAAE,SAAY,GAAA,SAAA,CAAA;AAEpB,MAAA,IAAI,CAAC,OAAS,EAAA;AAEZ,QAAA,YAAA,IAAgB,cAAc,KAAK,CAAA,CAAA;AACnC,QAAA,OAAA;AAAA,OACF;AAEA,MAAc,aAAA,CAAA,OAAA,CAAQ,WAAc,GAAA,OAAA,CAAQ,WAAW,CAAA,CAAA;AAAA,KACxD,CAAA;AAAA,IACD,CAAC,WAAW,YAAY,CAAA;AAAA,GAC1B,CAAA;AAGA,EAAAC,8BAAA,CAA0B,MAAM;AAE9B,IAAM,MAAA,GAAA,GAAMC,gBAAY,CAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAEzC,IAAI,GAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAM,EAAA,CAAA;AACnB,MAAI,GAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,KAChD,CAAA;AAAA,GACC,EAAA,CAAC,SAAW,EAAA,YAAY,CAAC,CAAA,CAAA;AAI5B,EAAAD,8BAAA,CAA0B,cAAc,YAAY,CAAA,CAAA;AAEpD,EAAO,OAAA,CAAC,WAAW,YAAY,CAAA,CAAA;AACjC;;;;"}

package/dist-cjs/packages/lab/src/utils/useSlideSelection.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useSlideSelection = (initialValue) => {
+  const [selectedSlide, setSelectedSlide] = React.useState(initialValue || 0);
+  const [selectedTransition, setSelectedTransition] = React.useState(void 0);
+  const handleSlideSelection = (sliderIndex, transition) => {
+    const newTransition = transition ? transition : selectedSlide < sliderIndex ? "increase" : "decrease";
+    setSelectedSlide(sliderIndex);
+    setSelectedTransition(newTransition);
+  };
+  return [selectedTransition, selectedSlide, handleSlideSelection];
+};
+
+exports.useSlideSelection = useSlideSelection;
+//# sourceMappingURL=useSlideSelection.js.map

package/dist-cjs/packages/lab/src/utils/useSlideSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideSelection.js","sources":["../src/utils/useSlideSelection.ts"],"sourcesContent":["import { LayoutAnimationTransition } from \"../deck-layout\";\nimport { useState } from \"react\";\n\nexport const useSlideSelection = (\n  initialValue?: number\n): [\n  LayoutAnimationTransition | undefined,\n  number,\n  (sliderIndex: number, transition?: LayoutAnimationTransition) => void\n] => {\n  const [selectedSlide, setSelectedSlide] = useState(initialValue || 0);\n  const [selectedTransition, setSelectedTransition] = useState<\n    LayoutAnimationTransition | undefined\n  >(undefined);\n\n  const handleSlideSelection = (\n    sliderIndex: number,\n    transition?: LayoutAnimationTransition\n  ) => {\n    const newTransition = transition\n      ? transition\n      : selectedSlide < sliderIndex\n      ? \"increase\"\n      : \"decrease\";\n    setSelectedSlide(sliderIndex);\n    setSelectedTransition(newTransition);\n  };\n  return [selectedTransition, selectedSlide, handleSlideSelection];\n};\n"],"names":["useState"],"mappings":";;;;;;AAGa,MAAA,iBAAA,GAAoB,CAC/B,YAKG,KAAA;AACH,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAAA,cAAA,CAAS,gBAAgB,CAAC,CAAA,CAAA;AACpE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAIA,eAElD,KAAS,CAAA,CAAA,CAAA;AAEX,EAAM,MAAA,oBAAA,GAAuB,CAC3B,WAAA,EACA,UACG,KAAA;AACH,IAAA,MAAM,aAAgB,GAAA,UAAA,GAClB,UACA,GAAA,aAAA,GAAgB,cAChB,UACA,GAAA,UAAA,CAAA;AACJ,IAAA,gBAAA,CAAiB,WAAW,CAAA,CAAA;AAC5B,IAAA,qBAAA,CAAsB,aAAa,CAAA,CAAA;AAAA,GACrC,CAAA;AACA,EAAO,OAAA,CAAC,kBAAoB,EAAA,aAAA,EAAe,oBAAoB,CAAA,CAAA;AACjE;;;;"}

package/dist-cjs/packages/lab/src/window/ElectronWindow.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+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";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ElectronWindow.css.js.map

package/dist-cjs/packages/lab/src/window/ElectronWindow.css.js.map

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

package/dist-cjs/packages/lab/src/window/ElectronWindow.js

@@ -0,0 +1,107 @@
+'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');
+require('./ElectronWindow.css.js');
+var desktopUtils = require('./desktop-utils.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 [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/packages/lab/src/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 \"./ElectronWindow.css\";\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\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 [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","useState","useRef","useForkRef","useWindowParentContext","useCallback","useEffect","useIsomorphicLayoutEffect","ReactDOM","jsx","SaltProvider","WindowParentContext","isDesktop","SaltWindow"],"mappings":"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"}

package/dist-cjs/packages/lab/src/window/WindowContext.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const Window = React.forwardRef(function Window2({ children, open, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    ...props,
+    ref,
+    children
+  });
+});
+const WindowContext = React.createContext(Window);
+const useWindow = () => React.useContext(WindowContext);
+const globalObject = typeof global === "undefined" ? window : global;
+const isDesktop = globalObject.isDesktop;
+
+exports.Window = Window;
+exports.WindowContext = WindowContext;
+exports.isDesktop = isDesktop;
+exports.useWindow = useWindow;
+//# sourceMappingURL=WindowContext.js.map

package/dist-cjs/packages/lab/src/window/WindowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowContext.js","sources":["../src/window/WindowContext.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  createContext,\n  forwardRef,\n  useContext,\n} from \"react\";\n\nexport type WindowProps = {\n  open?: boolean;\n} & ComponentPropsWithoutRef<\"div\">;\n\nexport const Window = forwardRef<HTMLDivElement, WindowProps>(function Window(\n  { children, open, ...props },\n  ref\n) {\n  return (\n    <div {...props} ref={ref}>\n      {children}\n    </div>\n  );\n});\n\nexport const WindowContext = createContext<typeof Window>(Window);\n\nexport const useWindow = () => useContext(WindowContext);\n\nconst globalObject = typeof global === \"undefined\" ? window : global;\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-explicit-any\nexport const isDesktop: boolean = (globalObject as any).isDesktop;\n"],"names":["forwardRef","Window","jsx","createContext","useContext"],"mappings":";;;;;;;AAWa,MAAA,MAAA,GAASA,iBAAwC,SAASC,OAAAA,CACrE,EAAE,QAAU,EAAA,IAAA,EAAA,GAAS,KAAM,EAAA,EAC3B,GACA,EAAA;AACA,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,KAAA;AAAA,IAAO,GAAA;AAAA,IACb,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,aAAA,GAAgBC,oBAA6B,MAAM,EAAA;AAEnD,MAAA,SAAA,GAAY,MAAMC,gBAAA,CAAW,aAAa,EAAA;AAEvD,MAAM,YAAe,GAAA,OAAO,MAAW,KAAA,WAAA,GAAc,MAAS,GAAA,MAAA,CAAA;AAEvD,MAAM,YAAsB,YAAqB,CAAA;;;;;;;"}

package/dist-cjs/packages/lab/src/window/desktop-utils.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const WindowParentContext = React.createContext({ top: 0, left: 0, id: "" });
+const useWindowParentContext = () => React.useContext(WindowParentContext);
+
+exports.WindowParentContext = WindowParentContext;
+exports.useWindowParentContext = useWindowParentContext;
+//# sourceMappingURL=desktop-utils.js.map

package/dist-cjs/packages/lab/src/window/desktop-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktop-utils.js","sources":["../src/window/desktop-utils.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const WindowParentContext = createContext<{\n  top: number;\n  left: number;\n  id: string;\n}>({ top: 0, left: 0, id: \"\" });\n\nexport const useWindowParentContext = () => useContext(WindowParentContext);\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAEa,MAAA,mBAAA,GAAsBA,oBAIhC,EAAE,GAAA,EAAK,GAAG,IAAM,EAAA,CAAA,EAAG,EAAI,EAAA,EAAA,EAAI,EAAA;AAEjB,MAAA,sBAAA,GAAyB,MAAMC,gBAAA,CAAW,mBAAmB;;;;;"}

package/dist-es/node_modules/style-inject/dist/style-inject.es.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=style-inject.es.js.map

package/dist-es/node_modules/style-inject/dist/style-inject.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.js","sources":["../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;"}

package/dist-es/packages/lab/src/accordion/Accordion.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+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";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=Accordion.css.js.map

package/dist-es/packages/lab/src/accordion/Accordion.css.js.map

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

package/dist-es/packages/lab/src/accordion/Accordion.js

@@ -0,0 +1,125 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, useCallback, useEffect, useMemo } from 'react';
+import { makePrefixer, useControlled } from '@salt-ds/core';
+import './Accordion.css.js';
+import cx from 'classnames';
+import { AccordionContext } from './AccordionContext.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 [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: cx(withBaseName(), className),
+      ...restProps,
+      ref,
+      children: /* @__PURE__ */ jsx(AccordionContext.Provider, {
+        value: contextValue,
+        children
+      })
+    });
+  }
+);
+
+export { Accordion };
+//# sourceMappingURL=Accordion.js.map