@scbt-ecom/ui 0.0.30 → 0.0.31

package/dist/shared/ui/formControlElements/ui/MessageView.d.ts

@@ -0,0 +1,13 @@
+import { FieldError } from 'react-hook-form';
+import { VariantProps } from 'class-variance-authority';
+declare const messageViewConfig: (props?: ({
+    intent?: "error" | "simple" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface IMessageViewProps extends VariantProps<typeof messageViewConfig> {
+    as?: 'div' | 'span' | 'p';
+    text?: string | FieldError['message'];
+    className?: string;
+}
+export declare const MessageView: ({ intent, as: Element, disabled, text, className, ...props }: IMessageViewProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/shared/ui/formControlElements/ui/index.d.ts

@@ -0,0 +1,4 @@
+export { FieldAttachment } from './FieldAttachment';
+export { MessageView } from './MessageView';
+export { FieldWrapper } from './FieldWrapper';
+export { FieldContainer } from './FieldContainer';

package/dist/shared/ui/icon/Icon.d.ts

@@ -0,0 +1,10 @@
+import { SpritesMap } from './sprite.gen';
+import * as React from 'react';
+export type IconName<Key extends keyof SpritesMap> = `${Key}/${SpritesMap[Key]}`;
+export type TAllowedIcons = {
+    [Key in keyof SpritesMap]: IconName<Key>;
+}[keyof SpritesMap];
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    name: TAllowedIcons;
+}
+export declare const Icon: ({ name, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/{lib/shared/ui/icon/index.ts → dist/shared/ui/icon/index.d.ts}

@@ -1,2 +1,2 @@
-export { Icon, type IconProps, type TAllowedIcons } from './Icon'
-export * from './sprite.gen'
+export { Icon, type IconProps, type TAllowedIcons } from './Icon';
+export * from './sprite.gen';

package/dist/shared/ui/icon/sprite.gen.d.ts

@@ -0,0 +1,17 @@
+export interface SpritesMap {
+    arrows: 'arrowCircle' | 'arrowLink' | 'arrowRight';
+    brandLogos: 'logoBlack' | 'logoBusiness' | 'logoGray' | 'logoInsurance' | 'logoMain' | 'logoWhite';
+    files: 'documentFilled' | 'documentOutline';
+    general: 'calendar' | 'check' | 'close';
+    info: 'warningCircle';
+}
+export declare const SPRITES_META: {
+    [Key in keyof SpritesMap]: {
+        filePath: string;
+        items: Record<SpritesMap[Key], {
+            viewBox: string;
+            width: number;
+            height: number;
+        }>;
+    };
+};

package/dist/shared/ui/index.d.ts

@@ -0,0 +1,21 @@
+export { Section, type ISectionProps } from './Section';
+export { ResponsiveContainer, type IResponsiveContainerProps } from './ResponsiveContainer';
+export { Button, type IButtonProps } from './button';
+export { ButtonIcon, type IButtonIconProps } from './ButtonIcon';
+export { PhoneView } from './PhoneView';
+export { Badge, type IBadgeProps } from './Badge';
+export { Loader, type ILoaderProps } from './Loader';
+export { Skeleton, type ISkeletonProps } from './Skeleton';
+export { Table } from './table';
+export { Accordion, type IAccordionProps } from './accordion';
+export { Hint, type IHintProps } from './Hint';
+export { Popover } from './popover';
+export { ProgressBar, type IProgressBarProps } from './ProgressBar';
+export { TabsSwitcher, type ITabsSwitcherProps, type ITabRenderContent } from './TabsSwitcher';
+export { Heading, type IHeadingProps } from './Heading';
+export { Icon, type IconProps, type TAllowedIcons } from './icon';
+export { brandLogos, type TBrandLogoVariant } from './brandLogos';
+export { Breadcrumbs, type IBreadcrumbsProps } from './Breadcrumbs';
+export { CustomLink, type ICustomLinkProps } from './CustomLink';
+export { Document, type IDocumentProps } from './Document';
+export { InputControl, type InputControlProps, InputControlMask, type InputControlMaskProps, FormControl, DadataInputControl, type IDadataInputControlProps, CheckboxControl, type ICheckboxControlProps, RadioControl, type IRadioControlProps, type IRadioGroupOption, SwitchControl, type ISwitchControlProps, SelectControl, type ISelectControlProps, type ISelectOption, TextareaControl, type ITextareaControlProps, CalendarControl, type ICalendarControlProps } from './formControlElements';

package/dist/shared/ui/popover/Popover.d.ts

@@ -0,0 +1,23 @@
+import { ReactElement, ReactNode } from 'react';
+import { PopoverContentProps as TPopoverContentPropsBase } from '@radix-ui/react-popover';
+type TAdditionalClasses = {
+    content: string;
+    arrow: string;
+    trigger: string;
+};
+interface IPopoverContentProps extends TPopoverContentPropsBase {
+    sideOffset?: number;
+    alignOffset?: number;
+    align?: 'end' | 'center' | 'start';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    defaultOpen?: boolean;
+    avoidCollisions?: boolean;
+}
+export interface IPopoverProps extends IPopoverContentProps {
+    triggerElement: ReactElement;
+    children: ReactNode;
+    classes?: Partial<TAdditionalClasses>;
+    headLine?: string;
+}
+export declare const Popover: ({ triggerElement, classes, sideOffset, alignOffset, align, side, defaultOpen, avoidCollisions, headLine, children, arrowPadding, ...contentProps }: IPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/popover/index.d.ts

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

package/dist/shared/ui/table/Table.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { TableRows, TTableClasses, TTableColumnCount } from './type';
+declare const tableConfig: (props?: ({
+    columnCount?: "twoColumns" | "threeColumns" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TTableProps = VariantProps<typeof tableConfig>;
+export interface ITable<C extends TTableColumnCount> extends TTableProps {
+    headTitle: string | ReactElement;
+    columnCount: TTableColumnCount;
+    tableHead?: string[];
+    tableRows: TableRows<C>;
+    additionalText?: string;
+    classes?: Partial<TTableClasses>;
+}
+export declare const Table: <C extends TTableColumnCount>({ headTitle, tableRows, tableHead, additionalText, columnCount, classes }: ITable<C>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/table/index.d.ts

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

package/dist/shared/ui/table/type.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement } from 'react';
+export type TTableColumnCount = 'twoColumns' | 'threeColumns';
+export type TableRows<C extends TTableColumnCount> = ColumnsCount<C>[];
+export type Ceil = {
+    text: string | ReactElement;
+};
+export type ColumnsCount<C extends TTableColumnCount> = C extends 'twoColumns' ? [Ceil, Ceil] : C extends 'threeColumns' ? [Ceil, Ceil, Ceil] : never;
+export type TTableClasses = {
+    tableRootWrapper: string;
+    tableHeading: string;
+    tableBody: string;
+    tableRowTitles: string;
+    tableCell: string;
+    tableAdditionalText: string;
+    tableTitlesContainer: string;
+    tableTitleCeil: string;
+    tableBodyContainer: string;
+    tableTitleRow: string;
+    tableBodyRow: string;
+    tableBodyCeil: string;
+};

package/dist/shared/utils/capitalize.d.ts

@@ -0,0 +1 @@
+export declare const capitalize: (str: string) => string;

package/dist/shared/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare const cn: (...inputs: ClassValue[]) => string;

package/dist/shared/utils/deepCompare.d.ts

@@ -0,0 +1 @@
+export declare const deepCompare: <A, B>(dataA: A, dataB: B) => boolean;

package/dist/shared/utils/formatToDate.d.ts

@@ -0,0 +1 @@
+export declare const formatToDate: (value: string, format?: string) => Date;

package/dist/shared/utils/index.d.ts

@@ -0,0 +1,5 @@
+export { cn } from './cn';
+export { deepCompare } from './deepCompare';
+export { isClient } from './isClient';
+export { capitalize } from './capitalize';
+export { formatToDate } from './formatToDate';

package/dist/shared/utils/isClient.d.ts

@@ -0,0 +1 @@
+export declare const isClient: boolean;

package/dist/shared/validation/index.d.ts

@@ -0,0 +1,3 @@
+export * from './regExp';
+export * from './messages';
+export * from './zodValidation';

package/dist/shared/validation/messages.d.ts

@@ -0,0 +1,12 @@
+export declare const VALIDATION_MESSAGES: {
+    readonly REQUIRED: "Поле обязательно к заполнению";
+    readonly MIN_LENGTH: "Минимальная длина символов должна быть не менее";
+    readonly MAX_LENGTH: "Максимальная длина символов должна быть не более";
+    readonly FIX_LENGTH: "Длина символов должна быть равна";
+    readonly MAX_LENGTH_ELEMENTS: "Максимальное количество элементов должно быть не более";
+    readonly MIN_LENGTH_ELEMENTS: "Минимальное количество элементов должно быть не менее";
+    readonly FIX_LENGTH_ELEMENTS: "Количество элементов должно быть равно";
+    readonly INVALID_VALUE: "Поле заполнено некорректно";
+    readonly INVALID_DATE: "Введите корректную дату";
+    readonly FUTURE_DATE_NOT_ALLOWED: "Нельзя выбрать дату позже текущей";
+};

package/dist/shared/validation/regExp.d.ts

@@ -0,0 +1,3 @@
+export declare const RgxUnicode: RegExp;
+export declare const RgxCheckForHyphen: RegExp;
+export declare const RgxPatronymic: RegExp;

package/dist/shared/validation/zodValidation/calendar.d.ts

@@ -0,0 +1,2 @@
+import { z } from 'zod';
+export declare const zodCalendarValidate: z.ZodEffects<z.ZodString, string, string>;

package/dist/shared/validation/zodValidation/dadataFio.d.ts

@@ -0,0 +1,6 @@
+import { z } from 'zod';
+export declare const zodDadataFioValidate: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, {
+    surname: string;
+    name: string;
+    patronymic: string | undefined;
+}, string>;

package/dist/shared/validation/zodValidation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dadataFio';
+export * from './calendar';

package/dist/widgets/Advantages.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface IAdvantageClasses {
+    wrapper: string;
+    advantage: string;
+    title: string;
+    description: string;
+}
+export interface IAdvantage {
+    title: string;
+    description: string | React.ReactElement;
+}
+export interface IAdvantagesProps {
+    advantagesList: IAdvantage[];
+    classes?: Partial<IAdvantageClasses>;
+}
+export declare const Advantages: ({ advantagesList, classes }: IAdvantagesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/banner/Banner.d.ts

@@ -0,0 +1,28 @@
+import { IAdvantage } from '../Advantages';
+import { IBannerButtonsGroupClasses } from './ui/BannerButtonsGroup';
+import { IButtonProps } from '../../shared/ui';
+interface IBannerClasses extends IBannerButtonsGroupClasses {
+    section: string;
+    container: string;
+    wrapper: string;
+    content: string;
+    textBlock: string;
+    title: string;
+    subtitle: string;
+    imageContainer: string;
+    image: string;
+    advantages: string;
+}
+export type TButtonsConfig = {
+    primary: IButtonProps;
+    secondary?: IButtonProps;
+};
+export interface IBannerProps {
+    headTitle: string;
+    subtitle: string;
+    buttonsConfig: TButtonsConfig;
+    advantagesList?: IAdvantage[];
+    classes?: Partial<IBannerClasses>;
+}
+export declare const Banner: ({ headTitle, subtitle, buttonsConfig, advantagesList, classes }: IBannerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/banner/index.d.ts

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

package/dist/widgets/banner/model/helpers.d.ts

@@ -0,0 +1,4 @@
+import { IBannerProps } from '../Banner';
+export declare const mockBannerBase: IBannerProps;
+export declare const mockBannerOnlyPrimaryButton: IBannerProps;
+export declare const mockWithAdvantages: IBannerProps;

package/dist/widgets/banner/ui/BannerButtonsGroup.d.ts

@@ -0,0 +1,12 @@
+import { TButtonsConfig } from '../Banner';
+export interface IBannerButtonsGroupClasses {
+    group: string;
+    primary: string;
+    secondary: string;
+}
+interface IBannerButtonsGroupProps {
+    buttonsConfig: TButtonsConfig;
+    classes?: Partial<IBannerButtonsGroupClasses>;
+}
+export declare const BannerButtonsGroup: ({ buttonsConfig, classes }: IBannerButtonsGroupProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/{lib/widgets/index.ts → dist/widgets/index.d.ts}

@@ -1,3 +1,3 @@
-export { PageHeader, type TPageHeaderProps } from './pageHeader'
-export { Banner } from './banner'
-export { Advantages, type IAdvantage, type IAdvantagesProps } from './Advantages'
+export { PageHeader, type TPageHeaderProps } from './pageHeader';
+export { Banner } from './banner';
+export { Advantages, type IAdvantage, type IAdvantagesProps } from './Advantages';

package/dist/widgets/pageHeader/PageHeader.d.ts

@@ -0,0 +1,16 @@
+import { TBrandLogoVariant } from '../../shared/ui';
+export interface ICommonHeaderProps {
+    logoPath?: string;
+    logoType?: TBrandLogoVariant;
+}
+interface IHeaderWithPhone extends ICommonHeaderProps {
+    variant: 'withPhone';
+    phone: string;
+    phoneText: string;
+}
+interface IHeaderWithButton extends ICommonHeaderProps {
+    variant: 'withButton';
+}
+export type TPageHeaderProps = IHeaderWithButton | IHeaderWithPhone;
+export declare const PageHeader: (props: TPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/{lib/widgets/pageHeader/index.ts → dist/widgets/pageHeader/index.d.ts}

@@ -1 +1 @@
-export { PageHeader, type TPageHeaderProps } from './PageHeader'
+export { PageHeader, type TPageHeaderProps } from './PageHeader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "type": "module",
   "exports": {
     "./client": {
@@ -14,6 +14,9 @@
       "types": "./dist/types/server.d.ts"
     }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",

package/.env

@@ -1,2 +0,0 @@
-STORYBOOK_DADATA_API=https://urt-web-app1:4032/v1/cache/dadata
-STORYBOOK_DADATA_CONSTANTS_API=https://urt-web-app1:4009/constants

package/.eslintrc.cjs

@@ -1,134 +0,0 @@
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
-    'plugin:storybook/recommended',
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react/recommended',
-    'plugin:prettier/recommended',
-    'airbnb',
-    'airbnb-typescript',
-    'plugin:@typescript-eslint/recommended'
-  ],
-  ignorePatterns: ['dist', '.eslintrc.cjs', 'vite.config.ts', 'vitest.config.mjs', 'tailwind.config.ts', 'postcss.config.mjs', 'storybook-static'],
-  parser: '@typescript-eslint/parser',
-  overrides: [
-    {
-      env: {
-        node: true
-      },
-      files: ['.eslintrc.{js,cjs}'],
-      parserOptions: {
-        sourceType: 'module',
-        ecmaVersion: 'latest'
-      }
-    },
-    {
-      files: ['*.stories.@(ts|tsx|js|jsx|mjs|cjs)'],
-      rules: {
-        'import/no-default-export': 'off'
-      }
-    }
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true
-    },
-    project: './tsconfig.json',
-    tsconfigRootDir: __dirname
-  },
-  plugins: [
-    'react-refresh',
-    '@typescript-eslint',
-    'react',
-    '@typescript-eslint/eslint-plugin',
-    'simple-import-sort',
-    'jsx-a11y',
-    'unused-imports',
-    'promise',
-    'prettier'
-  ],
-  rules: {
-    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
-    'react/react-in-jsx-scope': 'off',
-    'react/display-name': 'off',
-    '@typescript-eslint/no-explicit-any': 'warn',
-    'promise/prefer-await-to-then': 'error',
-    'react/self-closing-comp': 'off',
-    'react/jsx-closing-tag-location': 'off',
-    'react/jsx-curly-brace-presence': ['error', { props: 'never', children: 'never' }],
-    'prettier/prettier': ['error', {}, { usePrettierrc: true }],
-    'import/prefer-default-export': 'off',
-    'react/function-component-definition': 'off',
-    'arrow-body-style': 'off',
-    'react/destructuring-assignment': 'off',
-    'operator-linebreak': 'off',
-    'jsx-a11y/control-has-associated-label': 'off',
-    'import/no-extraneous-dependencies': 'off',
-    'react/require-default-props': 'off',
-    'react/jsx-props-no-spreading': 'off',
-    'react/button-has-type': 'off',
-    '@typescript-eslint/semi': 'off',
-    'linebreak-style': 'off',
-    'object-curly-newline': 'off',
-    'prefer-arrow-callback': 'off',
-    'no-case-declarations': 'off',
-    '@typescript-eslint/comma-dangle': 'off',
-    'max-len': 'off',
-    'jsx-quotes': [2, 'prefer-single'],
-    'import/extensions': 'off',
-    'consistent-return': 'off',
-    'no-console': ['error', { allow: ['warn', 'error'] }],
-    'react/jsx-no-useless-fragment': 'off',
-    'import/no-default-export': 'error',
-    'implicit-arrow-linebreak': 'off',
-    'react/jsx-one-expression-per-line': 'off',
-    '@typescript-eslint/indent': 'off',
-    'prettier/prettier': [
-      'error',
-      {
-        endOfLine: 'auto'
-      }
-    ],
-    '@typescript-eslint/consistent-type-exports': ['error', { fixMixedExportsWithInlineTypeSpecifier: true }],
-    '@typescript-eslint/consistent-type-imports': [
-      'error',
-      { prefer: 'type-imports', disallowTypeAnnotations: false, fixStyle: 'inline-type-imports' }
-    ],
-    'unused-imports/no-unused-imports': 'error',
-    'unused-imports/no-unused-vars': [
-      'error',
-      {
-        vars: 'all',
-        varsIgnorePattern: '^_',
-        args: 'after-used',
-        argsIgnorePattern: '^_'
-      }
-    ],
-
-    'simple-import-sort/imports': [
-      'error',
-      {
-        groups: [['^react', '^', '^\u0000', '^@/app', '^@/widgets', '^$/shared', '^../', '^./']]
-      }
-    ],
-    '@typescript-eslint/naming-convention': [
-      'error',
-      {
-        selector: 'typeLike',
-        format: ['PascalCase']
-      }
-    ]
-  },
-  settings: {
-    'jsx-a11y': {
-      polymorphicPropName: 'component'
-    }
-  }
-}

package/.github/workflows/npm-publish.yml

@@ -1,22 +0,0 @@
-# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
-# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
-
-name: Node.js Package
-
-on:
-  release:
-    types: [created]
-
-jobs:
-  publish-npm:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      
-      - name: Setup Node.js ⚙️ - Cache dependencies ⚡ - Install dependencies 🔧
-        uses: ./.github/workflows/setup-node
-        
-      - run: npm run build
-      - run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/.github/workflows/publish.yml

@@ -1,49 +0,0 @@
-name: publish-to-github-pages
-on:
-  push:
-    branches:
-      - master
-
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-concurrency:
-  group: 'pages'
-  cancel-in-progress: false
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout 🛎️
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js ⚙️ - Cache dependencies ⚡ - Install dependencies 🔧
-        uses: ./.github/workflows/setup-node
-
-      - name: Setup Pages ⚙️
-        uses: actions/configure-pages@v4
-
-      - name: Build 🏗️
-        run: npm run build-storybook
-
-      - name: Upload artifact 📡
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: ./storybook-static
-
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-
-    runs-on: ubuntu-latest
-    needs: build
-
-    steps:
-      - name: Publish to GitHub Pages 🚀
-        id: deployment
-        uses: actions/deploy-pages@v4

package/.github/workflows/setup-node/action.yml

@@ -1,22 +0,0 @@
-name: setup-node
-description: "Setup Node.js ⚙️ - Cache dependencies ⚡ - Install dependencies 🔧"
-runs:
-  using: "composite"
-  steps:
-    - name: Setup Node.js ⚙️
-      uses: actions/setup-node@v4
-      with:
-        node-version: 20
-        registry-url: 'https://registry.npmjs.org'
-
-    - name: Cache dependencies ⚡
-      id: cache_dependencies
-      uses: actions/cache@v4
-      with:
-        path: node_modules
-        key: node-modules-${{ hashFiles('package-lock.json') }}
-
-    - name: Install dependencies 🔧
-      shell: bash
-      if: steps.cache_dependencies.outputs.cache-hit != 'true'
-      run: npm install --package-lock=false

package/.husky/pre-commit

@@ -1 +0,0 @@
-npm run pre-deploy

package/.prettierrc

@@ -1,19 +0,0 @@
-{
-  "arrowParens": "always",
-  "bracketSpacing": true,
-  "embeddedLanguageFormatting": "auto",
-  "htmlWhitespaceSensitivity": "css",
-  "jsxBracketSameLine": false,
-  "jsxSingleQuote": true,
-  "proseWrap": "preserve",
-  "quoteProps": "as-needed",
-  "requirePragma": false,
-  "singleQuote": true,
-  "trailingComma": "none",
-  "vueIndentScriptAndStyle": false,
-  "printWidth": 130,
-  "tabWidth": 2,
-  "rangeStart": 0,
-  "endOfLine": "auto",
-  "semi": false
-}

package/.storybook/main.ts

@@ -1,44 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite'
-import { mergeConfig } from 'vite'
-import { resolve } from 'path'
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx|mdx)'],
-
-  addons: [
-    '@storybook/addon-onboarding',
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
-    '@storybook/addon-interactions',
-    '@storybook/addon-coverage',
-    '@storybook/addon-console',
-    '@storybook/addon-viewport'
-  ],
-  core: {
-    builder: '@storybook/builder-vite'
-  },
-  framework: {
-    name: '@storybook/react-vite',
-    options: {
-      strictMode: true
-    }
-  },
-  // staticDirs: ['../public'],
-  docs: {
-    autodocs: 'tag'
-  },
-  viteFinal: (config) =>
-    mergeConfig(config, {
-      resolve: {
-        alias: {
-          '@': resolve(__dirname, '../src'),
-          $: resolve(__dirname, '../lib')
-        }
-      }
-    }),
-  typescript: {
-    reactDocgen: 'react-docgen-typescript'
-  }
-}
-export default config