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

package/_internal/components/tabs/index.ts-713119f4.js

@@ -0,0 +1,289 @@
+import { j as _objectWithoutProperties, A as Alignment, i as forwardRef, T as Theme, _ as _extends, g as classNames, l as CSS_PREFIX, S as Size } from '../../1da25128.js';
+import React__default, { useReducer, useEffect, useCallback } from 'react';
+import { I as INIT_STATE, r as reducer, T as TabProviderContext, a as useTabProviderContext } from '../../5720caf5.js';
+import 'lodash/kebabCase';
+import { h as handleBasicClasses } from '../../f57e1239.js';
+import { m as mergeRefs } from '../../f52adbae.js';
+import { u as useTheme } from '../../3181f000.js';
+import { u as useRovingTabIndex } from '../../f502ab30.js';
+import { I as Icon } from '../../c6c99f76.js';
+import { T as Text } from '../../53c94227.js';
+
+const _excluded$3 = ["children", "onChange"];
+const DEFAULT_PROPS$3 = {
+  isLazy: INIT_STATE.isLazy,
+  shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
+};
+
+/**
+ * This component provides a context in which tabs can be defined and linked to their tab panel.
+ *
+ * It does not produce any markup so you can wrap it around any React elements and then split the TabList and TabPanel
+ * components in the react tree.
+ *
+ * @param  props React component props.
+ * @return React element.
+ */
+const TabProvider = props => {
+  const {
+      children,
+      onChange
+    } = props,
+    propState = _objectWithoutProperties(props, _excluded$3);
+  const [state, dispatch] = useReducer(reducer, INIT_STATE);
+
+  // On prop state change => dispatch update.
+  useEffect(() => {
+    dispatch({
+      type: 'update',
+      payload: propState
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [dispatch, ...Object.values(propState)]);
+
+  // On active tab index state change => send update to the onChange.
+  useEffect(() => {
+    if (state === INIT_STATE || !onChange || propState.activeTabIndex === state.activeTabIndex) {
+      return;
+    }
+    onChange(state.activeTabIndex);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [onChange, state.activeTabIndex]);
+  return /*#__PURE__*/React__default.createElement(TabProviderContext.Provider, {
+    value: [state, dispatch]
+  }, children);
+};
+TabProvider.defaultProps = DEFAULT_PROPS$3;
+
+const _excluded$2 = ["aria-label", "children", "className", "layout", "position", "theme"];
+let TabListLayout = /*#__PURE__*/function (TabListLayout) {
+  TabListLayout["clustered"] = "clustered";
+  TabListLayout["fixed"] = "fixed";
+  return TabListLayout;
+}({});
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$2 = 'TabList';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$2 = `${CSS_PREFIX}-tabs`;
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS$2 = {
+  layout: TabListLayout.fixed,
+  position: Alignment.left
+};
+
+/**
+ * TabList component.
+ *
+ * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const TabList = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+      'aria-label': ariaLabel,
+      children,
+      className,
+      layout,
+      position,
+      theme = defaultTheme
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$2);
+  const tabListRef = React__default.useRef(null);
+  useRovingTabIndex({
+    parentRef: tabListRef,
+    elementSelector: '[role="tab"]',
+    keepTabIndex: false,
+    extraDependencies: [children]
+  });
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: mergeRefs(ref, tabListRef)
+  }, forwardedProps, {
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME$2,
+      layout,
+      position,
+      theme
+    }))
+  }), /*#__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;
+
+const _excluded$1 = ["className", "disabled", "icon", "iconProps", "id", "isActive", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$1 = 'Tab';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$1 = `${CSS_PREFIX}-tabs__link`;
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS$1 = {};
+
+/**
+ * Tab component.
+ *
+ * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Tab = forwardRef((props, ref) => {
+  const {
+      className,
+      disabled,
+      icon,
+      iconProps = {},
+      id,
+      isActive: propIsActive,
+      isDisabled = disabled,
+      label,
+      onFocus,
+      onKeyPress,
+      tabIndex = -1
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+  const state = useTabProviderContext('tab', id);
+  const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
+  const changeToCurrentTab = useCallback(() => {
+    if (isDisabled) {
+      return;
+    }
+    state === null || state === void 0 ? void 0 : state.changeToTab();
+  }, [isDisabled, state]);
+  const handleFocus = useCallback(event => {
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+    if (state !== null && state !== void 0 && state.shouldActivateOnFocus) {
+      changeToCurrentTab();
+    }
+  }, [changeToCurrentTab, onFocus, state === null || state === void 0 ? void 0 : state.shouldActivateOnFocus]);
+  const handleKeyPress = useCallback(event => {
+    onKeyPress === null || onKeyPress === void 0 ? void 0 : onKeyPress(event);
+    if (event.key !== 'Enter') {
+      return;
+    }
+    changeToCurrentTab();
+  }, [changeToCurrentTab, onKeyPress]);
+  return /*#__PURE__*/React__default.createElement("button", _extends({
+    ref: ref
+  }, forwardedProps, {
+    type: "button",
+    id: state === null || state === void 0 ? void 0 : state.tabId,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME$1,
+      isActive,
+      isDisabled
+    })),
+    onClick: changeToCurrentTab,
+    onKeyPress: handleKeyPress,
+    onFocus: handleFocus,
+    role: "tab",
+    tabIndex: isActive ? 0 : tabIndex,
+    "aria-disabled": isDisabled,
+    "aria-selected": isActive,
+    "aria-controls": state === null || state === void 0 ? void 0 : state.tabPanelId
+  }), icon && /*#__PURE__*/React__default.createElement(Icon, _extends({
+    icon: icon,
+    size: Size.xs
+  }, iconProps)), label && /*#__PURE__*/React__default.createElement(Text, {
+    as: "span",
+    truncate: true
+  }, label));
+});
+Tab.displayName = COMPONENT_NAME$1;
+Tab.className = CLASSNAME$1;
+Tab.defaultProps = DEFAULT_PROPS$1;
+
+const _excluded = ["children", "id", "className", "isActive"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'TabPanel';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = `${CSS_PREFIX}-tab-panel`;
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * TabPanel component.
+ *
+ * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const TabPanel = forwardRef((props, ref) => {
+  const {
+      children,
+      id,
+      className,
+      isActive: propIsActive
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const state = useTabProviderContext('tabPanel', id);
+  const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    id: state === null || state === void 0 ? void 0 : state.tabPanelId,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      isActive
+    })),
+    role: "tabpanel",
+    tabIndex: isActive ? 0 : -1,
+    "aria-labelledby": state === null || state === void 0 ? void 0 : state.tabId
+  }), (!(state !== null && state !== void 0 && state.isLazy) || isActive) && children);
+});
+TabPanel.displayName = COMPONENT_NAME;
+TabPanel.className = CLASSNAME;
+TabPanel.defaultProps = DEFAULT_PROPS;
+
+export { Tab, TabList, TabListLayout, TabPanel, TabProvider };
+//# sourceMappingURL=index.ts-713119f4.js.map

package/_internal/components/tabs/index.ts-713119f4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-713119f4.js","sources":["../../../../src/components/tabs/TabProvider.tsx","../../../../src/components/tabs/TabList.tsx","../../../../src/components/tabs/Tab.tsx","../../../../src/components/tabs/TabPanel.tsx"],"sourcesContent":["import React, { 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: 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            onChange(state.activeTabIndex);\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/react/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/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,\n        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 React, { 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/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\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 {\n        className,\n        disabled,\n        icon,\n        iconProps = {},\n        id,\n        isActive: propIsActive,\n        isDisabled = disabled,\n        label,\n        onFocus,\n        onKeyPress,\n        tabIndex = -1,\n        ...forwardedProps\n    } = props;\n    const state = useTabProviderContext('tab', id);\n    const isActive = propIsActive || state?.isActive;\n\n    const changeToCurrentTab = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n        state?.changeToTab();\n    }, [isDisabled, 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') {\n                return;\n            }\n            changeToCurrentTab();\n        },\n        [changeToCurrentTab, onKeyPress],\n    );\n\n    return (\n        <button\n            ref={ref}\n            {...forwardedProps}\n            type=\"button\"\n            id={state?.tabId}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, isActive, isDisabled }))}\n            onClick={changeToCurrentTab}\n            onKeyPress={handleKeyPress}\n            onFocus={handleFocus}\n            role=\"tab\"\n            tabIndex={isActive ? 0 : tabIndex}\n            aria-disabled={isDisabled}\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 React from 'react';\n\nimport 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/react/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}\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","_objectWithoutProperties","_excluded","state","dispatch","useReducer","reducer","useEffect","type","payload","Object","values","activeTabIndex","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","disabled","icon","iconProps","id","isActive","propIsActive","isDisabled","label","onFocus","onKeyPress","tabIndex","useTabProviderContext","changeToCurrentTab","useCallback","changeToTab","handleFocus","event","handleKeyPress","key","tabId","onClick","tabPanelId","Icon","size","Size","xs","Text","as","truncate","TabPanel"],"mappings":"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"}

package/_internal/components/tabs/index.ts-dbfc48d9.d.ts

@@ -0,0 +1,106 @@
+import React, { ReactNode } from 'react';
+import { G as GenericProps, H as HasTheme, A as Alignment, C as Comp } from '../../8d67e1e3.js';
+import { IconProps } from '../icon/index.ts-b3fa5e15.js';
+
+interface TabProviderProps {
+    /** Active tab index. */
+    activeTabIndex?: number;
+    /** Tab provider children. */
+    children: ReactNode;
+    /** Tab panel children should not render if the tab panel is hidden. */
+    isLazy?: boolean;
+    /** Activate tabs on focus. */
+    shouldActivateOnFocus?: boolean;
+    /** Tab change callback. */
+    onChange?(index: number): void;
+}
+/**
+ * This component provides a context in which tabs can be defined and linked to their tab panel.
+ *
+ * It does not produce any markup so you can wrap it around any React elements and then split the TabList and TabPanel
+ * components in the react tree.
+ *
+ * @param  props React component props.
+ * @return React element.
+ */
+declare const TabProvider: React.FC<TabProviderProps>;
+
+declare enum TabListLayout {
+    clustered = "clustered",
+    fixed = "fixed"
+}
+/**
+ * Defines the props of the component.
+ */
+interface TabListProps extends GenericProps, HasTheme {
+    /** ARIA label (purpose of the set of tabs). */
+    ['aria-label']: string;
+    /** Tab list. */
+    children: ReactNode;
+    /** Layout of the tabs in the list. */
+    layout?: TabListLayout;
+    /** Position of the tabs in the list (requires 'clustered' layout). */
+    position?: Alignment;
+}
+/**
+ * TabList component.
+ *
+ * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const TabList: Comp<TabListProps, HTMLDivElement>;
+
+/**
+ * Defines the props of the component.
+ */
+interface TabProps extends GenericProps {
+    /** Children are not supported. */
+    children?: never;
+    /** Icon (SVG path). */
+    icon?: IconProps['icon'];
+    /** Icon component properties. */
+    iconProps?: Omit<IconProps, 'icon'>;
+    /** Native id property. */
+    id?: string;
+    /** Whether the tab is active or not. */
+    isActive?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Label content. */
+    label: string | ReactNode;
+}
+/**
+ * Tab component.
+ *
+ * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Tab: Comp<TabProps, HTMLButtonElement>;
+
+/**
+ * Defines the props of the component.
+ */
+interface TabPanelProps extends GenericProps {
+    /** Native id property */
+    id?: string;
+    /** Whether the tab is active or not. */
+    isActive?: boolean;
+}
+/**
+ * TabPanel component.
+ *
+ * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const TabPanel: Comp<TabPanelProps, HTMLDivElement>;
+
+export { Tab, TabList, TabListLayout, type TabListProps, TabPanel, type TabPanelProps, type TabProps, TabProvider, type TabProviderProps };

package/_internal/components/text/index.ts-6afbe8cd.js

@@ -0,0 +1,2 @@
+export { T as Text } from '../../53c94227.js';
+//# sourceMappingURL=index.ts-6afbe8cd.js.map

package/_internal/components/text/index.ts-6afbe8cd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-6afbe8cd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/text/index.ts-8a812048.d.ts

@@ -0,0 +1,53 @@
+import { G as GenericProps, a as ColorPalette, f as ColorVariant, k as Typography, n as TextElement, W as WhiteSpace, C as Comp } from '../../8d67e1e3.js';
+import 'react';
+
+/**
+ * Defines the props of the component.
+ */
+interface TextProps extends GenericProps {
+    /**
+     * Color variant.
+     */
+    color?: ColorPalette;
+    /**
+     * Lightened or darkened variant of the selected color.
+     */
+    colorVariant?: ColorVariant;
+    /**
+     * Typography variant.
+     */
+    typography?: Typography;
+    /**
+     * Custom component to render the text.
+     */
+    as: TextElement;
+    /**
+     * Control whether the text should truncate or not.
+     * Setting as `true` will make the text truncate on a single line.
+     * Setting as `{ lines: number }` will make the text truncate on a multiple lines.
+     */
+    truncate?: boolean | {
+        lines: number;
+    };
+    /**
+     * Prevents text to wrap on multiple lines
+     * (automatically activated when single line text truncate is activated).
+     */
+    noWrap?: boolean;
+    /**
+     * WhiteSpace variant
+     * Ignored when `noWrap` is set to true
+     * Ignored when `truncate` is set to true or lines: 1
+     * */
+    whiteSpace?: WhiteSpace;
+}
+/**
+ * Text component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Text: Comp<TextProps, HTMLElement>;
+
+export { Text, type TextProps };

package/_internal/components/text-field/index.ts-92e6b3b3.d.ts

@@ -0,0 +1,77 @@
+import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
+import React, { ReactNode, Ref, SyntheticEvent } from 'react';
+import { I as IconButtonProps } from '../../dc3e28c8.js';
+import { InputLabelProps } from '../input-label/index.ts-86f2ea41.js';
+import '../../7f022f8c.js';
+import '../tooltip/index.ts-c6931e9e.js';
+import '../../f5ff1aa4.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface TextFieldProps extends GenericProps, HasTheme {
+    /** Chip Group to be rendered before the main text input. */
+    chips?: HTMLElement | ReactNode;
+    /** Props to pass to the clear button (minus those already set by the TextField props). If not specified, the button won't be displayed. */
+    clearButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
+    /** Error message. */
+    error?: string | ReactNode;
+    /** Whether we force the focus style or not. */
+    forceFocusStyle?: boolean;
+    /** Whether the text field is displayed with error style or not. */
+    hasError?: boolean;
+    /** Additional element to put at the end of the text field. */
+    afterElement?: ReactNode;
+    /** Helper text. */
+    helper?: string | ReactNode;
+    /** Icon (SVG path). */
+    icon?: string;
+    /** Native input id property (generated if not provided to link the label element). */
+    id?: string;
+    /** Reference to the <input> or <textarea> element. */
+    inputRef?: Ref<HTMLInputElement | HTMLTextAreaElement>;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+    /** Whether the text field is displayed with valid style or not. */
+    isValid?: boolean;
+    /** Label text. */
+    label?: string;
+    /** Additional label props. */
+    labelProps?: InputLabelProps;
+    /** Max string length the input accepts (constrains the input and displays a character counter). */
+    maxLength?: number;
+    /** Minimum number of rows displayed in multiline mode (requires `multiline` to be enabled). */
+    minimumRows?: number;
+    /** Whether the text field is a textarea or an input. */
+    multiline?: boolean;
+    /** Native input name property. */
+    name?: string;
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Reference to the wrapper. */
+    textFieldRef?: Ref<HTMLDivElement>;
+    /** Native input type (only when `multiline` is disabled). */
+    type?: React.ComponentProps<'input'>['type'];
+    /** Value. */
+    value?: string;
+    /** On blur callback. */
+    onBlur?(event: React.FocusEvent): void;
+    /** On change callback. */
+    onChange(value: string, name?: string, event?: SyntheticEvent): void;
+    /** On clear callback. */
+    onClear?(event?: SyntheticEvent): void;
+    /** On focus callback. */
+    onFocus?(event: React.FocusEvent): void;
+}
+/**
+ * TextField component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
+
+export { TextField, type TextFieldProps };