@lumx/react 3.20.1-alpha.35 → 3.20.1-alpha.37

package/_internal/705f415e.js

@@ -1,67 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useTheme, ThemeProvider } from './d8ee966d.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { NavigationSection } from './08948b47.js';
-import { NavigationItem } from './f2e34298.js';
-import { NavigationContext } from './6b61b268.js';
-import { jsx } from 'react/jsx-runtime';
-import { Orientation, Theme } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Navigation';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props
- */
-const DEFAULT_PROPS = {
-  orientation: Orientation.vertical
-};
-const Navigation = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    children,
-    className,
-    theme = defaultTheme,
-    orientation = DEFAULT_PROPS.orientation,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx(ThemeProvider, {
-    value: theme,
-    children: /*#__PURE__*/jsx("nav", {
-      className: classNames(className, handleBasicClasses({
-        prefix: CLASSNAME,
-        theme,
-        orientation
-      })),
-      ref: ref,
-      ...forwardedProps,
-      children: /*#__PURE__*/jsx(NavigationContext.Provider, {
-        value: {
-          orientation
-        },
-        children: /*#__PURE__*/jsx("ul", {
-          className: `${CLASSNAME}__list`,
-          children: children
-        })
-      })
-    })
-  });
-});
-Navigation.displayName = COMPONENT_NAME;
-Navigation.className = CLASSNAME;
-Navigation.defaultProps = DEFAULT_PROPS;
-
-// Sub components
-Navigation.Section = NavigationSection;
-Navigation.Item = NavigationItem;
-
-export { Navigation };
-//# sourceMappingURL=705f415e.js.map

package/_internal/705f415e.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

package/_internal/728684f6.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,93 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,38 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,61 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,72 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,104 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;AAqBA;AACO,MAAMA,UAAU,gBAAGC,cAAK,CAACC,IAAI,CAAEC,KAAsB,IAAK;EAC7D,MAAM;IACFC,QAAQ;IACRC,KAAK;IACLC,aAAa;AACbC,IAAAA,KAAK,EAAE;MAAEA,KAAK;AAAEC,MAAAA,MAAM,EAAEC,UAAU;MAAEC,QAAQ;MAAEC,GAAG;AAAEC,MAAAA,0BAAAA;AAA2B,KAAA;AAClF,GAAC,GAAGT,KAAK,CAAA;;AAET;AACA,EAAA,MAAMU,aAAa,GAAGZ,cAAK,CAACa,MAAM,CAAiB,IAAI,CAAC,CAAA;EACxD,MAAM,CAACC,cAAc,EAAEC,UAAU,CAAC,GAAGC,qBAAqB,CAACJ,aAAa,CAAC,CAAA;EACzEZ,cAAK,CAACiB,SAAS,CAAC,MAAM;AAClB;AACA,IAAA,IAAId,QAAQ,EAAEY,UAAU,EAAE,CAAA;AAC9B,GAAC,EAAE,CAACZ,QAAQ,EAAEY,UAAU,CAAC,CAAC,CAAA;;AAE1B;AACA,EAAA,MAAMR,MAAM,GAAGP,cAAK,CAACa,MAAM,CAAmB,IAAI,CAAC,CAAA;AACnD,EAAA,MAAMK,SAAS,GAAGC,YAAY,CAACZ,MAAM,EAAE,MAAM;IACzC,MAAMa,KAAK,GAAGC,MAAM,CAACC,QAAQ,CAACb,QAAQ,EAAEW,KAAK,EAAS,EAAE,CAAC,CAAA;IACzD,MAAMG,MAAM,GAAGF,MAAM,CAACC,QAAQ,CAACb,QAAQ,EAAEc,MAAM,EAAS,EAAE,CAAC,CAAA;IAC3D,OAAOH,KAAK,IAAIG,MAAM,GAAG;MAAEH,KAAK;AAAEG,MAAAA,MAAAA;AAAO,KAAC,GAAG,IAAI,CAAA;AACrD,GAAC,CAAC,CAAA;;AAEF;AACA,EAAA,MAAMC,eAAe,GAAGxB,cAAK,CAACyB,OAAO,CAAC,MAAM;AACxC,IAAA,IAAI,CAACX,cAAc,IAAI,CAACI,SAAS,EAAE;AAC/B,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;IACA,MAAMQ,eAAe,GAAGZ,cAAc,CAACM,KAAK,GAAGF,SAAS,CAACE,KAAK,CAAA;IAC9D,MAAMO,aAAa,GAAGb,cAAc,CAACS,MAAM,GAAGL,SAAS,CAACK,MAAM,CAAA;AAC9D,IAAA,MAAMK,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACC,GAAG,CAACJ,eAAe,EAAEC,aAAa,CAAC,CAAC,CAAA;IACvE,OAAO;MACHP,KAAK,EAAEF,SAAS,CAACE,KAAK,GAAGQ,SAAS,IAAIxB,KAAK,IAAI,CAAC,CAAC;MACjDmB,MAAM,EAAEL,SAAS,CAACK,MAAM,GAAGK,SAAS,IAAIxB,KAAK,IAAI,CAAC,CAAA;KACrD,CAAA;GACJ,EAAE,CAACU,cAAc,EAAEI,SAAS,EAAEd,KAAK,CAAC,CAAC,CAAA;;AAEtC;AACA,EAAA,MAAM2B,aAAa,GAAGC,gBAAgB,CAACpB,aAAa,CAAC,CAAA;;AAErD;EACA,MAAMqB,gBAAgB,GAAGC,cAAc,CAACtB,aAAa,EAAEP,aAAa,EAAE0B,aAAa,CAAC,CAAA;;AAEpF;EACA/B,cAAK,CAACmC,eAAe,CAAC,MAAM;AACxB,IAAA,IAAI/B,KAAK,IAAI,CAAC6B,gBAAgB,EAAE;AAC5BF,MAAAA,aAAa,EAAE,CAAA;AACnB,KAAA;GACH,EAAE,CAACE,gBAAgB,EAAE7B,KAAK,EAAE2B,aAAa,CAAC,CAAC,CAAA;EAE5C,MAAMK,YAAY,GACdZ,eAAe,IACfV,cAAc,KACbU,eAAe,CAACJ,KAAK,GAAGN,cAAc,CAACM,KAAK,IAAII,eAAe,CAACD,MAAM,GAAGT,cAAc,CAACS,MAAM,CAAC,CAAA;EAEpG,oBACIc,GAAA,CAACC,aAAa,EAAA;AACVC,IAAAA,GAAG,EAAE3B,aAAAA;AACL;AAAA;AACA4B,IAAAA,QAAQ,EAAEJ,YAAY,GAAG,CAAC,GAAGK,SAAU;IACvCC,SAAS,EAAE,CAAGC,EAAAA,SAAS,CAAgB,aAAA,CAAA;IAAAC,QAAA,eAEvCP,GAAA,CAACQ,SAAS,EAAA;AACNtC,MAAAA,MAAM,EAAEuC,YAAY,CAACvC,MAAM,EAAEC,UAAU,CAAE;AACzCF,MAAAA,KAAK,EAAEA,KAAM;AACbI,MAAAA,GAAG,EAAEA,GAAI;MACTgC,SAAS,EAAE,CAAGC,EAAAA,SAAS,CAAc,WAAA,CAAA;AACrClC,MAAAA,QAAQ,EAAE;AACN,QAAA,GAAGA,QAAQ;AACXsC,QAAAA,KAAK,EAAE;UACH,GAAGtC,QAAQ,EAAEsC,KAAK;AAClB,UAAA,IAAIvB,eAAe,IAAI;YACnBwB,SAAS,EAAElC,cAAc,EAAES,MAAM;YACjC0B,QAAQ,EAAEnC,cAAc,EAAEM,KAAAA;AAC9B,WAAC,CAAC;AACF;AACA8B,UAAAA,UAAU,EAAE9C,KAAK,IAAI,CAAC6B,gBAAgB,IAAI,CAACkB,eAAe,EAAE,GAAG,WAAW,GAAGV,SAAAA;AACjF,SAAA;OACF;AACF9B,MAAAA,0BAA0B,EAAEA,0BAAAA;KAC/B,CAAA;AAAC,GACS,CAAC,CAAA;AAExB,CAAC,EAAEyC,OAAO;;;;"}

package/_internal/78a9c3cd.js

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,64 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;"}