@lumx/react 3.0.2 → 3.0.3-alpha.1

package/esm/_internal/FlexBox.js

@@ -1,55 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { Orientation } from './components.js';
-import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getRootClassName.js';
-import castArray from 'lodash/castArray';
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'FlexBox';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * FlexBox component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var FlexBox = forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      fillSpace = props.fillSpace,
-      gap = props.gap,
-      hAlign = props.hAlign,
-      marginAuto = props.marginAuto,
-      noShrink = props.noShrink,
-      orientation = props.orientation,
-      vAlign = props.vAlign,
-      wrap = props.wrap,
-      forwardedProps = _objectWithoutProperties(props, ["children", "className", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap"]);
-
-  return React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      orientation: orientation !== null && orientation !== void 0 ? orientation : wrap || hAlign || vAlign ? Orientation.horizontal : null,
-      vAlign: vAlign,
-      hAlign: hAlign,
-      gap: gap
-    }), wrap && "".concat(CLASSNAME, "--wrap"), fillSpace && "".concat(CLASSNAME, "--fill-space"), noShrink && "".concat(CLASSNAME, "--no-shrink"), marginAuto && castArray(marginAuto).map(function (align) {
-      return "".concat(CLASSNAME, "--margin-auto-").concat(align);
-    }))
-  }), children);
-});
-FlexBox.displayName = COMPONENT_NAME;
-FlexBox.className = CLASSNAME;
-
-export { FlexBox as F };
-//# sourceMappingURL=FlexBox.js.map

package/esm/_internal/FlexBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlexBox.js","sources":["../../../src/components/flex-box/FlexBox.tsx"],"sourcesContent":["import { Alignment, Orientation } from '@lumx/react';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\nimport classNames from 'classnames';\nimport castArray from 'lodash/castArray';\nimport React, { forwardRef, ReactNode } from 'react';\nimport { HorizontalAlignment, Size, VerticalAlignment } from '..';\n\nexport type MarginAutoAlignment = Extract<Alignment, 'top' | 'bottom' | 'right' | 'left'>;\nexport type GapSize = Extract<Size, 'tiny' | 'regular' | 'medium' | 'big' | 'huge'>;\ntype SpaceAlignment = Extract<Alignment, 'space-between' | 'space-evenly' | 'space-around'>;\nexport type FlexVerticalAlignment = VerticalAlignment | SpaceAlignment;\nexport type FlexHorizontalAlignment = HorizontalAlignment | SpaceAlignment;\n\n/**\n * Defines the props of the component.\n */\nexport interface FlexBoxProps extends GenericProps {\n    /** Children elements. */\n    children?: ReactNode;\n    /** Whether the \"content filling space\" is enabled or not. */\n    fillSpace?: boolean;\n    /** Gap space between flexbox items. */\n    gap?: GapSize;\n    /** Flex horizontal alignment. */\n    hAlign?: FlexVerticalAlignment;\n    /** Whether the \"auto margin\" is enabled all around or not. */\n    marginAuto?: MarginAutoAlignment | MarginAutoAlignment[];\n    /** Whether the \"content shrink\" is disabled or not. */\n    noShrink?: boolean;\n    /** Flex direction. */\n    orientation?: Orientation;\n    /** Flex vertical alignment. */\n    vAlign?: FlexHorizontalAlignment;\n    /** Whether the \"flex wrap\" is enabled or not. */\n    wrap?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'FlexBox';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * FlexBox component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const FlexBox: Comp<FlexBoxProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        children,\n        className,\n        fillSpace,\n        gap,\n        hAlign,\n        marginAuto,\n        noShrink,\n        orientation,\n        vAlign,\n        wrap,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    orientation: orientation ?? (wrap || hAlign || vAlign ? Orientation.horizontal : null),\n                    vAlign,\n                    hAlign,\n                    gap,\n                }),\n                wrap && `${CLASSNAME}--wrap`,\n                fillSpace && `${CLASSNAME}--fill-space`,\n                noShrink && `${CLASSNAME}--no-shrink`,\n                marginAuto && castArray(marginAuto).map((align) => `${CLASSNAME}--margin-auto-${align}`),\n            )}\n        >\n            {children}\n        </div>\n    );\n});\nFlexBox.displayName = COMPONENT_NAME;\nFlexBox.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","FlexBox","forwardRef","props","ref","children","className","fillSpace","gap","hAlign","marginAuto","noShrink","orientation","vAlign","wrap","forwardedProps","classNames","handleBasicClasses","prefix","Orientation","horizontal","castArray","map","align","displayName"],"mappings":";;;;;;AAqCA;;;AAGA,IAAMA,cAAc,GAAG,SAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;;;;;IAOaG,OAA2C,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAE9EC,QAF8E,GAa9EF,KAb8E,CAE9EE,QAF8E;AAAA,MAG9EC,SAH8E,GAa9EH,KAb8E,CAG9EG,SAH8E;AAAA,MAI9EC,SAJ8E,GAa9EJ,KAb8E,CAI9EI,SAJ8E;AAAA,MAK9EC,GAL8E,GAa9EL,KAb8E,CAK9EK,GAL8E;AAAA,MAM9EC,MAN8E,GAa9EN,KAb8E,CAM9EM,MAN8E;AAAA,MAO9EC,UAP8E,GAa9EP,KAb8E,CAO9EO,UAP8E;AAAA,MAQ9EC,QAR8E,GAa9ER,KAb8E,CAQ9EQ,QAR8E;AAAA,MAS9EC,WAT8E,GAa9ET,KAb8E,CAS9ES,WAT8E;AAAA,MAU9EC,MAV8E,GAa9EV,KAb8E,CAU9EU,MAV8E;AAAA,MAW9EC,IAX8E,GAa9EX,KAb8E,CAW9EW,IAX8E;AAAA,MAY3EC,cAZ2E,4BAa9EZ,KAb8E;;AAelF,SACI;AACI,IAAA,GAAG,EAAEC;AADT,KAEQW,cAFR;AAGI,IAAA,SAAS,EAAEC,UAAU,CACjBV,SADiB,EAEjBW,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEnB,SADO;AAEfa,MAAAA,WAAW,EAAEA,WAAF,aAAEA,WAAF,cAAEA,WAAF,GAAkBE,IAAI,IAAIL,MAAR,IAAkBI,MAAlB,GAA2BM,WAAW,CAACC,UAAvC,GAAoD,IAFlE;AAGfP,MAAAA,MAAM,EAANA,MAHe;AAIfJ,MAAAA,MAAM,EAANA,MAJe;AAKfD,MAAAA,GAAG,EAAHA;AALe,KAAD,CAFD,EASjBM,IAAI,cAAOf,SAAP,WATa,EAUjBQ,SAAS,cAAOR,SAAP,iBAVQ,EAWjBY,QAAQ,cAAOZ,SAAP,gBAXS,EAYjBW,UAAU,IAAIW,SAAS,CAACX,UAAD,CAAT,CAAsBY,GAAtB,CAA0B,UAACC,KAAD;AAAA,uBAAcxB,SAAd,2BAAwCwB,KAAxC;AAAA,KAA1B,CAZG;AAHzB,MAkBKlB,QAlBL,CADJ;AAsBH,CArCoE;AAsCrEJ,OAAO,CAACuB,WAAR,GAAsB1B,cAAtB;AACAG,OAAO,CAACK,SAAR,GAAoBP,SAApB;;;;"}

package/esm/_internal/GenericBlock.js

@@ -1,125 +0,0 @@
-import { b as _objectWithoutProperties, f as _toArray, d as _slicedToArray, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { Orientation, Size } from './components.js';
-import React, { forwardRef, Children } from 'react';
-import { g as getRootClassName, c as classnames } from './getRootClassName.js';
-import 'lodash/isBoolean';
-import isEmpty from 'lodash/isEmpty';
-import 'lodash/kebabCase';
-import noop from 'lodash/noop';
-import { p as partitionMulti } from './partitionMulti.js';
-import { a as isComponentType } from './type.js';
-import { F as FlexBox } from './FlexBox.js';
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'GenericBlock';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {
-  gap: Size.big,
-  orientation: Orientation.horizontal
-};
-var Figure = noop.bind({});
-var isFigure = isComponentType(Figure);
-var Content = noop.bind({});
-var isContent = isComponentType(Content);
-var Actions = noop.bind({});
-var isActions = isComponentType(Actions);
-/**
- * The GenericBlock is a layout component made of 3 sections that can be
- * displayed either horizontally of vertically with the same gap between each section.
- *
- * The sections are:
- * - `Figure` => A visual element to display before the main content.
- * - `Content` => The main content displayed
- * - `Actions` => One or more actions to set after the element.
- *
- * @see https://www.figma.com/file/lzzrQmsfaXRaOyRfoEogPZ/DS%3A-playground?node-id=1%3A4076
- */
-
-var BaseGenericBlock = forwardRef(function (props, ref) {
-  var _sections$figureChild, _ref4, _sections$figureChild2, _sections$figureChild3, _sections$contentChil, _ref5, _sections$contentChil2, _sections$contentChil3, _sections$actionsChil, _ref6, _sections$actionsChil2, _sections$actionsChil3;
-
-  var className = props.className,
-      figure = props.figure,
-      figureProps = props.figureProps,
-      children = props.children,
-      actions = props.actions,
-      actionsProps = props.actionsProps,
-      gap = props.gap,
-      orientation = props.orientation,
-      contentProps = props.contentProps,
-      forwardedProps = _objectWithoutProperties(props, ["className", "figure", "figureProps", "children", "actions", "actionsProps", "gap", "orientation", "contentProps"]);
-
-  var sections = React.useMemo(function () {
-    var _ref, _ref2, _ref3;
-
-    // Split children by section type
-    var _partitionMulti = partitionMulti(Children.toArray(children), [isFigure, isContent, isActions]),
-        _partitionMulti2 = _toArray(_partitionMulti),
-        _partitionMulti2$ = _slicedToArray(_partitionMulti2[0], 1),
-        figureChild = _partitionMulti2$[0],
-        _partitionMulti2$2 = _slicedToArray(_partitionMulti2[1], 1),
-        contentChild = _partitionMulti2$2[0],
-        _partitionMulti2$3 = _slicedToArray(_partitionMulti2[2], 1),
-        actionsChild = _partitionMulti2$3[0],
-        otherChildren = _partitionMulti2.slice(3);
-
-    return {
-      figureChild: figureChild,
-      figureChildProps: (_ref = figureChild) === null || _ref === void 0 ? void 0 : _ref.props,
-      contentChild: contentChild,
-      contentChildProps: (_ref2 = contentChild) === null || _ref2 === void 0 ? void 0 : _ref2.props,
-      actionsChild: actionsChild,
-      actionsChildProps: (_ref3 = actionsChild) === null || _ref3 === void 0 ? void 0 : _ref3.props,
-      otherChildren: otherChildren.filter(function (child) {
-        return !isEmpty(child);
-      })
-    };
-  }, [children]);
-  return React.createElement(FlexBox, _extends({
-    ref: ref,
-    className: classnames(className, CLASSNAME),
-    gap: gap,
-    orientation: orientation
-  }, forwardedProps), (figure || ((_sections$figureChild = sections.figureChildProps) === null || _sections$figureChild === void 0 ? void 0 : _sections$figureChild.children)) && React.createElement(FlexBox, _extends({
-    ref: (_ref4 = sections.figureChild) === null || _ref4 === void 0 ? void 0 : _ref4.ref,
-    vAlign: forwardedProps.vAlign,
-    hAlign: forwardedProps.hAlign
-  }, figureProps, sections.figureChildProps, {
-    className: classnames(figureProps === null || figureProps === void 0 ? void 0 : figureProps.className, (_sections$figureChild2 = sections.figureChildProps) === null || _sections$figureChild2 === void 0 ? void 0 : _sections$figureChild2.className, "".concat(CLASSNAME, "__figure"))
-  }), figure, (_sections$figureChild3 = sections.figureChildProps) === null || _sections$figureChild3 === void 0 ? void 0 : _sections$figureChild3.children), (((_sections$contentChil = sections.contentChildProps) === null || _sections$contentChil === void 0 ? void 0 : _sections$contentChil.children) || sections.otherChildren.length > 0) && React.createElement(FlexBox, _extends({
-    ref: (_ref5 = sections.contentChild) === null || _ref5 === void 0 ? void 0 : _ref5.ref,
-    orientation: Orientation.vertical,
-    fillSpace: true,
-    vAlign: forwardedProps.vAlign,
-    hAlign: forwardedProps.hAlign
-  }, contentProps, sections.contentChildProps, {
-    className: classnames(contentProps === null || contentProps === void 0 ? void 0 : contentProps.className, (_sections$contentChil2 = sections.contentChildProps) === null || _sections$contentChil2 === void 0 ? void 0 : _sections$contentChil2.className, "".concat(CLASSNAME, "__content"))
-  }), (_sections$contentChil3 = sections.contentChildProps) === null || _sections$contentChil3 === void 0 ? void 0 : _sections$contentChil3.children, sections.otherChildren), (actions || ((_sections$actionsChil = sections.actionsChildProps) === null || _sections$actionsChil === void 0 ? void 0 : _sections$actionsChil.children)) && React.createElement(FlexBox, _extends({
-    ref: (_ref6 = sections.actionsChild) === null || _ref6 === void 0 ? void 0 : _ref6.ref,
-    vAlign: forwardedProps.vAlign,
-    hAlign: forwardedProps.hAlign
-  }, actionsProps, sections.actionsChildProps, {
-    className: classnames(actionsProps === null || actionsProps === void 0 ? void 0 : actionsProps.className, (_sections$actionsChil2 = sections.actionsChildProps) === null || _sections$actionsChil2 === void 0 ? void 0 : _sections$actionsChil2.className, "".concat(CLASSNAME, "__actions"))
-  }), actions, (_sections$actionsChil3 = sections.actionsChildProps) === null || _sections$actionsChil3 === void 0 ? void 0 : _sections$actionsChil3.children));
-});
-BaseGenericBlock.displayName = COMPONENT_NAME;
-BaseGenericBlock.className = CLASSNAME;
-BaseGenericBlock.defaultProps = DEFAULT_PROPS;
-var GenericBlock = Object.assign(BaseGenericBlock, {
-  Figure: Figure,
-  Content: Content,
-  Actions: Actions
-});
-
-export { GenericBlock as G };
-//# sourceMappingURL=GenericBlock.js.map

package/esm/_internal/GenericBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GenericBlock.js","sources":["../../../src/components/generic-block/GenericBlock.tsx"],"sourcesContent":["import React, { Children, forwardRef, ReactElement, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\nimport noop from 'lodash/noop';\nimport { Comp, getRootClassName, isComponentType, partitionMulti } from '@lumx/react/utils';\nimport { Orientation, Size, FlexBox, FlexBoxProps } from '@lumx/react';\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\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 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<FlexBoxProps>;\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<FlexBoxProps>;\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<FlexBoxProps>;\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,\n        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"],"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","partitionMulti","Children","toArray","figureChild","contentChild","actionsChild","otherChildren","figureChildProps","contentChildProps","actionsChildProps","filter","child","isEmpty","classNames","vAlign","hAlign","length","vertical","displayName","defaultProps","GenericBlock","Object","assign"],"mappings":"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"}

package/esm/_internal/GridItem.js

@@ -1,96 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends, a as _defineProperty } from './_rollupPluginBabelHelpers.js';
-import { Orientation } from './components.js';
-import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getRootClassName.js';
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'Grid';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {
-  orientation: Orientation.horizontal,
-  wrap: 'nowrap'
-};
-/**
- * Grid component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var Grid = forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      gutter = props.gutter,
-      hAlign = props.hAlign,
-      orientation = props.orientation,
-      vAlign = props.vAlign,
-      wrap = props.wrap,
-      forwardedProps = _objectWithoutProperties(props, ["children", "className", "gutter", "hAlign", "orientation", "vAlign", "wrap"]);
-
-  return React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, "".concat(CLASSNAME, "-container"), _defineProperty({}, "".concat(CLASSNAME, "--h-align-").concat(hAlign), hAlign), _defineProperty({}, "".concat(CLASSNAME, "--v-align-").concat(vAlign), vAlign), handleBasicClasses({
-      prefix: CLASSNAME,
-      orientation: orientation,
-      wrap: wrap,
-      gutter: gutter
-    }))
-  }), children);
-});
-Grid.displayName = COMPONENT_NAME;
-Grid.className = CLASSNAME;
-Grid.defaultProps = DEFAULT_PROPS;
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME$1 = 'GridItem';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-/**
- * GridItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var GridItem = forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      width = props.width,
-      align = props.align,
-      order = props.order,
-      forwardedProps = _objectWithoutProperties(props, ["children", "className", "width", "align", "order"]);
-
-  return React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$1,
-      width: width,
-      order: order,
-      align: align
-    }))
-  }), children);
-});
-GridItem.displayName = COMPONENT_NAME$1;
-GridItem.className = CLASSNAME$1;
-
-export { Grid as G, GridItem as a };
-//# sourceMappingURL=GridItem.js.map

package/esm/_internal/GridItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridItem.js","sources":["../../../src/components/grid/Grid.tsx","../../../src/components/grid/GridItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment, Orientation, Size } from '@lumx/react';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\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}\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: Comp<GridProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { children, className, gutter, hAlign, orientation, vAlign, wrap, ...forwardedProps } = 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 React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment } from '@lumx/react';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\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}\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: Comp<GridItemProps, HTMLDivElement> = forwardRef((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","classNames","handleBasicClasses","prefix","displayName","defaultProps","GridItem","width","align","order"],"mappings":";;;;;AAyBA;;;AAGA,IAAMA,cAAc,GAAG,MAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;AAGA,IAAMG,aAAiC,GAAG;AACtCC,EAAAA,WAAW,EAAEC,WAAW,CAACC,UADa;AAEtCC,EAAAA,IAAI,EAAE;AAFgC,CAA1C;AAKA;;;;;;;;IAOaC,IAAqC,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MACpEC,QADoE,GACkBF,KADlB,CACpEE,QADoE;AAAA,MAC1DC,SAD0D,GACkBH,KADlB,CAC1DG,SAD0D;AAAA,MAC/CC,MAD+C,GACkBJ,KADlB,CAC/CI,MAD+C;AAAA,MACvCC,MADuC,GACkBL,KADlB,CACvCK,MADuC;AAAA,MAC/BX,WAD+B,GACkBM,KADlB,CAC/BN,WAD+B;AAAA,MAClBY,MADkB,GACkBN,KADlB,CAClBM,MADkB;AAAA,MACVT,IADU,GACkBG,KADlB,CACVH,IADU;AAAA,MACDU,cADC,4BACkBP,KADlB;;AAG5E,SACI;AACI,IAAA,GAAG,EAAEC;AADT,KAEQM,cAFR;AAGI,IAAA,SAAS,EAAEC,UAAU,CACjBL,SADiB,YAEdZ,SAFc,+CAGXA,SAHW,uBAGWc,MAHX,GAGsBA,MAHtB,iCAIXd,SAJW,uBAIWe,MAJX,GAIsBA,MAJtB,GAKjBG,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEnB,SAAV;AAAqBG,MAAAA,WAAW,EAAXA,WAArB;AAAkCG,MAAAA,IAAI,EAAJA,IAAlC;AAAwCO,MAAAA,MAAM,EAANA;AAAxC,KAAD,CALD;AAHzB,MAWKF,QAXL,CADJ;AAeH,CAlB8D;AAmB/DJ,IAAI,CAACa,WAAL,GAAmBrB,cAAnB;AACAQ,IAAI,CAACK,SAAL,GAAiBZ,SAAjB;AACAO,IAAI,CAACc,YAAL,GAAoBnB,aAApB;;AClDA;;;AAGA,IAAMH,gBAAc,GAAG,UAAvB;AAEA;;;;AAGA,IAAMC,WAAS,GAAGC,gBAAgB,CAACF,gBAAD,CAAlC;AAEA;;;;;;;;IAOauB,QAA6C,GAAGd,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAC5EC,QAD4E,GACZF,KADY,CAC5EE,QAD4E;AAAA,MAClEC,SADkE,GACZH,KADY,CAClEG,SADkE;AAAA,MACvDW,KADuD,GACZd,KADY,CACvDc,KADuD;AAAA,MAChDC,KADgD,GACZf,KADY,CAChDe,KADgD;AAAA,MACzCC,KADyC,GACZhB,KADY,CACzCgB,KADyC;AAAA,MAC/BT,cAD+B,4BACZP,KADY;;AAGpF,SACI;AACI,IAAA,GAAG,EAAEC;AADT,KAEQM,cAFR;AAGI,IAAA,SAAS,EAAEC,UAAU,CAACL,SAAD,EAAYM,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEnB,WAAV;AAAqBuB,MAAAA,KAAK,EAALA,KAArB;AAA4BE,MAAAA,KAAK,EAALA,KAA5B;AAAmCD,MAAAA,KAAK,EAALA;AAAnC,KAAD,CAA9B;AAHzB,MAKKb,QALL,CADJ;AASH,CAZsE;AAavEW,QAAQ,CAACF,WAAT,GAAuBrB,gBAAvB;AACAuB,QAAQ,CAACV,SAAT,GAAqBZ,WAArB;;;;"}

package/esm/_internal/HeadingLevelProvider.js

@@ -1,112 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { Typography } from './components.js';
-import React, { createContext, forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getRootClassName.js';
-import { T as Text } from './Text2.js';
-
-/** The maximum authorized heading level. */
-
-var MAX_HEADING_LEVEL = 6;
-/**
- * Typography to use by default depending on the heading level.
- */
-
-var DEFAULT_TYPOGRAPHY_BY_LEVEL = {
-  h1: Typography.display1,
-  h2: Typography.headline,
-  h3: Typography.title,
-  h4: Typography.subtitle2,
-  h5: Typography.subtitle1,
-  h6: Typography.body2
-};
-
-var defaultContext = {
-  level: 1,
-  headingElement: 'h1'
-};
-var HeadingLevelContext = createContext(defaultContext);
-
-var useHeadingLevel = function useHeadingLevel() {
-  var _React$useContext = React.useContext(HeadingLevelContext),
-      _React$useContext$lev = _React$useContext.level,
-      level = _React$useContext$lev === void 0 ? 1 : _React$useContext$lev,
-      _React$useContext$hea = _React$useContext.headingElement,
-      headingElement = _React$useContext$hea === void 0 ? 'h1' : _React$useContext$hea;
-
-  return {
-    level: level,
-    headingElement: headingElement
-  };
-};
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'Heading';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {};
-/**
- * Renders a heading component.
- * Extends the `Text` Component with the heading level automatically computed based on
- * the current level provided by the context.
- */
-
-var Heading = forwardRef(function (props, ref) {
-  var children = props.children,
-      as = props.as,
-      className = props.className,
-      forwardedProps = _objectWithoutProperties(props, ["children", "as", "className"]);
-
-  var _useHeadingLevel = useHeadingLevel(),
-      headingElement = _useHeadingLevel.headingElement;
-
-  return React.createElement(Text, _extends({
-    ref: ref,
-    className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME
-    })),
-    as: as || headingElement,
-    typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[headingElement]
-  }, forwardedProps), children);
-});
-Heading.displayName = COMPONENT_NAME;
-Heading.className = CLASSNAME;
-Heading.defaultProps = DEFAULT_PROPS;
-
-/**
- * Provide a new heading level context.
- */
-var HeadingLevelProvider = function HeadingLevelProvider(_ref) {
-  var children = _ref.children,
-      level = _ref.level;
-
-  var _useHeadingLevel = useHeadingLevel(),
-      contextLevel = _useHeadingLevel.level;
-
-  var incrementedLevel = level || contextLevel + 1;
-  /** Don't allow a level beyond the maximum level. */
-
-  var nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;
-  var headingElement = "h".concat(nextLevel);
-  return React.createElement(HeadingLevelContext.Provider, {
-    value: {
-      level: nextLevel,
-      headingElement: headingElement
-    }
-  }, children);
-};
-
-export { Heading as H, HeadingLevelProvider as a, useHeadingLevel as u };
-//# sourceMappingURL=HeadingLevelProvider.js.map

package/esm/_internal/HeadingLevelProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingLevelProvider.js","sources":["../../../src/components/heading/constants.ts","../../../src/components/heading/context.tsx","../../../src/components/heading/useHeadingLevel.tsx","../../../src/components/heading/Heading.tsx","../../../src/components/heading/HeadingLevelProvider.tsx"],"sourcesContent":["import { Typography } from '..';\n\n/** The maximum authorized heading level. */\nexport const MAX_HEADING_LEVEL = 6;\n\n/**\n * Typography to use by default depending on the heading level.\n */\nexport const DEFAULT_TYPOGRAPHY_BY_LEVEL = {\n    h1: Typography.display1,\n    h2: Typography.headline,\n    h3: Typography.title,\n    h4: Typography.subtitle2,\n    h5: Typography.subtitle1,\n    h6: Typography.body2,\n};\n","import { HeadingElement } from '@lumx/react/utils';\nimport { createContext } from 'react';\n\ninterface HeadingLevelContext {\n    /** The current level */\n    level: number;\n    /** The heading element matching the current level */\n    headingElement: HeadingElement;\n}\n\nconst defaultContext: HeadingLevelContext = { level: 1, headingElement: 'h1' };\n\nexport const HeadingLevelContext = createContext<HeadingLevelContext>(defaultContext);\n","import React from 'react';\nimport { HeadingLevelContext } from './context';\n\nexport const useHeadingLevel = () => {\n    const { level = 1, headingElement = 'h1' } = React.useContext(HeadingLevelContext);\n\n    return { level, headingElement };\n};\n","import { Comp, getRootClassName, handleBasicClasses, HeadingElement } from '@lumx/react/utils';\nimport classNames from 'classnames';\nimport React, { forwardRef } from 'react';\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\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: Comp<HeadingProps> = forwardRef((props, ref) => {\n    const { children, as, className, ...forwardedProps } = props;\n    const { headingElement } = useHeadingLevel();\n\n    return (\n        <Text\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                }),\n            )}\n            as={as || headingElement}\n            typography={DEFAULT_TYPOGRAPHY_BY_LEVEL[headingElement]}\n            {...forwardedProps}\n        >\n            {children}\n        </Text>\n    );\n});\n\nHeading.displayName = COMPONENT_NAME;\nHeading.className = CLASSNAME;\nHeading.defaultProps = DEFAULT_PROPS;\n","import { HeadingElement } from '@lumx/react/utils';\nimport React, { ReactNode } from 'react';\nimport { MAX_HEADING_LEVEL } from './constants';\nimport { HeadingLevelContext } from './context';\nimport { useHeadingLevel } from './useHeadingLevel';\n\nexport interface HeadingLevelProviderProps {\n    /** The heading level to start at. If left undefined, the parent context will be used, if any. */\n    level?: number;\n    /** The children to display */\n    children: ReactNode;\n}\n\n/**\n * Provide a new heading level context.\n */\nexport const HeadingLevelProvider: React.FC<HeadingLevelProviderProps> = ({ children, level }) => {\n    const { level: contextLevel } = useHeadingLevel();\n\n    const incrementedLevel = level || contextLevel + 1;\n    /** Don't allow a level beyond the maximum level. */\n    const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;\n    const headingElement = `h${nextLevel}` as HeadingElement;\n\n    return (\n        <HeadingLevelContext.Provider value={{ level: nextLevel, headingElement }}>\n            {children}\n        </HeadingLevelContext.Provider>\n    );\n};\n"],"names":["MAX_HEADING_LEVEL","DEFAULT_TYPOGRAPHY_BY_LEVEL","h1","Typography","display1","h2","headline","h3","title","h4","subtitle2","h5","subtitle1","h6","body2","defaultContext","level","headingElement","HeadingLevelContext","createContext","useHeadingLevel","React","useContext","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Heading","forwardRef","props","ref","children","as","className","forwardedProps","classNames","handleBasicClasses","prefix","displayName","defaultProps","HeadingLevelProvider","contextLevel","incrementedLevel","nextLevel"],"mappings":";;;;;;AAEA;;AACO,IAAMA,iBAAiB,GAAG,CAA1B;AAEP;;;;AAGO,IAAMC,2BAA2B,GAAG;AACvCC,EAAAA,EAAE,EAAEC,UAAU,CAACC,QADwB;AAEvCC,EAAAA,EAAE,EAAEF,UAAU,CAACG,QAFwB;AAGvCC,EAAAA,EAAE,EAAEJ,UAAU,CAACK,KAHwB;AAIvCC,EAAAA,EAAE,EAAEN,UAAU,CAACO,SAJwB;AAKvCC,EAAAA,EAAE,EAAER,UAAU,CAACS,SALwB;AAMvCC,EAAAA,EAAE,EAAEV,UAAU,CAACW;AANwB,CAApC;;ACEP,IAAMC,cAAmC,GAAG;AAAEC,EAAAA,KAAK,EAAE,CAAT;AAAYC,EAAAA,cAAc,EAAE;AAA5B,CAA5C;AAEO,IAAMC,mBAAmB,GAAGC,aAAa,CAAsBJ,cAAtB,CAAzC;;ICTMK,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAAA,0BACYC,KAAK,CAACC,UAAN,CAAiBJ,mBAAjB,CADZ;AAAA,gDACzBF,KADyB;AAAA,MACzBA,KADyB,sCACjB,CADiB;AAAA,gDACdC,cADc;AAAA,MACdA,cADc,sCACG,IADH;;AAGjC,SAAO;AAAED,IAAAA,KAAK,EAALA,KAAF;AAASC,IAAAA,cAAc,EAAdA;AAAT,GAAP;AACH;;ACAD;;;;AAUA;;;AAGA,IAAMM,cAAc,GAAG,SAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;AAGA,IAAMG,aAAa,GAAG,EAAtB;AAEA;;;;;;IAKaC,OAA2B,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAC1DC,QAD0D,GACXF,KADW,CAC1DE,QAD0D;AAAA,MAChDC,EADgD,GACXH,KADW,CAChDG,EADgD;AAAA,MAC5CC,SAD4C,GACXJ,KADW,CAC5CI,SAD4C;AAAA,MAC9BC,cAD8B,4BACXL,KADW;;AAAA,yBAEvCT,eAAe,EAFwB;AAAA,MAE1DH,cAF0D,oBAE1DA,cAF0D;;AAIlE,SACI,oBAAC,IAAD;AACI,IAAA,GAAG,EAAEa,GADT;AAEI,IAAA,SAAS,EAAEK,UAAU,CACjBF,SADiB,EAEjBG,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEb;AADO,KAAD,CAFD,CAFzB;AAQI,IAAA,EAAE,EAAEQ,EAAE,IAAIf,cARd;AASI,IAAA,UAAU,EAAEhB,2BAA2B,CAACgB,cAAD;AAT3C,KAUQiB,cAVR,GAYKH,QAZL,CADJ;AAgBH,CApBoD;AAsBrDJ,OAAO,CAACW,WAAR,GAAsBf,cAAtB;AACAI,OAAO,CAACM,SAAR,GAAoBT,SAApB;AACAG,OAAO,CAACY,YAAR,GAAuBb,aAAvB;;AChDA;;;IAGac,oBAAyD,GAAG,SAA5DA,oBAA4D,OAAyB;AAAA,MAAtBT,QAAsB,QAAtBA,QAAsB;AAAA,MAAZf,KAAY,QAAZA,KAAY;;AAAA,yBAC9DI,eAAe,EAD+C;AAAA,MAC/EqB,YAD+E,oBACtFzB,KADsF;;AAG9F,MAAM0B,gBAAgB,GAAG1B,KAAK,IAAIyB,YAAY,GAAG,CAAjD;AACA;;AACA,MAAME,SAAS,GAAGD,gBAAgB,GAAG1C,iBAAnB,GAAuCA,iBAAvC,GAA2D0C,gBAA7E;AACA,MAAMzB,cAAc,cAAO0B,SAAP,CAApB;AAEA,SACI,oBAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAE;AAAE3B,MAAAA,KAAK,EAAE2B,SAAT;AAAoB1B,MAAAA,cAAc,EAAdA;AAApB;AAArC,KACKc,QADL,CADJ;AAKH;;;;"}

package/esm/_internal/Icon2.js

@@ -1,120 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { ColorPalette, Theme, Size } from './components.js';
-import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getRootClassName.js';
-
-// Material Design Icons v5.8.55
-var mdiAlert = "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z";
-var mdiAlertCircle = "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
-var mdiArrowDown = "M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z";
-var mdiArrowUp = "M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z";
-var mdiCheck = "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z";
-var mdiCheckCircle = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z";
-var mdiChevronDown = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z";
-var mdiChevronLeft = "M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z";
-var mdiChevronRight = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z";
-var mdiChevronUp = "M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z";
-var mdiClose = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z";
-var mdiCloseCircle = "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z";
-var mdiDragVertical = "M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z";
-var mdiImageBroken = "M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z";
-var mdiInformation = "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
-var mdiMenuDown = "M7,10L12,15L17,10H7Z";
-var mdiPauseCircleOutline = "M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z";
-var mdiPlayCircleOutline = "M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z";
-var mdiRadioboxBlank = "M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
-var mdiRadioboxMarked = "M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z";
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'Icon';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {};
-/**
- * Icon component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var Icon = forwardRef(function (props, ref) {
-  var className = props.className,
-      color = props.color,
-      colorVariant = props.colorVariant,
-      hasShape = props.hasShape,
-      icon = props.icon,
-      size = props.size,
-      theme = props.theme,
-      alt = props.alt,
-      forwardedProps = _objectWithoutProperties(props, ["className", "color", "colorVariant", "hasShape", "icon", "size", "theme", "alt"]); // Color
-
-
-  var iconColor = color;
-
-  if (!iconColor && (hasShape || theme)) {
-    iconColor = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;
-  } // Color variant
-
-
-  var iconColorVariant = colorVariant;
-
-  if (!iconColorVariant && hasShape && iconColor === ColorPalette.dark) {
-    iconColorVariant = 'L2';
-  } // Size
-
-
-  var iconSize = size;
-
-  if (size && hasShape) {
-    if (size === Size.xxs || size === Size.xs) {
-      iconSize = Size.s;
-    } else if (size === Size.xxl) {
-      iconSize = Size.xl;
-    }
-  } else if (hasShape) {
-    iconSize = Size.m;
-  }
-
-  return React.createElement("i", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      color: iconColor,
-      colorVariant: iconColorVariant,
-      hasShape: hasShape,
-      prefix: CLASSNAME,
-      theme: theme,
-      size: iconSize
-    }), !hasShape && "".concat(CLASSNAME, "--no-shape"), !hasShape && iconColor === ColorPalette.yellow && icon === mdiAlertCircle && "".concat(CLASSNAME, "--has-dark-layer"), "".concat(CLASSNAME, "--path"))
-  }), 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"
-  }, React.createElement("path", {
-    d: icon,
-    fill: "currentColor"
-  })));
-});
-Icon.displayName = COMPONENT_NAME;
-Icon.className = CLASSNAME;
-Icon.defaultProps = DEFAULT_PROPS;
-
-export { Icon as I, mdiInformation as a, mdiCheckCircle as b, mdiAlertCircle as c, mdiClose as d, mdiCheck as e, mdiChevronRight as f, mdiChevronLeft as g, mdiDragVertical as h, mdiChevronUp as i, mdiChevronDown as j, mdiRadioboxMarked as k, mdiRadioboxBlank as l, mdiAlert as m, mdiCloseCircle as n, mdiMenuDown as o, mdiPauseCircleOutline as p, mdiPlayCircleOutline as q, mdiArrowUp as r, mdiArrowDown as s, mdiImageBroken as t };
-//# sourceMappingURL=Icon2.js.map