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

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.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":"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"}

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;;;;"}

package/_internal/7af4a428.js

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

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

package/_internal/7d4eb1c5.js

@@ -1,62 +0,0 @@
-import classNames from 'classnames';
-import { forwardRef } from './bd8b3ec8.js';
-import { useTabProviderContext } from './e0398237.js';
-import './6af61e2f.js';
-import { handleBasicClasses } from '@lumx/core/js/utils/className';
-import { jsx } from 'react/jsx-runtime';
-import { CSS_PREFIX } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'TabPanel';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = `${CSS_PREFIX}-tab-panel`;
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * TabPanel component.
- *
- * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const TabPanel = forwardRef((props, ref) => {
-  const {
-    children,
-    id,
-    className,
-    isActive: propIsActive,
-    ...forwardedProps
-  } = props;
-  const state = useTabProviderContext('tabPanel', id);
-  const isActive = propIsActive || state?.isActive;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    id: state?.tabPanelId,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      isActive
-    })),
-    role: "tabpanel",
-    tabIndex: isActive ? 0 : -1,
-    "aria-labelledby": state?.tabId,
-    children: (!state?.isLazy || isActive) && children
-  });
-});
-TabPanel.displayName = COMPONENT_NAME;
-TabPanel.className = CLASSNAME;
-TabPanel.defaultProps = DEFAULT_PROPS;
-
-export { TabPanel };
-//# sourceMappingURL=7d4eb1c5.js.map

package/_internal/7d4eb1c5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"7d4eb1c5.js","sources":["../../src/components/tabs/TabPanel.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTabProviderContext } from '@lumx/react/components/tabs/state';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/core/js/utils/className';\n\n/**\n * Defines the props of the component.\n */\nexport interface TabPanelProps extends GenericProps {\n    /** Native id property */\n    id?: string;\n    /** Whether the tab is active or not. */\n    isActive?: boolean;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TabPanel';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = `${CSS_PREFIX}-tab-panel`;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TabPanelProps> = {};\n\n/**\n * TabPanel component.\n *\n * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TabPanel = forwardRef<TabPanelProps, HTMLDivElement>((props, ref) => {\n    const { children, id, className, isActive: propIsActive, ...forwardedProps } = props;\n\n    const state = useTabProviderContext('tabPanel', id);\n    const isActive = propIsActive || state?.isActive;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            id={state?.tabPanelId}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, isActive }))}\n            role=\"tabpanel\"\n            tabIndex={isActive ? 0 : -1}\n            aria-labelledby={state?.tabId}\n        >\n            {(!state?.isLazy || isActive) && children}\n        </div>\n    );\n});\nTabPanel.displayName = COMPONENT_NAME;\nTabPanel.className = CLASSNAME;\nTabPanel.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","CSS_PREFIX","DEFAULT_PROPS","TabPanel","forwardRef","props","ref","children","id","className","isActive","propIsActive","forwardedProps","state","useTabProviderContext","_jsx","tabPanelId","classNames","handleBasicClasses","prefix","role","tabIndex","tabId","isLazy","displayName","defaultProps"],"mappings":";;;;;;;;AAoBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,UAAU,CAAA;;AAEjC;AACA;AACA;AACA,MAAMC,SAAS,GAAG,CAAGC,EAAAA,UAAU,CAAY,UAAA,CAAA,CAAA;;AAE3C;AACA;AACA;AACA,MAAMC,aAAqC,GAAG,EAAE,CAAA;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,QAAQ,GAAGC,UAAU,CAAgC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9E,MAAM;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,SAAS;AAAEC,IAAAA,QAAQ,EAAEC,YAAY;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGP,KAAK,CAAA;AAEpF,EAAA,MAAMQ,KAAK,GAAGC,qBAAqB,CAAC,UAAU,EAAEN,EAAE,CAAC,CAAA;AACnD,EAAA,MAAME,QAAQ,GAAGC,YAAY,IAAIE,KAAK,EAAEH,QAAQ,CAAA;AAEhD,EAAA,oBACIK,GAAA,CAAA,KAAA,EAAA;AACIT,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLM,cAAc;IAClBJ,EAAE,EAAEK,KAAK,EAAEG,UAAW;AACtBP,IAAAA,SAAS,EAAEQ,UAAU,CAACR,SAAS,EAAES,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEnB,SAAS;AAAEU,MAAAA,QAAAA;AAAS,KAAC,CAAC,CAAE;AACtFU,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,QAAQ,EAAEX,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAE;IAC5B,iBAAiBG,EAAAA,KAAK,EAAES,KAAM;IAAAf,QAAA,EAE7B,CAAC,CAACM,KAAK,EAAEU,MAAM,IAAIb,QAAQ,KAAKH,QAAAA;AAAQ,GACxC,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,QAAQ,CAACqB,WAAW,GAAGzB,cAAc,CAAA;AACrCI,QAAQ,CAACM,SAAS,GAAGT,SAAS,CAAA;AAC9BG,QAAQ,CAACsB,YAAY,GAAGvB,aAAa;;;;"}

package/_internal/7d9c0855.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"7d9c0855.js","sources":["../../src/hooks/useChipGroupNavigation.tsx"],"sourcesContent":["import { useState } from 'react';\n\ninterface UseChipGroupNavigation {\n    /** the current active chip index */\n    activeChip: number;\n\n    /** callback to be executed when the backspace was pressed */\n    onBackspacePressed(): void;\n\n    /** function that allows to reset the navigation */\n    resetChipNavigation(): void;\n}\n\nexport type useChipGroupNavigationType<C = any> = (\n    chips: C[],\n    onChipDeleted: (chip: C) => void,\n    initialActiveChip?: number,\n) => UseChipGroupNavigation;\n\nconst INITIAL_STATE_ACTIVE_CHIP = -1;\n\n/**\n * Hook that provides the necessary information to manage chips navigation.\n * @param chips             List of chips selected.\n * @param onChipDeleted     Callback executed when a chip must be eliminated.\n * @param initialActiveChip Initial active chip index.\n *\n * @return chip navigation tools.\n */\nexport const useChipGroupNavigation: useChipGroupNavigationType = (\n    chips,\n    onChipDeleted,\n    initialActiveChip = INITIAL_STATE_ACTIVE_CHIP,\n) => {\n    const [wasBackspacePressed, setWasBackspacePressed] = useState(false);\n    const [activeChip, setActiveChip] = useState(initialActiveChip);\n\n    /**\n     * Resets the active index and backspace control to their initial state\n     */\n    const resetChipNavigation = () => {\n        setWasBackspacePressed(false);\n        setActiveChip(initialActiveChip);\n    };\n\n    /**\n     * Callback to be executed when the backspace was pressed. If there are no chips\n     * selected, it will return immediately. If there are it will check if the\n     * backspace was already pressed. if it was, it means that the user wants to eliminate\n     * the chip, so we execute the `onChipDeleted` function and reset internal state.\n     *\n     * If it was not pressed before, we set the `wasBackspacePressed` flag to true and\n     * highlight the last chip.\n     */\n    const onBackspacePressed = () => {\n        if (chips.length === 0) {\n            return;\n        }\n\n        if (wasBackspacePressed) {\n            const chipDeleted: any = chips[chips.length - 1];\n            onChipDeleted(chipDeleted);\n            resetChipNavigation();\n        } else {\n            setActiveChip(chips.length - 1);\n            setWasBackspacePressed(true);\n        }\n    };\n\n    return {\n        activeChip,\n        onBackspacePressed,\n        resetChipNavigation,\n    };\n};\n"],"names":["INITIAL_STATE_ACTIVE_CHIP","useChipGroupNavigation","chips","onChipDeleted","initialActiveChip","wasBackspacePressed","setWasBackspacePressed","useState","activeChip","setActiveChip","resetChipNavigation","onBackspacePressed","length","chipDeleted"],"mappings":";;AAmBA,MAAMA,yBAAyB,GAAG,CAAC,CAAC,CAAA;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,sBAAkD,GAAGA,CAC9DC,KAAK,EACLC,aAAa,EACbC,iBAAiB,GAAGJ,yBAAyB,KAC5C;EACD,MAAM,CAACK,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACrE,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGF,QAAQ,CAACH,iBAAiB,CAAC,CAAA;;AAE/D;AACJ;AACA;EACI,MAAMM,mBAAmB,GAAGA,MAAM;IAC9BJ,sBAAsB,CAAC,KAAK,CAAC,CAAA;IAC7BG,aAAa,CAACL,iBAAiB,CAAC,CAAA;GACnC,CAAA;;AAED;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACI,MAAMO,kBAAkB,GAAGA,MAAM;AAC7B,IAAA,IAAIT,KAAK,CAACU,MAAM,KAAK,CAAC,EAAE;AACpB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIP,mBAAmB,EAAE;MACrB,MAAMQ,WAAgB,GAAGX,KAAK,CAACA,KAAK,CAACU,MAAM,GAAG,CAAC,CAAC,CAAA;MAChDT,aAAa,CAACU,WAAW,CAAC,CAAA;AAC1BH,MAAAA,mBAAmB,EAAE,CAAA;AACzB,KAAC,MAAM;AACHD,MAAAA,aAAa,CAACP,KAAK,CAACU,MAAM,GAAG,CAAC,CAAC,CAAA;MAC/BN,sBAAsB,CAAC,IAAI,CAAC,CAAA;AAChC,KAAA;GACH,CAAA;EAED,OAAO;IACHE,UAAU;IACVG,kBAAkB;AAClBD,IAAAA,mBAAAA;GACH,CAAA;AACL;;;;"}

package/_internal/7eca7fcd.js

@@ -1,28 +0,0 @@
-/**
- * Parse locale code
- * @example
- *   parseLocale('EN') // => { code: 'en', language: 'en' }
- *   parseLocale('en_us') // => { code: 'en-US', language: 'en', region: 'US' }
- *   parseLocale('EN-US') // => { code: 'en-US', language: 'en', region: 'US' }
- */
-function parseLocale(locale) {
-  const [rawLanguage, rawRegion] = locale.split(/[-_]/);
-  if (!rawLanguage) {
-    return undefined;
-  }
-  const language = rawLanguage.toLowerCase();
-  let region;
-  let code = language;
-  if (rawRegion) {
-    region = rawRegion.toUpperCase();
-    code += `-${region}`;
-  }
-  return {
-    code,
-    region,
-    language
-  };
-}
-
-export { parseLocale };
-//# sourceMappingURL=7eca7fcd.js.map

package/_internal/7eca7fcd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"7eca7fcd.js","sources":["../../src/utils/locale/parseLocale.ts"],"sourcesContent":["import { Locale } from '@lumx/react/utils/locale/types';\n\n/**\n * Parse locale code\n * @example\n *   parseLocale('EN') // => { code: 'en', language: 'en' }\n *   parseLocale('en_us') // => { code: 'en-US', language: 'en', region: 'US' }\n *   parseLocale('EN-US') // => { code: 'en-US', language: 'en', region: 'US' }\n */\nexport function parseLocale(locale: string): Locale | undefined {\n    const [rawLanguage, rawRegion] = locale.split(/[-_]/);\n    if (!rawLanguage) {\n        return undefined;\n    }\n    const language = rawLanguage.toLowerCase();\n    let region: string | undefined;\n    let code = language;\n    if (rawRegion) {\n        region = rawRegion.toUpperCase();\n        code += `-${region}`;\n    }\n    return { code, region, language };\n}\n"],"names":["parseLocale","locale","rawLanguage","rawRegion","split","undefined","language","toLowerCase","region","code","toUpperCase"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAWA,CAACC,MAAc,EAAsB;EAC5D,MAAM,CAACC,WAAW,EAAEC,SAAS,CAAC,GAAGF,MAAM,CAACG,KAAK,CAAC,MAAM,CAAC,CAAA;EACrD,IAAI,CAACF,WAAW,EAAE;AACd,IAAA,OAAOG,SAAS,CAAA;AACpB,GAAA;AACA,EAAA,MAAMC,QAAQ,GAAGJ,WAAW,CAACK,WAAW,EAAE,CAAA;AAC1C,EAAA,IAAIC,MAA0B,CAAA;EAC9B,IAAIC,IAAI,GAAGH,QAAQ,CAAA;AACnB,EAAA,IAAIH,SAAS,EAAE;AACXK,IAAAA,MAAM,GAAGL,SAAS,CAACO,WAAW,EAAE,CAAA;IAChCD,IAAI,IAAI,CAAID,CAAAA,EAAAA,MAAM,CAAE,CAAA,CAAA;AACxB,GAAA;EACA,OAAO;IAAEC,IAAI;IAAED,MAAM;AAAEF,IAAAA,QAAAA;GAAU,CAAA;AACrC;;;;"}