@lumx/react 3.20.1-alpha.12 → 3.20.1-alpha.13

package/_internal/components/switch-5516949b.js

@@ -0,0 +1,118 @@
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { Children } from 'react';
+import isEmpty from 'lodash/isEmpty';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useId } from '../useId-3a1facc0.js';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { u as useDisableStateProps } from '../useDisableStateProps-fffc365f.js';
+import { Alignment, Theme } from '@lumx/core/js/constants';
+import { InputLabel } from './input-label-5e509a1b.js';
+import { InputHelper } from './input-helper-e644e05e.js';
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Switch';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  position: Alignment.left
+};
+
+/**
+ * Switch component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Switch = forwardRef((props, ref) => {
+  const {
+    isAnyDisabled,
+    disabledStateProps,
+    otherProps
+  } = useDisableStateProps(props);
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    checked,
+    children,
+    className,
+    helper,
+    id,
+    isChecked = checked,
+    name,
+    onChange,
+    position = DEFAULT_PROPS.position,
+    theme = defaultTheme,
+    value,
+    inputProps = {},
+    ...forwardedProps
+  } = otherProps;
+  const generatedInputId = useId();
+  const inputId = id || generatedInputId;
+  const handleChange = event => {
+    if (onChange) {
+      onChange(!isChecked, value, name, event);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      isChecked,
+      isDisabled: isAnyDisabled,
+      position,
+      theme,
+      isUnchecked: !isChecked
+    }))
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__input-wrapper`
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    type: "checkbox",
+    role: "switch",
+    id: inputId,
+    className: `${CLASSNAME}__input-native`,
+    name: name,
+    value: value
+  }, disabledStateProps, {
+    readOnly: inputProps.readOnly || isAnyDisabled,
+    checked: isChecked,
+    "aria-checked": Boolean(isChecked),
+    onChange: handleChange,
+    "aria-describedby": helper ? `${inputId}-helper` : undefined
+  }, inputProps)), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__input-placeholder`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__input-background`
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__input-indicator`
+  }))), Children.count(children) > 0 && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__content`
+  }, /*#__PURE__*/React.createElement(InputLabel, {
+    htmlFor: inputId,
+    theme: theme,
+    className: `${CLASSNAME}__label`
+  }, children), !isEmpty(helper) && /*#__PURE__*/React.createElement(InputHelper, {
+    id: `${inputId}-helper`,
+    theme: theme,
+    className: `${CLASSNAME}__helper`
+  }, helper)));
+});
+Switch.displayName = COMPONENT_NAME;
+Switch.className = CLASSNAME;
+Switch.defaultProps = DEFAULT_PROPS;
+
+export { Switch };
+//# sourceMappingURL=switch-5516949b.js.map

package/_internal/components/switch-5516949b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-5516949b.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Children, InputHTMLAttributes, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Alignment, InputHelper, InputLabel, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Defines the props of the component.\n */\nexport interface SwitchProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** Helper text. */\n    helper?: string;\n    /** Whether it is checked or not. */\n    isChecked?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Native input name property. */\n    name?: string;\n    /** Position of the switch relative to the label. */\n    position?: Extract<Alignment, 'right' | 'left'>;\n    /** Native input value property. */\n    value?: string;\n    /** On change callback. */\n    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;\n    /** optional props for input */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Switch';\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<SwitchProps> = {\n    position: Alignment.left,\n};\n\n/**\n * Switch component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Switch = forwardRef<SwitchProps, HTMLDivElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        checked,\n        children,\n        className,\n        helper,\n        id,\n        isChecked = checked,\n        name,\n        onChange,\n        position = DEFAULT_PROPS.position,\n        theme = defaultTheme,\n        value,\n        inputProps = {},\n        ...forwardedProps\n    } = otherProps;\n    const generatedInputId = useId();\n    const inputId = id || generatedInputId;\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (onChange) {\n            onChange(!isChecked, value, name, event);\n        }\n    };\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    isChecked,\n                    isDisabled: isAnyDisabled,\n                    position,\n                    theme,\n                    isUnchecked: !isChecked,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__input-wrapper`}>\n                <input\n                    type=\"checkbox\"\n                    role=\"switch\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input-native`}\n                    name={name}\n                    value={value}\n                    {...disabledStateProps}\n                    readOnly={inputProps.readOnly || isAnyDisabled}\n                    checked={isChecked}\n                    aria-checked={Boolean(isChecked)}\n                    onChange={handleChange}\n                    aria-describedby={helper ? `${inputId}-helper` : undefined}\n                    {...inputProps}\n                />\n\n                <div className={`${CLASSNAME}__input-placeholder`}>\n                    <div className={`${CLASSNAME}__input-background`} />\n                    <div className={`${CLASSNAME}__input-indicator`} />\n                </div>\n            </div>\n\n            {Children.count(children) > 0 && (\n                <div className={`${CLASSNAME}__content`}>\n                    <InputLabel htmlFor={inputId} theme={theme} className={`${CLASSNAME}__label`}>\n                        {children}\n                    </InputLabel>\n                    {!isEmpty(helper) && (\n                        <InputHelper id={`${inputId}-helper`} theme={theme} className={`${CLASSNAME}__helper`}>\n                            {helper}\n                        </InputHelper>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n});\nSwitch.displayName = COMPONENT_NAME;\nSwitch.className = CLASSNAME;\nSwitch.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","position","Alignment","left","Switch","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","checked","children","className","helper","id","isChecked","name","onChange","theme","value","inputProps","forwardedProps","generatedInputId","useId","inputId","handleChange","event","React","createElement","_extends","classNames","handleBasicClasses","prefix","isDisabled","isUnchecked","type","role","readOnly","Boolean","undefined","Children","count","InputLabel","htmlFor","isEmpty","InputHelper","displayName","defaultProps"],"mappings":"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"}

package/_internal/{be6da9b0.js → components/table-fa198ee6.js}

@@ -1,13 +1,14 @@
-import { m as getRootClassName, n as forwardRef, b as Theme, l as classNames, c as Size } from './6589b796.js';
-import { h as handleBasicClasses } from './e2afb13f.js';
-import { u as useTheme } from './3181f000.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { I as Icon } from './8ab42752.js';
-import { u as useDisableStateProps } from './b8667090.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { Theme, Size } from '@lumx/core/js/constants';
+import { mdiArrowUp, mdiArrowDown } from '@lumx/icons';
+import { Icon } from './icon-2e7345ad.js';
+import { u as useDisableStateProps } from '../useDisableStateProps-fffc365f.js';
 
-const mdiArrowDown = 'M11 4h2v12l5.5-5.5 1.42 1.42L12 19.84l-7.92-7.92L5.5 10.5 11 16z';
-
-const mdiArrowUp = 'M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z';
+/**
+ * Defines the props of the component.
+ */
 
 /**
  * Component display name.
@@ -41,22 +42,25 @@ const Table = forwardRef((props, ref) => {
     theme = defaultTheme,
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/jsx("table", {
-    ref: ref,
-    ...forwardedProps,
+  return /*#__PURE__*/React.createElement("table", _extends({
+    ref: ref
+  }, forwardedProps, {
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME$4,
       hasBefore,
       hasDividers,
       theme
-    })),
-    children: children
-  });
+    }))
+  }), children);
 });
 Table.displayName = COMPONENT_NAME$4;
 Table.className = CLASSNAME$4;
 Table.defaultProps = DEFAULT_PROPS$3;
 
+/**
+ * Defines the props of the component.
+ */
+
 /**
  * Component display name.
  */
@@ -80,16 +84,18 @@ const TableBody = forwardRef((props, ref) => {
     className,
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/jsx("tbody", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, CLASSNAME$3),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("tbody", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, CLASSNAME$3)
+  }), children);
 });
 TableBody.displayName = COMPONENT_NAME$3;
 TableBody.className = CLASSNAME$3;
 
+/**
+ * Table head cell sort order.
+ */
 const ThOrder = {
   asc: 'asc',
   desc: 'desc'
@@ -156,50 +162,45 @@ const TableCell = forwardRef((props, ref) => {
     if (sortOrder === ThOrder.asc) ariaSort = 'ascending';
     if (sortOrder === ThOrder.desc) ariaSort = 'descending';
   }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [variant === TableCellVariant.head && /*#__PURE__*/jsx("th", {
-      ref: ref,
-      ...forwardedProps,
-      className: classNames(handleBasicClasses({
-        prefix: CLASSNAME$2,
-        isSortable,
-        isSorted: isSortable && !!sortOrder
-      }), className, `${CLASSNAME$2}--head`),
-      "aria-sort": ariaSort,
-      children: /*#__PURE__*/jsxs(Wrapper, {
-        className: `${CLASSNAME$2}-wrapper`,
-        ...wrapperProps,
-        children: [icon && !isSortable && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME$2}-icon`,
-          icon: icon,
-          size: Size.xxs
-        }), isSortable && sortOrder === ThOrder.asc && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME$2}-icon`,
-          icon: mdiArrowUp,
-          size: Size.xxs
-        }), isSortable && sortOrder === ThOrder.desc && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME$2}-icon`,
-          icon: mdiArrowDown,
-          size: Size.xxs
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME$2}-content`,
-          children: children
-        })]
-      })
-    }), variant === TableCellVariant.body && /*#__PURE__*/jsx("td", {
-      ...forwardedProps,
-      className: classNames(className, CLASSNAME$2, `${CLASSNAME$2}--body`),
-      children: /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME$2}-content`,
-        children: children
-      })
-    })]
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, variant === TableCellVariant.head && /*#__PURE__*/React.createElement("th", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(handleBasicClasses({
+      prefix: CLASSNAME$2,
+      isSortable,
+      isSorted: isSortable && !!sortOrder
+    }), className, `${CLASSNAME$2}--head`),
+    "aria-sort": ariaSort
+  }), /*#__PURE__*/React.createElement(Wrapper, _extends({
+    className: `${CLASSNAME$2}-wrapper`
+  }, wrapperProps), icon && !isSortable && /*#__PURE__*/React.createElement(Icon, {
+    className: `${CLASSNAME$2}-icon`,
+    icon: icon,
+    size: Size.xxs
+  }), isSortable && sortOrder === ThOrder.asc && /*#__PURE__*/React.createElement(Icon, {
+    className: `${CLASSNAME$2}-icon`,
+    icon: mdiArrowUp,
+    size: Size.xxs
+  }), isSortable && sortOrder === ThOrder.desc && /*#__PURE__*/React.createElement(Icon, {
+    className: `${CLASSNAME$2}-icon`,
+    icon: mdiArrowDown,
+    size: Size.xxs
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME$2}-content`
+  }, children))), variant === TableCellVariant.body && /*#__PURE__*/React.createElement("td", _extends({}, forwardedProps, {
+    className: classNames(className, CLASSNAME$2, `${CLASSNAME$2}--body`)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME$2}-content`
+  }, children)));
 });
 TableCell.displayName = COMPONENT_NAME$2;
 TableCell.className = CLASSNAME$2;
 TableCell.defaultProps = DEFAULT_PROPS$2;
 
+/**
+ * Defines the props of the component.
+ */
+
 /**
  * Component display name.
  */
@@ -228,17 +229,20 @@ const TableHeader = forwardRef((props, ref) => {
     className,
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/jsx("thead", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, CLASSNAME$1),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("thead", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, CLASSNAME$1)
+  }), children);
 });
 TableHeader.displayName = COMPONENT_NAME$1;
 TableHeader.className = CLASSNAME$1;
 TableHeader.defaultProps = DEFAULT_PROPS$1;
 
+/**
+ * Defines the props of the component.
+ */
+
 /**
  * Component display name.
  */
@@ -274,23 +278,22 @@ const TableRow = forwardRef((props, ref) => {
     isSelected,
     ...forwardedProps
   } = otherProps;
-  return /*#__PURE__*/jsx("tr", {
+  return /*#__PURE__*/React.createElement("tr", _extends({
     ref: ref,
-    tabIndex: isClickable && !disabledStateProps.disabled ? 0 : -1,
-    ...forwardedProps,
+    tabIndex: isClickable && !disabledStateProps.disabled ? 0 : -1
+  }, forwardedProps, {
     className: classNames(className, handleBasicClasses({
       isClickable: isClickable && !isAnyDisabled,
       isDisabled: isAnyDisabled,
       isSelected: isSelected && !isAnyDisabled,
       prefix: CLASSNAME
     })),
-    "aria-disabled": isAnyDisabled,
-    children: children
-  });
+    "aria-disabled": isAnyDisabled
+  }), children);
 });
 TableRow.displayName = COMPONENT_NAME;
 TableRow.className = CLASSNAME;
 TableRow.defaultProps = DEFAULT_PROPS;
 
 export { Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, ThOrder };
-//# sourceMappingURL=be6da9b0.js.map
+//# sourceMappingURL=table-fa198ee6.js.map

package/_internal/components/table-fa198ee6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-fa198ee6.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 classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\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    /** Children */\n    children?: React.ReactNode;\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\n/**\n * Table component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Table = forwardRef<TableProps, HTMLTableElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { children, className, hasBefore, hasDividers, theme = defaultTheme, ...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 classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableBodyProps extends GenericProps {\n    /** Children */\n    children?: React.ReactNode;\n}\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 = forwardRef<TableBodyProps, HTMLTableSectionElement>((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <tbody ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            {children}\n        </tbody>\n    );\n});\nTableBody.displayName = COMPONENT_NAME;\nTableBody.className = CLASSNAME;\n","import classNames from 'classnames';\n\nimport { mdiArrowDown, mdiArrowUp } from '@lumx/icons';\nimport { Icon, Size } from '@lumx/react';\nimport { GenericProps, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\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    /** Children */\n    children?: React.ReactNode;\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 = forwardRef<TableCellProps, HTMLTableCellElement>((props, ref) => {\n    const {\n        children,\n        className,\n        icon,\n        isSortable,\n        onHeaderClick,\n        sortOrder,\n        variant = DEFAULT_PROPS.variant,\n        ...forwardedProps\n    } = props;\n\n    // Use button if clickable\n    const Wrapper = onHeaderClick ? 'button' : 'div';\n    const wrapperProps = Wrapper === 'button' ? ({ type: 'button', onClick: onHeaderClick } as const) : undefined;\n\n    // ARIA sort\n    let ariaSort: 'ascending' | 'descending' | 'none' | undefined;\n    if (isSortable) {\n        ariaSort = 'none';\n        if (sortOrder === ThOrder.asc) ariaSort = 'ascending';\n        if (sortOrder === ThOrder.desc) ariaSort = 'descending';\n    }\n\n    return (\n        <>\n            {variant === TableCellVariant.head && (\n                <th\n                    ref={ref}\n                    {...forwardedProps}\n                    className={classNames(\n                        handleBasicClasses({\n                            prefix: CLASSNAME,\n                            isSortable,\n                            isSorted: isSortable && !!sortOrder,\n                        }),\n                        className,\n                        `${CLASSNAME}--head`,\n                    )}\n                    aria-sort={ariaSort}\n                >\n                    <Wrapper className={`${CLASSNAME}-wrapper`} {...wrapperProps}>\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                    </Wrapper>\n                </th>\n            )}\n\n            {variant === TableCellVariant.body && (\n                <td {...forwardedProps} className={classNames(className, CLASSNAME, `${CLASSNAME}--body`)}>\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 classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableHeaderProps extends GenericProps {\n    /** Children */\n    children?: React.ReactNode;\n}\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 = forwardRef<TableHeaderProps, HTMLTableSectionElement>((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <thead ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            {children}\n        </thead>\n    );\n});\nTableHeader.displayName = COMPONENT_NAME;\nTableHeader.className = CLASSNAME;\nTableHeader.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\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    /** Children */\n    children?: React.ReactNode;\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 = forwardRef<TableRowProps, HTMLTableRowElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const { children, className, isClickable, isSelected, ...forwardedProps } = otherProps;\n\n    return (\n        <tr\n            ref={ref}\n            tabIndex={isClickable && !disabledStateProps.disabled ? 0 : -1}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    isClickable: isClickable && !isAnyDisabled,\n                    isDisabled: isAnyDisabled,\n                    isSelected: isSelected && !isAnyDisabled,\n                    prefix: CLASSNAME,\n                }),\n            )}\n            aria-disabled={isAnyDisabled}\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","Table","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","hasBefore","hasDividers","theme","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps","TableBody","ThOrder","asc","desc","TableCellVariant","body","head","variant","TableCell","icon","isSortable","onHeaderClick","sortOrder","Wrapper","wrapperProps","type","onClick","undefined","ariaSort","Fragment","isSorted","Icon","size","Size","xxs","mdiArrowUp","mdiArrowDown","TableHeader","TableRow","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","isClickable","isSelected","tabIndex","disabled","isDisabled"],"mappings":"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"}

package/_internal/{65f91970.js → components/tabs-bb9bc2a5.js}

@@ -1,16 +1,16 @@
 import ReactDOM from 'react-dom';
 import React__default, { useReducer, useEffect, useCallback } from 'react';
-import { I as INIT_STATE, r as reducer, T as TabProviderContext, a as useTabProviderContext } from './825ac334.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { A as Alignment, n as forwardRef, b as Theme, l as classNames, C as CSS_PREFIX, c as Size } from './6589b796.js';
-import './478b5c92.js';
-import { h as handleBasicClasses } from './e2afb13f.js';
-import { m as mergeRefs } from './f0d7d6ea.js';
-import { u as useTheme } from './3181f000.js';
-import { u as useRovingTabIndex } from './7daf0f24.js';
-import { u as useDisableStateProps } from './b8667090.js';
-import { I as Icon } from './8ab42752.js';
-import { T as Text } from './0420e67b.js';
+import { I as INIT_STATE, r as reducer, T as TabProviderContext, a as useTabProviderContext } from '../state-db358714.js';
+import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import '../constants-d0e3f49e.js';
+import { handleBasicClasses } from '@lumx/core/js/utils/className';
+import { m as mergeRefs } from '../mergeRefs-f0d7d6ea.js';
+import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { u as useRovingTabIndex } from '../useRovingTabIndex-7daf0f24.js';
+import { Alignment, Theme, CSS_PREFIX, Size } from '@lumx/core/js/constants';
+import { u as useDisableStateProps } from '../useDisableStateProps-fffc365f.js';
+import { Icon } from './icon-2e7345ad.js';
+import { T as Text } from '../index-b4d256e7.js';
 
 const DEFAULT_PROPS$3 = {
   isLazy: INIT_STATE.isLazy,
@@ -63,10 +63,9 @@ const TabProvider = props => {
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [onChange, state.activeTabIndex]);
-  return /*#__PURE__*/jsx(TabProviderContext.Provider, {
-    value: [state, dispatch],
-    children: children
-  });
+  return /*#__PURE__*/React.createElement(TabProviderContext.Provider, {
+    value: [state, dispatch]
+  }, children);
 };
 TabProvider.defaultProps = DEFAULT_PROPS$3;
 
@@ -125,27 +124,29 @@ const TabList = forwardRef((props, ref) => {
     keepTabIndex: false,
     extraDependencies: [children]
   });
-  return /*#__PURE__*/jsx("div", {
-    ref: mergeRefs(ref, tabListRef),
-    ...forwardedProps,
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: mergeRefs(ref, tabListRef)
+  }, forwardedProps, {
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME$2,
       layout,
       position,
       theme
-    })),
-    children: /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME$2}__links`,
-      role: "tablist",
-      "aria-label": ariaLabel,
-      children: children
-    })
-  });
+    }))
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME$2}__links`,
+    role: "tablist",
+    "aria-label": ariaLabel
+  }, children));
 });
 TabList.displayName = COMPONENT_NAME$2;
 TabList.className = CLASSNAME$2;
 TabList.defaultProps = DEFAULT_PROPS$2;
 
+/**
+ * Defines the props of the component.
+ */
+
 /**
  * Component display name.
  */
@@ -208,9 +209,9 @@ const Tab = forwardRef((props, ref) => {
     }
     changeToCurrentTab();
   }, [changeToCurrentTab, isAnyDisabled, onKeyPress]);
-  return /*#__PURE__*/jsxs("button", {
-    ref: ref,
-    ...forwardedProps,
+  return /*#__PURE__*/React.createElement("button", _extends({
+    ref: ref
+  }, forwardedProps, {
     type: "button",
     id: state?.tabId,
     className: classNames(className, handleBasicClasses({
@@ -225,22 +226,23 @@ const Tab = forwardRef((props, ref) => {
     tabIndex: isActive ? 0 : tabIndex,
     "aria-disabled": isAnyDisabled,
     "aria-selected": isActive,
-    "aria-controls": state?.tabPanelId,
-    children: [icon && /*#__PURE__*/jsx(Icon, {
-      icon: icon,
-      size: Size.xs,
-      ...iconProps
-    }), label && /*#__PURE__*/jsx(Text, {
-      as: "span",
-      truncate: true,
-      children: label
-    })]
-  });
+    "aria-controls": state?.tabPanelId
+  }), icon && /*#__PURE__*/React.createElement(Icon, _extends({
+    icon: icon,
+    size: Size.xs
+  }, iconProps)), label && /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    truncate: true
+  }, label));
 });
 Tab.displayName = COMPONENT_NAME$1;
 Tab.className = CLASSNAME$1;
 Tab.defaultProps = DEFAULT_PROPS$1;
 
+/**
+ * Defines the props of the component.
+ */
+
 /**
  * Component display name.
  */
@@ -275,9 +277,9 @@ const TabPanel = forwardRef((props, ref) => {
   } = props;
   const state = useTabProviderContext('tabPanel', id);
   const isActive = propIsActive || state?.isActive;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
     id: state?.tabPanelId,
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME,
@@ -285,13 +287,12 @@ const TabPanel = forwardRef((props, ref) => {
     })),
     role: "tabpanel",
     tabIndex: isActive ? 0 : -1,
-    "aria-labelledby": state?.tabId,
-    children: (!state?.isLazy || isActive) && children
-  });
+    "aria-labelledby": state?.tabId
+  }), (!state?.isLazy || isActive) && children);
 });
 TabPanel.displayName = COMPONENT_NAME;
 TabPanel.className = CLASSNAME;
 TabPanel.defaultProps = DEFAULT_PROPS;
 
 export { Tab, TabList, TabListLayout, TabPanel, TabProvider };
-//# sourceMappingURL=65f91970.js.map
+//# sourceMappingURL=tabs-bb9bc2a5.js.map

package/_internal/components/tabs-bb9bc2a5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-bb9bc2a5.js","sources":["../../../src/components/tabs/TabProvider.tsx","../../../src/components/tabs/TabList.tsx","../../../src/components/tabs/Tab.tsx","../../../src/components/tabs/TabPanel.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport { ReactNode, useEffect, useReducer } from 'react';\nimport { INIT_STATE, TabProviderContext, reducer } from './state';\n\nexport interface TabProviderProps {\n    /** Active tab index. */\n    activeTabIndex?: number;\n    /** Tab provider children. */\n    children: ReactNode;\n    /** Tab panel children should not render if the tab panel is hidden. */\n    isLazy?: boolean;\n    /** Activate tabs on focus. */\n    shouldActivateOnFocus?: boolean;\n\n    /** Tab change callback. */\n    onChange?(index: number): void;\n}\n\nconst DEFAULT_PROPS: Partial<TabProviderProps> = {\n    isLazy: INIT_STATE.isLazy,\n    shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus,\n};\n\n/**\n * This component provides a context in which tabs can be defined and linked to their tab panel.\n *\n * It does not produce any markup so you can wrap it around any React elements and then split the TabList and TabPanel\n * components in the react tree.\n *\n * @param  props React component props.\n * @return React element.\n */\nexport const TabProvider: React.FC<TabProviderProps> = (props) => {\n    const { children, onChange, ...propState } = props;\n    const [state, dispatch] = useReducer(reducer, INIT_STATE);\n\n    // On prop state change => dispatch update.\n    useEffect(\n        () => {\n            dispatch({ type: 'update', payload: { ...DEFAULT_PROPS, ...propState } });\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [dispatch, ...Object.values(propState)],\n    );\n\n    // On active tab index state change => send update to the onChange.\n    useEffect(\n        () => {\n            if (state === INIT_STATE || !onChange || propState.activeTabIndex === state.activeTabIndex) {\n                return;\n            }\n\n            // Escape rendering/useEffect context\n            queueMicrotask(() => {\n                // Wait for React to commit last state changes (avoid looping state update)\n                ReactDOM.flushSync(() => {\n                    onChange(state.activeTabIndex);\n                });\n            });\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [onChange, state.activeTabIndex],\n    );\n\n    return <TabProviderContext.Provider value={[state, dispatch]}>{children}</TabProviderContext.Provider>;\n};\nTabProvider.defaultProps = DEFAULT_PROPS;\n","import React, { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment, Theme } from '@lumx/react';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\n\nexport enum TabListLayout {\n    clustered = 'clustered',\n    fixed = 'fixed',\n}\n\n/**\n * Defines the props of the component.\n */\nexport interface TabListProps extends GenericProps, HasTheme {\n    /** ARIA label (purpose of the set of tabs). */\n    ['aria-label']: string;\n    /** Tab list. */\n    children: ReactNode;\n    /** Layout of the tabs in the list. */\n    layout?: TabListLayout;\n    /** Position of the tabs in the list (requires 'clustered' layout). */\n    position?: Alignment;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TabList';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = `${CSS_PREFIX}-tabs`;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TabListProps> = {\n    layout: TabListLayout.fixed,\n    position: Alignment.left,\n};\n\n/**\n * TabList component.\n *\n * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TabList = forwardRef<TabListProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        'aria-label': ariaLabel,\n        children,\n        className,\n        layout = DEFAULT_PROPS.layout,\n        position = DEFAULT_PROPS.position,\n        theme = defaultTheme,\n        ...forwardedProps\n    } = props;\n    const tabListRef = React.useRef(null);\n    useRovingTabIndex({\n        parentRef: tabListRef,\n        elementSelector: '[role=\"tab\"]',\n        keepTabIndex: false,\n        extraDependencies: [children],\n    });\n\n    return (\n        <div\n            ref={mergeRefs(ref, tabListRef)}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, layout, position, theme }))}\n        >\n            <div className={`${CLASSNAME}__links`} role=\"tablist\" aria-label={ariaLabel}>\n                {children}\n            </div>\n        </div>\n    );\n});\nTabList.displayName = COMPONENT_NAME;\nTabList.className = CLASSNAME;\nTabList.defaultProps = DEFAULT_PROPS;\n","import { FocusEventHandler, KeyboardEventHandler, ReactNode, useCallback } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Icon, IconProps, Size, Text } from '@lumx/react';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { useTabProviderContext } from './state';\n\n/**\n * Defines the props of the component.\n */\nexport interface TabProps extends GenericProps {\n    /** Children are not supported. */\n    children?: never;\n    /** Icon (SVG path). */\n    icon?: IconProps['icon'];\n    /** Icon component properties. */\n    iconProps?: Omit<IconProps, 'icon'>;\n    /** Native id property. */\n    id?: string;\n    /** Whether the tab is active or not. */\n    isActive?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label content. */\n    label: string | ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Tab';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = `${CSS_PREFIX}-tabs__link`;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TabProps> = {};\n\n/**\n * Tab component.\n *\n * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Tab = forwardRef<TabProps, HTMLButtonElement>((props, ref) => {\n    const { isAnyDisabled, otherProps } = useDisableStateProps(props);\n    const {\n        className,\n        icon,\n        iconProps = {},\n        id,\n        isActive: propIsActive,\n        label,\n        onFocus,\n        onKeyPress,\n        tabIndex = -1,\n        ...forwardedProps\n    } = otherProps;\n    const state = useTabProviderContext('tab', id);\n    const isActive = propIsActive || state?.isActive;\n\n    const changeToCurrentTab = useCallback(() => {\n        if (isAnyDisabled) {\n            return;\n        }\n        state?.changeToTab();\n    }, [isAnyDisabled, state]);\n\n    const handleFocus: FocusEventHandler = useCallback(\n        (event) => {\n            onFocus?.(event);\n            if (state?.shouldActivateOnFocus) {\n                changeToCurrentTab();\n            }\n        },\n        [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus],\n    );\n\n    const handleKeyPress: KeyboardEventHandler = useCallback(\n        (event) => {\n            onKeyPress?.(event);\n            if (event.key !== 'Enter' || isAnyDisabled) {\n                return;\n            }\n            changeToCurrentTab();\n        },\n        [changeToCurrentTab, isAnyDisabled, onKeyPress],\n    );\n\n    return (\n        <button\n            ref={ref}\n            {...forwardedProps}\n            type=\"button\"\n            id={state?.tabId}\n            className={classNames(\n                className,\n                handleBasicClasses({ prefix: CLASSNAME, isActive, isDisabled: isAnyDisabled }),\n            )}\n            onClick={changeToCurrentTab}\n            onKeyPress={handleKeyPress}\n            onFocus={handleFocus}\n            role=\"tab\"\n            tabIndex={isActive ? 0 : tabIndex}\n            aria-disabled={isAnyDisabled}\n            aria-selected={isActive}\n            aria-controls={state?.tabPanelId}\n        >\n            {icon && <Icon icon={icon} size={Size.xs} {...iconProps} />}\n            {label && (\n                <Text as=\"span\" truncate>\n                    {label}\n                </Text>\n            )}\n        </button>\n    );\n});\nTab.displayName = COMPONENT_NAME;\nTab.className = CLASSNAME;\nTab.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTabProviderContext } from '@lumx/react/components/tabs/state';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/core/js/utils/className';\n\n/**\n * Defines the props of the component.\n */\nexport interface TabPanelProps extends GenericProps {\n    /** Native id property */\n    id?: string;\n    /** Whether the tab is active or not. */\n    isActive?: boolean;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TabPanel';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = `${CSS_PREFIX}-tab-panel`;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TabPanelProps> = {};\n\n/**\n * TabPanel component.\n *\n * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TabPanel = forwardRef<TabPanelProps, HTMLDivElement>((props, ref) => {\n    const { children, id, className, isActive: propIsActive, ...forwardedProps } = props;\n\n    const state = useTabProviderContext('tabPanel', id);\n    const isActive = propIsActive || state?.isActive;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            id={state?.tabPanelId}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, isActive }))}\n            role=\"tabpanel\"\n            tabIndex={isActive ? 0 : -1}\n            aria-labelledby={state?.tabId}\n        >\n            {(!state?.isLazy || isActive) && children}\n        </div>\n    );\n});\nTabPanel.displayName = COMPONENT_NAME;\nTabPanel.className = CLASSNAME;\nTabPanel.defaultProps = DEFAULT_PROPS;\n"],"names":["DEFAULT_PROPS","isLazy","INIT_STATE","shouldActivateOnFocus","TabProvider","props","children","onChange","propState","state","dispatch","useReducer","reducer","useEffect","type","payload","Object","values","activeTabIndex","queueMicrotask","ReactDOM","flushSync","React","createElement","TabProviderContext","Provider","value","defaultProps","TabListLayout","COMPONENT_NAME","CLASSNAME","CSS_PREFIX","layout","fixed","position","Alignment","left","TabList","forwardRef","ref","defaultTheme","useTheme","Theme","light","ariaLabel","className","theme","forwardedProps","tabListRef","useRef","useRovingTabIndex","parentRef","elementSelector","keepTabIndex","extraDependencies","_extends","mergeRefs","classNames","handleBasicClasses","prefix","role","displayName","Tab","isAnyDisabled","otherProps","useDisableStateProps","icon","iconProps","id","isActive","propIsActive","label","onFocus","onKeyPress","tabIndex","useTabProviderContext","changeToCurrentTab","useCallback","changeToTab","handleFocus","event","handleKeyPress","key","tabId","isDisabled","onClick","tabPanelId","Icon","size","Size","xs","Text","as","truncate","TabPanel"],"mappings":"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"}

package/_internal/components/text-289c0526.js

@@ -0,0 +1,2 @@
+export { T as Text } from '../index-b4d256e7.js';
+//# sourceMappingURL=text-289c0526.js.map

package/_internal/components/text-289c0526.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-289c0526.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}