@itcase/ui-web 1.10.35 → 1.10.36

package/dist/types/components/Button/Button.interface.d.ts

@@ -9,84 +9,157 @@ import { LoaderProps } from '../Loader/Loader.interface';
 import { TextProps } from '../Text/Text.interface';
 type ButtonIconProp = false | IconProps['SvgImage'];
 type ButtonAppearanceProps = {
+    /** Align preset */
     align?: AlignProps;
+    /** Border color token */
     borderColor?: BorderColorProps;
+    /** Border style token */
     borderType?: BorderTypeProps;
+    /** Border width token */
     borderWidth?: BorderWidthProps;
+    /** Fill background token */
     fill?: FillProps;
+    /** Fill hover-state token */
     fillHover?: FillHoverProps;
     icon?: ButtonIconProp;
     iconAfter?: ButtonIconProp;
     iconAfterAppearance?: IconProps['appearance'];
+    /** Icon appearance size token for after icon */
     iconAfterAppearanceSize?: AppearanceIconSizeKey;
+    /** Icon fill token for after icon */
     iconAfterFill?: IconProps['fill'];
+    /** Icon color token for after icon glyph */
     iconAfterFillIcon?: IconProps['iconFill'];
+    /** Icon fill-size token for after icon */
     iconAfterFillSize?: IconProps['fillSize'];
+    /** Icon shape token for after icon */
     iconAfterShape?: IconProps['shape'];
+    /** Icon size token for after icon */
     iconAfterSize?: IconProps['iconSize'];
+    /** Icon image source for after slot */
     iconAfterSrc?: IconProps['imageSrc'];
+    /** Icon appearance preset */
     iconAppearance?: IconProps['appearance'];
+    /** Icon appearance size token */
     iconAppearanceSize?: IconProps['iconSize'];
     iconBefore?: ButtonIconProp;
     iconBeforeAppearance?: IconProps['appearance'];
+    /** Icon appearance size token for before icon */
     iconBeforeAppearanceSize?: AppearanceIconSizeKey;
+    /** Icon fill token for before icon */
     iconBeforeFill?: IconProps['fill'];
+    /** Icon color token for before icon glyph */
     iconBeforeFillIcon?: IconProps['iconFill'];
+    /** Icon fill-size token for before icon */
     iconBeforeFillSize?: IconProps['fillSize'];
+    /** Icon shape token for before icon */
     iconBeforeShape?: IconProps['shape'];
+    /** Icon size token for before icon */
     iconBeforeSize?: IconProps['iconSize'];
+    /** Icon image source for before slot */
     iconBeforeSrc?: IconProps['imageSrc'];
+    /** Icon fill token */
     iconFill?: IconProps['fill'];
+    /** Icon hover fill token */
     iconFillHover?: IconProps['fillHover'];
+    /** Icon glyph color token */
     iconFillIcon?: IconProps['iconFill'];
+    /** Icon fill-size token */
     iconFillSize?: IconProps['fillSize'];
+    /** Icon shape token */
     iconShape?: IconProps['shape'];
+    /** Icon size token */
     iconSize?: IconProps['iconSize'];
+    /** Icon image source for main slot */
     iconSrc?: IconProps['imageSrc'];
+    /** Label text color token */
     labelTextColor?: TextProps['textColor'];
+    /** Label hover text color token */
     labelTextColorHover?: TextProps['textColorHover'];
+    /** Label typography size token */
     labelTextSize?: TextProps['size'];
+    /** Label typography weight token */
     labelTextWeight?: TextProps['textWeight'];
+    /** Label text wrapping behavior */
     labelTextWrap?: TextProps['textWrap'];
     loaderAppearance?: CompositeAppearanceWithoutSizeAndShapeKeys;
     loaderAppearanceSize?: AppearanceSizeKey;
+    /** Loader fill token */
     loaderFill?: LoaderProps['fill'];
+    /** Loader item fill token */
     loaderItemFill?: LoaderProps['itemFill'];
+    /** Loader shape token */
     loaderShape?: LoaderProps['shape'];
+    /** Loader size token */
     loaderSize?: LoaderProps['size'];
+    /** Loader type variant */
     loaderType?: LoaderProps['type'];
+    /** Shape token */
     shape?: ShapeProps;
+    /** Size token */
     size?: SizeProps;
+    /** Wrap mode preset */
     wrap?: WrapProps;
+    /** Zero-gap flag */
     zeroGap?: boolean;
+    /** Zero-padding flag */
     zeroPadding?: boolean;
 };
 type ButtonProps = ButtonAppearanceProps & StyleAttributes & {
+    /** After text value */
     after?: string;
+    /**
+     * Composite appearance preset for button colors, size, style, and shape
+     * @default "accentPrimary sizeXXL solid rounded"
+     */
     appearance?: CompositeAppearanceKeys;
+    /** Badge slot content */
     Badge?: ReactNode;
+    /** Before text value */
     before?: string;
+    /** Children slot content */
     children?: ReactNode;
+    /** Root className value */
     className?: string;
+    /** Test id value */
     dataTestId?: string;
+    /** Tour id value */
     dataTour?: string;
+    /** Elevation preset */
     elevation?: ElevationProps;
+    /** Href value */
     href?: LinkWrapperProps['href'];
+    /** HTML type value */
     htmlType?: LinkWrapperProps['type'];
+    /** Disabled state flag */
     isDisabled?: LinkWrapperProps['disabled'];
+    /** Hold state flag */
     isHolding?: boolean;
+    /** Loading state flag */
     isLoading?: boolean;
+    /** Skeleton state flag */
     isSkeleton?: boolean;
+    /** Label text value */
     label?: string;
+    /** Label text truncation mode */
     labelTextTruncate?: TextProps['textTruncate'];
+    /** Label text width value */
     labelTextWidth?: TextProps['width'];
+    /** Link value */
     link?: LinkWrapperProps['href'];
+    /** Click handler */
     onClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Hold-complete handler */
     onHoldComplete?: () => void;
+    /** Mouse-down handler */
     onMouseDown?: () => void;
+    /** Rel value */
     rel?: LinkWrapperProps['rel'];
+    /** Inline style value */
     style?: CSSProperties;
+    /** Target value */
     target?: LinkWrapperProps['target'];
+    /** Tooltip text value */
     tooltip?: string;
 };
 type ButtonConfig = AppearanceConfig<AppearanceKeysDefault, ButtonAppearanceProps>;
@@ -100,4 +173,10 @@ type ButtonGalleryStory = ComponentGalleryArgs & Pick<ButtonProps, 'isDisabled'
     iconAfter: boolean;
     iconBefore: boolean;
 };
-export type { ButtonAppearance, ButtonAppearanceKey, ButtonAppearanceShape, ButtonAppearanceSize, ButtonAppearanceStyle, ButtonConfig, ButtonGalleryStory, ButtonProps, };
+type ButtonStoryArgs = Omit<ButtonProps, 'appearance'> & {
+    appearanceShape: string;
+    appearanceSize: string;
+    appearanceStyle: string;
+    appearanceType: string;
+};
+export type { ButtonAppearance, ButtonAppearanceKey, ButtonAppearanceShape, ButtonAppearanceSize, ButtonAppearanceStyle, ButtonConfig, ButtonGalleryStory, ButtonProps, ButtonStoryArgs, };

package/dist/types/components/Button/Button.js

@@ -16,7 +16,7 @@ const buttonConfig = {
     },
 };
 const Button = React.forwardRef(function Button(props, ref) {
-    const { appearance, className, dataTestId, dataTour, label, Badge, href, htmlType = 'button', link, rel, target, tooltip, before, after, isDisabled, isHolding, isLoading = false, onClick, onHoldComplete, onMouseDown, children, } = props;
+    const { appearance = 'accentPrimary sizeXXL solid rounded', className, dataTestId, dataTour, label, Badge, href, htmlType = 'button', link, rel, target, tooltip, before, after, isDisabled, isHolding, isLoading = false, onClick, onHoldComplete, onMouseDown, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, buttonConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, labelTextColor, labelTextColorHover, labelTextSize, labelTextTruncate, labelTextWeight, labelTextWidth, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, elevationClass, icon, iconAfter, iconAfterAppearance, iconAfterAppearanceSize, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconAppearance, iconAppearanceSize, iconBefore, iconBeforeAppearance, iconBeforeAppearanceSize, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, loaderAppearance, loaderAppearanceSize, loaderFill, loaderItemFill, loaderSize, loaderType = 'dot', shapeClass, sizeClass, widthClass, zeroGap, zeroPadding, isSkeleton, } = propsGenerator;

package/dist/types/components/Button/appearance/buttonShape.d.ts

@@ -17,5 +17,8 @@ declare const buttonAppearanceShape: {
     roundedS: {
         shape: "roundedS";
     };
+    geometric: {
+        shape: "geometric";
+    };
 };
 export { buttonAppearanceShape };

package/dist/types/components/Button/appearance/buttonShape.js

@@ -17,5 +17,8 @@ const buttonAppearanceShape = {
     roundedS: {
         shape: 'roundedS',
     },
+    geometric: {
+        shape: 'geometric',
+    },
 };
 export { buttonAppearanceShape };

package/dist/types/components/Cell/Cell.d.ts

@@ -1,4 +1,4 @@
 import type { CellConfig, CellProps } from './Cell.interface';
 declare const cellConfig: CellConfig;
-declare function Cell(props: CellProps): import("react/jsx-runtime").JSX.Element;
+declare function Cell(props: CellProps): import("react").JSX.Element;
 export { Cell, cellConfig };

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
 import type { CheckboxConfig, CheckboxProps } from './Checkbox.interface';
 declare const checkboxConfig: CheckboxConfig;
-declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare function Checkbox(props: CheckboxProps): import("react").JSX.Element;
 export { Checkbox, checkboxConfig };

package/dist/types/components/Checkmark/Checkmark.d.ts

@@ -1,4 +1,4 @@
 import { CheckmarkConfig, CheckmarkProps } from './Checkmark.interface';
 declare const checkmarkConfig: CheckmarkConfig;
-declare function Checkmark(props: CheckmarkProps): import("react/jsx-runtime").JSX.Element;
+declare function Checkmark(props: CheckmarkProps): import("react").JSX.Element;
 export { Checkmark, checkmarkConfig };

package/dist/types/components/Chips/Chips.d.ts

@@ -1,4 +1,4 @@
 import type { ChipsConfig, ChipsProps } from './Chips.interface';
 declare const chipsConfig: ChipsConfig;
-declare function Chips(props: ChipsProps): import("react/jsx-runtime").JSX.Element;
+declare function Chips(props: ChipsProps): import("react").JSX.Element;
 export { Chips, chipsConfig };

package/dist/types/components/Chips/Chips.interface.d.ts

@@ -94,6 +94,8 @@ type ChipsGroupAppearanceProps = {
     wrap?: WrapProps;
 };
 type ChipsGroupProps = ChipsGroupAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    before?: ReactNode;
     children?: ChipsProps['children'];
     chipsList?: ChipsGroupListItem[];
     className?: ChipsProps['className'];

package/dist/types/components/Chips/ChipsGroup.d.ts

@@ -1,3 +1,3 @@
 import { ChipsGroupProps } from './Chips.interface';
-declare function ChipsGroup(props: ChipsGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function ChipsGroup(props: ChipsGroupProps): import("react").JSX.Element;
 export { ChipsGroup };

package/dist/types/components/Chips/ChipsGroup.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { useDevicePropsGenerator, useStyles } from '@itcase/ui-core/hooks';
 import { Chips } from './Chips';
@@ -7,12 +7,12 @@ function ChipsGroup(props) {
      * rename "chipsList" to "chipsOptions"
      * to do same structure for "Option" object.
      */
-    const { className, dataTestId, dataTour, chipsList, horizontalScroll, style, onClick, children, } = props;
+    const { className, dataTestId, dataTour, chipsList, horizontalScroll, style, before, after, onClick, children, } = props;
     const propsGenerator = useDevicePropsGenerator(props);
     const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, chipsAppearance, widthClass, wrapClass, } = propsGenerator;
     const { styles: groupStyles } = useStyles(props);
-    return (_jsx("div", { className: clsx(className, 'chips-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: children
-            ? children
-            : chipsList?.map((item) => (_jsx(Chips, { appearance: chipsAppearance, label: item.label, iconAfter: item.iconAfter, iconAfterActive: item.iconAfterActive, iconBefore: item.iconBefore, iconBeforeActive: item.iconBeforeActive, isActive: item.isActive, isDisabled: item.isDisabled, onClick: (event) => onClick?.(item, event) }, item.value))) }));
+    return (_jsxs("div", { className: clsx(className, 'chips-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: [before && _jsx("div", { className: "chips-group__before", children: before }), children
+                ? children
+                : chipsList?.map((item) => (_jsx(Chips, { appearance: chipsAppearance, label: item.label, iconAfter: item.iconAfter, iconAfterActive: item.iconAfterActive, iconBefore: item.iconBefore, iconBeforeActive: item.iconBeforeActive, isActive: item.isActive, isDisabled: item.isDisabled, onClick: (event) => onClick?.(item, event) }, item.value))), after && _jsx("div", { className: "chips-group__after", children: after })] }));
 }
 export { ChipsGroup };

package/dist/types/components/Choice/Choice.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { ChoiceConfig, ChoiceProps } from './Choice.interface';
 declare const choiceConfig: ChoiceConfig;
-declare function Choice(props: ChoiceProps): import("react/jsx-runtime").JSX.Element;
+declare function Choice(props: ChoiceProps): React.JSX.Element;
 export { Choice, choiceConfig };

package/dist/types/components/Code/Code.d.ts

@@ -1,4 +1,4 @@
 import type { CodeConfig, CodeProps } from './Code.interface';
 declare const codeConfig: CodeConfig;
-declare function Code(props: CodeProps): import("react/jsx-runtime").JSX.Element;
+declare function Code(props: CodeProps): import("react").JSX.Element;
 export { Code, codeConfig };

package/dist/types/components/CookiesWarning/CookiesWarning.d.ts

@@ -1,5 +1,5 @@
 import { CookiesWarningConfig } from './CookiesWarning.interface';
 import type { CookiesWarningProps } from './CookiesWarning.interface';
 declare const cookiesWarningConfig: CookiesWarningConfig;
-declare function CookiesWarning(props: CookiesWarningProps): import("react/jsx-runtime").JSX.Element;
+declare function CookiesWarning(props: CookiesWarningProps): import("react").JSX.Element;
 export { CookiesWarning, cookiesWarningConfig };

package/dist/types/components/Dadata/Dadata.d.ts

@@ -1,3 +1,3 @@
 import type { DadataProps } from './Dadata.interface';
-declare function Dadata(props: DadataProps): import("react/jsx-runtime").JSX.Element;
+declare function Dadata(props: DadataProps): import("react").JSX.Element;
 export { Dadata };

package/dist/types/components/DatePeriod/DatePeriod.d.ts

@@ -1,4 +1,4 @@
 import { DatePeriodConfig, DatePeriodProps } from './DatePeriod.interface';
 declare const datePeriodConfig: DatePeriodConfig;
-declare function DatePeriod(props: DatePeriodProps): import("react/jsx-runtime").JSX.Element;
+declare function DatePeriod(props: DatePeriodProps): import("react").JSX.Element;
 export { DatePeriod, datePeriodConfig };

package/dist/types/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { DatePickerConfig, DatePickerInputProps } from './DatePicker.interface';
 declare const datePickerConfig: DatePickerConfig;
-declare function DatePickerInput(props: DatePickerInputProps): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerInput(props: DatePickerInputProps): React.JSX.Element;
 export { datePickerConfig, DatePickerInput };

package/dist/types/components/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
 import type { DividerConfig, DividerProps } from './Divider.interface';
 declare const dividerConfig: DividerConfig;
-declare function Divider(props: DividerProps): import("react/jsx-runtime").JSX.Element;
+declare function Divider(props: DividerProps): import("react").JSX.Element;
 export { Divider, dividerConfig };

package/dist/types/components/Dot/Dot.d.ts

@@ -1,3 +1,3 @@
 import type { DotProps } from './Dot.interface';
-declare function Dot(props: DotProps): import("react/jsx-runtime").JSX.Element;
+declare function Dot(props: DotProps): import("react").JSX.Element;
 export { Dot };

package/dist/types/components/Drawer/Drawer.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { DrawerConfig, DrawerProps } from './Drawer.interface';
 declare const drawerConfig: DrawerConfig;
-declare function Drawer(props: DrawerProps): import("react/jsx-runtime").JSX.Element;
+declare function Drawer(props: DrawerProps): React.JSX.Element;
 export { Drawer, drawerConfig };

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -1,3 +1,3 @@
 import type { DropdownProps } from './Dropdown.interface';
-declare function Dropdown(props: DropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function Dropdown(props: DropdownProps): import("react").JSX.Element;
 export { Dropdown };

package/dist/types/components/Dropdown/DropdownItem.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { DropdownItemConfig, DropdownItemProps } from './Dropdown.interface';
 declare const dropdownItemConfig: DropdownItemConfig;
-declare function DropdownItem(props: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownItem(props: DropdownItemProps): React.JSX.Element;
 export { DropdownItem, dropdownItemConfig };

package/dist/types/components/Dropzone/Dropzone.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DropzoneProps } from './Dropzone.interface';
-declare const Dropzone: React.MemoExoticComponent<(props: DropzoneProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Dropzone: React.MemoExoticComponent<(props: DropzoneProps) => React.JSX.Element>;
 export { Dropzone };

package/dist/types/components/Flex/Flex.d.ts

@@ -1,3 +1,3 @@
 import type { FlexProps } from './Flex.interface';
-declare function Flex(props: FlexProps): import("react/jsx-runtime").JSX.Element;
+declare function Flex(props: FlexProps): import("react").JSX.Element;
 export { Flex };

package/dist/types/components/Flex/FlexItem.d.ts

@@ -1,3 +1,3 @@
 import type { FlexItemProps } from './Flex.interface';
-declare function FlexItem(props: FlexItemProps): import("react/jsx-runtime").JSX.Element;
+declare function FlexItem(props: FlexItemProps): import("react").JSX.Element;
 export { FlexItem };

package/dist/types/components/Flex/__test__/FlexTest.stories.d.ts

@@ -10,7 +10,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+    render: (args: FlexProps) => import("react").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/types/components/Grid/Grid.d.ts

@@ -1,3 +1,3 @@
 import type { GridProps } from './Grid.interface';
-declare function Grid(props: GridProps): import("react/jsx-runtime").JSX.Element;
+declare function Grid(props: GridProps): import("react").JSX.Element;
 export { Grid };

package/dist/types/components/Grid/GridItem.d.ts

@@ -1,3 +1,3 @@
 import type { GridItemProps } from './Grid.interface';
-declare function GridItem(props: GridItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridItem(props: GridItemProps): import("react").JSX.Element;
 export { GridItem };

package/dist/types/components/Grid/GridRow.d.ts

@@ -1,3 +1,3 @@
 import type { GridRowProps } from './Grid.interface';
-declare function GridRow(props: GridRowProps): import("react/jsx-runtime").JSX.Element;
+declare function GridRow(props: GridRowProps): import("react").JSX.Element;
 export { GridRow };

package/dist/types/components/Grid/__test__/GridTest.stories.d.ts

@@ -15,7 +15,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    render: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+    render: (args: GridProps) => import("react").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/types/components/HTMLContent/HTMLContent.d.ts

@@ -1,3 +1,3 @@
 import type { HTMLContentProps } from './HTMLContent.interface';
-declare function HTMLContent(props: HTMLContentProps): import("react/jsx-runtime").JSX.Element;
+declare function HTMLContent(props: HTMLContentProps): import("react").JSX.Element;
 export { HTMLContent };

package/dist/types/components/HeroTitle/HeroTitle.d.ts

@@ -1,4 +1,4 @@
 import type { HeroTitleConfig, HeroTitleProps } from './HeroTitle.interface';
 declare const heroTitleConfig: HeroTitleConfig;
-declare function HeroTitle(props: HeroTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function HeroTitle(props: HeroTitleProps): import("react").JSX.Element;
 export { HeroTitle, heroTitleConfig };

package/dist/types/components/InputNumber/InputNumber.d.ts

@@ -1,3 +1,3 @@
 import { InputNumberProps } from './InputNumber.interface';
-declare const InputNumber: (props: InputNumberProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputNumber: (props: InputNumberProps) => import("react").JSX.Element;
 export { InputNumber };

package/dist/types/components/InputNumber/__test__/InputNumberTest.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react-vite';
 import type { InputNumberProps } from '../InputNumber.interface';
 declare const meta: {
     title: string;
-    component: (props: InputNumberProps) => import("react/jsx-runtime").JSX.Element;
+    component: (props: InputNumberProps) => import("react").JSX.Element;
     args: {
         appearance: "defaultPrimary sizeXL solid rounded";
         dataTestId: string;

package/dist/types/components/InputPassword/InputPassword.d.ts

@@ -1,4 +1,4 @@
 import { InputPasswordConfig, InputPasswordProps } from './InputPassword.interface';
 declare const inputPasswordConfig: InputPasswordConfig;
-declare function InputPassword(props: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
+declare function InputPassword(props: InputPasswordProps): import("react").JSX.Element;
 export { InputPassword, inputPasswordConfig };

package/dist/types/components/Label/Label.d.ts

@@ -1,4 +1,4 @@
 import type { LabelConfig, LabelProps } from './Label.interface';
 declare const labelConfig: LabelConfig;
-declare function Label(props: LabelProps): import("react/jsx-runtime").JSX.Element;
+declare function Label(props: LabelProps): import("react").JSX.Element;
 export { Label, labelConfig };

package/dist/types/components/Link/Link.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { LinkConfig, LinkProps, LinkWrapperProps } from './Link.interface';
 declare const linkConfig: LinkConfig;
-declare function Link(props: LinkProps): import("react/jsx-runtime").JSX.Element;
-declare function LinkWrapper(props: LinkWrapperProps): import("react/jsx-runtime").JSX.Element | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[];
+declare function Link(props: LinkProps): React.JSX.Element;
+declare function LinkWrapper(props: LinkWrapperProps): React.JSX.Element | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[];
 export { Link, linkConfig, LinkWrapper };

package/dist/types/components/List/List.d.ts

@@ -1,3 +1,3 @@
 import type { ListProps } from './List.interface';
-declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;
+declare function List(props: ListProps): import("react").JSX.Element;
 export { List };

package/dist/types/components/List/ListItem.d.ts

@@ -1,3 +1,3 @@
 import type { ListItemProps } from './List.interface';
-declare function ListItem(props: ListItemProps): import("react/jsx-runtime").JSX.Element;
+declare function ListItem(props: ListItemProps): import("react").JSX.Element;
 export { ListItem };

package/dist/types/components/Loader/Loader.d.ts

@@ -1,4 +1,4 @@
 import type { LoaderConfig, LoaderProps } from './Loader.interface';
 declare const loaderConfig: LoaderConfig;
-declare function Loader(props: LoaderProps): import("react/jsx-runtime").JSX.Element;
+declare function Loader(props: LoaderProps): import("react").JSX.Element;
 export { Loader, loaderConfig };

package/dist/types/components/MenuItem/MenuItem.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { MenuItemConfig, MenuItemProps } from './MenuItem.interface';
 declare const menuItemConfig: MenuItemConfig;
-declare function MenuItem(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuItem(props: MenuItemProps): React.JSX.Element;
 export { MenuItem, menuItemConfig };

package/dist/types/components/Modal/ModalLoader.d.ts

@@ -1,2 +1,2 @@
-declare function ModalLoader(): import("react/jsx-runtime").JSX.Element;
+declare function ModalLoader(): import("react").JSX.Element;
 export { ModalLoader };

package/dist/types/components/Notification/Notification.d.ts

@@ -1,4 +1,4 @@
 import type { NotificationConfig, NotificationProps } from './Notification.interface';
 declare const notificationConfig: NotificationConfig;
-declare function Notification(props: NotificationProps): import("react/jsx-runtime").JSX.Element;
+declare function Notification(props: NotificationProps): import("react").JSX.Element;
 export { Notification, notificationConfig };

package/dist/types/components/Notification/NotificationWrapper.d.ts

@@ -1,3 +1,3 @@
 import type { NotificationWrapperProps } from './Notification.interface';
-declare function NotificationWrapper(props: NotificationWrapperProps): import("react/jsx-runtime").JSX.Element;
+declare function NotificationWrapper(props: NotificationWrapperProps): import("react").JSX.Element;
 export { NotificationWrapper };

package/dist/types/components/Overlay/Overlay.d.ts

@@ -1,4 +1,4 @@
 import type { OverlayConfig, OverlayProps } from './Overlay.interface';
 declare const overlayConfig: OverlayConfig;
-declare function Overlay(props: OverlayProps): import("react/jsx-runtime").JSX.Element;
+declare function Overlay(props: OverlayProps): import("react").JSX.Element;
 export { Overlay, overlayConfig };

package/dist/types/components/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
 import type { PaginationConfig, PaginationProps } from './Pagination.interface';
 declare const paginationConfig: PaginationConfig;
-declare function Pagination(props: PaginationProps): import("react/jsx-runtime").JSX.Element;
+declare function Pagination(props: PaginationProps): import("react").JSX.Element;
 export { Pagination, paginationConfig };

package/dist/types/components/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
 import type { RadioConfig, RadioProps } from './Radio.interface';
 declare const radioConfig: RadioConfig;
-declare function Radio(props: RadioProps): import("react/jsx-runtime").JSX.Element;
+declare function Radio(props: RadioProps): import("react").JSX.Element;
 export { Radio, radioConfig };

package/dist/types/components/RangeSlider/RangeSlider.d.ts

@@ -1,3 +1,3 @@
 import { RangeSliderProps } from './RangeSlider.interface';
-declare function RangeSlider(props: RangeSliderProps): import("react/jsx-runtime").JSX.Element;
+declare function RangeSlider(props: RangeSliderProps): import("react").JSX.Element;
 export { RangeSlider };

package/dist/types/components/Response/Response.js

@@ -38,7 +38,7 @@ const Response = urlWithAssetPrefix(forwardRef(function Response(props, ref) {
     }, [imageSrc, svgSrc, SvgImage, width, height]);
     const { styles: responseStyles, wrapper: wrapperStyles } = useStyles(props);
     return (_jsxs("div", { className: clsx(className, 'response', isBottomButton && `response_bottom-button`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
-            `border-color_hover_${borderColorHoverClass}`, borderTypeClass && `border_type_${borderTypeClass}`, borderWidthClass && `border-width_${borderWidthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, heightClass && `height_${heightClass}`, shapeClass && `shape_${shapeClass}`, widthClass && `width_${widthClass}`, isSkeleton && `skeleton`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: responseStyles, children: [before, _jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (_jsx("div", { className: clsx('response__image', svgFillClass && `svg_fill_${svgFillClass}`, svgPathFillClass && `svg_path_fill_${svgPathFillClass}`), "data-testid": dataTestId && `${dataTestId}Image`, children: ImageComponent })), _jsxs("div", { className: "response__wrapper-inner", children: [title && (_jsx(Text, { className: "response__title", dataTestId: dataTestId && `${dataTestId}Title`, size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (_jsx(Text, { className: "response__desc", dataTestId: dataTestId && `${dataTestId}Desc`, size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
+            `border-color_hover_${borderColorHoverClass}`, borderTypeClass && `border_type_${borderTypeClass}`, borderWidthClass && `border-width_${borderWidthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, heightClass && `height_${heightClass}`, shapeClass && `shape_${shapeClass}`, widthClass && `width_${widthClass}`, isSkeleton && `skeleton`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: responseStyles, children: [before, _jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (_jsx("div", { className: clsx('response__image', svgFillClass && `svg_fill_${svgFillClass}`, svgPathFillClass && `svg_path_fill_${svgPathFillClass}`), "data-testid": dataTestId && `${dataTestId}Image`, children: ImageComponent })), _jsxs("div", { className: "response__wrapper-inner", children: [title !== undefined && (_jsx(Text, { className: "response__title", dataTestId: dataTestId && `${dataTestId}Title`, size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (_jsx(Text, { className: "response__desc", dataTestId: dataTestId && `${dataTestId}Desc`, size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
                 primaryButton ||
                 secondaryButtonLabel ||
                 secondaryButton ||

package/dist/types/components/ScrollOnDrag/ScrollOnDrag.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ScrollOnDragProps } from './ScrollOnDrag.interface';
-declare function ScrollOnDrag(props: ScrollOnDragProps): import("react/jsx-runtime").JSX.Element;
+declare function ScrollOnDrag(props: ScrollOnDragProps): React.JSX.Element;
 export { ScrollOnDrag };

package/dist/types/components/Scrollbar/Scrollbar.d.ts

@@ -1,3 +1,3 @@
 import type { ScrollbarProps } from './Scrollbar.interface';
-declare function Scrollbar(props: ScrollbarProps): import("react/jsx-runtime").JSX.Element;
+declare function Scrollbar(props: ScrollbarProps): import("react").JSX.Element;
 export { Scrollbar };

package/dist/types/components/Segmented/Segmented.d.ts

@@ -1,4 +1,4 @@
 import type { SegmentedConfig, SegmentedProps } from './Segmented.interface';
 declare const segmentedConfig: SegmentedConfig;
-declare const Segmented: (props: SegmentedProps) => import("react/jsx-runtime").JSX.Element;
+declare const Segmented: (props: SegmentedProps) => import("react").JSX.Element;
 export { Segmented, segmentedConfig };

package/dist/types/components/Segmented/Segmented.interface.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import { AppearanceConfig, AppearanceKeysDefaultState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
@@ -30,7 +31,9 @@ type SegmentedAppearanceProps = {
 };
 type SegmentedProps = SegmentedAppearanceProps & StyleAttributes & {
     activeSegment: Segment;
+    after?: ReactNode;
     appearance?: CompositeAppearanceStateDefault;
+    before?: ReactNode;
     className?: string;
     dataTestId?: string;
     dataTour?: string;