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

package/_internal/2fc47dc4.js

@@ -1,133 +0,0 @@
-import React__default from 'react';
-import memoize from 'lodash/memoize';
-import { startViewTransition } from './0c58c8e2.js';
-import { findImage } from './b977b471.js';
-import { CLASSNAME } from './31b6784b.js';
-
-/** Subset of the ImageLightboxProps managed by the useImageLightbox hook */
-
-const EMPTY_PROPS = {
-  isOpen: false,
-  images: [],
-  parentElement: /*#__PURE__*/React__default.createRef()
-};
-/**
- * Set up an ImageLightbox with images and triggers.
- *
- * - Associate a trigger with the lightbox to properly focus the trigger on close
- * - Associate a trigger with an image to display on open
- * - Automatically provide a view transition between an image trigger and the displayed image on open & close
- *
- * @param props Images to display in the image lightbox
- */
-function useImageLightbox(props) {
-  const propsRef = React__default.useRef(props);
-  React__default.useEffect(() => {
-    propsRef.current = props;
-  }, [props]);
-
-  // Keep reference for each image elements
-  const imageRefsRef = React__default.useRef([]);
-  const currentImageRef = React__default.useRef(null);
-  const [imageLightboxProps, setImageLightboxProps] = React__default.useState(() => ({
-    ...EMPTY_PROPS,
-    ...props
-  }));
-  const getTriggerProps = React__default.useMemo(() => {
-    const triggerImageRefs = {};
-    async function close() {
-      const currentImage = currentImageRef.current;
-      if (!currentImage) {
-        return;
-      }
-      const currentIndex = imageRefsRef.current.findIndex(imageRef => imageRef.current === currentImage);
-      await startViewTransition({
-        changes() {
-          // Close lightbox
-          setImageLightboxProps(prevProps => ({
-            ...prevProps,
-            isOpen: false
-          }));
-        },
-        // Morph from the image in lightbox to the image in trigger
-        viewTransitionName: {
-          source: currentImageRef,
-          target: triggerImageRefs[currentIndex],
-          name: CLASSNAME
-        }
-      });
-    }
-    async function open(triggerElement, {
-      activeImageIndex
-    } = {}) {
-      // If we find an image inside the trigger, animate it in transition with the opening image
-      const triggerImage = triggerImageRefs[activeImageIndex]?.current || findImage(triggerElement);
-
-      // Inject refs to improve transition and loading style
-      const images = propsRef.current?.images?.map((image, idx) => {
-        // Get or create image reference
-        let imgRef = imageRefsRef.current[idx];
-        if (!imgRef) {
-          imgRef = /*#__PURE__*/React__default.createRef();
-          imageRefsRef.current[idx] = imgRef;
-        }
-
-        // Try to use the trigger image as the loading placeholder
-        const loadingPlaceholderImageRef = triggerImage && idx === activeImageIndex ? {
-          current: triggerImage
-        } : undefined;
-        return {
-          loadingPlaceholderImageRef,
-          ...image,
-          imgRef
-        };
-      });
-      await startViewTransition({
-        changes: () => {
-          // Open lightbox with setup props
-          setImageLightboxProps(prevProps => ({
-            ...prevProps,
-            ...propsRef.current,
-            activeImageRef: currentImageRef,
-            parentElement: {
-              current: triggerElement
-            },
-            isOpen: true,
-            onClose: () => {
-              close();
-              propsRef.current?.onClose?.();
-            },
-            images,
-            activeImageIndex: activeImageIndex || 0
-          }));
-        },
-        // Morph from the image in trigger to the image in lightbox
-        viewTransitionName: {
-          source: triggerImage,
-          target: currentImageRef,
-          name: CLASSNAME
-        }
-      });
-    }
-    return memoize(options => ({
-      ref(element) {
-        // Track trigger image ref if any
-        if (options?.activeImageIndex !== undefined && element) {
-          triggerImageRefs[options.activeImageIndex] = {
-            current: findImage(element)
-          };
-        }
-      },
-      onClick(e) {
-        open(e.target, options);
-      }
-    }));
-  }, []);
-  return {
-    getTriggerProps,
-    imageLightboxProps
-  };
-}
-
-export { useImageLightbox };
-//# sourceMappingURL=2fc47dc4.js.map

package/_internal/2fc47dc4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"2fc47dc4.js","sources":["../../src/components/image-lightbox/useImageLightbox.tsx"],"sourcesContent":["import React from 'react';\n\nimport memoize from 'lodash/memoize';\n\nimport { startViewTransition } from '@lumx/react/utils/browser/DOM/startViewTransition';\nimport { findImage } from '@lumx/react/utils/browser/DOM/findImage';\n\nimport type { ImageLightboxProps } from './types';\nimport { CLASSNAME } from './constants';\n\n/** Subset of the ImageLightboxProps managed by the useImageLightbox hook */\ntype ManagedProps = Pick<\n    ImageLightboxProps,\n    'isOpen' | 'images' | 'parentElement' | 'activeImageRef' | 'onClose' | 'activeImageIndex'\n>;\n\nconst EMPTY_PROPS: ManagedProps = { isOpen: false, images: [], parentElement: React.createRef() };\n\ntype TriggerOptions = Pick<ImageLightboxProps, 'activeImageIndex'>;\n\n/**\n * Set up an ImageLightbox with images and triggers.\n *\n * - Associate a trigger with the lightbox to properly focus the trigger on close\n * - Associate a trigger with an image to display on open\n * - Automatically provide a view transition between an image trigger and the displayed image on open & close\n *\n * @param props Images to display in the image lightbox\n */\nexport function useImageLightbox<P extends Partial<ImageLightboxProps>>(\n    props: P,\n): {\n    /**\n     * Generates trigger props\n     * @param index Provide an index to choose which image to display when the image lightbox opens.\n     * */\n    getTriggerProps: (options?: TriggerOptions) => { onClick: React.MouseEventHandler; ref: React.Ref<any> };\n    /** Props to forward to the ImageLightbox */\n    imageLightboxProps: ManagedProps & P;\n} {\n    const propsRef = React.useRef(props);\n\n    React.useEffect(() => {\n        propsRef.current = props;\n    }, [props]);\n\n    // Keep reference for each image elements\n    const imageRefsRef = React.useRef<Array<React.RefObject<HTMLImageElement>>>([]);\n\n    const currentImageRef = React.useRef<HTMLImageElement>(null);\n    const [imageLightboxProps, setImageLightboxProps] = React.useState(\n        () => ({ ...EMPTY_PROPS, ...props }) as ManagedProps & P,\n    );\n\n    const getTriggerProps = React.useMemo(() => {\n        const triggerImageRefs: Record<number, React.RefObject<HTMLImageElement>> = {};\n\n        async function close() {\n            const currentImage = currentImageRef.current;\n            if (!currentImage) {\n                return;\n            }\n            const currentIndex = imageRefsRef.current.findIndex(\n                (imageRef) => imageRef.current === currentImage,\n            ) as number;\n\n            await startViewTransition({\n                changes() {\n                    // Close lightbox\n                    setImageLightboxProps((prevProps) => ({ ...prevProps, isOpen: false }));\n                },\n                // Morph from the image in lightbox to the image in trigger\n                viewTransitionName: {\n                    source: currentImageRef,\n                    target: triggerImageRefs[currentIndex],\n                    name: CLASSNAME,\n                },\n            });\n        }\n\n        async function open(triggerElement: HTMLElement, { activeImageIndex }: TriggerOptions = {}) {\n            // If we find an image inside the trigger, animate it in transition with the opening image\n            const triggerImage = triggerImageRefs[activeImageIndex as any]?.current || findImage(triggerElement);\n\n            // Inject refs to improve transition and loading style\n            const images = propsRef.current?.images?.map((image, idx) => {\n                // Get or create image reference\n                let imgRef = imageRefsRef.current[idx];\n                if (!imgRef) {\n                    imgRef = React.createRef();\n                    imageRefsRef.current[idx] = imgRef;\n                }\n\n                // Try to use the trigger image as the loading placeholder\n                const loadingPlaceholderImageRef =\n                    triggerImage && idx === activeImageIndex ? { current: triggerImage } : undefined;\n\n                return { loadingPlaceholderImageRef, ...image, imgRef };\n            });\n\n            await startViewTransition({\n                changes: () => {\n                    // Open lightbox with setup props\n                    setImageLightboxProps((prevProps) => ({\n                        ...prevProps,\n                        ...propsRef.current,\n                        activeImageRef: currentImageRef,\n                        parentElement: { current: triggerElement },\n                        isOpen: true,\n                        onClose: () => {\n                            close();\n                            propsRef.current?.onClose?.();\n                        },\n                        images,\n                        activeImageIndex: activeImageIndex || 0,\n                    }));\n                },\n                // Morph from the image in trigger to the image in lightbox\n                viewTransitionName: {\n                    source: triggerImage,\n                    target: currentImageRef,\n                    name: CLASSNAME,\n                },\n            });\n        }\n\n        return memoize((options?: TriggerOptions) => ({\n            ref(element: HTMLElement | null) {\n                // Track trigger image ref if any\n                if (options?.activeImageIndex !== undefined && element) {\n                    triggerImageRefs[options.activeImageIndex] = { current: findImage(element) };\n                }\n            },\n            onClick(e: React.MouseEvent) {\n                open(e.target as HTMLElement, options);\n            },\n        }));\n    }, []);\n\n    return { getTriggerProps, imageLightboxProps };\n}\n"],"names":["EMPTY_PROPS","isOpen","images","parentElement","React","createRef","useImageLightbox","props","propsRef","useRef","useEffect","current","imageRefsRef","currentImageRef","imageLightboxProps","setImageLightboxProps","useState","getTriggerProps","useMemo","triggerImageRefs","close","currentImage","currentIndex","findIndex","imageRef","startViewTransition","changes","prevProps","viewTransitionName","source","target","name","CLASSNAME","open","triggerElement","activeImageIndex","triggerImage","findImage","map","image","idx","imgRef","loadingPlaceholderImageRef","undefined","activeImageRef","onClose","memoize","options","ref","element","onClick","e"],"mappings":"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"}

package/_internal/30ecdee3.js

@@ -1,9 +0,0 @@
-function getHTMLElementScroll(element) {
-  return {
-    scrollLeft: element.scrollLeft,
-    scrollTop: element.scrollTop
-  };
-}
-
-export { getHTMLElementScroll as default };
-//# sourceMappingURL=30ecdee3.js.map

package/_internal/30ecdee3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"30ecdee3.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js"],"sourcesContent":["export default function getHTMLElementScroll(element) {\n  return {\n    scrollLeft: element.scrollLeft,\n    scrollTop: element.scrollTop\n  };\n}"],"names":[],"mappings":"AAAe,SAAS,oBAAoB,CAAC,OAAO,EAAE;AACtD,EAAE,OAAO;AACT,IAAI,UAAU,EAAE,OAAO,CAAC,UAAU;AAClC,IAAI,SAAS,EAAE,OAAO,CAAC,SAAS;AAChC,GAAG,CAAC;AACJ;;;;","x_google_ignoreList":[0]}

package/_internal/3119c1fe.js

@@ -1,61 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from './bd8b3ec8.js';
-import { useTheme } from './d8ee966d.js';
-import { INPUT_HELPER_CONFIGURATION } from './08b0de35.js';
-import { jsx } from 'react/jsx-runtime';
-import { Kind, Theme } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'InputHelper';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  kind: Kind.info
-};
-
-/**
- * InputHelper component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const InputHelper = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    children,
-    className,
-    kind = DEFAULT_PROPS.kind,
-    theme = defaultTheme,
-    ...forwardedProps
-  } = props;
-  const {
-    color
-  } = INPUT_HELPER_CONFIGURATION[kind] || {};
-  return /*#__PURE__*/jsx("p", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      color,
-      theme
-    })),
-    children: children
-  });
-});
-InputHelper.displayName = COMPONENT_NAME;
-InputHelper.className = CLASSNAME;
-InputHelper.defaultProps = DEFAULT_PROPS;
-
-export { InputHelper };
-//# sourceMappingURL=3119c1fe.js.map

package/_internal/3119c1fe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"3119c1fe.js","sources":["../../src/components/input-helper/InputHelper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Kind, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { INPUT_HELPER_CONFIGURATION } from './constants';\n\n/**\n * Defines the props of the component.\n */\nexport interface InputHelperProps extends GenericProps, HasTheme {\n    /** Helper content. */\n    children: string | ReactNode;\n    /** Helper variant. */\n    kind?: Kind;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'InputHelper';\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<InputHelperProps> = {\n    kind: Kind.info,\n};\n\n/**\n * InputHelper component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const InputHelper = forwardRef<InputHelperProps, HTMLParagraphElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { children, className, kind = DEFAULT_PROPS.kind, theme = defaultTheme, ...forwardedProps } = props;\n    const { color } = INPUT_HELPER_CONFIGURATION[kind as any] || {};\n\n    return (\n        <p\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color, theme }))}\n        >\n            {children}\n        </p>\n    );\n});\n\nInputHelper.displayName = COMPONENT_NAME;\nInputHelper.className = CLASSNAME;\nInputHelper.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","kind","Kind","info","InputHelper","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","theme","forwardedProps","color","INPUT_HELPER_CONFIGURATION","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;;;AAsBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,aAAa,CAAA;;AAEpC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAwC,GAAG;EAC7CC,IAAI,EAAEC,IAAI,CAACC,IAAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAW,GAAGC,UAAU,CAAyC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1F,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEZ,IAAI,GAAGD,aAAa,CAACC,IAAI;AAAEa,IAAAA,KAAK,GAAGN,YAAY;IAAE,GAAGO,cAAAA;AAAe,GAAC,GAAGT,KAAK,CAAA;EACzG,MAAM;AAAEU,IAAAA,KAAAA;AAAM,GAAC,GAAGC,0BAA0B,CAAChB,IAAI,CAAQ,IAAI,EAAE,CAAA;AAE/D,EAAA,oBACIiB,GAAA,CAAA,GAAA,EAAA;AACIX,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLQ,cAAc;AAClBF,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEvB,SAAS;MAAEkB,KAAK;AAAEF,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAE;AAAAF,IAAAA,QAAA,EAEzFA,QAAAA;AAAQ,GACV,CAAC,CAAA;AAEZ,CAAC,EAAC;AAEFR,WAAW,CAACkB,WAAW,GAAGzB,cAAc,CAAA;AACxCO,WAAW,CAACS,SAAS,GAAGf,SAAS,CAAA;AACjCM,WAAW,CAACmB,YAAY,GAAGvB,aAAa;;;;"}

package/_internal/31b6784b.js

@@ -1,14 +0,0 @@
-import { getRootClassName } from '@lumx/core/js/utils/className';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ImageLightbox';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-export { CLASSNAME, COMPONENT_NAME };
-//# sourceMappingURL=31b6784b.js.map

package/_internal/31b6784b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"31b6784b.js","sources":["../../src/components/image-lightbox/constants.ts"],"sourcesContent":["import { getRootClassName } from '@lumx/core/js/utils/className';\n\n/**\n * Component display name.\n */\nexport const COMPONENT_NAME = 'ImageLightbox';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName"],"mappings":";;AAEA;AACA;AACA;AACO,MAAMA,cAAc,GAAG,gBAAe;;AAE7C;AACA;AACA;MACaC,SAAS,GAAGC,gBAAgB,CAACF,cAAc;;;;"}

package/_internal/341034b4.js

@@ -1,48 +0,0 @@
-import { Children } from 'react';
-import classNames from 'classnames';
-import { isComponent } from './ebe24fd7.js';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { useTheme } from './d8ee966d.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-import { SideNavigationItem } from './36008a95.js';
-import { Theme } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SideNavigation';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * SideNavigation component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SideNavigation = forwardRef((props, ref) => {
-  const defaultTheme = useTheme();
-  const {
-    children,
-    className,
-    theme = defaultTheme,
-    ...forwardedProps
-  } = props;
-  const content = Children.toArray(children).filter(isComponent(SideNavigationItem));
-  return /*#__PURE__*/jsx("ul", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, theme === Theme.dark && 'lumx-color-font-light-N', CLASSNAME),
-    children: content
-  });
-});
-SideNavigation.displayName = COMPONENT_NAME;
-SideNavigation.className = CLASSNAME;
-
-export { SideNavigation };
-//# sourceMappingURL=341034b4.js.map

package/_internal/341034b4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"341034b4.js","sources":["../../src/components/side-navigation/SideNavigation.tsx"],"sourcesContent":["import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { SideNavigationItem, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface SideNavigationProps extends GenericProps, HasTheme {\n    /** SideNavigationItem elements. */\n    children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SideNavigation';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SideNavigation component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SideNavigation = forwardRef<SideNavigationProps, HTMLUListElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const { children, className, theme = defaultTheme, ...forwardedProps } = props;\n    const content = Children.toArray(children).filter(isComponent(SideNavigationItem));\n\n    return (\n        <ul\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, theme === Theme.dark && 'lumx-color-font-light-N', CLASSNAME)}\n        >\n            {content}\n        </ul>\n    );\n});\nSideNavigation.displayName = COMPONENT_NAME;\nSideNavigation.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","SideNavigation","forwardRef","props","ref","defaultTheme","useTheme","children","className","theme","forwardedProps","content","Children","toArray","filter","isComponent","SideNavigationItem","_jsx","classNames","Theme","dark","displayName"],"mappings":";;;;;;;;;;AAkBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,gBAAgB,CAAA;;AAEvC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAGC,UAAU,CAAwC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAC5F,EAAA,MAAMC,YAAY,GAAGC,QAAQ,EAAE,CAAA;EAC/B,MAAM;IAAEC,QAAQ;IAAEC,SAAS;AAAEC,IAAAA,KAAK,GAAGJ,YAAY;IAAE,GAAGK,cAAAA;AAAe,GAAC,GAAGP,KAAK,CAAA;AAC9E,EAAA,MAAMQ,OAAO,GAAGC,QAAQ,CAACC,OAAO,CAACN,QAAQ,CAAC,CAACO,MAAM,CAACC,WAAW,CAACC,kBAAkB,CAAC,CAAC,CAAA;AAElF,EAAA,oBACIC,GAAA,CAAA,IAAA,EAAA;AACIb,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLM,cAAc;AAClBF,IAAAA,SAAS,EAAEU,UAAU,CAACV,SAAS,EAAEC,KAAK,KAAKU,KAAK,CAACC,IAAI,IAAI,yBAAyB,EAAErB,SAAS,CAAE;AAAAQ,IAAAA,QAAA,EAE9FI,OAAAA;AAAO,GACR,CAAC,CAAA;AAEb,CAAC,EAAC;AACFV,cAAc,CAACoB,WAAW,GAAGvB,cAAc,CAAA;AAC3CG,cAAc,CAACO,SAAS,GAAGT,SAAS;;;;"}

package/_internal/341ceaa9.js

@@ -1,4 +0,0 @@
-const mdiMagnifyPlusOutline = 'm15.5 14 5 5-1.5 1.5-5-5v-.79l-.27-.28A6.5 6.5 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3 6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.57 4.23l.28.27zm-6 0C12 14 14 12 14 9.5S12 5 9.5 5 5 7 5 9.5 7 14 9.5 14m2.5-4h-2v2H9v-2H7V9h2V7h1v2h2z';
-
-export { mdiMagnifyPlusOutline };
-//# sourceMappingURL=341ceaa9.js.map

package/_internal/341ceaa9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"341ceaa9.js","sources":["../../../lumx-icons/dist/esm/magnify-plus-outline.js"],"sourcesContent":["export const mdiMagnifyPlusOutline = 'm15.5 14 5 5-1.5 1.5-5-5v-.79l-.27-.28A6.5 6.5 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3 6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.57 4.23l.28.27zm-6 0C12 14 14 12 14 9.5S12 5 9.5 5 5 7 5 9.5 7 14 9.5 14m2.5-4h-2v2H9v-2H7V9h2V7h1v2h2z';"],"names":["mdiMagnifyPlusOutline"],"mappings":"AAAO,MAAMA,qBAAqB,GAAG;;;;"}

package/_internal/355f875f.js

@@ -1,9 +0,0 @@
-import { WINDOW } from './6af61e2f.js';
-
-/** Check if user prefers reduced motion */
-function isReducedMotion() {
-  return WINDOW?.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
-}
-
-export { isReducedMotion };
-//# sourceMappingURL=355f875f.js.map

package/_internal/355f875f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"355f875f.js","sources":["../../src/utils/browser/isReducedMotion.ts"],"sourcesContent":["import { WINDOW } from '@lumx/react/constants';\n\n/** Check if user prefers reduced motion */\nexport function isReducedMotion() {\n    return WINDOW?.matchMedia?.('(prefers-reduced-motion: reduce)').matches;\n}\n"],"names":["isReducedMotion","WINDOW","matchMedia","matches"],"mappings":";;AAEA;AACO,SAASA,eAAeA,GAAG;AAC9B,EAAA,OAAOC,MAAM,EAAEC,UAAU,GAAG,kCAAkC,CAAC,CAACC,OAAO,CAAA;AAC3E;;;;"}

package/_internal/36008a95.js

@@ -1,130 +0,0 @@
-import { Children } from 'react';
-import classNames from 'classnames';
-import isEmpty from 'lodash/isEmpty';
-import { isComponent } from './ebe24fd7.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useId } from './11687649.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { RawClickable } from './a6dc95cd.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Emphasis, Size } from '@lumx/core/js/constants';
-import { Icon } from './595d0e66.js';
-import { IconButton } from './5a0207d9.js';
-import { mdiChevronUp } from './0846b7f3.js';
-import { mdiChevronDown } from './256f8eff.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SideNavigationItem';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  emphasis: Emphasis.high,
-  closeMode: 'unmount'
-};
-
-/**
- * SideNavigationItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SideNavigationItem = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    emphasis = DEFAULT_PROPS.emphasis,
-    icon,
-    isOpen,
-    isSelected,
-    label,
-    linkAs,
-    linkProps,
-    onActionClick,
-    onClick,
-    toggleButtonProps,
-    closeMode = DEFAULT_PROPS.closeMode,
-    ...forwardedProps
-  } = props;
-  const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));
-  const hasContent = !isEmpty(content);
-  const shouldSplitActions = Boolean(onActionClick);
-  const showChildren = hasContent && isOpen;
-  const contentId = useId();
-  const ariaProps = {};
-  if (hasContent) {
-    ariaProps['aria-expanded'] = !!showChildren;
-    // Associate with content ID only if in DOM (shown or hidden and not unmounted)
-    ariaProps['aria-controls'] = showChildren || closeMode === 'hide' ? contentId : undefined;
-  }
-  return /*#__PURE__*/jsxs("li", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      emphasis,
-      isOpen: showChildren,
-      isSelected,
-      prefix: CLASSNAME
-    })),
-    children: [shouldSplitActions ? /*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__wrapper`,
-      children: [/*#__PURE__*/jsxs(RawClickable, {
-        as: linkAs || (linkProps?.href ? 'a' : 'button'),
-        ...linkProps,
-        className: `${CLASSNAME}__link`,
-        onClick: onClick,
-        children: [icon && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME}__icon`,
-          icon: icon,
-          size: Size.xs
-        }), /*#__PURE__*/jsx("span", {
-          children: label
-        })]
-      }), /*#__PURE__*/jsx(IconButton, {
-        ...toggleButtonProps,
-        className: `${CLASSNAME}__toggle`,
-        icon: isOpen ? mdiChevronUp : mdiChevronDown,
-        size: Size.m,
-        emphasis: Emphasis.low,
-        onClick: onActionClick,
-        ...ariaProps
-      })]
-    }) : /*#__PURE__*/jsxs(RawClickable, {
-      as: linkAs || (linkProps?.href ? 'a' : 'button'),
-      ...linkProps,
-      className: `${CLASSNAME}__link`,
-      onClick: onClick,
-      ...ariaProps,
-      children: [icon && /*#__PURE__*/jsx(Icon, {
-        className: `${CLASSNAME}__icon`,
-        icon: icon,
-        size: Size.xs
-      }), /*#__PURE__*/jsx("span", {
-        children: label
-      }), hasContent && /*#__PURE__*/jsx(Icon, {
-        className: `${CLASSNAME}__chevron`,
-        icon: isOpen ? mdiChevronUp : mdiChevronDown,
-        size: Size.xs
-      })]
-    }), (closeMode === 'hide' || showChildren) && /*#__PURE__*/jsx("ul", {
-      className: `${CLASSNAME}__children`,
-      id: contentId,
-      children: content
-    })]
-  });
-});
-SideNavigationItem.displayName = COMPONENT_NAME;
-SideNavigationItem.className = CLASSNAME;
-SideNavigationItem.defaultProps = DEFAULT_PROPS;
-
-export { SideNavigationItem };
-//# sourceMappingURL=36008a95.js.map

package/_internal/36008a95.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"36008a95.js","sources":["../../src/components/side-navigation/SideNavigationItem.tsx"],"sourcesContent":["import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\nimport { Emphasis, Icon, Size, IconButton, IconButtonProps } from '@lumx/react';\nimport { GenericProps, HasCloseMode, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\n\n/**\n * Defines the props of the component.\n */\nexport interface SideNavigationItemProps extends GenericProps, HasCloseMode {\n    /** SideNavigationItem elements. */\n    children?: ReactNode;\n    /** Emphasis variant. */\n    emphasis?: Emphasis;\n    /** Label content. */\n    label: string | ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n    /** Props to pass to the link (minus those already set by the SideNavigationItem props). */\n    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n    /** Props to pass to the toggle button (minus those already set by the SideNavigationItem props). */\n    toggleButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color' | 'size'>;\n    /** On action button click callback. */\n    onActionClick?(evt: React.MouseEvent): void;\n    /** On click callback. */\n    onClick?(evt: React.MouseEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SideNavigationItem';\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<SideNavigationItemProps> = {\n    emphasis: Emphasis.high,\n    closeMode: 'unmount',\n};\n\n/**\n * SideNavigationItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SideNavigationItem = forwardRef<SideNavigationItemProps, HTMLLIElement>((props, ref) => {\n    const {\n        children,\n        className,\n        emphasis = DEFAULT_PROPS.emphasis,\n        icon,\n        isOpen,\n        isSelected,\n        label,\n        linkAs,\n        linkProps,\n        onActionClick,\n        onClick,\n        toggleButtonProps,\n        closeMode = DEFAULT_PROPS.closeMode,\n        ...forwardedProps\n    } = props;\n\n    const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));\n    const hasContent = !isEmpty(content);\n    const shouldSplitActions = Boolean(onActionClick);\n    const showChildren = hasContent && isOpen;\n\n    const contentId = useId();\n    const ariaProps: any = {};\n    if (hasContent) {\n        ariaProps['aria-expanded'] = !!showChildren;\n        // Associate with content ID only if in DOM (shown or hidden and not unmounted)\n        ariaProps['aria-controls'] = showChildren || closeMode === 'hide' ? contentId : undefined;\n    }\n\n    return (\n        <li\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    emphasis,\n                    isOpen: showChildren,\n                    isSelected,\n                    prefix: CLASSNAME,\n                }),\n            )}\n        >\n            {shouldSplitActions ? (\n                <div className={`${CLASSNAME}__wrapper`}>\n                    <RawClickable\n                        as={linkAs || (linkProps?.href ? 'a' : 'button')}\n                        {...(linkProps as any)}\n                        className={`${CLASSNAME}__link`}\n                        onClick={onClick}\n                    >\n                        {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} />}\n                        <span>{label}</span>\n                    </RawClickable>\n\n                    <IconButton\n                        {...toggleButtonProps}\n                        className={`${CLASSNAME}__toggle`}\n                        icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                        size={Size.m}\n                        emphasis={Emphasis.low}\n                        onClick={onActionClick}\n                        {...ariaProps}\n                    />\n                </div>\n            ) : (\n                <RawClickable\n                    as={linkAs || (linkProps?.href ? 'a' : 'button')}\n                    {...linkProps}\n                    className={`${CLASSNAME}__link`}\n                    onClick={onClick}\n                    {...ariaProps}\n                >\n                    {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} />}\n                    <span>{label}</span>\n                    {hasContent && (\n                        <Icon\n                            className={`${CLASSNAME}__chevron`}\n                            icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                            size={Size.xs}\n                        />\n                    )}\n                </RawClickable>\n            )}\n\n            {(closeMode === 'hide' || showChildren) && (\n                <ul className={`${CLASSNAME}__children`} id={contentId}>\n                    {content}\n                </ul>\n            )}\n        </li>\n    );\n});\nSideNavigationItem.displayName = COMPONENT_NAME;\nSideNavigationItem.className = CLASSNAME;\nSideNavigationItem.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","emphasis","Emphasis","high","closeMode","SideNavigationItem","forwardRef","props","ref","children","className","icon","isOpen","isSelected","label","linkAs","linkProps","onActionClick","onClick","toggleButtonProps","forwardedProps","content","Children","toArray","filter","isComponent","hasContent","isEmpty","shouldSplitActions","Boolean","showChildren","contentId","useId","ariaProps","undefined","_jsxs","classNames","handleBasicClasses","prefix","RawClickable","as","href","_jsx","Icon","size","Size","xs","IconButton","mdiChevronUp","mdiChevronDown","m","low","id","displayName","defaultProps"],"mappings":"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"}

package/_internal/378a6fb1.js

@@ -1,126 +0,0 @@
-import { useMemo } from 'react';
-import classNames from 'classnames';
-import isEmpty from 'lodash/isEmpty';
-import { onEnterPressed, onButtonPressed } from '@lumx/core/js/utils';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { renderLink } from './09d97180.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { useDisableStateProps } from './ef982c3d.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Size } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ListItem';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  size: Size.regular
-};
-
-/**
- * Check if the list item is clickable.
- * @return `true` if the list item is clickable; `false` otherwise.
- */
-function isClickable({
-  linkProps,
-  onItemSelected
-}) {
-  return !isEmpty(linkProps?.href) || !!onItemSelected;
-}
-
-/**
- * ListItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ListItem = forwardRef((props, ref) => {
-  const {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    after,
-    before,
-    children,
-    className,
-    isHighlighted,
-    isSelected,
-    linkAs,
-    linkProps = {},
-    linkRef,
-    onItemSelected,
-    size = DEFAULT_PROPS.size,
-    ...forwardedProps
-  } = otherProps;
-  const role = linkAs || linkProps.href ? 'link' : 'button';
-  const onKeyDown = useMemo(() => {
-    if (onItemSelected && role === 'link') return onEnterPressed(onItemSelected);
-    if (onItemSelected && role === 'button') return onButtonPressed(onItemSelected);
-    return undefined;
-  }, [role, onItemSelected]);
-  const content = /*#__PURE__*/jsxs(Fragment, {
-    children: [before && /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__before`,
-      children: before
-    }), /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__content`,
-      children: children
-    }), after && /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__after`,
-      children: after
-    })]
-  });
-  return /*#__PURE__*/jsx("li", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      size
-    })),
-    children: isClickable({
-      linkProps,
-      onItemSelected
-    }) ? (/* Clickable list item */
-    renderLink({
-      linkAs,
-      tabIndex: !disabledStateProps.disabled ? 0 : undefined,
-      role,
-      'aria-disabled': isAnyDisabled,
-      ...linkProps,
-      href: isAnyDisabled ? undefined : linkProps.href,
-      className: classNames(handleBasicClasses({
-        prefix: `${CLASSNAME}__link`,
-        isHighlighted,
-        isSelected,
-        isDisabled: isAnyDisabled
-      })),
-      onClick: isAnyDisabled ? undefined : onItemSelected,
-      onKeyDown: isAnyDisabled ? undefined : onKeyDown,
-      ref: linkRef
-    }, content)) :
-    /*#__PURE__*/
-    /* Non clickable list item */
-    jsx("div", {
-      className: `${CLASSNAME}__wrapper`,
-      children: content
-    })
-  });
-});
-ListItem.displayName = COMPONENT_NAME;
-ListItem.className = CLASSNAME;
-ListItem.defaultProps = DEFAULT_PROPS;
-
-export { ListItem, isClickable };
-//# sourceMappingURL=378a6fb1.js.map

package/_internal/378a6fb1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"378a6fb1.js","sources":["../../src/components/list/ListItem.tsx"],"sourcesContent":["import { ReactNode, Ref, SyntheticEvent, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { ListProps, Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { onEnterPressed, onButtonPressed } from '@lumx/core/js/utils';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { renderLink } from '@lumx/react/utils/react/renderLink';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\nexport type ListItemSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ListItemProps extends GenericProps, HasAriaDisabled {\n    /** A component to be rendered after the content. */\n    after?: ReactNode;\n    /** A component to be rendered before the content. */\n    before?: ReactNode;\n    /** Content. */\n    children: string | ReactNode;\n    /** Whether the list item should be highlighted or not. */\n    isHighlighted?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n    /** Whether link/button is disabled or not. */\n    isDisabled?: boolean;\n    /** Reference to the <li> element. */\n    listItemRef?: Ref<HTMLLIElement>;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n    /** Props that will be passed on to the Link */\n    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n    /** Reference to the link element. */\n    linkRef?: Ref<HTMLAnchorElement>;\n    /** Size variant. */\n    size?: ListItemSize;\n\n    /** On selected callback. */\n    onItemSelected?(evt: SyntheticEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ListItem';\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<ListProps> = {\n    size: Size.regular,\n};\n\n/**\n * Check if the list item is clickable.\n * @return `true` if the list item is clickable; `false` otherwise.\n */\nexport function isClickable({ linkProps, onItemSelected }: Partial<ListItemProps>): boolean {\n    return !isEmpty(linkProps?.href) || !!onItemSelected;\n}\n\n/**\n * ListItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ListItem = forwardRef<ListItemProps, HTMLLIElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        after,\n        before,\n        children,\n        className,\n        isHighlighted,\n        isSelected,\n        linkAs,\n        linkProps = {},\n        linkRef,\n        onItemSelected,\n        size = DEFAULT_PROPS.size,\n        ...forwardedProps\n    } = otherProps;\n\n    const role = linkAs || linkProps.href ? 'link' : 'button';\n    const onKeyDown = useMemo(() => {\n        if (onItemSelected && role === 'link') return onEnterPressed(onItemSelected as any);\n        if (onItemSelected && role === 'button') return onButtonPressed(onItemSelected as any);\n        return undefined;\n    }, [role, onItemSelected]);\n\n    const content = (\n        <>\n            {before && <div className={`${CLASSNAME}__before`}>{before}</div>}\n            <div className={`${CLASSNAME}__content`}>{children}</div>\n            {after && <div className={`${CLASSNAME}__after`}>{after}</div>}\n        </>\n    );\n\n    return (\n        <li\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    size,\n                }),\n            )}\n        >\n            {isClickable({ linkProps, onItemSelected }) ? (\n                /* Clickable list item */\n                renderLink(\n                    {\n                        linkAs,\n                        tabIndex: !disabledStateProps.disabled ? 0 : undefined,\n                        role,\n                        'aria-disabled': isAnyDisabled,\n                        ...linkProps,\n                        href: isAnyDisabled ? undefined : linkProps.href,\n                        className: classNames(\n                            handleBasicClasses({\n                                prefix: `${CLASSNAME}__link`,\n                                isHighlighted,\n                                isSelected,\n                                isDisabled: isAnyDisabled,\n                            }),\n                        ),\n                        onClick: isAnyDisabled ? undefined : onItemSelected,\n                        onKeyDown: isAnyDisabled ? undefined : onKeyDown,\n                        ref: linkRef,\n                    },\n                    content,\n                )\n            ) : (\n                /* Non clickable list item */\n                <div className={`${CLASSNAME}__wrapper`}>{content}</div>\n            )}\n        </li>\n    );\n});\nListItem.displayName = COMPONENT_NAME;\nListItem.className = CLASSNAME;\nListItem.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","regular","isClickable","linkProps","onItemSelected","isEmpty","href","ListItem","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","after","before","children","className","isHighlighted","isSelected","linkAs","linkRef","forwardedProps","role","onKeyDown","useMemo","onEnterPressed","onButtonPressed","undefined","content","_jsxs","_Fragment","_jsx","classNames","handleBasicClasses","prefix","renderLink","tabIndex","disabled","isDisabled","onClick","displayName","defaultProps"],"mappings":"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"}