nntc-ui 0.2.6 → 0.2.7

package/src/icons/DoneIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const DoneIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
-  </Icon>
-);

package/src/icons/DownloadIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const DownloadIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z"></path>
-  </Icon>
-);

package/src/icons/DragIcon.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const DragIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d={
-        'M9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9' +
-        ' 4ZM7 12C7 10.9 7.9 10 9 10C10.1 10 11 10.9 11 12C11 13.1 10.1 14 9 14C7.9' +
-        ' 14 7 13.1 7 12ZM9 20C10.1 20 11 19.1 11 18C11 16.9 10.1 16 9 16C7.9 16 7' +
-        ' 16.9 7 18C7 19.1 7.9 20 9 20ZM17 6C17 7.1 16.1 8 15 8C13.9 8 13 7.1 13 6C13' +
-        ' 4.9 13.9 4 15 4C16.1 4 17 4.9 17 6ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9' +
-        ' 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM13 18C13 16.9 13.9 16' +
-        ' 15 16C16.1 16 17 16.9 17 18C17 19.1 16.1 20 15 20C13.9 20 13 19.1 13 18Z'
-      }
-    />
-  </Icon>
-);

package/src/icons/EditIcon.tsx

@@ -1,10 +0,0 @@
-/* eslint-disable max-len */
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const EditIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M18.3688 3.29L20.7088 5.63C21.0988 6.02 21.0988 6.65 20.7088 7.04L18.8788 8.87L15.1288 5.12L16.9588 3.29C17.1488 3.1 17.3988 3 17.6588 3C17.9188 3 18.1688 3.09 18.3688 3.29ZM2.99878 17.25V21H6.74878L17.8088 9.94L14.0588 6.19L2.99878 17.25ZM5.91878 19H4.99878V18.08L14.0588 9.02L14.9788 9.94L5.91878 19Z" />
-  </Icon>
-);

package/src/icons/ErrorOutlineIcon.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const ErrorOutlineIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path
-      d={
-        'M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48' +
-        ' 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'
-      }
-    />
-  </Icon>
-);

package/src/icons/ExportTableIcon.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const ExportTableIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path
-      fill="currentColor"
-      d={`m16.2 20.5 2.8-2.8V20h1v-4h-4v1h2.3l-2.8 2.8zM5 21q-.824
-        0-1.412-.587A1.93 1.93 0 0 1 3 19V5Q3 4.176 3.588 3.588A1.93
-        1.93 0 0 1 5 3h14q.824 0 1.413.588Q21 4.175 21 5v6.7a8 8 0
-        0 0-.975-.387A6 6 0 0 0 19 11.075V5H5v14h6.05q.076.55.237
-        1.05.163.5.388.95zm0-3v1V5v8.075V11zm2-1h4.075q.076-.525.238-1.025T11.675
-        15H7zm0-4h6.1q.8-.75 1.787-1.25A7 7 0 0 1 17 11.075V11H7zm0-4h10V7H7zm15
-        14q-2.075 0-3.537-1.462Q13 20.074 13 18q0-2.075 1.463-3.537Q15.926 13
-        18 13q2.075 0 3.538 1.463T23 18t-1.462 3.538Q20.074 23 18 23`}
-    ></path>
-  </Icon>
-);

package/src/icons/FileUploadIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const FileUploadIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" />
-  </Icon>
-);

package/src/icons/FilterClearIcon.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const FilterClearIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <g clip-path="url(#clip0_851_25267)">
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d={`M7.00015 4L3.46792 0.467773L2.05371 1.88199L4.4002 4.22847C4.01467 4.55071 3.89485 5.1506 4.24984
-          5.61C6.26984 8.2 9.99984 13 9.99984 13V19C9.99984 19.55 10.4498 20 10.9998 20H12.9998C13.5498 20
-          13.9998 19.55 13.9998 19V13.8281L18.9708 18.7991L20.385 17.3849L20.3849 17.3847L14.8734 11.8733L7.00015
-          4ZM16.1091 10.2805C17.2922 8.75591 18.7289 6.90619 19.7398 5.61C20.2498 4.95 19.7798 4 18.9498
-          4H9.82861L16.1091 10.2805Z`}
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_851_25267">
-        <rect width="24" height="24" fill="white" />
-      </clipPath>
-    </defs>
-  </Icon>
-);

package/src/icons/FilterIcon.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const FilterIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path
-      d={`M4.24993 5.61C6.26993 8.2 9.99993 13 9.99993 13V19C9.99993 19.55 10.4499
-      20 10.9999 20H12.9999C13.5499 20 13.9999 19.55 13.9999 19V13C13.9999 13 17.7199 8.2
-      19.7399 5.61C20.2499 4.95 19.7799 4 18.9499 4H5.03993C4.20993 4 3.73993 4.95 4.24993 5.61Z`}
-    />
-  </Icon>
-);

package/src/icons/FullScreenOffIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const FullScreenOffIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"></path>
-  </Icon>
-);

package/src/icons/FullScreenOnIcon.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const FullScreenOnIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path
-      d={`M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2
-      2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z`}
-    ></path>
-  </Icon>
-);

package/src/icons/Icon.tsx

@@ -1,27 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-
-export interface IconProps {
-  size?: number;
-  color?: string;
-  className?: string;
-}
-
-export const Icon: React.FC<PropsWithChildren<IconProps>> = ({
-  size = 24,
-  color = 'currentColor',
-  className,
-  children,
-}) => {
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 24 24"
-      fill={color}
-      className={className}
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      {children}
-    </svg>
-  );
-};

package/src/icons/InfoIcon.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const InfoIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path
-      d={`M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10
-      10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z`}
-    ></path>
-  </Icon>
-);

package/src/icons/ListIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const ListIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" />
-  </Icon>
-);

package/src/icons/MoreVerticalIcon.tsx

@@ -1,10 +0,0 @@
-/* eslint-disable max-len */
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const MoreVerticalIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
-  </Icon>
-);

package/src/icons/PointIcon.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const PointIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path
-      d={
-        'M12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 ' +
-        '16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8V8Z'
-      }
-    />
-  </Icon>
-);

package/src/icons/RadioDeselectedIcon.tsx

@@ -1,10 +0,0 @@
-/* eslint-disable max-len */
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const RadioDeselectedIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />
-  </Icon>
-);

package/src/icons/RadioSelectedIcon.tsx

@@ -1,10 +0,0 @@
-/* eslint-disable max-len */
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const RadioSelectedIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />
-  </Icon>
-);

package/src/icons/SaveIcon.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const SaveIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d={
-        'M5 3H17L21 7V19C21 20.1 20.1 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.9 3.89 3 5 3ZM19' +
-        ' 19V7.83L16.17 5H5V19H19ZM12 12C10.34 12 9 13.34 9 15C9 16.66 10.34 18 12 18C13.66' +
-        ' 18 15 16.66 15 15C15 13.34 13.66 12 12 12ZM15 6H6V10H15V6Z'
-      }
-    />
-  </Icon>
-);

package/src/icons/SearchIcon.tsx

@@ -1,10 +0,0 @@
-/* eslint-disable max-len */
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const SearchIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
-  </Icon>
-);

package/src/icons/SelectUniqueIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const SelectUniqueIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M3 5h18v2H3V5zm0 6h18v2H3v-2zm0 6h10v2H3v-2z" />
-  </Icon>
-);

package/src/icons/SettingsIcon.tsx

@@ -1,10 +0,0 @@
-/* eslint-disable max-len */
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const SettingsIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" />
-  </Icon>
-);

package/src/icons/SortDownIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const SortDownIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M3 18V16H21V18H3ZM3 6H9V8H3V6ZM15 11H3V13H15V11Z" />
-  </Icon>
-);

package/src/icons/SortUpIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const SortUpIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M3 6V8H21V6H3ZM3 18H9V16H3V18ZM15 13H3V11H15V13Z" />
-  </Icon>
-);

package/src/icons/TableChartIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const TableChartIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" />
-  </Icon>
-);

package/src/icons/UploadIcon.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const UploadIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" />
-  </Icon>
-);

package/src/icons/VisibilityIcon.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const VisibilityIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path
-      d={`M12 6.375C15.75 6.375 18.9525 8.7075 20.25 12C18.9525 15.2925 15.75 17.625 12 17.625C8.25
-        17.625 5.0475 15.2925 3.75 12C5.0475 8.7075 8.25 6.375 12 6.375ZM12 7.875C9.15755 7.87505
-        6.62225 9.47254 5.38477 12C6.62225 14.52746 9.15755 16.12495 12 16.125C14.8425
-        16.125 17.3777 14.5275 18.6152 12C17.3777 9.4725 14.8425 7.875 12 7.875ZM12
-        8.625C13.86 8.625 15.375 10.14 15.375 12C15.375 13.86 13.86 15.375 12 15.375C10.14 15.375
-        8.625 13.86 8.625 12C8.625 10.14 10.14 8.625 12 8.625ZM12 10.125C10.965 10.125 10.125 10.965
-        10.125 12C10.125 13.035 10.965 13.875 12 13.875C13.035 13.875 13.875 13.035
-        13.875 12C13.875 10.965 13.035 10.125 12 10.125Z`}
-    />
-  </Icon>
-);

package/src/icons/WellIcon.tsx

@@ -1,10 +0,0 @@
-/* eslint-disable max-len */
-import React from 'react';
-
-import { Icon, IconProps } from './Icon';
-
-export const WellIcon: React.FC<IconProps> = (props) => (
-  <Icon {...props}>
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z" />
-  </Icon>
-);

package/src/models/FieldError.ts

@@ -1,4 +0,0 @@
-export interface FieldError {
-  name: string;
-  description: string;
-}

package/src/models/TypographyVariant.ts

@@ -1,20 +0,0 @@
-export type TypographyVariant =
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'h7'
-  | 'subtitle1'
-  | 'subtitle2'
-  | 'subtitle3'
-  | 'body1'
-  | 'body2'
-  | 'body3'
-  | 'button'
-  | 'caption'
-  | 'caption2'
-  | 'doubleCaption'
-  | 'overline'
-  | 'label';

package/src/models/UiProps.ts

@@ -1,3 +0,0 @@
-export type PropsObject = { [key: string]: string | PropsObject };
-
-export type UiProps<P = unknown> = P & { classes?: PropsObject };

package/src/stories/icons/Icons.stories.tsx

@@ -1,124 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import {
-  AddIcon,
-  AlertIcon,
-  ArrowDropDownIcon,
-  ArrowDropUpIcon,
-  AttachIcon,
-  BarChartIcon,
-  BookmarkAddIcon,
-  BookmarkIcon,
-  CheckboxDeselectedIcon,
-  CheckboxIcon,
-  CheckboxSeveralIcon,
-  ChevronDownIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  ChevronUpIcon,
-  CircleFilledIcon,
-  CloseIcon,
-  DateRangeIcon,
-  DeleteIcon,
-  DoneIcon,
-  DownloadIcon,
-  DragIcon,
-  EditIcon,
-  ErrorOutlineIcon,
-  ExportTableIcon,
-  FileUploadIcon,
-  FilterClearIcon,
-  FilterIcon,
-  FullScreenOffIcon,
-  FullScreenOnIcon,
-  InfoIcon,
-  ListIcon,
-  MoreVerticalIcon,
-  PointIcon,
-  RadioDeselectedIcon,
-  RadioSelectedIcon,
-  SaveIcon,
-  SearchIcon,
-  SelectUniqueIcon,
-  SettingsIcon,
-  SortDownIcon,
-  SortUpIcon,
-  TableChartIcon,
-  UploadIcon,
-  VisibilityIcon,
-  WellIcon,
-} from '../../icons';
-
-const meta = {
-  title: 'Icons/Icons',
-  component: AddIcon,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-} satisfies Meta<typeof AddIcon>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const iconComponents = {
-  AddIcon,
-  ArrowDropDownIcon,
-  ArrowDropUpIcon,
-  AttachIcon,
-  BarChartIcon,
-  CheckboxDeselectedIcon,
-  CheckboxIcon,
-  CheckboxSeveralIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  ChevronUpIcon,
-  ChevronDownIcon,
-  DragIcon,
-  CircleFilledIcon,
-  CloseIcon,
-  DateRangeIcon,
-  DeleteIcon,
-  DoneIcon,
-  ErrorOutlineIcon,
-  FileUploadIcon,
-  FilterClearIcon,
-  FilterIcon,
-  InfoIcon,
-  AlertIcon,
-  ListIcon,
-  MoreVerticalIcon,
-  SearchIcon,
-  SettingsIcon,
-  SortDownIcon,
-  SortUpIcon,
-  TableChartIcon,
-  UploadIcon,
-  WellIcon,
-  EditIcon,
-  FullScreenOnIcon,
-  FullScreenOffIcon,
-  BookmarkIcon,
-  BookmarkAddIcon,
-  ExportTableIcon,
-  DownloadIcon,
-  VisibilityIcon,
-  RadioDeselectedIcon,
-  RadioSelectedIcon,
-  PointIcon,
-  SelectUniqueIcon,
-  SaveIcon,
-};
-
-export const AllIcons: Story = {
-  render: () => (
-    <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '20px', padding: '20px' }}>
-      {Object.entries(iconComponents).map(([name, Icon]) => (
-        <div key={name} style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '8px' }}>
-          <Icon />
-          <span style={{ fontSize: '12px' }}>{name}</span>
-        </div>
-      ))}
-    </div>
-  ),
-};