@itcase/ui 1.9.56 → 1.9.58

package/dist/hooks/useHoldProgress.js

@@ -1,5 +1,4 @@
-import { useRef, useState, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useRef, useState } from 'react';
 const FRAME_DURATION = 16; // Approximate duration of a frame in milliseconds
 const HOLD_STATE = {
     HOLDING: 'holding',
@@ -55,5 +54,4 @@ function useHoldProgress(options) {
         onHoldStart,
     };
 }
-
 export { useHoldProgress };

package/dist/hooks/useMediaQueries/index.js

@@ -0,0 +1 @@
+export { useMediaQueries } from './useMediaQueries';

package/dist/hooks/useMediaQueries/mediaQueries.json

@@ -0,0 +1,19 @@
+{
+    "mobile-tiny": "15em",
+    "mobile-small": "20em",
+    "mobile-medium": "23.435em",
+    "mobile-normal": "24.375em",
+    "mobile-large": "26.75em",
+    "mobile-extra-large": "30em",
+    "mobile-super-extra-large": "40em",
+    "tablet": "48em",
+    "tablet-small": "40em",
+    "tablet-large": "60em",
+    "desktop-small": "60em",
+    "desktop-medium": "64em",
+    "desktop-normal": "72.5em",
+    "desktop-large": "80em",
+    "desktop-extra-large": "90em",
+    "desktop-super-extra-large": "120em",
+    "desktop-huge": "160em"
+}

package/dist/hooks/useMediaQueries/useMediaQueries.js

@@ -1,119 +1,112 @@
 import { useMemo } from 'react';
 import { useMediaQuery } from 'react-responsive';
-
-var tablet = "48em";
-var mediaQueries = {
-	"mobile-tiny": "15em",
-	"mobile-super-extra-large": "40em",
-	tablet: tablet,
-	"desktop-small": "60em",
-	"desktop-huge": "160em"
-};
-
+import mediaQueries from './mediaQueries.json';
 const isSSR = typeof window === 'undefined';
 function useMediaQueries(userDevice = {}) {
-  // const isWarning = useMediaQuery({ maxWidth: mediaQueries['mobile-tiny'] })
-  // prettier-ignore
-  const isMobile = useMediaQuery({
-    minWidth: mediaQueries['mobile-tiny'],
-    maxWidth: mediaQueries['tablet']
-  }) || isSSR && Boolean(userDevice.isMobile);
-  // const isMobileTiny = useMediaQuery({
-  //   minWidth: mediaQueries['mobile-tiny'],
-  //   maxWidth: mediaQueries['mobile-small'],
-  // })
-  // const isMobileSmall = useMediaQuery({
-  //   minWidth: mediaQueries['mobile-small'],
-  //   maxWidth: mediaQueries['mobile-medium'],
-  // })
-  // const isMobileMedium = useMediaQuery({
-  //   minWidth: mediaQueries['mobile-medium'],
-  //   maxWidth: mediaQueries['mobile-normal'],
-  // })
-  // const isMobileNormal = useMediaQuery({
-  //   minWidth: mediaQueries['mobile-normal'],
-  //   maxWidth: mediaQueries['mobile-large'],
-  // })
-  // const isMobileStandart = useMediaQuery({
-  //   minWidth: mediaQueries['mobile-large'],
-  //   maxWidth: mediaQueries['mobile-extra-large'],
-  // })
-  // const isMobileLarge = useMediaQuery({
-  //   minWidth: mediaQueries['mobile-extra-large'],
-  //   maxWidth: mediaQueries['mobile-super-extra-large'],
-  // })
-  useMediaQuery({
-    minWidth: mediaQueries['mobile-super-extra-large'],
-    maxWidth: mediaQueries['tablet']
-  });
-  // prettier-ignore
-  const isTablet = useMediaQuery({
-    minWidth: mediaQueries['tablet'],
-    maxWidth: mediaQueries['desktop-small']
-  }) || isSSR && Boolean(userDevice.isTablet);
-  // const isTabletSmall = useMediaQuery({
-  //   minWidth: mediaQueries['tablet-small'],
-  //   maxWidth: mediaQueries['tablet'],
-  // })
-  // const isTabletLarge = useMediaQuery({
-  //   minWidth: mediaQueries['tablet'],
-  //   maxWidth: mediaQueries['tablet-large'],
-  // })
-  // prettier-ignore
-  const isDesktop = useMediaQuery({
-    minWidth: mediaQueries['desktop-small'],
-    maxWidth: mediaQueries['desktop-super-huge']
-  }) || isSSR && Boolean(userDevice.isDesktop);
-  // const isDesktopSmall = useMediaQuery({
-  //   minWidth: mediaQueries['desktop-small'],
-  //   maxWidth: mediaQueries['desktop-medium'],
-  // })
-  // const isDesktopMedium = useMediaQuery({
-  //   minWidth: mediaQueries['desktop-medium'],
-  //   maxWidth: mediaQueries['desktop-normal'],
-  // })
-  // const isDesktopNormal = useMediaQuery({
-  //   minWidth: mediaQueries['desktop-normal'],
-  //   maxWidth: mediaQueries['desktop-large'],
-  // })
-  // const isDesktopStandart = useMediaQuery({
-  //   minWidth: mediaQueries['desktop-large'],
-  //   maxWidth: mediaQueries['desktop-extra-large'],
-  // })
-  // const isDesktopLarge = useMediaQuery({
-  //   minWidth: mediaQueries['desktop-extra-large'],
-  //   maxWidth: mediaQueries['desktop-super-extra-large'],
-  // })
-  // const isDesktopHuge = useMediaQuery({
-  //   minWidth: mediaQueries['desktop-super-extra-large'],
-  //   maxWidth: mediaQueries['desktop-huge'],
-  // })
-  const isDesktopMega = useMediaQuery({
-    minWidth: mediaQueries['desktop-huge']
-  });
-  const deviceTypes = useMemo(() => ({
-    // isWarning,
-    isMobile: isMobile,
-    // isMobileTiny,
-    // isMobileSmall,
-    // isMobileMedium,
-    // isMobileNormal,
-    // isMobileStandart,
-    // isMobileLarge,
-    isMobileHuge: isMobile,
-    isTablet: isTablet,
-    // isTabletSmall,
-    // isTabletLarge,
-    isDesktop: isDesktop,
-    // isDesktopSmall,
-    // isDesktopMedium,
-    // isDesktopNormal,
-    // isDesktopStandart,
-    // isDesktopLarge,
-    // isDesktopHuge,
-    isDesktopMega: isDesktopMega
-  }), [isMobile, isTablet, isDesktop, isDesktopMega]);
-  return deviceTypes;
+    // const isWarning = useMediaQuery({ maxWidth: mediaQueries['mobile-tiny'] })
+    // prettier-ignore
+    const isMobile = (useMediaQuery({
+        minWidth: mediaQueries['mobile-tiny'],
+        maxWidth: mediaQueries['tablet'],
+    }) ||
+        (isSSR && Boolean(userDevice.isMobile)));
+    // const isMobileTiny = useMediaQuery({
+    //   minWidth: mediaQueries['mobile-tiny'],
+    //   maxWidth: mediaQueries['mobile-small'],
+    // })
+    // const isMobileSmall = useMediaQuery({
+    //   minWidth: mediaQueries['mobile-small'],
+    //   maxWidth: mediaQueries['mobile-medium'],
+    // })
+    // const isMobileMedium = useMediaQuery({
+    //   minWidth: mediaQueries['mobile-medium'],
+    //   maxWidth: mediaQueries['mobile-normal'],
+    // })
+    // const isMobileNormal = useMediaQuery({
+    //   minWidth: mediaQueries['mobile-normal'],
+    //   maxWidth: mediaQueries['mobile-large'],
+    // })
+    // const isMobileStandart = useMediaQuery({
+    //   minWidth: mediaQueries['mobile-large'],
+    //   maxWidth: mediaQueries['mobile-extra-large'],
+    // })
+    // const isMobileLarge = useMediaQuery({
+    //   minWidth: mediaQueries['mobile-extra-large'],
+    //   maxWidth: mediaQueries['mobile-super-extra-large'],
+    // })
+    const isMobileHuge = useMediaQuery({
+        minWidth: mediaQueries['mobile-super-extra-large'],
+        maxWidth: mediaQueries['tablet'],
+    });
+    // prettier-ignore
+    const isTablet = (useMediaQuery({
+        minWidth: mediaQueries['tablet'],
+        maxWidth: mediaQueries['desktop-small'],
+    }) ||
+        (isSSR && Boolean(userDevice.isTablet)));
+    // const isTabletSmall = useMediaQuery({
+    //   minWidth: mediaQueries['tablet-small'],
+    //   maxWidth: mediaQueries['tablet'],
+    // })
+    // const isTabletLarge = useMediaQuery({
+    //   minWidth: mediaQueries['tablet'],
+    //   maxWidth: mediaQueries['tablet-large'],
+    // })
+    // prettier-ignore
+    const isDesktop = (useMediaQuery({
+        minWidth: mediaQueries['desktop-small'],
+        maxWidth: mediaQueries['desktop-super-huge'],
+    }) ||
+        (isSSR && Boolean(userDevice.isDesktop)));
+    // const isDesktopSmall = useMediaQuery({
+    //   minWidth: mediaQueries['desktop-small'],
+    //   maxWidth: mediaQueries['desktop-medium'],
+    // })
+    // const isDesktopMedium = useMediaQuery({
+    //   minWidth: mediaQueries['desktop-medium'],
+    //   maxWidth: mediaQueries['desktop-normal'],
+    // })
+    // const isDesktopNormal = useMediaQuery({
+    //   minWidth: mediaQueries['desktop-normal'],
+    //   maxWidth: mediaQueries['desktop-large'],
+    // })
+    // const isDesktopStandart = useMediaQuery({
+    //   minWidth: mediaQueries['desktop-large'],
+    //   maxWidth: mediaQueries['desktop-extra-large'],
+    // })
+    // const isDesktopLarge = useMediaQuery({
+    //   minWidth: mediaQueries['desktop-extra-large'],
+    //   maxWidth: mediaQueries['desktop-super-extra-large'],
+    // })
+    // const isDesktopHuge = useMediaQuery({
+    //   minWidth: mediaQueries['desktop-super-extra-large'],
+    //   maxWidth: mediaQueries['desktop-huge'],
+    // })
+    const isDesktopMega = useMediaQuery({
+        minWidth: mediaQueries['desktop-huge'],
+    });
+    const deviceTypes = useMemo(() => ({
+        // isWarning,
+        isMobile: isMobile,
+        // isMobileTiny,
+        // isMobileSmall,
+        // isMobileMedium,
+        // isMobileNormal,
+        // isMobileStandart,
+        // isMobileLarge,
+        isMobileHuge: isMobile,
+        isTablet: isTablet,
+        // isTabletSmall,
+        // isTabletLarge,
+        isDesktop: isDesktop,
+        // isDesktopSmall,
+        // isDesktopMedium,
+        // isDesktopNormal,
+        // isDesktopStandart,
+        // isDesktopLarge,
+        // isDesktopHuge,
+        isDesktopMega: isDesktopMega,
+    }), [isMobile, isTablet, isDesktop, isDesktopMega]);
+    return deviceTypes;
 }
-
 export { useMediaQueries };

package/dist/hooks/useStyles/index.js

@@ -0,0 +1 @@
+export { useStyles } from './useStyles';

package/dist/hooks/useStyles/styleAttributes.interface.js

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

package/dist/hooks/useStyles/styleAttributes.js

@@ -1,4 +1,4 @@
-var styleAttributes = [
+export default [
     /**
      * Layout
      */
@@ -165,5 +165,3 @@ var styleAttributes = [
     'transitionProperty',
     'transitionTimingFunction',
 ];
-
-export { styleAttributes as default };

package/dist/hooks/useStyles/useStyles.js

@@ -2,17 +2,9 @@ import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import maxBy from 'lodash/maxBy';
 import upperFirst from 'lodash/upperFirst';
-import '../../context/Notifications.js';
-import { useUserDeviceContext } from '../../context/UIContext.js';
-import { getStyleAttributeKey } from '../../hooks.js';
-import styleAttributes from './styleAttributes.js';
-import 'react/jsx-runtime';
-import 'uuid';
-import '@itcase/common';
-import '../useMediaQueries/useMediaQueries.js';
-import 'react-responsive';
-import '../../utils/setViewportProperty.js';
-
+import { useUserDeviceContext } from '../../context';
+import { getStyleAttributeKey } from '../index.helpers';
+import styleAttributes from './styleAttributes';
 /*
  * rule of prop key:
  *
@@ -198,5 +190,4 @@ const getTargetStyleAttributeKey = (styleKey, styleValue = '') => {
     const styleAttributeKey = getStyleAttributeKey(targetStyleAttribute);
     return styleAttributeKey;
 };
-
 export { useStyles };

package/dist/hooks/useViewportFix.js

@@ -1,5 +1,4 @@
 import { useEffect } from 'react';
-
 function useViewportFix() {
     useEffect(() => {
         // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
@@ -37,5 +36,4 @@ function useViewportFix() {
         };
     }, []);
 }
-
 export { useViewportFix };

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

@@ -1,11 +1,11 @@
 import type { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } 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 { TitleProps } from 'src/components/Title/Title.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';
+import { TitleProps } from '../Title/Title.interface';
 type AccordionAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;

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

@@ -1,9 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } 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 { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type AvatarAppearanceProps = {
     badge?: string;
     badgeAppearance?: BadgeProps['appearance'];

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

@@ -1,6 +1,6 @@
 import type { AppearanceSizePxKey, DirectionProps, SizePXProps } from '@itcase/types-ui';
-import { AvatarProps } from 'src/components/Avatar/Avatar.interface';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { AvatarProps } from '../Avatar/Avatar.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type AvatarStackAppearanceProps = {
     size: SizePXProps;
 };

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

@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps } 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 BadgeAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;

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

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

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

@@ -1,10 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { LinkWrapperProps } from 'src/components/Link/Link.interface';
-import { LoaderProps } from 'src/components/Loader/Loader.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { LinkWrapperProps } from '../Link/Link.interface';
+import { LoaderProps } from '../Loader/Loader.interface';
+import { TextProps } from '../Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type ButtonAppearanceProps = {
     align?: AlignProps;
     borderColor?: BorderColorProps;

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

@@ -1,8 +1,8 @@
 import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceSizeOrEqualKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillActiveHoverProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-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 '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { LabelProps } from '../Label/Label.interface';
+import { TextProps } from '../Text/Text.interface';
 type CellAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorActive?: BorderColorProps;

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

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

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

@@ -1,6 +1,6 @@
 import { ElementType } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, SizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 type CheckmarkAppearanceProps = {
     borderColor?: BorderColorProps;

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

@@ -1,9 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, WrapProps } from '@itcase/types-ui';
-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 { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type ChipsAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;

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

@@ -1,3 +1,4 @@
 export { Chips, chipsConfig } from './Chips';
+export type { ChipsProps, ChipsGroupProps, ChipsConfig, ChipsAppearance } from './Chips.interface';
 export { chipsAppearance } from './Chips.appearance';
 export { ChipsGroup } from './ChipsGroup';

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

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.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 { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
 type ChoiceAppearanceProps = {
     activeIcon?: IconProps['SvgImage'];
     activeIconItemFill?: IconProps['fill'];

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

@@ -1,9 +1,9 @@
 import { FocusEvent, ReactNode } from 'react';
 import { AllowedInputTypes } from 'react-otp-input';
 import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { LabelProps } from 'src/components/Label/Label.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { LabelProps } from '../Label/Label.interface';
+import { TextProps } from '../Text/Text.interface';
 type CodeAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;

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

@@ -1,7 +1,7 @@
 import { AppearanceStateKeysDefault, ElevationProps, FillHoverProps, FillProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-import { ButtonProps } from 'src/components/Button/Button.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { ButtonProps } from '../Button/Button.interface';
+import { TextProps } from '../Text/Text.interface';
 type CookiesWarningAppearanceProps = {
     buttonAppearance?: ButtonProps['appearance'];
     buttonFill?: ButtonProps['fill'];

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

@@ -1,7 +1,7 @@
 import { HTMLProps } from 'react';
 import { DaDataSuggestion } from 'react-dadata';
 import { DaDataParty } from 'react-dadata/dist/variants/party_russia/party-russia-types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type DadataProps = StyleAttributes & {
     dataTestId?: string;
     dataTour?: string;

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

@@ -1,10 +1,10 @@
 import type { DatePeriodItem } from '@itcase/common/types';
 import { Option as SelectOption } from '@itcase/types-core';
 import type { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, CompositeAppearanceDefaultSizeShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
-import { ChipsProps } from 'src/components/Chips/Chips.interface';
-import { DatePickerInputProps } from 'src/components/DatePicker/DatePicker.interface';
-import { SelectAppearanceProps, SelectProps } from 'src/components/Select/Select.interface';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { ChipsProps } from '../Chips/Chips.interface';
+import { DatePickerInputProps } from '../DatePicker/DatePicker.interface';
+import { SelectAppearanceProps, SelectProps } from '../Select/Select.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type DatePeriodAppearanceProps<Option> = {
     chipsAppearance?: ChipsProps['appearance'];
     chipsAppearanceSize?: AppearanceSizeKey;

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

@@ -2,11 +2,11 @@ import { ReactNode, RefObject } from 'react';
 import DatePicker, { DatePickerProps } from 'react-datepicker';
 import { DateIso } from '@itcase/types-core';
 import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceDefaultSizeStyleKey, SizeProps, TextSizeProps, WidthProps } from '@itcase/types-ui';
-import { ButtonProps } from 'src/components/Button/Button.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
-import { InputProps } from 'src/components/Input/Input.interface';
-import { LabelProps } from 'src/components/Label/Label.interface';
-import { TextProps } from 'src/components/Text/Text.interface';
+import { ButtonProps } from '../Button/Button.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { InputProps } from '../Input/Input.interface';
+import { LabelProps } from '../Label/Label.interface';
+import { TextProps } from '../Text/Text.interface';
 type AppearanceKeys = AppearanceKeysDefault | AppearanceSizeKey | AppearanceStyleKey;
 type DatePickerAppearance = {
     [key in AppearanceKeys]?: DatePickerInputProps;

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

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 import { AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, CompositeAppearanceDefaultSizeKey, DirectionProps, 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 DividerAppearanceProps = {
     borderColor?: BorderColorProps;
     direction?: DirectionProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { BorderColorProps, BorderTypeProps, FillProps, ShapeProps, SizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type DotAppearance = {
     borderColor?: BorderColorProps;
     borderColorDesktop?: BorderColorProps;

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

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react';
 import { AppearanceHeadingSizeKey, AppearanceKeysDefault, CompositeAppearanceDefaultSizeKey } from '@itcase/types-ui';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.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 { TitleProps } from 'src/components/Title/Title.interface';
+import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { DividerProps } from '../Divider/Divider.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../Title/Title.interface';
 type DrawerAppearanceProps = {
     closeIcon?: IconProps['SvgImage'];
     closeIconFill?: IconProps['fill'];