@itcase/ui 1.9.55 → 1.9.57

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

@@ -1,10 +1,10 @@
 import { CSSProperties, MouseEvent, MouseEventHandler, ReactNode } from 'react';
 import { AlignmentProps, AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { BadgeProps } from 'src/components/Badge/Badge.interface';
-import { DividerProps } from 'src/components/Divider/Divider.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { DividerProps } from '../Divider/Divider.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type DropdownAppearanceProps = {
     alignment?: AlignmentProps;
     animationClose?: string;

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

@@ -1,5 +1,5 @@
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { ButtonProps } from '../Button/Button.interface';
 import { TextProps } from '../Text/Text.interface';
 type DropzoneAppearanceProps = {

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, PositionProps, ShapeProps, WidthProps, WrapProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type FlexAppearanceProps = {
     alignContent?: JustifyContentProps;
     alignContentDesktop?: JustifyContentProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { AlignProps, BorderColorProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type GridBaseAppearanceProps = {
     alignContent?: AlignProps;
     alignContentDesktop?: AlignProps;

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

@@ -1,9 +1,9 @@
 import { CSSProperties, ElementType, MouseEventHandler, ReactNode } from 'react';
 import { AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, StackingProps, WidthProps, WrapProps } from '@itcase/types-ui';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { LabelProps } from 'src/components/Label/Label.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { LabelProps } from '../Label/Label.interface';
+import { TextProps } from '../Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type GroupAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, ElevationProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, TextColorProps, TextWeightProps, WidthProps, WrapProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type HTMLContentAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;

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

@@ -1,9 +1,9 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { AppearanceHeadingSizeKey, DirectionProps, FillProps, SvgFillProps, TextAlignProps, TextWeightProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
-import { TitleProps } from 'src/components/Title/Title.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../Title/Title.interface';
 type HeroTitleAppearanceProps = {
     direction?: DirectionProps;
     directionWrapper?: string;

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

@@ -1,10 +1,10 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
 import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
-import { BadgeProps } from 'src/components/Badge/Badge.interface';
-import { LinkWrapperProps } from 'src/components/Link/Link.interface';
-import { TitleProps } from 'src/components/Title/Title.interface';
-import { TooltipProps } from 'src/components/Tooltip/Tooltip.interface';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { LinkWrapperProps } from '../Link/Link.interface';
+import { TitleProps } from '../Title/Title.interface';
+import { TooltipProps } from '../Tooltip/Tooltip.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type IconAppearanceProps = {
     alignment?: AlignmentProps;
     badgeAppearance?: BadgeProps['appearance'];

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type ImageAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorImage?: string;

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

@@ -1,6 +1,6 @@
 import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type InputAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorDisabled?: BorderColorProps;

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

@@ -1,7 +1,7 @@
 import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type InputAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;

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

@@ -1,9 +1,9 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
 import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, CompositeAppearanceKey, FillGradientProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
-import { TooltipProps } from 'src/components/Tooltip/Tooltip.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TooltipProps } from '../Tooltip/Tooltip.interface';
 type LabelAppearanceProps = {
     align?: AlignProps;
     borderColor?: BorderColorProps;

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

@@ -1,8 +1,8 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWeightProps, UnderlineProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type LinkAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;

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

@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { LinkProps } from 'react-scroll';
 import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type ListAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type LoaderAppearanceProps = {
     borderColor?: BorderColorProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { AlignProps, AppearanceKeysDefault, DirectionProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type LogoAppearanceProps = {
     alt?: string;
     size?: string;

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

@@ -1,10 +1,10 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { LinkProps } from 'react-scroll';
 import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
-import { TooltipProps } from 'src/components/Tooltip/Tooltip.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TooltipProps } from '../Tooltip/Tooltip.interface';
 type MenuItemAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;

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

@@ -1,10 +1,10 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, ElevationProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { OverlayProps } from 'src/components/Overlay/Overlay.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
-import { TitleProps } from 'src/components/Title/Title.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { OverlayProps } from '../Overlay/Overlay.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../Title/Title.interface';
 type ModalAppearanceProps = {
     borderColor?: BorderColorProps;
     borderType?: BorderTypeProps;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { SheetProps } from 'react-modal-sheet';
 import { AppearanceSizeKey, FillProps } from '@itcase/types-ui';
-import { TitleProps } from 'src/components/Title/Title.interface';
+import { TitleProps } from '../Title/Title.interface';
 type ModalSheetBottomRef = {
     closeModal: ModalSheetBottomProps['onCloseModalSheetBottom'];
     isOpen: boolean;

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

@@ -1,11 +1,11 @@
 import { CSSProperties, ReactNode } from 'react';
 import { GeneratedId } from '@itcase/types-core';
 import { AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { ButtonProps } from 'src/components/Button/Button.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { LoaderProps } from 'src/components/Loader/Loader.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { ButtonProps } from '../Button/Button.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { LoaderProps } from '../Loader/Loader.interface';
+import { TextProps } from '../Text/Text.interface';
 type NotificationAppearanceProps = {
     borderColor?: BorderColorProps;
     buttonAppearance?: ButtonProps['appearance'];

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

@@ -1,6 +1,6 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { AppearanceOverlayKey, BlurProps, FillProps, OpacityProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type OverlayAppearanceProps = {
     blur?: BlurProps;
     fill?: FillProps;

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

@@ -1,9 +1,9 @@
 import { type ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { DropdownItemProps, DropdownProps } from 'src/components/Dropdown/Dropdown.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { DropdownItemProps, DropdownProps } from '../Dropdown/Dropdown.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type PaginationAppearanceProps = {
     borderColor?: BorderColorProps;
     builderIcon?: IconProps['SvgImage'];

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

@@ -1,7 +1,7 @@
 import { ElementType } from 'react';
 import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type RadioAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type RangeSliderAppearanceProps = {
     fill?: FillProps;
     fillHandle?: FillProps;

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

@@ -1,9 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceResponseKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceResponseKeys, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SvgFillProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { ButtonProps } from 'src/components/Button/Button.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { ButtonProps } from '../Button/Button.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type ResponseAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;

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

@@ -1,6 +1,6 @@
 import { SvgFillProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
 type SVGContentAppearanceProps = {
     svgFill?: SvgFillProps;
     svgFillHover?: SvgFillProps;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { ScrollContainer } from 'react-indiana-drag-scroll';
 import { BorderColorProps, BorderTypeProps, BorderWidthProps, ElevationProps, FillHoverProps, FillProps, HeightProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type ScrollOnDragAppearanceProps = {
     borderColor?: BorderColorProps;
     borderType?: BorderTypeProps;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { AlignProps, DirectionProps, JustifyContentProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type ScrollToViewAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type ScrollbarProps = StyleAttributes & {
     children?: ReactNode;
     className?: string;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type SearchAppearanceProps = {
     borderColor?: BorderColorProps;

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

@@ -1,7 +1,7 @@
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type SegmentedAppearanceProps = {
     borderColor?: BorderColorProps;
     borderType?: BorderTypeProps;

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

@@ -3,12 +3,12 @@ import { ActionMeta, GroupBase, OnChangeValue, PropsValue, SingleValue } from 'r
 import { Props } from 'react-select/base';
 import { Option as SelectOption } from '@itcase/types-core';
 import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, CompositeAppearanceStateKeys, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { BadgeProps } from 'src/components/Badge/Badge.interface';
-import { DividerProps } from 'src/components/Divider/Divider.interface';
-import { DropdownProps } from 'src/components/Dropdown/Dropdown.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { LoaderProps } from 'src/components/Loader/Loader.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { DividerProps } from '../Divider/Divider.interface';
+import { DropdownProps } from '../Dropdown/Dropdown.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { LoaderProps } from '../Loader/Loader.interface';
+import { TextProps } from '../Text/Text.interface';
 type SelectAppearanceProps<Option> = {
     after?: React.ReactNode;
     appearance?: CompositeAppearanceStateKeys;

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

@@ -2,7 +2,7 @@ import { CSSProperties, ReactNode, type Ref } from 'react';
 import { SwiperClass, type SwiperRef } from 'swiper/react';
 import { SwiperModule, SwiperOptions } from 'swiper/types';
 import { AlignProps, DirectionProps, FillProps, ShapeProps, TextColorProps, TextWeightProps, TitleSizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type SwiperAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;

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

@@ -1,6 +1,6 @@
 import { AlignProps, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type SwitchAppearanceProps = {
     borderColor?: BorderColorProps;
     descTextColor?: TextProps['textColor'];

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

@@ -1,10 +1,10 @@
 import type { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps, WrapProps } from '@itcase/types-ui';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { BadgeProps } from 'src/components/Badge/Badge.interface';
-import { DividerProps } from 'src/components/Divider/Divider.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { DividerProps } from '../Divider/Divider.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type TabAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceSizePxKey, TextAlignProps, TextColorActiveHoverProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextFontProps, TextSizeProps, TextStyleProps, TextTagProps, TextWeightProps, TextWrapProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type TextAppearanceProps = {
     cursor?: string;
     font?: TextFontProps;

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

@@ -1,7 +1,7 @@
 import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateKeys, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type TextareaAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;

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

@@ -1,10 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextAlignProps, TextWeightProps, TextWrapProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { BadgeProps } from 'src/components/Badge/Badge.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
-import { TitleProps } from 'src/components/Title/Title.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../Title/Title.interface';
 type TileAppearanceProps = {
     alignDirection?: DirectionProps;
     badgeAppearance?: BadgeProps['appearance'];

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

@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceStateKeysDefault, AppearanceStyleKey, AppearanceTitleSizeKey, BorderColorHoverProps, BorderColorProps, CompositeAppearanceTitleKey, DirectionHVProps, FillHoverProps, FillProps, SvgFillHoverProps, SvgFillProps, TextColorProps, TextSizeProps, TextTagProps, TitleSizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type TitleAppearanceProps = {
     borderColor?: BorderColorProps;
     borderHover?: BorderColorHoverProps;

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

@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateKeys, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
-import { TitleProps } from 'src/components/Title/Title.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../Title/Title.interface';
 type TooltipAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type VideoProps = StyleAttributes & {
     id?: string;
     children?: ReactNode;

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

@@ -1,8 +1,8 @@
 import type { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ShapeProps, ShapeStrengthProps, TextSizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type WarningAppearanceProps = {
     borderColor?: BorderColorProps;
     descriptionTextColor?: TextProps['textColor'];

package/dist/types/index.js

@@ -0,0 +1 @@
+export * from './utils';

package/dist/types/utils.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+import { mergeAppearanceKeys } from './mergeAppearanceKeys';
+import { setViewportProperty } from './setViewportProperty';
+export { mergeAppearanceKeys, setViewportProperty };

package/dist/utils/mergeAppearanceKeys.js

@@ -12,5 +12,4 @@ const mergeAppearanceKeys = (...appearances) => {
     const uniqueAppearances = Array.from(new Set(trimmedAppearances));
     return uniqueAppearances.join(' ');
 };
-
 export { mergeAppearanceKeys };

package/dist/utils/setViewportProperty.js

@@ -2,5 +2,4 @@ const setViewportProperty = () => {
     const vh = window.innerHeight * 0.01;
     document.documentElement.style.setProperty('--vh', `${vh}px`);
 };
-
 export { setViewportProperty };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.55",
+  "version": "1.9.57",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -60,18 +60,16 @@
       "require": "./dist/cjs/utils/*.js"
     },
     "./types": {
-      "import": "./dist/types/types/index.d.ts",
       "types": "./dist/types/types/index.d.ts"
     },
     "./types/componentProps/*": {
-      "import": "./dist/types/types/componentProps/*.d.ts",
-      "require": "./dist/types/types/componentProps/*.d.ts"
+      "types": "./dist/types/types/componentProps/*.d.ts"
     },
     "./stories/*": "./dist/stories/*.tsx",
     "./dist/css/styles/bundles.css": "./dist/css/styles/bundles.css"
   },
   "scripts": {
-    "build": "npm run build-js && npm run build-css",
+    "build": "npm run build-js && rm -rf dist/types && tsc -p tsconfig.build.json && npm run build-css",
     "build-js": "rm -rf dist && rollup -c",
     "build-css": "rm -rf dist/css && postcss 'src/styles/bundles.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' --base src --dir dist/css/ --env production",
     "dev-js": "rollup -c -w",