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

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

@@ -1,70 +0,0 @@
-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.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Link';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Link component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Link = forwardRef((props, ref) => {
-  const {
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    children,
-    className,
-    color: propColor,
-    colorVariant: propColorVariant,
-    leftIcon,
-    rightIcon,
-    typography,
-    linkAs,
-    ...forwardedProps
-  } = otherProps;
-  const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
-  return /*#__PURE__*/React.createElement(RawClickable, _extends({
-    ref: ref,
-    as: linkAs || (forwardedProps.href ? 'a' : 'button')
-  }, forwardedProps, disabledStateProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      color,
-      colorVariant,
-      hasTypography: !!typography
-    }), typography && getTypographyClassName(typography))
-  }), wrapChildrenIconWithSpaces(/*#__PURE__*/React.createElement(React.Fragment, null, leftIcon && /*#__PURE__*/React.createElement(Icon, {
-    icon: leftIcon,
-    className: `${CLASSNAME}__left-icon`
-  }), children && /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME}__content`
-  }, children), rightIcon && /*#__PURE__*/React.createElement(Icon, {
-    icon: rightIcon,
-    className: `${CLASSNAME}__right-icon`
-  }))));
-});
-Link.displayName = COMPONENT_NAME;
-Link.className = CLASSNAME;
-
-export { Link };
-//# sourceMappingURL=link-9637b9e4.js.map

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

@@ -1 +0,0 @@
-{"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/components/link-preview-7a4a6e4b.js

@@ -1,108 +0,0 @@
-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.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'LinkPreview';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  size: Size.regular,
-  titleHeading: 'h2'
-};
-
-/**
- * LinkPreview component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const LinkPreview = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    description,
-    link,
-    linkAs,
-    linkProps,
-    size = DEFAULT_PROPS.size,
-    theme = defaultTheme,
-    thumbnailProps,
-    title,
-    titleHeading = DEFAULT_PROPS.titleHeading,
-    ...forwardedProps
-  } = props;
-  // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).
-  const TitleHeading = titleHeading;
-  return /*#__PURE__*/React.createElement("article", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      size: size === Size.big && thumbnailProps ? Size.big : Size.regular,
-      theme
-    }))
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__wrapper`
-  }, thumbnailProps && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__thumbnail`
-  }, /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
-    linkAs: linkAs,
-    linkProps: {
-      ...linkProps,
-      href: link,
-      target: '_blank',
-      // Avoid redundant links in focus order
-      tabIndex: -1
-    },
-    aspectRatio: AspectRatio.free,
-    fillHeight: true
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__container`
-  }, title && /*#__PURE__*/React.createElement(TitleHeading, {
-    className: `${CLASSNAME}__title`
-  }, /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
-    linkAs: linkAs,
-    target: "_blank",
-    href: link,
-    color: theme === Theme.light ? ColorPalette.dark : ColorPalette.light,
-    colorVariant: ColorVariant.N
-  }), title)), description && /*#__PURE__*/React.createElement("p", {
-    className: `${CLASSNAME}__description`
-  }, description), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__link`
-  }, /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
-    linkAs: linkAs,
-    className: classNames(`${CLASSNAME}__link`, linkProps?.className),
-    target: "_blank",
-    href: link,
-    color: theme === Theme.light ? ColorPalette.primary : ColorPalette.light,
-    colorVariant: ColorVariant.N
-    // Avoid redundant links in focus order
-    ,
-    tabIndex: title ? '-1' : undefined
-  }), link)))));
-});
-LinkPreview.displayName = COMPONENT_NAME;
-LinkPreview.className = CLASSNAME;
-LinkPreview.defaultProps = DEFAULT_PROPS;
-
-export { LinkPreview };
-//# sourceMappingURL=link-preview-7a4a6e4b.js.map

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

@@ -1 +0,0 @@
-{"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/components/list-5c8f7122.js

@@ -1,77 +0,0 @@
-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.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$1 = 'ListDivider';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-
-/**
- * ListDivider component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ListDivider = forwardRef((props, ref) => {
-  const {
-    className,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/React.createElement("li", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, CLASSNAME$1)
-  }));
-});
-ListDivider.displayName = COMPONENT_NAME$1;
-ListDivider.className = CLASSNAME$1;
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ListSubheader';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * ListSubheader component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ListSubheader = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/React.createElement("li", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, CLASSNAME)
-  }), children);
-});
-ListSubheader.displayName = COMPONENT_NAME;
-ListSubheader.className = CLASSNAME;
-
-export { ListDivider, ListSubheader };
-//# sourceMappingURL=list-5c8f7122.js.map

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

@@ -1 +0,0 @@
-{"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/components/message-a67067d9.js

@@ -1,96 +0,0 @@
-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.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Message';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Associative map from message kind to color and icon.
- */
-const CONFIG = {
-  [Kind.error]: {
-    color: ColorPalette.red,
-    icon: mdiAlert
-  },
-  [Kind.info]: {
-    color: ColorPalette.blue,
-    icon: mdiInformation
-  },
-  [Kind.success]: {
-    color: ColorPalette.green,
-    icon: mdiCheckCircle
-  },
-  [Kind.warning]: {
-    color: ColorPalette.yellow,
-    icon: mdiAlertCircle
-  }
-};
-
-/**
- * Message component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Message = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    hasBackground,
-    kind,
-    icon: customIcon,
-    closeButtonProps,
-    ...forwardedProps
-  } = props;
-  const {
-    color,
-    icon
-  } = CONFIG[kind] || {};
-  const {
-    onClick,
-    label: closeButtonLabel
-  } = closeButtonProps || {};
-  const isCloseButtonDisplayed = hasBackground && kind === 'info' && onClick && closeButtonLabel;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref,
-    className: classNames(className, handleBasicClasses({
-      color,
-      hasBackground,
-      prefix: CLASSNAME
-    }))
-  }, forwardedProps), (customIcon || icon) && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME}__icon`,
-    icon: customIcon || icon,
-    size: Size.xs,
-    color: color
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__text`
-  }, children), isCloseButtonDisplayed && /*#__PURE__*/React.createElement(IconButton, {
-    className: `${CLASSNAME}__close-button`,
-    icon: mdiClose,
-    onClick: onClick,
-    label: closeButtonLabel,
-    emphasis: Emphasis.low
-  }));
-});
-Message.displayName = COMPONENT_NAME;
-Message.className = CLASSNAME;
-
-export { Message };
-//# sourceMappingURL=message-a67067d9.js.map

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

@@ -1 +0,0 @@
-{"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/components/mosaic-92b66c80.js

@@ -1,92 +0,0 @@
-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 '../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.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Mosaic';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * Mosaic component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Mosaic = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    theme = defaultTheme,
-    thumbnails,
-    onImageClick,
-    ...forwardedProps
-  } = props;
-  const handleImageClick = useMemo(() => {
-    if (!onImageClick) return undefined;
-    return (index, onClick) => event => {
-      onClick?.(event);
-      onImageClick?.(index);
-    };
-  }, [onImageClick]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme
-    }), {
-      [`${CLASSNAME}--has-1-thumbnail`]: thumbnails?.length === 1,
-      [`${CLASSNAME}--has-2-thumbnails`]: thumbnails?.length === 2,
-      [`${CLASSNAME}--has-3-thumbnails`]: thumbnails?.length === 3,
-      [`${CLASSNAME}--has-4-thumbnails`]: thumbnails?.length >= 4
-    })
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__wrapper`
-  }, take(thumbnails, 4).map((thumbnail, index) => {
-    const {
-      image,
-      onClick,
-      align,
-      ...thumbnailProps
-    } = thumbnail;
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: `${CLASSNAME}__thumbnail`
-    }, /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
-      align: align || Alignment.left,
-      image: image,
-      theme: theme,
-      aspectRatio: AspectRatio.free,
-      fillHeight: true,
-      onClick: handleImageClick?.(index, onClick) || onClick
-    })), thumbnails.length > 4 && index === 3 && /*#__PURE__*/React.createElement("div", {
-      className: `${CLASSNAME}__overlay`
-    }, /*#__PURE__*/React.createElement("span", null, "+", thumbnails.length - 4)));
-  })));
-});
-Mosaic.displayName = COMPONENT_NAME;
-Mosaic.className = CLASSNAME;
-Mosaic.defaultProps = DEFAULT_PROPS;
-
-export { Mosaic };
-//# sourceMappingURL=mosaic-92b66c80.js.map

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

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