@lumx/react 3.5.3 → 3.5.4-alpha-remove-moment-repack.0

package/_internal/1252e3a1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"1252e3a1.js","sources":["../../src/components/link-preview/LinkPreview.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport {\n    AspectRatio,\n    ColorPalette,\n    ColorVariant,\n    Link,\n    LinkProps,\n    Size,\n    Theme,\n    Thumbnail,\n    ThumbnailProps,\n} from '@lumx/react';\n\nimport { Comp, GenericProps, HeadingElement, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\n/**\n * Defines the props of the component.\n */\nexport interface LinkPreviewProps extends GenericProps, HasTheme {\n    /** Description. */\n    description?: string;\n    /** Link URL. */\n    link: string;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n    /** Props to pass to the link (minus those already set by the LinkPreview props). */\n    linkProps?: Omit<LinkProps, 'color' | 'colorVariant' | 'href' | 'target'>;\n    /** Size variant. */\n    size?: Extract<Size, 'regular' | 'big'>;\n    /** Thumbnail for the link preview. */\n    thumbnailProps?: ThumbnailProps;\n    /** Title. */\n    title?: string;\n    /** Customize the title heading tag. */\n    titleHeading?: HeadingElement;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'LinkPreview';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS = {\n    size: Size.regular,\n    theme: Theme.light,\n    titleHeading: 'h2',\n} as const;\n\n/**\n * LinkPreview component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const LinkPreview: Comp<LinkPreviewProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        className,\n        description,\n        link,\n        linkAs,\n        linkProps,\n        size,\n        theme,\n        thumbnailProps,\n        title,\n        titleHeading,\n        ...forwardedProps\n    } = props;\n    // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).\n    const TitleHeading = titleHeading as HeadingElement;\n\n    return (\n        <article\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    size: size === Size.big && thumbnailProps ? Size.big : Size.regular,\n                    theme,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__wrapper`}>\n                {thumbnailProps && (\n                    <div className={`${CLASSNAME}__thumbnail`}>\n                        <Thumbnail\n                            {...thumbnailProps}\n                            linkAs={linkAs}\n                            linkProps={{\n                                ...linkProps,\n                                href: link,\n                                target: '_blank',\n                                // Avoid redundant links in focus order\n                                tabIndex: -1,\n                            }}\n                            aspectRatio={AspectRatio.free}\n                            fillHeight\n                        />\n                    </div>\n                )}\n\n                <div className={`${CLASSNAME}__container`}>\n                    {title && (\n                        <TitleHeading className={`${CLASSNAME}__title`}>\n                            <Link\n                                {...linkProps}\n                                linkAs={linkAs}\n                                target=\"_blank\"\n                                href={link}\n                                color={theme === Theme.light ? ColorPalette.dark : ColorPalette.light}\n                                colorVariant={ColorVariant.N}\n                            >\n                                {title}\n                            </Link>\n                        </TitleHeading>\n                    )}\n\n                    {description && <p className={`${CLASSNAME}__description`}>{description}</p>}\n\n                    <div className={`${CLASSNAME}__link`}>\n                        <Link\n                            {...linkProps}\n                            linkAs={linkAs}\n                            className={classNames(`${CLASSNAME}__link`, linkProps?.className)}\n                            target=\"_blank\"\n                            href={link}\n                            color={theme === Theme.light ? ColorPalette.primary : ColorPalette.light}\n                            colorVariant={ColorVariant.N}\n                            // Avoid redundant links in focus order\n                            tabIndex={title ? '-1' : undefined}\n                        >\n                            {link}\n                        </Link>\n                    </div>\n                </div>\n            </div>\n        </article>\n    );\n});\n\nLinkPreview.displayName = COMPONENT_NAME;\nLinkPreview.className = CLASSNAME;\nLinkPreview.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","regular","theme","Theme","light","titleHeading","LinkPreview","forwardRef","props","ref","className","description","link","linkAs","linkProps","thumbnailProps","title","forwardedProps","_objectWithoutProperties","_excluded","TitleHeading","React","createElement","_extends","classNames","handleBasicClasses","prefix","big","Thumbnail","_objectSpread","href","target","tabIndex","aspectRatio","AspectRatio","free","fillHeight","Link","color","ColorPalette","dark","colorVariant","ColorVariant","N","primary","undefined","displayName","defaultProps"],"mappings":"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"}

package/_internal/135ee91f.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { l as GenericProps, q as HasTheme, K as Kind, C as Comp } from './28b656e3.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface NotificationProps extends GenericProps, HasTheme {
+    /** Action button label. */
+    actionLabel?: string;
+    /** Content. */
+    content?: React.ReactNode;
+    /** Whether the component is open or not. */
+    isOpen?: boolean;
+    /** Notification type. */
+    type?: Kind;
+    /** Z-axis position. */
+    zIndex?: number;
+    /** On action button click callback. */
+    onActionClick?(): void;
+    /** On click callback. */
+    onClick?(): void;
+}
+/**
+ * Notification component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Notification: Comp<NotificationProps, HTMLDivElement>;
+
+export { NotificationProps as N, Notification as a };

package/_internal/13603836.js

@@ -0,0 +1,13 @@
+/** CSS selector listing all tabbable elements. */
+const TABBABLE_ELEMENTS_SELECTOR = `a[href], button, textarea, input:not([type="hidden"]):not([hidden]), [tabindex]`;
+
+/** CSS selector matching element that are disabled (should not receive focus). */
+const DISABLED_SELECTOR = `[hidden], [tabindex="-1"], [disabled]:not([disabled="false"]), [aria-disabled]:not([aria-disabled="false"])`;
+
+const isNotDisabled = element => !element.matches(DISABLED_SELECTOR);
+function getFocusableElements(element) {
+  return Array.from(element.querySelectorAll(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);
+}
+
+export { getFocusableElements as g };
+//# sourceMappingURL=13603836.js.map

package/_internal/13603836.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"13603836.js","sources":["../../src/utils/focus/constants.ts","../../src/utils/focus/getFocusableElements.ts"],"sourcesContent":["/** CSS selector listing all tabbable elements. */\nexport const TABBABLE_ELEMENTS_SELECTOR = `a[href], button, textarea, input:not([type=\"hidden\"]):not([hidden]), [tabindex]`;\n\n/** CSS selector matching element that are disabled (should not receive focus). */\nexport const DISABLED_SELECTOR = `[hidden], [tabindex=\"-1\"], [disabled]:not([disabled=\"false\"]), [aria-disabled]:not([aria-disabled=\"false\"])`;\n","import { DISABLED_SELECTOR, TABBABLE_ELEMENTS_SELECTOR } from './constants';\n\nconst isNotDisabled = (element: HTMLElement) => !element.matches(DISABLED_SELECTOR);\n\nexport function getFocusableElements(element: HTMLElement): HTMLElement[] {\n    return Array.from(element.querySelectorAll<HTMLElement>(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);\n}\n"],"names":["TABBABLE_ELEMENTS_SELECTOR","DISABLED_SELECTOR","isNotDisabled","element","matches","getFocusableElements","Array","from","querySelectorAll","filter"],"mappings":"AAAA;AACO,MAAMA,0BAA0B,GAAI,iFAAgF;;AAE3H;AACO,MAAMC,iBAAiB,GAAI,6GAA4G;;ACF9I,MAAMC,aAAa,GAAIC,OAAoB,IAAK,CAACA,OAAO,CAACC,OAAO,CAACH,iBAAiB,CAAC;AAE5E,SAASI,oBAAoBA,CAACF,OAAoB,EAAiB;EACtE,OAAOG,KAAK,CAACC,IAAI,CAACJ,OAAO,CAACK,gBAAgB,CAAcR,0BAA0B,CAAC,CAAC,CAACS,MAAM,CAACP,aAAa,CAAC;AAC9G;;;;"}

package/_internal/15e9a271.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { l as GenericProps, K as Kind, C as Comp } from './28b656e3.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface MessageProps extends GenericProps {
+    /** Content. */
+    children?: ReactNode;
+    /** Whether the message has a background or not. */
+    hasBackground?: boolean;
+    /** Message variant. */
+    kind?: Kind;
+    /** Message custom icon SVG path. */
+    icon?: string;
+}
+/**
+ * Message component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Message: Comp<MessageProps, HTMLDivElement>;
+
+export { MessageProps as M, Message as a };

package/_internal/188706f1.d.ts

@@ -0,0 +1,107 @@
+import { l as GenericProps, q as HasTheme, C as Comp, r as ValueOf } from './28b656e3.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface TableProps extends GenericProps, HasTheme {
+    /** Whether the table has checkbox or thumbnail on first cell or not. */
+    hasBefore?: boolean;
+    /** Whether the table has dividers or not. */
+    hasDividers?: boolean;
+}
+/**
+ * Table component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Table: Comp<TableProps, HTMLTableElement>;
+
+/**
+ * Defines the props of the component.
+ */
+declare type TableBodyProps = GenericProps;
+/**
+ * TableBody component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const TableBody: Comp<TableBodyProps, HTMLTableSectionElement>;
+
+/**
+ * Table head cell sort order.
+ */
+declare const ThOrder: {
+    readonly asc: "asc";
+    readonly desc: "desc";
+};
+declare type ThOrder = ValueOf<typeof ThOrder>;
+/**
+ * Table cell variants.
+ */
+declare const TableCellVariant: {
+    readonly body: "body";
+    readonly head: "head";
+};
+declare type TableCellVariant = ValueOf<typeof TableCellVariant>;
+/**
+ * Defines the props of the component.
+ */
+interface TableCellProps extends GenericProps {
+    /** Icon (SVG path).(thead only). */
+    icon?: string;
+    /** Whether the column is sortable or not (thead only). */
+    isSortable?: boolean;
+    /** Sort order displayed as icon (sortable thead only). */
+    sortOrder?: ThOrder;
+    /** Variant. */
+    variant?: TableCellVariant;
+    /** On header cell click callback. */
+    onHeaderClick?(): void;
+}
+/**
+ * TableCell component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const TableCell: Comp<TableCellProps, HTMLTableCellElement>;
+
+/**
+ * Defines the props of the component.
+ */
+declare type TableHeaderProps = GenericProps;
+/**
+ * TableHeader component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const TableHeader: Comp<TableHeaderProps, HTMLTableSectionElement>;
+
+/**
+ * Defines the props of the component.
+ */
+interface TableRowProps extends GenericProps {
+    /** Whether the component is clickable or not. */
+    isClickable?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is selected or not. */
+    isSelected?: boolean;
+}
+/**
+ * TableRow component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const TableRow: Comp<TableRowProps, HTMLTableRowElement>;
+
+export { TableProps as T, Table as a, TableBodyProps as b, TableBody as c, ThOrder as d, TableCellVariant as e, TableCellProps as f, TableCell as g, TableHeaderProps as h, TableHeader as i, TableRowProps as j, TableRow as k };

package/_internal/1e67557e.d.ts

@@ -0,0 +1,31 @@
+import { RefObject } from 'react';
+import { l as GenericProps, q as HasTheme, C as Comp } from './28b656e3.js';
+import { I as IconButtonProps } from './cf312aff.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface LightboxProps extends GenericProps, HasTheme {
+    /** Props to pass to the close button (minus those already set by the Lightbox props). */
+    closeButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
+    /** Whether the component is open or not. */
+    isOpen?: boolean;
+    /** Reference to the element that triggered modal opening to set focus on. */
+    parentElement: RefObject<any>;
+    /** Whether to keep the dialog open on clickaway or escape press. */
+    preventAutoClose?: boolean;
+    /** Z-axis position. */
+    zIndex?: number;
+    /** On close callback. */
+    onClose?(): void;
+}
+/**
+ * Lightbox component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Lightbox: Comp<LightboxProps, HTMLDivElement>;
+
+export { LightboxProps as L, Lightbox as a };

package/_internal/1ee4fa8c.js

@@ -0,0 +1,85 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, a as _extends, c as classnames } from './35c3a78f.js';
+import React, { forwardRef } from 'react';
+import { h as handleBasicClasses } from './3f5e7653.js';
+
+const _excluded = ["className"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ListDivider';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * ListDivider component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ListDivider = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("li", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME
+    }))
+  }));
+});
+ListDivider.displayName = COMPONENT_NAME;
+ListDivider.className = CLASSNAME;
+
+const _excluded$1 = ["children", "className"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$1 = 'ListSubheader';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
+
+/**
+ * ListSubheader component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ListSubheader = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+  return /*#__PURE__*/React.createElement("li", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME$1
+    }))
+  }), children);
+});
+ListSubheader.displayName = COMPONENT_NAME$1;
+ListSubheader.className = CLASSNAME$1;
+
+export { ListDivider as L, ListSubheader as a };
+//# sourceMappingURL=1ee4fa8c.js.map

package/_internal/1ee4fa8c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"1ee4fa8c.js","sources":["../../src/components/list/ListDivider.tsx","../../src/components/list/ListSubheader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\n/**\n * Defines the props of the component.\n */\nexport type ListDividerProps = GenericProps;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ListDivider';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * ListDivider component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ListDivider: Comp<ListDividerProps, HTMLLIElement> = forwardRef((props, ref) => {\n    const { className, ...forwardedProps } = props;\n\n    return (\n        <li\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}\n        />\n    );\n});\nListDivider.displayName = COMPONENT_NAME;\nListDivider.className = CLASSNAME;\n","import React, { forwardRef, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\n/**\n * Defines the props of the component.\n */\nexport interface ListSubheaderProps extends GenericProps {\n    /** Content. */\n    children: string | ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ListSubheader';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * ListSubheader component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ListSubheader: Comp<ListSubheaderProps, HTMLLIElement> = forwardRef((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <li ref={ref} {...forwardedProps} className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}>\n            {children}\n        </li>\n    );\n});\nListSubheader.displayName = COMPONENT_NAME;\nListSubheader.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","ListDivider","forwardRef","props","ref","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","ListSubheader","children"],"mappings":";;;;;;AAOA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,aAAa;;AAEpC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;MACaG,WAAkD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzF,MAAM;MAAEC;KAA8B,GAAGF,KAAK;IAAxBG,cAAc,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EAE9C,oBACIC,KAAA,CAAAC,aAAA,OAAAC,QAAA;IACIP,GAAG,EAAEA;KACDE,cAAc;IAClBD,SAAS,EAAEO,UAAU,CAACP,SAAS,EAAEQ,kBAAkB,CAAC;MAAEC,MAAM,EAAEf;KAAW,CAAC;IAC7E,CAAC;AAEV,CAAC;AACDE,WAAW,CAACc,WAAW,GAAGjB,cAAc;AACxCG,WAAW,CAACI,SAAS,GAAGN,SAAS;;;;AClCjC;AACA;AACA;;AAMA;AACA;AACA;AACA,MAAMD,gBAAc,GAAG,eAAe;;AAEtC;AACA;AACA;AACA,MAAMC,WAAS,GAAGC,gBAAgB,CAACF,gBAAc,CAAC;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;MACakB,aAAsD,gBAAGd,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC7F,MAAM;MAAEa,QAAQ;MAAEZ;KAA8B,GAAGF,KAAK;IAAxBG,cAAc,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,WAAA;EAExD,oBACIC,KAAA,CAAAC,aAAA,OAAAC,QAAA;IAAIP,GAAG,EAAEA;KAASE,cAAc;IAAED,SAAS,EAAEO,UAAU,CAACP,SAAS,EAAEQ,kBAAkB,CAAC;MAAEC,MAAM,EAAEf;KAAW,CAAC;MACvGkB,QACD,CAAC;AAEb,CAAC;AACDD,aAAa,CAACD,WAAW,GAAGjB,gBAAc;AAC1CkB,aAAa,CAACX,SAAS,GAAGN,WAAS;;;;"}

package/_internal/209d0906.js

@@ -0,0 +1,56 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, a as _extends, c as classnames, C as ColorPalette } from './35c3a78f.js';
+import React, { forwardRef } from 'react';
+import { h as handleBasicClasses } from './3f5e7653.js';
+
+const _excluded = ["children", "className", "color"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Badge';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  color: ColorPalette.primary
+};
+
+/**
+ * Badge component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Badge = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      color
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      color
+    }))
+  }), children);
+});
+Badge.displayName = COMPONENT_NAME;
+Badge.className = CLASSNAME;
+Badge.defaultProps = DEFAULT_PROPS;
+
+export { Badge as B };
+//# sourceMappingURL=209d0906.js.map

package/_internal/209d0906.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"209d0906.js","sources":["../../src/components/badge/Badge.tsx"],"sourcesContent":["import { ColorPalette } from '@lumx/react';\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport classNames from 'classnames';\nimport React, { forwardRef, ReactNode } from 'react';\n\n/**\n * Defines the props of the component.\n */\nexport interface BadgeProps extends GenericProps {\n    /** Badge content. */\n    children?: ReactNode;\n    /** Color variant. */\n    color?: ColorPalette;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Badge';\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<BadgeProps> = {\n    color: ColorPalette.primary,\n};\n\n/**\n * Badge component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Badge: Comp<BadgeProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { children, className, color, ...forwardedProps } = props;\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color }))}\n        >\n            {children}\n        </div>\n    );\n});\nBadge.displayName = COMPONENT_NAME;\nBadge.className = CLASSNAME;\nBadge.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","color","ColorPalette","primary","Badge","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;AAMA;AACA;AACA;;AAQA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,OAAO;;AAE9B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC;;AAElD;AACA;AACA;AACA,MAAMG,aAAkC,GAAG;EACvCC,KAAK,EAAEC,YAAY,CAACC;AACxB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,KAAuC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9E,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAER;KAA0B,GAAGK,KAAK;IAAxBI,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EAC/D,oBACIC,KAAA,CAAAC,aAAA,QAAAC,QAAA;IACIR,GAAG,EAAEA;KACDG,cAAc;IAClBD,SAAS,EAAEO,UAAU,CAACP,SAAS,EAAEQ,kBAAkB,CAAC;MAAEC,MAAM,EAAEpB,SAAS;MAAEG;KAAO,CAAC;MAEhFO,QACA,CAAC;AAEd,CAAC;AACDJ,KAAK,CAACe,WAAW,GAAGtB,cAAc;AAClCO,KAAK,CAACK,SAAS,GAAGX,SAAS;AAC3BM,KAAK,CAACgB,YAAY,GAAGpB,aAAa;;;;"}

package/_internal/22b8c949.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode, CSSProperties } from 'react';
+import { r as ValueOf, S as Size, l as GenericProps, q as HasTheme, a as HorizontalAlignment, C as Comp } from './28b656e3.js';
+import { T as ThumbnailProps } from './a07fe032.js';
+
+/**
+ * Image block variants.
+ */
+declare const ImageBlockCaptionPosition: {
+    readonly below: "below";
+    readonly over: "over";
+};
+declare type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;
+/**
+ *  Image block sizes.
+ */
+declare type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;
+/**
+ * Defines the props of the component.
+ */
+interface ImageBlockProps extends GenericProps, HasTheme {
+    /** Action toolbar content. */
+    actions?: ReactNode;
+    /** Alignment. */
+    align?: HorizontalAlignment;
+    /** Image alternative text. */
+    alt: string;
+    /** Caption position. */
+    captionPosition?: ImageBlockCaptionPosition;
+    /** Caption custom CSS style. */
+    captionStyle?: CSSProperties;
+    /** Image description. Can be either a string, or sanitized html. */
+    description?: string | {
+        __html: string;
+    };
+    /** Whether the image has to fill its container height or not. */
+    fillHeight?: boolean;
+    /** Image URL. */
+    image: string;
+    /** Size variant. */
+    size?: ImageBlockSize;
+    /** Tag content. */
+    tags?: ReactNode;
+    /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */
+    thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight'>;
+    /** Image title to display in the caption. */
+    title?: string;
+}
+/**
+ * ImageBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const ImageBlock: Comp<ImageBlockProps, HTMLDivElement>;
+
+export { ImageBlockCaptionPosition as I, ImageBlockSize as a, ImageBlockProps as b, ImageBlock as c };

package/_internal/23b03795.js

@@ -0,0 +1,115 @@
+import { g as getRootClassName, S as Size, O as Orientation, _ as _objectWithoutProperties, a as _extends, c as classnames } from './35c3a78f.js';
+import React, { forwardRef, Children } from 'react';
+import isEmpty from 'lodash/isEmpty';
+import noop from 'lodash/noop';
+import { a as isComponentType } from './48725bae.js';
+import { p as partitionMulti } from './834ad334.js';
+import { F as FlexBox } from './899e4acd.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 = /*#__PURE__*/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.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.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.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.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.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 { GenericBlockGapSize as G, GenericBlock as a };
+//# sourceMappingURL=23b03795.js.map

package/_internal/23b03795.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"23b03795.js","sources":["../../src/components/generic-block/GenericBlock.tsx","../../src/components/generic-block/constants.ts"],"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, 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';\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":";;;;;;;;;;AAuDA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,cAAc;;AAErC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC;;AAElD;AACA;AACA;AACA,MAAMG,aAAyC,GAAG;EAC9CC,GAAG,EAAEC,IAAI,CAACC,GAAG;EACbC,WAAW,EAAEC,WAAW,CAACC;AAC7B,CAAC;AA6BD,MAAMC,MAAM,GAAGC,IAAI,CAACC,IAAI,CAAC,EAAE,CAAuB;AAClD,MAAMC,QAAQ,GAAGC,eAAe,CAACJ,MAAM,CAAC;AAExC,MAAMK,OAAO,GAAGJ,IAAI,CAACC,IAAI,CAAC,EAAE,CAAuB;AACnD,MAAMI,SAAS,GAAGF,eAAe,CAACC,OAAO,CAAC;AAE1C,MAAME,OAAO,GAAGN,IAAI,CAACC,IAAI,CAAC,EAAE,CAAuB;AACnD,MAAMM,SAAS,GAAGJ,eAAe,CAACG,OAAO,CAAC;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,gBAAkC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAClE,MAAM;MACFC,SAAS;MACTC,MAAM;MACNC,WAAW;MACXC,QAAQ;MACRC,OAAO;MACPC,YAAY;MACZpC,GAAG;MACHG,WAAW;MACXkC;KAEH,GAAGpB,KAAK;IADFqB,cAAc,GAAAC,wBAAA,CACjBtB,KAAK,EAAAuB,SAAA;EAET,MAAMC,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;;IAEjC,MAAM,CAAC,CAACC,WAAW,CAAC,EAAE,CAACC,YAAY,CAAC,EAAE,CAACC,YAAY,CAAC,EAAE,GAAGC,aAAa,CAAC,GAAGC,cAAc,CACpFC,QAAQ,CAACC,OAAO,CAAChB,QAAQ,CAAC,EAC1B,CAACzB,QAAQ,EAAEG,SAAS,EAAEE,SAAS,CACnC,CAAC;IACD,OAAO;MACH8B,WAAW;MACXO,gBAAgB,EAAGP,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAmB3B,KAAK;MACtD4B,YAAY;MACZO,iBAAiB,EAAGP,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAmB5B,KAAK;MACxD6B,YAAY;MACZO,iBAAiB,EAAGP,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAmB7B,KAAK;MACxD8B,aAAa,EAAEA,aAAa,CAACO,MAAM,CAAEC,KAAK,IAAK,CAACC,OAAO,CAACD,KAAK,CAAC;KACjE;GACJ,EAAE,CAACrB,QAAQ,CAAC,CAAC;EAEd,oBACIQ,KAAA,CAAAe,aAAA,CAACC,OAAO,EAAAC,QAAA;IACJzC,GAAG,EAAEA,GAAI;IACTa,SAAS,EAAE6B,UAAU,CAAC7B,SAAS,EAAElC,SAAS,CAAE;IAC5CG,GAAG,EAAEA,GAAI;IACTG,WAAW,EAAEA;KACTmC,cAAc,GAEjB,CAACN,MAAM,MAAAb,qBAAA,GAAIsB,QAAQ,CAACU,gBAAgB,cAAAhC,qBAAA,uBAAzBA,qBAAA,CAA2Be,QAAQ,mBAC3CQ,KAAA,CAAAe,aAAA,CAACC,OAAO,EAAAC,QAAA;IACJzC,GAAG,GAAAE,sBAAA,GAAGqB,QAAQ,CAACG,WAAW,cAAAxB,sBAAA,uBAArBA,sBAAA,CAA+BF,GAAI;IACxC2C,MAAM,EAAEvB,cAAc,CAACuB,MAAO;IAC9BC,MAAM,EAAExB,cAAc,CAACwB;KACnB7B,WAAW,EACXQ,QAAQ,CAACU,gBAAgB;IAC7BpB,SAAS,EAAE6B,UAAU,CACjB3B,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEF,SAAS,GAAAV,sBAAA,GACtBoB,QAAQ,CAACU,gBAAgB,cAAA9B,sBAAA,uBAAzBA,sBAAA,CAA2BU,SAAS,EACnC,GAAElC,SAAU,UACjB;MAECmC,MAAM,GAAAV,sBAAA,GACNmB,QAAQ,CAACU,gBAAgB,cAAA7B,sBAAA,uBAAzBA,sBAAA,CAA2BY,QACvB,CACZ,EAEA,CAAC,EAAAX,qBAAA,GAAAkB,QAAQ,CAACW,iBAAiB,cAAA7B,qBAAA,uBAA1BA,qBAAA,CAA4BW,QAAQ,KAAIO,QAAQ,CAACM,aAAa,CAACgB,MAAM,GAAG,CAAC,kBACvErB,KAAA,CAAAe,aAAA,CAACC,OAAO,EAAAC,QAAA;IACJzC,GAAG,GAAAM,sBAAA,GAAGiB,QAAQ,CAACI,YAAY,cAAArB,sBAAA,uBAAtBA,sBAAA,CAAgCN,GAAI;IACzCf,WAAW,EAAEC,WAAW,CAAC4D,QAAS;IAClCC,SAAS;IACTJ,MAAM,EAAEvB,cAAc,CAACuB,MAAO;IAC9BC,MAAM,EAAExB,cAAc,CAACwB;KACnBzB,YAAY,EACZI,QAAQ,CAACW,iBAAiB;IAC9BrB,SAAS,EAAE6B,UAAU,CACjBvB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEN,SAAS,GAAAN,sBAAA,GACvBgB,QAAQ,CAACW,iBAAiB,cAAA3B,sBAAA,uBAA1BA,sBAAA,CAA4BM,SAAS,EACpC,GAAElC,SAAU,WACjB;OAAE6B,sBAAA,GAEDe,QAAQ,CAACW,iBAAiB,cAAA1B,sBAAA,uBAA1BA,sBAAA,CAA4BQ,QAAQ,EACpCO,QAAQ,CAACM,aACL,CACZ,EAEA,CAACZ,OAAO,MAAAR,qBAAA,GAAIc,QAAQ,CAACY,iBAAiB,cAAA1B,qBAAA,uBAA1BA,qBAAA,CAA4BO,QAAQ,mBAC7CQ,KAAA,CAAAe,aAAA,CAACC,OAAO,EAAAC,QAAA;IACJzC,GAAG,GAAAU,sBAAA,GAAGa,QAAQ,CAACK,YAAY,cAAAlB,sBAAA,uBAAtBA,sBAAA,CAAgCV,GAAI;IACzC2C,MAAM,EAAEvB,cAAc,CAACuB,MAAO;IAC9BC,MAAM,EAAExB,cAAc,CAACwB;KACnB1B,YAAY,EACZK,QAAQ,CAACY,iBAAiB;IAC9BtB,SAAS,EAAE6B,UAAU,CACjBxB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEL,SAAS,GAAAF,sBAAA,GACvBY,QAAQ,CAACY,iBAAiB,cAAAxB,sBAAA,uBAA1BA,sBAAA,CAA4BE,SAAS,EACpC,GAAElC,SAAU,WACjB;MAECsC,OAAO,GAAAL,sBAAA,GACPW,QAAQ,CAACY,iBAAiB,cAAAvB,sBAAA,uBAA1BA,sBAAA,CAA4BI,QACxB,CAER,CAAC;AAElB,CAAC,CAAC;AACFnB,gBAAgB,CAACmD,WAAW,GAAGtE,cAAc;AAC7CmB,gBAAgB,CAACgB,SAAS,GAAGlC,SAAS;AACtCkB,gBAAgB,CAACoD,YAAY,GAAGpE,aAAa;MAEhCqE,YAA0B,GAAGC,MAAM,CAACC,MAAM,CAACvD,gBAAgB,EAAE;EAAET,MAAM;EAAEK,OAAO;EAAEE;AAAQ,CAAC;;ACzNtG;AACA;AACA;MACa0D,mBAAmB,GAAGC,IAAI,CAACvE,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC;;;;"}

package/_internal/25352357.d.ts

@@ -0,0 +1,51 @@
+import React, { MouseEventHandler } from 'react';
+import { r as ValueOf, S as Size, l as GenericProps, q as HasTheme, i as AspectRatio, C as Comp } from './28b656e3.js';
+
+/**
+ * Uploader variants.
+ */
+declare const UploaderVariant: {
+    readonly square: "square";
+    readonly rounded: "rounded";
+    readonly circle: "circle";
+};
+declare type UploaderVariant = ValueOf<typeof UploaderVariant>;
+/**
+ * Uploader sizes.
+ */
+declare type UploaderSize = Extract<Size, 'xl' | 'xxl'>;
+/**
+ * Extend native HTML input props with specialized `onChange` providing the a `File` array.
+ */
+interface FileInputProps extends Omit<React.ComponentProps<'input'>, 'onChange'> {
+    onChange(files: File[], evt: React.ChangeEvent<HTMLInputElement>): void;
+}
+/**
+ * Defines the props of the component.
+ */
+interface UploaderProps extends GenericProps, HasTheme {
+    /** Image aspect ratio. */
+    aspectRatio?: AspectRatio;
+    /** Icon (SVG path). */
+    icon?: string;
+    /** Label text. */
+    label?: string;
+    /** Size variant. */
+    size?: UploaderSize;
+    /** Variant. */
+    variant?: UploaderVariant;
+    /** On click callback. */
+    onClick?: MouseEventHandler;
+    /** Handle file selection with a native input file. */
+    fileInputProps?: FileInputProps;
+}
+/**
+ * Uploader component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Uploader: Comp<UploaderProps>;
+
+export { UploaderVariant as U, UploaderSize as a, UploaderProps as b, Uploader as c };