@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.34

package/_internal/705f415e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"705f415e.js","sources":["../../src/components/navigation/Navigation.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { HasAriaLabelOrLabelledBy, HasClassName, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { Orientation, Theme } from '@lumx/react';\nimport { ThemeProvider, useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { NavigationSection } from './NavigationSection';\nimport { NavigationItem } from './NavigationItem';\nimport { NavigationContext } from './context';\n\nexport type NavigationProps = React.ComponentProps<'nav'> &\n    HasClassName &\n    HasTheme & {\n        /** Content of the navigation. These components should be of type NavigationItem to be rendered */\n        children?: React.ReactNode;\n        orientation?: Orientation;\n    } & HasAriaLabelOrLabelledBy;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Navigation';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props\n */\nconst DEFAULT_PROPS = {\n    orientation: Orientation.vertical,\n};\n\ntype SubComponents = {\n    Section: typeof NavigationSection;\n    Item: typeof NavigationItem;\n};\n\nexport const Navigation = forwardRef<NavigationProps, HTMLElement, SubComponents>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        children,\n        className,\n        theme = defaultTheme,\n        orientation = DEFAULT_PROPS.orientation,\n        ...forwardedProps\n    } = props;\n    return (\n        <ThemeProvider value={theme}>\n            <nav\n                className={classNames(\n                    className,\n                    handleBasicClasses({\n                        prefix: CLASSNAME,\n                        theme,\n                        orientation,\n                    }),\n                )}\n                ref={ref}\n                {...forwardedProps}\n            >\n                <NavigationContext.Provider value={{ orientation }}>\n                    <ul className={`${CLASSNAME}__list`}>{children}</ul>\n                </NavigationContext.Provider>\n            </nav>\n        </ThemeProvider>\n    );\n});\nNavigation.displayName = COMPONENT_NAME;\nNavigation.className = CLASSNAME;\nNavigation.defaultProps = DEFAULT_PROPS;\n\n// Sub components\nNavigation.Section = NavigationSection;\nNavigation.Item = NavigationItem;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","vertical","Navigation","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","theme","forwardedProps","_jsx","ThemeProvider","value","classNames","handleBasicClasses","prefix","NavigationContext","Provider","displayName","defaultProps","Section","NavigationSection","Item","NavigationItem"],"mappings":";;;;;;;;;;AAoBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAa,GAAG;EAClBC,WAAW,EAAEC,WAAW,CAACC,QAAAA;AAC7B,CAAC,CAAA;AAOM,MAAMC,UAAU,GAAGC,UAAU,CAA8C,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9F,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFC,QAAQ;IACRC,SAAS;AACTC,IAAAA,KAAK,GAAGN,YAAY;IACpBP,WAAW,GAAGD,aAAa,CAACC,WAAW;IACvC,GAAGc,cAAAA;AACP,GAAC,GAAGT,KAAK,CAAA;EACT,oBACIU,GAAA,CAACC,aAAa,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAM;AAAAF,IAAAA,QAAA,eACxBI,GAAA,CAAA,KAAA,EAAA;AACIH,MAAAA,SAAS,EAAEM,UAAU,CACjBN,SAAS,EACTO,kBAAkB,CAAC;AACfC,QAAAA,MAAM,EAAEvB,SAAS;QACjBgB,KAAK;AACLb,QAAAA,WAAAA;AACJ,OAAC,CACL,CAAE;AACFM,MAAAA,GAAG,EAAEA,GAAI;AAAA,MAAA,GACLQ,cAAc;AAAAH,MAAAA,QAAA,eAElBI,GAAA,CAACM,iBAAiB,CAACC,QAAQ,EAAA;AAACL,QAAAA,KAAK,EAAE;AAAEjB,UAAAA,WAAAA;SAAc;AAAAW,QAAAA,QAAA,eAC/CI,GAAA,CAAA,IAAA,EAAA;UAAIH,SAAS,EAAE,CAAGf,EAAAA,SAAS,CAAS,MAAA,CAAA;AAAAc,UAAAA,QAAA,EAAEA,QAAAA;SAAa,CAAA;OAC3B,CAAA;KAC3B,CAAA;AAAC,GACK,CAAC,CAAA;AAExB,CAAC,EAAC;AACFR,UAAU,CAACoB,WAAW,GAAG3B,cAAc,CAAA;AACvCO,UAAU,CAACS,SAAS,GAAGf,SAAS,CAAA;AAChCM,UAAU,CAACqB,YAAY,GAAGzB,aAAa,CAAA;;AAEvC;AACAI,UAAU,CAACsB,OAAO,GAAGC,iBAAiB,CAAA;AACtCvB,UAAU,CAACwB,IAAI,GAAGC,cAAc;;;;"}

package/_internal/722ea461.js

@@ -0,0 +1,9 @@
+function expandToHashMap(value, keys) {
+  return keys.reduce(function (hashMap, key) {
+    hashMap[key] = value;
+    return hashMap;
+  }, {});
+}
+
+export { expandToHashMap as default };
+//# sourceMappingURL=722ea461.js.map

package/_internal/722ea461.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"722ea461.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/expandToHashMap.js"],"sourcesContent":["export default function expandToHashMap(value, keys) {\n  return keys.reduce(function (hashMap, key) {\n    hashMap[key] = value;\n    return hashMap;\n  }, {});\n}"],"names":[],"mappings":"AAAe,SAAS,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE;AACrD,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,OAAO,EAAE,GAAG,EAAE;AAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACzB,IAAI,OAAO,OAAO,CAAC;AACnB,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;","x_google_ignoreList":[0]}

package/_internal/728684f6.js

@@ -0,0 +1,6 @@
+function getMainAxisFromPlacement(placement) {
+  return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
+}
+
+export { getMainAxisFromPlacement as default };
+//# sourceMappingURL=728684f6.js.map

package/_internal/728684f6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"728684f6.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js"],"sourcesContent":["export default function getMainAxisFromPlacement(placement) {\n  return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}"],"names":[],"mappings":"AAAe,SAAS,wBAAwB,CAAC,SAAS,EAAE;AAC5D,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;AAC/D;;;;","x_google_ignoreList":[0]}

package/_internal/730f75dc.js

@@ -0,0 +1,93 @@
+import { useEffect } from 'react';
+import { getFocusableElements } from './0a2c57a2.js';
+
+/**
+ * Classname set on elements whose focus was blocked.
+ * This is to easily find elements that have been tempered with,
+ * and not elements whose focus was already initially blocked.
+ * */
+const BLOCKED_FOCUS_CLASSNAME = 'focus-blocked';
+
+/**
+ * Manage how slides must behave when visible or not.
+ * When not visible, they should be hidden from screen readers and not focusable.
+ */
+const useSlideFocusManagement = ({
+  isSlideDisplayed,
+  slideRef
+}) => {
+  useEffect(() => {
+    const element = slideRef?.current;
+    if (!element) {
+      return undefined;
+    }
+
+    /**
+     * Display given slide to screen readers and, if focus was blocked, restore focus on elements.
+     */
+    const enableSlide = () => {
+      // Hide from screen readers
+      element.setAttribute('aria-hidden', 'false');
+      // Find elements we have blocked focus on
+      element.querySelectorAll(`.${BLOCKED_FOCUS_CLASSNAME}`).forEach(focusableElement => {
+        focusableElement.removeAttribute('tabindex');
+        focusableElement.classList.remove(BLOCKED_FOCUS_CLASSNAME);
+      });
+    };
+
+    /**
+     * Hide given slide from screen readers and block focus on all focusable elements within.
+     */
+    const blockSlide = () => {
+      element.setAttribute('aria-hidden', 'true');
+      getFocusableElements(element).forEach(focusableElement => {
+        focusableElement.setAttribute('tabindex', '-1');
+        focusableElement.classList.add(BLOCKED_FOCUS_CLASSNAME);
+      });
+    };
+    const handleDisplay = () => {
+      if (!element) {
+        return;
+      }
+      if (isSlideDisplayed) {
+        enableSlide();
+      } else {
+        blockSlide();
+      }
+    };
+
+    // Callback function to execute when mutations are observed
+    const callback = mutationsList => {
+      if (element) {
+        for (const mutation of mutationsList) {
+          if (mutation.type === 'childList') {
+            handleDisplay();
+          }
+        }
+      }
+    };
+
+    // Create an observer instance linked to the callback function
+    const observer = new MutationObserver(callback);
+    if (element) {
+      handleDisplay();
+
+      /** If slide is hidden, start observing for elements to block focus  */
+      if (!isSlideDisplayed) {
+        observer.observe(element, {
+          attributes: true,
+          childList: true,
+          subtree: true
+        });
+      }
+    }
+    return () => {
+      if (!isSlideDisplayed) {
+        observer.disconnect();
+      }
+    };
+  }, [isSlideDisplayed, slideRef]);
+};
+
+export { useSlideFocusManagement };
+//# sourceMappingURL=730f75dc.js.map

package/_internal/730f75dc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"730f75dc.js","sources":["../../src/components/slideshow/useSlideFocusManagement.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { getFocusableElements } from '@lumx/react/utils/browser/focus/getFocusableElements';\n\nexport interface UseSlideFocusManagementProps {\n    isSlideDisplayed?: boolean;\n    slideRef: React.RefObject<HTMLDivElement>;\n}\n\n/**\n * Classname set on elements whose focus was blocked.\n * This is to easily find elements that have been tempered with,\n * and not elements whose focus was already initially blocked.\n * */\nconst BLOCKED_FOCUS_CLASSNAME = 'focus-blocked';\n\n/**\n * Manage how slides must behave when visible or not.\n * When not visible, they should be hidden from screen readers and not focusable.\n */\nexport const useSlideFocusManagement = ({ isSlideDisplayed, slideRef }: UseSlideFocusManagementProps) => {\n    useEffect(() => {\n        const element = slideRef?.current;\n\n        if (!element) {\n            return undefined;\n        }\n\n        /**\n         * Display given slide to screen readers and, if focus was blocked, restore focus on elements.\n         */\n        const enableSlide = () => {\n            // Hide from screen readers\n            element.setAttribute('aria-hidden', 'false');\n            // Find elements we have blocked focus on\n            element.querySelectorAll(`.${BLOCKED_FOCUS_CLASSNAME}`).forEach((focusableElement) => {\n                focusableElement.removeAttribute('tabindex');\n                focusableElement.classList.remove(BLOCKED_FOCUS_CLASSNAME);\n            });\n        };\n\n        /**\n         * Hide given slide from screen readers and block focus on all focusable elements within.\n         */\n        const blockSlide = () => {\n            element.setAttribute('aria-hidden', 'true');\n            getFocusableElements(element).forEach((focusableElement) => {\n                focusableElement.setAttribute('tabindex', '-1');\n                focusableElement.classList.add(BLOCKED_FOCUS_CLASSNAME);\n            });\n        };\n\n        const handleDisplay = () => {\n            if (!element) {\n                return;\n            }\n            if (isSlideDisplayed) {\n                enableSlide();\n            } else {\n                blockSlide();\n            }\n        };\n\n        // Callback function to execute when mutations are observed\n        const callback: MutationCallback = (mutationsList) => {\n            if (element) {\n                for (const mutation of mutationsList) {\n                    if (mutation.type === 'childList') {\n                        handleDisplay();\n                    }\n                }\n            }\n        };\n\n        // Create an observer instance linked to the callback function\n        const observer = new MutationObserver(callback);\n\n        if (element) {\n            handleDisplay();\n\n            /** If slide is hidden, start observing for elements to block focus  */\n            if (!isSlideDisplayed) {\n                observer.observe(element, { attributes: true, childList: true, subtree: true });\n            }\n        }\n\n        return () => {\n            if (!isSlideDisplayed) {\n                observer.disconnect();\n            }\n        };\n    }, [isSlideDisplayed, slideRef]);\n};\n"],"names":["BLOCKED_FOCUS_CLASSNAME","useSlideFocusManagement","isSlideDisplayed","slideRef","useEffect","element","current","undefined","enableSlide","setAttribute","querySelectorAll","forEach","focusableElement","removeAttribute","classList","remove","blockSlide","getFocusableElements","add","handleDisplay","callback","mutationsList","mutation","type","observer","MutationObserver","observe","attributes","childList","subtree","disconnect"],"mappings":";;;AAQA;AACA;AACA;AACA;AACA;AACA,MAAMA,uBAAuB,GAAG,eAAe,CAAA;;AAE/C;AACA;AACA;AACA;AACO,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,gBAAgB;AAAEC,EAAAA,QAAAA;AAAuC,CAAC,KAAK;AACrGC,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,MAAMC,OAAO,GAAGF,QAAQ,EAAEG,OAAO,CAAA;IAEjC,IAAI,CAACD,OAAO,EAAE;AACV,MAAA,OAAOE,SAAS,CAAA;AACpB,KAAA;;AAEA;AACR;AACA;IACQ,MAAMC,WAAW,GAAGA,MAAM;AACtB;AACAH,MAAAA,OAAO,CAACI,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;AAC5C;MACAJ,OAAO,CAACK,gBAAgB,CAAC,CAAIV,CAAAA,EAAAA,uBAAuB,CAAE,CAAA,CAAC,CAACW,OAAO,CAAEC,gBAAgB,IAAK;AAClFA,QAAAA,gBAAgB,CAACC,eAAe,CAAC,UAAU,CAAC,CAAA;AAC5CD,QAAAA,gBAAgB,CAACE,SAAS,CAACC,MAAM,CAACf,uBAAuB,CAAC,CAAA;AAC9D,OAAC,CAAC,CAAA;KACL,CAAA;;AAED;AACR;AACA;IACQ,MAAMgB,UAAU,GAAGA,MAAM;AACrBX,MAAAA,OAAO,CAACI,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;AAC3CQ,MAAAA,oBAAoB,CAACZ,OAAO,CAAC,CAACM,OAAO,CAAEC,gBAAgB,IAAK;AACxDA,QAAAA,gBAAgB,CAACH,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;AAC/CG,QAAAA,gBAAgB,CAACE,SAAS,CAACI,GAAG,CAAClB,uBAAuB,CAAC,CAAA;AAC3D,OAAC,CAAC,CAAA;KACL,CAAA;IAED,MAAMmB,aAAa,GAAGA,MAAM;MACxB,IAAI,CAACd,OAAO,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AACA,MAAA,IAAIH,gBAAgB,EAAE;AAClBM,QAAAA,WAAW,EAAE,CAAA;AACjB,OAAC,MAAM;AACHQ,QAAAA,UAAU,EAAE,CAAA;AAChB,OAAA;KACH,CAAA;;AAED;IACA,MAAMI,QAA0B,GAAIC,aAAa,IAAK;AAClD,MAAA,IAAIhB,OAAO,EAAE;AACT,QAAA,KAAK,MAAMiB,QAAQ,IAAID,aAAa,EAAE;AAClC,UAAA,IAAIC,QAAQ,CAACC,IAAI,KAAK,WAAW,EAAE;AAC/BJ,YAAAA,aAAa,EAAE,CAAA;AACnB,WAAA;AACJ,SAAA;AACJ,OAAA;KACH,CAAA;;AAED;AACA,IAAA,MAAMK,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIf,OAAO,EAAE;AACTc,MAAAA,aAAa,EAAE,CAAA;;AAEf;MACA,IAAI,CAACjB,gBAAgB,EAAE;AACnBsB,QAAAA,QAAQ,CAACE,OAAO,CAACrB,OAAO,EAAE;AAAEsB,UAAAA,UAAU,EAAE,IAAI;AAAEC,UAAAA,SAAS,EAAE,IAAI;AAAEC,UAAAA,OAAO,EAAE,IAAA;AAAK,SAAC,CAAC,CAAA;AACnF,OAAA;AACJ,KAAA;AAEA,IAAA,OAAO,MAAM;MACT,IAAI,CAAC3B,gBAAgB,EAAE;QACnBsB,QAAQ,CAACM,UAAU,EAAE,CAAA;AACzB,OAAA;KACH,CAAA;AACL,GAAC,EAAE,CAAC5B,gBAAgB,EAAEC,QAAQ,CAAC,CAAC,CAAA;AACpC;;;;"}

package/_internal/735bcfa5.js

@@ -0,0 +1,38 @@
+import classNames from 'classnames';
+import { getRootClassName } from '@lumx/core/js/utils/className';
+import { forwardRef } from './bd8b3ec8.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ListDivider';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * ListDivider component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ListDivider = forwardRef((props, ref) => {
+  const {
+    className,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx("li", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, CLASSNAME)
+  });
+});
+ListDivider.displayName = COMPONENT_NAME;
+ListDivider.className = CLASSNAME;
+
+export { ListDivider };
+//# sourceMappingURL=735bcfa5.js.map

package/_internal/735bcfa5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"735bcfa5.js","sources":["../../src/components/list/ListDivider.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport type ListDividerProps = GenericProps;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ListDivider';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * ListDivider component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ListDivider = forwardRef<ListDividerProps, HTMLLIElement>((props, ref) => {\n    const { className, ...forwardedProps } = props;\n\n    return <li ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)} />;\n});\nListDivider.displayName = COMPONENT_NAME;\nListDivider.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","ListDivider","forwardRef","props","ref","className","forwardedProps","_jsx","classNames","displayName"],"mappings":";;;;;AAWA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,aAAa,CAAA;;AAEpC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,WAAW,GAAGC,UAAU,CAAkC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnF,MAAM;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGH,KAAK,CAAA;AAE9C,EAAA,oBAAOI,GAAA,CAAA,IAAA,EAAA;AAAIH,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKE,cAAc;AAAED,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAEN,SAAS,CAAA;AAAE,GAAE,CAAC,CAAA;AAC5F,CAAC,EAAC;AACFE,WAAW,CAACQ,WAAW,GAAGX,cAAc,CAAA;AACxCG,WAAW,CAACI,SAAS,GAAGN,SAAS;;;;"}

package/_internal/739f2f15.js

@@ -0,0 +1,61 @@
+import { useContext, useMemo, useEffect, useRef, createContext } from 'react';
+import { useClickAway } from './ab3e5463.js';
+import { jsx } from 'react/jsx-runtime';
+
+const ClickAwayAncestorContext = /*#__PURE__*/createContext(null);
+/**
+ * Component combining the `useClickAway` hook with a React context to hook into the React component tree and make sure
+ * we take into account both the DOM tree and the React tree to detect click away.
+ *
+ * @return the react component.
+ */
+const ClickAwayProvider = ({
+  children,
+  callback,
+  childrenRefs,
+  parentRef
+}) => {
+  const parentContext = useContext(ClickAwayAncestorContext);
+  const currentContext = useMemo(() => {
+    const context = {
+      childrenRefs: [],
+      /**
+       * Add element refs to the current context and propagate to the parent context.
+       */
+      addRefs(...newChildrenRefs) {
+        // Add element refs that should be considered as inside the click away context.
+        context.childrenRefs.push(...newChildrenRefs);
+        if (parentContext) {
+          // Also add then to the parent context
+          parentContext.addRefs(...newChildrenRefs);
+          if (parentRef) {
+            // The parent element is also considered as inside the parent click away context but not inside the current context
+            parentContext.addRefs(parentRef);
+          }
+        }
+      }
+    };
+    return context;
+  }, [parentContext, parentRef]);
+  useEffect(() => {
+    const {
+      current: currentRefs
+    } = childrenRefs;
+    if (!currentRefs) {
+      return;
+    }
+    currentContext.addRefs(...currentRefs);
+  }, [currentContext, childrenRefs]);
+  useClickAway({
+    callback,
+    childrenRefs: useRef(currentContext.childrenRefs)
+  });
+  return /*#__PURE__*/jsx(ClickAwayAncestorContext.Provider, {
+    value: currentContext,
+    children: children
+  });
+};
+ClickAwayProvider.displayName = 'ClickAwayProvider';
+
+export { ClickAwayProvider };
+//# sourceMappingURL=739f2f15.js.map

package/_internal/739f2f15.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"739f2f15.js","sources":["../../src/utils/ClickAwayProvider/ClickAwayProvider.tsx"],"sourcesContent":["import { createContext, RefObject, useContext, useEffect, useMemo, useRef } from 'react';\nimport { ClickAwayParameters, useClickAway } from '@lumx/react/hooks/useClickAway';\n\ninterface ContextValue {\n    childrenRefs: Array<RefObject<HTMLElement>>;\n    addRefs(...newChildrenRefs: Array<RefObject<HTMLElement>>): void;\n}\n\nconst ClickAwayAncestorContext = createContext<ContextValue | null>(null);\n\ninterface ClickAwayProviderProps extends ClickAwayParameters {\n    /**\n     * (Optional) Element that should be considered as part of the parent\n     */\n    parentRef?: RefObject<HTMLElement>;\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Component combining the `useClickAway` hook with a React context to hook into the React component tree and make sure\n * we take into account both the DOM tree and the React tree to detect click away.\n *\n * @return the react component.\n */\nexport const ClickAwayProvider: React.FC<ClickAwayProviderProps> = ({\n    children,\n    callback,\n    childrenRefs,\n    parentRef,\n}) => {\n    const parentContext = useContext(ClickAwayAncestorContext);\n    const currentContext = useMemo(() => {\n        const context: ContextValue = {\n            childrenRefs: [],\n            /**\n             * Add element refs to the current context and propagate to the parent context.\n             */\n            addRefs(...newChildrenRefs) {\n                // Add element refs that should be considered as inside the click away context.\n                context.childrenRefs.push(...newChildrenRefs);\n\n                if (parentContext) {\n                    // Also add then to the parent context\n                    parentContext.addRefs(...newChildrenRefs);\n                    if (parentRef) {\n                        // The parent element is also considered as inside the parent click away context but not inside the current context\n                        parentContext.addRefs(parentRef);\n                    }\n                }\n            },\n        };\n        return context;\n    }, [parentContext, parentRef]);\n\n    useEffect(() => {\n        const { current: currentRefs } = childrenRefs;\n        if (!currentRefs) {\n            return;\n        }\n        currentContext.addRefs(...currentRefs);\n    }, [currentContext, childrenRefs]);\n\n    useClickAway({ callback, childrenRefs: useRef(currentContext.childrenRefs) });\n    return <ClickAwayAncestorContext.Provider value={currentContext}>{children}</ClickAwayAncestorContext.Provider>;\n};\nClickAwayProvider.displayName = 'ClickAwayProvider';\n"],"names":["ClickAwayAncestorContext","createContext","ClickAwayProvider","children","callback","childrenRefs","parentRef","parentContext","useContext","currentContext","useMemo","context","addRefs","newChildrenRefs","push","useEffect","current","currentRefs","useClickAway","useRef","_jsx","Provider","value","displayName"],"mappings":";;;;AAQA,MAAMA,wBAAwB,gBAAGC,aAAa,CAAsB,IAAI,CAAC,CAAA;AAazE;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAmD,GAAGA,CAAC;EAChEC,QAAQ;EACRC,QAAQ;EACRC,YAAY;AACZC,EAAAA,SAAAA;AACJ,CAAC,KAAK;AACF,EAAA,MAAMC,aAAa,GAAGC,UAAU,CAACR,wBAAwB,CAAC,CAAA;AAC1D,EAAA,MAAMS,cAAc,GAAGC,OAAO,CAAC,MAAM;AACjC,IAAA,MAAMC,OAAqB,GAAG;AAC1BN,MAAAA,YAAY,EAAE,EAAE;AAChB;AACZ;AACA;MACYO,OAAOA,CAAC,GAAGC,eAAe,EAAE;AACxB;AACAF,QAAAA,OAAO,CAACN,YAAY,CAACS,IAAI,CAAC,GAAGD,eAAe,CAAC,CAAA;AAE7C,QAAA,IAAIN,aAAa,EAAE;AACf;AACAA,UAAAA,aAAa,CAACK,OAAO,CAAC,GAAGC,eAAe,CAAC,CAAA;AACzC,UAAA,IAAIP,SAAS,EAAE;AACX;AACAC,YAAAA,aAAa,CAACK,OAAO,CAACN,SAAS,CAAC,CAAA;AACpC,WAAA;AACJ,SAAA;AACJ,OAAA;KACH,CAAA;AACD,IAAA,OAAOK,OAAO,CAAA;AAClB,GAAC,EAAE,CAACJ,aAAa,EAAED,SAAS,CAAC,CAAC,CAAA;AAE9BS,EAAAA,SAAS,CAAC,MAAM;IACZ,MAAM;AAAEC,MAAAA,OAAO,EAAEC,WAAAA;AAAY,KAAC,GAAGZ,YAAY,CAAA;IAC7C,IAAI,CAACY,WAAW,EAAE;AACd,MAAA,OAAA;AACJ,KAAA;AACAR,IAAAA,cAAc,CAACG,OAAO,CAAC,GAAGK,WAAW,CAAC,CAAA;AAC1C,GAAC,EAAE,CAACR,cAAc,EAAEJ,YAAY,CAAC,CAAC,CAAA;AAElCa,EAAAA,YAAY,CAAC;IAAEd,QAAQ;AAAEC,IAAAA,YAAY,EAAEc,MAAM,CAACV,cAAc,CAACJ,YAAY,CAAA;AAAE,GAAC,CAAC,CAAA;AAC7E,EAAA,oBAAOe,GAAA,CAACpB,wBAAwB,CAACqB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEb,cAAe;AAAAN,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAAoC,CAAC,CAAA;AACnH,EAAC;AACDD,iBAAiB,CAACqB,WAAW,GAAG,mBAAmB;;;;"}

package/_internal/7531ee4d.js

@@ -0,0 +1,72 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { ProgressLinear } from './b23a92ab.js';
+import { ProgressCircular } from './4c471276.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Theme } from '@lumx/core/js/constants';
+
+const ProgressVariant = {
+  linear: 'linear',
+  circular: 'circular'
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Progress';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  variant: ProgressVariant.circular
+};
+
+/**
+ * Progress component.
+ *
+ * @deprecated use `ProgressLinear` and `ProgressCircular` instead.
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Progress = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    className,
+    theme = defaultTheme,
+    variant = DEFAULT_PROPS.variant,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsxs("div", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      theme,
+      variant
+    })),
+    children: [variant === ProgressVariant.circular && /*#__PURE__*/jsx(ProgressCircular, {
+      theme: theme
+    }), variant === ProgressVariant.linear && /*#__PURE__*/jsx(ProgressLinear, {
+      theme: theme
+    })]
+  });
+});
+Progress.displayName = COMPONENT_NAME;
+Progress.className = CLASSNAME;
+Progress.defaultProps = DEFAULT_PROPS;
+
+export { Progress, ProgressVariant };
+//# sourceMappingURL=7531ee4d.js.map

package/_internal/7531ee4d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"7531ee4d.js","sources":["../../src/components/progress/Progress.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { ProgressLinear } from './ProgressLinear';\nimport { ProgressCircular } from './ProgressCircular';\n\n/**\n * Progress variants.\n */\nexport const ProgressVariant = { linear: 'linear', circular: 'circular' } as const;\nexport type ProgressVariant = ValueOf<typeof ProgressVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressProps extends GenericProps, HasTheme {\n    /** Progress variant. */\n    variant?: ProgressVariant;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Progress';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressProps> = {\n    variant: ProgressVariant.circular,\n};\n\n/**\n * Progress component.\n *\n * @deprecated use `ProgressLinear` and `ProgressCircular` instead.\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Progress = forwardRef<ProgressProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, variant = DEFAULT_PROPS.variant, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, variant }))}\n        >\n            {variant === ProgressVariant.circular && <ProgressCircular theme={theme} />}\n            {variant === ProgressVariant.linear && <ProgressLinear theme={theme} />}\n        </div>\n    );\n});\nProgress.displayName = COMPONENT_NAME;\nProgress.className = CLASSNAME;\nProgress.defaultProps = DEFAULT_PROPS;\n"],"names":["ProgressVariant","linear","circular","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","variant","Progress","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","forwardedProps","_jsxs","classNames","handleBasicClasses","prefix","children","_jsx","ProgressCircular","ProgressLinear","displayName","defaultProps"],"mappings":";;;;;;;;;AAcO,MAAMA,eAAe,GAAG;AAAEC,EAAAA,MAAM,EAAE,QAAQ;AAAEC,EAAAA,QAAQ,EAAE,UAAA;AAAW,EAAU;;AAGlF;AACA;AACA;;AAMA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,UAAU,CAAA;;AAEjC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAqC,GAAG;EAC1CC,OAAO,EAAEP,eAAe,CAACE,QAAAA;AAC7B,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,QAAQ,GAAGC,UAAU,CAAgC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9E,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,SAAS;AAAEC,IAAAA,KAAK,GAAGL,YAAY;IAAEL,OAAO,GAAGD,aAAa,CAACC,OAAO;IAAE,GAAGW,cAAAA;AAAe,GAAC,GAAGR,KAAK,CAAA;AAErG,EAAA,oBACIS,IAAA,CAAA,KAAA,EAAA;AACIR,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLO,cAAc;AAClBF,IAAAA,SAAS,EAAEI,UAAU,CAACJ,SAAS,EAAEK,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAElB,SAAS;MAAEa,KAAK;AAAEV,MAAAA,OAAAA;AAAQ,KAAC,CAAC,CAAE;IAAAgB,QAAA,EAAA,CAE3FhB,OAAO,KAAKP,eAAe,CAACE,QAAQ,iBAAIsB,GAAA,CAACC,gBAAgB,EAAA;AAACR,MAAAA,KAAK,EAAEA,KAAAA;KAAQ,CAAC,EAC1EV,OAAO,KAAKP,eAAe,CAACC,MAAM,iBAAIuB,GAAA,CAACE,cAAc,EAAA;AAACT,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAE,CAAC,CAAA;AAAA,GACtE,CAAC,CAAA;AAEd,CAAC,EAAC;AACFT,QAAQ,CAACmB,WAAW,GAAGxB,cAAc,CAAA;AACrCK,QAAQ,CAACQ,SAAS,GAAGZ,SAAS,CAAA;AAC9BI,QAAQ,CAACoB,YAAY,GAAGtB,aAAa;;;;"}

package/_internal/75f285fb.js

@@ -0,0 +1,104 @@
+import React__default from 'react';
+import { useMergeRefs } from './27df0cb6.js';
+import { useSizeOnWindowResize } from './1ee5415f.js';
+import { useImageSize } from './d672fc0e.js';
+import { isReducedMotion } from './355f875f.js';
+import { isEqual } from './b1154f4b.js';
+import { CLASSNAME } from './31b6784b.js';
+import { usePointerZoom } from './8d318b2b.js';
+import { useAnimateScroll } from './0db022d6.js';
+import { jsx } from 'react/jsx-runtime';
+import { SlideshowItem } from './eec574e6.js';
+import { Thumbnail } from './dbe906f1.js';
+
+/** Internal image slide component for ImageLightbox */
+const ImageSlide = /*#__PURE__*/React__default.memo(props => {
+  const {
+    isActive,
+    scale,
+    onScaleChange,
+    image: {
+      image,
+      imgRef: propImgRef,
+      imgProps,
+      alt,
+      loadingPlaceholderImageRef
+    }
+  } = props;
+
+  // Get scroll area size
+  const scrollAreaRef = React__default.useRef(null);
+  const [scrollAreaSize, updateSize] = useSizeOnWindowResize(scrollAreaRef);
+  React__default.useEffect(() => {
+    // Update size when active
+    if (isActive) updateSize();
+  }, [isActive, updateSize]);
+
+  // Get image size
+  const imgRef = React__default.useRef(null);
+  const imageSize = useImageSize(imgRef, () => {
+    const width = Number.parseInt(imgProps?.width, 10);
+    const height = Number.parseInt(imgProps?.height, 10);
+    return width && height ? {
+      width,
+      height
+    } : null;
+  });
+
+  // Calculate new image size with scale
+  const scaledImageSize = React__default.useMemo(() => {
+    if (!scrollAreaSize || !imageSize) {
+      return null;
+    }
+    const horizontalScale = scrollAreaSize.width / imageSize.width;
+    const verticalScale = scrollAreaSize.height / imageSize.height;
+    const baseScale = Math.min(1, Math.min(horizontalScale, verticalScale));
+    return {
+      width: imageSize.width * baseScale * (scale ?? 1),
+      height: imageSize.height * baseScale * (scale ?? 1)
+    };
+  }, [scrollAreaSize, imageSize, scale]);
+
+  // Animate scroll to preserve the center of the current visible window in the scroll area
+  const animateScroll = useAnimateScroll(scrollAreaRef);
+
+  // Zoom via mouse wheel or multi-touch pinch zoom
+  const isPointerZooming = usePointerZoom(scrollAreaRef, onScaleChange, animateScroll);
+
+  // Animate scroll on scale change
+  React__default.useLayoutEffect(() => {
+    if (scale && !isPointerZooming) {
+      animateScroll();
+    }
+  }, [isPointerZooming, scale, animateScroll]);
+  const isScrollable = scaledImageSize && scrollAreaSize && (scaledImageSize.width > scrollAreaSize.width || scaledImageSize.height > scrollAreaSize.height);
+  return /*#__PURE__*/jsx(SlideshowItem, {
+    ref: scrollAreaRef
+    // Make it accessible to keyboard nav when the zone is scrollable
+    ,
+    tabIndex: isScrollable ? 0 : undefined,
+    className: `${CLASSNAME}__image-slide`,
+    children: /*#__PURE__*/jsx(Thumbnail, {
+      imgRef: useMergeRefs(imgRef, propImgRef),
+      image: image,
+      alt: alt,
+      className: `${CLASSNAME}__thumbnail`,
+      imgProps: {
+        ...imgProps,
+        style: {
+          ...imgProps?.style,
+          ...(scaledImageSize || {
+            maxHeight: scrollAreaSize?.height,
+            maxWidth: scrollAreaSize?.width
+          }),
+          // Only animate when scale is set, and we are not pointer zooming and the user does not prefer reduced motion
+          transition: scale && !isPointerZooming && !isReducedMotion() ? 'all 250ms' : undefined
+        }
+      },
+      loadingPlaceholderImageRef: loadingPlaceholderImageRef
+    })
+  });
+}, isEqual);
+
+export { ImageSlide };
+//# sourceMappingURL=75f285fb.js.map

package/_internal/75f285fb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"75f285fb.js","sources":["../../src/components/image-lightbox/internal/ImageSlide.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SlideshowItem, Thumbnail } from '@lumx/react';\nimport { useMergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useSizeOnWindowResize } from '@lumx/react/hooks/useSizeOnWindowResize';\nimport { useImageSize } from '@lumx/react/hooks/useImageSize';\nimport { isReducedMotion } from '@lumx/react/utils/browser/isReducedMotion';\nimport { isEqual } from '@lumx/react/utils/object/isEqual';\n\nimport { CLASSNAME } from '../constants';\nimport { usePointerZoom } from './usePointerZoom';\nimport { useAnimateScroll } from './useAnimateScroll';\nimport type { ImageProps } from '../types';\n\nexport interface ImageSlideProps {\n    image: ImageProps;\n    isActive?: boolean;\n    scale?: number;\n    onScaleChange?: (value: number) => void;\n}\n\n/** Internal image slide component for ImageLightbox */\nexport const ImageSlide = React.memo((props: ImageSlideProps) => {\n    const {\n        isActive,\n        scale,\n        onScaleChange,\n        image: { image, imgRef: propImgRef, imgProps, alt, loadingPlaceholderImageRef },\n    } = props;\n\n    // Get scroll area size\n    const scrollAreaRef = React.useRef<HTMLDivElement>(null);\n    const [scrollAreaSize, updateSize] = useSizeOnWindowResize(scrollAreaRef);\n    React.useEffect(() => {\n        // Update size when active\n        if (isActive) updateSize();\n    }, [isActive, updateSize]);\n\n    // Get image size\n    const imgRef = React.useRef<HTMLImageElement>(null);\n    const imageSize = useImageSize(imgRef, () => {\n        const width = Number.parseInt(imgProps?.width as any, 10);\n        const height = Number.parseInt(imgProps?.height as any, 10);\n        return width && height ? { width, height } : null;\n    });\n\n    // Calculate new image size with scale\n    const scaledImageSize = React.useMemo(() => {\n        if (!scrollAreaSize || !imageSize) {\n            return null;\n        }\n        const horizontalScale = scrollAreaSize.width / imageSize.width;\n        const verticalScale = scrollAreaSize.height / imageSize.height;\n        const baseScale = Math.min(1, Math.min(horizontalScale, verticalScale));\n        return {\n            width: imageSize.width * baseScale * (scale ?? 1),\n            height: imageSize.height * baseScale * (scale ?? 1),\n        };\n    }, [scrollAreaSize, imageSize, scale]);\n\n    // Animate scroll to preserve the center of the current visible window in the scroll area\n    const animateScroll = useAnimateScroll(scrollAreaRef);\n\n    // Zoom via mouse wheel or multi-touch pinch zoom\n    const isPointerZooming = usePointerZoom(scrollAreaRef, onScaleChange, animateScroll);\n\n    // Animate scroll on scale change\n    React.useLayoutEffect(() => {\n        if (scale && !isPointerZooming) {\n            animateScroll();\n        }\n    }, [isPointerZooming, scale, animateScroll]);\n\n    const isScrollable =\n        scaledImageSize &&\n        scrollAreaSize &&\n        (scaledImageSize.width > scrollAreaSize.width || scaledImageSize.height > scrollAreaSize.height);\n\n    return (\n        <SlideshowItem\n            ref={scrollAreaRef}\n            // Make it accessible to keyboard nav when the zone is scrollable\n            tabIndex={isScrollable ? 0 : undefined}\n            className={`${CLASSNAME}__image-slide`}\n        >\n            <Thumbnail\n                imgRef={useMergeRefs(imgRef, propImgRef)}\n                image={image}\n                alt={alt}\n                className={`${CLASSNAME}__thumbnail`}\n                imgProps={{\n                    ...imgProps,\n                    style: {\n                        ...imgProps?.style,\n                        ...(scaledImageSize || {\n                            maxHeight: scrollAreaSize?.height,\n                            maxWidth: scrollAreaSize?.width,\n                        }),\n                        // Only animate when scale is set, and we are not pointer zooming and the user does not prefer reduced motion\n                        transition: scale && !isPointerZooming && !isReducedMotion() ? 'all 250ms' : undefined,\n                    },\n                }}\n                loadingPlaceholderImageRef={loadingPlaceholderImageRef}\n            />\n        </SlideshowItem>\n    );\n}, isEqual);\n"],"names":["ImageSlide","React","memo","props","isActive","scale","onScaleChange","image","imgRef","propImgRef","imgProps","alt","loadingPlaceholderImageRef","scrollAreaRef","useRef","scrollAreaSize","updateSize","useSizeOnWindowResize","useEffect","imageSize","useImageSize","width","Number","parseInt","height","scaledImageSize","useMemo","horizontalScale","verticalScale","baseScale","Math","min","animateScroll","useAnimateScroll","isPointerZooming","usePointerZoom","useLayoutEffect","isScrollable","_jsx","SlideshowItem","ref","tabIndex","undefined","className","CLASSNAME","children","Thumbnail","useMergeRefs","style","maxHeight","maxWidth","transition","isReducedMotion","isEqual"],"mappings":"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"}

package/_internal/78a9c3cd.js

@@ -0,0 +1,4 @@
+const mdiArrowUp = 'M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z';
+
+export { mdiArrowUp };
+//# sourceMappingURL=78a9c3cd.js.map

package/_internal/78a9c3cd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"78a9c3cd.js","sources":["../../../lumx-icons/dist/esm/arrow-up.js"],"sourcesContent":["export const mdiArrowUp = 'M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z';"],"names":["mdiArrowUp"],"mappings":"AAAO,MAAMA,UAAU,GAAG;;;;"}

package/_internal/7a2da67a.js

@@ -0,0 +1,64 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { forwardRef } from './bd8b3ec8.js';
+import { jsx } from 'react/jsx-runtime';
+import { Orientation } from '@lumx/core/js/constants';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Grid';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  orientation: Orientation.horizontal,
+  wrap: 'nowrap'
+};
+
+/**
+ * Grid component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Grid = forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    gutter,
+    hAlign,
+    orientation = DEFAULT_PROPS.orientation,
+    vAlign,
+    wrap = DEFAULT_PROPS.wrap,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, `${CLASSNAME}-container`, {
+      [`${CLASSNAME}--h-align-${hAlign}`]: hAlign
+    }, {
+      [`${CLASSNAME}--v-align-${vAlign}`]: vAlign
+    }, handleBasicClasses({
+      prefix: CLASSNAME,
+      orientation,
+      wrap,
+      gutter
+    })),
+    children: children
+  });
+});
+Grid.displayName = COMPONENT_NAME;
+Grid.className = CLASSNAME;
+Grid.defaultProps = DEFAULT_PROPS;
+
+export { Grid };
+//# sourceMappingURL=7a2da67a.js.map

package/_internal/7a2da67a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"7a2da67a.js","sources":["../../src/components/grid/Grid.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Alignment, Orientation, Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\ntype GridGutterSize = Extract<Size, 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridProps extends GenericProps {\n    /** Orientation. */\n    orientation?: Orientation;\n    /** Whether the children are wrapped or not. */\n    wrap?: string;\n    /** Vertical alignment. */\n    vAlign?: Alignment;\n    /** Horizontal alignment. */\n    hAlign?: Alignment;\n    /** Gutter size. */\n    gutter?: GridGutterSize;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Grid';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<GridProps> = {\n    orientation: Orientation.horizontal,\n    wrap: 'nowrap',\n};\n\n/**\n * Grid component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Grid = forwardRef<GridProps, HTMLDivElement>((props, ref) => {\n    const {\n        children,\n        className,\n        gutter,\n        hAlign,\n        orientation = DEFAULT_PROPS.orientation,\n        vAlign,\n        wrap = DEFAULT_PROPS.wrap,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                `${CLASSNAME}-container`,\n                { [`${CLASSNAME}--h-align-${hAlign}`]: hAlign },\n                { [`${CLASSNAME}--v-align-${vAlign}`]: vAlign },\n                handleBasicClasses({ prefix: CLASSNAME, orientation, wrap, gutter }),\n            )}\n        >\n            {children}\n        </div>\n    );\n});\nGrid.displayName = COMPONENT_NAME;\nGrid.className = CLASSNAME;\nGrid.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","wrap","Grid","forwardRef","props","ref","children","className","gutter","hAlign","vAlign","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;AA2BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,MAAM,CAAA;;AAE7B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAiC,GAAG;EACtCC,WAAW,EAAEC,WAAW,CAACC,UAAU;AACnCC,EAAAA,IAAI,EAAE,QAAA;AACV,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAGC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAM;IACFC,QAAQ;IACRC,SAAS;IACTC,MAAM;IACNC,MAAM;IACNX,WAAW,GAAGD,aAAa,CAACC,WAAW;IACvCY,MAAM;IACNT,IAAI,GAAGJ,aAAa,CAACI,IAAI;IACzB,GAAGU,cAAAA;AACP,GAAC,GAAGP,KAAK,CAAA;AAET,EAAA,oBACIQ,GAAA,CAAA,KAAA,EAAA;AACIP,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLM,cAAc;IAClBJ,SAAS,EAAEM,UAAU,CACjBN,SAAS,EACT,CAAGZ,EAAAA,SAAS,YAAY,EACxB;AAAE,MAAA,CAAC,CAAGA,EAAAA,SAAS,CAAac,UAAAA,EAAAA,MAAM,EAAE,GAAGA,MAAAA;AAAO,KAAC,EAC/C;AAAE,MAAA,CAAC,CAAGd,EAAAA,SAAS,CAAae,UAAAA,EAAAA,MAAM,EAAE,GAAGA,MAAAA;KAAQ,EAC/CI,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEpB,SAAS;MAAEG,WAAW;MAAEG,IAAI;AAAEO,MAAAA,MAAAA;AAAO,KAAC,CACvE,CAAE;AAAAF,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,IAAI,CAACc,WAAW,GAAGtB,cAAc,CAAA;AACjCQ,IAAI,CAACK,SAAS,GAAGZ,SAAS,CAAA;AAC1BO,IAAI,CAACe,YAAY,GAAGpB,aAAa;;;;"}

package/_internal/7af4a428.js

@@ -0,0 +1,39 @@
+import { useState, useEffect } from 'react';
+
+function getState(img, event) {
+  // Error event occurred or image has no source.
+  if (event?.type === 'error' || img?.complete && !img.getAttribute('src')) {
+    return 'hasError';
+  }
+  // Image is undefined or incomplete.
+  if (!img || !img.complete) {
+    return 'isLoading';
+  }
+  // Else loaded.
+  return 'isLoaded';
+}
+function useImageLoad(imageURL, imgRef) {
+  const [state, setState] = useState(getState(imgRef));
+
+  // Update state when changing image URL or DOM reference.
+  useEffect(() => {
+    setState(getState(imgRef));
+  }, [imageURL, imgRef]);
+
+  // Listen to `load` and `error` event on image
+  useEffect(() => {
+    const img = imgRef;
+    if (!img) return undefined;
+    const update = event => setState(getState(img, event));
+    img.addEventListener('load', update);
+    img.addEventListener('error', update);
+    return () => {
+      img.removeEventListener('load', update);
+      img.removeEventListener('error', update);
+    };
+  }, [imgRef, imgRef?.src]);
+  return state;
+}
+
+export { useImageLoad };
+//# sourceMappingURL=7af4a428.js.map

package/_internal/7af4a428.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"7af4a428.js","sources":["../../src/components/thumbnail/useImageLoad.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type LoadingState = 'isLoading' | 'isLoaded' | 'hasError';\n\nfunction getState(img: HTMLImageElement | null | undefined, event?: Event) {\n    // Error event occurred or image has no source.\n    if (event?.type === 'error' || (img?.complete && !img.getAttribute('src'))) {\n        return 'hasError';\n    }\n    // Image is undefined or incomplete.\n    if (!img || !img.complete) {\n        return 'isLoading';\n    }\n    // Else loaded.\n    return 'isLoaded';\n}\n\nexport function useImageLoad(imageURL: string, imgRef?: HTMLImageElement): LoadingState {\n    const [state, setState] = useState<LoadingState>(getState(imgRef));\n\n    // Update state when changing image URL or DOM reference.\n    useEffect(() => {\n        setState(getState(imgRef));\n    }, [imageURL, imgRef]);\n\n    // Listen to `load` and `error` event on image\n    useEffect(() => {\n        const img = imgRef;\n        if (!img) return undefined;\n        const update = (event?: Event) => setState(getState(img, event));\n        img.addEventListener('load', update);\n        img.addEventListener('error', update);\n        return () => {\n            img.removeEventListener('load', update);\n            img.removeEventListener('error', update);\n        };\n    }, [imgRef, imgRef?.src]);\n\n    return state;\n}\n"],"names":["getState","img","event","type","complete","getAttribute","useImageLoad","imageURL","imgRef","state","setState","useState","useEffect","undefined","update","addEventListener","removeEventListener","src"],"mappings":";;AAIA,SAASA,QAAQA,CAACC,GAAwC,EAAEC,KAAa,EAAE;AACvE;AACA,EAAA,IAAIA,KAAK,EAAEC,IAAI,KAAK,OAAO,IAAKF,GAAG,EAAEG,QAAQ,IAAI,CAACH,GAAG,CAACI,YAAY,CAAC,KAAK,CAAE,EAAE;AACxE,IAAA,OAAO,UAAU,CAAA;AACrB,GAAA;AACA;AACA,EAAA,IAAI,CAACJ,GAAG,IAAI,CAACA,GAAG,CAACG,QAAQ,EAAE;AACvB,IAAA,OAAO,WAAW,CAAA;AACtB,GAAA;AACA;AACA,EAAA,OAAO,UAAU,CAAA;AACrB,CAAA;AAEO,SAASE,YAAYA,CAACC,QAAgB,EAAEC,MAAyB,EAAgB;AACpF,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAeX,QAAQ,CAACQ,MAAM,CAAC,CAAC,CAAA;;AAElE;AACAI,EAAAA,SAAS,CAAC,MAAM;AACZF,IAAAA,QAAQ,CAACV,QAAQ,CAACQ,MAAM,CAAC,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACD,QAAQ,EAAEC,MAAM,CAAC,CAAC,CAAA;;AAEtB;AACAI,EAAAA,SAAS,CAAC,MAAM;IACZ,MAAMX,GAAG,GAAGO,MAAM,CAAA;AAClB,IAAA,IAAI,CAACP,GAAG,EAAE,OAAOY,SAAS,CAAA;AAC1B,IAAA,MAAMC,MAAM,GAAIZ,KAAa,IAAKQ,QAAQ,CAACV,QAAQ,CAACC,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAA;AAChED,IAAAA,GAAG,CAACc,gBAAgB,CAAC,MAAM,EAAED,MAAM,CAAC,CAAA;AACpCb,IAAAA,GAAG,CAACc,gBAAgB,CAAC,OAAO,EAAED,MAAM,CAAC,CAAA;AACrC,IAAA,OAAO,MAAM;AACTb,MAAAA,GAAG,CAACe,mBAAmB,CAAC,MAAM,EAAEF,MAAM,CAAC,CAAA;AACvCb,MAAAA,GAAG,CAACe,mBAAmB,CAAC,OAAO,EAAEF,MAAM,CAAC,CAAA;KAC3C,CAAA;GACJ,EAAE,CAACN,MAAM,EAAEA,MAAM,EAAES,GAAG,CAAC,CAAC,CAAA;AAEzB,EAAA,OAAOR,KAAK,CAAA;AAChB;;;;"}