@lumx/react 3.0.2 → 3.0.3

package/esm/_internal/TableRow.js

@@ -1,291 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends, a as _defineProperty } from './_rollupPluginBabelHelpers.js';
-import { Theme, Size } from './components.js';
-import React, { forwardRef, useCallback } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses, o as onEnterPressed } from './getRootClassName.js';
-import { I as Icon, r as mdiArrowUp, s as mdiArrowDown } from './Icon2.js';
-import isFunction from 'lodash/isFunction';
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'Table';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {
-  theme: Theme.light
-};
-/**
- * Table component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var Table = forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      hasBefore = props.hasBefore,
-      hasDividers = props.hasDividers,
-      theme = props.theme,
-      forwardedProps = _objectWithoutProperties(props, ["children", "className", "hasBefore", "hasDividers", "theme"]);
-
-  return React.createElement("table", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      hasBefore: hasBefore,
-      hasDividers: hasDividers,
-      theme: theme
-    }))
-  }), children);
-});
-Table.displayName = COMPONENT_NAME;
-Table.className = CLASSNAME;
-Table.defaultProps = DEFAULT_PROPS;
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME$1 = 'TableBody';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1, true);
-/**
- * TableBody component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var TableBody = forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      forwardedProps = _objectWithoutProperties(props, ["children", "className"]);
-
-  return React.createElement("tbody", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$1
-    }))
-  }), children);
-});
-TableBody.displayName = COMPONENT_NAME$1;
-TableBody.className = CLASSNAME$1;
-
-/**
- * Table head cell sort order.
- */
-
-var ThOrder = {
-  asc: 'asc',
-  desc: 'desc'
-};
-
-/**
- * Table cell variants.
- */
-var TableCellVariant = {
-  body: 'body',
-  head: 'head'
-};
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME$2 = 'TableCell';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2, true);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS$1 = {
-  variant: TableCellVariant.body
-};
-/**
- * TableCell component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var TableCell = forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      icon = props.icon,
-      isSortable = props.isSortable,
-      onHeaderClick = props.onHeaderClick,
-      sortOrder = props.sortOrder,
-      variant = props.variant,
-      forwardedProps = _objectWithoutProperties(props, ["children", "className", "icon", "isSortable", "onHeaderClick", "sortOrder", "variant"]);
-  /**
-   * Handle click on the ordered thead.
-   */
-
-
-  var handleOnHeaderClick = useCallback(function () {
-    if (isFunction(onHeaderClick)) {
-      onHeaderClick();
-    }
-  }, [onHeaderClick]);
-  return React.createElement(React.Fragment, null, variant === TableCellVariant.head && React.createElement("th", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(handleBasicClasses({
-      prefix: CLASSNAME$2,
-      isSortable: isSortable
-    }), className, "".concat(CLASSNAME$2, "--head"), _defineProperty({}, "".concat(CLASSNAME$2, "--is-sorted"), isSortable && sortOrder)),
-    tabIndex: isSortable && isFunction(onHeaderClick) ? 0 : -1,
-    onClick: handleOnHeaderClick,
-    onKeyDown: onEnterPressed(handleOnHeaderClick)
-  }), React.createElement("div", {
-    className: "".concat(CLASSNAME$2, "-wrapper")
-  }, icon && !isSortable && React.createElement(Icon, {
-    className: "".concat(CLASSNAME$2, "-icon"),
-    icon: icon,
-    size: Size.xxs
-  }), isSortable && sortOrder === ThOrder.asc && React.createElement(Icon, {
-    className: "".concat(CLASSNAME$2, "-icon"),
-    icon: mdiArrowUp,
-    size: Size.xxs
-  }), isSortable && sortOrder === ThOrder.desc && React.createElement(Icon, {
-    className: "".concat(CLASSNAME$2, "-icon"),
-    icon: mdiArrowDown,
-    size: Size.xxs
-  }), React.createElement("div", {
-    className: "".concat(CLASSNAME$2, "-content")
-  }, children))), variant === TableCellVariant.body && React.createElement("td", _extends({}, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$2
-    }), "".concat(CLASSNAME$2, "--body"))
-  }), React.createElement("div", {
-    className: "".concat(CLASSNAME$2, "-content")
-  }, children)));
-});
-TableCell.displayName = COMPONENT_NAME$2;
-TableCell.className = CLASSNAME$2;
-TableCell.defaultProps = DEFAULT_PROPS$1;
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME$3 = 'TableHeader';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME$3 = getRootClassName(COMPONENT_NAME$3, true);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS$2 = {};
-/**
- * TableHeader component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var TableHeader = forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      forwardedProps = _objectWithoutProperties(props, ["children", "className"]);
-
-  return React.createElement("thead", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$3
-    }))
-  }), children);
-});
-TableHeader.displayName = COMPONENT_NAME$3;
-TableHeader.className = CLASSNAME$3;
-TableHeader.defaultProps = DEFAULT_PROPS$2;
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME$4 = 'TableRow';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME$4 = getRootClassName(COMPONENT_NAME$4, true);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS$3 = {};
-/**
- * TableRow component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var TableRow = forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      disabled = props.disabled,
-      isClickable = props.isClickable,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? disabled : _props$isDisabled,
-      isSelected = props.isSelected,
-      forwardedProps = _objectWithoutProperties(props, ["children", "className", "disabled", "isClickable", "isDisabled", "isSelected"]);
-
-  return React.createElement("tr", _extends({
-    ref: ref,
-    tabIndex: isClickable && !isDisabled ? 0 : -1
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      isClickable: isClickable && !isDisabled,
-      isDisabled: isDisabled,
-      isSelected: isSelected && !isDisabled,
-      prefix: CLASSNAME$4
-    })),
-    "aria-disabled": isDisabled
-  }), children);
-});
-TableRow.displayName = COMPONENT_NAME$4;
-TableRow.className = CLASSNAME$4;
-TableRow.defaultProps = DEFAULT_PROPS$3;
-
-export { Table as T, TableBody as a, ThOrder as b, TableCellVariant as c, TableCell as d, TableHeader as e, TableRow as f };
-//# sourceMappingURL=TableRow.js.map

package/esm/_internal/TableRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRow.js","sources":["../../../src/components/table/Table.tsx","../../../src/components/table/TableBody.tsx","../../../src/components/table/TableCell.tsx","../../../src/components/table/TableHeader.tsx","../../../src/components/table/TableRow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\n\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses, HasTheme } from '@lumx/react/utils';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableProps extends GenericProps, HasTheme {\n    /** Whether the table has checkbox or thumbnail on first cell or not. */\n    hasBefore?: boolean;\n    /** Whether the table has dividers or not. */\n    hasDividers?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Table';\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<TableProps> = {\n    theme: Theme.light,\n};\n\n/**\n * Table component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Table: Comp<TableProps, HTMLTableElement> = forwardRef((props, ref) => {\n    const { children, className, hasBefore, hasDividers, theme, ...forwardedProps } = props;\n\n    return (\n        <table\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, hasBefore, hasDividers, theme }))}\n        >\n            {children}\n        </table>\n    );\n});\nTable.displayName = COMPONENT_NAME;\nTable.className = CLASSNAME;\nTable.defaultProps = DEFAULT_PROPS;\n","import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\n\n/**\n * Defines the props of the component.\n */\nexport type TableBodyProps = GenericProps;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableBody';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * TableBody component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableBody: Comp<TableBodyProps, HTMLTableSectionElement> = forwardRef((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <tbody\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}\n        >\n            {children}\n        </tbody>\n    );\n});\nTableBody.displayName = COMPONENT_NAME;\nTableBody.className = CLASSNAME;\n","import React, { forwardRef, useCallback } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Icon, Size } from '@lumx/react';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses, onEnterPressed, ValueOf } from '@lumx/react/utils';\n\nimport { mdiArrowDown, mdiArrowUp } from '@lumx/icons';\n\nimport isFunction from 'lodash/isFunction';\n\n/**\n * Table head cell sort order.\n */\nexport const ThOrder = { asc: 'asc', desc: 'desc' } as const;\nexport type ThOrder = ValueOf<typeof ThOrder>;\n\n/**\n * Table cell variants.\n */\nexport const TableCellVariant = { body: 'body', head: 'head' } as const;\nexport type TableCellVariant = ValueOf<typeof TableCellVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface TableCellProps extends GenericProps {\n    /** Icon (SVG path).(thead only). */\n    icon?: string;\n    /** Whether the column is sortable or not (thead only). */\n    isSortable?: boolean;\n    /** Sort order displayed as icon (sortable thead only). */\n    sortOrder?: ThOrder;\n    /** Variant. */\n    variant?: TableCellVariant;\n    /** On header cell click callback. */\n    onHeaderClick?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableCell';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableCellProps> = {\n    variant: TableCellVariant.body,\n};\n\n/**\n * TableCell component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableCell: Comp<TableCellProps, HTMLTableCellElement> = forwardRef((props, ref) => {\n    const { children, className, icon, isSortable, onHeaderClick, sortOrder, variant, ...forwardedProps } = props;\n\n    /**\n     * Handle click on the ordered thead.\n     */\n    const handleOnHeaderClick = useCallback(() => {\n        if (isFunction(onHeaderClick)) {\n            onHeaderClick();\n        }\n    }, [onHeaderClick]);\n\n    return (\n        <>\n            {variant === TableCellVariant.head && (\n                <th\n                    ref={ref}\n                    {...forwardedProps}\n                    className={classNames(\n                        handleBasicClasses({ prefix: CLASSNAME, isSortable }),\n                        className,\n                        `${CLASSNAME}--head`,\n                        {\n                            [`${CLASSNAME}--is-sorted`]: isSortable && sortOrder,\n                        },\n                    )}\n                    tabIndex={isSortable && isFunction(onHeaderClick) ? 0 : -1}\n                    onClick={handleOnHeaderClick}\n                    onKeyDown={onEnterPressed(handleOnHeaderClick)}\n                >\n                    <div className={`${CLASSNAME}-wrapper`}>\n                        {icon && !isSortable && <Icon className={`${CLASSNAME}-icon`} icon={icon} size={Size.xxs} />}\n\n                        {isSortable && sortOrder === ThOrder.asc && (\n                            <Icon className={`${CLASSNAME}-icon`} icon={mdiArrowUp} size={Size.xxs} />\n                        )}\n\n                        {isSortable && sortOrder === ThOrder.desc && (\n                            <Icon className={`${CLASSNAME}-icon`} icon={mdiArrowDown} size={Size.xxs} />\n                        )}\n\n                        <div className={`${CLASSNAME}-content`}>{children}</div>\n                    </div>\n                </th>\n            )}\n\n            {variant === TableCellVariant.body && (\n                <td\n                    {...forwardedProps}\n                    className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }), `${CLASSNAME}--body`)}\n                >\n                    <div className={`${CLASSNAME}-content`}>{children}</div>\n                </td>\n            )}\n        </>\n    );\n});\nTableCell.displayName = COMPONENT_NAME;\nTableCell.className = CLASSNAME;\nTableCell.defaultProps = DEFAULT_PROPS;\n","import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\n\n/**\n * Defines the props of the component.\n */\nexport type TableHeaderProps = GenericProps;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableHeader';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableHeaderProps> = {};\n\n/**\n * TableHeader component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableHeader: Comp<TableHeaderProps, HTMLTableSectionElement> = forwardRef((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <thead\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}\n        >\n            {children}\n        </thead>\n    );\n});\nTableHeader.displayName = COMPONENT_NAME;\nTableHeader.className = CLASSNAME;\nTableHeader.defaultProps = DEFAULT_PROPS;\n","import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableRowProps extends GenericProps {\n    /** Whether the component is clickable or not. */\n    isClickable?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableRow';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableRowProps> = {};\n\n/**\n * TableRow component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableRow: Comp<TableRowProps, HTMLTableRowElement> = forwardRef((props, ref) => {\n    const { children, className, disabled, isClickable, isDisabled = disabled, isSelected, ...forwardedProps } = props;\n\n    return (\n        <tr\n            ref={ref}\n            tabIndex={isClickable && !isDisabled ? 0 : -1}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    isClickable: isClickable && !isDisabled,\n                    isDisabled,\n                    isSelected: isSelected && !isDisabled,\n                    prefix: CLASSNAME,\n                }),\n            )}\n            aria-disabled={isDisabled}\n        >\n            {children}\n        </tr>\n    );\n});\n\nTableRow.displayName = COMPONENT_NAME;\nTableRow.className = CLASSNAME;\nTableRow.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","theme","Theme","light","Table","forwardRef","props","ref","children","className","hasBefore","hasDividers","forwardedProps","classNames","handleBasicClasses","prefix","displayName","defaultProps","TableBody","ThOrder","asc","desc","TableCellVariant","body","head","variant","TableCell","icon","isSortable","onHeaderClick","sortOrder","handleOnHeaderClick","useCallback","isFunction","onEnterPressed","Size","xxs","mdiArrowUp","mdiArrowDown","TableHeader","TableRow","disabled","isClickable","isDisabled","isSelected"],"mappings":"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"}

package/esm/_internal/Text2.js

@@ -1,63 +0,0 @@
-import { b as _objectWithoutProperties, g as _typeof, c as _extends, _ as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import { ColorVariant } from './components.js';
-import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getRootClassName.js';
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'Text';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {};
-/**
- * Text component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var Text = forwardRef(function (props, ref) {
-  var as = props.as,
-      children = props.children,
-      className = props.className,
-      color = props.color,
-      colorVariant = props.colorVariant,
-      typography = props.typography,
-      truncate = props.truncate,
-      style = props.style,
-      forwardedProps = _objectWithoutProperties(props, ["as", "children", "className", "color", "colorVariant", "typography", "truncate", "style"]);
-
-  var Component = as;
-  var colorClass = color && "lumx-color-font-".concat(color, "-").concat(colorVariant || ColorVariant.N);
-  var typographyClass = typography && "lumx-typography-".concat(typography); // Truncate mode
-
-  var truncateLinesStyle = _typeof(truncate) === 'object' && truncate.lines > 1 && {
-    '--lumx-text-truncate-lines': truncate.lines
-  };
-  var isTruncatedMultiline = !!truncateLinesStyle;
-  var isTruncated = !!truncate;
-  return React.createElement(Component, _extends({
-    ref: ref,
-    className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      isTruncated: isTruncated && !isTruncatedMultiline,
-      isTruncatedMultiline: isTruncatedMultiline
-    }), typographyClass, colorClass),
-    style: _objectSpread2({}, truncateLinesStyle, {}, style)
-  }, forwardedProps), children);
-});
-Text.displayName = COMPONENT_NAME;
-Text.className = CLASSNAME;
-Text.defaultProps = DEFAULT_PROPS;
-
-export { Text as T };
-//# sourceMappingURL=Text2.js.map

package/esm/_internal/Text2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text2.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Color, ColorVariant, Typography } from '@lumx/react';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses, HeadingElement } from '@lumx/react/utils';\nimport classNames from 'classnames';\n\ntype TextComponents = 'span' | 'p' | HeadingElement;\n\n/**\n * Defines the props of the component.\n */\nexport interface TextProps extends GenericProps {\n    /**\n     * Color variant.\n     */\n    color?: Color;\n    /**\n     * Lightened or darkened variant of the selected color.\n     */\n    colorVariant?: ColorVariant;\n    /**\n     * Typography variant.\n     */\n    typography?: Typography;\n    /**\n     * Custom component to render the text.\n     */\n    as: TextComponents;\n    /**\n     * Control whether the text should truncate or not.\n     * Setting as `true` will make the text truncate on a single line.\n     * Setting as `{ lines: number }` will make the text truncate on a multiple lines.\n     */\n    truncate?: boolean | { lines: number };\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Text';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS = {} as const;\n\n/**\n * Text component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Text: Comp<TextProps> = forwardRef((props, ref) => {\n    const { as, children, className, color, colorVariant, typography, truncate, style, ...forwardedProps } = props;\n\n    const Component = as as TextComponents;\n    const colorClass = color && `lumx-color-font-${color}-${colorVariant || ColorVariant.N}`;\n    const typographyClass = typography && `lumx-typography-${typography}`;\n\n    // Truncate mode\n    const truncateLinesStyle = typeof truncate === 'object' &&\n        truncate.lines > 1 && { '--lumx-text-truncate-lines': truncate.lines };\n    const isTruncatedMultiline = !!truncateLinesStyle;\n    const isTruncated = !!truncate;\n\n    return (\n        <Component\n            ref={ref as React.Ref<any>}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    isTruncated: isTruncated && !isTruncatedMultiline,\n                    isTruncatedMultiline,\n                }),\n                typographyClass,\n                colorClass,\n            )}\n            style={{ ...truncateLinesStyle, ...style }}\n            {...forwardedProps}\n        >\n            {children}\n        </Component>\n    );\n});\nText.displayName = COMPONENT_NAME;\nText.className = CLASSNAME;\nText.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Text","forwardRef","props","ref","as","children","className","color","colorVariant","typography","truncate","style","forwardedProps","Component","colorClass","ColorVariant","N","typographyClass","truncateLinesStyle","lines","isTruncatedMultiline","isTruncated","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;AAoCA;;;AAGA,IAAMA,cAAc,GAAG,MAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;AAGA,IAAMG,aAAa,GAAG,EAAtB;AAEA;;;;;;;;IAOaC,IAAqB,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MACpDC,EADoD,GAC6CF,KAD7C,CACpDE,EADoD;AAAA,MAChDC,QADgD,GAC6CH,KAD7C,CAChDG,QADgD;AAAA,MACtCC,SADsC,GAC6CJ,KAD7C,CACtCI,SADsC;AAAA,MAC3BC,KAD2B,GAC6CL,KAD7C,CAC3BK,KAD2B;AAAA,MACpBC,YADoB,GAC6CN,KAD7C,CACpBM,YADoB;AAAA,MACNC,UADM,GAC6CP,KAD7C,CACNO,UADM;AAAA,MACMC,QADN,GAC6CR,KAD7C,CACMQ,QADN;AAAA,MACgBC,KADhB,GAC6CT,KAD7C,CACgBS,KADhB;AAAA,MAC0BC,cAD1B,4BAC6CV,KAD7C;;AAG5D,MAAMW,SAAS,GAAGT,EAAlB;AACA,MAAMU,UAAU,GAAGP,KAAK,8BAAuBA,KAAvB,cAAgCC,YAAY,IAAIO,YAAY,CAACC,CAA7D,CAAxB;AACA,MAAMC,eAAe,GAAGR,UAAU,8BAAuBA,UAAvB,CAAlC,CAL4D;;AAQ5D,MAAMS,kBAAkB,GAAG,QAAOR,QAAP,MAAoB,QAApB,IACvBA,QAAQ,CAACS,KAAT,GAAiB,CADM,IACD;AAAE,kCAA8BT,QAAQ,CAACS;AAAzC,GAD1B;AAEA,MAAMC,oBAAoB,GAAG,CAAC,CAACF,kBAA/B;AACA,MAAMG,WAAW,GAAG,CAAC,CAACX,QAAtB;AAEA,SACI,oBAAC,SAAD;AACI,IAAA,GAAG,EAAEP,GADT;AAEI,IAAA,SAAS,EAAEmB,UAAU,CACjBhB,SADiB,EAEjBiB,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAE3B,SADO;AAEfwB,MAAAA,WAAW,EAAEA,WAAW,IAAI,CAACD,oBAFd;AAGfA,MAAAA,oBAAoB,EAApBA;AAHe,KAAD,CAFD,EAOjBH,eAPiB,EAQjBH,UARiB,CAFzB;AAYI,IAAA,KAAK,qBAAOI,kBAAP,MAA8BP,KAA9B;AAZT,KAaQC,cAbR,GAeKP,QAfL,CADJ;AAmBH,CAhC8C;AAiC/CL,IAAI,CAACyB,WAAL,GAAmB7B,cAAnB;AACAI,IAAI,CAACM,SAAL,GAAiBT,SAAjB;AACAG,IAAI,CAAC0B,YAAL,GAAoB3B,aAApB;;;;"}