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

package/_internal/components/navigation-5378f128.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-5378f128.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","_jsx","classNames","handleBasicClasses","prefix","children","Tooltip","placement","Placement","TOP","_jsxs","RawClickable","isSelected","undefined","Icon","size","Size","xs","Text","truncate","displayName","NavigationContext","createContext","orientation","Orientation","vertical","NavigationSection","forwardRef","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/components/notification-49837625.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-49837625.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 { 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        onActionClick?.();\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","stopPropagation","_jsx","Portal","enabled","children","_jsxs","mergeRefs","role","classNames","handleBasicClasses","isHidden","prefix","Icon","size","Size","s","Button","emphasis","Emphasis","medium","displayName","defaultProps"],"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,CAAC;;ACUD;AACA;AACA;AACA,MAAMC,cAAc,GAAG,cAAc,CAAA;;AAErC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAyC,GAAG;AAC9CC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,SAAS,EAAE,IAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,YAAY,GAAGC,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtF,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFC,WAAW;IACXC,SAAS;IACTC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,OAAO;AACPC,IAAAA,KAAK,GAAGV,YAAY;IACpBW,IAAI;IACJjB,MAAM,GAAGD,aAAa,CAACC,MAAM;IAC7BC,SAAS,GAAGF,aAAa,CAACE,SAAS;IACnCiB,KAAK;IACL,GAAGC,cAAAA;AACP,GAAC,GAAGf,KAAK,CAAA;EACT,IAAI,CAACgB,QAAQ,EAAE;AACX;AACA,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;EACA,MAAM;IAAEjC,KAAK;AAAEC,IAAAA,IAAAA;AAAK,GAAC,GAAGH,0BAA0B,CAACgC,IAAI,CAAS,IAAI,EAAE,CAAA;AACtE,EAAA,MAAMI,OAAO,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAC5C,MAAMC,SAAS,GAAGC,uBAAuB,CAACH,OAAO,EAAE,CAAC,CAACR,MAAM,EAAEY,gCAAgC,CAAC,CAAA;EAC9F,MAAMC,SAAkB,GAAGC,OAAO,CAACb,aAAa,CAAC,IAAIa,OAAO,CAACjB,WAAW,CAAC,CAAA;EAEzE,MAAMkB,cAAc,GAAIC,GAAqB,IAAK;AAC9Cf,IAAAA,aAAa,IAAI,CAAA;IACjBe,GAAG,CAACC,eAAe,EAAE,CAAA;GACxB,CAAA;AAED,EAAA,IAAI,CAACb,IAAI,IAAI,CAACM,SAAS,EAAE;AACrB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;EAEA,oBACIQ,GAAA,CAACC,MAAM,EAAA;AAACC,IAAAA,OAAO,EAAEhC,SAAU;AAAAiC,IAAAA,QAAA,eAEvBC,IAAA,CAAA,KAAA,EAAA;AACI9B,MAAAA,GAAG,EAAE+B,SAAS,CAAC/B,GAAG,EAAEgB,OAAO,CAAE;AAC7BgB,MAAAA,IAAI,EAAC,OAAO;AAAA,MAAA,GACRlB,cAAc;AAClBR,MAAAA,SAAS,EAAE2B,UAAU,CACjB3B,SAAS,EACT4B,kBAAkB,CAAC;QACfpD,KAAK;QACLuC,SAAS;QACTc,QAAQ,EAAE,CAAC3B,MAAM;AACjB4B,QAAAA,MAAM,EAAE5C,SAAAA;AACZ,OAAC,CACL,CAAE;AACFkB,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,KAAK,EAAE;AAAE,QAAA,GAAGA,KAAK;AAAElB,QAAAA,MAAAA;OAAS;AAAAkC,MAAAA,QAAA,gBAE5BH,GAAA,CAAA,KAAA,EAAA;QAAKpB,SAAS,EAAE,CAAGd,EAAAA,SAAS,CAAS,MAAA,CAAA;QAAAqC,QAAA,eACjCH,GAAA,CAACW,IAAI,EAAA;AAACtD,UAAAA,IAAI,EAAEA,IAAK;UAACuD,IAAI,EAAEC,IAAI,CAACC,CAAAA;SAAI,CAAA;OAChC,CAAC,eACNd,GAAA,CAAA,KAAA,EAAA;QAAKpB,SAAS,EAAE,CAAGd,EAAAA,SAAS,CAAY,SAAA,CAAA;AAAAqC,QAAAA,QAAA,EAAEtB,OAAAA;AAAO,OAAM,CAAC,EACvDc,SAAS,iBACNK,GAAA,CAAA,KAAA,EAAA;QAAKpB,SAAS,EAAE,CAAGd,EAAAA,SAAS,CAAW,QAAA,CAAA;QAAAqC,QAAA,eACnCH,GAAA,CAACe,MAAM,EAAA;UAACC,QAAQ,EAAEC,QAAQ,CAACC,MAAO;AAACjC,UAAAA,KAAK,EAAEA,KAAM;AAACD,UAAAA,OAAO,EAAEa,cAAe;AAAAM,UAAAA,QAAA,eACrEH,GAAA,CAAA,MAAA,EAAA;AAAAG,YAAAA,QAAA,EAAOxB,WAAAA;WAAkB,CAAA;SACrB,CAAA;AAAC,OACR,CACR,CAAA;KACA,CAAA;AAAC,GACF,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFR,YAAY,CAACgD,WAAW,GAAGtD,cAAc,CAAA;AACzCM,YAAY,CAACS,SAAS,GAAGd,SAAS,CAAA;AAClCK,YAAY,CAACiD,YAAY,GAAGpD,aAAa;;;;"}

package/_internal/components/popover-dfcddda4.js

@@ -1,3 +0,0 @@
-export { P as Popover } from '../index-25d2a45e.js';
-export { P as Placement } from '../constants-43721918.js';
-//# sourceMappingURL=popover-dfcddda4.js.map

package/_internal/components/popover-dfcddda4.js.map

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

package/_internal/components/post-block-478bc3b8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"post-block-478bc3b8.js","sources":["../../../src/components/post-block/PostBlock.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\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    // Display text as string or HTML\n    const textContent = typeof text === 'string' ? { children: text } : { dangerouslySetInnerHTML: text };\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                <p className={`${CLASSNAME}__text`} {...textContent} />\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","textContent","children","dangerouslySetInnerHTML","_jsxs","classNames","handleBasicClasses","prefix","_jsx","Thumbnail","variant","ThumbnailVariant","rounded","type","displayName","defaultProps"],"mappings":";;;;;;;;;AAmCA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAsC,GAAG;EAC3CC,WAAW,EAAEC,WAAW,CAACC,UAAAA;AAC7B,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,GAAGC,UAAU,CAAiC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChF,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFC,OAAO;IACPC,WAAW;IACXC,MAAM;IACNC,SAAS;IACTC,IAAI;IACJC,OAAO;IACPhB,WAAW,GAAGD,aAAa,CAACC,WAAW;IACvCiB,IAAI;IACJC,IAAI;AACJC,IAAAA,KAAK,GAAGZ,YAAY;IACpBa,cAAc;IACdC,KAAK;IACL,GAAGC,cAAAA;AACP,GAAC,GAAGjB,KAAK,CAAA;;AAET;AACA,EAAA,MAAMkB,WAAW,GAAG,OAAOL,IAAI,KAAK,QAAQ,GAAG;AAAEM,IAAAA,QAAQ,EAAEN,IAAAA;AAAK,GAAC,GAAG;AAAEO,IAAAA,uBAAuB,EAAEP,IAAAA;GAAM,CAAA;AAErG,EAAA,oBACIQ,IAAA,CAAA,KAAA,EAAA;AACIpB,IAAAA,GAAG,EAAEA,GAAI;AACTQ,IAAAA,SAAS,EAAEa,UAAU,CAACb,SAAS,EAAEc,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEhC,SAAS;MAAEG,WAAW;AAAEmB,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAE;AAAA,IAAA,GAC5FG,cAAc;IAAAE,QAAA,EAAA,CAEjBJ,cAAc,iBACXU,GAAA,CAAA,KAAA,EAAA;MAAKhB,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAc,WAAA,CAAA;MAAA2B,QAAA,eACtCM,GAAA,CAACC,SAAS,EAAA;AAAA,QAAA,GAAKX,cAAc;AAAED,QAAAA,KAAK,EAAEA,KAAM;QAACa,OAAO,EAAEC,gBAAgB,CAACC,OAAAA;OAAU,CAAA;KAChF,CACR,eACDR,IAAA,CAAA,KAAA,EAAA;MAAKZ,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAY,SAAA,CAAA;MAAA2B,QAAA,EAAA,CACnCX,MAAM,iBAAIiB,GAAA,CAAA,KAAA,EAAA;QAAKhB,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAW,QAAA,CAAA;AAAA2B,QAAAA,QAAA,EAAEX,MAAAA;AAAM,OAAM,CAAC,EAEhEQ,KAAK,iBACFS,GAAA,CAAA,QAAA,EAAA;AAAQK,QAAAA,IAAI,EAAC,QAAQ;QAACrB,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAU,OAAA,CAAA;AAACmB,QAAAA,OAAO,EAAEA,OAAQ;AAAAQ,QAAAA,QAAA,EACpEH,KAAAA;AAAK,OACF,CACX,EAEAN,IAAI,iBAAIe,GAAA,CAAA,MAAA,EAAA;QAAMhB,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAS,MAAA,CAAA;AAAA2B,QAAAA,QAAA,EAAET,IAAAA;OAAW,CAAC,eAE7De,GAAA,CAAA,GAAA,EAAA;QAAGhB,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAS,MAAA,CAAA;QAAA,GAAK0B,WAAAA;AAAW,OAAG,CAAC,EAEtDX,WAAW,iBAAIkB,GAAA,CAAA,KAAA,EAAA;QAAKhB,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAgB,aAAA,CAAA;AAAA2B,QAAAA,QAAA,EAAEZ,WAAAA;AAAW,OAAM,CAAC,EAC/E,CAACK,IAAI,IAAIN,OAAO,kBACbe,IAAA,CAAA,KAAA,EAAA;QAAKZ,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAY,SAAA,CAAA;QAAA2B,QAAA,EAAA,CACnCP,IAAI,iBAAIa,GAAA,CAAA,KAAA,EAAA;UAAKhB,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAS,MAAA,CAAA;AAAA2B,UAAAA,QAAA,EAAEP,IAAAA;AAAI,SAAM,CAAC,EAC1DN,OAAO,iBAAImB,GAAA,CAAA,KAAA,EAAA;UAAKhB,SAAS,EAAE,CAAGjB,EAAAA,SAAS,CAAY,SAAA,CAAA;AAAA2B,UAAAA,QAAA,EAAEb,OAAAA;AAAO,SAAM,CAAC,CAAA;AAAA,OACnE,CACR,CAAA;AAAA,KACA,CAAC,CAAA;AAAA,GACL,CAAC,CAAA;AAEd,CAAC,EAAC;AACFR,SAAS,CAACiC,WAAW,GAAGxC,cAAc,CAAA;AACtCO,SAAS,CAACW,SAAS,GAAGjB,SAAS,CAAA;AAC/BM,SAAS,CAACkC,YAAY,GAAGtC,aAAa;;;;"}

package/_internal/components/progress-44bb0301.js

@@ -1,183 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { u as useTheme } from '../ThemeContext-3181f000.js';
-import { f as forwardRef } from '../forwardRef-8bce732e.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Theme, Size } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$2 = 'ProgressLinear';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS$2 = {};
-
-/**
- * ProgressLinear component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ProgressLinear = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    theme = defaultTheme,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME$2,
-      theme
-    })),
-    children: [/*#__PURE__*/jsx("div", {
-      className: "lumx-progress-linear__line1"
-    }), /*#__PURE__*/jsx("div", {
-      className: "lumx-progress-linear__line2"
-    })]
-  });
-});
-ProgressLinear.displayName = COMPONENT_NAME$2;
-ProgressLinear.className = CLASSNAME$2;
-ProgressLinear.defaultProps = DEFAULT_PROPS$2;
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$1 = 'ProgressCircular';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS$1 = {
-  size: Size.m,
-  display: 'block'
-};
-
-/**
- * ProgressCircularProps component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ProgressCircular = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    theme = defaultTheme,
-    size = DEFAULT_PROPS$1.size,
-    display = DEFAULT_PROPS$1.display,
-    ...forwardedProps
-  } = props;
-  const Element = display === 'block' ? 'div' : 'span';
-  return /*#__PURE__*/jsxs(Element, {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME$1,
-      theme,
-      size,
-      display
-    })),
-    children: [/*#__PURE__*/jsx(Element, {
-      className: "lumx-progress-circular__double-bounce1"
-    }), /*#__PURE__*/jsx(Element, {
-      className: "lumx-progress-circular__double-bounce2"
-    }), /*#__PURE__*/jsx("svg", {
-      className: "lumx-progress-circular__svg",
-      viewBox: "25 25 50 50",
-      children: /*#__PURE__*/jsx("circle", {
-        className: "lumx-progress-circular__path",
-        cx: "50",
-        cy: "50",
-        r: "20",
-        fill: "none",
-        strokeWidth: "5"
-      })
-    })]
-  });
-});
-ProgressCircular.displayName = COMPONENT_NAME$1;
-ProgressCircular.className = CLASSNAME$1;
-ProgressCircular.defaultProps = DEFAULT_PROPS$1;
-
-const ProgressVariant = {
-  linear: 'linear',
-  circular: 'circular'
-};
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Progress';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  variant: ProgressVariant.circular
-};
-
-/**
- * Progress component.
- *
- * @deprecated use `ProgressLinear` and `ProgressCircular` instead.
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Progress = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    theme = defaultTheme,
-    variant = DEFAULT_PROPS.variant,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme,
-      variant
-    })),
-    children: [variant === ProgressVariant.circular && /*#__PURE__*/jsx(ProgressCircular, {
-      theme: theme
-    }), variant === ProgressVariant.linear && /*#__PURE__*/jsx(ProgressLinear, {
-      theme: theme
-    })]
-  });
-});
-Progress.displayName = COMPONENT_NAME;
-Progress.className = CLASSNAME;
-Progress.defaultProps = DEFAULT_PROPS;
-
-export { Progress, ProgressCircular, ProgressLinear, ProgressVariant };
-//# sourceMappingURL=progress-44bb0301.js.map

package/_internal/components/progress-44bb0301.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-44bb0301.js","sources":["../../../src/components/progress/ProgressLinear.tsx","../../../src/components/progress/ProgressCircular.tsx","../../../src/components/progress/Progress.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Theme } 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\nexport interface ProgressLinearProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressLinear';\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<ProgressLinearProps> = {};\n\n/**\n * ProgressLinear component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressLinear = forwardRef<ProgressLinearProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }))}\n        >\n            <div className=\"lumx-progress-linear__line1\" />\n            <div className=\"lumx-progress-linear__line2\" />\n        </div>\n    );\n});\nProgressLinear.displayName = COMPONENT_NAME;\nProgressLinear.className = CLASSNAME;\nProgressLinear.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { Theme, Size } 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 * Progress sizes.\n */\nexport type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressCircularProps extends GenericProps, HasTheme {\n    /**\n     * Progress circular size.\n     */\n    size?: ProgressCircularSize;\n    /**\n     * Progress display type (inline or block).\n     * @default 'block'\n     */\n    display?: 'inline' | 'block';\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressCircular';\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<ProgressCircularProps> = {\n    size: Size.m,\n    display: 'block',\n};\n\n/**\n * ProgressCircularProps component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressCircular = forwardRef<ProgressCircularProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        className,\n        theme = defaultTheme,\n        size = DEFAULT_PROPS.size,\n        display = DEFAULT_PROPS.display,\n        ...forwardedProps\n    } = props;\n    const Element = display === 'block' ? 'div' : 'span';\n\n    return (\n        <Element\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, size, display }))}\n        >\n            <Element className=\"lumx-progress-circular__double-bounce1\" />\n            <Element className=\"lumx-progress-circular__double-bounce2\" />\n\n            <svg className=\"lumx-progress-circular__svg\" viewBox=\"25 25 50 50\">\n                <circle className=\"lumx-progress-circular__path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" strokeWidth=\"5\" />\n            </svg>\n        </Element>\n    );\n});\nProgressCircular.displayName = COMPONENT_NAME;\nProgressCircular.className = CLASSNAME;\nProgressCircular.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { ProgressLinear } from './ProgressLinear';\nimport { ProgressCircular } from './ProgressCircular';\n\n/**\n * Progress variants.\n */\nexport const ProgressVariant = { linear: 'linear', circular: 'circular' } as const;\nexport type ProgressVariant = ValueOf<typeof ProgressVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressProps extends GenericProps, HasTheme {\n    /** Progress variant. */\n    variant?: ProgressVariant;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Progress';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressProps> = {\n    variant: ProgressVariant.circular,\n};\n\n/**\n * Progress component.\n *\n * @deprecated use `ProgressLinear` and `ProgressCircular` instead.\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Progress = forwardRef<ProgressProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, variant = DEFAULT_PROPS.variant, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, variant }))}\n        >\n            {variant === ProgressVariant.circular && <ProgressCircular theme={theme} />}\n            {variant === ProgressVariant.linear && <ProgressLinear theme={theme} />}\n        </div>\n    );\n});\nProgress.displayName = COMPONENT_NAME;\nProgress.className = CLASSNAME;\nProgress.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","ProgressLinear","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","forwardedProps","_jsxs","classNames","handleBasicClasses","prefix","children","_jsx","displayName","defaultProps","size","Size","m","display","ProgressCircular","Element","viewBox","cx","cy","r","fill","strokeWidth","ProgressVariant","linear","circular","variant","Progress"],"mappings":"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"}

package/_internal/components/progress-tracker-0fd35bea.js

@@ -1,306 +0,0 @@
-import React__default, { useReducer, useEffect, useCallback } from 'react';
-import { r as reducer, I as INIT_STATE, T as TabProviderContext, u as useTabProviderContextState, a as useTabProviderContext } from '../state-db358714.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { m as mergeRefs } from '../mergeRefs-f0d7d6ea.js';
-import { f as forwardRef } from '../forwardRef-8bce732e.js';
-import { u as useRovingTabIndex } from '../useRovingTabIndex-7daf0f24.js';
-import { mdiCheckCircle, mdiAlertCircle, mdiRadioboxMarked, mdiRadioboxBlank } from '@lumx/icons';
-import { u as useDisableStateProps } from '../useDisableStateProps-69e16b7c.js';
-import { Icon } from './icon-a00d698b.js';
-import { Size, Kind, CSS_PREFIX } from '@lumx/core/js/constants';
-import { InputLabel } from './input-label-30d199c3.js';
-import { InputHelper } from './input-helper-2e4e49fd.js';
-import '../constants-d0e3f49e.js';
-
-const DEFAULT_PROPS$3 = {
-  isLazy: INIT_STATE.isLazy,
-  shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
-};
-
-/**
- * This component provides a context in which steps can be defined and linked to their step panel.
- *
- * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel
- * components in the react tree.
- *
- * This works exactly as TabProvider so it uses TabProviderContext and tabs state.
- *
- * @param  props React component props.
- * @return React element.
- */
-const ProgressTrackerProvider = props => {
-  const {
-    children,
-    onChange,
-    ...propState
-  } = props;
-  const [state, dispatch] = useReducer(reducer, INIT_STATE);
-
-  // On prop state change => dispatch update.
-  useEffect(() => {
-    dispatch({
-      type: 'update',
-      payload: {
-        ...DEFAULT_PROPS$3,
-        ...propState,
-        activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex
-      }
-    });
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [dispatch, ...Object.values(propState)]);
-
-  // On active tab index state change => send update to the onChange.
-  useEffect(() => {
-    if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) {
-      return;
-    }
-    onChange(state.activeTabIndex);
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [onChange, state.activeTabIndex]);
-  return /*#__PURE__*/jsx(TabProviderContext.Provider, {
-    value: [state, dispatch],
-    children: children
-  });
-};
-ProgressTrackerProvider.defaultProps = DEFAULT_PROPS$3;
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$2 = 'ProgressTracker';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS$2 = {};
-
-/**
- * ProgressTracker component.
- *
- * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ProgressTracker = forwardRef((props, ref) => {
-  const {
-    'aria-label': ariaLabel,
-    children,
-    className,
-    ...forwardedProps
-  } = props;
-  const stepListRef = React__default.useRef(null);
-  useRovingTabIndex({
-    parentRef: stepListRef,
-    elementSelector: '[role="tab"]',
-    keepTabIndex: false,
-    extraDependencies: [children]
-  });
-  const state = useTabProviderContextState();
-  const numberOfSteps = state?.ids?.tab?.length || 0;
-  const backgroundPosition = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;
-  const trackPosition = numberOfSteps > 0 ? 100 / (numberOfSteps - 1) * (state?.activeTabIndex || 0) / 100 : 0;
-  return /*#__PURE__*/jsxs("div", {
-    ref: mergeRefs(ref, stepListRef),
-    ...forwardedProps,
-    className: classNames(className, CLASSNAME$2),
-    children: [/*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME$2}__steps`,
-      role: "tablist",
-      "aria-label": ariaLabel,
-      children: children
-    }), /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME$2}__background-bar`,
-      style: {
-        left: `${backgroundPosition}%`,
-        right: `${backgroundPosition}%`
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME$2}__foreground-bar`,
-      style: {
-        left: `${backgroundPosition}%`,
-        right: `${backgroundPosition}%`,
-        transform: `scaleX(${trackPosition})`
-      }
-    })]
-  });
-});
-ProgressTracker.displayName = COMPONENT_NAME$2;
-ProgressTracker.className = CLASSNAME$2;
-ProgressTracker.defaultProps = DEFAULT_PROPS$2;
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$1 = 'ProgressTrackerStep';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS$1 = {};
-
-/**
- * ProgressTrackerStep component.
- *
- * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ProgressTrackerStep = forwardRef((props, ref) => {
-  const {
-    isAnyDisabled,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    className,
-    hasError,
-    helper,
-    id,
-    isActive: propIsActive,
-    isComplete,
-    label,
-    onFocus,
-    onKeyPress,
-    tabIndex = -1,
-    ...forwardedProps
-  } = otherProps;
-  const state = useTabProviderContext('tab', id);
-  const isActive = propIsActive || state?.isActive;
-  const changeToCurrentTab = useCallback(() => {
-    if (isAnyDisabled) {
-      return;
-    }
-    state?.changeToTab();
-  }, [isAnyDisabled, state]);
-  const handleFocus = useCallback(event => {
-    onFocus?.(event);
-    if (state?.shouldActivateOnFocus) {
-      changeToCurrentTab();
-    }
-  }, [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus]);
-  const handleKeyPress = useCallback(event => {
-    onKeyPress?.(event);
-    if (event.key !== 'Enter') {
-      return;
-    }
-    changeToCurrentTab();
-  }, [changeToCurrentTab, onKeyPress]);
-  const getIcon = () => {
-    if (isComplete) {
-      return mdiCheckCircle;
-    }
-    if (isActive) {
-      return hasError ? mdiAlertCircle : mdiRadioboxMarked;
-    }
-    return mdiRadioboxBlank;
-  };
-  return /*#__PURE__*/jsxs("button", {
-    ref: ref,
-    ...forwardedProps,
-    type: "button",
-    id: state?.tabId,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME$1,
-      hasError,
-      isActive,
-      isClickable: state && !isAnyDisabled,
-      isComplete
-    })),
-    onClick: changeToCurrentTab,
-    onKeyPress: handleKeyPress,
-    onFocus: handleFocus,
-    role: "tab",
-    tabIndex: isActive ? 0 : tabIndex,
-    "aria-disabled": isAnyDisabled,
-    "aria-selected": isActive,
-    "aria-controls": state?.tabPanelId,
-    children: [/*#__PURE__*/jsx(Icon, {
-      className: `${CLASSNAME$1}__state`,
-      icon: getIcon(),
-      size: Size.s
-    }), /*#__PURE__*/jsx(InputLabel, {
-      htmlFor: state?.tabId || '',
-      className: `${CLASSNAME$1}__label`,
-      children: label
-    }), helper && /*#__PURE__*/jsx(InputHelper, {
-      kind: hasError ? Kind.error : Kind.info,
-      className: `${CLASSNAME$1}__helper`,
-      children: helper
-    })]
-  });
-});
-ProgressTrackerStep.displayName = COMPONENT_NAME$1;
-ProgressTrackerStep.className = CLASSNAME$1;
-ProgressTrackerStep.defaultProps = DEFAULT_PROPS$1;
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ProgressTrackerStepPanel';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = `${CSS_PREFIX}-step-panel`;
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * ProgressTrackerStepPanel component.
- *
- * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ProgressTrackerStepPanel = forwardRef((props, ref) => {
-  const {
-    children,
-    id,
-    className,
-    isActive: propIsActive,
-    ...forwardedProps
-  } = props;
-  const state = useTabProviderContext('tabPanel', id);
-  const isActive = propIsActive || state?.isActive;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    id: state?.tabPanelId,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      isActive
-    })),
-    role: "tabpanel",
-    tabIndex: isActive ? 0 : -1,
-    "aria-labelledby": state?.tabId,
-    children: (!state?.isLazy || isActive) && children
-  });
-});
-ProgressTrackerStepPanel.displayName = COMPONENT_NAME;
-ProgressTrackerStepPanel.className = CLASSNAME;
-ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS;
-
-export { ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel };
-//# sourceMappingURL=progress-tracker-0fd35bea.js.map