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

package/_internal/packages/lumx-react/src/components/mosaic/Mosaic-3af68efe.js

@@ -1,96 +0,0 @@
-import { useMemo } from 'react';
-import classNames from 'classnames';
-import take from 'lodash/take';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Theme, Alignment, AspectRatio } from '@lumx/core/js/constants';
-import { Thumbnail } from '../thumbnail/Thumbnail-49bab66c.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Mosaic';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * Mosaic component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Mosaic = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    theme = defaultTheme,
-    thumbnails,
-    onImageClick,
-    ...forwardedProps
-  } = props;
-  const handleImageClick = useMemo(() => {
-    if (!onImageClick) return undefined;
-    return (index, onClick) => event => {
-      onClick?.(event);
-      onImageClick?.(index);
-    };
-  }, [onImageClick]);
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme
-    }), {
-      [`${CLASSNAME}--has-1-thumbnail`]: thumbnails?.length === 1,
-      [`${CLASSNAME}--has-2-thumbnails`]: thumbnails?.length === 2,
-      [`${CLASSNAME}--has-3-thumbnails`]: thumbnails?.length === 3,
-      [`${CLASSNAME}--has-4-thumbnails`]: thumbnails?.length >= 4
-    }),
-    children: /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__wrapper`,
-      children: take(thumbnails, 4).map((thumbnail, index) => {
-        const {
-          image,
-          onClick,
-          align,
-          ...thumbnailProps
-        } = thumbnail;
-        return /*#__PURE__*/jsxs("div", {
-          className: `${CLASSNAME}__thumbnail`,
-          children: [/*#__PURE__*/jsx(Thumbnail, {
-            ...thumbnailProps,
-            align: align || Alignment.left,
-            image: image,
-            theme: theme,
-            aspectRatio: AspectRatio.free,
-            fillHeight: true,
-            onClick: handleImageClick?.(index, onClick) || onClick
-          }), thumbnails.length > 4 && index === 3 && /*#__PURE__*/jsx("div", {
-            className: `${CLASSNAME}__overlay`,
-            children: /*#__PURE__*/jsxs("span", {
-              children: ["+", thumbnails.length - 4]
-            })
-          })]
-        }, index);
-      })
-    })
-  });
-});
-Mosaic.displayName = COMPONENT_NAME;
-Mosaic.className = CLASSNAME;
-Mosaic.defaultProps = DEFAULT_PROPS;
-
-export { Mosaic };
-//# sourceMappingURL=Mosaic-3af68efe.js.map

package/_internal/packages/lumx-react/src/components/mosaic/Mosaic-3af68efe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Mosaic-3af68efe.js","sources":["../../../../../../../src/components/mosaic/Mosaic.tsx"],"sourcesContent":["import { MouseEventHandler, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport take from 'lodash/take';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\nimport { Alignment, AspectRatio, Theme, Thumbnail, ThumbnailProps } 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\n/**\n * Defines the props of the component.\n */\nexport interface MosaicProps extends GenericProps, HasTheme {\n    /** Thumbnails. */\n    thumbnails: ThumbnailProps[];\n    /** On image click callback. */\n    onImageClick?(index: number): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Mosaic';\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<MosaicProps> = {};\n\n/**\n * Mosaic component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Mosaic = forwardRef<MosaicProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, thumbnails, onImageClick, ...forwardedProps } = props;\n    const handleImageClick = useMemo(() => {\n        if (!onImageClick) return undefined;\n\n        return (index: number, onClick?: MouseEventHandler): MouseEventHandler =>\n            (event) => {\n                onClick?.(event);\n                onImageClick?.(index);\n            };\n    }, [onImageClick]);\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n                [`${CLASSNAME}--has-1-thumbnail`]: thumbnails?.length === 1,\n                [`${CLASSNAME}--has-2-thumbnails`]: thumbnails?.length === 2,\n                [`${CLASSNAME}--has-3-thumbnails`]: thumbnails?.length === 3,\n                [`${CLASSNAME}--has-4-thumbnails`]: thumbnails?.length >= 4,\n            })}\n        >\n            <div className={`${CLASSNAME}__wrapper`}>\n                {take(thumbnails, 4).map((thumbnail: any, index: number) => {\n                    const { image, onClick, align, ...thumbnailProps } = thumbnail;\n\n                    return (\n                        <div key={index} className={`${CLASSNAME}__thumbnail`}>\n                            <Thumbnail\n                                {...thumbnailProps}\n                                align={align || Alignment.left}\n                                image={image}\n                                theme={theme}\n                                aspectRatio={AspectRatio.free}\n                                fillHeight\n                                onClick={handleImageClick?.(index, onClick) || onClick}\n                            />\n\n                            {thumbnails.length > 4 && index === 3 && (\n                                <div className={`${CLASSNAME}__overlay`}>\n                                    <span>+{thumbnails.length - 4}</span>\n                                </div>\n                            )}\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n});\nMosaic.displayName = COMPONENT_NAME;\nMosaic.className = CLASSNAME;\nMosaic.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Mosaic","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","thumbnails","onImageClick","forwardedProps","handleImageClick","useMemo","undefined","index","onClick","event","_jsx","classNames","handleBasicClasses","prefix","length","children","take","map","thumbnail","image","align","thumbnailProps","_jsxs","Thumbnail","Alignment","left","aspectRatio","AspectRatio","free","fillHeight","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/navigation/Navigation-8455772e.js

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

package/_internal/packages/lumx-react/src/components/navigation/Navigation-8455772e.js.map

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

package/_internal/packages/lumx-react/src/components/navigation/NavigationItem-66855e7e.js

@@ -1,75 +0,0 @@
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import classNames from 'classnames';
-import { forwardRefPolymorphic } from '../../utils/react/forwardRefPolymorphic-ebd44733.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { useOverflowTooltipLabel } from '../../hooks/useOverflowTooltipLabel-251ac3e6.js';
-import { RawClickable } from '../../utils/react/RawClickable-e5e3e5c6.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Tooltip } from '../tooltip/Tooltip-aabcaa4a.js';
-import { Placement } from '../popover/constants-9d063548.js';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-import { Size } from '@lumx/core/js/constants';
-import { Text } from '../text/Text-d8efb3ca.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'NavigationItem';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-const NavigationItem = Object.assign(forwardRefPolymorphic((props, ref) => {
-  const {
-    className,
-    icon,
-    label,
-    isCurrentPage,
-    as: Element = 'a',
-    ...forwardedProps
-  } = props;
-  const theme = useTheme();
-  const {
-    tooltipLabel,
-    labelRef
-  } = useOverflowTooltipLabel(label);
-  return /*#__PURE__*/jsx("li", {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme
-    })),
-    children: /*#__PURE__*/jsx(Tooltip, {
-      label: tooltipLabel,
-      placement: Placement.TOP,
-      children: /*#__PURE__*/jsxs(RawClickable, {
-        as: Element,
-        className: handleBasicClasses({
-          prefix: `${CLASSNAME}__link`,
-          isSelected: isCurrentPage
-        }),
-        ref: ref,
-        "aria-current": isCurrentPage ? 'page' : undefined,
-        ...forwardedProps,
-        children: [icon ? /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME}__icon`,
-          icon: icon,
-          size: Size.xs,
-          theme: theme
-        }) : null, /*#__PURE__*/jsx(Text, {
-          as: "span",
-          truncate: true,
-          className: `${CLASSNAME}__label`,
-          ref: labelRef,
-          children: label
-        })]
-      })
-    })
-  });
-}), {
-  displayName: COMPONENT_NAME,
-  className: CLASSNAME
-});
-
-export { CLASSNAME, NavigationItem };
-//# sourceMappingURL=NavigationItem-66855e7e.js.map

package/_internal/packages/lumx-react/src/components/navigation/NavigationItem-66855e7e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationItem-66855e7e.js","sources":["../../../../../../../src/components/navigation/NavigationItem.tsx"],"sourcesContent":["import { ElementType, ReactNode } from 'react';\nimport { Icon, Placement, Size, Tooltip, Text } from '@lumx/react';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { ComponentRef, HasClassName, HasPolymorphicAs, HasRequiredLinkHref, HasTheme } from '@lumx/react/utils/type';\nimport classNames from 'classnames';\nimport { forwardRefPolymorphic } from '@lumx/react/utils/react/forwardRefPolymorphic';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useOverflowTooltipLabel } from '@lumx/react/hooks/useOverflowTooltipLabel';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\n\ntype BaseNavigationItemProps = {\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Label content. */\n    label: ReactNode;\n    /** Mark as the current page link */\n    isCurrentPage?: boolean;\n};\n\n/**\n * Navigation item props\n */\nexport type NavigationItemProps<E extends ElementType = 'a'> = HasPolymorphicAs<E> &\n    HasTheme &\n    HasClassName &\n    BaseNavigationItemProps &\n    HasRequiredLinkHref<E>;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'NavigationItem';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const NavigationItem = Object.assign(\n    forwardRefPolymorphic(<E extends ElementType = 'a'>(props: NavigationItemProps<E>, ref: ComponentRef<E>) => {\n        const { className, icon, label, isCurrentPage, as: Element = 'a', ...forwardedProps } = props;\n        const theme = useTheme();\n        const { tooltipLabel, labelRef } = useOverflowTooltipLabel(label);\n\n        return (\n            <li\n                className={classNames(\n                    className,\n                    handleBasicClasses({\n                        prefix: CLASSNAME,\n                        theme,\n                    }),\n                )}\n            >\n                <Tooltip label={tooltipLabel} placement={Placement.TOP}>\n                    <RawClickable\n                        as={Element}\n                        className={handleBasicClasses({\n                            prefix: `${CLASSNAME}__link`,\n                            isSelected: isCurrentPage,\n                        })}\n                        ref={ref as React.Ref<any>}\n                        aria-current={isCurrentPage ? 'page' : undefined}\n                        {...forwardedProps}\n                    >\n                        {icon ? (\n                            <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} theme={theme} />\n                        ) : null}\n\n                        <Text as=\"span\" truncate className={`${CLASSNAME}__label`} ref={labelRef}>\n                            {label}\n                        </Text>\n                    </RawClickable>\n                </Tooltip>\n            </li>\n        );\n    }),\n    {\n        displayName: COMPONENT_NAME,\n        className: CLASSNAME,\n    },\n);\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","NavigationItem","Object","assign","forwardRefPolymorphic","props","ref","className","icon","label","isCurrentPage","as","Element","forwardedProps","theme","useTheme","tooltipLabel","labelRef","useOverflowTooltipLabel","_jsx","classNames","handleBasicClasses","prefix","children","Tooltip","placement","Placement","TOP","_jsxs","RawClickable","isSelected","undefined","Icon","size","Size","xs","Text","truncate","displayName"],"mappings":";;;;;;;;;;;;;AA4BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,gBAAgB,CAAA;;AAEvC;AACA;AACA;MACaC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,EAAC;AAE5CG,MAAAA,cAAc,GAAGC,MAAM,CAACC,MAAM,CACvCC,qBAAqB,CAAC,CAA8BC,KAA6B,EAAEC,GAAoB,KAAK;EACxG,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,KAAK;IAAEC,aAAa;IAAEC,EAAE,EAAEC,OAAO,GAAG,GAAG;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGR,KAAK,CAAA;AAC7F,EAAA,MAAMS,KAAK,GAAGC,QAAQ,EAAE,CAAA;EACxB,MAAM;IAAEC,YAAY;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGC,uBAAuB,CAACT,KAAK,CAAC,CAAA;AAEjE,EAAA,oBACIU,GAAA,CAAA,IAAA,EAAA;AACIZ,IAAAA,SAAS,EAAEa,UAAU,CACjBb,SAAS,EACTc,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEvB,SAAS;AACjBe,MAAAA,KAAAA;AACJ,KAAC,CACL,CAAE;IAAAS,QAAA,eAEFJ,GAAA,CAACK,OAAO,EAAA;AAACf,MAAAA,KAAK,EAAEO,YAAa;MAACS,SAAS,EAAEC,SAAS,CAACC,GAAI;MAAAJ,QAAA,eACnDK,IAAA,CAACC,YAAY,EAAA;AACTlB,QAAAA,EAAE,EAAEC,OAAQ;QACZL,SAAS,EAAEc,kBAAkB,CAAC;UAC1BC,MAAM,EAAE,CAAGvB,EAAAA,SAAS,CAAQ,MAAA,CAAA;AAC5B+B,UAAAA,UAAU,EAAEpB,aAAAA;AAChB,SAAC,CAAE;AACHJ,QAAAA,GAAG,EAAEA,GAAsB;AAC3B,QAAA,cAAA,EAAcI,aAAa,GAAG,MAAM,GAAGqB,SAAU;AAAA,QAAA,GAC7ClB,cAAc;AAAAU,QAAAA,QAAA,EAEjBf,CAAAA,IAAI,gBACDW,GAAA,CAACa,IAAI,EAAA;UAACzB,SAAS,EAAE,CAAGR,EAAAA,SAAS,CAAS,MAAA,CAAA;AAACS,UAAAA,IAAI,EAAEA,IAAK;UAACyB,IAAI,EAAEC,IAAI,CAACC,EAAG;AAACrB,UAAAA,KAAK,EAAEA,KAAAA;AAAM,SAAE,CAAC,GAClF,IAAI,eAERK,GAAA,CAACiB,IAAI,EAAA;AAACzB,UAAAA,EAAE,EAAC,MAAM;UAAC0B,QAAQ,EAAA,IAAA;UAAC9B,SAAS,EAAE,CAAGR,EAAAA,SAAS,CAAU,OAAA,CAAA;AAACO,UAAAA,GAAG,EAAEW,QAAS;AAAAM,UAAAA,QAAA,EACpEd,KAAAA;AAAK,SACJ,CAAC,CAAA;OACG,CAAA;KACT,CAAA;AAAC,GACV,CAAC,CAAA;AAEb,CAAC,CAAC,EACF;AACI6B,EAAAA,WAAW,EAAExC,cAAc;AAC3BS,EAAAA,SAAS,EAAER,SAAAA;AACf,CACJ;;;;"}

package/_internal/packages/lumx-react/src/components/navigation/NavigationSection-3f8ca10e.js

@@ -1,109 +0,0 @@
-import { useState, useRef, useContext } from 'react';
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useTheme, ThemeProvider } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { useId } from '../../hooks/useId-11687649.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { RawClickable } from '../../utils/react/RawClickable-e5e3e5c6.js';
-import { CLASSNAME as CLASSNAME$1 } from './NavigationItem-66855e7e.js';
-import { NavigationContext } from './context-6b61b268.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Popover } from '../popover/Popover-341f65fb.js';
-import { Orientation, Size, Theme } from '@lumx/core/js/constants';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-import { Text } from '../text/Text-d8efb3ca.js';
-import { mdiChevronUp } from '../../../../lumx-icons/dist/esm/chevron-up-0846b7f3.js';
-import { mdiChevronDown } from '../../../../lumx-icons/dist/esm/chevron-down-256f8eff.js';
-import { Placement } from '../popover/constants-9d063548.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'NavigationSection';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-const NavigationSection = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    label,
-    icon,
-    ...forwardedProps
-  } = props;
-  const [isOpen, setIsOpen] = useState(false);
-  const buttonRef = useRef(null);
-  const sectionId = useId();
-  const {
-    orientation
-  } = useContext(NavigationContext) || {};
-  const theme = useTheme();
-  const isDropdown = orientation === Orientation.horizontal;
-  return /*#__PURE__*/jsxs("li", {
-    className: classNames(className, CLASSNAME, CLASSNAME$1, handleBasicClasses({
-      prefix: CLASSNAME$1,
-      theme
-    })),
-    ref: ref,
-    children: [/*#__PURE__*/jsxs(RawClickable, {
-      as: "button",
-      ...forwardedProps,
-      "aria-controls": sectionId,
-      "aria-expanded": isOpen,
-      className: classNames(`${CLASSNAME$1}__link`),
-      ref: buttonRef,
-      onClick: event => {
-        setIsOpen(!isOpen);
-        event.stopPropagation();
-      },
-      children: [icon ? /*#__PURE__*/jsx(Icon, {
-        className: `${CLASSNAME$1}__icon`,
-        icon: icon,
-        size: Size.xs
-      }) : null, /*#__PURE__*/jsx(Text, {
-        as: "span",
-        truncate: true,
-        className: `${CLASSNAME$1}__label`,
-        ref: ref,
-        children: label
-      }), /*#__PURE__*/jsx(Icon, {
-        className: classNames(`${CLASSNAME$1}__icon`, `${CLASSNAME}__chevron`),
-        icon: isOpen ? mdiChevronUp : mdiChevronDown
-      })]
-    }), isOpen && (isDropdown ? /*#__PURE__*/jsx(Popover, {
-      anchorRef: buttonRef,
-      isOpen: isOpen,
-      placement: Placement.BOTTOM_START,
-      usePortal: false,
-      closeOnClickAway: true,
-      closeOnEscape: true,
-      onClick: () => setIsOpen(false),
-      onClose: () => setIsOpen(false),
-      zIndex: 996,
-      children: /*#__PURE__*/jsx(ThemeProvider, {
-        value: Theme.light,
-        children: /*#__PURE__*/jsx("ul", {
-          className: `${CLASSNAME}__drawer--popover`,
-          id: sectionId,
-          children: /*#__PURE__*/jsx(NavigationContext.Provider, {
-            value: {
-              orientation: Orientation.vertical
-            },
-            children: children
-          })
-        })
-      })
-    }) : /*#__PURE__*/jsx("ul", {
-      className: `${CLASSNAME}__drawer`,
-      id: sectionId,
-      children: children
-    }))]
-  });
-});
-NavigationSection.displayName = COMPONENT_NAME;
-NavigationSection.className = CLASSNAME;
-
-export { NavigationSection };
-//# sourceMappingURL=NavigationSection-3f8ca10e.js.map

package/_internal/packages/lumx-react/src/components/navigation/NavigationSection-3f8ca10e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationSection-3f8ca10e.js","sources":["../../../../../../../src/components/navigation/NavigationSection.tsx"],"sourcesContent":["import { useRef, useState, useContext } from 'react';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\nimport { Icon, Size, Text, Orientation, Popover, Placement, Theme } from '@lumx/react';\nimport classNames from 'classnames';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { HasClassName } from '@lumx/react/utils/type';\nimport { ThemeProvider, useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\nimport { CLASSNAME as ITEM_CLASSNAME } from './NavigationItem';\nimport { NavigationContext } from './context';\n\nexport interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'button'>, HasClassName {\n    /** Items inside the section */\n    children: React.ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Label content. */\n    label: string | React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'NavigationSection';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const NavigationSection = forwardRef<NavigationSectionProps, HTMLLIElement>((props, ref) => {\n    const { children, className, label, icon, ...forwardedProps } = props;\n    const [isOpen, setIsOpen] = useState(false);\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    const sectionId = useId();\n    const { orientation } = useContext(NavigationContext) || {};\n    const theme = useTheme();\n    const isDropdown = orientation === Orientation.horizontal;\n    return (\n        <li\n            className={classNames(\n                className,\n                CLASSNAME,\n                ITEM_CLASSNAME,\n                handleBasicClasses({\n                    prefix: ITEM_CLASSNAME,\n                    theme,\n                }),\n            )}\n            ref={ref}\n        >\n            <RawClickable<'button'>\n                as=\"button\"\n                {...forwardedProps}\n                aria-controls={sectionId}\n                aria-expanded={isOpen}\n                className={classNames(`${ITEM_CLASSNAME}__link`)}\n                ref={buttonRef}\n                onClick={(event) => {\n                    setIsOpen(!isOpen);\n                    event.stopPropagation();\n                }}\n            >\n                {icon ? <Icon className={`${ITEM_CLASSNAME}__icon`} icon={icon} size={Size.xs} /> : null}\n\n                <Text as=\"span\" truncate className={`${ITEM_CLASSNAME}__label`} ref={ref}>\n                    {label}\n                </Text>\n                <Icon\n                    className={classNames(`${ITEM_CLASSNAME}__icon`, `${CLASSNAME}__chevron`)}\n                    icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                />\n            </RawClickable>\n            {isOpen &&\n                (isDropdown ? (\n                    <Popover\n                        anchorRef={buttonRef}\n                        isOpen={isOpen}\n                        placement={Placement.BOTTOM_START}\n                        usePortal={false}\n                        closeOnClickAway\n                        closeOnEscape\n                        onClick={() => setIsOpen(false)}\n                        onClose={() => setIsOpen(false)}\n                        zIndex={996}\n                    >\n                        <ThemeProvider value={Theme.light}>\n                            <ul className={`${CLASSNAME}__drawer--popover`} id={sectionId}>\n                                <NavigationContext.Provider value={{ orientation: Orientation.vertical }}>\n                                    {children}\n                                </NavigationContext.Provider>\n                            </ul>\n                        </ThemeProvider>\n                    </Popover>\n                ) : (\n                    <ul className={`${CLASSNAME}__drawer`} id={sectionId}>\n                        {children}\n                    </ul>\n                ))}\n        </li>\n    );\n});\nNavigationSection.displayName = COMPONENT_NAME;\nNavigationSection.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","NavigationSection","forwardRef","props","ref","children","className","label","icon","forwardedProps","isOpen","setIsOpen","useState","buttonRef","useRef","sectionId","useId","orientation","useContext","NavigationContext","theme","useTheme","isDropdown","Orientation","horizontal","_jsxs","classNames","ITEM_CLASSNAME","handleBasicClasses","prefix","RawClickable","as","onClick","event","stopPropagation","_jsx","Icon","size","Size","xs","Text","truncate","mdiChevronUp","mdiChevronDown","Popover","anchorRef","placement","Placement","BOTTOM_START","usePortal","closeOnClickAway","closeOnEscape","onClose","zIndex","ThemeProvider","value","Theme","light","id","Provider","vertical","displayName"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/navigation/context-6b61b268.js

@@ -1,9 +0,0 @@
-import { createContext } from 'react';
-import { Orientation } from '@lumx/core/js/constants';
-
-const NavigationContext = /*#__PURE__*/createContext({
-  orientation: Orientation.vertical
-});
-
-export { NavigationContext };
-//# sourceMappingURL=context-6b61b268.js.map

package/_internal/packages/lumx-react/src/components/navigation/context-6b61b268.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-6b61b268.js","sources":["../../../../../../../src/components/navigation/context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport { Orientation } from '@lumx/core/js/constants';\n\nexport const NavigationContext = createContext<{ orientation?: Orientation } | undefined>({\n    orientation: Orientation.vertical,\n});\n"],"names":["NavigationContext","createContext","orientation","Orientation","vertical"],"mappings":";;;AAIaA,MAAAA,iBAAiB,gBAAGC,aAAa,CAA4C;EACtFC,WAAW,EAAEC,WAAW,CAACC,QAAAA;AAC7B,CAAC;;;;"}

package/_internal/packages/lumx-react/src/components/notification/Notification-de96c6ff.js

@@ -1,124 +0,0 @@
-import { useRef } from 'react';
-import classNames from 'classnames';
-import isFunction from 'lodash/isFunction';
-import { DOCUMENT } from '../../constants-6af61e2f.js';
-import { NOTIFICATION_CONFIGURATION } from './constants-363d85b8.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useTransitionVisibility } from '../../hooks/useTransitionVisibility-2beba0ac.js';
-import { mergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Portal } from '../../utils/Portal/Portal-9e38cfd0.js';
-import { Theme, Size, Emphasis, NOTIFICATION_TRANSITION_DURATION } from '@lumx/core/js/constants';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-import { Button } from '../button/Button-86d16087.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Notification';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  zIndex: 9999,
-  usePortal: true
-};
-
-/* eslint-disable react-hooks/rules-of-hooks, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
-/**
- * Notification component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Notification = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    actionLabel,
-    className,
-    content,
-    isOpen,
-    onActionClick,
-    onClick,
-    theme = defaultTheme,
-    type,
-    zIndex = DEFAULT_PROPS.zIndex,
-    usePortal = DEFAULT_PROPS.usePortal,
-    style,
-    ...forwardedProps
-  } = props;
-  if (!DOCUMENT) {
-    // Can't render in SSR.
-    return null;
-  }
-  const {
-    color,
-    icon
-  } = NOTIFICATION_CONFIGURATION[type] || {};
-  const rootRef = useRef(null);
-  const isVisible = useTransitionVisibility(rootRef, !!isOpen, NOTIFICATION_TRANSITION_DURATION);
-  const hasAction = Boolean(onActionClick) && Boolean(actionLabel);
-  const handleCallback = evt => {
-    if (isFunction(onActionClick)) {
-      onActionClick();
-    }
-    evt.stopPropagation();
-  };
-  if (!type || !isVisible) {
-    return null;
-  }
-  return /*#__PURE__*/jsx(Portal, {
-    enabled: usePortal,
-    children: /*#__PURE__*/jsxs("div", {
-      ref: mergeRefs(ref, rootRef),
-      role: "alert",
-      ...forwardedProps,
-      className: classNames(className, handleBasicClasses({
-        color,
-        hasAction,
-        isHidden: !isOpen,
-        prefix: CLASSNAME
-      })),
-      onClick: onClick,
-      style: {
-        ...style,
-        zIndex
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__icon`,
-        children: /*#__PURE__*/jsx(Icon, {
-          icon: icon,
-          size: Size.s
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__content`,
-        children: content
-      }), hasAction && /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__action`,
-        children: /*#__PURE__*/jsx(Button, {
-          emphasis: Emphasis.medium,
-          theme: theme,
-          onClick: handleCallback,
-          children: /*#__PURE__*/jsx("span", {
-            children: actionLabel
-          })
-        })
-      })]
-    })
-  });
-});
-Notification.displayName = COMPONENT_NAME;
-Notification.className = CLASSNAME;
-Notification.defaultProps = DEFAULT_PROPS;
-
-export { Notification };
-//# sourceMappingURL=Notification-de96c6ff.js.map

package/_internal/packages/lumx-react/src/components/notification/Notification-de96c6ff.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notification-de96c6ff.js","sources":["../../../../../../../src/components/notification/Notification.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\n\nimport { Button, Emphasis, Icon, Kind, Size, Theme } from '@lumx/react';\nimport { DOCUMENT, NOTIFICATION_TRANSITION_DURATION } from '@lumx/react/constants';\nimport { NOTIFICATION_CONFIGURATION } from '@lumx/react/components/notification/constants';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTransitionVisibility } from '@lumx/react/hooks/useTransitionVisibility';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { Portal } from '@lumx/react/utils';\n\n/**\n * Defines the props of the component.\n */\nexport interface NotificationProps extends GenericProps, HasTheme {\n    /** Action button label. */\n    actionLabel?: string;\n    /** Content. */\n    content?: React.ReactNode;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Notification type. */\n    type?: Kind;\n    /** Z-axis position. */\n    zIndex?: number;\n    /** On action button click callback. */\n    onActionClick?(): void;\n    /** On click callback. */\n    onClick?(): void;\n    /** Whether the notification should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */\n    usePortal?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Notification';\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<NotificationProps> = {\n    zIndex: 9999,\n    usePortal: true,\n};\n\n/* eslint-disable react-hooks/rules-of-hooks, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n/**\n * Notification component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Notification = forwardRef<NotificationProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actionLabel,\n        className,\n        content,\n        isOpen,\n        onActionClick,\n        onClick,\n        theme = defaultTheme,\n        type,\n        zIndex = DEFAULT_PROPS.zIndex,\n        usePortal = DEFAULT_PROPS.usePortal,\n        style,\n        ...forwardedProps\n    } = props;\n    if (!DOCUMENT) {\n        // Can't render in SSR.\n        return null;\n    }\n    const { color, icon } = NOTIFICATION_CONFIGURATION[type as Kind] || {};\n    const rootRef = useRef<HTMLDivElement>(null);\n    const isVisible = useTransitionVisibility(rootRef, !!isOpen, NOTIFICATION_TRANSITION_DURATION);\n    const hasAction: boolean = Boolean(onActionClick) && Boolean(actionLabel);\n\n    const handleCallback = (evt: React.MouseEvent) => {\n        if (isFunction(onActionClick)) {\n            onActionClick();\n        }\n        evt.stopPropagation();\n    };\n\n    if (!type || !isVisible) {\n        return null;\n    }\n\n    return (\n        <Portal enabled={usePortal}>\n            {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n            <div\n                ref={mergeRefs(ref, rootRef)}\n                role=\"alert\"\n                {...forwardedProps}\n                className={classNames(\n                    className,\n                    handleBasicClasses({\n                        color,\n                        hasAction,\n                        isHidden: !isOpen,\n                        prefix: CLASSNAME,\n                    }),\n                )}\n                onClick={onClick}\n                style={{ ...style, zIndex }}\n            >\n                <div className={`${CLASSNAME}__icon`}>\n                    <Icon icon={icon} size={Size.s} />\n                </div>\n                <div className={`${CLASSNAME}__content`}>{content}</div>\n                {hasAction && (\n                    <div className={`${CLASSNAME}__action`}>\n                        <Button emphasis={Emphasis.medium} theme={theme} onClick={handleCallback}>\n                            <span>{actionLabel}</span>\n                        </Button>\n                    </div>\n                )}\n            </div>\n        </Portal>\n    );\n});\nNotification.displayName = COMPONENT_NAME;\nNotification.className = CLASSNAME;\nNotification.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","zIndex","usePortal","Notification","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actionLabel","className","content","isOpen","onActionClick","onClick","theme","type","style","forwardedProps","DOCUMENT","color","icon","NOTIFICATION_CONFIGURATION","rootRef","useRef","isVisible","useTransitionVisibility","NOTIFICATION_TRANSITION_DURATION","hasAction","Boolean","handleCallback","evt","isFunction","stopPropagation","_jsx","Portal","enabled","children","_jsxs","mergeRefs","role","classNames","handleBasicClasses","isHidden","prefix","Icon","size","Size","s","Button","emphasis","Emphasis","medium","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/notification/constants-363d85b8.js

@@ -1,29 +0,0 @@
-import { mdiAlert } from '../../../../lumx-icons/dist/esm/alert-f419ecef.js';
-import { mdiInformation } from '../../../../lumx-icons/dist/esm/information-68f13c1c.js';
-import { mdiCheckCircle } from '../../../../lumx-icons/dist/esm/check-circle-e47dacb8.js';
-import { mdiAlertCircle } from '../../../../lumx-icons/dist/esm/alert-circle-893eb653.js';
-
-/**
- * Notification icon and colors according to their type.
- */
-const NOTIFICATION_CONFIGURATION = {
-  error: {
-    color: 'red',
-    icon: mdiAlert
-  },
-  info: {
-    color: 'blue',
-    icon: mdiInformation
-  },
-  success: {
-    color: 'green',
-    icon: mdiCheckCircle
-  },
-  warning: {
-    color: 'yellow',
-    icon: mdiAlertCircle
-  }
-};
-
-export { NOTIFICATION_CONFIGURATION };
-//# sourceMappingURL=constants-363d85b8.js.map

package/_internal/packages/lumx-react/src/components/notification/constants-363d85b8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-363d85b8.js","sources":["../../../../../../../src/components/notification/constants.ts"],"sourcesContent":["import { mdiAlert, mdiAlertCircle, mdiCheckCircle, mdiInformation } from '@lumx/icons';\n\n/**\n * Notification delay before hiding.\n */\nexport const HIDE_DELAY = 6000;\n\n/**\n * Notification icon and colors according to their type.\n */\nexport const NOTIFICATION_CONFIGURATION = {\n    error: {\n        color: 'red',\n        icon: mdiAlert,\n    },\n    info: {\n        color: 'blue',\n        icon: mdiInformation,\n    },\n    success: {\n        color: 'green',\n        icon: mdiCheckCircle,\n    },\n    warning: {\n        color: 'yellow',\n        icon: mdiAlertCircle,\n    },\n};\n"],"names":["NOTIFICATION_CONFIGURATION","error","color","icon","mdiAlert","info","mdiInformation","success","mdiCheckCircle","warning","mdiAlertCircle"],"mappings":";;;;;AAOA;AACA;AACA;AACO,MAAMA,0BAA0B,GAAG;AACtCC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,KAAK;AACZC,IAAAA,IAAI,EAAEC,QAAAA;GACT;AACDC,EAAAA,IAAI,EAAE;AACFH,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,IAAI,EAAEG,cAAAA;GACT;AACDC,EAAAA,OAAO,EAAE;AACLL,IAAAA,KAAK,EAAE,OAAO;AACdC,IAAAA,IAAI,EAAEK,cAAAA;GACT;AACDC,EAAAA,OAAO,EAAE;AACLP,IAAAA,KAAK,EAAE,QAAQ;AACfC,IAAAA,IAAI,EAAEO,cAAAA;AACV,GAAA;AACJ;;;;"}