@lumx/react 3.10.1-alpha.2 → 3.10.1-alpha.4

package/_internal/components/flex-box/index.ts-c216e957.js

@@ -1,60 +0,0 @@
-import { h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, _ as _extends, g as classNames, O as Orientation } from '../../1da25128.js';
-import React__default from 'react';
-import castArray from 'lodash/castArray';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-
-const _excluded = ["as", "children", "className", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'FlexBox';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * FlexBox component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const FlexBox = forwardRef((props, ref) => {
-  const {
-      as: Component = 'div',
-      children,
-      className,
-      fillSpace,
-      gap,
-      hAlign,
-      marginAuto,
-      noShrink,
-      orientation,
-      vAlign,
-      wrap
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      orientation: orientation !== null && orientation !== void 0 ? orientation : wrap || hAlign || vAlign ? Orientation.horizontal : null,
-      vAlign,
-      hAlign,
-      gap
-    }), wrap && `${CLASSNAME}--wrap`, fillSpace && `${CLASSNAME}--fill-space`, noShrink && `${CLASSNAME}--no-shrink`, marginAuto && castArray(marginAuto).map(align => `${CLASSNAME}--margin-auto-${align}`))
-  }), children);
-});
-FlexBox.displayName = COMPONENT_NAME;
-FlexBox.className = CLASSNAME;
-
-export { FlexBox };
-//# sourceMappingURL=index.ts-c216e957.js.map

package/_internal/components/flex-box/index.ts-c216e957.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-c216e957.js","sources":["../../../../src/components/flex-box/FlexBox.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport castArray from 'lodash/castArray';\n\nimport { Alignment, Orientation } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\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    /** Customize the root element. */\n    as?: React.ElementType;\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 = forwardRef<FlexBoxProps, HTMLDivElement>((props, ref) => {\n    const {\n        as: Component = 'div',\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        <Component\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        </Component>\n    );\n});\nFlexBox.displayName = COMPONENT_NAME;\nFlexBox.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","FlexBox","forwardRef","props","ref","as","Component","children","className","fillSpace","gap","hAlign","marginAuto","noShrink","orientation","vAlign","wrap","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","Orientation","horizontal","castArray","map","align","displayName"],"mappings":";;;;;;;AAiBA;AACA;AACA;;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;AACA;AACA;AACA;AACO,MAAMG,OAAO,GAAGC,UAAU,CAA+B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5E,MAAM;MACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;MACrBC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,GAAG;MACHC,MAAM;MACNC,UAAU;MACVC,QAAQ;MACRC,WAAW;MACXC,MAAM;AACNC,MAAAA,IAAAA;AAEJ,KAAC,GAAGb,KAAK;AADFc,IAAAA,cAAc,GAAAC,wBAAA,CACjBf,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACf,SAAS,EAAAgB,QAAA,CAAA;AACNlB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLa,cAAc,EAAA;AAClBT,IAAAA,SAAS,EAAEe,UAAU,CACjBf,SAAS,EACTgB,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAE1B,SAAS;AACjBe,MAAAA,WAAW,EAAEA,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAXA,WAAW,GAAKE,IAAI,IAAIL,MAAM,IAAII,MAAM,GAAGW,WAAW,CAACC,UAAU,GAAG,IAAK;MACtFZ,MAAM;MACNJ,MAAM;AACND,MAAAA,GAAAA;AACJ,KAAC,CAAC,EACFM,IAAI,IAAK,CAAA,EAAEjB,SAAU,CAAO,MAAA,CAAA,EAC5BU,SAAS,IAAK,GAAEV,SAAU,CAAA,YAAA,CAAa,EACvCc,QAAQ,IAAK,CAAEd,EAAAA,SAAU,CAAY,WAAA,CAAA,EACrCa,UAAU,IAAIgB,SAAS,CAAChB,UAAU,CAAC,CAACiB,GAAG,CAAEC,KAAK,IAAM,CAAE/B,EAAAA,SAAU,CAAgB+B,cAAAA,EAAAA,KAAM,EAAC,CAC3F,CAAA;AAAE,GAAA,CAAA,EAEDvB,QACM,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFN,OAAO,CAAC8B,WAAW,GAAGjC,cAAc,CAAA;AACpCG,OAAO,CAACO,SAAS,GAAGT,SAAS;;;;"}

package/_internal/components/generic-block/index.ts-999a62a4.js

@@ -1,115 +0,0 @@
-import { h as getRootClassName, S as Size, O as Orientation, i as forwardRef, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
-import React__default, { Children } from 'react';
-import isEmpty from 'lodash/isEmpty';
-import noop from 'lodash/noop';
-import { a as isComponentType } from '../../f39a1ba4.js';
-import { p as partitionMulti } from '../../4daccdd5.js';
-import { FlexBox } from '../flex-box/index.ts-c216e957.js';
-import pick from 'lodash/pick';
-
-const _excluded = ["className", "figure", "figureProps", "children", "actions", "actionsProps", "gap", "orientation", "contentProps"];
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'GenericBlock';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  gap: Size.big,
-  orientation: Orientation.horizontal
-};
-const Figure = noop.bind({});
-const isFigure = isComponentType(Figure);
-const Content = noop.bind({});
-const isContent = isComponentType(Content);
-const Actions = noop.bind({});
-const 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
- */
-const BaseGenericBlock = forwardRef((props, ref) => {
-  var _sections$figureChild, _sections$figureChild2, _sections$figureChild3, _sections$figureChild4, _sections$contentChil, _sections$contentChil2, _sections$contentChil3, _sections$contentChil4, _sections$actionsChil, _sections$actionsChil2, _sections$actionsChil3, _sections$actionsChil4;
-  const {
-      className,
-      figure,
-      figureProps,
-      children,
-      actions,
-      actionsProps,
-      gap,
-      orientation,
-      contentProps
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const sections = React__default.useMemo(() => {
-    // Split children by section type
-    const [[figureChild], [contentChild], [actionsChild], ...otherChildren] = partitionMulti(Children.toArray(children), [isFigure, isContent, isActions]);
-    return {
-      figureChild,
-      figureChildProps: figureChild === null || figureChild === void 0 ? void 0 : figureChild.props,
-      contentChild,
-      contentChildProps: contentChild === null || contentChild === void 0 ? void 0 : contentChild.props,
-      actionsChild,
-      actionsChildProps: actionsChild === null || actionsChild === void 0 ? void 0 : actionsChild.props,
-      otherChildren: otherChildren.filter(child => !isEmpty(child))
-    };
-  }, [children]);
-  return /*#__PURE__*/React__default.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)) && /*#__PURE__*/React__default.createElement(FlexBox, _extends({
-    ref: (_sections$figureChild2 = sections.figureChild) === null || _sections$figureChild2 === void 0 ? void 0 : _sections$figureChild2.ref,
-    vAlign: forwardedProps.vAlign,
-    hAlign: forwardedProps.hAlign
-  }, figureProps, sections.figureChildProps, {
-    className: classNames(figureProps === null || figureProps === void 0 ? void 0 : figureProps.className, (_sections$figureChild3 = sections.figureChildProps) === null || _sections$figureChild3 === void 0 ? void 0 : _sections$figureChild3.className, `${CLASSNAME}__figure`)
-  }), figure, (_sections$figureChild4 = sections.figureChildProps) === null || _sections$figureChild4 === void 0 ? void 0 : _sections$figureChild4.children), (((_sections$contentChil = sections.contentChildProps) === null || _sections$contentChil === void 0 ? void 0 : _sections$contentChil.children) || sections.otherChildren.length > 0) && /*#__PURE__*/React__default.createElement(FlexBox, _extends({
-    ref: (_sections$contentChil2 = sections.contentChild) === null || _sections$contentChil2 === void 0 ? void 0 : _sections$contentChil2.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$contentChil3 = sections.contentChildProps) === null || _sections$contentChil3 === void 0 ? void 0 : _sections$contentChil3.className, `${CLASSNAME}__content`)
-  }), (_sections$contentChil4 = sections.contentChildProps) === null || _sections$contentChil4 === void 0 ? void 0 : _sections$contentChil4.children, sections.otherChildren), (actions || ((_sections$actionsChil = sections.actionsChildProps) === null || _sections$actionsChil === void 0 ? void 0 : _sections$actionsChil.children)) && /*#__PURE__*/React__default.createElement(FlexBox, _extends({
-    ref: (_sections$actionsChil2 = sections.actionsChild) === null || _sections$actionsChil2 === void 0 ? void 0 : _sections$actionsChil2.ref,
-    vAlign: forwardedProps.vAlign,
-    hAlign: forwardedProps.hAlign
-  }, actionsProps, sections.actionsChildProps, {
-    className: classNames(actionsProps === null || actionsProps === void 0 ? void 0 : actionsProps.className, (_sections$actionsChil3 = sections.actionsChildProps) === null || _sections$actionsChil3 === void 0 ? void 0 : _sections$actionsChil3.className, `${CLASSNAME}__actions`)
-  }), actions, (_sections$actionsChil4 = sections.actionsChildProps) === null || _sections$actionsChil4 === void 0 ? void 0 : _sections$actionsChil4.children));
-});
-BaseGenericBlock.displayName = COMPONENT_NAME;
-BaseGenericBlock.className = CLASSNAME;
-BaseGenericBlock.defaultProps = DEFAULT_PROPS;
-const GenericBlock = Object.assign(BaseGenericBlock, {
-  Figure,
-  Content,
-  Actions
-});
-
-/**
- * Accepted gap sizes for the generic block.
- */
-const GenericBlockGapSize = pick(Size, ['tiny', 'regular', 'medium', 'big', 'huge']);
-
-export { GenericBlock, GenericBlockGapSize };
-//# sourceMappingURL=index.ts-999a62a4.js.map

package/_internal/components/generic-block/index.ts-999a62a4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-999a62a4.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/react/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,\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","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","_sections$figureChild","_sections$figureChild2","_sections$figureChild3","_sections$figureChild4","_sections$contentChil","_sections$contentChil2","_sections$contentChil3","_sections$contentChil4","_sections$actionsChil","_sections$actionsChil2","_sections$actionsChil3","_sections$actionsChil4","className","figure","figureProps","children","actions","actionsProps","contentProps","forwardedProps","_objectWithoutProperties","_excluded","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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"}

package/_internal/components/generic-block/index.ts-cd3b0e21.d.ts

@@ -1,106 +0,0 @@
-import { ReactNode } from 'react';
-import { V as ValueOf, C as Comp } from '../../8d67e1e3.js';
-import { FlexBoxProps } from '../flex-box/index.ts-87f2b58d.js';
-
-/**
- * Accepted gap sizes for the generic block.
- */
-declare const GenericBlockGapSize: Pick<{
-    readonly xxs: "xxs";
-    readonly xs: "xs";
-    readonly s: "s";
-    readonly m: "m";
-    readonly l: "l";
-    readonly xl: "xl";
-    readonly xxl: "xxl";
-    readonly tiny: "tiny";
-    readonly regular: "regular";
-    readonly medium: "medium";
-    readonly big: "big";
-    readonly huge: "huge";
-}, "big" | "tiny" | "regular" | "medium" | "huge">;
-type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
-
-interface GenericBlockProps extends FlexBoxProps {
-    /**
-     * Component to use as visual element.
-     */
-    figure?: ReactNode;
-    /**
-     * Actions to set after the main content.
-     */
-    actions?: ReactNode;
-    /**
-     * Main content to display or sections components
-     * ({@see GenericBlock.Figure}, {@see GenericBlock.Content} & {@see GenericBlock.Actions})
-     */
-    children: ReactNode;
-    /**
-     * Orientation of the 3 sections
-     */
-    orientation?: FlexBoxProps['orientation'];
-    /**
-     * Horizontal alignment.
-     */
-    hAlign?: FlexBoxProps['hAlign'];
-    /**
-     * Vertical alignment.
-     */
-    vAlign?: FlexBoxProps['vAlign'];
-    /**
-     * The props to forward to the content.
-     * By default, the content will have the same alignment as wrapper.
-     */
-    contentProps?: Omit<FlexBoxProps, 'children'>;
-    /**
-     * props to forward to the actions element.
-     */
-    actionsProps?: Omit<FlexBoxProps, 'children'>;
-    /**
-     * props to forward to the figure element.
-     */
-    figureProps?: Omit<FlexBoxProps, 'children'>;
-    /**
-     * Gap space between sections.
-     */
-    gap?: GenericBlockGapSize;
-}
-interface GenericBlockSectionProps extends FlexBoxProps {
-    /**
-     * Gap space between items.
-     */
-    gap?: GenericBlockGapSize;
-}
-type BaseGenericBlock = Comp<GenericBlockProps, HTMLDivElement>;
-/**
- * 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
- */
-declare const BaseGenericBlock: BaseGenericBlock;
-interface GenericBlock extends BaseGenericBlock {
-    /**
-     * Use `GenericBlock.Figure` component as children of the `GenericBlock` component as an alternative way to inject
-     * the "figure" section of the block (instead of using `figure` and `figureProps` props).
-     */
-    Figure: Comp<GenericBlockSectionProps>;
-    /**
-     * Use `GenericBlock.Content` component as children of the `GenericBlock` component as an alternative way to inject
-     * the "content" section of the block (instead of using `content` and `contentProps` props).
-     */
-    Content: Comp<GenericBlockSectionProps>;
-    /**
-     * Use `GenericBlock.Actions` component as children of the `GenericBlock` component as an alternative way to inject
-     * the "actions" section of the block (instead of using `actions` and `actionsProps` props).
-     */
-    Actions: Comp<GenericBlockSectionProps>;
-}
-declare const GenericBlock: GenericBlock;
-
-export { GenericBlock, GenericBlockGapSize, type GenericBlockProps };

package/_internal/components/grid/index.ts-67e0694f.d.ts

@@ -1,50 +0,0 @@
-import { G as GenericProps, O as Orientation, A as Alignment, C as Comp, S as Size } from '../../8d67e1e3.js';
-import 'react';
-
-type GridGutterSize = Extract<Size, 'regular' | 'big' | 'huge'>;
-/**
- * Defines the props of the component.
- */
-interface GridProps extends GenericProps {
-    /** Orientation. */
-    orientation?: Orientation;
-    /** Whether the children are wrapped or not. */
-    wrap?: string;
-    /** Vertical alignment. */
-    vAlign?: Alignment;
-    /** Horizontal alignment. */
-    hAlign?: Alignment;
-    /** Gutter size. */
-    gutter?: GridGutterSize;
-}
-/**
- * Grid component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Grid: Comp<GridProps, HTMLDivElement>;
-
-type Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
-/**
- * Defines the props of the component.
- */
-interface GridItemProps extends GenericProps {
-    /** Alignment. */
-    align?: Alignment;
-    /** Order. */
-    order?: Columns;
-    /** Width. */
-    width?: Columns;
-}
-/**
- * GridItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
-
-export { Grid, GridItem, type GridItemProps, type GridProps };

package/_internal/components/grid/index.ts-fdf1b306.js

@@ -1,113 +0,0 @@
-import { h as getRootClassName, O as Orientation, i as forwardRef, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
-import React__default from 'react';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-
-const _excluded$1 = ["children", "className", "gutter", "hAlign", "orientation", "vAlign", "wrap"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$1 = 'Grid';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  orientation: Orientation.horizontal,
-  wrap: 'nowrap'
-};
-
-/**
- * Grid component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Grid = forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      gutter,
-      hAlign,
-      orientation,
-      vAlign,
-      wrap
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, `${CLASSNAME$1}-container`, {
-      [`${CLASSNAME$1}--h-align-${hAlign}`]: hAlign
-    }, {
-      [`${CLASSNAME$1}--v-align-${vAlign}`]: vAlign
-    }, handleBasicClasses({
-      prefix: CLASSNAME$1,
-      orientation,
-      wrap,
-      gutter
-    }))
-  }), children);
-});
-Grid.displayName = COMPONENT_NAME$1;
-Grid.className = CLASSNAME$1;
-Grid.defaultProps = DEFAULT_PROPS;
-
-const _excluded = ["children", "className", "width", "align", "order"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'GridItem';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * GridItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const GridItem = forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      width,
-      align,
-      order
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      width,
-      order,
-      align
-    }))
-  }), children);
-});
-GridItem.displayName = COMPONENT_NAME;
-GridItem.className = CLASSNAME;
-
-export { Grid, GridItem };
-//# sourceMappingURL=index.ts-fdf1b306.js.map

package/_internal/components/grid/index.ts-fdf1b306.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-fdf1b306.js","sources":["../../../../src/components/grid/Grid.tsx","../../../../src/components/grid/GridItem.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment, Orientation, Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/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}\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 { 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 from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/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}\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","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps","GridItem","width","align","order"],"mappings":";;;;;;AAWA;AACA;AACA;;AAcA;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;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,MAAM;MAAEC,MAAM;MAAEX,WAAW;MAAEY,MAAM;AAAET,MAAAA,IAAAA;AAAwB,KAAC,GAAGG,KAAK;AAAxBO,IAAAA,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,WAAA,CAAA,CAAA;AAEnG,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACIX,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLM,cAAc,EAAA;IAClBJ,SAAS,EAAEU,UAAU,CACjBV,SAAS,EACR,CAAEZ,EAAAA,WAAU,YAAW,EACxB;AAAE,MAAA,CAAE,CAAEA,EAAAA,WAAU,CAAYc,UAAAA,EAAAA,MAAO,EAAC,GAAGA,MAAAA;AAAO,KAAC,EAC/C;AAAE,MAAA,CAAE,CAAEd,EAAAA,WAAU,CAAYe,UAAAA,EAAAA,MAAO,EAAC,GAAGA,MAAAA;KAAQ,EAC/CQ,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAExB,WAAS;MAAEG,WAAW;MAAEG,IAAI;AAAEO,MAAAA,MAAAA;AAAO,KAAC,CACvE,CAAA;AAAE,GAAA,CAAA,EAEDF,QACA,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,IAAI,CAACkB,WAAW,GAAG1B,gBAAc,CAAA;AACjCQ,IAAI,CAACK,SAAS,GAAGZ,WAAS,CAAA;AAC1BO,IAAI,CAACmB,YAAY,GAAGxB,aAAa;;;;AC9DjC;AACA;AACA;;AAUA;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,MAAM4B,QAAQ,GAAGnB,UAAU,CAAgC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9E,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEgB,KAAK;MAAEC,KAAK;AAAEC,MAAAA,KAAAA;AAAyB,KAAC,GAAGrB,KAAK;AAAxBO,IAAAA,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AAE7E,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACIX,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLM,cAAc,EAAA;AAClBJ,IAAAA,SAAS,EAAEU,UAAU,CAACV,SAAS,EAAEW,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAExB,SAAS;MAAE4B,KAAK;MAAEE,KAAK;AAAED,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GAAA,CAAA,EAEhGlB,QACA,CAAC,CAAA;AAEd,CAAC,EAAC;AACFgB,QAAQ,CAACF,WAAW,GAAG1B,cAAc,CAAA;AACrC4B,QAAQ,CAACf,SAAS,GAAGZ,SAAS;;;;"}

package/_internal/components/grid-column/index.ts-97c61cbe.js

@@ -1,64 +0,0 @@
-import { h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, _ as _extends, g as classNames, k as _objectSpread2 } from '../../1da25128.js';
-import React__default from 'react';
-import isInteger from 'lodash/isInteger';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-
-const _excluded = ["as", "gap", "maxColumns", "itemMinWidth", "children", "className", "style"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'GridColumn';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * The GridColumn is a layout component that can display children in a grid
- * with custom display properties. It also comes with a responsive design,
- * with a number of column that reduce when there is not enough space for each item.
- *
- * @param props Component props.
- * @param ref Component ref.
- * @return React element.
- */
-const GridColumn = forwardRef((props, ref) => {
-  const {
-      as: Component = 'div',
-      gap,
-      maxColumns,
-      itemMinWidth,
-      children,
-      className,
-      style = {}
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, forwardedProps, {
-    ref: ref,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME
-    })),
-    style: _objectSpread2(_objectSpread2({}, style), {}, {
-      ['--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);
-});
-GridColumn.displayName = COMPONENT_NAME;
-GridColumn.className = CLASSNAME;
-GridColumn.defaultProps = DEFAULT_PROPS;
-
-export { GridColumn };
-//# sourceMappingURL=index.ts-97c61cbe.js.map

package/_internal/components/grid-column/index.ts-97c61cbe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-97c61cbe.js","sources":["../../../../src/components/grid-column/GridColumn.tsx"],"sourcesContent":["import React, { 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, handleBasicClasses } from '@lumx/react/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(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                }),\n            )}\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","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","_objectSpread","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;MACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;MACrBC,GAAG;MACHC,UAAU;MACVC,YAAY;MACZC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,GAAG,EAAC;AAEb,KAAC,GAAGT,KAAK;AADFU,IAAAA,cAAc,GAAAC,wBAAA,CACjBX,KAAK,EAAAY,SAAA,CAAA,CAAA;EAET,oBACIC,cAAA,CAAAC,aAAA,CAACX,SAAS,EAAAY,QAAA,KACFL,cAAc,EAAA;AAClBT,IAAAA,GAAG,EAAEA,GAAsB;AAC3BO,IAAAA,SAAS,EAAEQ,UAAU,CACjBR,SAAS,EACTS,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEvB,SAAAA;AACZ,KAAC,CACL,CAAE;AACFc,IAAAA,KAAK,EAAAU,cAAA,CAAAA,cAAA,KACEV,KAAK,CAAA,EAAA,EAAA,EAAA;MACR,CAAC,mCAAmC,GAAUW,SAAS,CAACd,YAAY,CAAC,IAAK,CAAEA,EAAAA,YAAa,CAAG,EAAA,CAAA;MAC5F,CAAC,4BAA4B,GAAUD,UAAU;AACjD,MAAA,CAAC,wBAAwB,GAAUD,GAAG,IAAK,2BAA0BA,GAAI,CAAA,CAAA,CAAA;AAAE,KAAA,CAAA;AAC7E,GAAA,CAAA,EAEDG,QACM,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFT,UAAU,CAACuB,WAAW,GAAG3B,cAAc,CAAA;AACvCI,UAAU,CAACU,SAAS,GAAGb,SAAS,CAAA;AAChCG,UAAU,CAACwB,YAAY,GAAGzB,aAAa;;;;"}

package/_internal/components/grid-column/index.ts-c89e1c18.d.ts

@@ -1,31 +0,0 @@
-import { S as Size, G as GenericProps, C as Comp } from '../../8d67e1e3.js';
-import React, { ReactNode } from 'react';
-
-type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
-/**
- * Defines the props of the component.
- */
-interface GridColumnProps extends GenericProps {
-    /** Customize the root element. */
-    as?: React.ElementType;
-    /** Children elements. */
-    children?: ReactNode;
-    /** Space between columns and rows. */
-    gap?: GridColumnGapSize;
-    /** Ideal number of columns. */
-    maxColumns?: number;
-    /** Minimum width for each item, reduce the number of column if there is not enough space. */
-    itemMinWidth?: number;
-}
-/**
- * The GridColumn is a layout component that can display children in a grid
- * with custom display properties. It also comes with a responsive design,
- * with a number of column that reduce when there is not enough space for each item.
- *
- * @param props Component props.
- * @param ref Component ref.
- * @return React element.
- */
-declare const GridColumn: Comp<GridColumnProps, HTMLElement>;
-
-export { GridColumn, type GridColumnGapSize, type GridColumnProps };