@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.35

package/_internal/packages/lumx-react/src/components/select/SelectMultiple-d7fa1cf7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectMultiple-d7fa1cf7.js","sources":["../../../../../../../src/components/select/SelectMultiple.tsx"],"sourcesContent":["import { ReactNode, RefObject, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiClose, mdiCloseCircle, mdiMenuDown } from '@lumx/icons';\nimport { Size, Theme } from '@lumx/core/js/constants';\nimport { Chip } from '@lumx/react/components/chip/Chip';\nimport { Icon } from '@lumx/react/components/icon/Icon';\nimport { InputLabel } from '@lumx/react/components/input-label/InputLabel';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { WithSelectContext } from './WithSelectContext';\nimport { CoreSelectProps, SelectVariant } from './constants';\n\n/** Defines the props of the component. */\nexport interface SelectMultipleProps extends CoreSelectProps {\n    /** Selected values. */\n    value: string[];\n    /** Selected value render function. Default: Renders the value inside of a Chip. */\n    selectedChipRender?(\n        choice: string,\n        index: number,\n        onClear?: (event: SyntheticEvent, choice: string) => void,\n        isDisabled?: boolean,\n        theme?: any,\n    ): ReactNode | string;\n}\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/** The default value of props. */\nconst DEFAULT_PROPS: Partial<SelectMultipleProps> = {\n    selectedChipRender(choice, index, onClear, isDisabled?, theme?) {\n        const onClick = (event: React.MouseEvent) => onClear && onClear(event, choice);\n        return (\n            <Chip\n                key={index}\n                after={onClear && <Icon icon={mdiClose} size={Size.xxs} />}\n                isDisabled={isDisabled}\n                size={Size.s}\n                onAfterClick={onClick}\n                onClick={onClick}\n                theme={theme}\n            >\n                {choice}\n            </Chip>\n        );\n    },\n    selectedValueRender: (choice) => choice,\n    variant: SelectVariant.input,\n};\n\nexport const SelectMultipleField: React.FC<SelectMultipleProps> = (props) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorRef,\n        handleKeyboardNav,\n        hasError,\n        icon,\n        id,\n        isDisabled,\n        isEmpty,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onInputClick,\n        placeholder,\n        selectedChipRender,\n        selectedValueRender,\n        theme = defaultTheme,\n        value,\n        variant,\n        selectElementRef,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <>\n            {variant === SelectVariant.input && (\n                <>\n                    {label && (\n                        <div className={`${CLASSNAME}__header`}>\n                            <InputLabel\n                                htmlFor={id}\n                                className={`${CLASSNAME}__label`}\n                                isRequired={isRequired}\n                                theme={theme}\n                            >\n                                {label}\n                            </InputLabel>\n                        </div>\n                    )}\n\n                    {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n                    <div\n                        ref={mergeRefs(anchorRef as RefObject<HTMLDivElement>, selectElementRef)}\n                        id={id}\n                        className={`${CLASSNAME}__wrapper`}\n                        onClick={onInputClick}\n                        onKeyDown={handleKeyboardNav}\n                        tabIndex={isDisabled ? undefined : 0}\n                        aria-disabled={isDisabled || undefined}\n                        {...forwardedProps}\n                    >\n                        {icon && (\n                            <Icon\n                                className={`${CLASSNAME}__input-icon`}\n                                color={theme === Theme.dark ? 'light' : undefined}\n                                icon={icon}\n                                size={Size.xs}\n                            />\n                        )}\n\n                        <div className={`${CLASSNAME}__chips`}>\n                            {!isEmpty &&\n                                value.map((val, index) => selectedChipRender?.(val, index, onClear, isDisabled, theme))}\n                        </div>\n\n                        {isEmpty && placeholder && (\n                            <div\n                                className={classNames([\n                                    `${CLASSNAME}__input-native`,\n                                    `${CLASSNAME}__input-native--placeholder`,\n                                ])}\n                            >\n                                <span>{placeholder}</span>\n                            </div>\n                        )}\n\n                        {(isValid || hasError) && (\n                            <div className={`${CLASSNAME}__input-validity`}>\n                                <Icon icon={isValid ? mdiCheckCircle : mdiAlertCircle} size={Size.xxs} />\n                            </div>\n                        )}\n\n                        <div className={`${CLASSNAME}__input-indicator`}>\n                            <Icon icon={mdiMenuDown} size={Size.s} />\n                        </div>\n                    </div>\n                </>\n            )}\n\n            {variant === SelectVariant.chip && (\n                <Chip\n                    id={id}\n                    isSelected={!isEmpty}\n                    isDisabled={isDisabled}\n                    after={<Icon icon={isEmpty ? mdiMenuDown : mdiCloseCircle} />}\n                    onAfterClick={isEmpty ? onInputClick : onClear}\n                    onClick={onInputClick}\n                    ref={mergeRefs(anchorRef as RefObject<HTMLAnchorElement>, selectElementRef)}\n                    theme={theme}\n                    {...forwardedProps}\n                >\n                    {isEmpty && <span>{label}</span>}\n\n                    {!isEmpty && (\n                        <span>\n                            <span>{selectedValueRender?.(value[0])}</span>\n\n                            {value.length > 1 && <span>&nbsp;+{value.length - 1}</span>}\n                        </span>\n                    )}\n                </Chip>\n            )}\n        </>\n    );\n};\n\n/**\n * SelectMultiple component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SelectMultiple = forwardRef<SelectMultipleProps, HTMLDivElement>((props, ref) => {\n    return WithSelectContext(\n        SelectMultipleField,\n        {\n            ...DEFAULT_PROPS,\n            ...props,\n            className: classNames(\n                props.className,\n                handleBasicClasses({\n                    hasMultiple: !props.isEmpty,\n                    prefix: CLASSNAME,\n                }),\n            ),\n            isEmpty: props.value.length === 0,\n            isMultiple: true,\n        },\n        ref,\n    );\n});\nSelectMultiple.displayName = COMPONENT_NAME;\nSelectMultiple.className = CLASSNAME;\nSelectMultiple.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","selectedChipRender","choice","index","onClear","isDisabled","theme","onClick","event","_jsx","Chip","after","Icon","icon","mdiClose","size","Size","xxs","s","onAfterClick","children","selectedValueRender","variant","SelectVariant","input","SelectMultipleField","props","defaultTheme","useTheme","anchorRef","handleKeyboardNav","hasError","id","isEmpty","isRequired","isValid","label","onInputClick","placeholder","value","selectElementRef","forwardedProps","_jsxs","_Fragment","className","InputLabel","htmlFor","ref","mergeRefs","onKeyDown","tabIndex","undefined","color","Theme","dark","xs","map","val","classNames","mdiCheckCircle","mdiAlertCircle","mdiMenuDown","chip","isSelected","mdiCloseCircle","length","SelectMultiple","forwardRef","WithSelectContext","handleBasicClasses","hasMultiple","prefix","isMultiple","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/select/WithSelectContext-864d6be2.js

@@ -1,128 +0,0 @@
-import classNames from 'classnames';
-import { useRef, useCallback } from 'react';
-import { Theme, Kind } from '@lumx/core/js/constants';
-import { Dropdown } from '../dropdown/Dropdown-ae2605cb.js';
-import { InputHelper } from '../input-helper/InputHelper-a6c7ec2d.js';
-import { useFocusTrap } from '../../hooks/useFocusTrap-3a8a959d.js';
-import { useListenFocus } from '../../hooks/useListenFocus-bb5fb0f9.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { mergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { useId } from '../../hooks/useId-11687649.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Placement } from '../popover/constants-9d063548.js';
-
-/** The display name of the component. */
-const COMPONENT_NAME = 'Select';
-
-/** The default class name and classes prefix for this component. */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-const WithSelectContext = (SelectElement, props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    children,
-    className,
-    focusElement,
-    isMultiple,
-    closeOnClick = !isMultiple,
-    disabled,
-    error,
-    hasError,
-    helper,
-    id,
-    isDisabled = disabled,
-    isEmpty,
-    isOpen,
-    isRequired,
-    isValid,
-    label,
-    onClear,
-    onDropdownClose,
-    onInfiniteScroll,
-    onInputClick,
-    placeholder,
-    theme = defaultTheme,
-    value,
-    variant,
-    ...forwardedProps
-  } = props;
-  const generatedSelectId = useId();
-  const selectId = id || generatedSelectId;
-  const anchorRef = useRef(null);
-  const selectRef = useRef(null);
-  const dropdownRef = useRef(null);
-  const isFocus = useListenFocus(anchorRef);
-  const handleKeyboardNav = useCallback(evt => {
-    if ((evt.key === 'Enter' || evt.key === ' ' || evt.key === 'ArrowDown') && onInputClick) {
-      evt.preventDefault();
-      onInputClick();
-    }
-  }, [onInputClick]);
-  const onClose = () => {
-    if (onDropdownClose) {
-      onDropdownClose();
-    }
-    anchorRef?.current?.blur();
-  };
-
-  // Handle focus trap.
-  useFocusTrap(isOpen && dropdownRef.current, focusElement?.current);
-  return /*#__PURE__*/jsxs("div", {
-    ref: mergeRefs(ref, selectRef),
-    className: classNames(className, handleBasicClasses({
-      hasError,
-      hasLabel: Boolean(label),
-      hasPlaceholder: Boolean(placeholder),
-      hasValue: !isEmpty,
-      isDisabled,
-      isEmpty,
-      isFocus,
-      isOpen,
-      isValid,
-      prefix: CLASSNAME,
-      theme: theme === Theme.light ? Theme.light : Theme.dark
-    })),
-    children: [/*#__PURE__*/jsx(SelectElement, {
-      ...forwardedProps,
-      anchorRef: anchorRef,
-      "aria-disabled": isDisabled,
-      handleKeyboardNav: handleKeyboardNav,
-      hasError: hasError,
-      isDisabled: isDisabled,
-      isEmpty: isEmpty,
-      isRequired: isRequired,
-      isValid: isValid,
-      label: label,
-      placeholder: placeholder,
-      id: selectId,
-      theme: theme,
-      value: value,
-      variant: variant,
-      onClear: onClear,
-      onInputClick: onInputClick
-    }), /*#__PURE__*/jsx(Dropdown, {
-      anchorRef: anchorRef,
-      closeOnClick: closeOnClick,
-      closeOnClickAway: true,
-      closeOnEscape: true,
-      isOpen: !!isOpen,
-      placement: Placement.BOTTOM_START,
-      onClose: onClose,
-      onInfiniteScroll: onInfiniteScroll,
-      ref: dropdownRef,
-      children: children
-    }), hasError && error && /*#__PURE__*/jsx(InputHelper, {
-      className: `${CLASSNAME}__helper`,
-      kind: Kind.error,
-      theme: theme,
-      children: error
-    }), helper && /*#__PURE__*/jsx(InputHelper, {
-      className: `${CLASSNAME}__helper`,
-      theme: theme,
-      children: helper
-    })]
-  });
-};
-
-export { WithSelectContext };
-//# sourceMappingURL=WithSelectContext-864d6be2.js.map

package/_internal/packages/lumx-react/src/components/select/WithSelectContext-864d6be2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WithSelectContext-864d6be2.js","sources":["../../../../../../../src/components/select/WithSelectContext.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Ref, useCallback, useRef } from 'react';\n\nimport { Placement } from '@lumx/react';\nimport { Kind, Theme } from '@lumx/core/js/constants';\nimport { Dropdown } from '@lumx/react/components/dropdown/Dropdown';\nimport { InputHelper } from '@lumx/react/components/input-helper/InputHelper';\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\nimport { useListenFocus } from '@lumx/react/hooks/useListenFocus';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\n\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { CoreSelectProps } from './constants';\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const WithSelectContext = (\n    SelectElement: React.FC<any>,\n    props: CoreSelectProps,\n    ref: Ref<HTMLDivElement>,\n): React.ReactElement => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        children,\n        className,\n        focusElement,\n        isMultiple,\n        closeOnClick = !isMultiple,\n        disabled,\n        error,\n        hasError,\n        helper,\n        id,\n        isDisabled = disabled,\n        isEmpty,\n        isOpen,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onDropdownClose,\n        onInfiniteScroll,\n        onInputClick,\n        placeholder,\n        theme = defaultTheme,\n        value,\n        variant,\n        ...forwardedProps\n    } = props;\n    const generatedSelectId = useId();\n    const selectId = id || generatedSelectId;\n    const anchorRef = useRef<HTMLElement>(null);\n    const selectRef = useRef<HTMLDivElement>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const isFocus = useListenFocus(anchorRef);\n\n    const handleKeyboardNav = useCallback(\n        (evt: React.KeyboardEvent<HTMLElement>) => {\n            if ((evt.key === 'Enter' || evt.key === ' ' || evt.key === 'ArrowDown') && onInputClick) {\n                evt.preventDefault();\n                onInputClick();\n            }\n        },\n        [onInputClick],\n    );\n\n    const onClose = () => {\n        if (onDropdownClose) {\n            onDropdownClose();\n        }\n        anchorRef?.current?.blur();\n    };\n\n    // Handle focus trap.\n    useFocusTrap(isOpen && dropdownRef.current, focusElement?.current);\n\n    return (\n        <div\n            ref={mergeRefs(ref, selectRef)}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    hasError,\n                    hasLabel: Boolean(label),\n                    hasPlaceholder: Boolean(placeholder),\n                    hasValue: !isEmpty,\n                    isDisabled,\n                    isEmpty,\n                    isFocus,\n                    isOpen,\n                    isValid,\n                    prefix: CLASSNAME,\n                    theme: theme === Theme.light ? Theme.light : Theme.dark,\n                }),\n            )}\n        >\n            <SelectElement\n                {...forwardedProps}\n                anchorRef={anchorRef}\n                aria-disabled={isDisabled}\n                handleKeyboardNav={handleKeyboardNav}\n                hasError={hasError}\n                isDisabled={isDisabled}\n                isEmpty={isEmpty}\n                isRequired={isRequired}\n                isValid={isValid}\n                label={label}\n                placeholder={placeholder}\n                id={selectId}\n                theme={theme}\n                value={value}\n                variant={variant}\n                onClear={onClear}\n                onInputClick={onInputClick}\n            />\n            <Dropdown\n                anchorRef={anchorRef}\n                closeOnClick={closeOnClick}\n                closeOnClickAway\n                closeOnEscape\n                isOpen={!!isOpen}\n                placement={Placement.BOTTOM_START}\n                onClose={onClose}\n                onInfiniteScroll={onInfiniteScroll}\n                ref={dropdownRef}\n            >\n                {children}\n            </Dropdown>\n            {hasError && error && (\n                <InputHelper className={`${CLASSNAME}__helper`} kind={Kind.error} theme={theme}>\n                    {error}\n                </InputHelper>\n            )}\n            {helper && (\n                <InputHelper className={`${CLASSNAME}__helper`} theme={theme}>\n                    {helper}\n                </InputHelper>\n            )}\n        </div>\n    );\n};\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","WithSelectContext","SelectElement","props","ref","defaultTheme","useTheme","Theme","light","children","className","focusElement","isMultiple","closeOnClick","disabled","error","hasError","helper","id","isDisabled","isEmpty","isOpen","isRequired","isValid","label","onClear","onDropdownClose","onInfiniteScroll","onInputClick","placeholder","theme","value","variant","forwardedProps","generatedSelectId","useId","selectId","anchorRef","useRef","selectRef","dropdownRef","isFocus","useListenFocus","handleKeyboardNav","useCallback","evt","key","preventDefault","onClose","current","blur","useFocusTrap","_jsxs","mergeRefs","classNames","handleBasicClasses","hasLabel","Boolean","hasPlaceholder","hasValue","prefix","dark","_jsx","Dropdown","closeOnClickAway","closeOnEscape","placement","Placement","BOTTOM_START","InputHelper","kind","Kind"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/select/constants-5178b7ba.js

@@ -1,10 +0,0 @@
-/**
- * Select variants.
- */
-const SelectVariant = {
-  input: 'input',
-  chip: 'chip'
-};
-
-export { SelectVariant };
-//# sourceMappingURL=constants-5178b7ba.js.map

package/_internal/packages/lumx-react/src/components/select/constants-5178b7ba.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-5178b7ba.js","sources":["../../../../../../../src/components/select/constants.ts"],"sourcesContent":["import { IconButtonProps } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { ReactNode, SyntheticEvent } from 'react';\n\n/**\n * Select variants.\n */\nexport const SelectVariant = { input: 'input', chip: 'chip' } as const;\nexport type SelectVariant = ValueOf<typeof SelectVariant>;\n\nexport interface CoreSelectProps extends GenericProps, HasTheme {\n    /** Props to pass to the clear button (minus those already set by the Select props). If not specified, the button won't be displayed. */\n    clearButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /** Whether the select (input variant) is displayed with error style or not. */\n    hasError?: boolean;\n    /** Error message. */\n    error?: string | ReactNode;\n    /** Helper text. */\n    helper?: string;\n    /** Whether the select should close on click. */\n    closeOnClick?: boolean;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is required or not. */\n    isRequired?: boolean;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the select (input variant) is displayed with valid style or not. */\n    isValid?: boolean;\n    /** Label text. */\n    label?: string;\n    /** Placeholder input text. */\n    placeholder?: string;\n    /** Select variant. */\n    variant?: SelectVariant;\n    /** On clear callback. */\n    onClear?(event: SyntheticEvent, value?: string): void;\n    /** On blur callback. */\n    onBlur?(): void;\n    /** On filter text change callback (with 500ms debounce). */\n    onFilter?(): void;\n    /** On input click callback (can be used for dropdown toggle). */\n    onInputClick?(): void;\n    /** On dropdown close callback. */\n    onDropdownClose?(): void;\n    /** On scroll end callback. */\n    onInfiniteScroll?(): void;\n    /** Render value function. Default: Renders the value as a string. */\n    selectedValueRender?(choice: string): ReactNode | string;\n    /** Children */\n    children?: React.ReactNode;\n}\n"],"names":["SelectVariant","input","chip"],"mappings":"AAIA;AACA;AACA;AACO,MAAMA,aAAa,GAAG;AAAEC,EAAAA,KAAK,EAAE,OAAO;AAAEC,EAAAA,IAAI,EAAE,MAAA;AAAO;;;;"}

package/_internal/packages/lumx-react/src/components/side-navigation/SideNavigation-b3267a19.js

@@ -1,48 +0,0 @@
-import { Children } from 'react';
-import classNames from 'classnames';
-import { isComponent } from '../../utils/type/isComponent-ebe24fd7.js';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-import { SideNavigationItem } from './SideNavigationItem-2de35ba7.js';
-import { Theme } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SideNavigation';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * SideNavigation component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SideNavigation = forwardRef((props, ref) => {
-  const defaultTheme = useTheme();
-  const {
-    children,
-    className,
-    theme = defaultTheme,
-    ...forwardedProps
-  } = props;
-  const content = Children.toArray(children).filter(isComponent(SideNavigationItem));
-  return /*#__PURE__*/jsx("ul", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, theme === Theme.dark && 'lumx-color-font-light-N', CLASSNAME),
-    children: content
-  });
-});
-SideNavigation.displayName = COMPONENT_NAME;
-SideNavigation.className = CLASSNAME;
-
-export { SideNavigation };
-//# sourceMappingURL=SideNavigation-b3267a19.js.map

package/_internal/packages/lumx-react/src/components/side-navigation/SideNavigation-b3267a19.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavigation-b3267a19.js","sources":["../../../../../../../src/components/side-navigation/SideNavigation.tsx"],"sourcesContent":["import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { SideNavigationItem, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName } 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 SideNavigationProps extends GenericProps, HasTheme {\n    /** SideNavigationItem elements. */\n    children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SideNavigation';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SideNavigation component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SideNavigation = forwardRef<SideNavigationProps, HTMLUListElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const { children, className, theme = defaultTheme, ...forwardedProps } = props;\n    const content = Children.toArray(children).filter(isComponent(SideNavigationItem));\n\n    return (\n        <ul\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, theme === Theme.dark && 'lumx-color-font-light-N', CLASSNAME)}\n        >\n            {content}\n        </ul>\n    );\n});\nSideNavigation.displayName = COMPONENT_NAME;\nSideNavigation.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","SideNavigation","forwardRef","props","ref","defaultTheme","useTheme","children","className","theme","forwardedProps","content","Children","toArray","filter","isComponent","SideNavigationItem","_jsx","classNames","Theme","dark","displayName"],"mappings":";;;;;;;;;;AAkBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,gBAAgB,CAAA;;AAEvC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAGC,UAAU,CAAwC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAC5F,EAAA,MAAMC,YAAY,GAAGC,QAAQ,EAAE,CAAA;EAC/B,MAAM;IAAEC,QAAQ;IAAEC,SAAS;AAAEC,IAAAA,KAAK,GAAGJ,YAAY;IAAE,GAAGK,cAAAA;AAAe,GAAC,GAAGP,KAAK,CAAA;AAC9E,EAAA,MAAMQ,OAAO,GAAGC,QAAQ,CAACC,OAAO,CAACN,QAAQ,CAAC,CAACO,MAAM,CAACC,WAAW,CAACC,kBAAkB,CAAC,CAAC,CAAA;AAElF,EAAA,oBACIC,GAAA,CAAA,IAAA,EAAA;AACIb,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLM,cAAc;AAClBF,IAAAA,SAAS,EAAEU,UAAU,CAACV,SAAS,EAAEC,KAAK,KAAKU,KAAK,CAACC,IAAI,IAAI,yBAAyB,EAAErB,SAAS,CAAE;AAAAQ,IAAAA,QAAA,EAE9FI,OAAAA;AAAO,GACR,CAAC,CAAA;AAEb,CAAC,EAAC;AACFV,cAAc,CAACoB,WAAW,GAAGvB,cAAc,CAAA;AAC3CG,cAAc,CAACO,SAAS,GAAGT,SAAS;;;;"}

package/_internal/packages/lumx-react/src/components/side-navigation/SideNavigationItem-2de35ba7.js

@@ -1,130 +0,0 @@
-import { Children } from 'react';
-import classNames from 'classnames';
-import isEmpty from 'lodash/isEmpty';
-import { isComponent } from '../../utils/type/isComponent-ebe24fd7.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useId } from '../../hooks/useId-11687649.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { RawClickable } from '../../utils/react/RawClickable-e5e3e5c6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Emphasis, Size } from '@lumx/core/js/constants';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-import { IconButton } from '../button/IconButton-a740ce59.js';
-import { mdiChevronUp } from '../../../../lumx-icons/dist/esm/chevron-up-0846b7f3.js';
-import { mdiChevronDown } from '../../../../lumx-icons/dist/esm/chevron-down-256f8eff.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SideNavigationItem';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  emphasis: Emphasis.high,
-  closeMode: 'unmount'
-};
-
-/**
- * SideNavigationItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SideNavigationItem = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    emphasis = DEFAULT_PROPS.emphasis,
-    icon,
-    isOpen,
-    isSelected,
-    label,
-    linkAs,
-    linkProps,
-    onActionClick,
-    onClick,
-    toggleButtonProps,
-    closeMode = DEFAULT_PROPS.closeMode,
-    ...forwardedProps
-  } = props;
-  const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));
-  const hasContent = !isEmpty(content);
-  const shouldSplitActions = Boolean(onActionClick);
-  const showChildren = hasContent && isOpen;
-  const contentId = useId();
-  const ariaProps = {};
-  if (hasContent) {
-    ariaProps['aria-expanded'] = !!showChildren;
-    // Associate with content ID only if in DOM (shown or hidden and not unmounted)
-    ariaProps['aria-controls'] = showChildren || closeMode === 'hide' ? contentId : undefined;
-  }
-  return /*#__PURE__*/jsxs("li", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      emphasis,
-      isOpen: showChildren,
-      isSelected,
-      prefix: CLASSNAME
-    })),
-    children: [shouldSplitActions ? /*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__wrapper`,
-      children: [/*#__PURE__*/jsxs(RawClickable, {
-        as: linkAs || (linkProps?.href ? 'a' : 'button'),
-        ...linkProps,
-        className: `${CLASSNAME}__link`,
-        onClick: onClick,
-        children: [icon && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME}__icon`,
-          icon: icon,
-          size: Size.xs
-        }), /*#__PURE__*/jsx("span", {
-          children: label
-        })]
-      }), /*#__PURE__*/jsx(IconButton, {
-        ...toggleButtonProps,
-        className: `${CLASSNAME}__toggle`,
-        icon: isOpen ? mdiChevronUp : mdiChevronDown,
-        size: Size.m,
-        emphasis: Emphasis.low,
-        onClick: onActionClick,
-        ...ariaProps
-      })]
-    }) : /*#__PURE__*/jsxs(RawClickable, {
-      as: linkAs || (linkProps?.href ? 'a' : 'button'),
-      ...linkProps,
-      className: `${CLASSNAME}__link`,
-      onClick: onClick,
-      ...ariaProps,
-      children: [icon && /*#__PURE__*/jsx(Icon, {
-        className: `${CLASSNAME}__icon`,
-        icon: icon,
-        size: Size.xs
-      }), /*#__PURE__*/jsx("span", {
-        children: label
-      }), hasContent && /*#__PURE__*/jsx(Icon, {
-        className: `${CLASSNAME}__chevron`,
-        icon: isOpen ? mdiChevronUp : mdiChevronDown,
-        size: Size.xs
-      })]
-    }), (closeMode === 'hide' || showChildren) && /*#__PURE__*/jsx("ul", {
-      className: `${CLASSNAME}__children`,
-      id: contentId,
-      children: content
-    })]
-  });
-});
-SideNavigationItem.displayName = COMPONENT_NAME;
-SideNavigationItem.className = CLASSNAME;
-SideNavigationItem.defaultProps = DEFAULT_PROPS;
-
-export { SideNavigationItem };
-//# sourceMappingURL=SideNavigationItem-2de35ba7.js.map

package/_internal/packages/lumx-react/src/components/side-navigation/SideNavigationItem-2de35ba7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavigationItem-2de35ba7.js","sources":["../../../../../../../src/components/side-navigation/SideNavigationItem.tsx"],"sourcesContent":["import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\nimport { Emphasis, Icon, Size, IconButton, IconButtonProps } from '@lumx/react';\nimport { GenericProps, HasCloseMode, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\n\n/**\n * Defines the props of the component.\n */\nexport interface SideNavigationItemProps extends GenericProps, HasCloseMode {\n    /** SideNavigationItem elements. */\n    children?: ReactNode;\n    /** Emphasis variant. */\n    emphasis?: Emphasis;\n    /** Label content. */\n    label: string | ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n    /** Props to pass to the link (minus those already set by the SideNavigationItem props). */\n    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n    /** Props to pass to the toggle button (minus those already set by the SideNavigationItem props). */\n    toggleButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color' | 'size'>;\n    /** On action button click callback. */\n    onActionClick?(evt: React.MouseEvent): void;\n    /** On click callback. */\n    onClick?(evt: React.MouseEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SideNavigationItem';\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<SideNavigationItemProps> = {\n    emphasis: Emphasis.high,\n    closeMode: 'unmount',\n};\n\n/**\n * SideNavigationItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SideNavigationItem = forwardRef<SideNavigationItemProps, HTMLLIElement>((props, ref) => {\n    const {\n        children,\n        className,\n        emphasis = DEFAULT_PROPS.emphasis,\n        icon,\n        isOpen,\n        isSelected,\n        label,\n        linkAs,\n        linkProps,\n        onActionClick,\n        onClick,\n        toggleButtonProps,\n        closeMode = DEFAULT_PROPS.closeMode,\n        ...forwardedProps\n    } = props;\n\n    const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));\n    const hasContent = !isEmpty(content);\n    const shouldSplitActions = Boolean(onActionClick);\n    const showChildren = hasContent && isOpen;\n\n    const contentId = useId();\n    const ariaProps: any = {};\n    if (hasContent) {\n        ariaProps['aria-expanded'] = !!showChildren;\n        // Associate with content ID only if in DOM (shown or hidden and not unmounted)\n        ariaProps['aria-controls'] = showChildren || closeMode === 'hide' ? contentId : undefined;\n    }\n\n    return (\n        <li\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    emphasis,\n                    isOpen: showChildren,\n                    isSelected,\n                    prefix: CLASSNAME,\n                }),\n            )}\n        >\n            {shouldSplitActions ? (\n                <div className={`${CLASSNAME}__wrapper`}>\n                    <RawClickable\n                        as={linkAs || (linkProps?.href ? 'a' : 'button')}\n                        {...(linkProps as any)}\n                        className={`${CLASSNAME}__link`}\n                        onClick={onClick}\n                    >\n                        {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} />}\n                        <span>{label}</span>\n                    </RawClickable>\n\n                    <IconButton\n                        {...toggleButtonProps}\n                        className={`${CLASSNAME}__toggle`}\n                        icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                        size={Size.m}\n                        emphasis={Emphasis.low}\n                        onClick={onActionClick}\n                        {...ariaProps}\n                    />\n                </div>\n            ) : (\n                <RawClickable\n                    as={linkAs || (linkProps?.href ? 'a' : 'button')}\n                    {...linkProps}\n                    className={`${CLASSNAME}__link`}\n                    onClick={onClick}\n                    {...ariaProps}\n                >\n                    {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} />}\n                    <span>{label}</span>\n                    {hasContent && (\n                        <Icon\n                            className={`${CLASSNAME}__chevron`}\n                            icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                            size={Size.xs}\n                        />\n                    )}\n                </RawClickable>\n            )}\n\n            {(closeMode === 'hide' || showChildren) && (\n                <ul className={`${CLASSNAME}__children`} id={contentId}>\n                    {content}\n                </ul>\n            )}\n        </li>\n    );\n});\nSideNavigationItem.displayName = COMPONENT_NAME;\nSideNavigationItem.className = CLASSNAME;\nSideNavigationItem.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","emphasis","Emphasis","high","closeMode","SideNavigationItem","forwardRef","props","ref","children","className","icon","isOpen","isSelected","label","linkAs","linkProps","onActionClick","onClick","toggleButtonProps","forwardedProps","content","Children","toArray","filter","isComponent","hasContent","isEmpty","shouldSplitActions","Boolean","showChildren","contentId","useId","ariaProps","undefined","_jsxs","classNames","handleBasicClasses","prefix","RawClickable","as","href","_jsx","Icon","size","Size","xs","IconButton","mdiChevronUp","mdiChevronDown","m","low","id","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/skeleton/SkeletonCircle-9ff29a07.js

@@ -1,52 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-import { Theme } from '@lumx/core/js/constants';
-
-const DEFAULT_PROPS = {};
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SkeletonCircle';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * SkeletonCircle component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SkeletonCircle = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    size,
-    color,
-    theme = defaultTheme,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      size,
-      color,
-      theme
-    }))
-  });
-});
-SkeletonCircle.displayName = COMPONENT_NAME;
-SkeletonCircle.defaultProps = DEFAULT_PROPS;
-SkeletonCircle.className = CLASSNAME;
-
-export { SkeletonCircle };
-//# sourceMappingURL=SkeletonCircle-9ff29a07.js.map

package/_internal/packages/lumx-react/src/components/skeleton/SkeletonCircle-9ff29a07.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonCircle-9ff29a07.js","sources":["../../../../../../../src/components/skeleton/SkeletonCircle.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GlobalSize, Theme, ColorPalette } 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 SkeletonCircleProps extends GenericProps, HasTheme {\n    /** Size variant. */\n    size: GlobalSize;\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonCircleProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonCircle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonCircle component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonCircle = forwardRef<SkeletonCircleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, size, color, theme = defaultTheme, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, size, color, theme }))}\n        />\n    );\n});\nSkeletonCircle.displayName = COMPONENT_NAME;\nSkeletonCircle.defaultProps = DEFAULT_PROPS;\nSkeletonCircle.className = CLASSNAME;\n"],"names":["DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","SkeletonCircle","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","size","color","theme","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;;AAkBA,MAAMA,aAA2C,GAAG,EAAE,CAAA;;AAEtD;AACA;AACA;AACA,MAAMC,cAAc,GAAG,gBAAgB,CAAA;;AAEvC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAGC,UAAU,CAAsC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1F,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,KAAK;AAAEC,IAAAA,KAAK,GAAGP,YAAY;IAAE,GAAGQ,cAAAA;AAAe,GAAC,GAAGV,KAAK,CAAA;AAEjF,EAAA,oBACIW,GAAA,CAAA,KAAA,EAAA;AACIV,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLS,cAAc;AAClBJ,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAElB,SAAS;MAAEW,IAAI;MAAEC,KAAK;AAAEC,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GACnG,CAAC,CAAA;AAEV,CAAC,EAAC;AACFX,cAAc,CAACiB,WAAW,GAAGpB,cAAc,CAAA;AAC3CG,cAAc,CAACkB,YAAY,GAAGtB,aAAa,CAAA;AAC3CI,cAAc,CAACQ,SAAS,GAAGV,SAAS;;;;"}

package/_internal/packages/lumx-react/src/components/skeleton/SkeletonRectangle-4d602e83.js

@@ -1,73 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-import { Theme } from '@lumx/core/js/constants';
-
-const SkeletonRectangleVariant = {
-  squared: 'squared',
-  rounded: 'rounded',
-  pill: 'pill'
-};
-
-/**
- * Defines the props of the component.
- */
-
-const DEFAULT_PROPS = {
-  variant: SkeletonRectangleVariant.squared
-};
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SkeletonRectangle';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * SkeletonRectangle component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SkeletonRectangle = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    aspectRatio,
-    className,
-    height,
-    theme = defaultTheme,
-    variant = DEFAULT_PROPS.variant,
-    width,
-    color,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      aspectRatio,
-      height: aspectRatio ? undefined : height,
-      theme,
-      variant,
-      width,
-      color
-    })),
-    children: /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__inner`
-    })
-  });
-});
-SkeletonRectangle.displayName = COMPONENT_NAME;
-SkeletonRectangle.className = CLASSNAME;
-SkeletonRectangle.defaultProps = DEFAULT_PROPS;
-
-export { SkeletonRectangle, SkeletonRectangleVariant };
-//# sourceMappingURL=SkeletonRectangle-4d602e83.js.map

package/_internal/packages/lumx-react/src/components/skeleton/SkeletonRectangle-4d602e83.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonRectangle-4d602e83.js","sources":["../../../../../../../src/components/skeleton/SkeletonRectangle.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { AspectRatio, GlobalSize, Theme, ColorPalette } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } 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 * Skeleton variants.\n */\nexport const SkeletonRectangleVariant = { squared: 'squared', rounded: 'rounded', pill: 'pill' } as const;\nexport type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface SkeletonRectangleProps extends GenericProps, HasTheme {\n    /** Aspect ratio (use with width and not height). */\n    aspectRatio?: Extract<AspectRatio, 'square' | 'horizontal' | 'vertical' | 'wide'>;\n    /** Height size. */\n    height?: GlobalSize;\n    /** Border variant. */\n    variant?: SkeletonRectangleVariant;\n    /** Width size. */\n    width?: GlobalSize;\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonRectangleProps> = {\n    variant: SkeletonRectangleVariant.squared,\n};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonRectangle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonRectangle component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonRectangle = forwardRef<SkeletonRectangleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        aspectRatio,\n        className,\n        height,\n        theme = defaultTheme,\n        variant = DEFAULT_PROPS.variant,\n        width,\n        color,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    aspectRatio,\n                    height: aspectRatio ? undefined : height,\n                    theme,\n                    variant,\n                    width,\n                    color,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__inner`} />\n        </div>\n    );\n});\nSkeletonRectangle.displayName = COMPONENT_NAME;\nSkeletonRectangle.className = CLASSNAME;\nSkeletonRectangle.defaultProps = DEFAULT_PROPS;\n"],"names":["SkeletonRectangleVariant","squared","rounded","pill","DEFAULT_PROPS","variant","COMPONENT_NAME","CLASSNAME","getRootClassName","SkeletonRectangle","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","aspectRatio","className","height","theme","width","color","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","undefined","children","displayName","defaultProps"],"mappings":";;;;;;;AAWO,MAAMA,wBAAwB,GAAG;AAAEC,EAAAA,OAAO,EAAE,SAAS;AAAEC,EAAAA,OAAO,EAAE,SAAS;AAAEC,EAAAA,IAAI,EAAE,MAAA;AAAO,EAAU;;AAGzG;AACA;AACA;;AAcA,MAAMC,aAA8C,GAAG;EACnDC,OAAO,EAAEL,wBAAwB,CAACC,OAAAA;AACtC,CAAC,CAAA;;AAED;AACA;AACA;AACA,MAAMK,cAAc,GAAG,mBAAmB,CAAA;;AAE1C;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,iBAAiB,GAAGC,UAAU,CAAyC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChG,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFC,WAAW;IACXC,SAAS;IACTC,MAAM;AACNC,IAAAA,KAAK,GAAGP,YAAY;IACpBR,OAAO,GAAGD,aAAa,CAACC,OAAO;IAC/BgB,KAAK;IACLC,KAAK;IACL,GAAGC,cAAAA;AACP,GAAC,GAAGZ,KAAK,CAAA;AAET,EAAA,oBACIa,GAAA,CAAA,KAAA,EAAA;AACIZ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLW,cAAc;AAClBL,IAAAA,SAAS,EAAEO,UAAU,CACjBP,SAAS,EACTQ,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEpB,SAAS;MACjBU,WAAW;AACXE,MAAAA,MAAM,EAAEF,WAAW,GAAGW,SAAS,GAAGT,MAAM;MACxCC,KAAK;MACLf,OAAO;MACPgB,KAAK;AACLC,MAAAA,KAAAA;AACJ,KAAC,CACL,CAAE;AAAAO,IAAAA,QAAA,eAEFL,GAAA,CAAA,KAAA,EAAA;MAAKN,SAAS,EAAE,GAAGX,SAAS,CAAA,OAAA,CAAA;KAAY,CAAA;AAAC,GACxC,CAAC,CAAA;AAEd,CAAC,EAAC;AACFE,iBAAiB,CAACqB,WAAW,GAAGxB,cAAc,CAAA;AAC9CG,iBAAiB,CAACS,SAAS,GAAGX,SAAS,CAAA;AACvCE,iBAAiB,CAACsB,YAAY,GAAG3B,aAAa;;;;"}

package/_internal/packages/lumx-react/src/components/skeleton/SkeletonTypography-2b402be3.js

@@ -1,60 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-import { Theme } from '@lumx/core/js/constants';
-
-const DEFAULT_PROPS = {};
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SkeletonTypography';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * SkeletonTypography component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SkeletonTypography = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    theme = defaultTheme,
-    typography,
-    width,
-    color,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme,
-      typography,
-      color
-    })),
-    style: {
-      ...forwardedProps.style,
-      width
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__inner`
-    })
-  });
-});
-SkeletonTypography.displayName = COMPONENT_NAME;
-SkeletonTypography.defaultProps = DEFAULT_PROPS;
-SkeletonTypography.className = CLASSNAME;
-
-export { SkeletonTypography };
-//# sourceMappingURL=SkeletonTypography-2b402be3.js.map

package/_internal/packages/lumx-react/src/components/skeleton/SkeletonTypography-2b402be3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonTypography-2b402be3.js","sources":["../../../../../../../src/components/skeleton/SkeletonTypography.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme, TypographyInterface, ColorPalette } 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 SkeletonTypographyProps extends GenericProps, HasTheme {\n    /** Typography variant. */\n    typography: TypographyInterface;\n    /** Width CSS property. */\n    width?: CSSProperties['width'];\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonTypographyProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonTypography';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonTypography component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonTypography = forwardRef<SkeletonTypographyProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, typography, width, color, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, typography, color }))}\n            style={{ ...forwardedProps.style, width }}\n        >\n            <div className={`${CLASSNAME}__inner`} />\n        </div>\n    );\n});\nSkeletonTypography.displayName = COMPONENT_NAME;\nSkeletonTypography.defaultProps = DEFAULT_PROPS;\nSkeletonTypography.className = CLASSNAME;\n"],"names":["DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","SkeletonTypography","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","typography","width","color","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","style","children","displayName","defaultProps"],"mappings":";;;;;;;AAsBA,MAAMA,aAA+C,GAAG,EAAE,CAAA;;AAE1D;AACA;AACA;AACA,MAAMC,cAAc,GAAG,oBAAoB,CAAA;;AAE3C;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,kBAAkB,GAAGC,UAAU,CAA0C,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClG,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,SAAS;AAAEC,IAAAA,KAAK,GAAGL,YAAY;IAAEM,UAAU;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGX,KAAK,CAAA;AAE9F,EAAA,oBACIY,GAAA,CAAA,KAAA,EAAA;AACIX,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLU,cAAc;AAClBL,IAAAA,SAAS,EAAEO,UAAU,CAACP,SAAS,EAAEQ,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEnB,SAAS;MAAEW,KAAK;MAAEC,UAAU;AAAEE,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAE;AACtGM,IAAAA,KAAK,EAAE;MAAE,GAAGL,cAAc,CAACK,KAAK;AAAEP,MAAAA,KAAAA;KAAQ;AAAAQ,IAAAA,QAAA,eAE1CL,GAAA,CAAA,KAAA,EAAA;MAAKN,SAAS,EAAE,GAAGV,SAAS,CAAA,OAAA,CAAA;KAAY,CAAA;AAAC,GACxC,CAAC,CAAA;AAEd,CAAC,EAAC;AACFE,kBAAkB,CAACoB,WAAW,GAAGvB,cAAc,CAAA;AAC/CG,kBAAkB,CAACqB,YAAY,GAAGzB,aAAa,CAAA;AAC/CI,kBAAkB,CAACQ,SAAS,GAAGV,SAAS;;;;"}