@lumx/react 3.20.1-alpha.15 → 3.20.1-alpha.17

package/_internal/components/{generic-block-0d6ad5a6.js.map → generic-block-ff0509ee.js.map}

@@ -1 +1 @@
-{"version":3,"file":"generic-block-0d6ad5a6.js","sources":["../../../src/components/generic-block/GenericBlock.tsx","../../../src/components/generic-block/constants.ts"],"sourcesContent":["import React, { Children, ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\nimport noop from 'lodash/noop';\n\nimport { Comp, isComponentType } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { partitionMulti } from '@lumx/react/utils/partitionMulti';\nimport { Orientation, Size, FlexBox, FlexBoxProps } from '@lumx/react';\nimport { GenericBlockGapSize } from '@lumx/react/components/generic-block/constants';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport interface GenericBlockProps extends FlexBoxProps {\n    /**\n     * Component to use as visual element.\n     */\n    figure?: ReactNode;\n    /**\n     * Actions to set after the main content.\n     */\n    actions?: ReactNode;\n    /**\n     * Main content to display or sections components\n     * ({@see GenericBlock.Figure}, {@see GenericBlock.Content} & {@see GenericBlock.Actions})\n     */\n    children: ReactNode;\n    /**\n     * Orientation of the 3 sections\n     */\n    orientation?: FlexBoxProps['orientation'];\n    /**\n     * Horizontal alignment.\n     */\n    hAlign?: FlexBoxProps['hAlign'];\n    /**\n     * Vertical alignment.\n     */\n    vAlign?: FlexBoxProps['vAlign'];\n    /**\n     * The props to forward to the content.\n     * By default, the content will have the same alignment as wrapper.\n     */\n    contentProps?: Omit<FlexBoxProps, 'children'>;\n    /**\n     * props to forward to the actions element.\n     */\n    actionsProps?: Omit<FlexBoxProps, 'children'>;\n    /**\n     * props to forward to the figure element.\n     */\n    figureProps?: Omit<FlexBoxProps, 'children'>;\n    /**\n     * Gap space between sections.\n     */\n    gap?: GenericBlockGapSize;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GenericBlock';\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<GenericBlockProps> = {\n    gap: Size.big,\n    orientation: Orientation.horizontal,\n};\n\ntype BaseGenericBlock = Comp<GenericBlockProps, HTMLDivElement>;\n\ninterface GenericBlockSectionProps extends FlexBoxProps {\n    /**\n     * Gap space between items.\n     */\n    gap?: GenericBlockGapSize;\n}\n\ninterface GenericBlock extends BaseGenericBlock {\n    /**\n     * Use `GenericBlock.Figure` component as children of the `GenericBlock` component as an alternative way to inject\n     * the \"figure\" section of the block (instead of using `figure` and `figureProps` props).\n     */\n    Figure: Comp<GenericBlockSectionProps>;\n    /**\n     * Use `GenericBlock.Content` component as children of the `GenericBlock` component as an alternative way to inject\n     * the \"content\" section of the block (instead of using `content` and `contentProps` props).\n     */\n    Content: Comp<GenericBlockSectionProps>;\n    /**\n     * Use `GenericBlock.Actions` component as children of the `GenericBlock` component as an alternative way to inject\n     * the \"actions\" section of the block (instead of using `actions` and `actionsProps` props).\n     */\n    Actions: Comp<GenericBlockSectionProps>;\n}\n\nconst Figure = noop.bind({}) as Comp<FlexBoxProps>;\nconst isFigure = isComponentType(Figure);\n\nconst Content = noop.bind({}) as Comp<FlexBoxProps>;\nconst isContent = isComponentType(Content);\n\nconst Actions = noop.bind({}) as Comp<FlexBoxProps>;\nconst isActions = isComponentType(Actions);\n\n/**\n * The GenericBlock is a layout component made of 3 sections that can be\n * displayed either horizontally of vertically with the same gap between each section.\n *\n * The sections are:\n * - `Figure` => A visual element to display before the main content.\n * - `Content` => The main content displayed\n * - `Actions` => One or more actions to set after the element.\n *\n * @see https://www.figma.com/file/lzzrQmsfaXRaOyRfoEogPZ/DS%3A-playground?node-id=1%3A4076\n */\nconst BaseGenericBlock: BaseGenericBlock = forwardRef((props, ref) => {\n    const {\n        className,\n        figure,\n        figureProps,\n        children,\n        actions,\n        actionsProps,\n        gap = DEFAULT_PROPS.gap,\n        orientation = DEFAULT_PROPS.orientation,\n        contentProps,\n        ...forwardedProps\n    } = props;\n\n    const sections = React.useMemo(() => {\n        // Split children by section type\n        const [[figureChild], [contentChild], [actionsChild], ...otherChildren] = partitionMulti(\n            Children.toArray(children),\n            [isFigure, isContent, isActions],\n        );\n        return {\n            figureChild,\n            figureChildProps: (figureChild as ReactElement)?.props,\n            contentChild,\n            contentChildProps: (contentChild as ReactElement)?.props,\n            actionsChild,\n            actionsChildProps: (actionsChild as ReactElement)?.props,\n            otherChildren: otherChildren.filter((child) => !isEmpty(child)),\n        };\n    }, [children]);\n\n    return (\n        <FlexBox\n            ref={ref}\n            className={classNames(className, CLASSNAME)}\n            gap={gap}\n            orientation={orientation}\n            {...forwardedProps}\n        >\n            {(figure || sections.figureChildProps?.children) && (\n                <FlexBox\n                    ref={(sections.figureChild as any)?.ref}\n                    vAlign={forwardedProps.vAlign}\n                    hAlign={forwardedProps.hAlign}\n                    {...figureProps}\n                    {...sections.figureChildProps}\n                    className={classNames(\n                        figureProps?.className,\n                        sections.figureChildProps?.className,\n                        `${CLASSNAME}__figure`,\n                    )}\n                >\n                    {figure}\n                    {sections.figureChildProps?.children}\n                </FlexBox>\n            )}\n\n            {(sections.contentChildProps?.children || sections.otherChildren.length > 0) && (\n                <FlexBox\n                    ref={(sections.contentChild as any)?.ref}\n                    orientation={Orientation.vertical}\n                    fillSpace\n                    vAlign={forwardedProps.vAlign}\n                    hAlign={forwardedProps.hAlign}\n                    {...contentProps}\n                    {...sections.contentChildProps}\n                    className={classNames(\n                        contentProps?.className,\n                        sections.contentChildProps?.className,\n                        `${CLASSNAME}__content`,\n                    )}\n                >\n                    {sections.contentChildProps?.children}\n                    {sections.otherChildren}\n                </FlexBox>\n            )}\n\n            {(actions || sections.actionsChildProps?.children) && (\n                <FlexBox\n                    ref={(sections.actionsChild as any)?.ref}\n                    vAlign={forwardedProps.vAlign}\n                    hAlign={forwardedProps.hAlign}\n                    {...actionsProps}\n                    {...sections.actionsChildProps}\n                    className={classNames(\n                        actionsProps?.className,\n                        sections.actionsChildProps?.className,\n                        `${CLASSNAME}__actions`,\n                    )}\n                >\n                    {actions}\n                    {sections.actionsChildProps?.children}\n                </FlexBox>\n            )}\n        </FlexBox>\n    );\n});\nBaseGenericBlock.displayName = COMPONENT_NAME;\nBaseGenericBlock.className = CLASSNAME;\nBaseGenericBlock.defaultProps = DEFAULT_PROPS;\n\nexport const GenericBlock: GenericBlock = Object.assign(BaseGenericBlock, { Figure, Content, Actions });\n","import pick from 'lodash/pick';\nimport { Size } from '@lumx/react';\nimport { ValueOf } from '@lumx/react/utils/type';\n\n/**\n * Accepted gap sizes for the generic block.\n */\nexport const GenericBlockGapSize = pick(Size, ['tiny', 'regular', 'medium', 'big', 'huge']);\nexport type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","gap","Size","big","orientation","Orientation","horizontal","Figure","noop","bind","isFigure","isComponentType","Content","isContent","Actions","isActions","BaseGenericBlock","forwardRef","props","ref","className","figure","figureProps","children","actions","actionsProps","contentProps","forwardedProps","sections","React","useMemo","figureChild","contentChild","actionsChild","otherChildren","partitionMulti","Children","toArray","figureChildProps","contentChildProps","actionsChildProps","filter","child","isEmpty","createElement","FlexBox","_extends","classNames","vAlign","hAlign","length","vertical","fillSpace","displayName","defaultProps","GenericBlock","Object","assign","GenericBlockGapSize","pick"],"mappings":"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"}
+{"version":3,"file":"generic-block-ff0509ee.js","sources":["../../../src/components/generic-block/GenericBlock.tsx","../../../src/components/generic-block/constants.ts"],"sourcesContent":["import React, { Children, ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\nimport noop from 'lodash/noop';\n\nimport { Comp, isComponentType } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { partitionMulti } from '@lumx/react/utils/partitionMulti';\nimport { Orientation, Size, FlexBox, FlexBoxProps } from '@lumx/react';\nimport { GenericBlockGapSize } from '@lumx/react/components/generic-block/constants';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport interface GenericBlockProps extends FlexBoxProps {\n    /**\n     * Component to use as visual element.\n     */\n    figure?: ReactNode;\n    /**\n     * Actions to set after the main content.\n     */\n    actions?: ReactNode;\n    /**\n     * Main content to display or sections components\n     * ({@see GenericBlock.Figure}, {@see GenericBlock.Content} & {@see GenericBlock.Actions})\n     */\n    children: ReactNode;\n    /**\n     * Orientation of the 3 sections\n     */\n    orientation?: FlexBoxProps['orientation'];\n    /**\n     * Horizontal alignment.\n     */\n    hAlign?: FlexBoxProps['hAlign'];\n    /**\n     * Vertical alignment.\n     */\n    vAlign?: FlexBoxProps['vAlign'];\n    /**\n     * The props to forward to the content.\n     * By default, the content will have the same alignment as wrapper.\n     */\n    contentProps?: Omit<FlexBoxProps, 'children'>;\n    /**\n     * props to forward to the actions element.\n     */\n    actionsProps?: Omit<FlexBoxProps, 'children'>;\n    /**\n     * props to forward to the figure element.\n     */\n    figureProps?: Omit<FlexBoxProps, 'children'>;\n    /**\n     * Gap space between sections.\n     */\n    gap?: GenericBlockGapSize;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GenericBlock';\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<GenericBlockProps> = {\n    gap: Size.big,\n    orientation: Orientation.horizontal,\n};\n\ntype BaseGenericBlock = Comp<GenericBlockProps, HTMLDivElement>;\n\ninterface GenericBlockSectionProps extends FlexBoxProps {\n    /**\n     * Gap space between items.\n     */\n    gap?: GenericBlockGapSize;\n}\n\ninterface GenericBlock extends BaseGenericBlock {\n    /**\n     * Use `GenericBlock.Figure` component as children of the `GenericBlock` component as an alternative way to inject\n     * the \"figure\" section of the block (instead of using `figure` and `figureProps` props).\n     */\n    Figure: Comp<GenericBlockSectionProps>;\n    /**\n     * Use `GenericBlock.Content` component as children of the `GenericBlock` component as an alternative way to inject\n     * the \"content\" section of the block (instead of using `content` and `contentProps` props).\n     */\n    Content: Comp<GenericBlockSectionProps>;\n    /**\n     * Use `GenericBlock.Actions` component as children of the `GenericBlock` component as an alternative way to inject\n     * the \"actions\" section of the block (instead of using `actions` and `actionsProps` props).\n     */\n    Actions: Comp<GenericBlockSectionProps>;\n}\n\nconst Figure = noop.bind({}) as Comp<FlexBoxProps>;\nconst isFigure = isComponentType(Figure);\n\nconst Content = noop.bind({}) as Comp<FlexBoxProps>;\nconst isContent = isComponentType(Content);\n\nconst Actions = noop.bind({}) as Comp<FlexBoxProps>;\nconst isActions = isComponentType(Actions);\n\n/**\n * The GenericBlock is a layout component made of 3 sections that can be\n * displayed either horizontally of vertically with the same gap between each section.\n *\n * The sections are:\n * - `Figure` => A visual element to display before the main content.\n * - `Content` => The main content displayed\n * - `Actions` => One or more actions to set after the element.\n *\n * @see https://www.figma.com/file/lzzrQmsfaXRaOyRfoEogPZ/DS%3A-playground?node-id=1%3A4076\n */\nconst BaseGenericBlock: BaseGenericBlock = forwardRef((props, ref) => {\n    const {\n        className,\n        figure,\n        figureProps,\n        children,\n        actions,\n        actionsProps,\n        gap = DEFAULT_PROPS.gap,\n        orientation = DEFAULT_PROPS.orientation,\n        contentProps,\n        ...forwardedProps\n    } = props;\n\n    const sections = React.useMemo(() => {\n        // Split children by section type\n        const [[figureChild], [contentChild], [actionsChild], ...otherChildren] = partitionMulti(\n            Children.toArray(children),\n            [isFigure, isContent, isActions],\n        );\n        return {\n            figureChild,\n            figureChildProps: (figureChild as ReactElement)?.props,\n            contentChild,\n            contentChildProps: (contentChild as ReactElement)?.props,\n            actionsChild,\n            actionsChildProps: (actionsChild as ReactElement)?.props,\n            otherChildren: otherChildren.filter((child) => !isEmpty(child)),\n        };\n    }, [children]);\n\n    return (\n        <FlexBox\n            ref={ref}\n            className={classNames(className, CLASSNAME)}\n            gap={gap}\n            orientation={orientation}\n            {...forwardedProps}\n        >\n            {(figure || sections.figureChildProps?.children) && (\n                <FlexBox\n                    ref={(sections.figureChild as any)?.ref}\n                    vAlign={forwardedProps.vAlign}\n                    hAlign={forwardedProps.hAlign}\n                    {...figureProps}\n                    {...sections.figureChildProps}\n                    className={classNames(\n                        figureProps?.className,\n                        sections.figureChildProps?.className,\n                        `${CLASSNAME}__figure`,\n                    )}\n                >\n                    {figure}\n                    {sections.figureChildProps?.children}\n                </FlexBox>\n            )}\n\n            {(sections.contentChildProps?.children || sections.otherChildren.length > 0) && (\n                <FlexBox\n                    ref={(sections.contentChild as any)?.ref}\n                    orientation={Orientation.vertical}\n                    fillSpace\n                    vAlign={forwardedProps.vAlign}\n                    hAlign={forwardedProps.hAlign}\n                    {...contentProps}\n                    {...sections.contentChildProps}\n                    className={classNames(\n                        contentProps?.className,\n                        sections.contentChildProps?.className,\n                        `${CLASSNAME}__content`,\n                    )}\n                >\n                    {sections.contentChildProps?.children}\n                    {sections.otherChildren}\n                </FlexBox>\n            )}\n\n            {(actions || sections.actionsChildProps?.children) && (\n                <FlexBox\n                    ref={(sections.actionsChild as any)?.ref}\n                    vAlign={forwardedProps.vAlign}\n                    hAlign={forwardedProps.hAlign}\n                    {...actionsProps}\n                    {...sections.actionsChildProps}\n                    className={classNames(\n                        actionsProps?.className,\n                        sections.actionsChildProps?.className,\n                        `${CLASSNAME}__actions`,\n                    )}\n                >\n                    {actions}\n                    {sections.actionsChildProps?.children}\n                </FlexBox>\n            )}\n        </FlexBox>\n    );\n});\nBaseGenericBlock.displayName = COMPONENT_NAME;\nBaseGenericBlock.className = CLASSNAME;\nBaseGenericBlock.defaultProps = DEFAULT_PROPS;\n\nexport const GenericBlock: GenericBlock = Object.assign(BaseGenericBlock, { Figure, Content, Actions });\n","import pick from 'lodash/pick';\nimport { Size } from '@lumx/react';\nimport { ValueOf } from '@lumx/react/utils/type';\n\n/**\n * Accepted gap sizes for the generic block.\n */\nexport const GenericBlockGapSize = pick(Size, ['tiny', 'regular', 'medium', 'big', 'huge']);\nexport type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","gap","Size","big","orientation","Orientation","horizontal","Figure","noop","bind","isFigure","isComponentType","Content","isContent","Actions","isActions","BaseGenericBlock","forwardRef","props","ref","className","figure","figureProps","children","actions","actionsProps","contentProps","forwardedProps","sections","React","useMemo","figureChild","contentChild","actionsChild","otherChildren","partitionMulti","Children","toArray","figureChildProps","contentChildProps","actionsChildProps","filter","child","isEmpty","_jsxs","FlexBox","classNames","vAlign","hAlign","length","vertical","fillSpace","displayName","defaultProps","GenericBlock","Object","assign","GenericBlockGapSize","pick"],"mappings":"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"}

package/_internal/components/{grid-3b194fe8.js → grid-6f1b5a41.js}

@@ -1,11 +1,8 @@
-import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { f as forwardRef, c as classNames } from '../forwardRef-15f62847.js';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { jsx } from 'react/jsx-runtime';
 import { Orientation } from '@lumx/core/js/constants';
 
-/**
- * Defines the props of the component.
- */
-
 /**
  * Component display name.
  */
@@ -42,9 +39,9 @@ const Grid = forwardRef((props, ref) => {
     wrap = DEFAULT_PROPS.wrap,
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    ...forwardedProps,
     className: classNames(className, `${CLASSNAME$1}-container`, {
       [`${CLASSNAME$1}--h-align-${hAlign}`]: hAlign
     }, {
@@ -54,17 +51,14 @@ const Grid = forwardRef((props, ref) => {
       orientation,
       wrap,
       gutter
-    }))
-  }), children);
+    })),
+    children: children
+  });
 });
 Grid.displayName = COMPONENT_NAME$1;
 Grid.className = CLASSNAME$1;
 Grid.defaultProps = DEFAULT_PROPS;
 
-/**
- * Defines the props of the component.
- */
-
 /**
  * Component display name.
  */
@@ -91,19 +85,20 @@ const GridItem = forwardRef((props, ref) => {
     order,
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    ...forwardedProps,
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME,
       width,
       order,
       align
-    }))
-  }), children);
+    })),
+    children: children
+  });
 });
 GridItem.displayName = COMPONENT_NAME;
 GridItem.className = CLASSNAME;
 
 export { Grid, GridItem };
-//# sourceMappingURL=grid-3b194fe8.js.map
+//# sourceMappingURL=grid-6f1b5a41.js.map

package/_internal/components/{grid-3b194fe8.js.map → grid-6f1b5a41.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-3b194fe8.js","sources":["../../../src/components/grid/Grid.tsx","../../../src/components/grid/GridItem.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Alignment, Orientation, 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\ntype GridGutterSize = Extract<Size, 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridProps extends GenericProps {\n    /** Orientation. */\n    orientation?: Orientation;\n    /** Whether the children are wrapped or not. */\n    wrap?: string;\n    /** Vertical alignment. */\n    vAlign?: Alignment;\n    /** Horizontal alignment. */\n    hAlign?: Alignment;\n    /** Gutter size. */\n    gutter?: GridGutterSize;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Grid';\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<GridProps> = {\n    orientation: Orientation.horizontal,\n    wrap: 'nowrap',\n};\n\n/**\n * Grid component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Grid = forwardRef<GridProps, HTMLDivElement>((props, ref) => {\n    const {\n        children,\n        className,\n        gutter,\n        hAlign,\n        orientation = DEFAULT_PROPS.orientation,\n        vAlign,\n        wrap = DEFAULT_PROPS.wrap,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                `${CLASSNAME}-container`,\n                { [`${CLASSNAME}--h-align-${hAlign}`]: hAlign },\n                { [`${CLASSNAME}--v-align-${vAlign}`]: vAlign },\n                handleBasicClasses({ prefix: CLASSNAME, orientation, wrap, gutter }),\n            )}\n        >\n            {children}\n        </div>\n    );\n});\nGrid.displayName = COMPONENT_NAME;\nGrid.className = CLASSNAME;\nGrid.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { Alignment } 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\ntype Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\n/**\n * Defines the props of the component.\n */\nexport interface GridItemProps extends GenericProps {\n    /** Alignment. */\n    align?: Alignment;\n    /** Order. */\n    order?: Columns;\n    /** Width. */\n    width?: Columns;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridItem';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * GridItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const GridItem = forwardRef<GridItemProps, HTMLDivElement>((props, ref) => {\n    const { children, className, width, align, order, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, width, order, align }))}\n        >\n            {children}\n        </div>\n    );\n});\nGridItem.displayName = COMPONENT_NAME;\nGridItem.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","wrap","Grid","forwardRef","props","ref","children","className","gutter","hAlign","vAlign","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps","GridItem","width","align","order"],"mappings":";;;;AASA;AACA;AACA;;AAgBA;AACA;AACA;AACA,MAAMA,gBAAc,GAAG,MAAM,CAAA;;AAE7B;AACA;AACA;AACA,MAAMC,WAAS,GAAGC,gBAAgB,CAACF,gBAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAiC,GAAG;EACtCC,WAAW,EAAEC,WAAW,CAACC,UAAU;AACnCC,EAAAA,IAAI,EAAE,QAAA;AACV,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAGC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAM;IACFC,QAAQ;IACRC,SAAS;IACTC,MAAM;IACNC,MAAM;IACNX,WAAW,GAAGD,aAAa,CAACC,WAAW;IACvCY,MAAM;IACNT,IAAI,GAAGJ,aAAa,CAACI,IAAI;IACzB,GAAGU,cAAAA;AACP,GAAC,GAAGP,KAAK,CAAA;AAET,EAAA,oBACIQ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACIT,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLM,cAAc,EAAA;IAClBJ,SAAS,EAAEQ,UAAU,CACjBR,SAAS,EACT,CAAGZ,EAAAA,WAAS,YAAY,EACxB;AAAE,MAAA,CAAC,CAAGA,EAAAA,WAAS,CAAac,UAAAA,EAAAA,MAAM,EAAE,GAAGA,MAAAA;AAAO,KAAC,EAC/C;AAAE,MAAA,CAAC,CAAGd,EAAAA,WAAS,CAAae,UAAAA,EAAAA,MAAM,EAAE,GAAGA,MAAAA;KAAQ,EAC/CM,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEtB,WAAS;MAAEG,WAAW;MAAEG,IAAI;AAAEO,MAAAA,MAAAA;AAAO,KAAC,CACvE,CAAA;AAAE,GAAA,CAAA,EAEDF,QACA,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,IAAI,CAACgB,WAAW,GAAGxB,gBAAc,CAAA;AACjCQ,IAAI,CAACK,SAAS,GAAGZ,WAAS,CAAA;AAC1BO,IAAI,CAACiB,YAAY,GAAGtB,aAAa;;ACzEjC;AACA;AACA;;AAYA;AACA;AACA;AACA,MAAMH,cAAc,GAAG,UAAU,CAAA;;AAEjC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM0B,QAAQ,GAAGjB,UAAU,CAAgC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9E,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEc,KAAK;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGZ,cAAAA;AAAe,GAAC,GAAGP,KAAK,CAAA;AAE7E,EAAA,oBACIQ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACIT,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLM,cAAc,EAAA;AAClBJ,IAAAA,SAAS,EAAEQ,UAAU,CAACR,SAAS,EAAES,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEtB,SAAS;MAAE0B,KAAK;MAAEE,KAAK;AAAED,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GAAA,CAAA,EAEhGhB,QACA,CAAC,CAAA;AAEd,CAAC,EAAC;AACFc,QAAQ,CAACF,WAAW,GAAGxB,cAAc,CAAA;AACrC0B,QAAQ,CAACb,SAAS,GAAGZ,SAAS;;;;"}
+{"version":3,"file":"grid-6f1b5a41.js","sources":["../../../src/components/grid/Grid.tsx","../../../src/components/grid/GridItem.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Alignment, Orientation, 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\ntype GridGutterSize = Extract<Size, 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridProps extends GenericProps {\n    /** Orientation. */\n    orientation?: Orientation;\n    /** Whether the children are wrapped or not. */\n    wrap?: string;\n    /** Vertical alignment. */\n    vAlign?: Alignment;\n    /** Horizontal alignment. */\n    hAlign?: Alignment;\n    /** Gutter size. */\n    gutter?: GridGutterSize;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Grid';\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<GridProps> = {\n    orientation: Orientation.horizontal,\n    wrap: 'nowrap',\n};\n\n/**\n * Grid component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Grid = forwardRef<GridProps, HTMLDivElement>((props, ref) => {\n    const {\n        children,\n        className,\n        gutter,\n        hAlign,\n        orientation = DEFAULT_PROPS.orientation,\n        vAlign,\n        wrap = DEFAULT_PROPS.wrap,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                `${CLASSNAME}-container`,\n                { [`${CLASSNAME}--h-align-${hAlign}`]: hAlign },\n                { [`${CLASSNAME}--v-align-${vAlign}`]: vAlign },\n                handleBasicClasses({ prefix: CLASSNAME, orientation, wrap, gutter }),\n            )}\n        >\n            {children}\n        </div>\n    );\n});\nGrid.displayName = COMPONENT_NAME;\nGrid.className = CLASSNAME;\nGrid.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { Alignment } 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\ntype Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\n/**\n * Defines the props of the component.\n */\nexport interface GridItemProps extends GenericProps {\n    /** Alignment. */\n    align?: Alignment;\n    /** Order. */\n    order?: Columns;\n    /** Width. */\n    width?: Columns;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridItem';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * GridItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const GridItem = forwardRef<GridItemProps, HTMLDivElement>((props, ref) => {\n    const { children, className, width, align, order, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, width, order, align }))}\n        >\n            {children}\n        </div>\n    );\n});\nGridItem.displayName = COMPONENT_NAME;\nGridItem.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","wrap","Grid","forwardRef","props","ref","children","className","gutter","hAlign","vAlign","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps","GridItem","width","align","order"],"mappings":";;;;;AA2BA;AACA;AACA;AACA,MAAMA,gBAAc,GAAG,MAAM,CAAA;;AAE7B;AACA;AACA;AACA,MAAMC,WAAS,GAAGC,gBAAgB,CAACF,gBAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAiC,GAAG;EACtCC,WAAW,EAAEC,WAAW,CAACC,UAAU;AACnCC,EAAAA,IAAI,EAAE,QAAA;AACV,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAGC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAM;IACFC,QAAQ;IACRC,SAAS;IACTC,MAAM;IACNC,MAAM;IACNX,WAAW,GAAGD,aAAa,CAACC,WAAW;IACvCY,MAAM;IACNT,IAAI,GAAGJ,aAAa,CAACI,IAAI;IACzB,GAAGU,cAAAA;AACP,GAAC,GAAGP,KAAK,CAAA;AAET,EAAA,oBACIQ,GAAA,CAAA,KAAA,EAAA;AACIP,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLM,cAAc;IAClBJ,SAAS,EAAEM,UAAU,CACjBN,SAAS,EACT,CAAGZ,EAAAA,WAAS,YAAY,EACxB;AAAE,MAAA,CAAC,CAAGA,EAAAA,WAAS,CAAac,UAAAA,EAAAA,MAAM,EAAE,GAAGA,MAAAA;AAAO,KAAC,EAC/C;AAAE,MAAA,CAAC,CAAGd,EAAAA,WAAS,CAAae,UAAAA,EAAAA,MAAM,EAAE,GAAGA,MAAAA;KAAQ,EAC/CI,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEpB,WAAS;MAAEG,WAAW;MAAEG,IAAI;AAAEO,MAAAA,MAAAA;AAAO,KAAC,CACvE,CAAE;AAAAF,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,IAAI,CAACc,WAAW,GAAGtB,gBAAc,CAAA;AACjCQ,IAAI,CAACK,SAAS,GAAGZ,WAAS,CAAA;AAC1BO,IAAI,CAACe,YAAY,GAAGpB,aAAa;;AC3DjC;AACA;AACA;AACA,MAAMH,cAAc,GAAG,UAAU,CAAA;;AAEjC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMwB,QAAQ,GAAGf,UAAU,CAAgC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9E,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEY,KAAK;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGV,cAAAA;AAAe,GAAC,GAAGP,KAAK,CAAA;AAE7E,EAAA,oBACIQ,GAAA,CAAA,KAAA,EAAA;AACIP,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLM,cAAc;AAClBJ,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEpB,SAAS;MAAEwB,KAAK;MAAEE,KAAK;AAAED,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAE;AAAAd,IAAAA,QAAA,EAEhGA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,EAAC;AACFY,QAAQ,CAACF,WAAW,GAAGtB,cAAc,CAAA;AACrCwB,QAAQ,CAACX,SAAS,GAAGZ,SAAS;;;;"}

package/_internal/components/{grid-column-985b9327.js → grid-column-f01df853.js}

@@ -1,10 +1,7 @@
-import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
 import isInteger from 'lodash/isInteger';
+import { f as forwardRef, c as classNames } from '../forwardRef-15f62847.js';
 import { getRootClassName } from '@lumx/core/js/utils/className';
-
-/**
- * Defines the props of the component.
- */
+import { jsx } from 'react/jsx-runtime';
 
 /**
  * Component display name.
@@ -41,7 +38,8 @@ const GridColumn = forwardRef((props, ref) => {
     style = {},
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/React.createElement(Component, _extends({}, forwardedProps, {
+  return /*#__PURE__*/jsx(Component, {
+    ...forwardedProps,
     ref: ref,
     className: classNames(className, CLASSNAME),
     style: {
@@ -49,12 +47,13 @@ const GridColumn = forwardRef((props, ref) => {
       ['--lumx-grid-column-item-min-width']: isInteger(itemMinWidth) && `${itemMinWidth}px`,
       ['--lumx-grid-column-columns']: maxColumns,
       ['--lumx-grid-column-gap']: gap && `var(--lumx-spacing-unit-${gap})`
-    }
-  }), children);
+    },
+    children: children
+  });
 });
 GridColumn.displayName = COMPONENT_NAME;
 GridColumn.className = CLASSNAME;
 GridColumn.defaultProps = DEFAULT_PROPS;
 
 export { GridColumn };
-//# sourceMappingURL=grid-column-985b9327.js.map
+//# sourceMappingURL=grid-column-f01df853.js.map

package/_internal/components/{grid-column-985b9327.js.map → grid-column-f01df853.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-column-985b9327.js","sources":["../../../src/components/grid-column/GridColumn.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\n\nimport isInteger from 'lodash/isInteger';\nimport classNames from 'classnames';\n\nimport { Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridColumnProps extends GenericProps {\n    /** Customize the root element. */\n    as?: React.ElementType;\n    /** Children elements. */\n    children?: ReactNode;\n    /** Space between columns and rows. */\n    gap?: GridColumnGapSize;\n    /** Ideal number of columns. */\n    maxColumns?: number;\n    /** Minimum width for each item, reduce the number of column if there is not enough space. */\n    itemMinWidth?: number;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridColumn';\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<GridColumnProps> = {};\n\n/**\n * The GridColumn is a layout component that can display children in a grid\n * with custom display properties. It also comes with a responsive design,\n * with a number of column that reduce when there is not enough space for each item.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const GridColumn = forwardRef<GridColumnProps>((props, ref): ReactElement => {\n    const {\n        as: Component = 'div',\n        gap,\n        maxColumns,\n        itemMinWidth,\n        children,\n        className,\n        style = {},\n        ...forwardedProps\n    } = props;\n\n    return (\n        <Component\n            {...forwardedProps}\n            ref={ref as React.Ref<any>}\n            className={classNames(className, CLASSNAME)}\n            style={{\n                ...style,\n                ['--lumx-grid-column-item-min-width' as any]: isInteger(itemMinWidth) && `${itemMinWidth}px`,\n                ['--lumx-grid-column-columns' as any]: maxColumns,\n                ['--lumx-grid-column-gap' as any]: gap && `var(--lumx-spacing-unit-${gap})`,\n            }}\n        >\n            {children}\n        </Component>\n    );\n});\nGridColumn.displayName = COMPONENT_NAME;\nGridColumn.className = CLASSNAME;\nGridColumn.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","GridColumn","forwardRef","props","ref","as","Component","gap","maxColumns","itemMinWidth","children","className","style","forwardedProps","React","createElement","_extends","classNames","isInteger","displayName","defaultProps"],"mappings":";;;;AAYA;AACA;AACA;;AAcA;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;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAmB;EAChF,MAAM;IACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;IACrBC,GAAG;IACHC,UAAU;IACVC,YAAY;IACZC,QAAQ;IACRC,SAAS;IACTC,KAAK,GAAG,EAAE;IACV,GAAGC,cAAAA;AACP,GAAC,GAAGV,KAAK,CAAA;EAET,oBACIW,KAAA,CAAAC,aAAA,CAACT,SAAS,EAAAU,QAAA,KACFH,cAAc,EAAA;AAClBT,IAAAA,GAAG,EAAEA,GAAsB;AAC3BO,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEb,SAAS,CAAE;AAC5Cc,IAAAA,KAAK,EAAE;AACH,MAAA,GAAGA,KAAK;MACR,CAAC,mCAAmC,GAAUM,SAAS,CAACT,YAAY,CAAC,IAAI,CAAGA,EAAAA,YAAY,CAAI,EAAA,CAAA;MAC5F,CAAC,4BAA4B,GAAUD,UAAU;AACjD,MAAA,CAAC,wBAAwB,GAAUD,GAAG,IAAI,2BAA2BA,GAAG,CAAA,CAAA,CAAA;AAC5E,KAAA;AAAE,GAAA,CAAA,EAEDG,QACM,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFT,UAAU,CAACkB,WAAW,GAAGtB,cAAc,CAAA;AACvCI,UAAU,CAACU,SAAS,GAAGb,SAAS,CAAA;AAChCG,UAAU,CAACmB,YAAY,GAAGpB,aAAa;;;;"}
+{"version":3,"file":"grid-column-f01df853.js","sources":["../../../src/components/grid-column/GridColumn.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\n\nimport isInteger from 'lodash/isInteger';\nimport classNames from 'classnames';\n\nimport { Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridColumnProps extends GenericProps {\n    /** Customize the root element. */\n    as?: React.ElementType;\n    /** Children elements. */\n    children?: ReactNode;\n    /** Space between columns and rows. */\n    gap?: GridColumnGapSize;\n    /** Ideal number of columns. */\n    maxColumns?: number;\n    /** Minimum width for each item, reduce the number of column if there is not enough space. */\n    itemMinWidth?: number;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridColumn';\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<GridColumnProps> = {};\n\n/**\n * The GridColumn is a layout component that can display children in a grid\n * with custom display properties. It also comes with a responsive design,\n * with a number of column that reduce when there is not enough space for each item.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const GridColumn = forwardRef<GridColumnProps>((props, ref): ReactElement => {\n    const {\n        as: Component = 'div',\n        gap,\n        maxColumns,\n        itemMinWidth,\n        children,\n        className,\n        style = {},\n        ...forwardedProps\n    } = props;\n\n    return (\n        <Component\n            {...forwardedProps}\n            ref={ref as React.Ref<any>}\n            className={classNames(className, CLASSNAME)}\n            style={{\n                ...style,\n                ['--lumx-grid-column-item-min-width' as any]: isInteger(itemMinWidth) && `${itemMinWidth}px`,\n                ['--lumx-grid-column-columns' as any]: maxColumns,\n                ['--lumx-grid-column-gap' as any]: gap && `var(--lumx-spacing-unit-${gap})`,\n            }}\n        >\n            {children}\n        </Component>\n    );\n});\nGridColumn.displayName = COMPONENT_NAME;\nGridColumn.className = CLASSNAME;\nGridColumn.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","GridColumn","forwardRef","props","ref","as","Component","gap","maxColumns","itemMinWidth","children","className","style","forwardedProps","_jsx","classNames","isInteger","displayName","defaultProps"],"mappings":";;;;;AA4BA;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;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAmB;EAChF,MAAM;IACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;IACrBC,GAAG;IACHC,UAAU;IACVC,YAAY;IACZC,QAAQ;IACRC,SAAS;IACTC,KAAK,GAAG,EAAE;IACV,GAAGC,cAAAA;AACP,GAAC,GAAGV,KAAK,CAAA;EAET,oBACIW,GAAA,CAACR,SAAS,EAAA;AAAA,IAAA,GACFO,cAAc;AAClBT,IAAAA,GAAG,EAAEA,GAAsB;AAC3BO,IAAAA,SAAS,EAAEI,UAAU,CAACJ,SAAS,EAAEb,SAAS,CAAE;AAC5Cc,IAAAA,KAAK,EAAE;AACH,MAAA,GAAGA,KAAK;MACR,CAAC,mCAAmC,GAAUI,SAAS,CAACP,YAAY,CAAC,IAAI,CAAGA,EAAAA,YAAY,CAAI,EAAA,CAAA;MAC5F,CAAC,4BAA4B,GAAUD,UAAU;AACjD,MAAA,CAAC,wBAAwB,GAAUD,GAAG,IAAI,2BAA2BA,GAAG,CAAA,CAAA,CAAA;KAC1E;AAAAG,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFT,UAAU,CAACgB,WAAW,GAAGpB,cAAc,CAAA;AACvCI,UAAU,CAACU,SAAS,GAAGb,SAAS,CAAA;AAChCG,UAAU,CAACiB,YAAY,GAAGlB,aAAa;;;;"}

package/_internal/components/{heading-5e954dfc.js → heading-89239843.js}

@@ -1,12 +1,9 @@
-import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { f as forwardRef, c as classNames } from '../forwardRef-15f62847.js';
 import { getRootClassName } from '@lumx/core/js/utils/className';
-import { u as useHeadingLevel, D as DEFAULT_TYPOGRAPHY_BY_LEVEL } from '../HeadingLevelProvider-e4817816.js';
-export { H as HeadingLevelProvider } from '../HeadingLevelProvider-e4817816.js';
-import { T as Text } from '../index-b4d256e7.js';
-
-/**
- * Defines the props of the component.
- */
+import { u as useHeadingLevel, D as DEFAULT_TYPOGRAPHY_BY_LEVEL } from '../HeadingLevelProvider-ebdcb0c7.js';
+export { H as HeadingLevelProvider } from '../HeadingLevelProvider-ebdcb0c7.js';
+import { jsx } from 'react/jsx-runtime';
+import { T as Text } from '../index-a9c5cd69.js';
 
 /**
  * Component display name.
@@ -39,16 +36,18 @@ const Heading = forwardRef((props, ref) => {
     headingElement
   } = useHeadingLevel();
   const computedHeadingElement = as || headingElement;
-  return /*#__PURE__*/React.createElement(Text, _extends({
+  return /*#__PURE__*/jsx(Text, {
     ref: ref,
     className: classNames(className, CLASSNAME),
     as: computedHeadingElement,
-    typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement]
-  }, forwardedProps), children);
+    typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement],
+    ...forwardedProps,
+    children: children
+  });
 });
 Heading.displayName = COMPONENT_NAME;
 Heading.className = CLASSNAME;
 Heading.defaultProps = DEFAULT_PROPS;
 
 export { Heading, useHeadingLevel };
-//# sourceMappingURL=heading-5e954dfc.js.map
+//# sourceMappingURL=heading-89239843.js.map

package/_internal/components/{heading-5e954dfc.js.map → heading-89239843.js.map}

@@ -1 +1 @@
-{"version":3,"file":"heading-5e954dfc.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { HeadingElement } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { Text, TextProps } from '../text';\nimport { DEFAULT_TYPOGRAPHY_BY_LEVEL } from './constants';\nimport { useHeadingLevel } from './useHeadingLevel';\n\n/**\n * Defines the props of the component.\n */\nexport interface HeadingProps extends Partial<TextProps> {\n    /**\n     * Display a specific heading level instead of the one provided by parent context provider.\n     */\n    as?: HeadingElement;\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Heading';\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 * Renders a heading component.\n * Extends the `Text` Component with the heading level automatically computed based on\n * the current level provided by the context.\n */\nexport const Heading = forwardRef<HeadingProps>((props, ref) => {\n    const { children, as, className, ...forwardedProps } = props;\n    const { headingElement } = useHeadingLevel();\n\n    const computedHeadingElement = as || headingElement;\n    return (\n        <Text\n            ref={ref}\n            className={classNames(className, CLASSNAME)}\n            as={computedHeadingElement}\n            typography={DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement]}\n            {...forwardedProps}\n        >\n            {children}\n        </Text>\n    );\n});\n\nHeading.displayName = COMPONENT_NAME;\nHeading.className = CLASSNAME;\nHeading.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Heading","forwardRef","props","ref","children","as","className","forwardedProps","headingElement","useHeadingLevel","computedHeadingElement","React","createElement","Text","_extends","classNames","typography","DEFAULT_TYPOGRAPHY_BY_LEVEL","displayName","defaultProps"],"mappings":";;;;;;AAUA;AACA;AACA;;AAYA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,SAAS,CAAA;;AAEhC;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;AACO,MAAMC,OAAO,GAAGC,UAAU,CAAe,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGL,KAAK,CAAA;EAC5D,MAAM;AAAEM,IAAAA,cAAAA;GAAgB,GAAGC,eAAe,EAAE,CAAA;AAE5C,EAAA,MAAMC,sBAAsB,GAAGL,EAAE,IAAIG,cAAc,CAAA;AACnD,EAAA,oBACIG,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAAC,QAAA,CAAA;AACDX,IAAAA,GAAG,EAAEA,GAAI;AACTG,IAAAA,SAAS,EAAES,UAAU,CAACT,SAAS,EAAET,SAAS,CAAE;AAC5CQ,IAAAA,EAAE,EAAEK,sBAAuB;IAC3BM,UAAU,EAAEC,2BAA2B,CAACP,sBAAsB,CAAA;GAC1DH,EAAAA,cAAc,CAEjBH,EAAAA,QACC,CAAC,CAAA;AAEf,CAAC,EAAC;AAEFJ,OAAO,CAACkB,WAAW,GAAGtB,cAAc,CAAA;AACpCI,OAAO,CAACM,SAAS,GAAGT,SAAS,CAAA;AAC7BG,OAAO,CAACmB,YAAY,GAAGpB,aAAa;;;;"}
+{"version":3,"file":"heading-89239843.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { HeadingElement } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { Text, TextProps } from '../text';\nimport { DEFAULT_TYPOGRAPHY_BY_LEVEL } from './constants';\nimport { useHeadingLevel } from './useHeadingLevel';\n\n/**\n * Defines the props of the component.\n */\nexport interface HeadingProps extends Partial<TextProps> {\n    /**\n     * Display a specific heading level instead of the one provided by parent context provider.\n     */\n    as?: HeadingElement;\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Heading';\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 * Renders a heading component.\n * Extends the `Text` Component with the heading level automatically computed based on\n * the current level provided by the context.\n */\nexport const Heading = forwardRef<HeadingProps>((props, ref) => {\n    const { children, as, className, ...forwardedProps } = props;\n    const { headingElement } = useHeadingLevel();\n\n    const computedHeadingElement = as || headingElement;\n    return (\n        <Text\n            ref={ref}\n            className={classNames(className, CLASSNAME)}\n            as={computedHeadingElement}\n            typography={DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement]}\n            {...forwardedProps}\n        >\n            {children}\n        </Text>\n    );\n});\n\nHeading.displayName = COMPONENT_NAME;\nHeading.className = CLASSNAME;\nHeading.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Heading","forwardRef","props","ref","children","as","className","forwardedProps","headingElement","useHeadingLevel","computedHeadingElement","_jsx","Text","classNames","typography","DEFAULT_TYPOGRAPHY_BY_LEVEL","displayName","defaultProps"],"mappings":";;;;;;;AAwBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,SAAS,CAAA;;AAEhC;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;AACO,MAAMC,OAAO,GAAGC,UAAU,CAAe,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGL,KAAK,CAAA;EAC5D,MAAM;AAAEM,IAAAA,cAAAA;GAAgB,GAAGC,eAAe,EAAE,CAAA;AAE5C,EAAA,MAAMC,sBAAsB,GAAGL,EAAE,IAAIG,cAAc,CAAA;EACnD,oBACIG,GAAA,CAACC,IAAI,EAAA;AACDT,IAAAA,GAAG,EAAEA,GAAI;AACTG,IAAAA,SAAS,EAAEO,UAAU,CAACP,SAAS,EAAET,SAAS,CAAE;AAC5CQ,IAAAA,EAAE,EAAEK,sBAAuB;AAC3BI,IAAAA,UAAU,EAAEC,2BAA2B,CAACL,sBAAsB,CAAE;AAAA,IAAA,GAC5DH,cAAc;AAAAH,IAAAA,QAAA,EAEjBA,QAAAA;AAAQ,GACP,CAAC,CAAA;AAEf,CAAC,EAAC;AAEFJ,OAAO,CAACgB,WAAW,GAAGpB,cAAc,CAAA;AACpCI,OAAO,CAACM,SAAS,GAAGT,SAAS,CAAA;AAC7BG,OAAO,CAACiB,YAAY,GAAGlB,aAAa;;;;"}

package/_internal/components/{icon-2e7345ad.js → icon-b708cca4.js}

@@ -1,13 +1,10 @@
-import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { f as forwardRef, c as classNames } from '../forwardRef-15f62847.js';
 import { mdiAlertCircle } from '@lumx/icons';
 import { getRootClassName, resolveColorWithVariants, handleBasicClasses } from '@lumx/core/js/utils/className';
 import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { jsx } from 'react/jsx-runtime';
 import { Theme, ColorPalette, Size } from '@lumx/core/js/constants';
 
-/**
- * Defines the props of the component.
- */
-
 /**
  * Component display name.
  */
@@ -68,9 +65,9 @@ const Icon = forwardRef((props, ref) => {
   } else if (hasShape) {
     iconSize = Size.m;
   }
-  return /*#__PURE__*/React.createElement("i", _extends({
-    ref: ref
-  }, forwardedProps, {
+  return /*#__PURE__*/jsx("i", {
+    ref: ref,
+    ...forwardedProps,
     className: classNames(className, handleBasicClasses({
       color: iconColor,
       colorVariant: iconColorVariant,
@@ -78,26 +75,28 @@ const Icon = forwardRef((props, ref) => {
       prefix: CLASSNAME,
       theme,
       size: iconSize
-    }), !hasShape && `${CLASSNAME}--no-shape`, !hasShape && iconColor === ColorPalette.yellow && icon === mdiAlertCircle && `${CLASSNAME}--has-dark-layer`, `${CLASSNAME}--path`)
-  }), /*#__PURE__*/React.createElement("svg", {
-    "aria-hidden": alt ? undefined : 'true',
-    role: alt ? 'img' : undefined,
-    "aria-label": alt,
-    height: "1em",
-    preserveAspectRatio: "xMidYMid meet",
-    style: {
-      verticalAlign: '-0.125em'
-    },
-    viewBox: "0 0 24 24",
-    width: "1em"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: icon,
-    fill: "currentColor"
-  })));
+    }), !hasShape && `${CLASSNAME}--no-shape`, !hasShape && iconColor === ColorPalette.yellow && icon === mdiAlertCircle && `${CLASSNAME}--has-dark-layer`, `${CLASSNAME}--path`),
+    children: /*#__PURE__*/jsx("svg", {
+      "aria-hidden": alt ? undefined : 'true',
+      role: alt ? 'img' : undefined,
+      "aria-label": alt,
+      height: "1em",
+      preserveAspectRatio: "xMidYMid meet",
+      style: {
+        verticalAlign: '-0.125em'
+      },
+      viewBox: "0 0 24 24",
+      width: "1em",
+      children: /*#__PURE__*/jsx("path", {
+        d: icon,
+        fill: "currentColor"
+      })
+    })
+  });
 });
 Icon.displayName = COMPONENT_NAME;
 Icon.className = CLASSNAME;
 Icon.defaultProps = DEFAULT_PROPS;
 
 export { Icon };
-//# sourceMappingURL=icon-2e7345ad.js.map
+//# sourceMappingURL=icon-b708cca4.js.map

package/_internal/components/{icon-2e7345ad.js.map → icon-b708cca4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-2e7345ad.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { mdiAlertCircle } from '@lumx/icons';\nimport { ColorPalette, ColorVariant, ColorWithVariants, Size, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses, resolveColorWithVariants } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\nexport type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface IconProps extends GenericProps, HasTheme {\n    /** Color variant. */\n    color?: ColorWithVariants;\n    /** Lightened or darkened variant of the selected icon color. */\n    colorVariant?: ColorVariant;\n    /** Whether the icon has a shape. */\n    hasShape?: boolean;\n    /**\n     * Icon (SVG path) draw code (`d` property of the `<path>` SVG element).\n     * See https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths\n     */\n    icon: string;\n    /** Size variant. */\n    size?: IconSizes;\n    /** Sets an alternative text on the svg. Will set an `img` role to the svg. */\n    alt?: string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Icon';\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<IconProps> = {};\n\n/**\n * Icon component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Icon = forwardRef<IconProps, HTMLElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const {\n        className,\n        color: propColor,\n        colorVariant: propColorVariant,\n        hasShape,\n        icon,\n        size,\n        theme = defaultTheme,\n        alt,\n        ...forwardedProps\n    } = props;\n    const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);\n\n    // Color\n    let iconColor = color;\n    if (!iconColor && (hasShape || theme)) {\n        iconColor = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;\n    }\n\n    // Color variant\n    let iconColorVariant = colorVariant;\n    if (!iconColorVariant && hasShape && iconColor === ColorPalette.dark) {\n        iconColorVariant = 'L2';\n    }\n\n    // Size\n    let iconSize = size;\n    if (size && hasShape) {\n        if (size === Size.xxs || size === Size.xs) {\n            iconSize = Size.s;\n        } else if (size === Size.xxl) {\n            iconSize = Size.xl;\n        }\n    } else if (hasShape) {\n        iconSize = Size.m;\n    }\n\n    return (\n        <i\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    color: iconColor,\n                    colorVariant: iconColorVariant,\n                    hasShape,\n                    prefix: CLASSNAME,\n                    theme,\n                    size: iconSize,\n                }),\n                !hasShape && `${CLASSNAME}--no-shape`,\n                !hasShape &&\n                    iconColor === ColorPalette.yellow &&\n                    icon === mdiAlertCircle &&\n                    `${CLASSNAME}--has-dark-layer`,\n                `${CLASSNAME}--path`,\n            )}\n        >\n            <svg\n                aria-hidden={alt ? undefined : 'true'}\n                role={alt ? 'img' : undefined}\n                aria-label={alt}\n                height=\"1em\"\n                preserveAspectRatio=\"xMidYMid meet\"\n                style={{ verticalAlign: '-0.125em' }}\n                viewBox=\"0 0 24 24\"\n                width=\"1em\"\n            >\n                <path d={icon} fill=\"currentColor\" />\n            </svg>\n        </i>\n    );\n});\nIcon.displayName = COMPONENT_NAME;\nIcon.className = CLASSNAME;\nIcon.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Icon","forwardRef","props","ref","defaultTheme","useTheme","className","color","propColor","colorVariant","propColorVariant","hasShape","icon","size","theme","alt","forwardedProps","resolveColorWithVariants","iconColor","Theme","dark","ColorPalette","light","iconColorVariant","iconSize","Size","xxs","xs","s","xxl","xl","m","React","createElement","_extends","classNames","handleBasicClasses","prefix","yellow","mdiAlertCircle","undefined","role","height","preserveAspectRatio","style","verticalAlign","viewBox","width","d","fill","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"file":"icon-b708cca4.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { mdiAlertCircle } from '@lumx/icons';\nimport { ColorPalette, ColorVariant, ColorWithVariants, Size, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses, resolveColorWithVariants } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\nexport type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface IconProps extends GenericProps, HasTheme {\n    /** Color variant. */\n    color?: ColorWithVariants;\n    /** Lightened or darkened variant of the selected icon color. */\n    colorVariant?: ColorVariant;\n    /** Whether the icon has a shape. */\n    hasShape?: boolean;\n    /**\n     * Icon (SVG path) draw code (`d` property of the `<path>` SVG element).\n     * See https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths\n     */\n    icon: string;\n    /** Size variant. */\n    size?: IconSizes;\n    /** Sets an alternative text on the svg. Will set an `img` role to the svg. */\n    alt?: string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Icon';\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<IconProps> = {};\n\n/**\n * Icon component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Icon = forwardRef<IconProps, HTMLElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const {\n        className,\n        color: propColor,\n        colorVariant: propColorVariant,\n        hasShape,\n        icon,\n        size,\n        theme = defaultTheme,\n        alt,\n        ...forwardedProps\n    } = props;\n    const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);\n\n    // Color\n    let iconColor = color;\n    if (!iconColor && (hasShape || theme)) {\n        iconColor = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;\n    }\n\n    // Color variant\n    let iconColorVariant = colorVariant;\n    if (!iconColorVariant && hasShape && iconColor === ColorPalette.dark) {\n        iconColorVariant = 'L2';\n    }\n\n    // Size\n    let iconSize = size;\n    if (size && hasShape) {\n        if (size === Size.xxs || size === Size.xs) {\n            iconSize = Size.s;\n        } else if (size === Size.xxl) {\n            iconSize = Size.xl;\n        }\n    } else if (hasShape) {\n        iconSize = Size.m;\n    }\n\n    return (\n        <i\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    color: iconColor,\n                    colorVariant: iconColorVariant,\n                    hasShape,\n                    prefix: CLASSNAME,\n                    theme,\n                    size: iconSize,\n                }),\n                !hasShape && `${CLASSNAME}--no-shape`,\n                !hasShape &&\n                    iconColor === ColorPalette.yellow &&\n                    icon === mdiAlertCircle &&\n                    `${CLASSNAME}--has-dark-layer`,\n                `${CLASSNAME}--path`,\n            )}\n        >\n            <svg\n                aria-hidden={alt ? undefined : 'true'}\n                role={alt ? 'img' : undefined}\n                aria-label={alt}\n                height=\"1em\"\n                preserveAspectRatio=\"xMidYMid meet\"\n                style={{ verticalAlign: '-0.125em' }}\n                viewBox=\"0 0 24 24\"\n                width=\"1em\"\n            >\n                <path d={icon} fill=\"currentColor\" />\n            </svg>\n        </i>\n    );\n});\nIcon.displayName = COMPONENT_NAME;\nIcon.className = CLASSNAME;\nIcon.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Icon","forwardRef","props","ref","defaultTheme","useTheme","className","color","propColor","colorVariant","propColorVariant","hasShape","icon","size","theme","alt","forwardedProps","resolveColorWithVariants","iconColor","Theme","dark","ColorPalette","light","iconColorVariant","iconSize","Size","xxs","xs","s","xxl","xl","m","_jsx","classNames","handleBasicClasses","prefix","yellow","mdiAlertCircle","children","undefined","role","height","preserveAspectRatio","style","verticalAlign","viewBox","width","d","fill","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/{image-block-8d21dd7e.js → image-block-7938422d.js}

@@ -1,13 +1,11 @@
-import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { f as forwardRef, c as classNames } from '../forwardRef-15f62847.js';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
 import { u as useTheme } from '../ThemeContext-3181f000.js';
-import { I as ImageCaption } from '../ImageCaption-4279b2b6.js';
+import { I as ImageCaption } from '../ImageCaption-8134a3aa.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Alignment, Theme } from '@lumx/core/js/constants';
-import { T as Thumbnail } from '../Thumbnail-30d2a781.js';
+import { T as Thumbnail } from '../Thumbnail-b5dea0af.js';
 
-/**
- * Image block variants.
- */
 const ImageBlockCaptionPosition = {
   below: 'below',
   over: 'over'
@@ -67,43 +65,46 @@ const ImageBlock = forwardRef((props, ref) => {
     titleProps,
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/React.createElement("figure", _extends({
-    ref: ref
-  }, forwardedProps, {
+  return /*#__PURE__*/jsxs("figure", {
+    ref: ref,
+    ...forwardedProps,
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME,
       captionPosition,
       align,
       size,
       theme
-    }), fillHeight && `${CLASSNAME}--fill-height`)
-  }), /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
-    className: classNames(`${CLASSNAME}__image`, thumbnailProps?.className),
-    fillHeight: fillHeight,
-    align: align,
-    image: image,
-    size: size,
-    theme: theme,
-    alt: alt || title
-  })), /*#__PURE__*/React.createElement(ImageCaption, {
-    as: "figcaption",
-    baseClassName: CLASSNAME,
-    theme: theme,
-    title: title,
-    titleProps: titleProps,
-    description: description,
-    descriptionProps: descriptionProps,
-    tags: tags,
-    captionStyle: captionStyle,
-    align: align,
-    truncate: captionPosition === 'over'
-  }), actions && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__actions`
-  }, actions));
+    }), fillHeight && `${CLASSNAME}--fill-height`),
+    children: [/*#__PURE__*/jsx(Thumbnail, {
+      ...thumbnailProps,
+      className: classNames(`${CLASSNAME}__image`, thumbnailProps?.className),
+      fillHeight: fillHeight,
+      align: align,
+      image: image,
+      size: size,
+      theme: theme,
+      alt: alt || title
+    }), /*#__PURE__*/jsx(ImageCaption, {
+      as: "figcaption",
+      baseClassName: CLASSNAME,
+      theme: theme,
+      title: title,
+      titleProps: titleProps,
+      description: description,
+      descriptionProps: descriptionProps,
+      tags: tags,
+      captionStyle: captionStyle,
+      align: align,
+      truncate: captionPosition === 'over'
+    }), actions && /*#__PURE__*/jsx("div", {
+      className: `${CLASSNAME}__actions`,
+      children: actions
+    })]
+  });
 });
 ImageBlock.displayName = COMPONENT_NAME;
 ImageBlock.className = CLASSNAME;
 ImageBlock.defaultProps = DEFAULT_PROPS;
 
 export { ImageBlock, ImageBlockCaptionPosition };
-//# sourceMappingURL=image-block-8d21dd7e.js.map
+//# sourceMappingURL=image-block-7938422d.js.map

package/_internal/components/{image-block-8d21dd7e.js.map → image-block-7938422d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"image-block-8d21dd7e.js","sources":["../../../src/components/image-block/ImageBlock.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment, HorizontalAlignment, Size, Theme, Thumbnail } from '@lumx/react';\n\nimport { GenericProps, HasTheme, ValueOf } 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 { ThumbnailProps } from '../thumbnail/Thumbnail';\nimport { ImageCaption, ImageCaptionMetadata } from './ImageCaption';\n\n/**\n * Image block variants.\n */\nexport const ImageBlockCaptionPosition = {\n    below: 'below',\n    over: 'over',\n} as const;\nexport type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;\n\n/**\n *  Image block sizes.\n */\nexport type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ImageBlockProps extends GenericProps, HasTheme, ImageCaptionMetadata {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Alignment. */\n    align?: HorizontalAlignment;\n    /** Image alternative text. */\n    alt: string;\n    /** Caption position. */\n    captionPosition?: ImageBlockCaptionPosition;\n    /** Whether the image has to fill its container height or not. */\n    fillHeight?: boolean;\n    /** Image URL. */\n    image: string;\n    /** Size variant. */\n    size?: ImageBlockSize;\n    /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */\n    thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight'>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ImageBlock';\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<ImageBlockProps> = {\n    captionPosition: ImageBlockCaptionPosition.below,\n    align: Alignment.left,\n};\n\n/**\n * ImageBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ImageBlock = forwardRef<ImageBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        align = DEFAULT_PROPS.align,\n        alt,\n        captionPosition = DEFAULT_PROPS.captionPosition,\n        captionStyle,\n        className,\n        description,\n        descriptionProps,\n        fillHeight,\n        image,\n        size,\n        tags,\n        theme = defaultTheme,\n        thumbnailProps,\n        title,\n        titleProps,\n        ...forwardedProps\n    } = props;\n    return (\n        <figure\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    captionPosition,\n                    align,\n                    size,\n                    theme,\n                }),\n                fillHeight && `${CLASSNAME}--fill-height`,\n            )}\n        >\n            <Thumbnail\n                {...thumbnailProps}\n                className={classNames(`${CLASSNAME}__image`, thumbnailProps?.className)}\n                fillHeight={fillHeight}\n                align={align}\n                image={image}\n                size={size}\n                theme={theme}\n                alt={(alt || title) as string}\n            />\n            <ImageCaption\n                as=\"figcaption\"\n                baseClassName={CLASSNAME}\n                theme={theme}\n                title={title}\n                titleProps={titleProps}\n                description={description}\n                descriptionProps={descriptionProps}\n                tags={tags}\n                captionStyle={captionStyle}\n                align={align}\n                truncate={captionPosition === 'over'}\n            />\n            {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n        </figure>\n    );\n});\nImageBlock.displayName = COMPONENT_NAME;\nImageBlock.className = CLASSNAME;\nImageBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["ImageBlockCaptionPosition","below","over","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","captionPosition","align","Alignment","left","ImageBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","alt","captionStyle","className","description","descriptionProps","fillHeight","image","size","tags","theme","thumbnailProps","title","titleProps","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","Thumbnail","ImageCaption","as","baseClassName","truncate","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"file":"image-block-7938422d.js","sources":["../../../src/components/image-block/ImageBlock.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment, HorizontalAlignment, Size, Theme, Thumbnail } from '@lumx/react';\n\nimport { GenericProps, HasTheme, ValueOf } 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 { ThumbnailProps } from '../thumbnail/Thumbnail';\nimport { ImageCaption, ImageCaptionMetadata } from './ImageCaption';\n\n/**\n * Image block variants.\n */\nexport const ImageBlockCaptionPosition = {\n    below: 'below',\n    over: 'over',\n} as const;\nexport type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;\n\n/**\n *  Image block sizes.\n */\nexport type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ImageBlockProps extends GenericProps, HasTheme, ImageCaptionMetadata {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Alignment. */\n    align?: HorizontalAlignment;\n    /** Image alternative text. */\n    alt: string;\n    /** Caption position. */\n    captionPosition?: ImageBlockCaptionPosition;\n    /** Whether the image has to fill its container height or not. */\n    fillHeight?: boolean;\n    /** Image URL. */\n    image: string;\n    /** Size variant. */\n    size?: ImageBlockSize;\n    /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */\n    thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight'>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ImageBlock';\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<ImageBlockProps> = {\n    captionPosition: ImageBlockCaptionPosition.below,\n    align: Alignment.left,\n};\n\n/**\n * ImageBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ImageBlock = forwardRef<ImageBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        align = DEFAULT_PROPS.align,\n        alt,\n        captionPosition = DEFAULT_PROPS.captionPosition,\n        captionStyle,\n        className,\n        description,\n        descriptionProps,\n        fillHeight,\n        image,\n        size,\n        tags,\n        theme = defaultTheme,\n        thumbnailProps,\n        title,\n        titleProps,\n        ...forwardedProps\n    } = props;\n    return (\n        <figure\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    captionPosition,\n                    align,\n                    size,\n                    theme,\n                }),\n                fillHeight && `${CLASSNAME}--fill-height`,\n            )}\n        >\n            <Thumbnail\n                {...thumbnailProps}\n                className={classNames(`${CLASSNAME}__image`, thumbnailProps?.className)}\n                fillHeight={fillHeight}\n                align={align}\n                image={image}\n                size={size}\n                theme={theme}\n                alt={(alt || title) as string}\n            />\n            <ImageCaption\n                as=\"figcaption\"\n                baseClassName={CLASSNAME}\n                theme={theme}\n                title={title}\n                titleProps={titleProps}\n                description={description}\n                descriptionProps={descriptionProps}\n                tags={tags}\n                captionStyle={captionStyle}\n                align={align}\n                truncate={captionPosition === 'over'}\n            />\n            {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n        </figure>\n    );\n});\nImageBlock.displayName = COMPONENT_NAME;\nImageBlock.className = CLASSNAME;\nImageBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["ImageBlockCaptionPosition","below","over","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","captionPosition","align","Alignment","left","ImageBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","alt","captionStyle","className","description","descriptionProps","fillHeight","image","size","tags","theme","thumbnailProps","title","titleProps","forwardedProps","_jsxs","classNames","handleBasicClasses","prefix","children","_jsx","Thumbnail","ImageCaption","as","baseClassName","truncate","displayName","defaultProps"],"mappings":"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"}