@lumx/react 3.20.1-alpha.10 → 3.20.1-alpha.11

package/_internal/e53b5a39.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e53b5a39.js","sources":["../../../lumx-icons/dist/esm/menu-down.js","../../src/hooks/useListenFocus.tsx","../../src/components/select/WithSelectContext.tsx","../../src/components/select/constants.ts","../../src/components/select/Select.tsx","../../src/components/select/SelectMultiple.tsx"],"sourcesContent":["export const mdiMenuDown = 'm7 10 5 5 5-5z';","import { RefObject, useEffect, useState } from 'react';\n\n/**\n * Listen on element focus to store the focus status.\n */\nexport function useListenFocus(ref: RefObject<HTMLElement>) {\n    const [isFocus, setFocus] = useState(false);\n\n    useEffect(() => {\n        const { current: element } = ref;\n        if (!element) {\n            return undefined;\n        }\n\n        const onFocus = () => setFocus(true);\n        const onBlur = () => setFocus(false);\n        element.addEventListener('focus', onFocus);\n        element.addEventListener('blur', onBlur);\n        return () => {\n            element.removeEventListener('focus', onFocus);\n            element.removeEventListener('blur', onBlur);\n        };\n    }, [ref, setFocus]);\n\n    return isFocus;\n}\n","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","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","import { RefObject } from 'react';\n\nimport classNames from 'classnames';\nimport lodashIsEmpty from 'lodash/isEmpty';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiCloseCircle, mdiMenuDown } from '@lumx/icons';\nimport { Emphasis, Size, Theme } from '@lumx/core/js/constants';\nimport { IconButton } from '@lumx/react/components/button/IconButton';\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 { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { WithSelectContext } from './WithSelectContext';\nimport { CoreSelectProps, SelectVariant } from './constants';\n\n/** Defines the props of the component. */\nexport interface SelectProps extends CoreSelectProps {\n    /** Selected value. */\n    value: string;\n}\n\nexport { SelectVariant };\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<SelectProps> = {\n    selectedValueRender: (choice) => choice,\n    variant: SelectVariant.input,\n};\n\nconst stopPropagation = (evt: Event) => evt.stopPropagation();\n\n/**\n * Select component.\n */\nconst SelectField: React.FC<SelectProps> = (props) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorRef,\n        clearButtonProps,\n        handleKeyboardNav,\n        hasError,\n        hasInputClear,\n        icon,\n        id,\n        isDisabled,\n        isEmpty,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onInputClick,\n        placeholder,\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\n                            className={classNames([\n                                `${CLASSNAME}__input-native`,\n                                isEmpty && placeholder && `${CLASSNAME}__input-native--placeholder`,\n                            ])}\n                        >\n                            {!isEmpty && <span>{selectedValueRender?.(value)}</span>}\n\n                            {isEmpty && placeholder && <span>{placeholder}</span>}\n                        </div>\n\n                        {(isValid || hasError) && (\n                            <div className={`${CLASSNAME}__input-validity`}>\n                                <Icon icon={isValid ? mdiCheckCircle : mdiAlertCircle} size={Size.xxs} />\n                            </div>\n                        )}\n\n                        {hasInputClear && clearButtonProps && (\n                            <IconButton\n                                {...clearButtonProps}\n                                className={`${CLASSNAME}__input-clear`}\n                                icon={mdiCloseCircle}\n                                emphasis={Emphasis.low}\n                                size={Size.s}\n                                theme={theme}\n                                onClick={onClear}\n                                onKeyDown={stopPropagation}\n                            />\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 && <span>{selectedValueRender?.(value)}</span>}\n                </Chip>\n            )}\n        </>\n    );\n};\n\n/**\n * Select component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Select = forwardRef<SelectProps, HTMLDivElement>((props, ref) => {\n    const isEmpty = lodashIsEmpty(props.value);\n    const hasInputClear = props.onClear && props.clearButtonProps && !isEmpty;\n\n    return WithSelectContext(\n        SelectField,\n        {\n            ...DEFAULT_PROPS,\n            ...props,\n            className: classNames(\n                props.className,\n                handleBasicClasses({\n                    hasInputClear,\n                    hasUnique: !props.isEmpty,\n                    prefix: CLASSNAME,\n                }),\n            ),\n            hasInputClear,\n            isEmpty,\n        },\n        ref,\n    );\n});\nSelect.displayName = COMPONENT_NAME;\nSelect.className = CLASSNAME;\nSelect.defaultProps = DEFAULT_PROPS;\nSelect.className = CLASSNAME;\n","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":["mdiMenuDown","useListenFocus","ref","isFocus","setFocus","useState","useEffect","current","element","undefined","onFocus","onBlur","addEventListener","removeEventListener","COMPONENT_NAME","CLASSNAME","getRootClassName","WithSelectContext","SelectElement","props","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","handleKeyboardNav","useCallback","evt","key","preventDefault","onClose","blur","useFocusTrap","React","createElement","mergeRefs","classNames","handleBasicClasses","hasLabel","Boolean","hasPlaceholder","hasValue","prefix","dark","_extends","Dropdown","closeOnClickAway","closeOnEscape","placement","Placement","BOTTOM_START","InputHelper","kind","Kind","SelectVariant","input","chip","DEFAULT_PROPS","selectedValueRender","choice","stopPropagation","SelectField","clearButtonProps","hasInputClear","icon","selectElementRef","Fragment","InputLabel","htmlFor","onClick","onKeyDown","tabIndex","Icon","color","size","Size","xs","mdiCheckCircle","mdiAlertCircle","xxs","IconButton","mdiCloseCircle","emphasis","Emphasis","low","s","Chip","isSelected","after","onAfterClick","Select","forwardRef","lodashIsEmpty","hasUnique","displayName","defaultProps","selectedChipRender","index","event","mdiClose","SelectMultipleField","map","val","length","SelectMultiple","hasMultiple"],"mappings":"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"}

package/_internal/e566d502.js

@@ -0,0 +1,54 @@
+import { m as getRootClassName, n as forwardRef, b as Theme, j as ColorPalette, _ as _extends, l as classNames, c as Size } from './d3321a86.js';
+import { h as handleBasicClasses } from './4ceaf17c.js';
+import { u as useTheme } from './3181f000.js';
+import { I as Icon } from './4e1dde79.js';
+import { T as Text } from './8fcceef3.js';
+
+const COMPONENT_NAME = 'Flag';
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+const DEFAULT_PROPS = {};
+
+/**
+ * Flag component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Flag = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    label,
+    icon,
+    color,
+    className,
+    theme = defaultTheme,
+    truncate,
+    ...forwardedProps
+  } = props;
+  const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
+  const isTruncated = !!truncate;
+  return /*#__PURE__*/React.createElement("div", _extends({}, forwardedProps, {
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      color: flagColor,
+      isTruncated
+    })),
+    ref: ref
+  }), icon && /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: Size.xxs,
+    className: `${CLASSNAME}__icon`
+  }), /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    truncate: isTruncated,
+    typography: "overline",
+    className: `${CLASSNAME}__label`
+  }, label));
+});
+Flag.displayName = COMPONENT_NAME;
+Flag.className = CLASSNAME;
+Flag.defaultProps = DEFAULT_PROPS;
+
+export { Flag };
+//# sourceMappingURL=e566d502.js.map

package/_internal/e566d502.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e566d502.js","sources":["../../src/components/flag/Flag.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { ColorPalette, Icon, Size, Theme, Text } 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\nexport interface FlagProps extends GenericProps, HasTheme {\n    /** Color of the component. */\n    color?: ColorPalette;\n    /** Icon to use before the label. */\n    icon?: string;\n    /** Text label of the flag. */\n    label: React.ReactNode;\n    /** Enable text truncate on overflow */\n    truncate?: boolean;\n}\n\nconst COMPONENT_NAME = 'Flag';\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\nconst DEFAULT_PROPS: Partial<FlagProps> = {};\n\n/**\n * Flag component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Flag = forwardRef<FlagProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { label, icon, color, className, theme = defaultTheme, truncate, ...forwardedProps } = props;\n    const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);\n    const isTruncated = !!truncate;\n\n    return (\n        <div\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color: flagColor, isTruncated }))}\n            ref={ref}\n        >\n            {icon && <Icon icon={icon} size={Size.xxs} className={`${CLASSNAME}__icon`} />}\n            <Text as=\"span\" truncate={isTruncated} typography=\"overline\" className={`${CLASSNAME}__label`}>\n                {label}\n            </Text>\n        </div>\n    );\n});\nFlag.displayName = COMPONENT_NAME;\nFlag.className = CLASSNAME;\nFlag.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Flag","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","label","icon","color","className","theme","truncate","forwardedProps","flagColor","ColorPalette","dark","isTruncated","React","createElement","_extends","classNames","handleBasicClasses","prefix","Icon","size","Size","xxs","Text","as","typography","displayName","defaultProps"],"mappings":";;;;;;AAmBA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;AAClD,MAAMG,aAAiC,GAAG,EAAE,CAAA;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAGC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;AAAEC,IAAAA,KAAK,GAAGR,YAAY;IAAES,QAAQ;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGZ,KAAK,CAAA;AAClG,EAAA,MAAMa,SAAS,GAAGL,KAAK,KAAKE,KAAK,KAAKN,KAAK,CAACC,KAAK,GAAGS,YAAY,CAACC,IAAI,GAAGD,YAAY,CAACT,KAAK,CAAC,CAAA;AAC3F,EAAA,MAAMW,WAAW,GAAG,CAAC,CAACL,QAAQ,CAAA;AAE9B,EAAA,oBACIM,KAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,QAAA,KACQP,cAAc,EAAA;AAClBH,IAAAA,SAAS,EAAEW,UAAU,CAACX,SAAS,EAAEY,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAE3B,SAAS;AAAEa,MAAAA,KAAK,EAAEK,SAAS;AAAEG,MAAAA,WAAAA;AAAY,KAAC,CAAC,CAAE;AAC3Gf,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERM,IAAI,iBAAIU,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAAChB,IAAAA,IAAI,EAAEA,IAAK;IAACiB,IAAI,EAAEC,IAAI,CAACC,GAAI;IAACjB,SAAS,EAAE,GAAGd,SAAS,CAAA,MAAA,CAAA;AAAS,GAAE,CAAC,eAC9EsB,KAAA,CAAAC,aAAA,CAACS,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACjB,IAAAA,QAAQ,EAAEK,WAAY;AAACa,IAAAA,UAAU,EAAC,UAAU;IAACpB,SAAS,EAAE,GAAGd,SAAS,CAAA,OAAA,CAAA;GAC/EW,EAAAA,KACC,CACL,CAAC,CAAA;AAEd,CAAC,EAAC;AACFR,IAAI,CAACgC,WAAW,GAAGpC,cAAc,CAAA;AACjCI,IAAI,CAACW,SAAS,GAAGd,SAAS,CAAA;AAC1BG,IAAI,CAACiC,YAAY,GAAGlC,aAAa;;;;"}

package/_internal/e806b848.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+/**
+ * Similar to `isComponent` but more precise as it's not based on the component `displayName` but on the component function reference.
+ */
+const isComponentType = type => node => /*#__PURE__*/React__default.isValidElement(node) && node.type === type;
+
+export { isComponentType as i };
+//# sourceMappingURL=e806b848.js.map

package/_internal/e806b848.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e806b848.js","sources":["../../src/utils/type/isComponentType.ts"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\n\n/**\n * Similar to `isComponent` but more precise as it's not based on the component `displayName` but on the component function reference.\n */\nexport const isComponentType =\n    (type: ReactElement['type']) =>\n    (node: ReactNode): node is ReactElement =>\n        React.isValidElement(node) && node.type === type;\n"],"names":["isComponentType","type","node","React","isValidElement"],"mappings":";;AAEA;AACA;AACA;MACaA,eAAe,GACvBC,IAA0B,IAC1BC,IAAe,iBACZC,cAAK,CAACC,cAAc,CAACF,IAAI,CAAC,IAAIA,IAAI,CAACD,IAAI,KAAKA;;;;"}

package/_internal/eaf6c45a.js

@@ -0,0 +1,4 @@
+const mdiClose = 'M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z';
+
+export { mdiClose as m };
+//# sourceMappingURL=eaf6c45a.js.map

package/_internal/eaf6c45a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eaf6c45a.js","sources":["../../../lumx-icons/dist/esm/close.js"],"sourcesContent":["export const mdiClose = 'M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z';"],"names":["mdiClose"],"mappings":"AAAO,MAAMA,QAAQ,GAAG;;;;"}

package/_internal/ee64ab0d.js

@@ -0,0 +1,149 @@
+import { m as getRootClassName, i as AspectRatio, c as Size, n as forwardRef, b as Theme, _ as _extends, l as classNames } from './d3321a86.js';
+import React__default from 'react';
+import { h as handleBasicClasses } from './4ceaf17c.js';
+import { u as useBooleanState } from './2a3d237c.js';
+import { u as useId } from './3a1facc0.js';
+import { u as useTheme } from './3181f000.js';
+import { V as VISUALLY_HIDDEN } from './b3bfbe72.js';
+import { u as useDisableStateProps } from './60923026.js';
+import { I as Icon } from './4e1dde79.js';
+
+/**
+ * Uploader variants.
+ */
+const UploaderVariant = {
+  square: 'square',
+  rounded: 'rounded',
+  circle: 'circle'
+};
+
+/**
+ * Uploader sizes.
+ */
+
+/**
+ * Extend native HTML input props with specialized `onChange` providing the a `File` array.
+ */
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Uploader';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  aspectRatio: AspectRatio.horizontal,
+  size: Size.xl,
+  variant: UploaderVariant.square
+};
+
+/**
+ * Uploader component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Uploader = forwardRef((props, ref) => {
+  const {
+    disabledStateProps,
+    otherProps,
+    isAnyDisabled
+  } = useDisableStateProps(props);
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    aspectRatio = DEFAULT_PROPS.aspectRatio,
+    className,
+    label,
+    icon,
+    size = DEFAULT_PROPS.size,
+    theme = defaultTheme,
+    variant = DEFAULT_PROPS.variant,
+    fileInputProps,
+    onClick,
+    ...forwardedProps
+  } = otherProps;
+  // Adjust to square aspect ratio when using circle variants.
+  const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;
+  const handleClick = React__default.useCallback(evt => {
+    if (isAnyDisabled) {
+      evt.preventDefault();
+    } else {
+      onClick?.(evt);
+    }
+  }, [isAnyDisabled, onClick]);
+  const generatedInputId = useId();
+  const inputId = fileInputProps?.id || generatedInputId;
+  const [isDragHovering, unsetDragHovering, setDragHovering] = useBooleanState(false);
+  const wrapper = fileInputProps ? {
+    Component: 'label',
+    props: {
+      htmlFor: inputId
+    }
+  } : {
+    Component: 'button',
+    props: {
+      type: 'button',
+      ...disabledStateProps
+    }
+  };
+  const onChange = React__default.useMemo(() => {
+    if (isAnyDisabled || !fileInputProps?.onChange) return undefined;
+    return evt => {
+      const fileList = evt.target.files;
+      const files = fileList ? Array.from(fileList) : [];
+      fileInputProps.onChange(files, evt);
+    };
+  }, [isAnyDisabled, fileInputProps]);
+  return /*#__PURE__*/React__default.createElement(wrapper.Component, _extends({
+    ref: ref
+  }, wrapper.props, forwardedProps, {
+    onClick: handleClick,
+    className: classNames(className, handleBasicClasses({
+      aspectRatio: adjustedAspectRatio,
+      prefix: CLASSNAME,
+      size,
+      theme,
+      variant,
+      isDragHovering,
+      isDisabled: isAnyDisabled
+    }))
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: `${CLASSNAME}__background`
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: `${CLASSNAME}__wrapper`
+  }, icon && /*#__PURE__*/React__default.createElement(Icon, {
+    className: `${CLASSNAME}__icon`,
+    icon: icon,
+    size: Size.s
+  }), label && /*#__PURE__*/React__default.createElement("span", {
+    className: `${CLASSNAME}__label`
+  }, label)), fileInputProps && /*#__PURE__*/React__default.createElement("input", _extends({
+    type: "file",
+    id: inputId,
+    className: `${CLASSNAME}__input ${VISUALLY_HIDDEN}`
+  }, disabledStateProps, fileInputProps, {
+    readOnly: isAnyDisabled,
+    onChange: onChange,
+    onDragEnter: setDragHovering,
+    onDragLeave: unsetDragHovering,
+    onDrop: unsetDragHovering
+  })));
+});
+Uploader.displayName = COMPONENT_NAME;
+Uploader.className = CLASSNAME;
+Uploader.defaultProps = DEFAULT_PROPS;
+
+export { Uploader, UploaderVariant };
+//# sourceMappingURL=ee64ab0d.js.map

package/_internal/ee64ab0d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ee64ab0d.js","sources":["../../src/components/uploader/Uploader.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AspectRatio, Icon, Size, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useBooleanState } from '@lumx/react/hooks/useBooleanState';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled';\nimport { VISUALLY_HIDDEN } from '@lumx/react/constants';\n\n/**\n * Uploader variants.\n */\nexport const UploaderVariant = {\n    square: 'square',\n    rounded: 'rounded',\n    circle: 'circle',\n} as const;\nexport type UploaderVariant = ValueOf<typeof UploaderVariant>;\n\n/**\n * Uploader sizes.\n */\nexport type UploaderSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Extend native HTML input props with specialized `onChange` providing the a `File` array.\n */\ninterface FileInputProps extends Omit<React.ComponentProps<'input'>, 'onChange'> {\n    onChange(files: File[], evt: React.ChangeEvent<HTMLInputElement>): void;\n}\n\n/**\n * Defines the props of the component.\n */\nexport interface UploaderProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** Image aspect ratio. */\n    aspectRatio?: AspectRatio;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Disabled state */\n    isDisabled?: boolean;\n    /** Label text. */\n    label?: string;\n    /** Size variant. */\n    size?: UploaderSize;\n    /** Variant. */\n    variant?: UploaderVariant;\n    /** On click callback. */\n    onClick?: MouseEventHandler;\n    /** Handle file selection with a native input file. */\n    fileInputProps?: FileInputProps;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Uploader';\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<UploaderProps> = {\n    aspectRatio: AspectRatio.horizontal,\n    size: Size.xl,\n    variant: UploaderVariant.square,\n};\n\n/**\n * Uploader component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Uploader = forwardRef<UploaderProps>((props, ref) => {\n    const { disabledStateProps, otherProps, isAnyDisabled } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        aspectRatio = DEFAULT_PROPS.aspectRatio,\n        className,\n        label,\n        icon,\n        size = DEFAULT_PROPS.size,\n        theme = defaultTheme,\n        variant = DEFAULT_PROPS.variant,\n        fileInputProps,\n        onClick,\n        ...forwardedProps\n    } = otherProps;\n    // Adjust to square aspect ratio when using circle variants.\n    const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;\n\n    const handleClick: React.MouseEventHandler = React.useCallback(\n        (evt) => {\n            if (isAnyDisabled) {\n                evt.preventDefault();\n            } else {\n                onClick?.(evt);\n            }\n        },\n        [isAnyDisabled, onClick],\n    );\n\n    const generatedInputId = useId();\n    const inputId = fileInputProps?.id || generatedInputId;\n    const [isDragHovering, unsetDragHovering, setDragHovering] = useBooleanState(false);\n    const wrapper = fileInputProps\n        ? ({ Component: 'label', props: { htmlFor: inputId } } as const)\n        : ({ Component: 'button', props: { type: 'button', ...disabledStateProps } } as const);\n\n    const onChange = React.useMemo(() => {\n        if (isAnyDisabled || !fileInputProps?.onChange) return undefined;\n        return (evt: React.ChangeEvent<HTMLInputElement>) => {\n            const fileList = evt.target.files;\n            const files = fileList ? Array.from(fileList) : [];\n            fileInputProps.onChange(files, evt);\n        };\n    }, [isAnyDisabled, fileInputProps]);\n\n    return (\n        <wrapper.Component\n            ref={ref as any}\n            {...wrapper.props}\n            {...forwardedProps}\n            onClick={handleClick}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    aspectRatio: adjustedAspectRatio,\n                    prefix: CLASSNAME,\n                    size,\n                    theme,\n                    variant,\n                    isDragHovering,\n                    isDisabled: isAnyDisabled,\n                }),\n            )}\n        >\n            <span className={`${CLASSNAME}__background`} />\n\n            <span className={`${CLASSNAME}__wrapper`}>\n                {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.s} />}\n\n                {label && <span className={`${CLASSNAME}__label`}>{label}</span>}\n            </span>\n\n            {fileInputProps && (\n                <input\n                    type=\"file\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input ${VISUALLY_HIDDEN}`}\n                    {...disabledStateProps}\n                    {...fileInputProps}\n                    readOnly={isAnyDisabled}\n                    onChange={onChange}\n                    onDragEnter={setDragHovering}\n                    onDragLeave={unsetDragHovering}\n                    onDrop={unsetDragHovering}\n                />\n            )}\n        </wrapper.Component>\n    );\n});\nUploader.displayName = COMPONENT_NAME;\nUploader.className = CLASSNAME;\nUploader.defaultProps = DEFAULT_PROPS;\n"],"names":["UploaderVariant","square","rounded","circle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","aspectRatio","AspectRatio","horizontal","size","Size","xl","variant","Uploader","forwardRef","props","ref","disabledStateProps","otherProps","isAnyDisabled","useDisableStateProps","defaultTheme","useTheme","Theme","light","className","label","icon","theme","fileInputProps","onClick","forwardedProps","adjustedAspectRatio","handleClick","React","useCallback","evt","preventDefault","generatedInputId","useId","inputId","id","isDragHovering","unsetDragHovering","setDragHovering","useBooleanState","wrapper","Component","htmlFor","type","onChange","useMemo","undefined","fileList","target","files","Array","from","createElement","_extends","classNames","handleBasicClasses","prefix","isDisabled","Icon","s","VISUALLY_HIDDEN","readOnly","onDragEnter","onDragLeave","onDrop","displayName","defaultProps"],"mappings":"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"}

package/_internal/ef5d1aac.js

@@ -0,0 +1,4 @@
+const mdiCloseCircle = 'M12 2a10 10 0 1 1 0 20 10 10 0 1 1 0-20m3.59 5L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z';
+
+export { mdiCloseCircle as m };
+//# sourceMappingURL=ef5d1aac.js.map

package/_internal/ef5d1aac.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ef5d1aac.js","sources":["../../../lumx-icons/dist/esm/close-circle.js"],"sourcesContent":["export const mdiCloseCircle = 'M12 2a10 10 0 1 1 0 20 10 10 0 1 1 0-20m3.59 5L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z';"],"names":["mdiCloseCircle"],"mappings":"AAAO,MAAMA,cAAc,GAAG;;;;"}

package/_internal/f0d7d6ea.js

@@ -0,0 +1,30 @@
+import { useMemo } from 'react';
+
+/**
+ * Merge refs into a single function ref.
+ *
+ * @param  refs React references to merge.
+ * @return the merged ref.
+ */
+function mergeRefs(...refs) {
+  return value => refs.forEach(ref => {
+    if (typeof ref === 'function') {
+      ref(value);
+    } else if (ref) {
+      // eslint-disable-next-line no-param-reassign
+      ref.current = value;
+    }
+  });
+}
+
+/**
+ * Same as `mergeRefs` but memoized
+ */
+const useMergeRefs = (...refs) => {
+  return useMemo(() => mergeRefs(...refs),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  refs);
+};
+
+export { mergeRefs as m, useMergeRefs as u };
+//# sourceMappingURL=f0d7d6ea.js.map

package/_internal/f0d7d6ea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"f0d7d6ea.js","sources":["../../src/utils/react/mergeRefs.ts"],"sourcesContent":["import { Falsy } from '@lumx/react/utils/type';\nimport { MutableRefObject, useMemo } from 'react';\n\ntype FnRef<T> = (value: T) => void;\n\n/**\n * Merge refs into a single function ref.\n *\n * @param  refs React references to merge.\n * @return the merged ref.\n */\nexport function mergeRefs<T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>): FnRef<T> {\n    return (value) =>\n        refs.forEach((ref) => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref) {\n                // eslint-disable-next-line no-param-reassign\n                (ref as MutableRefObject<T>).current = value;\n            }\n        });\n}\n\n/**\n * Same as `mergeRefs` but memoized\n */\nexport const useMergeRefs = <T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>) => {\n    return useMemo(\n        () => mergeRefs(...refs),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    );\n};\n"],"names":["mergeRefs","refs","value","forEach","ref","current","useMergeRefs","useMemo"],"mappings":";;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CAAI,GAAGC,IAA0D,EAAY;AAClG,EAAA,OAAQC,KAAK,IACTD,IAAI,CAACE,OAAO,CAAEC,GAAG,IAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACF,KAAK,CAAC,CAAA;KACb,MAAM,IAAIE,GAAG,EAAE;AACZ;MACCA,GAAG,CAAyBC,OAAO,GAAGH,KAAK,CAAA;AAChD,KAAA;AACJ,GAAC,CAAC,CAAA;AACV,CAAA;;AAEA;AACA;AACA;MACaI,YAAY,GAAGA,CAAI,GAAGL,IAA0D,KAAK;AAC9F,EAAA,OAAOM,OAAO,CACV,MAAMP,SAAS,CAAC,GAAGC,IAAI,CAAC;AACxB;AACAA,EAAAA,IACJ,CAAC,CAAA;AACL;;;;"}

package/_internal/f57d4eb8.js

@@ -0,0 +1,53 @@
+import { m as getRootClassName, n as forwardRef, _ as _extends, l as classNames, b as Theme, j as ColorPalette, c as Size } from './d3321a86.js';
+import { h as handleBasicClasses } from './4ceaf17c.js';
+import { u as useTheme } from './3181f000.js';
+import { I as Icon } from './4e1dde79.js';
+
+const mdiDragVertical = 'M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z';
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'DragHandle';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * DragHandle component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const DragHandle = forwardRef((props, ref) => {
+  const defaultTheme = useTheme();
+  const {
+    className,
+    theme = defaultTheme,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      theme
+    }))
+  }), /*#__PURE__*/React.createElement(Icon, {
+    icon: mdiDragVertical,
+    color: theme === Theme.dark ? ColorPalette.light : ColorPalette.dark,
+    size: Size.xs
+  }));
+});
+DragHandle.displayName = COMPONENT_NAME;
+DragHandle.className = CLASSNAME;
+
+export { DragHandle };
+//# sourceMappingURL=f57d4eb8.js.map

package/_internal/f57d4eb8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"f57d4eb8.js","sources":["../../../lumx-icons/dist/esm/drag-vertical.js","../../src/components/drag-handle/DragHandle.tsx"],"sourcesContent":["export const mdiDragVertical = 'M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z';","import classNames from 'classnames';\n\nimport { mdiDragVertical } from '@lumx/icons';\nimport { ColorPalette, Icon, Size, 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 DragHandleProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'DragHandle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * DragHandle component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const DragHandle = forwardRef<DragHandleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const { className, theme = defaultTheme, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }))}\n        >\n            <Icon\n                icon={mdiDragVertical}\n                color={theme === Theme.dark ? ColorPalette.light : ColorPalette.dark}\n                size={Size.xs}\n            />\n        </div>\n    );\n});\nDragHandle.displayName = COMPONENT_NAME;\nDragHandle.className = CLASSNAME;\n"],"names":["mdiDragVertical","COMPONENT_NAME","CLASSNAME","getRootClassName","DragHandle","forwardRef","props","ref","defaultTheme","useTheme","className","theme","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","Icon","icon","color","Theme","dark","ColorPalette","light","size","Size","xs","displayName"],"mappings":";;;;;AAAO,MAAMA,eAAe,GAAG,wHAAwH;;ACSvJ;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAU,GAAGC,UAAU,CAAkC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAClF,EAAA,MAAMC,YAAY,GAAGC,QAAQ,EAAE,CAAA;EAC/B,MAAM;IAAEC,SAAS;AAAEC,IAAAA,KAAK,GAAGH,YAAY;IAAE,GAAGI,cAAAA;AAAe,GAAC,GAAGN,KAAK,CAAA;AAEpE,EAAA,oBACIO,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACIR,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLK,cAAc,EAAA;AAClBF,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEhB,SAAS;AAAES,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GAAA,CAAA,eAEnFE,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACDC,IAAAA,IAAI,EAAEpB,eAAgB;AACtBqB,IAAAA,KAAK,EAAEV,KAAK,KAAKW,KAAK,CAACC,IAAI,GAAGC,YAAY,CAACC,KAAK,GAAGD,YAAY,CAACD,IAAK;IACrEG,IAAI,EAAEC,IAAI,CAACC,EAAAA;AAAG,GACjB,CACA,CAAC,CAAA;AAEd,CAAC,EAAC;AACFxB,UAAU,CAACyB,WAAW,GAAG5B,cAAc,CAAA;AACvCG,UAAU,CAACM,SAAS,GAAGR,SAAS;;;;"}

package/_internal/fc47f2da.js

@@ -0,0 +1,72 @@
+import { m as getRootClassName, K as Kind, n as forwardRef, b as Theme, _ as _extends, l as classNames } from './d3321a86.js';
+import { h as handleBasicClasses } from './4ceaf17c.js';
+import { u as useTheme } from './3181f000.js';
+
+const INPUT_HELPER_CONFIGURATION = {
+  error: {
+    color: 'red'
+  },
+  success: {
+    color: 'green'
+  },
+  warning: {
+    color: 'yellow'
+  }
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'InputHelper';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  kind: Kind.info
+};
+
+/**
+ * InputHelper component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const InputHelper = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    children,
+    className,
+    kind = DEFAULT_PROPS.kind,
+    theme = defaultTheme,
+    ...forwardedProps
+  } = props;
+  const {
+    color
+  } = INPUT_HELPER_CONFIGURATION[kind] || {};
+  return /*#__PURE__*/React.createElement("p", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      color,
+      theme
+    }))
+  }), children);
+});
+InputHelper.displayName = COMPONENT_NAME;
+InputHelper.className = CLASSNAME;
+InputHelper.defaultProps = DEFAULT_PROPS;
+
+export { InputHelper };
+//# sourceMappingURL=fc47f2da.js.map

package/_internal/fc47f2da.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fc47f2da.js","sources":["../../src/components/input-helper/constants.ts","../../src/components/input-helper/InputHelper.tsx"],"sourcesContent":["export const INPUT_HELPER_CONFIGURATION: Record<string, { color: string }> = {\n    error: {\n        color: 'red',\n    },\n    success: {\n        color: 'green',\n    },\n    warning: {\n        color: 'yellow',\n    },\n};\n","import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Kind, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { INPUT_HELPER_CONFIGURATION } from './constants';\n\n/**\n * Defines the props of the component.\n */\nexport interface InputHelperProps extends GenericProps, HasTheme {\n    /** Helper content. */\n    children: string | ReactNode;\n    /** Helper variant. */\n    kind?: Kind;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'InputHelper';\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<InputHelperProps> = {\n    kind: Kind.info,\n};\n\n/**\n * InputHelper component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const InputHelper = forwardRef<InputHelperProps, HTMLParagraphElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { children, className, kind = DEFAULT_PROPS.kind, theme = defaultTheme, ...forwardedProps } = props;\n    const { color } = INPUT_HELPER_CONFIGURATION[kind as any] || {};\n\n    return (\n        <p\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color, theme }))}\n        >\n            {children}\n        </p>\n    );\n});\n\nInputHelper.displayName = COMPONENT_NAME;\nInputHelper.className = CLASSNAME;\nInputHelper.defaultProps = DEFAULT_PROPS;\n"],"names":["INPUT_HELPER_CONFIGURATION","error","color","success","warning","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","kind","Kind","info","InputHelper","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","theme","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;AAAO,MAAMA,0BAA6D,GAAG;AACzEC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,KAAA;GACV;AACDC,EAAAA,OAAO,EAAE;AACLD,IAAAA,KAAK,EAAE,OAAA;GACV;AACDE,EAAAA,OAAO,EAAE;AACLF,IAAAA,KAAK,EAAE,QAAA;AACX,GAAA;AACJ,CAAC;;ACED;AACA;AACA;;AAQA;AACA;AACA;AACA,MAAMG,cAAc,GAAG,aAAa,CAAA;;AAEpC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAwC,GAAG;EAC7CC,IAAI,EAAEC,IAAI,CAACC,IAAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAW,GAAGC,UAAU,CAAyC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1F,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEZ,IAAI,GAAGD,aAAa,CAACC,IAAI;AAAEa,IAAAA,KAAK,GAAGN,YAAY;IAAE,GAAGO,cAAAA;AAAe,GAAC,GAAGT,KAAK,CAAA;EACzG,MAAM;AAAEZ,IAAAA,KAAAA;AAAM,GAAC,GAAGF,0BAA0B,CAACS,IAAI,CAAQ,IAAI,EAAE,CAAA;AAE/D,EAAA,oBACIe,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;AACIX,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLQ,cAAc,EAAA;AAClBF,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEvB,SAAS;MAAEJ,KAAK;AAAEoB,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GAAA,CAAA,EAEzFF,QACF,CAAC,CAAA;AAEZ,CAAC,EAAC;AAEFR,WAAW,CAACkB,WAAW,GAAGzB,cAAc,CAAA;AACxCO,WAAW,CAACS,SAAS,GAAGf,SAAS,CAAA;AACjCM,WAAW,CAACmB,YAAY,GAAGvB,aAAa;;;;"}

package/index.d.ts

@@ -1,4 +1,4 @@
-import { F as Falsy } from './_internal/Falsy.js';
+import { F as Falsy } from './_internal/d95844c1.js';
 import * as React$1 from 'react';
 import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, DetailedHTMLProps, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, ImgHTMLAttributes, CSSProperties, SetStateAction, Key, ElementType } from 'react';
 
@@ -1675,7 +1675,6 @@ interface IconProps extends GenericProps, HasTheme {
     /** Sets an alternative text on the svg. Will set an `img` role to the svg. */
     alt?: string;
 }
-
 /**
  * Icon component.
  *