dgrcorrientes-modulos 1.0.0

package/src/stories/changelog.ts

@@ -0,0 +1,389 @@
+interface versionProps {
+  version: string;
+  date: string;
+  new?: {
+    component: string;
+    changes: string[];
+  }[];
+  fixes?: {
+    component: string;
+    changes: string[];
+  }[];
+}
+
+export const versions: versionProps[] = [
+  {
+    version: '1.7.7',
+    date: '08/04/2024',
+    fixes: [
+      {
+        component: 'HeaderTable',
+        changes: ['Se corrigió la posibilidad de permitir seleccionar las opciones dentro del select y permitir acciones de los callback'],
+      },
+      {
+        component: 'Tabs',
+        changes: ['Se corrigió la posibilidad del comportamiento en modo responsive'],
+      },
+      {
+        component: 'Collapse',
+        changes: ['Se corrigió comportamiento del boton ellipse, ahora tiene funcionalidad'],
+      },
+    ],
+  },
+  {
+    version: '1.7.6',
+    date: '20/03/2024',
+    fixes: [
+      {
+        component: 'bulma-changes, cardVerticual, cardHorizontal, cardUser, tabs',
+        changes: ['Se cambiaron los justify-content de start a flex-start'],
+      },
+    ],
+  },
+  {
+    version: '1.7.5',
+    date: '20/03/2024',
+    fixes: [
+      {
+        component: 'AutoComplete',
+        changes: ['Se eliminaron console.logs'],
+      },
+      {
+        component: 'UploadFiles',
+        changes: ['Se eliminaron console.logs'],
+      },
+      {
+        component: 'CollapseEdit y Tabs',
+        changes: ['Se cambiaron los align-items de start a flex-start'],
+      },
+    ],
+  },
+  {
+    version: '1.7.4',
+    date: '19/03/2024',
+    fixes: [
+      {
+        component: 'AutoComplete',
+        changes: ['Se corrigieron los useEffect, y ahora permiten editar defaultValues y options cuando ya están renderizados'],
+      },
+      {
+        component: 'UploadFiles',
+        changes: [
+          'Se agregó una validación de extensiones al componente llamado "acceptedExtensions"',
+          'Se crearon dos callbacks referidos a errores de extensión o de tamaño. (onErrorExtensions, onErrorSize)',
+        ],
+      },
+    ],
+  },
+  {
+    version: '1.7.3',
+    date: '13/03/2024',
+    fixes: [
+      {
+        component: 'AutoComplete',
+        changes: ['Se corrigió el estado para que el input permita realizar la busqueda de opciones'],
+      },
+    ],
+  },
+  {
+    version: '1.7.2',
+    date: '12/03/2024',
+    fixes: [
+      {
+        component: 'Stepper',
+        changes: ['Se agrego una dependencia adicional al useEffect() asegurando que el estado del componente se actualice.'],
+      },
+      {component: 'UploadFiles', changes: ["Se agrego una propiedad defaultFile que permite precargar los archivos ('lista de Files')."]},
+      {component: 'Select / AutoComplete', changes: ['Se agrego useEffect() asegurando que el estado del componente se actualice.']},
+    ],
+  },
+  {
+    version: '1.7.1',
+    date: '22/02/2024',
+    new: [
+      {
+        component: 'Form/Autocomplete',
+        changes: ['Componente muy similar al Select, lo diferente es que posee un input para filtrar opciones.'],
+      },
+    ],
+    fixes: [
+      {
+        component: 'Select',
+        changes: [
+          'Se agrego la posibilidad de elegir con una propiedad, la cantidad maxima de caracteres para las opciones que se despliegan del Select. Se agrego un scroll dentro de la lista desplegable del Select.',
+          "Al clickear en el placeholder, ahora devuelve '' en lugar de '0'",
+        ],
+      },
+      {component: 'Textarea', changes: ['Se corrigió la propiedad defaultValue que no la detectaba.']},
+      {
+        component: 'UploadFileItem',
+        changes: [
+          "Se corrigieron las propiedades desde el archivo stories, ahora recibe un 'file_name', 'file_size' y un 'file', el último se utiliza para las funciones onPreview y onDelete. También se exportó correctamente el componente.",
+        ],
+      },
+      {
+        component: 'Checkbox',
+        changes: [
+          "Se agregaron las propiedades 'checked', 'onChange(e)', para un manejo en el que no sea suficiente el uso de defaultValue.",
+        ],
+      },
+    ],
+  },
+  {
+    version: '1.6.8',
+    date: '06/02/2024',
+    fixes: [
+      {
+        component: 'Collapse',
+        changes: [
+          'Se corrigió la propiedad defaultChecked se creo un estado para que el checkbox detecte si esta checked o no. Se corrigió el alto para que se permita visualizar mas de un hijo en el ultimo nivel. Se corrigió para que actualice el alto, en caso de que se despliegue el Collapse y tenga debajo otros componentes.',
+        ],
+      },
+    ],
+  },
+  {
+    version: '1.6.3',
+    date: '19/01/2024',
+    fixes: [{component: 'Tabs', changes: ['Se corrigió en Tabs boxed la propiedad título y subtítulo compartían al mismo valor.']}],
+  },
+  {
+    version: '1.6.2',
+    date: '28/12/2023',
+    fixes: [
+      {component: 'Input', changes: ['Se cambió la lógica de la funcion onchange input para que pase el evento entero.']},
+      {
+        component: 'CardUser',
+        changes: [
+          "Se corrigió la posibilidad de colocar imagen o ícono, a partir de la propiedad 'iconType' en cada item de la lista, por defecto será de tipo 'icon'. Ahora se recibe en la propiedad 'icon' un objeto de tipo 'IIcon'.",
+        ],
+      },
+      {component: 'cardExpiration', changes: ['Se agregó una identificador Key.']},
+      {component: 'Select', changes: ['Se corrigió propiedad defaultValue, no la detectaba.']},
+      {component: 'Collapse, Subtitle, CardUser', changes: ['Se agregaron ejemplos de uso con íconos SVG.']},
+    ],
+  },
+  {
+    version: '1.6.1',
+    date: '04/12/2023',
+    fixes: [{component: 'Collapse', changes: ['Se arregló el onClick de detalles para que muestre correctamente el Tooltip.']}],
+  },
+  {
+    version: '1.5.0',
+    date: '22/11/2023',
+    fixes: [
+      {
+        component: 'General',
+        changes: [
+          'Se agregaron extends de React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> en todos los interfaces de componentes, esto para que posean todos los props de un componente div de react.',
+        ],
+      },
+      {
+        component: 'CardHorizontal',
+        changes: [
+          "Se agregó la propiedad 'image', esto para incluir una imágen en lugar de un ícono en el cuadrado gris al lado del título.",
+        ],
+      },
+      {
+        component: 'Cards',
+        changes: [
+          "Se agregó la propiedad 'isBorderless' en los siguientes tipos de Card: CardCTA, CardExpiration, CardVertical, CardHorizontal. Lo que hace es remover el borde y la sombra de la card.",
+        ],
+      },
+      {
+        component: 'Filters',
+        changes: ["Se cambió el nombre del callback de 'onChange' a 'onChangeFilters', esto para evitar conflictos con su extend."],
+      },
+      {
+        component: 'Input',
+        changes: ["Se cambió el nombre del callback de 'onChange' a 'onChangeInput', esto para evitar conflictos con su extend."],
+      },
+      {
+        component: 'Search',
+        changes: ["Se cambió el nombre del callback de 'onChange' a 'onChangeInput', esto para evitar conflictos con su extend."],
+      },
+      {
+        component: 'Select',
+        changes: ["Se cambió el nombre del callback de 'onChange' a 'onChangeSelect', esto para evitar conflictos con su extend."],
+      },
+      {
+        component: 'Pagination',
+        changes: [
+          "Se ajustó el minwidth de cuando existen más de 9 páginas, se agregó la propiedad 'isColumn', para colocar los totales por debajo del paginador.",
+        ],
+      },
+      {component: 'Sidebar', changes: ["Se cambió el ajuste del paginador, ahora colocandolo con la propiedad 'isColumn'."]},
+      {
+        component: 'Tabs',
+        changes: [
+          "Se cambiaron los valores de 'defaultActiveTab' y 'defaultSubActiveTab', ambos fueron cambiados a 'activeTab' y 'subActiveTab',el primero será requerido y hay que enviarle uno de los objetos de la lista, se recomienda que este esté cargado en un state para el mismo. El 'subActiveTab' no es requerido, puede ser null o también uno de los objetos cargados en la lista de subItems en algún item.",
+        ],
+      },
+    ],
+  },
+  {
+    version: '1.4.9',
+    date: '07/11/2023',
+    fixes: [
+      {
+        component: 'Tabs',
+        changes: [
+          "Se cambió tipo 'icon' de cada label, ahora es 'IIcon' en lugar de 'string'.",
+          'Se cambió la lógica de los onClick dentro del componente para evitar error al usar useStates.',
+        ],
+      },
+      {component: 'Button', changes: ['Se agregó un ejemplo utilizando icon SVG.']},
+      {component: 'Title', changes: ['Se cambió a icon SVG uno de los botones para ejemplificar.']},
+      {
+        component: 'Sidebar',
+        changes: [
+          'Se cambió el modal-background a position: fixed.',
+          'Se eliminó de base la separación por una linea gris entre componentes, ahora existe una propiedad llamada "listLineSeparation" que vuelve a colocar el estilo, si no se especifica esta propiedad, será "false".',
+          'Se agregaron los callbacks "onShow" y "onClose" para detectar los eventos de abrir y cerrar el Sidebar.',
+          'Se agregó la propiedad "listClassName" para agregar estilos personalizados a la lista de componentes (Ejemplo: gap, lineas de separacion, etc.).',
+        ],
+      },
+      {
+        component: 'CardHorizontal',
+        changes: ['Se eliminó la clase "subtitle" del subtítulo, esto para evitar superposiciones al usarse en otros componentes.'],
+      },
+    ],
+  },
+  {
+    version: '1.4.8',
+    date: '23/10/2023',
+    fixes: [
+      {
+        component: 'Input',
+        changes: ['Se agregó el tipo de input "number".'],
+      },
+      {
+        component: 'Collapse Edit',
+        changes: [
+          'Se agregó la funcionalidad de carga de registro y monto imponible en el Collapse, se invoca a partir del botón editar del componente.',
+        ],
+      },
+    ],
+  },
+  {
+    version: '1.4.7',
+    date: '04/10/2023',
+    fixes: [
+      {
+        component: 'Checkbox y Radio',
+        changes: ['Se eliminó el htmlFor del label.'],
+      },
+      {
+        component: 'Card Vertical, Card Horizontal y Card User',
+        changes: [
+          'Se redujo sus minwidth y en el caso del CardUser se agregó una modificación responsiva a los badges, además de eliminar el box-shadow en el caso de que no sea de tipo "outline".',
+        ],
+      },
+    ],
+  },
+  {
+    version: '1.4.6',
+    date: '27/09/2023',
+    fixes: [
+      {
+        component: 'Icon',
+        changes: [
+          'Se cambió la manera de usar un Ícono SVG, ahora solamente se debe pasar el url de la ubicación del archivo, ya sea local o externo, dentro del componente Icon. Cabe aclarar que cada vez que se use un Icon de tipo SVG, habrá que agregar la propiedad (type: "svg_icon"), y a partir de ahi se puede cambiar su tamaño con la propiedad "size", y sus colores con la propiedad "color". Esto en los botones se hace de la misma manera, nada más que las propiedades están con el afijo "icon_", ejemplo: "icon_size", "icon_color", etc.',
+        ],
+      },
+      {
+        component: 'Fix labels',
+        changes: [
+          'Se ajustaron errores de elementos "label" que les faltaba el atributo "for", y se cambió también su uso en lugares que no correspondían, cambiandolos por elementos "div".',
+        ],
+      },
+      {
+        component: 'Cards',
+        changes: [
+          'Habían algunas propiedades de íconos de tipo IIcon[], pero que solo se usaba 1 solo ícono, se cambió entonces a IIcon.',
+          'Se agregó el boolean "isClickable" y el evento "onClick" en cada card.',
+        ],
+      },
+      {
+        component: 'Button',
+        changes: [
+          'Se agregó "event.stopPropagation();" en su onClick, esto para parar la propagación del evento onClick, si su contenedor superior también lo tiene.',
+        ],
+      },
+      {
+        component: 'Title',
+        changes: ['Se agregó a su ejemplo el uso del "onSearch" cuando se importa el componente Search.'],
+      },
+      {
+        component: 'Search',
+        changes: ['Se eliminó la restricción de que solamente ejecute el onSearch cuando su input esté vacío.'],
+      },
+    ],
+  },
+  {
+    version: '1.4.4',
+    date: '20/09/2023',
+    new: [
+      {component: 'Nuevas librerías de NPM', changes: ['sweetalert2', 'react-sweetalert2']},
+      {component: 'UploadFiles', changes: ['Form/UploadFiles']},
+      {component: 'ProgressBar', changes: ['Elements/ProgressBar']},
+      {component: 'SidebarEmpty', changes: ['Layout/SidebarEmpty']},
+      {component: 'ModalConfirm', changes: ['Components/ModalConfirm']},
+    ],
+    fixes: [
+      {component: 'Header Mobile', changes: ['Se ajustó el componente para que tenga un comportamiento apto para dispositivos móviles']},
+      {component: 'Search - Callback', changes: ['Se removió el console log de la función del callback']},
+      {component: 'Keys', changes: ['Se agregaron keys en distintos mapeados de varios componentes']},
+      {
+        component: 'Button: ClassName & iconType',
+        changes: [
+          'Se bajó el className personalizado pasado por parámetro al componente Button, a la etiqueta button respectivamente. Se agregaron todas las propiedades del ícono dentro del Button. (Ej: icon_type, icon_color, etc.)',
+        ],
+      },
+      {component: 'CardVertical', changes: ['Se eliminó una propiedad que no se estaba utilizando "imgIcon"']},
+      {
+        component: 'CardHorizontal',
+        changes: [
+          'Se cambió la propiedad "menuIcon" por "menuButton", esto para permitir cargar todas las propiedades del button en ese botón',
+        ],
+      },
+    ],
+  },
+  {
+    version: '1.4.2',
+    date: '28/08/2023',
+    fixes: [
+      {component: 'CardHorizontal', changes: ['Paddings en los botones corregidos']},
+      {component: 'Button', changes: ['Cambio en el active de los botones con clase "unstyled"']},
+      {component: 'Title', changes: ['toUpperCase en el subtitulo superior, Searchbar max-width 600px, contenido max-width 700px']},
+      {
+        component: 'Searchbar',
+        changes: [
+          'Callback onSearch creado, tanto al teclear Enter como con el botón buscar, agregado booleano isDisabled para no permitir escribir en el input, correcciones de código.',
+        ],
+      },
+      {component: 'Navbar', changes: ['Agregada clase "container" a navbar.']},
+      {component: 'Tabs', changes: ['Refactorización general del código para resolver conflictos.']},
+      {component: 'Sidebar', changes: ['Cambio en el z-index del Sidebar y del modal background']},
+    ],
+  },
+  {
+    version: '1.4.0',
+    date: '07/08/2023',
+    new: [{component: 'DatePicker', changes: ['Form/DatePickerComponent']}],
+    fixes: [
+      {
+        component: 'General',
+        changes: [
+          'Classnames & keys de TODOS los componentes',
+          'Nombres de las interfaces de TODOS los componentes, del sufijo Props al prefijo I',
+        ],
+      },
+      {component: 'Tabs', changes: ['Scroll horizontal y label corregido']},
+      {component: 'Breadcrumb', changes: ['Margin left de cada item corregido']},
+      {
+        component: 'Radio',
+        changes: ['Cambio en la lógica de onCheck(), ahora solo se dispara el void cuando está en verdadero, con una verificación.'],
+      },
+    ],
+  },
+];

package/src/utils/functions.ts

@@ -0,0 +1,57 @@
+import axios from 'axios';
+
+export function shortenText(text: string, length: number) {
+  return text.length < length ? text : text.slice(0, length) + '...';
+}
+
+export function generateRandomKey() {
+  return `${Math.random().toString(36).substr(2, 9)}`; // Genera una cadena de 9 caracteres alfanuméricos
+}
+
+export async function getLatestVersion(packageName: string) {
+  try {
+    const response = await axios.get(`https://registry.npmjs.org/${packageName}/latest`);
+    return response.data.version;
+  } catch (error) {
+    return null;
+  }
+}
+
+export function formatFileSize(fileSizeInBytes: number): string {
+  if (fileSizeInBytes < 1024) {
+    return fileSizeInBytes + ' bytes';
+  } else if (fileSizeInBytes < 1024 * 1024) {
+    return (fileSizeInBytes / 1024).toFixed(2) + ' KB';
+  } else if (fileSizeInBytes < 1024 * 1024 * 1024) {
+    return (fileSizeInBytes / (1024 * 1024)).toFixed(2) + ' MB';
+  } else {
+    return (fileSizeInBytes / (1024 * 1024 * 1024)).toFixed(2) + ' GB';
+  }
+}
+
+export function getIconForFile(file_name: string): string {
+  const fileNameParts = file_name.split('.');
+  const fileExtension = fileNameParts[fileNameParts.length - 1].toLowerCase();
+
+  switch (fileExtension) {
+    case 'jpg':
+    case 'jpeg':
+    case 'png':
+    case 'gif':
+    case 'bmp':
+    case 'svg':
+      return 'far fa-file-image';
+
+    case 'csv':
+      return 'fas fa-file-csv';
+
+    case 'pdf':
+      return 'fas fa-file-pdf';
+
+    // Agrega más casos para otras extensiones aquí
+
+    default:
+      // Si no se encuentra una coincidencia, puedes devolver un ícono genérico de archivo
+      return 'fas fa-file';
+  }
+}

package/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+declare module 'react-datepicker';

package/static/e-isologo.svg

@@ -0,0 +1,4 @@
+<svg width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M75.2314 0.00133492C77.3625 -0.0334449 78.0882 0.604187 77.9845 2.76054C77.8232 5.89072 77.7887 9.05569 77.9845 12.1859C78.1343 14.5741 77.2012 15.119 75.0125 15.1074C64.138 15.0262 53.2634 15.0958 42.3889 15.061C39.1403 15.0494 35.9033 15.3277 32.7815 16.1044C22.8746 18.597 15.3638 28.6367 15.4905 38.9664C15.6172 49.5278 23.0359 59.1503 32.9428 61.7587C35.7996 62.5123 38.6795 62.6398 41.5825 62.6398C52.6759 62.6398 63.7693 62.7094 74.8512 62.5935C77.2358 62.5703 78.1228 63.2079 77.9731 65.6773C77.7772 68.9118 77.8693 72.1811 77.9385 75.4272C77.973 77.0503 77.4201 77.8502 75.7267 77.8154C61.6267 77.514 47.4805 78.7893 33.4496 77.1198C13.4976 74.7548 -0.383585 57.7011 0.00808225 37.5172C0.39975 17.4724 17.564 0.523032 37.1013 0.0593004C43.1376 -0.0914122 68.55 0.128861 75.2314 0.00133492Z" fill="#7001E9"/>
+<path d="M40.131 46.2933C37.8501 46.3397 37.1244 45.5397 37.2396 43.2791C37.4124 40.0445 37.3548 36.7868 37.2626 33.5407C37.2166 31.906 37.6658 31.2104 39.4053 31.222C51.5585 31.28 63.7117 31.2684 75.865 31.2336C77.3971 31.2336 77.9615 31.7785 77.9385 33.3204C77.8694 36.7868 77.8233 40.2532 77.95 43.708C78.0307 45.7716 77.1782 46.3165 75.289 46.2933C69.3794 46.2006 45.9369 46.1658 40.131 46.2933Z" fill="#7001E9"/>
+</svg>

package/static/e-logotype.svg

@@ -0,0 +1,14 @@
+<svg width="200" height="44" viewBox="0 0 200 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42.4382 0.000753033C43.6404 -0.0188664 44.0498 0.340823 43.9913 1.55723C43.9003 3.32297 43.8808 5.10834 43.9913 6.87408C44.0757 8.22128 43.5494 8.52865 42.3147 8.52211C36.1804 8.47633 30.046 8.51557 23.9117 8.49595C22.0792 8.48941 20.2531 8.64637 18.4921 9.08453C12.9036 10.4906 8.66674 16.1541 8.73822 21.981C8.8097 27.9388 12.9946 33.3668 18.5831 34.8383C20.1947 35.2634 21.8192 35.3353 23.4568 35.3353C29.7146 35.3353 35.9724 35.3745 42.2238 35.3091C43.5689 35.2961 44.0693 35.6557 43.9848 37.0487C43.8743 38.8733 43.9263 40.7175 43.9653 42.5487C43.9848 43.4643 43.6729 43.9155 42.7176 43.8959C34.7638 43.7258 26.7839 44.4452 18.869 43.5035C7.61404 42.1694 -0.216382 32.5493 0.00455922 21.1635C0.2255 9.85623 9.90791 0.295044 20.929 0.0334515C24.334 -0.0515659 38.6692 0.0726908 42.4382 0.000753033Z" fill="#7001E9"/>
+<path d="M22.638 26.1142C21.3514 26.1403 20.942 25.6891 21.0069 24.4138C21.1044 22.5892 21.0719 20.7515 21.02 18.9204C20.994 17.9983 21.2474 17.6059 22.2286 17.6124C29.0843 17.6451 35.94 17.6386 42.7956 17.619C43.6599 17.619 43.9783 17.9263 43.9653 18.7961C43.9263 20.7515 43.9003 22.7069 43.9718 24.6558C44.0173 25.8199 43.5364 26.1273 42.4707 26.1142C39.1371 26.0619 25.9131 26.0422 22.638 26.1142Z" fill="#7001E9"/>
+<path d="M76.5313 23.7868C76.2128 21.8045 75.2863 20.1853 73.723 18.8731C72.1596 17.5609 70.3646 16.9188 68.3091 16.9188C66.0219 16.9188 64.0532 17.7005 62.4319 19.2639C60.8106 20.8274 60 22.7259 60 24.9314C60 27.1091 60.8106 28.9797 62.4319 30.571C64.0821 32.1624 66.0219 32.9441 68.3091 32.9441C70.5962 32.9441 72.6518 32.0507 74.5047 30.2639L73.7519 29.5939C72.3043 31.1853 70.4804 31.967 68.3091 31.967C66.3114 31.967 64.5743 31.269 63.1557 29.901C61.7371 28.5051 61.0133 26.8578 61.0133 24.9314C61.0133 23.0609 61.766 21.4137 63.2426 20.0177C64.748 18.5939 66.4272 17.8959 68.3091 17.8959C69.8435 17.8959 71.291 18.3426 72.5939 19.2639C73.8967 20.1573 74.7942 21.3299 75.2574 22.7817H64.4296V23.7868H76.5313Z" fill="#3D3D3F"/>
+<path d="M82.2754 11H81.1752V32.6649H82.2754V11Z" fill="#3D3D3F"/>
+<path d="M103.447 23.7868C103.129 21.8045 102.202 20.1853 100.639 18.8731C99.0754 17.5609 97.2804 16.9188 95.2248 16.9188C92.9377 16.9188 90.969 17.7005 89.3477 19.2639C87.7264 20.8274 86.9158 22.7259 86.9158 24.9314C86.9158 27.1091 87.7264 28.9797 89.3477 30.571C90.9979 32.1624 92.9377 32.9441 95.2248 32.9441C97.512 32.9441 99.5675 32.0507 101.42 30.2639L100.668 29.5939C99.2201 31.1853 97.3962 31.967 95.2248 31.967C93.2272 31.967 91.4901 31.269 90.0715 29.901C88.6528 28.5051 87.9291 26.8578 87.9291 24.9314C87.9291 23.0609 88.6818 21.4137 90.1583 20.0177C91.6638 18.5939 93.343 17.8959 95.2248 17.8959C96.7592 17.8959 98.2068 18.3426 99.5096 19.2639C100.812 20.1573 101.71 21.3299 102.173 22.7817H91.3453V23.7868H103.447Z" fill="#3D3D3F"/>
+<path d="M113.067 31.0177L105.888 17.1421H104.701L113.039 33L121.434 17.1421H120.218L113.067 31.0177Z" fill="#3D3D3F"/>
+<path d="M133.856 31.4365C132.93 31.7995 131.974 31.9949 131.019 31.9949C128.934 31.9949 127.197 31.2969 125.779 29.8731C124.389 28.4492 123.694 26.802 123.694 24.9314C123.694 22.9213 124.418 21.2462 125.895 19.9061C127.371 18.538 129.079 17.868 131.019 17.868C132.959 17.868 134.638 18.538 136.114 19.8781C137.591 21.2183 138.344 22.8375 138.344 24.736V32.6649H139.357V24.9314C139.357 22.6142 138.517 20.7157 136.838 19.1802C135.188 17.6446 133.248 16.8908 131.019 16.8908C128.674 16.8908 126.705 17.7005 125.084 19.2919C123.492 20.8832 122.681 22.7538 122.681 24.9314C122.681 27.2208 123.521 29.1472 125.2 30.6827C126.879 32.2183 128.819 32.9721 131.019 32.9721C132.148 32.9721 133.219 32.7487 134.261 32.3299L133.856 31.4365Z" fill="#3D3D3F"/>
+<path d="M152.351 31.967C150.469 31.967 148.79 31.269 147.284 29.901C145.808 28.533 145.055 26.8858 145.055 24.9594V18.1472H148.529V17.1421H145.055V11H143.984V24.9314C144.013 27.137 144.853 29.0355 146.474 30.599C148.095 32.1624 150.064 32.9441 152.351 32.9441V31.967Z" fill="#3D3D3F"/>
+<path d="M156.916 11H155.816V14.4898H156.916V11ZM156.916 17.1421H155.816V32.6649H156.916V17.1421Z" fill="#3D3D3F"/>
+<path d="M178.174 24.9035C178.174 22.7259 177.364 20.8553 175.713 19.2639C174.092 17.6726 172.152 16.8908 169.865 16.8908C167.578 16.8908 165.609 17.6726 163.988 19.2639C162.367 20.8274 161.556 22.6979 161.556 24.9035C161.556 27.1091 162.367 28.9797 163.988 30.571C165.638 32.1345 167.578 32.9162 169.865 32.9162C172.152 32.9162 174.092 32.1345 175.713 30.571C177.364 28.9797 178.174 27.1091 178.174 24.9035ZM177.161 24.9035C177.161 26.8299 176.437 28.5051 175.019 29.8731C173.6 31.2411 171.863 31.9391 169.865 31.9391C167.868 31.9391 166.13 31.2411 164.712 29.8731C163.293 28.5051 162.569 26.8299 162.569 24.9035C162.569 23.0051 163.293 21.3578 164.712 19.9619C166.159 18.566 167.868 17.868 169.865 17.868C171.863 17.868 173.571 18.566 174.99 19.9619C176.437 21.3578 177.161 23.0051 177.161 24.9035Z" fill="#3D3D3F"/>
+<path d="M199 24.8756C199 22.67 198.16 20.7995 196.51 19.236C194.86 17.6446 192.891 16.8629 190.604 16.8629C188.317 16.8629 186.348 17.6446 184.698 19.236C183.048 20.7995 182.237 22.67 182.237 24.8756V32.6649H183.308V24.8756C183.308 22.9492 184.032 21.302 185.48 19.934C186.927 18.538 188.635 17.8401 190.604 17.8401C192.602 17.8401 194.31 18.538 195.757 19.934C197.205 21.302 197.929 22.9492 197.929 24.8756V32.6649H199V24.8756Z" fill="#3D3D3F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M77.0006 24.1868H64.0296V22.3817H74.6848C74.2151 21.2575 73.4403 20.3294 72.3676 19.5938L72.3629 19.5906C71.1281 18.7174 69.7614 18.2959 68.3091 18.2959C66.5391 18.2959 64.9559 18.9478 63.5174 20.3084C62.1122 21.6368 61.4133 23.1821 61.4133 24.9314C61.4133 26.7431 62.0885 28.289 63.4348 29.6144C64.7777 30.9088 66.4144 31.567 68.3091 31.567C70.3717 31.567 72.0869 30.8299 73.456 29.3247L73.7223 29.032L75.0931 30.2522L74.7823 30.5519C72.8656 32.4002 70.7138 33.3441 68.3091 33.3441C65.9183 33.3441 63.879 32.5222 62.1543 30.859L62.1517 30.8565C60.4581 29.1941 59.6 27.2223 59.6 24.9314C59.6 22.6155 60.4561 20.6136 62.1543 18.976C63.8519 17.3389 65.9208 16.5188 68.3091 16.5188C70.4567 16.5188 72.3432 17.1928 73.9801 18.5667C75.6156 19.9394 76.5922 21.6443 76.9262 23.7233L77.0006 24.1868ZM63.1557 29.901C61.7371 28.5051 61.0133 26.8578 61.0133 24.9314C61.0133 23.0609 61.766 21.4137 63.2426 20.0177C64.748 18.5939 66.4272 17.8959 68.3091 17.8959C69.8435 17.8959 71.291 18.3426 72.5939 19.2639C73.7748 20.0738 74.6228 21.113 75.1161 22.3817C75.1669 22.5126 75.2141 22.6459 75.2574 22.7817H64.4296V23.7868H76.5313C76.5096 23.6518 76.4851 23.5184 76.4577 23.3868C76.0836 21.5854 75.1799 20.0959 73.723 18.8731C72.1596 17.5609 70.3646 16.9188 68.3091 16.9188C66.0219 16.9188 64.0532 17.7005 62.4319 19.2639C60.8106 20.8274 60 22.7259 60 24.9314C60 27.1091 60.8106 28.9797 62.4319 30.571C64.0821 32.1624 66.0219 32.9441 68.3091 32.9441C70.4761 32.9441 72.4352 32.1421 74.211 30.5381C74.3095 30.4492 74.4073 30.3578 74.5047 30.2639L73.7519 29.5939C72.3043 31.1853 70.4804 31.967 68.3091 31.967C66.3114 31.967 64.5743 31.269 63.1557 29.901ZM82.6754 10.6V33.0649H80.7752V10.6H82.6754ZM103.916 24.1868H90.9453V22.3817H101.601C101.131 21.2575 100.356 20.3294 99.2834 19.5938L99.2786 19.5906C98.0439 18.7174 96.6772 18.2959 95.2248 18.2959C93.4548 18.2959 91.8717 18.9478 90.4332 20.3084C89.028 21.6368 88.3291 23.1821 88.3291 24.9314C88.3291 26.7431 89.0043 28.2891 90.3506 29.6144C91.6935 30.9088 93.3302 31.567 95.2248 31.567C97.2875 31.567 99.0026 30.8299 100.372 29.3247L100.638 29.032L102.009 30.2522L101.698 30.5519C99.7813 32.4002 97.6295 33.3441 95.2248 33.3441C92.8341 33.3441 90.7948 32.5222 89.07 30.859L89.0675 30.8565C87.3738 29.1941 86.5158 27.2223 86.5158 24.9314C86.5158 22.6155 87.3719 20.6136 89.07 18.976C90.7676 17.3389 92.8366 16.5188 95.2248 16.5188C97.3725 16.5188 99.259 17.1928 100.896 18.5667C102.531 19.9394 103.508 21.6443 103.842 23.7233L103.916 24.1868ZM90.0715 29.901C88.6528 28.5051 87.9291 26.8578 87.9291 24.9314C87.9291 23.0609 88.6818 21.4137 90.1583 20.0177C91.6638 18.5939 93.343 17.8959 95.2248 17.8959C96.7592 17.8959 98.2068 18.3426 99.5096 19.2639C100.691 20.0738 101.539 21.113 102.032 22.3817C102.083 22.5126 102.13 22.6459 102.173 22.7817H91.3453V23.7868H103.447C103.425 23.6518 103.401 23.5184 103.373 23.3868C102.999 21.5854 102.096 20.0959 100.639 18.8731C99.0754 17.5609 97.2804 16.9188 95.2248 16.9188C92.9377 16.9188 90.969 17.7005 89.3477 19.2639C87.7264 20.8274 86.9158 22.7259 86.9158 24.9314C86.9158 27.1091 87.7264 28.9797 89.3477 30.571C90.9979 32.1624 92.9377 32.9441 95.2248 32.9441C97.3919 32.9441 99.351 32.1421 101.127 30.5381C101.225 30.4492 101.323 30.3578 101.42 30.2639L100.668 29.5939C99.2201 31.1853 97.3962 31.967 95.2248 31.967C93.2272 31.967 91.4901 31.269 90.0715 29.901ZM105.888 17.1421L113.067 31.0177L120.218 17.1421H121.434L113.039 33L104.701 17.1421H105.888ZM113.067 30.146L119.975 16.7421H122.099L113.037 33.8571L104.038 16.7421H106.131L113.067 30.146ZM134.064 30.9256L134.798 32.5453L134.411 32.7011C133.325 33.1375 132.203 33.3721 131.019 33.3721C128.717 33.3721 126.681 32.5795 124.93 30.9779C123.167 29.3655 122.281 27.3315 122.281 24.9314C122.281 22.6411 123.138 20.6706 124.801 19.0089L124.804 19.0064C126.501 17.3407 128.57 16.4908 131.019 16.4908C133.348 16.4908 135.385 17.2822 137.109 18.8862C138.871 20.4978 139.757 22.5033 139.757 24.9314V33.0649H137.944V24.736C137.944 22.9587 137.245 21.4444 135.846 20.1743C134.439 18.8978 132.855 18.268 131.019 18.268C129.182 18.268 127.571 18.8985 126.166 20.1995L126.163 20.2023C124.773 21.4644 124.094 23.0309 124.094 24.9314C124.094 26.6899 124.743 28.2383 126.064 29.5924C127.403 30.936 129.036 31.5949 131.019 31.5949C131.919 31.5949 132.825 31.4107 133.71 31.0641L134.064 30.9256ZM125.779 29.8731C127.197 31.2969 128.934 31.9949 131.019 31.9949C131.974 31.9949 132.93 31.7995 133.856 31.4365L134.261 32.3299C134.137 32.38 134.012 32.4272 133.887 32.4716C132.962 32.7989 132.013 32.9721 131.019 32.9721C128.819 32.9721 126.879 32.2183 125.2 30.6827C123.521 29.1472 122.681 27.2208 122.681 24.9314C122.681 22.7538 123.492 20.8832 125.084 19.2919C126.705 17.7005 128.674 16.8908 131.019 16.8908C133.248 16.8908 135.188 17.6446 136.838 19.1802C138.517 20.7157 139.357 22.6142 139.357 24.9314V32.6649H138.344V24.736C138.344 22.8375 137.591 21.2183 136.114 19.8781C134.638 18.538 132.959 17.868 131.019 17.868C129.079 17.868 127.371 18.538 125.895 19.9061C124.418 21.2462 123.694 22.9213 123.694 24.9314C123.694 26.802 124.389 28.4492 125.779 29.8731ZM152.751 31.567V33.3441H152.351C149.963 33.3441 147.894 32.524 146.196 30.8869C144.501 29.2518 143.614 27.2526 143.584 24.9367L143.584 24.9314L143.584 10.6H145.455V16.7421H148.929V18.5472H145.455V24.9594C145.455 26.7663 146.155 28.309 147.555 29.6064C148.995 30.9145 150.58 31.567 152.351 31.567H152.751ZM147.284 29.901C148.79 31.269 150.469 31.967 152.351 31.967V32.9441C152.216 32.9441 152.083 32.9414 151.951 32.936C149.834 32.8495 148 32.0705 146.474 30.599C144.853 29.0355 144.013 27.137 143.984 24.9314V11H145.055V17.1421H148.529V18.1472H145.055V24.9594C145.055 26.8858 145.808 28.533 147.284 29.901ZM157.316 10.6V14.8898H155.416V10.6H157.316ZM157.316 16.7421V33.0649H155.416V16.7421H157.316ZM163.988 30.571C162.367 28.9797 161.556 27.1091 161.556 24.9035C161.556 22.6979 162.367 20.8274 163.988 19.2639C165.609 17.6726 167.578 16.8908 169.865 16.8908C172.152 16.8908 174.092 17.6726 175.713 19.2639C177.364 20.8553 178.174 22.7259 178.174 24.9035C178.174 27.1091 177.364 28.9797 175.713 30.571C174.092 32.1345 172.152 32.9162 169.865 32.9162C167.578 32.9162 165.638 32.1345 163.988 30.571ZM175.992 18.977C174.295 17.312 172.255 16.4908 169.865 16.4908C167.477 16.4908 165.407 17.3109 163.709 18.977C162.013 20.6133 161.156 22.5865 161.156 24.9035C161.156 27.2216 162.014 29.1936 163.708 30.8565L163.713 30.8614C165.437 32.4947 167.475 33.3162 169.865 33.3162C172.255 33.3162 174.294 32.495 175.991 30.859C177.716 29.1953 178.574 27.2221 178.574 24.9035C178.574 22.6125 177.716 20.6399 175.992 18.977ZM174.99 19.9619C173.571 18.566 171.863 17.868 169.865 17.868C167.868 17.868 166.159 18.566 164.712 19.9619C163.293 21.3578 162.569 23.0051 162.569 24.9035C162.569 26.8299 163.293 28.5051 164.712 29.8731C166.13 31.2411 167.868 31.9391 169.865 31.9391C171.863 31.9391 173.6 31.2411 175.019 29.8731C176.437 28.5051 177.161 26.8299 177.161 24.9035C177.161 23.0051 176.437 21.3578 174.99 19.9619ZM164.991 20.2485C163.644 21.5746 162.969 23.1207 162.969 24.9035C162.969 26.7182 163.647 28.2903 164.989 29.5851C166.333 30.8804 167.97 31.5391 169.865 31.5391C171.76 31.5391 173.398 30.8804 174.741 29.5851C176.084 28.2903 176.761 26.7182 176.761 24.9035C176.761 23.1206 176.086 21.5754 174.712 20.2498L174.709 20.247C173.366 18.925 171.758 18.268 169.865 18.268C167.973 18.268 166.365 18.9242 164.991 20.2485ZM185.48 19.934C184.032 21.302 183.308 22.9492 183.308 24.8756V32.6649H182.237V24.8756C182.237 22.67 183.048 20.7995 184.698 19.236C186.348 17.6446 188.317 16.8629 190.604 16.8629C192.891 16.8629 194.86 17.6446 196.51 19.236C198.16 20.7995 199 22.67 199 24.8756V32.6649H197.929V24.8756C197.929 22.9492 197.205 21.302 195.757 19.934C194.31 18.538 192.602 17.8401 190.604 17.8401C188.635 17.8401 186.927 18.538 185.48 19.934ZM196.787 18.9473C195.061 17.2835 192.993 16.4629 190.604 16.4629C188.215 16.4629 186.147 17.2834 184.422 18.9468C182.694 20.5837 181.837 22.5581 181.837 24.8756V33.0649H183.708V24.8756C183.708 23.0634 184.384 21.5201 185.754 20.2247L185.757 20.2219C187.132 18.8962 188.741 18.2401 190.604 18.2401C192.497 18.2401 194.106 18.8967 195.48 20.2219L195.483 20.2247C196.853 21.5201 197.529 23.0634 197.529 24.8756V33.0649H199.4V24.8756C199.4 22.5546 198.511 20.5815 196.787 18.9473ZM81.1752 11H82.2754V32.6649H81.1752V11ZM155.816 11H156.916V14.4898H155.816V11ZM155.816 17.1421H156.916V32.6649H155.816V17.1421Z" fill="#3D3D3F"/>
+</svg>

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "declaration": true
+  },
+  "include": ["src", "dist-config.cjs"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,22 @@
+import {defineConfig} from 'vite';
+import react from '@vitejs/plugin-react';
+import {resolve} from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      name: 'Components Library',
+      fileName: 'components',
+    },
+    rollupOptions: {
+      external: ['react'],
+      output: {
+        globals: {
+          react: 'React',
+        },
+      },
+    },
+  },
+});