@itcase/ui 1.8.179 → 1.9.1

package/dist/cjs/components/Chips.js

@@ -1,11 +1,10 @@
 'use strict';
 
-var ChipsGroup = require('../../ChipsGroup_cjs_B182e4c8.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_C-CP64k4.js');
 require('react/jsx-runtime');
 require('clsx');
-require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('react');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -20,6 +19,7 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
+require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../../Icon_cjs_Xsu3KUlK.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');

package/dist/cjs/components/DatePeriod.js

@@ -8,10 +8,10 @@ var common = require('@itcase/common');
 var DatePicker = require('../../DatePicker_cjs_C4EKZl4o.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var ChipsGroup = require('../../ChipsGroup_cjs_B182e4c8.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_C-CP64k4.js');
 require('react-select');
 require('../../Icon_cjs_Xsu3KUlK.js');
-var SelectContainer = require('../../SelectContainer_cjs_BOMkYSVf.js');
+var SelectContainer = require('../../SelectContainer_cjs_NkNDS17H.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/cjs/components/Drawer.js

@@ -4,15 +4,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var ReactDrawer = require('react-modern-drawer');
+var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
+var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var Divider = require('../../Divider_cjs_DrmV2ezS.js');
 var Icon = require('../../Icon_cjs_Xsu3KUlK.js');
 var Text = require('../../Text_cjs_DaH5tVvz.js');
-var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var _default = require('@itcase/icons/default');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/camelCase');
-require('lodash/maxBy');
+require('lodash/castArray');
 require('lodash/upperFirst');
 require('../context/Notifications.js');
 require('uuid');
@@ -23,11 +22,12 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
+require('../hooks/useStyles/useStyles.js');
+require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_qKXVfU8e.js');
-require('lodash/castArray');
 
 const drawerAppearanceSize = {
     sizeH3: {

package/dist/cjs/components/Select.js

@@ -1,12 +1,11 @@
 'use strict';
 
-var SelectContainer = require('../../SelectContainer_cjs_BOMkYSVf.js');
+var SelectContainer = require('../../SelectContainer_cjs_NkNDS17H.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
 require('react-select');
 require('react-select/creatable');
-require('../../Group_cjs_CFzdSMKV.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
@@ -21,6 +20,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
+require('../../Group_cjs_CFzdSMKV.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../../Text_cjs_DaH5tVvz.js');

package/dist/components/Chips.js

@@ -1,9 +1,8 @@
-export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_BflE-5Q3.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_BfN_kCqj.js';
 import 'react/jsx-runtime';
 import 'clsx';
-import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import 'react';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -18,6 +17,7 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
+import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../Icon_es_B02tKDTb.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/DatePeriod.js

@@ -6,10 +6,10 @@ import { DATE_PERIOD_INTERVALS } from '@itcase/common';
 import { D as DatePickerInput } from '../DatePicker_es_B7Th76gy.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BflE-5Q3.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BfN_kCqj.js';
 import 'react-select';
 import '../Icon_es_B02tKDTb.js';
-import { a as SelectContainer } from '../SelectContainer_es_gcm20n4I.js';
+import { a as SelectContainer } from '../SelectContainer_es_BpYwQ-do.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Drawer.js

@@ -2,15 +2,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
+import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
+import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { D as Divider } from '../Divider_es_BiYozVBS.js';
 import { I as Icon, b as Title } from '../Icon_es_B02tKDTb.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
-import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { icons24 } from '@itcase/icons/default';
-import '../hooks/useStyles/useStyles.js';
 import 'lodash/camelCase';
-import 'lodash/maxBy';
+import 'lodash/castArray';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import 'uuid';
@@ -21,11 +20,12 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
+import '../hooks/useStyles/useStyles.js';
+import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../Link_es_P2b6ya7P.js';
-import 'lodash/castArray';
 
 const drawerAppearanceSize = {
     sizeH3: {

package/dist/components/Select.js

@@ -1,10 +1,9 @@
-export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_gcm20n4I.js';
+export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_BpYwQ-do.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'react-select';
 import 'react-select/creatable';
-import '../Group_es_BwTj-yH-.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
@@ -19,6 +18,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
+import '../Group_es_BwTj-yH-.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../Text_es_RDU9GLCV.js';

package/dist/css/styles/bundles.css

@@ -38298,6 +38298,18 @@ textarea.fill {
 .shape {
   &_rounded {
     border-radius: 8px;
+    &S {
+      border-radius: 0.5m;
+    }
+    &M {
+      border-radius: 1m;
+    }
+    &L {
+      border-radius: 1.5m;
+    }
+    &XL {
+      border-radius: 2m;
+    }
   }
   &_circular {
     border-radius: 50%;
@@ -77901,7 +77913,7 @@ h2.react-datepicker__current-month {
     );
     background-size: 200%;
     animation: imageSkeleton 3s infinite linear;
-    ^^&__item {
+    ^&__item {
       opacity: 0%;
     }
   }

package/dist/stories/useAppearanceConfig.mdx

@@ -8,7 +8,7 @@ import { Meta } from '@storybook/addon-docs/blocks'
 ## Использование
 
 ```js
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig'
+import { useAppearanceConfig } from '../../hooks/useAppearanceConfig'
 
 const { appearanceConfig } = useAppearanceConfig(
   appearance,

package/dist/stories/useDevicePropsGenerator.mdx

@@ -155,7 +155,7 @@ const componentConfig: ComponentConfig = {
 ```
 
 4. Применяем стили к компоненту. Важно учитывать, если в названии класса указывается сначала название компонента, это означает что он ссылается на стили,
-которые определены внутри директории этого компонента `src/components/Component/css`
+которые определены внутри директории этого компонента `../Component/css`
 
 ```jsx
 'textarea__input'
@@ -199,4 +199,4 @@ const componentConfig: ComponentConfig = {
 2. Tablet (от `768px` до `960px`)
 3. Desktop (от `960px` до `1920px`)
 
-Подробнее об этом можно узнать в `src/context/UIContext.tsx`, ознакомиться с размерами для (`Mobile`, `Tablet`, `Desktop`) можно в `src/hooks/useMediaQueries/mediaQueries.json`
+Подробнее об этом можно узнать в `src/context/UIContext.tsx`, ознакомиться с размерами для (`Mobile`, `Tablet`, `Desktop`) можно в `../../hooks/useMediaQueries/mediaQueries.json`

package/dist/stories/useMediaQueries.mdx

@@ -3,7 +3,7 @@ import { Meta } from '@storybook/addon-docs/blocks'
 <Meta title="Hooks / useMediaQueries" />
 
 # `useMediaQueries`
-Предназначен для определения и выполнения кода согласно значению `viewport`, список доступных `viewport` находится в файле `src/hooks/useMediaQueries/mediaQueries.json`
+Предназначен для определения и выполнения кода согласно значению `viewport`, список доступных `viewport` находится в файле `../../hooks/useMediaQueries/mediaQueries.json`
 
 ## API
 

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

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillHoverProps, FillProps, HeightProps, ItemColorProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type AccordionProps = {};
 type AccordionItemEventData = {
     id: number | string;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceSizePxKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.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';

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, IconFillItemProps, IconFillProps, IconSizeProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps, TextColorProps, TextSizeProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type BadgeAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;

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

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { DirectionProps, FillProps, IconSizeProps, PositionProps, ShapeProps, TextColorHoverProps, TextColorProps, TextSizeProps, UnderlineProps, WidthProps, type AppearanceKeysDefault, type BorderColorProps, type FillHoverProps, type SizeProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface BreadcrumbsThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: BorderColorProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultKey, CompositeAppearanceKey, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps, WrapProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { LoaderProps } from '../Loader/Loader.interface';
 import { TextProps } from '../Text/Text.interface';

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

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { AppearanceKeysDefault, DirectionProps, FillProps, IconFillSizeProps, ItemColorProps, ShapeProps, SizeProps, TextAlignProps, TextColorProps, TextSizeProps, TextWeightProps, TextWrapProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface CellThemeColor {
 }
 type AppearanceKeys = AppearanceKeysDefault & {};

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

@@ -1,6 +1,6 @@
 import type { ElementType, ReactNode } from 'react';
 import { AppearanceKeysDefault, BorderColorProps, BorderWidthProps, FillProps, ItemColorProps, ShapeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type CheckboxState = {
     [key in AppearanceKeysDefault]?: CheckboxThemeColor;
 };

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

@@ -1,6 +1,6 @@
 import { ElementType } from 'react';
 import { AppearanceKeysDefault, BorderColorProps, BorderWidthProps, FillProps, SizeProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface CheckmarkThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: BorderColorProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface ChipsThemeColor {
     [key: number | string | symbol]: any;
     align?: AlignProps;

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import { AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, IconSizeProps, ItemColorProps, ShapeProps, SizeOptionProps, TextColorProps, TextSizeProps, TextWeightProps, WrapProps } from '@itcase/types';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface ChoiceThemeColor {
     [key: number | string | symbol]: any;
     activeIconItemFill?: ItemColorProps;

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

@@ -1,7 +1,7 @@
 import { FocusEvent, ReactNode } from 'react';
 import { AllowedInputTypes } from 'react-otp-input';
 import { AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemColorProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface CodeThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: BorderColorProps;

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

@@ -1,4 +1,4 @@
-import { LabelConfig } from 'src/components/Label/Label.interface';
+import { LabelConfig } from '../Label/Label.interface';
 import type { CookiesWarningProps } from './CookiesWarning.interface';
 declare const cookiesWarningConfig: LabelConfig;
 declare function CookiesWarning(props: CookiesWarningProps): false | import("react/jsx-runtime").JSX.Element;

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';
 export interface DadataProps extends StyleAttributes {
     delay?: number;
     input?: any;

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

@@ -1,6 +1,6 @@
 import type { DatePeriodItem } from '@itcase/common/types';
 import type { AppearanceKeysDefault, CompositeAppearanceKey, DateIso, FillHoverProps, FillProps, ShapeProps, SizePXProps, TextSizeProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type DatePeriodThemeColor = {
     fill?: FillProps;
     fillHover?: FillHoverProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.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';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface DotThemeColor {
     borderColor?: BorderColorProps;
     borderColorDesktop?: BorderColorProps;

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import { AppearanceKeysDefault } from '@itcase/types';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface DrawerThemeColor {
 }
 type AppearanceKeys = AppearanceKeysDefault & {};

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

@@ -1,6 +1,6 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { AlignDirectionProps, AlignmentProps, AlignProps, AppearanceKeysDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextSizeProps, TextWeightProps, TextWrapProps, TypeProps, UnderlineProps, WidthProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface DropdownProps extends StyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { AlignDirectionProps, BorderColorProps, BorderTypeProps, DirectionProps, FillHoverProps, FillProps, FlexAlignProps, FlexJustifyContentProps, FlexWrapProps, HorizontalResizeModeProps, PositionProps, ShapeProps, WidthProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface FlexProps extends StyleAttributes {
     id?: number | string;
     [key: number | string | symbol]: any;

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

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { BorderColorProps, DirectionProps, FillHoverProps, FillProps, GridAlignProps, GridAlignSelfProps, GridJustifyItemsProps, GridJustifySelfProps, HorizontalResizeModeProps, ShapeProps, VerticalResizeModeProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface GridBaseThemeColor extends StyleAttributes {
     alignSelf?: GridAlignSelfProps;
     alignSelfDesktop?: GridAlignSelfProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, DirectionProps, ElevationProps, FillHoverProps, FillProps, FlexGrowProps, HeightProps, ItemColorProps, JustifyContentProps, ShapeProps, StackingProps, TextColorProps, WidthProps, WrapProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface ThemeColor {
     [key: number | string | symbol]: any;
     border?: string;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignDirectionProps, AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, ElevationProps, FillHoverProps, FillProps, FlexGrowProps, HeightProps, JustifyContentProps, ShapeProps, TextColorProps, TextWeightProps, WidthProps, WrapProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface HTMLContentProps extends StyleAttributes {
     [key: number | string | symbol]: any;
     align?: AlignProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { AppearanceKeysDefault, FillProps, SvgFillProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextStyleProps, TextWeightProps, TextWrapProps, TitleSizeHeadingProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface HeroTitleThemeColor {
     [key: number | string | symbol]: any;
     fill?: FillProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignmentProps, AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillActiveHoverProps, IconFillActiveProps, IconFillHoverProps, IconFillItemProps, IconFillProps, IconFillSizeProps, IconSizeProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps, TitleSizeProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type IconAppearanceProps = {
     alignment?: AlignmentProps;
     badgeAppearance?: AppearanceKeysDefault;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { BorderColorProps, FillHoverProps, FillProps, HorizontalContentAlignProps, ShapeProps, VerticalContentAlignProps, WidthProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface ImageProps extends StyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;

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

@@ -1,5 +1,5 @@
 import { AppearanceKeysDefault, BorderColorProps, BorderWidthProps, FillProps, ItemColorProps, ShapeProps, SizeProps, StateKeysDefault, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface InputThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: BorderColorProps;

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

@@ -1,5 +1,5 @@
 import { AppearanceKeysDefault, BorderColorProps, BorderWidthProps, FillProps, IconSizeProps, ItemColorProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface InputThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: BorderColorProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.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';

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { AppearanceKeysDefault, DirectionProps, FillProps, SizeProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextStyleProps, TextWeightProps, UnderlineProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface LinkThemeColor {
     direction?: DirectionProps;
     fill?: FillProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, DirectionProps, FillProps, SizeProps, TextColorProps, TextStyleProps, TextWeightProps, TitleSizeProps, type BorderColorProps, type FillHoverProps, type ShapeProps, type WidthProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface ListThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: BorderColorProps;

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, TextColorProps, TextSizeProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type LoaderAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, FlexAlignProps, SizeProps, WidthProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface LogoThemeColor {
     [key: number | string | symbol]: any;
     alt?: string;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, TextSizeProps, TextTagProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.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';

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

@@ -1,6 +1,6 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceIconKeys, CompositeAppearanceKey, ElevationProps, FillProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorHoverProps, TextColorProps, TextSizeProps, TextWeightProps, TextWrapProps, TitleSizeProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { OverlayProps } from '../Overlay/Overlay.interface';
 type ModalAppearanceProps = {
     borderColor?: BorderColorProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, FillProps, SizeProps, TextColorProps, TextSizeProps, WidthProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface NotificationThemeColor {
     [key: number | string | symbol]: any;
     fill?: FillProps;

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';
-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,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { AlignmentProps, AppearanceKeysDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, IconFillSizeProps, ItemColorProps, ShapeProps, SizeProps, TextAlignProps, TextColorActiveProps, TextColorProps, TextSizeProps, TextWrapProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface PaginationThemeColor {
     [key: number | string | symbol]: any;
     fill?: FillProps;

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

@@ -1,6 +1,6 @@
 import { ElementType } from 'react';
 import { AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillProps, ItemColorProps, ShapeProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface RadioThemeColor {
     [key: number | string | symbol]: any;
     descTextColor?: TextColorProps;