@lumx/react 3.20.1-alpha.11 → 3.20.1-alpha.13

package/_internal/components/inline-list-4884f004.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-list-4884f004.js","sources":["../../../src/components/inline-list/InlineList.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport classNames from 'classnames';\n\nimport { ColorVariant, ColorWithVariants, Typography } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { fontColorClass, getRootClassName, getTypographyClassName } 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 InlineListProps extends GenericProps {\n    /**\n     * Text color.\n     */\n    color?: ColorWithVariants;\n    /**\n     * Lightened or darkened variant of the selected color.\n     */\n    colorVariant?: ColorVariant;\n    /**\n     * Typography variant.\n     */\n    typography?: Typography;\n    /**\n     * Activate line wrap on overflow.\n     */\n    wrap?: boolean;\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'InlineList';\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 = {} as const;\n\n/**\n * InlineList component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const InlineList = forwardRef<InlineListProps>((props, ref) => {\n    const { className, color, colorVariant, typography, children, wrap, ...forwardedProps } = props;\n    const typographyClassName = typography && getTypographyClassName(typography);\n    return (\n        // eslint-disable-next-line jsx-a11y/no-redundant-roles\n        <ul\n            {...forwardedProps}\n            ref={ref as any}\n            className={classNames(\n                className,\n                CLASSNAME,\n                wrap && `${CLASSNAME}--wrap`,\n                fontColorClass(color, colorVariant),\n                typographyClassName,\n            )}\n            // Lists with removed bullet style can lose their a11y list role on some browsers\n            role=\"list\"\n        >\n            {Children.toArray(children).map((child, index) => {\n                const key = (isValidElement(child) && child.key) || index;\n                return (\n                    // We need to item is set as display: contents which removes the semantic.\n                    // eslint-disable-next-line jsx-a11y/no-redundant-roles\n                    <li key={key} role=\"listitem\" className={`${CLASSNAME}__item`}>\n                        {index !== 0 && (\n                            <span className={`${CLASSNAME}__item-separator`} aria-hidden=\"true\">\n                                {'\\u00A0•\\u00A0'}\n                            </span>\n                        )}\n                        {child}\n                    </li>\n                );\n            })}\n        </ul>\n    );\n});\nInlineList.displayName = COMPONENT_NAME;\nInlineList.className = CLASSNAME;\nInlineList.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","InlineList","forwardRef","props","ref","className","color","colorVariant","typography","children","wrap","forwardedProps","typographyClassName","getTypographyClassName","React","createElement","_extends","classNames","fontColorClass","role","Children","toArray","map","child","index","key","isValidElement","displayName","defaultProps"],"mappings":";;;;AASA;AACA;AACA;;AAwBA;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,EAAW,CAAA;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClE,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,YAAY;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,IAAI;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGR,KAAK,CAAA;AAC/F,EAAA,MAAMS,mBAAmB,GAAGJ,UAAU,IAAIK,sBAAsB,CAACL,UAAU,CAAC,CAAA;AAC5E,EAAA;AAAA;AACI;AACAM,IAAAA,KAAA,CAAAC,aAAA,CAAAC,IAAAA,EAAAA,QAAA,KACQL,cAAc,EAAA;AAClBP,MAAAA,GAAG,EAAEA,GAAW;MAChBC,SAAS,EAAEY,UAAU,CACjBZ,SAAS,EACTP,SAAS,EACTY,IAAI,IAAI,CAAA,EAAGZ,SAAS,CAAQ,MAAA,CAAA,EAC5BoB,cAAc,CAACZ,KAAK,EAAEC,YAAY,CAAC,EACnCK,mBACJ,CAAA;AACA;AAAA;AACAO,MAAAA,IAAI,EAAC,MAAA;AAAM,KAAA,CAAA,EAEVC,QAAQ,CAACC,OAAO,CAACZ,QAAQ,CAAC,CAACa,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;AAC9C,MAAA,MAAMC,GAAG,gBAAIC,cAAc,CAACH,KAAK,CAAC,IAAIA,KAAK,CAACE,GAAG,IAAKD,KAAK,CAAA;AACzD,MAAA;AAAA;AACI;AACA;AACAV,QAAAA,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIU,UAAAA,GAAG,EAAEA,GAAI;AAACN,UAAAA,IAAI,EAAC,UAAU;UAACd,SAAS,EAAE,GAAGP,SAAS,CAAA,MAAA,CAAA;AAAS,SAAA,EACzD0B,KAAK,KAAK,CAAC,iBACRV,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;UAAMV,SAAS,EAAE,CAAGP,EAAAA,SAAS,CAAmB,gBAAA,CAAA;UAAC,aAAY,EAAA,MAAA;SACxD,EAAA,eACC,CACT,EACAyB,KACD,CAAA;AAAC,QAAA;AAEb,KAAC,CACD,CAAA;AAAC,IAAA;AAEb,CAAC,EAAC;AACFtB,UAAU,CAAC0B,WAAW,GAAG9B,cAAc,CAAA;AACvCI,UAAU,CAACI,SAAS,GAAGP,SAAS,CAAA;AAChCG,UAAU,CAAC2B,YAAY,GAAG5B,aAAa;;;;"}

package/_internal/{fc47f2da.js → components/input-helper-e644e05e.js}

@@ -1,6 +1,7 @@
-import { m as getRootClassName, K as Kind, n as forwardRef, b as Theme, _ as _extends, l as classNames } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTheme } from './3181f000.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { Kind, Theme } from '@lumx/core/js/constants';
 
 const INPUT_HELPER_CONFIGURATION = {
   error: {
@@ -69,4 +70,4 @@ InputHelper.className = CLASSNAME;
 InputHelper.defaultProps = DEFAULT_PROPS;
 
 export { InputHelper };
-//# sourceMappingURL=fc47f2da.js.map
+//# sourceMappingURL=input-helper-e644e05e.js.map

package/_internal/components/input-helper-e644e05e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-helper-e644e05e.js","sources":["../../../src/components/input-helper/constants.ts","../../../src/components/input-helper/InputHelper.tsx"],"sourcesContent":["export const INPUT_HELPER_CONFIGURATION: Record<string, { color: string }> = {\n    error: {\n        color: 'red',\n    },\n    success: {\n        color: 'green',\n    },\n    warning: {\n        color: 'yellow',\n    },\n};\n","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":["INPUT_HELPER_CONFIGURATION","error","color","success","warning","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","kind","Kind","info","InputHelper","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","theme","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;AAAO,MAAMA,0BAA6D,GAAG;AACzEC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,KAAA;GACV;AACDC,EAAAA,OAAO,EAAE;AACLD,IAAAA,KAAK,EAAE,OAAA;GACV;AACDE,EAAAA,OAAO,EAAE;AACLF,IAAAA,KAAK,EAAE,QAAA;AACX,GAAA;AACJ,CAAC;;ACED;AACA;AACA;;AAQA;AACA;AACA;AACA,MAAMG,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;AAAEZ,IAAAA,KAAAA;AAAM,GAAC,GAAGF,0BAA0B,CAACS,IAAI,CAAQ,IAAI,EAAE,CAAA;AAE/D,EAAA,oBACIe,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;AACIX,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLQ,cAAc,EAAA;AAClBF,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEvB,SAAS;MAAEJ,KAAK;AAAEoB,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GAAA,CAAA,EAEzFF,QACF,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/{9210e2f3.js → components/input-label-5e509a1b.js}

@@ -1,7 +1,7 @@
-import { m as getRootClassName, n as forwardRef, b as Theme, _ as _extends, l as classNames } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { g as getTypographyClassName } from './d0dd1815.js';
-import { u as useTheme } from './3181f000.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { getRootClassName, getTypographyClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { Theme } from '@lumx/core/js/constants';
 
 /**
  * Defines the props of the component.
@@ -58,4 +58,4 @@ InputLabel.className = CLASSNAME;
 InputLabel.defaultProps = DEFAULT_PROPS;
 
 export { InputLabel };
-//# sourceMappingURL=9210e2f3.js.map
+//# sourceMappingURL=input-label-5e509a1b.js.map

package/_internal/components/input-label-5e509a1b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-label-5e509a1b.js","sources":["../../../src/components/input-label/InputLabel.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme, Typography } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses, getTypographyClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\n/**\n * Defines the props of the component.\n */\nexport interface InputLabelProps extends GenericProps, HasTheme {\n    /** Typography variant. */\n    typography?: Typography;\n    /** Label content. */\n    children: string | ReactNode;\n    /** Native htmlFor property. */\n    htmlFor: string;\n    /** Whether the component is required or not. */\n    isRequired?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'InputLabel';\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<InputLabelProps> = {};\n\n/**\n * InputLabel component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const InputLabel = forwardRef<InputLabelProps, HTMLLabelElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { children, className, htmlFor, isRequired, theme = defaultTheme, typography, ...forwardedProps } = props;\n    const typographyClass = typography && getTypographyClassName(typography);\n\n    return (\n        <label\n            ref={ref}\n            {...forwardedProps}\n            htmlFor={htmlFor}\n            className={classNames(\n                className,\n                handleBasicClasses({ prefix: CLASSNAME, isRequired, theme, hasCustomTypography: Boolean(typography) }),\n                typographyClass,\n            )}\n        >\n            {children}\n        </label>\n    );\n});\nInputLabel.displayName = COMPONENT_NAME;\nInputLabel.className = CLASSNAME;\nInputLabel.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","InputLabel","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","htmlFor","isRequired","theme","typography","forwardedProps","typographyClass","getTypographyClassName","React","createElement","_extends","classNames","handleBasicClasses","prefix","hasCustomTypography","Boolean","displayName","defaultProps"],"mappings":";;;;;AAUA;AACA;AACA;;AAYA;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,aAAuC,GAAG,EAAE,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,OAAO;IAAEC,UAAU;AAAEC,IAAAA,KAAK,GAAGR,YAAY;IAAES,UAAU;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGZ,KAAK,CAAA;AAC/G,EAAA,MAAMa,eAAe,GAAGF,UAAU,IAAIG,sBAAsB,CAACH,UAAU,CAAC,CAAA;AAExE,EAAA,oBACII,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;AACIhB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLW,cAAc,EAAA;AAClBJ,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,SAAS,EAAEW,UAAU,CACjBX,SAAS,EACTY,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEzB,SAAS;MAAEc,UAAU;MAAEC,KAAK;MAAEW,mBAAmB,EAAEC,OAAO,CAACX,UAAU,CAAA;KAAG,CAAC,EACtGE,eACJ,CAAA;AAAE,GAAA,CAAA,EAEDP,QACE,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFR,UAAU,CAACyB,WAAW,GAAG7B,cAAc,CAAA;AACvCI,UAAU,CAACS,SAAS,GAAGZ,SAAS,CAAA;AAChCG,UAAU,CAAC0B,YAAY,GAAG3B,aAAa;;;;"}

package/_internal/{742d4906.js → components/lightbox-bec1b95f.js}

@@ -1,18 +1,19 @@
-import { m as getRootClassName, n as forwardRef, _ as _extends, l as classNames, D as DIALOG_TRANSITION_DURATION } from './d3321a86.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
 import { useRef, useEffect } from 'react';
-import { D as DOCUMENT } from './b3bfbe72.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useFocusTrap } from './3f3de25e.js';
-import { u as useDisableBodyScroll } from './36bd7352.js';
-import { m as mergeRefs } from './f0d7d6ea.js';
-import { u as useCallbackOnEscape } from './d66c4375.js';
-import { u as useTransitionVisibility } from './aa8c5d9b.js';
-import { T as ThemeProvider } from './3181f000.js';
-import { P as Portal } from './c43d098b.js';
-import { I as IconButton } from './7b214f74.js';
-import { H as HeadingLevelProvider } from './30f4c83c.js';
-import { C as ClickAwayProvider } from './bcce6ceb.js';
-import { m as mdiClose } from './eaf6c45a.js';
+import { mdiClose } from '@lumx/icons';
+import { D as DOCUMENT } from '../constants-d0e3f49e.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useFocusTrap } from '../useFocusTrap-c3c6378b.js';
+import { u as useDisableBodyScroll } from '../useDisableBodyScroll-36bd7352.js';
+import { m as mergeRefs } from '../mergeRefs-f0d7d6ea.js';
+import { u as useCallbackOnEscape } from '../useCallbackOnEscape-ea4d9eb4.js';
+import { u as useTransitionVisibility } from '../useTransitionVisibility-321fdbfa.js';
+import { T as ThemeProvider } from '../ThemeContext-3181f000.js';
+import { P as Portal } from '../Portal-c43d098b.js';
+import { I as IconButton } from '../IconButton-10585058.js';
+import { H as HeadingLevelProvider } from '../HeadingLevelProvider-e4817816.js';
+import { C as ClickAwayProvider } from '../ClickAwayProvider-bcce6ceb.js';
+import { DIALOG_TRANSITION_DURATION } from '@lumx/core/js/constants';
 
 /**
  * Defines the props of the component.
@@ -145,4 +146,4 @@ Lightbox.displayName = COMPONENT_NAME;
 Lightbox.className = CLASSNAME;
 
 export { Lightbox };
-//# sourceMappingURL=742d4906.js.map
+//# sourceMappingURL=lightbox-bec1b95f.js.map

package/_internal/components/lightbox-bec1b95f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox-bec1b95f.js","sources":["../../../src/components/lightbox/Lightbox.tsx"],"sourcesContent":["import { RefObject, useRef, useEffect, AriaAttributes } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiClose } from '@lumx/icons';\nimport { HeadingLevelProvider, IconButton, IconButtonProps } from '@lumx/react';\nimport { DIALOG_TRANSITION_DURATION, DOCUMENT } from '@lumx/react/constants';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\n\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\nimport { useDisableBodyScroll } from '@lumx/react/hooks/useDisableBodyScroll';\nimport { ClickAwayProvider } from '@lumx/react/utils/ClickAwayProvider';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useCallbackOnEscape } from '@lumx/react/hooks/useCallbackOnEscape';\nimport { useTransitionVisibility } from '@lumx/react/hooks/useTransitionVisibility';\nimport { ThemeProvider } 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 LightboxProps extends GenericProps, HasTheme, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n    /** Props to pass to the close button (minus those already set by the Lightbox props). */\n    closeButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Reference to the element that triggered modal opening to set focus on. */\n    parentElement: RefObject<any>;\n    /** Reference to the element that should get the focus when the lightbox opens. By default, the close button or the lightbox itself will take focus. */\n    focusElement?: RefObject<HTMLElement>;\n    /** Whether to keep the dialog open on clickaway or escape press. */\n    preventAutoClose?: boolean;\n    /** Z-axis position. */\n    zIndex?: number;\n    /** On close callback. */\n    onClose?(): void;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Lightbox';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Lightbox component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Lightbox = forwardRef<LightboxProps, HTMLDivElement>((props, ref) => {\n    const {\n        'aria-labelledby': propAriaLabelledBy,\n        ariaLabelledBy = propAriaLabelledBy,\n        'aria-label': propAriaLabel,\n        ariaLabel = propAriaLabel,\n        children,\n        className,\n        closeButtonProps,\n        isOpen,\n        onClose,\n        parentElement,\n        focusElement,\n        preventAutoClose,\n        theme,\n        zIndex,\n        ...forwardedProps\n    } = props;\n    if (!DOCUMENT) {\n        // Can't render in SSR.\n        return null;\n    }\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const childrenRef = useRef<any>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useDisableBodyScroll(isOpen && wrapperRef.current);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const isVisible = useTransitionVisibility(wrapperRef, !!isOpen, DIALOG_TRANSITION_DURATION);\n\n    // Handle focus trap.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useFocusTrap(\n        // Focus trap zone\n        isOpen && wrapperRef.current,\n        // Focus element (fallback on close button and then on the dialog)\n        focusElement?.current || closeButtonRef.current || wrapperRef.current,\n    );\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const previousOpen = useRef(isOpen);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n        if (isOpen !== previousOpen.current) {\n            previousOpen.current = isOpen;\n\n            // Focus the parent element on close.\n            if (!isOpen && parentElement && parentElement.current) {\n                parentElement.current.focus();\n            }\n        }\n    }, [isOpen, parentElement]);\n\n    // Close lightbox on escape key pressed.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useCallbackOnEscape(onClose);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const clickAwayRefs = useRef([wrapperRef]);\n\n    if (!isOpen && !isVisible) return null;\n\n    return (\n        <Portal>\n            <div\n                ref={mergeRefs(ref, wrapperRef)}\n                {...forwardedProps}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledBy}\n                aria-modal=\"true\"\n                role=\"dialog\"\n                tabIndex={-1}\n                className={classNames(\n                    className,\n                    handleBasicClasses({\n                        prefix: CLASSNAME,\n                        isHidden: !isOpen,\n                        isShown: isOpen || isVisible,\n                        theme,\n                    }),\n                )}\n                style={{ zIndex }}\n            >\n                {closeButtonProps && (\n                    <div className={`${CLASSNAME}__close`}>\n                        <IconButton\n                            {...closeButtonProps}\n                            ref={closeButtonRef}\n                            emphasis=\"low\"\n                            hasBackground\n                            icon={mdiClose}\n                            theme=\"dark\"\n                            type=\"button\"\n                            onClick={onClose}\n                        />\n                    </div>\n                )}\n                <HeadingLevelProvider level={2}>\n                    <ThemeProvider value={undefined}>\n                        <ClickAwayProvider callback={!preventAutoClose && onClose} childrenRefs={clickAwayRefs}>\n                            <div ref={childrenRef} className={`${CLASSNAME}__wrapper`} role=\"presentation\">\n                                {children}\n                            </div>\n                        </ClickAwayProvider>\n                    </ThemeProvider>\n                </HeadingLevelProvider>\n            </div>\n        </Portal>\n    );\n});\nLightbox.displayName = COMPONENT_NAME;\nLightbox.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","Lightbox","forwardRef","props","ref","propAriaLabelledBy","ariaLabelledBy","propAriaLabel","ariaLabel","children","className","closeButtonProps","isOpen","onClose","parentElement","focusElement","preventAutoClose","theme","zIndex","forwardedProps","DOCUMENT","childrenRef","useRef","wrapperRef","closeButtonRef","useDisableBodyScroll","current","isVisible","useTransitionVisibility","DIALOG_TRANSITION_DURATION","useFocusTrap","previousOpen","useEffect","focus","useCallbackOnEscape","clickAwayRefs","React","createElement","Portal","_extends","mergeRefs","role","tabIndex","classNames","handleBasicClasses","prefix","isHidden","isShown","style","IconButton","emphasis","hasBackground","icon","mdiClose","type","onClick","HeadingLevelProvider","level","ThemeProvider","value","undefined","ClickAwayProvider","callback","childrenRefs","displayName"],"mappings":"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"}

package/_internal/{1921f348.js → components/link-9637b9e4.js}

@@ -1,11 +1,9 @@
-import { m as getRootClassName, n as forwardRef, _ as _extends, l as classNames } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { g as getTypographyClassName } from './d0dd1815.js';
-import { r as resolveColorWithVariants } from './7b221b05.js';
-import { w as wrapChildrenIconWithSpaces } from './7c4f4643.js';
-import { R as RawClickable } from './432c85a7.js';
-import { u as useDisableStateProps } from './60923026.js';
-import { I as Icon } from './4e1dde79.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { getRootClassName, resolveColorWithVariants, handleBasicClasses, getTypographyClassName } from '@lumx/core/js/utils/className';
+import { w as wrapChildrenIconWithSpaces } from '../wrapChildrenIconWithSpaces-f86106ce.js';
+import { R as RawClickable } from '../RawClickable-c76bbc4c.js';
+import { u as useDisableStateProps } from '../useDisableStateProps-fffc365f.js';
+import { Icon } from './icon-2e7345ad.js';
 
 /**
  * Defines the props of the component.
@@ -69,4 +67,4 @@ Link.displayName = COMPONENT_NAME;
 Link.className = CLASSNAME;
 
 export { Link };
-//# sourceMappingURL=1921f348.js.map
+//# sourceMappingURL=link-9637b9e4.js.map

package/_internal/components/link-9637b9e4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-9637b9e4.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { ColorVariant, ColorWithVariants, Icon, Typography } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport {\n    getRootClassName,\n    getTypographyClassName,\n    handleBasicClasses,\n    resolveColorWithVariants,\n} from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { wrapChildrenIconWithSpaces } from '@lumx/react/utils/react/wrapChildrenIconWithSpaces';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled';\n\ntype HTMLAnchorProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n\n/**\n * Defines the props of the component.\n */\nexport interface LinkProps extends GenericProps, HasAriaDisabled {\n    /** Color variant. */\n    color?: ColorWithVariants;\n    /** Lightened or darkened variant of the selected icon color. */\n    colorVariant?: ColorVariant;\n    /** Link href. */\n    href?: HTMLAnchorProps['href'];\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /**\n     * Left icon (SVG path).\n     * @deprecated Instead, simply nest `<Icon />` in the children\n     */\n    leftIcon?: string;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n    /**\n     * Right icon (SVG path).\n     * @deprecated Instead, simply nest `<Icon />` in the children\n     */\n    rightIcon?: string;\n    /** Link target. */\n    target?: HTMLAnchorProps['target'];\n    /** Typography variant. */\n    typography?: Typography;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Link';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Link component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Link = forwardRef<LinkProps, HTMLAnchorElement | HTMLButtonElement>((props, ref) => {\n    const { disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        children,\n        className,\n        color: propColor,\n        colorVariant: propColorVariant,\n        leftIcon,\n        rightIcon,\n        typography,\n        linkAs,\n        ...forwardedProps\n    } = otherProps;\n    const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);\n\n    return (\n        <RawClickable\n            ref={ref as any}\n            as={linkAs || (forwardedProps.href ? 'a' : 'button')}\n            {...forwardedProps}\n            {...disabledStateProps}\n            className={classNames(\n                className,\n                handleBasicClasses({ prefix: CLASSNAME, color, colorVariant, hasTypography: !!typography }),\n                typography && getTypographyClassName(typography),\n            )}\n        >\n            {wrapChildrenIconWithSpaces(\n                <>\n                    {leftIcon && <Icon icon={leftIcon} className={`${CLASSNAME}__left-icon`} />}\n                    {children && <span className={`${CLASSNAME}__content`}>{children}</span>}\n                    {rightIcon && <Icon icon={rightIcon} className={`${CLASSNAME}__right-icon`} />}\n                </>,\n            )}\n        </RawClickable>\n    );\n});\nLink.displayName = COMPONENT_NAME;\nLink.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","Link","forwardRef","props","ref","disabledStateProps","otherProps","useDisableStateProps","children","className","color","propColor","colorVariant","propColorVariant","leftIcon","rightIcon","typography","linkAs","forwardedProps","resolveColorWithVariants","React","createElement","RawClickable","_extends","as","href","classNames","handleBasicClasses","prefix","hasTypography","getTypographyClassName","wrapChildrenIconWithSpaces","Fragment","Icon","icon","displayName"],"mappings":";;;;;;;AAkBA;AACA;AACA;;AA8BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,MAAM,CAAA;;AAE7B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,IAAI,GAAGC,UAAU,CAAmD,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC7F,MAAM;IAAEC,kBAAkB;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,oBAAoB,CAACJ,KAAK,CAAC,CAAA;EACtE,MAAM;IACFK,QAAQ;IACRC,SAAS;AACTC,IAAAA,KAAK,EAAEC,SAAS;AAChBC,IAAAA,YAAY,EAAEC,gBAAgB;IAC9BC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,MAAM;IACN,GAAGC,cAAAA;AACP,GAAC,GAAGZ,UAAU,CAAA;EACd,MAAM,CAACI,KAAK,EAAEE,YAAY,CAAC,GAAGO,wBAAwB,CAACR,SAAS,EAAEE,gBAAgB,CAAC,CAAA;AAEnF,EAAA,oBACIO,KAAA,CAAAC,aAAA,CAACC,YAAY,EAAAC,QAAA,CAAA;AACTnB,IAAAA,GAAG,EAAEA,GAAW;IAChBoB,EAAE,EAAEP,MAAM,KAAKC,cAAc,CAACO,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAA;GAC/CP,EAAAA,cAAc,EACdb,kBAAkB,EAAA;AACtBI,IAAAA,SAAS,EAAEiB,UAAU,CACjBjB,SAAS,EACTkB,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAE7B,SAAS;MAAEW,KAAK;MAAEE,YAAY;MAAEiB,aAAa,EAAE,CAAC,CAACb,UAAAA;AAAW,KAAC,CAAC,EAC3FA,UAAU,IAAIc,sBAAsB,CAACd,UAAU,CACnD,CAAA;AAAE,GAAA,CAAA,EAEDe,0BAA0B,cACvBX,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAY,QAAA,EAAA,IAAA,EACKlB,QAAQ,iBAAIM,KAAA,CAAAC,aAAA,CAACY,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEpB,QAAS;IAACL,SAAS,EAAE,GAAGV,SAAS,CAAA,WAAA,CAAA;AAAc,GAAE,CAAC,EAC1ES,QAAQ,iBAAIY,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMZ,SAAS,EAAE,GAAGV,SAAS,CAAA,SAAA,CAAA;GAAcS,EAAAA,QAAe,CAAC,EACvEO,SAAS,iBAAIK,KAAA,CAAAC,aAAA,CAACY,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEnB,SAAU;IAACN,SAAS,EAAE,GAAGV,SAAS,CAAA,YAAA,CAAA;GAAiB,CAC/E,CACN,CACU,CAAC,CAAA;AAEvB,CAAC,EAAC;AACFE,IAAI,CAACkC,WAAW,GAAGrC,cAAc,CAAA;AACjCG,IAAI,CAACQ,SAAS,GAAGV,SAAS;;;;"}

package/_internal/{32698205.js → components/link-preview-7a4a6e4b.js}

@@ -1,8 +1,9 @@
-import { m as getRootClassName, c as Size, n as forwardRef, b as Theme, _ as _extends, l as classNames, i as AspectRatio, j as ColorPalette, k as ColorVariant } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTheme } from './3181f000.js';
-import { Link } from './1921f348.js';
-import { T as Thumbnail } from './714809cc.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { Link } from './link-9637b9e4.js';
+import { Size, Theme, AspectRatio, ColorPalette, ColorVariant } from '@lumx/core/js/constants';
+import { T as Thumbnail } from '../Thumbnail-30d2a781.js';
 
 /**
  * Defines the props of the component.
@@ -104,4 +105,4 @@ LinkPreview.className = CLASSNAME;
 LinkPreview.defaultProps = DEFAULT_PROPS;
 
 export { LinkPreview };
-//# sourceMappingURL=32698205.js.map
+//# sourceMappingURL=link-preview-7a4a6e4b.js.map

package/_internal/components/link-preview-7a4a6e4b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-preview-7a4a6e4b.js","sources":["../../../src/components/link-preview/LinkPreview.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport {\n    AspectRatio,\n    ColorPalette,\n    ColorVariant,\n    Link,\n    LinkProps,\n    Size,\n    Theme,\n    Thumbnail,\n    ThumbnailProps,\n} from '@lumx/react';\n\nimport { GenericProps, HeadingElement, HasTheme } 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\n/**\n * Defines the props of the component.\n */\nexport interface LinkPreviewProps extends GenericProps, HasTheme {\n    /** Description. */\n    description?: string;\n    /** Link URL. */\n    link: string;\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 LinkPreview props). */\n    linkProps?: Omit<LinkProps, 'color' | 'colorVariant' | 'href' | 'target'>;\n    /** Size variant. */\n    size?: Extract<Size, 'regular' | 'big'>;\n    /** Thumbnail for the link preview. */\n    thumbnailProps?: ThumbnailProps;\n    /** Title. */\n    title?: string;\n    /** Customize the title heading tag. */\n    titleHeading?: HeadingElement;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'LinkPreview';\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    size: Size.regular,\n    titleHeading: 'h2',\n} as const;\n\n/**\n * LinkPreview component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const LinkPreview = forwardRef<LinkPreviewProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        className,\n        description,\n        link,\n        linkAs,\n        linkProps,\n        size = DEFAULT_PROPS.size,\n        theme = defaultTheme,\n        thumbnailProps,\n        title,\n        titleHeading = DEFAULT_PROPS.titleHeading,\n        ...forwardedProps\n    } = props;\n    // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).\n    const TitleHeading = titleHeading as HeadingElement;\n\n    return (\n        <article\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    size: size === Size.big && thumbnailProps ? Size.big : Size.regular,\n                    theme,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__wrapper`}>\n                {thumbnailProps && (\n                    <div className={`${CLASSNAME}__thumbnail`}>\n                        <Thumbnail\n                            {...thumbnailProps}\n                            linkAs={linkAs}\n                            linkProps={{\n                                ...linkProps,\n                                href: link,\n                                target: '_blank',\n                                // Avoid redundant links in focus order\n                                tabIndex: -1,\n                            }}\n                            aspectRatio={AspectRatio.free}\n                            fillHeight\n                        />\n                    </div>\n                )}\n\n                <div className={`${CLASSNAME}__container`}>\n                    {title && (\n                        <TitleHeading className={`${CLASSNAME}__title`}>\n                            <Link\n                                {...linkProps}\n                                linkAs={linkAs}\n                                target=\"_blank\"\n                                href={link}\n                                color={theme === Theme.light ? ColorPalette.dark : ColorPalette.light}\n                                colorVariant={ColorVariant.N}\n                            >\n                                {title}\n                            </Link>\n                        </TitleHeading>\n                    )}\n\n                    {description && <p className={`${CLASSNAME}__description`}>{description}</p>}\n\n                    <div className={`${CLASSNAME}__link`}>\n                        <Link\n                            {...linkProps}\n                            linkAs={linkAs}\n                            className={classNames(`${CLASSNAME}__link`, linkProps?.className)}\n                            target=\"_blank\"\n                            href={link}\n                            color={theme === Theme.light ? ColorPalette.primary : ColorPalette.light}\n                            colorVariant={ColorVariant.N}\n                            // Avoid redundant links in focus order\n                            tabIndex={title ? '-1' : undefined}\n                        >\n                            {link}\n                        </Link>\n                    </div>\n                </div>\n            </div>\n        </article>\n    );\n});\n\nLinkPreview.displayName = COMPONENT_NAME;\nLinkPreview.className = CLASSNAME;\nLinkPreview.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","regular","titleHeading","LinkPreview","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","description","link","linkAs","linkProps","theme","thumbnailProps","title","forwardedProps","TitleHeading","React","createElement","_extends","classNames","handleBasicClasses","prefix","big","Thumbnail","href","target","tabIndex","aspectRatio","AspectRatio","free","fillHeight","Link","color","ColorPalette","dark","colorVariant","ColorVariant","N","primary","undefined","displayName","defaultProps"],"mappings":"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"}

package/_internal/{0f4b35b2.js → components/list-5c8f7122.js}

@@ -1,5 +1,6 @@
-export { L as List, a as ListItem, i as isClickable } from './1ce667fb.js';
-import { m as getRootClassName, n as forwardRef, _ as _extends, l as classNames } from './d3321a86.js';
+export { L as List, a as ListItem, i as isClickable } from '../List-d5f5d465.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { getRootClassName } from '@lumx/core/js/utils/className';
 
 /**
  * Defines the props of the component.
@@ -73,4 +74,4 @@ ListSubheader.displayName = COMPONENT_NAME;
 ListSubheader.className = CLASSNAME;
 
 export { ListDivider, ListSubheader };
-//# sourceMappingURL=0f4b35b2.js.map
+//# sourceMappingURL=list-5c8f7122.js.map

package/_internal/components/list-5c8f7122.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-5c8f7122.js","sources":["../../../src/components/list/ListDivider.tsx","../../../src/components/list/ListSubheader.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","import { ReactNode } from 'react';\n\nimport 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 interface ListSubheaderProps extends GenericProps {\n    /** Content. */\n    children: string | ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ListSubheader';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * ListSubheader component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ListSubheader = forwardRef<ListSubheaderProps, HTMLLIElement>((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <li ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            {children}\n        </li>\n    );\n});\nListSubheader.displayName = COMPONENT_NAME;\nListSubheader.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","ListDivider","forwardRef","props","ref","className","forwardedProps","React","createElement","_extends","classNames","displayName","ListSubheader","children"],"mappings":";;;;AAMA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,gBAAc,GAAG,aAAa,CAAA;;AAEpC;AACA;AACA;AACA,MAAMC,WAAS,GAAGC,gBAAgB,CAACF,gBAAc,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,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,QAAA,CAAA;AAAIL,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EAAKE,cAAc,EAAA;AAAED,IAAAA,SAAS,EAAEK,UAAU,CAACL,SAAS,EAAEN,WAAS,CAAA;AAAE,GAAA,CAAE,CAAC,CAAA;AAC5F,CAAC,EAAC;AACFE,WAAW,CAACU,WAAW,GAAGb,gBAAc,CAAA;AACxCG,WAAW,CAACI,SAAS,GAAGN,WAAS;;AC1BjC;AACA;AACA;;AAMA;AACA;AACA;AACA,MAAMD,cAAc,GAAG,eAAe,CAAA;;AAEtC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMc,aAAa,GAAGV,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACvF,MAAM;IAAES,QAAQ;IAAER,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGH,KAAK,CAAA;AAExD,EAAA,oBACII,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,QAAA,CAAA;AAAIL,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EAAKE,cAAc,EAAA;AAAED,IAAAA,SAAS,EAAEK,UAAU,CAACL,SAAS,EAAEN,SAAS,CAAA;AAAE,GAAA,CAAA,EACzEc,QACD,CAAC,CAAA;AAEb,CAAC,EAAC;AACFD,aAAa,CAACD,WAAW,GAAGb,cAAc,CAAA;AAC1Cc,aAAa,CAACP,SAAS,GAAGN,SAAS;;;;"}

package/_internal/{4d92e13b.js → components/message-a67067d9.js}

@@ -1,10 +1,9 @@
-import { m as getRootClassName, K as Kind, j as ColorPalette, n as forwardRef, _ as _extends, l as classNames, c as Size, d as Emphasis } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { m as mdiAlert, a as mdiInformation } from './49bbeed3.js';
-import { m as mdiCheckCircle } from './de24f857.js';
-import { m as mdiAlertCircle, I as Icon } from './4e1dde79.js';
-import { I as IconButton } from './7b214f74.js';
-import { m as mdiClose } from './eaf6c45a.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { mdiAlert, mdiInformation, mdiCheckCircle, mdiAlertCircle, mdiClose } from '@lumx/icons';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { Kind, ColorPalette, Size, Emphasis } from '@lumx/core/js/constants';
+import { Icon } from './icon-2e7345ad.js';
+import { I as IconButton } from '../IconButton-10585058.js';
 
 /**
  * Defines the props of the component.
@@ -94,4 +93,4 @@ Message.displayName = COMPONENT_NAME;
 Message.className = CLASSNAME;
 
 export { Message };
-//# sourceMappingURL=4d92e13b.js.map
+//# sourceMappingURL=message-a67067d9.js.map

package/_internal/components/message-a67067d9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-a67067d9.js","sources":["../../../src/components/message/Message.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiAlert, mdiAlertCircle, mdiCheckCircle, mdiClose, mdiInformation } from '@lumx/icons';\nimport { ColorPalette, Emphasis, Icon, IconButton, Kind, 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\n/**\n * Defines the props of the component.\n */\nexport interface MessageProps extends GenericProps {\n    /** Content. */\n    children?: ReactNode;\n    /** Whether the message has a background or not. */\n    hasBackground?: boolean;\n    /** Message variant. */\n    kind?: Kind;\n    /** Message custom icon SVG path. */\n    icon?: string;\n    /**\n     * Displays a close button.\n     *\n     * NB: only available if `kind === 'info' && hasBackground === true`\n     */\n    closeButtonProps?: {\n        /** The callback called when the button is clicked */\n        onClick: () => void;\n        /** The label of the close button. */\n        label: string;\n    };\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Message';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Associative map from message kind to color and icon.\n */\nconst CONFIG = {\n    [Kind.error]: { color: ColorPalette.red, icon: mdiAlert },\n    [Kind.info]: { color: ColorPalette.blue, icon: mdiInformation },\n    [Kind.success]: { color: ColorPalette.green, icon: mdiCheckCircle },\n    [Kind.warning]: { color: ColorPalette.yellow, icon: mdiAlertCircle },\n};\n\n/**\n * Message component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Message = forwardRef<MessageProps, HTMLDivElement>((props, ref) => {\n    const { children, className, hasBackground, kind, icon: customIcon, closeButtonProps, ...forwardedProps } = props;\n    const { color, icon } = CONFIG[kind as Kind] || {};\n    const { onClick, label: closeButtonLabel } = closeButtonProps || {};\n    const isCloseButtonDisplayed = hasBackground && kind === 'info' && onClick && closeButtonLabel;\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    color,\n                    hasBackground,\n                    prefix: CLASSNAME,\n                }),\n            )}\n            {...forwardedProps}\n        >\n            {(customIcon || icon) && (\n                <Icon className={`${CLASSNAME}__icon`} icon={customIcon || icon} size={Size.xs} color={color} />\n            )}\n            <div className={`${CLASSNAME}__text`}>{children}</div>\n            {isCloseButtonDisplayed && (\n                <IconButton\n                    className={`${CLASSNAME}__close-button`}\n                    icon={mdiClose}\n                    onClick={onClick}\n                    label={closeButtonLabel}\n                    emphasis={Emphasis.low}\n                />\n            )}\n        </div>\n    );\n});\n\nMessage.displayName = COMPONENT_NAME;\nMessage.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","CONFIG","Kind","error","color","ColorPalette","red","icon","mdiAlert","info","blue","mdiInformation","success","green","mdiCheckCircle","warning","yellow","mdiAlertCircle","Message","forwardRef","props","ref","children","className","hasBackground","kind","customIcon","closeButtonProps","forwardedProps","onClick","label","closeButtonLabel","isCloseButtonDisplayed","React","createElement","_extends","classNames","handleBasicClasses","prefix","Icon","size","Size","xs","IconButton","mdiClose","emphasis","Emphasis","low","displayName"],"mappings":"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"}

package/_internal/{b925072d.js → components/mosaic-92b66c80.js}

@@ -1,9 +1,10 @@
-import { m as getRootClassName, n as forwardRef, b as Theme, _ as _extends, l as classNames, A as Alignment, i as AspectRatio } from './d3321a86.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
 import { useMemo } from 'react';
 import take from 'lodash/take';
-import { u as useTheme } from './3181f000.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { T as Thumbnail } from './714809cc.js';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { Theme, Alignment, AspectRatio } from '@lumx/core/js/constants';
+import { T as Thumbnail } from '../Thumbnail-30d2a781.js';
 
 /**
  * Defines the props of the component.
@@ -88,4 +89,4 @@ Mosaic.className = CLASSNAME;
 Mosaic.defaultProps = DEFAULT_PROPS;
 
 export { Mosaic };
-//# sourceMappingURL=b925072d.js.map
+//# sourceMappingURL=mosaic-92b66c80.js.map

package/_internal/components/mosaic-92b66c80.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mosaic-92b66c80.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","React","createElement","_extends","classNames","handleBasicClasses","prefix","length","take","map","thumbnail","image","align","thumbnailProps","key","Thumbnail","Alignment","left","aspectRatio","AspectRatio","free","fillHeight","displayName","defaultProps"],"mappings":"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"}

package/_internal/{2d6bde7d.js → components/navigation-4fd3917d.js}

@@ -1,15 +1,16 @@
-import { m as getRootClassName, l as classNames, _ as _extends, c as Size, O as Orientation, n as forwardRef, b as Theme } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTheme, T as ThemeProvider } from './3181f000.js';
+import { c as classNames, _ as _extends, f as forwardRef } from '../forwardRef-49d2bb84.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useTheme, T as ThemeProvider } from '../ThemeContext-3181f000.js';
 import { createContext, useState, useRef, useContext } from 'react';
-import { u as useId } from './3a1facc0.js';
-import { f as forwardRefPolymorphic, R as RawClickable } from './432c85a7.js';
-import { u as useOverflowTooltipLabel, T as Text } from './8fcceef3.js';
-import { Tooltip } from './d6b3a3c0.js';
-import { P as Placement } from './407735b4.js';
-import { I as Icon } from './4e1dde79.js';
-import { P as Popover } from './72407886.js';
-import { m as mdiChevronUp, a as mdiChevronDown } from './0b9c76cb.js';
+import { mdiChevronUp, mdiChevronDown } from '@lumx/icons';
+import { u as useId } from '../useId-3a1facc0.js';
+import { f as forwardRefPolymorphic, R as RawClickable } from '../RawClickable-c76bbc4c.js';
+import { u as useOverflowTooltipLabel, T as Text } from '../index-b4d256e7.js';
+import { Tooltip } from './tooltip-84ffb4f9.js';
+import { P as Placement } from '../constants-b9e57936.js';
+import { Icon } from './icon-2e7345ad.js';
+import { Size, Orientation, Theme } from '@lumx/core/js/constants';
+import { P as Popover } from '../index-f415b08e.js';
 
 /**
  * Navigation item props
@@ -206,4 +207,4 @@ Navigation.Section = NavigationSection;
 Navigation.Item = NavigationItem;
 
 export { Navigation };
-//# sourceMappingURL=2d6bde7d.js.map
+//# sourceMappingURL=navigation-4fd3917d.js.map

package/_internal/components/navigation-4fd3917d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-4fd3917d.js","sources":["../../../src/components/navigation/NavigationItem.tsx","../../../src/components/navigation/context.tsx","../../../src/components/navigation/NavigationSection.tsx","../../../src/components/navigation/Navigation.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","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","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","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","NavigationItem","Object","assign","forwardRefPolymorphic","props","ref","className","icon","label","isCurrentPage","as","Element","forwardedProps","theme","useTheme","tooltipLabel","labelRef","useOverflowTooltipLabel","React","createElement","classNames","handleBasicClasses","prefix","Tooltip","placement","Placement","TOP","RawClickable","_extends","isSelected","undefined","Icon","size","Size","xs","Text","truncate","displayName","NavigationContext","createContext","orientation","Orientation","vertical","NavigationSection","forwardRef","children","isOpen","setIsOpen","useState","buttonRef","useRef","sectionId","useId","useContext","isDropdown","horizontal","ITEM_CLASSNAME","onClick","event","stopPropagation","mdiChevronUp","mdiChevronDown","Popover","anchorRef","BOTTOM_START","usePortal","closeOnClickAway","closeOnEscape","onClose","zIndex","ThemeProvider","value","Theme","light","id","Provider","DEFAULT_PROPS","Navigation","defaultTheme","defaultProps","Section","Item"],"mappings":"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"}

package/_internal/{18334f0d.js → components/notification-9063c963.js}

@@ -1,16 +1,16 @@
-import { m as getRootClassName, n as forwardRef, b as Theme, _ as _extends, l as classNames, c as Size, d as Emphasis, N as NOTIFICATION_TRANSITION_DURATION } from './d3321a86.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
 import { useRef } from 'react';
 import isFunction from 'lodash/isFunction';
-import { D as DOCUMENT } from './b3bfbe72.js';
-import { m as mdiAlert, a as mdiInformation } from './49bbeed3.js';
-import { m as mdiCheckCircle } from './de24f857.js';
-import { m as mdiAlertCircle, I as Icon } from './4e1dde79.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTransitionVisibility } from './aa8c5d9b.js';
-import { m as mergeRefs } from './f0d7d6ea.js';
-import { u as useTheme } from './3181f000.js';
-import { P as Portal } from './c43d098b.js';
-import { a as Button } from './baa0a23b.js';
+import { D as DOCUMENT } from '../constants-d0e3f49e.js';
+import { mdiAlert, mdiInformation, mdiCheckCircle, mdiAlertCircle } from '@lumx/icons';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useTransitionVisibility } from '../useTransitionVisibility-321fdbfa.js';
+import { m as mergeRefs } from '../mergeRefs-f0d7d6ea.js';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { P as Portal } from '../Portal-c43d098b.js';
+import { Theme, Size, Emphasis, NOTIFICATION_TRANSITION_DURATION } from '@lumx/core/js/constants';
+import { Icon } from './icon-2e7345ad.js';
+import { a as Button } from '../Button-f19e18df.js';
 
 /**
  * Notification icon and colors according to their type.
@@ -137,4 +137,4 @@ Notification.className = CLASSNAME;
 Notification.defaultProps = DEFAULT_PROPS;
 
 export { Notification };
-//# sourceMappingURL=18334f0d.js.map
+//# sourceMappingURL=notification-9063c963.js.map

package/_internal/components/notification-9063c963.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-9063c963.js","sources":["../../../src/components/notification/constants.ts","../../../src/components/notification/Notification.tsx"],"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","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":["NOTIFICATION_CONFIGURATION","error","color","icon","mdiAlert","info","mdiInformation","success","mdiCheckCircle","warning","mdiAlertCircle","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","rootRef","useRef","isVisible","useTransitionVisibility","NOTIFICATION_TRANSITION_DURATION","hasAction","Boolean","handleCallback","evt","isFunction","stopPropagation","React","createElement","Portal","enabled","_extends","mergeRefs","role","classNames","handleBasicClasses","isHidden","prefix","Icon","size","Size","s","Button","emphasis","Emphasis","medium","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/popover-3c4c54bd.js

@@ -0,0 +1,3 @@
+export { P as Popover } from '../index-f415b08e.js';
+export { P as Placement } from '../constants-b9e57936.js';
+//# sourceMappingURL=popover-3c4c54bd.js.map

package/_internal/components/popover-3c4c54bd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-3c4c54bd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/_internal/{a67f26a8.js → components/post-block-0cfc2206.js}

@@ -1,9 +1,10 @@
-import { m as getRootClassName, O as Orientation, n as forwardRef, b as Theme, _ as _extends, l as classNames } from './d3321a86.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
 import isObject from 'lodash/isObject';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTheme } from './3181f000.js';
-import { ThumbnailVariant } from './95a2e851.js';
-import { T as Thumbnail } from './714809cc.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { ThumbnailVariant } from './thumbnail-e3acff82.js';
+import { Orientation, Theme } from '@lumx/core/js/constants';
+import { T as Thumbnail } from '../Thumbnail-30d2a781.js';
 
 /**
  * Defines the props of the component.
@@ -95,4 +96,4 @@ PostBlock.className = CLASSNAME;
 PostBlock.defaultProps = DEFAULT_PROPS;
 
 export { PostBlock };
-//# sourceMappingURL=a67f26a8.js.map
+//# sourceMappingURL=post-block-0cfc2206.js.map

package/_internal/components/post-block-0cfc2206.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-block-0cfc2206.js","sources":["../../../src/components/post-block/PostBlock.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isObject from 'lodash/isObject';\n\nimport { Orientation, Theme, Thumbnail, ThumbnailProps, ThumbnailVariant } from '@lumx/react';\nimport { GenericProps, HasTheme } 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\n/**\n * Defines the props of the component.\n */\nexport interface PostBlockProps extends GenericProps, HasTheme {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Attachment content. */\n    attachments?: ReactNode;\n    /** Author content. */\n    author?: ReactNode;\n    /** Metadata content. */\n    meta?: ReactNode;\n    /** Orientation. */\n    orientation?: Orientation;\n    /** Tag content. */\n    tags?: ReactNode;\n    /** Content (string, or sanitized html). */\n    text?: string | { __html: string };\n    /** Thumbnail. */\n    thumbnailProps?: ThumbnailProps;\n    /** Title. */\n    title: string;\n    /** On click callback. */\n    onClick?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'PostBlock';\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<PostBlockProps> = {\n    orientation: Orientation.horizontal,\n};\n\n/**\n * PostBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const PostBlock = forwardRef<PostBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        attachments,\n        author,\n        className,\n        meta,\n        onClick,\n        orientation = DEFAULT_PROPS.orientation,\n        tags,\n        text,\n        theme = defaultTheme,\n        thumbnailProps,\n        title,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, orientation, theme }))}\n            {...forwardedProps}\n        >\n            {thumbnailProps && (\n                <div className={`${CLASSNAME}__thumbnail`}>\n                    <Thumbnail {...thumbnailProps} theme={theme} variant={ThumbnailVariant.rounded} />\n                </div>\n            )}\n            <div className={`${CLASSNAME}__wrapper`}>\n                {author && <div className={`${CLASSNAME}__author`}>{author}</div>}\n\n                {title && (\n                    <button type=\"button\" className={`${CLASSNAME}__title`} onClick={onClick}>\n                        {title}\n                    </button>\n                )}\n\n                {meta && <span className={`${CLASSNAME}__meta`}>{meta}</span>}\n\n                {isObject(text) && text.__html ? (\n                    // eslint-disable-next-line react/no-danger\n                    <p dangerouslySetInnerHTML={text} className={`${CLASSNAME}__text`} />\n                ) : (\n                    <p className={`${CLASSNAME}__text`}>{text}</p>\n                )}\n\n                {attachments && <div className={`${CLASSNAME}__attachments`}>{attachments}</div>}\n                {(tags || actions) && (\n                    <div className={`${CLASSNAME}__toolbar`}>\n                        {tags && <div className={`${CLASSNAME}__tags`}>{tags}</div>}\n                        {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n});\nPostBlock.displayName = COMPONENT_NAME;\nPostBlock.className = CLASSNAME;\nPostBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","PostBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","attachments","author","className","meta","onClick","tags","text","theme","thumbnailProps","title","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","Thumbnail","variant","ThumbnailVariant","rounded","type","isObject","__html","dangerouslySetInnerHTML","displayName","defaultProps"],"mappings":"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"}

package/_internal/{881714a1.js → components/progress-eaf5b33d.js}

@@ -1,6 +1,7 @@
-import { m as getRootClassName, n as forwardRef, b as Theme, _ as _extends, l as classNames, c as Size } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTheme } from './3181f000.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { Theme, Size } from '@lumx/core/js/constants';
 
 /**
  * Component display name.
@@ -184,4 +185,4 @@ Progress.className = CLASSNAME;
 Progress.defaultProps = DEFAULT_PROPS;
 
 export { Progress, ProgressCircular, ProgressLinear, ProgressVariant };
-//# sourceMappingURL=881714a1.js.map
+//# sourceMappingURL=progress-eaf5b33d.js.map