@chayns-components/core 5.4.16 → 5.4.17

package/lib/cjs/components/combobox/ComboBox.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.types.js","names":["ComboBoxSize","exports"],"sources":["../../../../src/components/combobox/ComboBox.types.ts"],"sourcesContent":["import { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactHTML, ReactNode } from 'react';\nimport { CSSPropertiesWithVars } from 'styled-components/dist/types';\nimport { DropdownDirection } from '../../types/dropdown';\n\n/**\n * Ref interface for the `ComboBox` component.\n */\nexport interface ComboBoxRef {\n    /**\n     * Hides the dropdown content.\n     */\n    hide: VoidFunction;\n    /**\n     * Shows the dropdown content.\n     */\n    show: VoidFunction;\n}\n\n/**\n * A grouped list definition used by the `ComboBox` component.\n */\nexport interface IComboBoxItems {\n    /**\n     * Optional group label shown above the list.\n     */\n    groupName?: string;\n    /**\n     * The items that should be rendered inside the group.\n     */\n    list: Array<IComboBoxItem>;\n    /**\n     * Whether the items in this group should use round images.\n     */\n    shouldShowRoundImage?: boolean;\n}\n\n/**\n * Optional text styling configuration for a combobox item.\n */\nexport interface ComboBoxTextStyles {\n    /**\n     * The HTML tag that should be used for the text wrapper.\n     */\n    tagName?: keyof ReactHTML;\n    /**\n     * Additional inline styles applied to the text wrapper.\n     */\n    styles?: CSSPropertiesWithVars;\n    /**\n     * Additional class name applied to the text wrapper.\n     */\n    className?: string;\n}\n\n/**\n * Single selectable item configuration for the `ComboBox` component.\n */\nexport interface IComboBoxItem {\n    /**\n     * Optional icon classes rendered before the text.\n     */\n    icons?: string[];\n    /**\n     * Optional background style used for the image placeholder.\n     */\n    imageBackground?: CSSProperties['background'];\n    /**\n     * Optional image URL rendered for the item.\n     */\n    imageUrl?: string;\n    /**\n     * Whether the item should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Optional element rendered on the right side of the item.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Optional secondary text rendered below the main text.\n     */\n    subtext?: string;\n    /**\n     * Optional suffix element rendered after the text.\n     */\n    suffixElement?: ReactNode;\n    /**\n     * Main label of the item.\n     */\n    text: string;\n    /**\n     * Stable item value used for selection and matching.\n     */\n    value: string | number;\n    /**\n     * Optional text styling overrides for the item label.\n     */\n    textStyles?: ComboBoxTextStyles;\n}\n\n/**\n * Available size variants for the `ComboBox` header.\n */\nexport enum ComboBoxSize {\n    /**\n     * Standard height and spacing.\n     */\n    NORMAL = 'normal',\n    /**\n     * Compact height and spacing.\n     */\n    SMALL = 'small',\n}\n\n/**\n * Props for the `ComboBox` component.\n */\nexport type ComboBoxProps = {\n    /**\n     * The width of the body.\n     * @default undefined\n     */\n    bodyWidth?: number;\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     * @default undefined\n     */\n    container?: Element;\n    /**\n     * The direction in which the combobox should open.\n     * @default DropdownDirection.RIGHT\n     */\n    direction?: DropdownDirection;\n    /**\n     * The value of the optional input.\n     * @default undefined\n     */\n    inputValue?: string;\n    /**\n     * Whether the combobox should be disabled.\n     * @default false\n     */\n    isDisabled?: boolean;\n    /**\n     * The list of the items that should be displayed.\n     */\n    lists: IComboBoxItems[];\n    /**\n     * The maximum height of the combobox content.\n     * @default 280\n     */\n    maxHeight?: number;\n    /**\n     * Function to be executed when the value of the optional input is changed.\n     * @default undefined\n     */\n    onInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input lost its focus.\n     * @default undefined\n     */\n    onInputBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input gets its focus.\n     * @default undefined\n     */\n    onInputFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that should be executed when an item is selected. If the function returns false, the item will not be selected.\n     * @default undefined\n     */\n    onSelect?: (comboboxItem?: IComboBoxItem) => Promise<boolean> | boolean | void;\n    /**\n     * Function to be executed when the content of the `ComboBox` is shown.\n     * @default undefined\n     */\n    onShow?: () => void;\n    /**\n     * Function to be executed when the content of the `ComboBox` is hidden.\n     * @default undefined\n     */\n    onHide?: () => void;\n    /**\n     * A text that should be displayed when no item is selected.\n     */\n    placeholder: string;\n    /**\n     * A prefix that should be displayed before the placeholder.\n     * @default undefined\n     */\n    prefix?: string;\n    /**\n     * An item that should be preselected.\n     * @default undefined\n     */\n    selectedItem?: IComboBoxItem;\n    /**\n     * If true, the images of the items are displayed in a bigger shape. This prop will automatically be set to true if the subtext of an item is given.\n     * @default false\n     */\n    shouldShowBigImage?: boolean;\n    /**\n     * If true, a clear icon is displayed at the end of the combo box if an item is selected.\n     * @default false\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * Whether the background should be transparent.\n     * @default false\n     */\n    shouldShowTransparentBackground?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     * @default false\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the width of the ComboBox should be the width of the current item.\n     * @default false\n     */\n    shouldUseCurrentItemWidth?: boolean;\n    /**\n     * Whether the width of the 'ComboBox' should be the width of the parent or of the widest item.\n     * @default false\n     */\n    shouldUseFullWidth?: boolean;\n    /**\n     * If true, the dropdown will use the maximum width of the items.\n     * @default false\n     */\n    shouldDropDownUseMaxItemWidth?: boolean;\n    /**\n     * Whether the outside events should be captured.\n     * @default undefined\n     */\n    shouldCaptureEvents?: boolean;\n    /**\n     * The size of the ComboBox.\n     * @default ComboBoxSize.NORMAL\n     */\n    size?: ComboBoxSize;\n    /**\n     * Optional min width for the prefix element.\n     * @default undefined\n     */\n    prefixMinWidth?: number;\n};\n"],"mappings":";;;;;;AAIA;AACA;AACA;AAYA;AACA;AACA;AAgBA;AACA;AACA;AAgBA;AACA;AACA;AA4CA;AACA;AACA;AAFA,IAGYA,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAZA,YAAY;EACpB;AACJ;AACA;EAHYA,YAAY;EAKpB;AACJ;AACA;EAPYA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAWxB;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"ComboBox.types.js","names":["ComboBoxSize","exports"],"sources":["../../../../src/components/combobox/ComboBox.types.ts"],"sourcesContent":["import { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactNode, type JSX } from 'react';\nimport { CSSPropertiesWithVars } from 'styled-components/dist/types';\nimport { DropdownDirection } from '../../types/dropdown';\n\n/**\n * Ref interface for the `ComboBox` component.\n */\nexport interface ComboBoxRef {\n    /**\n     * Hides the dropdown content.\n     */\n    hide: VoidFunction;\n    /**\n     * Shows the dropdown content.\n     */\n    show: VoidFunction;\n}\n\n/**\n * A grouped list definition used by the `ComboBox` component.\n */\nexport interface IComboBoxItems {\n    /**\n     * Optional group label shown above the list.\n     */\n    groupName?: string;\n    /**\n     * The items that should be rendered inside the group.\n     */\n    list: Array<IComboBoxItem>;\n    /**\n     * Whether the items in this group should use round images.\n     */\n    shouldShowRoundImage?: boolean;\n}\n\n/**\n * Optional text styling configuration for a combobox item.\n */\nexport interface ComboBoxTextStyles {\n    /**\n     * The HTML tag that should be used for the text wrapper.\n     */\n    tagName?: keyof JSX.IntrinsicElements;\n    /**\n     * Additional inline styles applied to the text wrapper.\n     */\n    styles?: CSSPropertiesWithVars;\n    /**\n     * Additional class name applied to the text wrapper.\n     */\n    className?: string;\n}\n\n/**\n * Single selectable item configuration for the `ComboBox` component.\n */\nexport interface IComboBoxItem {\n    /**\n     * Optional icon classes rendered before the text.\n     */\n    icons?: string[];\n    /**\n     * Optional background style used for the image placeholder.\n     */\n    imageBackground?: CSSProperties['background'];\n    /**\n     * Optional image URL rendered for the item.\n     */\n    imageUrl?: string;\n    /**\n     * Whether the item should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Optional element rendered on the right side of the item.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Optional secondary text rendered below the main text.\n     */\n    subtext?: string;\n    /**\n     * Optional suffix element rendered after the text.\n     */\n    suffixElement?: ReactNode;\n    /**\n     * Main label of the item.\n     */\n    text: string;\n    /**\n     * Stable item value used for selection and matching.\n     */\n    value: string | number;\n    /**\n     * Optional text styling overrides for the item label.\n     */\n    textStyles?: ComboBoxTextStyles;\n}\n\n/**\n * Available size variants for the `ComboBox` header.\n */\nexport enum ComboBoxSize {\n    /**\n     * Standard height and spacing.\n     */\n    NORMAL = 'normal',\n    /**\n     * Compact height and spacing.\n     */\n    SMALL = 'small',\n}\n\n/**\n * Props for the `ComboBox` component.\n */\nexport type ComboBoxProps = {\n    /**\n     * The width of the body.\n     * @default undefined\n     */\n    bodyWidth?: number;\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     * @default undefined\n     */\n    container?: Element;\n    /**\n     * The direction in which the combobox should open.\n     * @default DropdownDirection.RIGHT\n     */\n    direction?: DropdownDirection;\n    /**\n     * The value of the optional input.\n     * @default undefined\n     */\n    inputValue?: string;\n    /**\n     * Whether the combobox should be disabled.\n     * @default false\n     */\n    isDisabled?: boolean;\n    /**\n     * The list of the items that should be displayed.\n     */\n    lists: IComboBoxItems[];\n    /**\n     * The maximum height of the combobox content.\n     * @default 280\n     */\n    maxHeight?: number;\n    /**\n     * Function to be executed when the value of the optional input is changed.\n     * @default undefined\n     */\n    onInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input lost its focus.\n     * @default undefined\n     */\n    onInputBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input gets its focus.\n     * @default undefined\n     */\n    onInputFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that should be executed when an item is selected. If the function returns false, the item will not be selected.\n     * @default undefined\n     */\n    onSelect?: (comboboxItem?: IComboBoxItem) => Promise<boolean> | boolean | void;\n    /**\n     * Function to be executed when the content of the `ComboBox` is shown.\n     * @default undefined\n     */\n    onShow?: () => void;\n    /**\n     * Function to be executed when the content of the `ComboBox` is hidden.\n     * @default undefined\n     */\n    onHide?: () => void;\n    /**\n     * A text that should be displayed when no item is selected.\n     */\n    placeholder: string;\n    /**\n     * A prefix that should be displayed before the placeholder.\n     * @default undefined\n     */\n    prefix?: string;\n    /**\n     * An item that should be preselected.\n     * @default undefined\n     */\n    selectedItem?: IComboBoxItem;\n    /**\n     * If true, the images of the items are displayed in a bigger shape. This prop will automatically be set to true if the subtext of an item is given.\n     * @default false\n     */\n    shouldShowBigImage?: boolean;\n    /**\n     * If true, a clear icon is displayed at the end of the combo box if an item is selected.\n     * @default false\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * Whether the background should be transparent.\n     * @default false\n     */\n    shouldShowTransparentBackground?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     * @default false\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the width of the ComboBox should be the width of the current item.\n     * @default false\n     */\n    shouldUseCurrentItemWidth?: boolean;\n    /**\n     * Whether the width of the 'ComboBox' should be the width of the parent or of the widest item.\n     * @default false\n     */\n    shouldUseFullWidth?: boolean;\n    /**\n     * If true, the dropdown will use the maximum width of the items.\n     * @default false\n     */\n    shouldDropDownUseMaxItemWidth?: boolean;\n    /**\n     * Whether the outside events should be captured.\n     * @default undefined\n     */\n    shouldCaptureEvents?: boolean;\n    /**\n     * The size of the ComboBox.\n     * @default ComboBoxSize.NORMAL\n     */\n    size?: ComboBoxSize;\n    /**\n     * Optional min width for the prefix element.\n     * @default undefined\n     */\n    prefixMinWidth?: number;\n};\n"],"mappings":";;;;;;AAIA;AACA;AACA;AAYA;AACA;AACA;AAgBA;AACA;AACA;AAgBA;AACA;AACA;AA4CA;AACA;AACA;AAFA,IAGYA,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAZA,YAAY;EACpB;AACJ;AACA;EAHYA,YAAY;EAKpB;AACJ;AACA;EAPYA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAWxB;AACA;AACA","ignoreList":[]}

package/lib/cjs/components/skeleton/base-skeleton/BaseSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSkeleton.js","names":["_react","_interopRequireWildcard","require","_BaseSkeleton","_types","_SkeletonProvider","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BaseSkeleton","exports","forwardRef","baseColor","highlightColor","animationType","height","style","width","className","borderRadius","as","children","ref","values","useSkeletonContext","animationStyle","useSkeletonAnimation","resolvedAnimationType","createElement","StyledBaseSkeleton","$backgroundColor","$borderRadius","$height","$width","$shouldUseNativeTag","SkeletonAnimationType","SHIMMER","StyledMotionBaseSkeletonShimmer","$color","PULSE","StyledMotionBaseSkeletonPulse","displayName","_default"],"sources":["../../../../../src/components/skeleton/base-skeleton/BaseSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, ReactHTML, ReactNode } from 'react';\nimport {\n    StyledBaseSkeleton,\n    StyledMotionBaseSkeletonPulse,\n    StyledMotionBaseSkeletonShimmer,\n} from './BaseSkeleton.styles';\nimport { BaseSkeletonConfig, SkeletonAnimationType } from '../types';\nimport { useSkeletonAnimation, useSkeletonContext } from '../skeleton-provider/SkeletonProvider';\n\nexport interface BaseSkeletonProps extends BaseSkeletonConfig {\n    width: number | string;\n    height: number | string;\n    as?: keyof ReactHTML;\n    children?: ReactNode;\n}\n\nexport const BaseSkeleton = forwardRef<HTMLDivElement, BaseSkeletonProps>(\n    (\n        {\n            baseColor,\n            highlightColor,\n            animationType,\n            height,\n            style,\n            width,\n            className,\n            borderRadius,\n            as,\n            children,\n        },\n        ref,\n    ) => {\n        const values = useSkeletonContext();\n        const animationStyle = useSkeletonAnimation();\n\n        const resolvedAnimationType = animationType ?? values.animationType;\n\n        return (\n            <StyledBaseSkeleton\n                as={as}\n                ref={ref}\n                className={className}\n                style={style}\n                $backgroundColor={baseColor ?? values.baseColor}\n                $borderRadius={borderRadius ?? values.borderRadius}\n                $height={height}\n                $width={width}\n                $shouldUseNativeTag={!!as}\n            >\n                {resolvedAnimationType === SkeletonAnimationType.SHIMMER && (\n                    <StyledMotionBaseSkeletonShimmer\n                        $color={highlightColor ?? values.highlightColor}\n                        style={animationStyle}\n                    />\n                )}\n                {resolvedAnimationType === SkeletonAnimationType.PULSE && (\n                    <StyledMotionBaseSkeletonPulse\n                        $color={highlightColor ?? values.highlightColor}\n                        style={animationStyle}\n                    />\n                )}\n                {children}\n            </StyledBaseSkeleton>\n        );\n    },\n);\n\nBaseSkeleton.displayName = 'BaseSkeleton';\n\nexport default BaseSkeleton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseSkeleton.js","names":["_react","_interopRequireWildcard","require","_BaseSkeleton","_types","_SkeletonProvider","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BaseSkeleton","exports","forwardRef","baseColor","highlightColor","animationType","height","style","width","className","borderRadius","as","children","ref","values","useSkeletonContext","animationStyle","useSkeletonAnimation","resolvedAnimationType","createElement","StyledBaseSkeleton","$backgroundColor","$borderRadius","$height","$width","$shouldUseNativeTag","SkeletonAnimationType","SHIMMER","StyledMotionBaseSkeletonShimmer","$color","PULSE","StyledMotionBaseSkeletonPulse","displayName","_default"],"sources":["../../../../../src/components/skeleton/base-skeleton/BaseSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, type JSX } from 'react';\nimport {\n    StyledBaseSkeleton,\n    StyledMotionBaseSkeletonPulse,\n    StyledMotionBaseSkeletonShimmer,\n} from './BaseSkeleton.styles';\nimport { BaseSkeletonConfig, SkeletonAnimationType } from '../types';\nimport { useSkeletonAnimation, useSkeletonContext } from '../skeleton-provider/SkeletonProvider';\n\nexport interface BaseSkeletonProps extends BaseSkeletonConfig {\n    width: number | string;\n    height: number | string;\n    as?: keyof JSX.IntrinsicElements;\n    children?: ReactNode;\n}\n\nexport const BaseSkeleton = forwardRef<HTMLDivElement, BaseSkeletonProps>(\n    (\n        {\n            baseColor,\n            highlightColor,\n            animationType,\n            height,\n            style,\n            width,\n            className,\n            borderRadius,\n            as,\n            children,\n        },\n        ref,\n    ) => {\n        const values = useSkeletonContext();\n        const animationStyle = useSkeletonAnimation();\n\n        const resolvedAnimationType = animationType ?? values.animationType;\n\n        return (\n            <StyledBaseSkeleton\n                as={as}\n                ref={ref}\n                className={className}\n                style={style}\n                $backgroundColor={baseColor ?? values.baseColor}\n                $borderRadius={borderRadius ?? values.borderRadius}\n                $height={height}\n                $width={width}\n                $shouldUseNativeTag={!!as}\n            >\n                {resolvedAnimationType === SkeletonAnimationType.SHIMMER && (\n                    <StyledMotionBaseSkeletonShimmer\n                        $color={highlightColor ?? values.highlightColor}\n                        style={animationStyle}\n                    />\n                )}\n                {resolvedAnimationType === SkeletonAnimationType.PULSE && (\n                    <StyledMotionBaseSkeletonPulse\n                        $color={highlightColor ?? values.highlightColor}\n                        style={animationStyle}\n                    />\n                )}\n                {children}\n            </StyledBaseSkeleton>\n        );\n    },\n);\n\nBaseSkeleton.displayName = 'BaseSkeleton';\n\nexport default BaseSkeleton;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/combobox/ComboBox.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.types.js","names":["ComboBoxSize"],"sources":["../../../../src/components/combobox/ComboBox.types.ts"],"sourcesContent":["import { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactHTML, ReactNode } from 'react';\nimport { CSSPropertiesWithVars } from 'styled-components/dist/types';\nimport { DropdownDirection } from '../../types/dropdown';\n\n/**\n * Ref interface for the `ComboBox` component.\n */\nexport interface ComboBoxRef {\n    /**\n     * Hides the dropdown content.\n     */\n    hide: VoidFunction;\n    /**\n     * Shows the dropdown content.\n     */\n    show: VoidFunction;\n}\n\n/**\n * A grouped list definition used by the `ComboBox` component.\n */\nexport interface IComboBoxItems {\n    /**\n     * Optional group label shown above the list.\n     */\n    groupName?: string;\n    /**\n     * The items that should be rendered inside the group.\n     */\n    list: Array<IComboBoxItem>;\n    /**\n     * Whether the items in this group should use round images.\n     */\n    shouldShowRoundImage?: boolean;\n}\n\n/**\n * Optional text styling configuration for a combobox item.\n */\nexport interface ComboBoxTextStyles {\n    /**\n     * The HTML tag that should be used for the text wrapper.\n     */\n    tagName?: keyof ReactHTML;\n    /**\n     * Additional inline styles applied to the text wrapper.\n     */\n    styles?: CSSPropertiesWithVars;\n    /**\n     * Additional class name applied to the text wrapper.\n     */\n    className?: string;\n}\n\n/**\n * Single selectable item configuration for the `ComboBox` component.\n */\nexport interface IComboBoxItem {\n    /**\n     * Optional icon classes rendered before the text.\n     */\n    icons?: string[];\n    /**\n     * Optional background style used for the image placeholder.\n     */\n    imageBackground?: CSSProperties['background'];\n    /**\n     * Optional image URL rendered for the item.\n     */\n    imageUrl?: string;\n    /**\n     * Whether the item should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Optional element rendered on the right side of the item.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Optional secondary text rendered below the main text.\n     */\n    subtext?: string;\n    /**\n     * Optional suffix element rendered after the text.\n     */\n    suffixElement?: ReactNode;\n    /**\n     * Main label of the item.\n     */\n    text: string;\n    /**\n     * Stable item value used for selection and matching.\n     */\n    value: string | number;\n    /**\n     * Optional text styling overrides for the item label.\n     */\n    textStyles?: ComboBoxTextStyles;\n}\n\n/**\n * Available size variants for the `ComboBox` header.\n */\nexport enum ComboBoxSize {\n    /**\n     * Standard height and spacing.\n     */\n    NORMAL = 'normal',\n    /**\n     * Compact height and spacing.\n     */\n    SMALL = 'small',\n}\n\n/**\n * Props for the `ComboBox` component.\n */\nexport type ComboBoxProps = {\n    /**\n     * The width of the body.\n     * @default undefined\n     */\n    bodyWidth?: number;\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     * @default undefined\n     */\n    container?: Element;\n    /**\n     * The direction in which the combobox should open.\n     * @default DropdownDirection.RIGHT\n     */\n    direction?: DropdownDirection;\n    /**\n     * The value of the optional input.\n     * @default undefined\n     */\n    inputValue?: string;\n    /**\n     * Whether the combobox should be disabled.\n     * @default false\n     */\n    isDisabled?: boolean;\n    /**\n     * The list of the items that should be displayed.\n     */\n    lists: IComboBoxItems[];\n    /**\n     * The maximum height of the combobox content.\n     * @default 280\n     */\n    maxHeight?: number;\n    /**\n     * Function to be executed when the value of the optional input is changed.\n     * @default undefined\n     */\n    onInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input lost its focus.\n     * @default undefined\n     */\n    onInputBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input gets its focus.\n     * @default undefined\n     */\n    onInputFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that should be executed when an item is selected. If the function returns false, the item will not be selected.\n     * @default undefined\n     */\n    onSelect?: (comboboxItem?: IComboBoxItem) => Promise<boolean> | boolean | void;\n    /**\n     * Function to be executed when the content of the `ComboBox` is shown.\n     * @default undefined\n     */\n    onShow?: () => void;\n    /**\n     * Function to be executed when the content of the `ComboBox` is hidden.\n     * @default undefined\n     */\n    onHide?: () => void;\n    /**\n     * A text that should be displayed when no item is selected.\n     */\n    placeholder: string;\n    /**\n     * A prefix that should be displayed before the placeholder.\n     * @default undefined\n     */\n    prefix?: string;\n    /**\n     * An item that should be preselected.\n     * @default undefined\n     */\n    selectedItem?: IComboBoxItem;\n    /**\n     * If true, the images of the items are displayed in a bigger shape. This prop will automatically be set to true if the subtext of an item is given.\n     * @default false\n     */\n    shouldShowBigImage?: boolean;\n    /**\n     * If true, a clear icon is displayed at the end of the combo box if an item is selected.\n     * @default false\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * Whether the background should be transparent.\n     * @default false\n     */\n    shouldShowTransparentBackground?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     * @default false\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the width of the ComboBox should be the width of the current item.\n     * @default false\n     */\n    shouldUseCurrentItemWidth?: boolean;\n    /**\n     * Whether the width of the 'ComboBox' should be the width of the parent or of the widest item.\n     * @default false\n     */\n    shouldUseFullWidth?: boolean;\n    /**\n     * If true, the dropdown will use the maximum width of the items.\n     * @default false\n     */\n    shouldDropDownUseMaxItemWidth?: boolean;\n    /**\n     * Whether the outside events should be captured.\n     * @default undefined\n     */\n    shouldCaptureEvents?: boolean;\n    /**\n     * The size of the ComboBox.\n     * @default ComboBoxSize.NORMAL\n     */\n    size?: ComboBoxSize;\n    /**\n     * Optional min width for the prefix element.\n     * @default undefined\n     */\n    prefixMinWidth?: number;\n};\n"],"mappings":"AAIA;AACA;AACA;;AAYA;AACA;AACA;;AAgBA;AACA;AACA;;AAgBA;AACA;AACA;;AA4CA;AACA;AACA;AACA,WAAYA,YAAY,0BAAZA,YAAY;EACpB;AACJ;AACA;EAHYA,YAAY;EAKpB;AACJ;AACA;EAPYA,YAAY;EAAA,OAAZA,YAAY;AAAA;;AAWxB;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"ComboBox.types.js","names":["ComboBoxSize"],"sources":["../../../../src/components/combobox/ComboBox.types.ts"],"sourcesContent":["import { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactNode, type JSX } from 'react';\nimport { CSSPropertiesWithVars } from 'styled-components/dist/types';\nimport { DropdownDirection } from '../../types/dropdown';\n\n/**\n * Ref interface for the `ComboBox` component.\n */\nexport interface ComboBoxRef {\n    /**\n     * Hides the dropdown content.\n     */\n    hide: VoidFunction;\n    /**\n     * Shows the dropdown content.\n     */\n    show: VoidFunction;\n}\n\n/**\n * A grouped list definition used by the `ComboBox` component.\n */\nexport interface IComboBoxItems {\n    /**\n     * Optional group label shown above the list.\n     */\n    groupName?: string;\n    /**\n     * The items that should be rendered inside the group.\n     */\n    list: Array<IComboBoxItem>;\n    /**\n     * Whether the items in this group should use round images.\n     */\n    shouldShowRoundImage?: boolean;\n}\n\n/**\n * Optional text styling configuration for a combobox item.\n */\nexport interface ComboBoxTextStyles {\n    /**\n     * The HTML tag that should be used for the text wrapper.\n     */\n    tagName?: keyof JSX.IntrinsicElements;\n    /**\n     * Additional inline styles applied to the text wrapper.\n     */\n    styles?: CSSPropertiesWithVars;\n    /**\n     * Additional class name applied to the text wrapper.\n     */\n    className?: string;\n}\n\n/**\n * Single selectable item configuration for the `ComboBox` component.\n */\nexport interface IComboBoxItem {\n    /**\n     * Optional icon classes rendered before the text.\n     */\n    icons?: string[];\n    /**\n     * Optional background style used for the image placeholder.\n     */\n    imageBackground?: CSSProperties['background'];\n    /**\n     * Optional image URL rendered for the item.\n     */\n    imageUrl?: string;\n    /**\n     * Whether the item should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Optional element rendered on the right side of the item.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Optional secondary text rendered below the main text.\n     */\n    subtext?: string;\n    /**\n     * Optional suffix element rendered after the text.\n     */\n    suffixElement?: ReactNode;\n    /**\n     * Main label of the item.\n     */\n    text: string;\n    /**\n     * Stable item value used for selection and matching.\n     */\n    value: string | number;\n    /**\n     * Optional text styling overrides for the item label.\n     */\n    textStyles?: ComboBoxTextStyles;\n}\n\n/**\n * Available size variants for the `ComboBox` header.\n */\nexport enum ComboBoxSize {\n    /**\n     * Standard height and spacing.\n     */\n    NORMAL = 'normal',\n    /**\n     * Compact height and spacing.\n     */\n    SMALL = 'small',\n}\n\n/**\n * Props for the `ComboBox` component.\n */\nexport type ComboBoxProps = {\n    /**\n     * The width of the body.\n     * @default undefined\n     */\n    bodyWidth?: number;\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     * @default undefined\n     */\n    container?: Element;\n    /**\n     * The direction in which the combobox should open.\n     * @default DropdownDirection.RIGHT\n     */\n    direction?: DropdownDirection;\n    /**\n     * The value of the optional input.\n     * @default undefined\n     */\n    inputValue?: string;\n    /**\n     * Whether the combobox should be disabled.\n     * @default false\n     */\n    isDisabled?: boolean;\n    /**\n     * The list of the items that should be displayed.\n     */\n    lists: IComboBoxItems[];\n    /**\n     * The maximum height of the combobox content.\n     * @default 280\n     */\n    maxHeight?: number;\n    /**\n     * Function to be executed when the value of the optional input is changed.\n     * @default undefined\n     */\n    onInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input lost its focus.\n     * @default undefined\n     */\n    onInputBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input gets its focus.\n     * @default undefined\n     */\n    onInputFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that should be executed when an item is selected. If the function returns false, the item will not be selected.\n     * @default undefined\n     */\n    onSelect?: (comboboxItem?: IComboBoxItem) => Promise<boolean> | boolean | void;\n    /**\n     * Function to be executed when the content of the `ComboBox` is shown.\n     * @default undefined\n     */\n    onShow?: () => void;\n    /**\n     * Function to be executed when the content of the `ComboBox` is hidden.\n     * @default undefined\n     */\n    onHide?: () => void;\n    /**\n     * A text that should be displayed when no item is selected.\n     */\n    placeholder: string;\n    /**\n     * A prefix that should be displayed before the placeholder.\n     * @default undefined\n     */\n    prefix?: string;\n    /**\n     * An item that should be preselected.\n     * @default undefined\n     */\n    selectedItem?: IComboBoxItem;\n    /**\n     * If true, the images of the items are displayed in a bigger shape. This prop will automatically be set to true if the subtext of an item is given.\n     * @default false\n     */\n    shouldShowBigImage?: boolean;\n    /**\n     * If true, a clear icon is displayed at the end of the combo box if an item is selected.\n     * @default false\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * Whether the background should be transparent.\n     * @default false\n     */\n    shouldShowTransparentBackground?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     * @default false\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the width of the ComboBox should be the width of the current item.\n     * @default false\n     */\n    shouldUseCurrentItemWidth?: boolean;\n    /**\n     * Whether the width of the 'ComboBox' should be the width of the parent or of the widest item.\n     * @default false\n     */\n    shouldUseFullWidth?: boolean;\n    /**\n     * If true, the dropdown will use the maximum width of the items.\n     * @default false\n     */\n    shouldDropDownUseMaxItemWidth?: boolean;\n    /**\n     * Whether the outside events should be captured.\n     * @default undefined\n     */\n    shouldCaptureEvents?: boolean;\n    /**\n     * The size of the ComboBox.\n     * @default ComboBoxSize.NORMAL\n     */\n    size?: ComboBoxSize;\n    /**\n     * Optional min width for the prefix element.\n     * @default undefined\n     */\n    prefixMinWidth?: number;\n};\n"],"mappings":"AAIA;AACA;AACA;;AAYA;AACA;AACA;;AAgBA;AACA;AACA;;AAgBA;AACA;AACA;;AA4CA;AACA;AACA;AACA,WAAYA,YAAY,0BAAZA,YAAY;EACpB;AACJ;AACA;EAHYA,YAAY;EAKpB;AACJ;AACA;EAPYA,YAAY;EAAA,OAAZA,YAAY;AAAA;;AAWxB;AACA;AACA","ignoreList":[]}

package/lib/esm/components/skeleton/base-skeleton/BaseSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSkeleton.js","names":["React","forwardRef","StyledBaseSkeleton","StyledMotionBaseSkeletonPulse","StyledMotionBaseSkeletonShimmer","SkeletonAnimationType","useSkeletonAnimation","useSkeletonContext","BaseSkeleton","baseColor","highlightColor","animationType","height","style","width","className","borderRadius","as","children","ref","values","animationStyle","resolvedAnimationType","createElement","$backgroundColor","$borderRadius","$height","$width","$shouldUseNativeTag","SHIMMER","$color","PULSE","displayName"],"sources":["../../../../../src/components/skeleton/base-skeleton/BaseSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, ReactHTML, ReactNode } from 'react';\nimport {\n    StyledBaseSkeleton,\n    StyledMotionBaseSkeletonPulse,\n    StyledMotionBaseSkeletonShimmer,\n} from './BaseSkeleton.styles';\nimport { BaseSkeletonConfig, SkeletonAnimationType } from '../types';\nimport { useSkeletonAnimation, useSkeletonContext } from '../skeleton-provider/SkeletonProvider';\n\nexport interface BaseSkeletonProps extends BaseSkeletonConfig {\n    width: number | string;\n    height: number | string;\n    as?: keyof ReactHTML;\n    children?: ReactNode;\n}\n\nexport const BaseSkeleton = forwardRef<HTMLDivElement, BaseSkeletonProps>(\n    (\n        {\n            baseColor,\n            highlightColor,\n            animationType,\n            height,\n            style,\n            width,\n            className,\n            borderRadius,\n            as,\n            children,\n        },\n        ref,\n    ) => {\n        const values = useSkeletonContext();\n        const animationStyle = useSkeletonAnimation();\n\n        const resolvedAnimationType = animationType ?? values.animationType;\n\n        return (\n            <StyledBaseSkeleton\n                as={as}\n                ref={ref}\n                className={className}\n                style={style}\n                $backgroundColor={baseColor ?? values.baseColor}\n                $borderRadius={borderRadius ?? values.borderRadius}\n                $height={height}\n                $width={width}\n                $shouldUseNativeTag={!!as}\n            >\n                {resolvedAnimationType === SkeletonAnimationType.SHIMMER && (\n                    <StyledMotionBaseSkeletonShimmer\n                        $color={highlightColor ?? values.highlightColor}\n                        style={animationStyle}\n                    />\n                )}\n                {resolvedAnimationType === SkeletonAnimationType.PULSE && (\n                    <StyledMotionBaseSkeletonPulse\n                        $color={highlightColor ?? values.highlightColor}\n                        style={animationStyle}\n                    />\n                )}\n                {children}\n            </StyledBaseSkeleton>\n        );\n    },\n);\n\nBaseSkeleton.displayName = 'BaseSkeleton';\n\nexport default BaseSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAC/D,SACIC,kBAAkB,EAClBC,6BAA6B,EAC7BC,+BAA+B,QAC5B,uBAAuB;AAC9B,SAA6BC,qBAAqB,QAAQ,UAAU;AACpE,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,uCAAuC;AAShG,OAAO,MAAMC,YAAY,gBAAGP,UAAU,CAClC,CACI;EACIQ,SAAS;EACTC,cAAc;EACdC,aAAa;EACbC,MAAM;EACNC,KAAK;EACLC,KAAK;EACLC,SAAS;EACTC,YAAY;EACZC,EAAE;EACFC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAMC,MAAM,GAAGb,kBAAkB,CAAC,CAAC;EACnC,MAAMc,cAAc,GAAGf,oBAAoB,CAAC,CAAC;EAE7C,MAAMgB,qBAAqB,GAAGX,aAAa,IAAIS,MAAM,CAACT,aAAa;EAEnE,oBACIX,KAAA,CAAAuB,aAAA,CAACrB,kBAAkB;IACfe,EAAE,EAAEA,EAAG;IACPE,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBF,KAAK,EAAEA,KAAM;IACbW,gBAAgB,EAAEf,SAAS,IAAIW,MAAM,CAACX,SAAU;IAChDgB,aAAa,EAAET,YAAY,IAAII,MAAM,CAACJ,YAAa;IACnDU,OAAO,EAAEd,MAAO;IAChBe,MAAM,EAAEb,KAAM;IACdc,mBAAmB,EAAE,CAAC,CAACX;EAAG,GAEzBK,qBAAqB,KAAKjB,qBAAqB,CAACwB,OAAO,iBACpD7B,KAAA,CAAAuB,aAAA,CAACnB,+BAA+B;IAC5B0B,MAAM,EAAEpB,cAAc,IAAIU,MAAM,CAACV,cAAe;IAChDG,KAAK,EAAEQ;EAAe,CACzB,CACJ,EACAC,qBAAqB,KAAKjB,qBAAqB,CAAC0B,KAAK,iBAClD/B,KAAA,CAAAuB,aAAA,CAACpB,6BAA6B;IAC1B2B,MAAM,EAAEpB,cAAc,IAAIU,MAAM,CAACV,cAAe;IAChDG,KAAK,EAAEQ;EAAe,CACzB,CACJ,EACAH,QACe,CAAC;AAE7B,CACJ,CAAC;AAEDV,YAAY,CAACwB,WAAW,GAAG,cAAc;AAEzC,eAAexB,YAAY","ignoreList":[]}
+{"version":3,"file":"BaseSkeleton.js","names":["React","forwardRef","StyledBaseSkeleton","StyledMotionBaseSkeletonPulse","StyledMotionBaseSkeletonShimmer","SkeletonAnimationType","useSkeletonAnimation","useSkeletonContext","BaseSkeleton","baseColor","highlightColor","animationType","height","style","width","className","borderRadius","as","children","ref","values","animationStyle","resolvedAnimationType","createElement","$backgroundColor","$borderRadius","$height","$width","$shouldUseNativeTag","SHIMMER","$color","PULSE","displayName"],"sources":["../../../../../src/components/skeleton/base-skeleton/BaseSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, type JSX } from 'react';\nimport {\n    StyledBaseSkeleton,\n    StyledMotionBaseSkeletonPulse,\n    StyledMotionBaseSkeletonShimmer,\n} from './BaseSkeleton.styles';\nimport { BaseSkeletonConfig, SkeletonAnimationType } from '../types';\nimport { useSkeletonAnimation, useSkeletonContext } from '../skeleton-provider/SkeletonProvider';\n\nexport interface BaseSkeletonProps extends BaseSkeletonConfig {\n    width: number | string;\n    height: number | string;\n    as?: keyof JSX.IntrinsicElements;\n    children?: ReactNode;\n}\n\nexport const BaseSkeleton = forwardRef<HTMLDivElement, BaseSkeletonProps>(\n    (\n        {\n            baseColor,\n            highlightColor,\n            animationType,\n            height,\n            style,\n            width,\n            className,\n            borderRadius,\n            as,\n            children,\n        },\n        ref,\n    ) => {\n        const values = useSkeletonContext();\n        const animationStyle = useSkeletonAnimation();\n\n        const resolvedAnimationType = animationType ?? values.animationType;\n\n        return (\n            <StyledBaseSkeleton\n                as={as}\n                ref={ref}\n                className={className}\n                style={style}\n                $backgroundColor={baseColor ?? values.baseColor}\n                $borderRadius={borderRadius ?? values.borderRadius}\n                $height={height}\n                $width={width}\n                $shouldUseNativeTag={!!as}\n            >\n                {resolvedAnimationType === SkeletonAnimationType.SHIMMER && (\n                    <StyledMotionBaseSkeletonShimmer\n                        $color={highlightColor ?? values.highlightColor}\n                        style={animationStyle}\n                    />\n                )}\n                {resolvedAnimationType === SkeletonAnimationType.PULSE && (\n                    <StyledMotionBaseSkeletonPulse\n                        $color={highlightColor ?? values.highlightColor}\n                        style={animationStyle}\n                    />\n                )}\n                {children}\n            </StyledBaseSkeleton>\n        );\n    },\n);\n\nBaseSkeleton.displayName = 'BaseSkeleton';\n\nexport default BaseSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA6B,OAAO;AAC9D,SACIC,kBAAkB,EAClBC,6BAA6B,EAC7BC,+BAA+B,QAC5B,uBAAuB;AAC9B,SAA6BC,qBAAqB,QAAQ,UAAU;AACpE,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,uCAAuC;AAShG,OAAO,MAAMC,YAAY,gBAAGP,UAAU,CAClC,CACI;EACIQ,SAAS;EACTC,cAAc;EACdC,aAAa;EACbC,MAAM;EACNC,KAAK;EACLC,KAAK;EACLC,SAAS;EACTC,YAAY;EACZC,EAAE;EACFC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAMC,MAAM,GAAGb,kBAAkB,CAAC,CAAC;EACnC,MAAMc,cAAc,GAAGf,oBAAoB,CAAC,CAAC;EAE7C,MAAMgB,qBAAqB,GAAGX,aAAa,IAAIS,MAAM,CAACT,aAAa;EAEnE,oBACIX,KAAA,CAAAuB,aAAA,CAACrB,kBAAkB;IACfe,EAAE,EAAEA,EAAG;IACPE,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBF,KAAK,EAAEA,KAAM;IACbW,gBAAgB,EAAEf,SAAS,IAAIW,MAAM,CAACX,SAAU;IAChDgB,aAAa,EAAET,YAAY,IAAII,MAAM,CAACJ,YAAa;IACnDU,OAAO,EAAEd,MAAO;IAChBe,MAAM,EAAEb,KAAM;IACdc,mBAAmB,EAAE,CAAC,CAACX;EAAG,GAEzBK,qBAAqB,KAAKjB,qBAAqB,CAACwB,OAAO,iBACpD7B,KAAA,CAAAuB,aAAA,CAACnB,+BAA+B;IAC5B0B,MAAM,EAAEpB,cAAc,IAAIU,MAAM,CAACV,cAAe;IAChDG,KAAK,EAAEQ;EAAe,CACzB,CACJ,EACAC,qBAAqB,KAAKjB,qBAAqB,CAAC0B,KAAK,iBAClD/B,KAAA,CAAAuB,aAAA,CAACpB,6BAA6B;IAC1B2B,MAAM,EAAEpB,cAAc,IAAIU,MAAM,CAACV,cAAe;IAChDG,KAAK,EAAEQ;EAAe,CACzB,CACJ,EACAH,QACe,CAAC;AAE7B,CACJ,CAAC;AAEDV,YAAY,CAACwB,WAAW,GAAG,cAAc;AAEzC,eAAexB,YAAY","ignoreList":[]}

package/lib/types/components/combobox/ComboBox.types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactHTML, ReactNode } from 'react';
+import { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactNode, type JSX } from 'react';
 import { CSSPropertiesWithVars } from 'styled-components/dist/types';
 import { DropdownDirection } from '../../types/dropdown';
 /**
@@ -38,7 +38,7 @@ export interface ComboBoxTextStyles {
     /**
      * The HTML tag that should be used for the text wrapper.
      */
-    tagName?: keyof ReactHTML;
+    tagName?: keyof JSX.IntrinsicElements;
     /**
      * Additional inline styles applied to the text wrapper.
      */

package/lib/types/components/skeleton/base-skeleton/BaseSkeleton.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactHTML, ReactNode } from 'react';
+import React, { ReactNode, type JSX } from 'react';
 import { BaseSkeletonConfig } from '../types';
 export interface BaseSkeletonProps extends BaseSkeletonConfig {
     width: number | string;
     height: number | string;
-    as?: keyof ReactHTML;
+    as?: keyof JSX.IntrinsicElements;
     children?: ReactNode;
 }
 export declare const BaseSkeleton: React.ForwardRefExoticComponent<BaseSkeletonProps & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.4.16",
+    "version": "5.4.17",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -71,7 +71,7 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/textstring": "^5.4.16",
+        "@chayns-components/textstring": "^5.4.17",
         "@chayns/colors": "^2.0.2",
         "@chayns/uac-service": "~0.0.62",
         "clsx": "^2.1.1",
@@ -88,5 +88,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "14eafb6d12f36a1788ac032ed2dffa8e700b2cc9"
+    "gitHead": "888dd9f3f391c7b61b239825421f1163bcccf423"
 }