@itcase/ui 1.3.11 → 1.3.13

package/dist/stories/Drawer.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as DrawerStories from './Drawer.stories.js'
+import * as DrawerStories from './Drawer.stories.tsx'
 
 <Meta of={DrawerStories} />
 

package/dist/stories/Dropdown.mdx

@@ -1,7 +1,7 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as DropdownStories from './Dropdown.stories.js'
-import * as DropdownItemStories from './DropdownItem.stories.js'
+import * as DropdownStories from './Dropdown.stories.tsx'
+import * as DropdownItemStories from './DropdownItem.stories.tsx'
 
 <Meta of={DropdownStories} />
 

package/dist/stories/DropdownItem.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as DropdownItemStories from './DropdownItem.stories.js'
+import * as DropdownItemStories from './DropdownItem.stories.tsx'
 
 <Meta of={DropdownItemStories} />
 

package/dist/stories/Group.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as GroupStories from './Group.stories.js'
+import * as GroupStories from './Group.stories.tsx'
 
 <Meta title="Atoms / Tab / TabGroub" />
 

package/dist/stories/Grow.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as GrowStories from './FlexGrow.stories.js'
+import * as GrowStories from './FlexGrow.stories.tsx'
 
 <Meta title="Layout / Flex / Grow" />
 

package/dist/stories/Icon.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as IconStories from './Icon.stories.js'
+import * as IconStories from './Icon.stories.tsx'
 
 <Meta of={IconStories} />
 

package/dist/stories/Image.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as ImageStories from './Image.stories.js'
+import * as ImageStories from './Image.stories.tsx'
 
 <Meta of={ImageStories} />
 

package/dist/stories/Input.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as InputStories from './Input.stories.js'
+import * as InputStories from './Input.stories.tsx'
 
 <Meta of={InputStories} />
 

package/dist/stories/InputPassword.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as InputPasswordStories from './InputPassword.stories.js'
+import * as InputPasswordStories from './InputPassword.stories.tsx'
 
 <Meta of={InputPasswordStories} />
 

package/dist/stories/JustifyContent.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as JustifyStories from './JustifyContent.stories.js'
+import * as JustifyStories from './JustifyContent.stories.tsx'
 
 <Meta title="Layout / Group / JustifyContent" />
 

package/dist/stories/Label.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as LabelStories from './Label.stories.js'
+import * as LabelStories from './Label.stories.tsx'
 
 <Meta of={LabelStories} />
 

package/dist/stories/Loader.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as LoaderStories from './Loader.stories.js'
+import * as LoaderStories from './Loader.stories.tsx'
 
 <Meta of={LoaderStories} />
 

package/dist/stories/Logo.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as LogoStories from './Logo.stories.js'
+import * as LogoStories from './Logo.stories.tsx'
 
 <Meta of={LogoStories} />
 

package/dist/stories/MenuItem.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as MenuItemStories from './MenuItem.stories.js'
+import * as MenuItemStories from './MenuItem.stories.tsx'
 
 <Meta of={MenuItemStories} />
 

package/dist/stories/Message.mdx

@@ -1,12 +1,15 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as MessageStories from './Message.stories.js'
+import * as MessageStories from './Message.stories.tsx'
 
 <Meta title="Molecules / Response / Message" />
 
 # Response Set: Message
+
 ## Success
+
 <Canvas sourceState="shown" of={MessageStories.Success} />
 
 ## Error
+
 <Canvas sourceState="shown" of={MessageStories.Error} />

package/dist/stories/Notification.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as NotificationStories from './Notification.stories.js'
+import * as NotificationStories from './Notification.stories.tsx'
 
 <Meta of={NotificationStories} />
 

package/dist/stories/Order.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as OrderStories from './FlexOrder.stories.js'
+import * as OrderStories from './FlexOrder.stories.tsx'
 
 <Meta title="Layout / Flex / Order" />
 

package/dist/stories/Overview.mdx

@@ -1,6 +1,6 @@
 import { Meta, Story } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.js'
+import * as TooltipStories from './Tooltip.stories.tsx'
 
 <Meta title="Atoms / Tooltip / Overview" />
 

package/dist/stories/Pagination.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as PaginationStories from './Pagination.stories.js'
+import * as PaginationStories from './Pagination.stories.tsx'
 
 <Meta of={PaginationStories} />
 

package/dist/stories/Playground.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.js'
+import * as TooltipStories from './Tooltip.stories.tsx'
 
 <Meta title="Atoms / Tooltip / Playground" />
 

package/dist/stories/Radio.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as RadioStories from './Radio.stories.js'
+import * as RadioStories from './Radio.stories.tsx'
 
 <Meta of={RadioStories} />
 
@@ -22,7 +22,6 @@ import * as RadioStories from './Radio.stories.js'
 
 <Canvas sourceState="shown" of={RadioStories.CheckedDisabled} />
 
-
 Active
 Disabled
 Checked

package/dist/stories/Response.mdx

@@ -1,18 +1,23 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as ResponseStories from './Response.stories.js'
+import * as ResponseStories from './Response.stories.tsx'
 
 <Meta of={ResponseStories} />
 
 # Response Set: Default
+
 ## Success
+
 <Canvas sourceState="shown" of={ResponseStories.Success} />
 
 ## Warning
+
 <Canvas sourceState="shown" of={ResponseStories.Warning} />
 
 ## Error
+
 <Canvas sourceState="shown" of={ResponseStories.Error} />
 
 ## Fail
+
 <Canvas sourceState="shown" of={ResponseStories.Fail} />

package/dist/stories/SearchInput.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SearchInputStories from './SearchInput.stories.js'
+import * as SearchInputStories from './SearchInput.stories.tsx'
 
 <Meta of={SearchInputStories} />
 

package/dist/stories/Segmented.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SegmentedStories from './Segmented.stories.js'
+import * as SegmentedStories from './Segmented.stories.tsx'
 
 <Meta of={SegmentedStories} />
 

package/dist/stories/Size.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SizeStories from './Size.stories.js'
+import * as SizeStories from './Size.stories.tsx'
 
 <Meta title="Atoms / Tab / Size" />
 

package/dist/stories/Skeleton.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TitleStories from './Title.stories.js'
+import * as TitleStories from './Title.stories.tsx'
 
 <Meta title="Atoms / Title / Skeleton Mode" />
 

package/dist/stories/State.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as StateStories from './State.stories.js'
+import * as StateStories from './State.stories.tsx'
 
 <Meta title="Atoms / Tab / State" />
 

package/dist/stories/Switch.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SwitchStories from './Switch.stories.js'
+import * as SwitchStories from './Switch.stories.tsx'
 
 <Meta of={SwitchStories} />
 

package/dist/stories/Text.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SizeStories from './Text.stories.js'
+import * as SizeStories from './Text.stories.tsx'
 
 <Meta of={SizeStories} />
 

package/dist/stories/Textarea.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TextareaStories from './Textarea.stories.js'
+import * as TextareaStories from './Textarea.stories.tsx'
 
 <Meta of={TextareaStories} />
 

package/dist/stories/Tile.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TileStories from './Tile.stories.js'
+import * as TileStories from './Tile.stories.tsx'
 
 <Meta of={TileStories} />
 

package/dist/stories/Title.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TitleStories from './Title.stories.js'
+import * as TitleStories from './Title.stories.tsx'
 
 <Meta of={TitleStories} />
 

package/dist/stories/Tooltip.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.js'
+import * as TooltipStories from './Tooltip.stories.tsx'
 
 <Meta of={TooltipStories} />
 

package/dist/stories/WithTooltip.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as LabelStories from './Label.stories.js'
+import * as LabelStories from './Label.stories.tsx'
 
 <Meta title="Atoms / Label / WithTooltip" />
 

package/dist/stories/Wrap.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as WrapStories from './Wrap.stories.js'
+import * as WrapStories from './Wrap.stories.tsx'
 
 <Meta title="Layout / Group / Wrap" />
 

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

@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactNode } from 'react';
+import type { tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextWeightProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextWeightProps, tWidthProps } from '../../types';
 export interface iAccordionThemeColor {
 }
 export interface iAccordionItemThemeColor {

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

@@ -1,7 +1,7 @@
 import { ElementType, ReactNode } from 'react';
+import { tFillHoverProps, tFillProps, tIconFillSizeProps, tIconSizeProps, tItemColorProps, tShapeProps, tSizePXProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { iconFillSizePropsType, iconSizePropsType, sizePXPropsType, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iAvatarThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;
@@ -9,10 +9,10 @@ export interface iAvatarThemeColor {
     icon?: ElementType;
     iconFill?: tFillProps;
     iconFillHover?: tFillHoverProps;
-    iconFillSize?: iconFillSizePropsType;
+    iconFillSize?: tIconFillSizeProps;
     iconItemFill?: tItemColorProps;
     iconShape?: tShapeProps;
-    iconSize?: iconSizePropsType;
+    iconSize?: tIconSizeProps;
     iconSrc?: string;
     shape?: tShapeProps;
     textColor?: tTextColorProps;
@@ -38,7 +38,7 @@ export interface iAvatarProps extends iAvatarThemeColor, iStyleAttributes {
     firstName?: string;
     mode?: string;
     secondName?: string;
-    size?: sizePXPropsType;
+    size?: tSizePXProps;
     src?: string;
     type?: 'image' | 'text';
     onClick?: () => void;

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

@@ -1,12 +1,12 @@
 import { CSSProperties, ReactNode } from 'react';
+import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderTypePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iBadgeThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
-    borderColorHover?: borderColorHoverPropsType;
-    borderType?: borderTypePropsType;
+    borderColorHover?: tBorderColorHoverProps;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;

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

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
+import { tDirectionProps, tFillProps, tIconSizeProps, tPositionProps, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tUnderlineProps, tWidthProps } from 'types';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { iconSizePropsType, positionPropsType, tDirectionProps, tFillProps, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tUnderlineProps, tWidthProps } from '../../types';
 export interface iBreadcrumbsItemProps extends iStyleAttributes {
     id?: string;
     [key: number | string | symbol]: any;
@@ -15,12 +15,12 @@ export interface iBreadcrumbsItemProps extends iStyleAttributes {
     iconAfter?: ElementType;
     iconAfterBgFill?: tFillProps;
     iconAfterFill?: tFillProps;
-    iconAfterSize?: iconSizePropsType;
+    iconAfterSize?: tIconSizeProps;
     itemIconAfter?: ElementType;
-    position?: positionPropsType;
-    positionDesktop?: positionPropsType;
-    positionMobile?: positionPropsType;
-    positionTablet?: positionPropsType;
+    position?: tPositionProps;
+    positionDesktop?: tPositionProps;
+    positionMobile?: tPositionProps;
+    positionTablet?: tPositionProps;
     shape?: tShapeProps;
     shapeDesktop?: tShapeProps;
     shapeMobile?: tShapeProps;
@@ -53,14 +53,14 @@ export interface iBreadcrumbsProps extends iStyleAttributes {
     fillTablet?: tFillProps;
     iconAfterBgFill?: tFillProps;
     iconAfterFill?: tFillProps;
-    iconAfterSize?: iconSizePropsType;
+    iconAfterSize?: tIconSizeProps;
     itemTextColor?: tTextColorProps;
     itemTextColorHover?: tTextColorHoverProps;
     itemUnderline?: tUnderlineProps;
-    position?: positionPropsType;
-    positionDesktop?: positionPropsType;
-    positionMobile?: positionPropsType;
-    positionTablet?: positionPropsType;
+    position?: tPositionProps;
+    positionDesktop?: tPositionProps;
+    positionMobile?: tPositionProps;
+    positionTablet?: tPositionProps;
     shape?: tShapeProps;
     shapeDesktop?: tShapeProps;
     shapeMobile?: tShapeProps;

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

@@ -1,32 +1,32 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tElevationProps, tFillHoverProps, tFillProps, tIconFillSizeProps, tIconSizeProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { borderTypePropsType, elevationPropsType, iconFillSizePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
-import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iButtonThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
-    borderType?: borderTypePropsType;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
-    elevation?: elevationPropsType;
+    elevation?: tElevationProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
     fillIcon?: tFillProps;
     fillIconAfter?: tFillProps;
     fillIconBefore?: tFillProps;
     iconAfterFill?: tItemColorProps;
-    iconAfterFillSize?: iconFillSizePropsType;
+    iconAfterFillSize?: tIconFillSizeProps;
     iconAfterShape?: tShapeProps;
-    iconAfterSize?: iconSizePropsType;
+    iconAfterSize?: tIconSizeProps;
     iconAfterSrc?: string;
     iconBeforeFill?: tItemColorProps;
-    iconBeforeFillSize?: iconFillSizePropsType;
+    iconBeforeFillSize?: tIconFillSizeProps;
     iconBeforeShape?: tShapeProps;
-    iconBeforeSize?: iconSizePropsType;
+    iconBeforeSize?: tIconSizeProps;
     iconBeforeSrc?: string;
     iconFill?: tItemColorProps;
-    iconFillSize?: iconFillSizePropsType;
+    iconFillSize?: tIconFillSizeProps;
     iconShape?: tShapeProps;
-    iconSize?: iconSizePropsType;
+    iconSize?: tIconSizeProps;
     label?: string;
     labelTextColor?: tTextColorProps;
     labelTextColorHover?: tTextColorHoverProps;