@onpe/ui 1.0.4 → 1.0.6

package/README.md

@@ -15,7 +15,17 @@ Librería completa de componentes de interfaz de usuario para aplicaciones de la
 
 ```bash
 npm install @onpe/ui
-`` ` esolo logica verdad ?
+```
+
+## ⚠️ Importante sobre TailwindCSS
+
+Esta librería **NO requiere** que instales TailwindCSS en tu proyecto. Los estilos ya están compilados y optimizados. Solo necesitas importar los estilos:
+
+```css
+@import "@onpe/ui/styles";
+```
+
+Si quieres extender los estilos con tus propias clases de TailwindCSS, entonces sí necesitarías instalar TailwindCSS en tu proyecto.
 
 ## 📖 Uso Básico
 
@@ -33,12 +43,8 @@ import { Button } from '@onpe/ui/components';
 function App() {
   return (
     <div>
-      <Button variant="primary" size="md">
-        Votar Ahora
-      </Button>
-      <Button variant="outline" size="lg">
-        Ver Resultados
-      </Button>
+      <Button color="primary" title="Votar Ahora" size="normal" />
+      <Button color="skyblue" title="Ver Resultados" size="large" />
     </div>
   );
 }
@@ -67,36 +73,152 @@ function App() {
 
 ### Button
 
+Botón versátil con múltiples colores y tamaños.
+
 Botón versátil con múltiples variantes y tamaños.
 
 ```tsx
 import { Button } from '@onpe/ui/components';
 
-// Variantes
-<Button variant="primary">Primario</Button>
-<Button variant="secondary">Secundario</Button>
-<Button variant="outline">Outline</Button>
-<Button variant="ghost">Ghost</Button>
+// Colores disponibles
+<Button color="primary" title="Primario" />
+<Button color="blue" title="Azul" />
+<Button color="skyblue" title="Sky Blue" />
+<Button color="green" title="Verde" />
+<Button color="yellow" title="Amarillo" />
+<Button color="red" title="Rojo" />
 
 // Tamaños
-<Button size="sm">Pequeño</Button>
-<Button size="md">Mediano</Button>
-<Button size="lg">Grande</Button>
+<Button color="primary" title="Pequeño" size="small" />
+<Button color="primary" title="Mediano" size="normal" />
+<Button color="primary" title="Grande" size="large" />
 
 // Estados
-<Button loading>Cargando...</Button>
-<Button disabled>Deshabilitado</Button>
+<Button color="primary" title="Deshabilitado" disabled />
 ```
 
 ### Props del Button
 
 | Prop | Tipo | Default | Descripción |
 |------|------|---------|-------------|
-| `variant` | `'primary' \| 'secondary' \| 'outline' \| 'ghost'` | `'primary'` | Estilo del botón |
-| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Tamaño del botón |
-| `loading` | `boolean` | `false` | Estado de carga |
+| `color` | `'primary' \| 'blue' \| 'skyblue' \| 'skyblue-light' \| 'yellow' \| 'light-skyblue' \| 'gray' \| 'gray-light' \| 'gray-extra-light' \| 'red' \| 'dark-gray' \| 'green' \| 'yellow-light'` | `'primary'` | Color del botón |
+| `title` | `string` | - | Texto del botón (requerido) |
+| `size` | `'small' \| 'normal' \| 'large'` | `'normal'` | Tamaño del botón |
 | `disabled` | `boolean` | `false` | Estado deshabilitado |
-| `children` | `ReactNode` | - | Contenido del botón |
+| `className` | `string` | - | Clases CSS adicionales |
+
+### Modal
+
+Componente modal para mostrar contenido en overlay.
+
+```tsx
+import { Modal } from '@onpe/ui/components';
+
+function App() {
+  const [isOpen, setIsOpen] = useState(false);
+  
+  return (
+    <Modal isOpen={isOpen} onClose={() => setIsOpen(false)}>
+      <h2>Contenido del Modal</h2>
+      <p>Este es el contenido del modal.</p>
+    </Modal>
+  );
+}
+```
+
+### Overlay
+
+Componente overlay para superponer contenido.
+
+```tsx
+import { Overlay } from '@onpe/ui/components';
+
+function App() {
+  return (
+    <Overlay>
+      <div>Contenido superpuesto</div>
+    </Overlay>
+  );
+}
+```
+
+### Portal
+
+Componente portal para renderizar fuera del DOM padre.
+
+```tsx
+import { Portal } from '@onpe/ui/components';
+
+function App() {
+  return (
+    <Portal>
+      <div>Contenido renderizado en portal</div>
+    </Portal>
+  );
+}
+```
+
+### Show
+
+Componente condicional para mostrar/ocultar contenido.
+
+```tsx
+import { Show } from '@onpe/ui/components';
+
+function App() {
+  const [visible, setVisible] = useState(true);
+  
+  return (
+    <Show when={visible}>
+      <div>Contenido visible</div>
+    </Show>
+  );
+}
+```
+
+### ModalConfirm
+
+Modal de confirmación para acciones importantes.
+
+```tsx
+import { ModalConfirm } from '@onpe/ui/components';
+
+function App() {
+  const [showConfirm, setShowConfirm] = useState(false);
+  
+  return (
+    <ModalConfirm
+      isOpen={showConfirm}
+      onClose={() => setShowConfirm(false)}
+      onConfirm={() => {
+        // Acción a confirmar
+        setShowConfirm(false);
+      }}
+      title="Confirmar acción"
+      message="¿Estás seguro de realizar esta acción?"
+    />
+  );
+}
+```
+
+### ModalLoading
+
+Modal de carga para mostrar estados de procesamiento.
+
+```tsx
+import { ModalLoading } from '@onpe/ui/components';
+
+function App() {
+  const [loading, setLoading] = useState(false);
+  
+  return (
+    <ModalLoading
+      isOpen={loading}
+      message="Procesando información..."
+    />
+  );
+}
+```
 
 ## 🎯 Hooks Disponibles
 
@@ -145,6 +267,45 @@ function SettingsComponent() {
 }
 ```
 
+## 🎨 Iconos Disponibles
+
+La librería incluye una colección completa de iconos organizados por categorías:
+
+### Iconos de Acciones
+- Iconos para acciones comunes (editar, eliminar, guardar, etc.)
+
+### Iconos de Navegadores
+- Iconos de navegadores web (Chrome, Firefox, Safari, Edge, etc.)
+
+### Iconos de Sistemas Operativos
+- Iconos de sistemas operativos (Windows, macOS, Linux, etc.)
+
+### Iconos ONPE
+- Iconos específicos de la institución ONPE
+
+### Logos
+- Logotipos oficiales y marcas
+
+```tsx
+import { 
+  IconChrome, 
+  IconFirefox, 
+  IconSafari,
+  IconWindows,
+  IconMacOS 
+} from '@onpe/ui/icons';
+
+function App() {
+  return (
+    <div>
+      <IconChrome className="w-6 h-6" />
+      <IconFirefox className="w-6 h-6" />
+      <IconSafari className="w-6 h-6" />
+    </div>
+  );
+}
+```
+
 ## 🛠️ Utilidades
 
 ### formatDate
@@ -217,6 +378,13 @@ La librería incluye breakpoints personalizados para ONPE:
 .bg-gray-extra-light /* Fondo gris muy claro */
 ```
 
+## 📋 Versiones
+
+- **v1.0.4** - Versión actual
+- Compatible con React 16.8+
+- TailwindCSS v4
+- TypeScript 5.3+
+
 ## 🔧 Desarrollo
 
 ### Requisitos
@@ -258,6 +426,7 @@ MIT © ONPE - Oficina Nacional de Procesos Electorales
 - 🐛 Issues: [GitHub Issues](https://github.com/ricardosv46/onpe-ui/issues)
 - 📖 Documentación: [Storybook](https://onpe-ui-components.netlify.app)
 - 🔗 Repositorio: [GitHub](https://github.com/ricardosv46/onpe-ui)
+- 📦 NPM: [@onpe/ui](https://www.npmjs.com/package/@onpe/ui)
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onpe/ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "description": "Librería completa de UI para ONPE - Componentes, Hooks, Utils y Librerías",
   "main": "dist/index.js",
@@ -35,7 +35,9 @@
     "./styles": "./dist/index.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "!dist/**/*.stories.*",
+    "!dist/**/IconsOverview.*"
   ],
   "scripts": {
     "build": "rollup -c",
@@ -85,6 +87,7 @@
     "@storybook/react": "^7.6.6",
     "@storybook/react-vite": "^7.6.6",
     "@storybook/testing-library": "^0.2.2",
+    "@tailwindcss/postcss": "^4.1.13",
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.18",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
@@ -101,11 +104,10 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^7.6.6",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5.3.3"
   },
   "dependencies": {
-    "@tailwindcss/postcss": "^4.1.13",
-    "clsx": "^2.0.0",
-    "tailwindcss": "^4.1.13"
+    "clsx": "^2.0.0"
   }
 }

package/dist/components/Button/Button.stories.d.ts

@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Button from "./Button";
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Blue: Story;
-export declare const Skyblue: Story;
-export declare const Red: Story;
-export declare const Green: Story;
-export declare const Yellow: Story;
-export declare const Small: Story;
-export declare const Normal: Story;
-export declare const Large: Story;
-export declare const Disabled: Story;
-export declare const AllColors: Story;
-export declare const AllSizes: Story;
-//# sourceMappingURL=Button.stories.d.ts.map

package/dist/components/Button/Button.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA+B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC"}

package/dist/components/ErrorHandling/BrowserIncompatible/BrowserIncompatible.stories.d.ts

@@ -1,9 +0,0 @@
-import { BrowserIncompatible } from "./BrowserIncompatible";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof BrowserIncompatible>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Interactive: Story;
-export declare const CustomStyling: Story;
-//# sourceMappingURL=BrowserIncompatible.stories.d.ts.map

package/dist/components/ErrorHandling/BrowserIncompatible/BrowserIncompatible.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserIncompatible.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandling/BrowserIncompatible/BrowserIncompatible.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAe1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC"}

package/dist/components/ErrorHandling/ModalDeviceIncompatible/ModalDeviceIncompatible.stories.d.ts

@@ -1,9 +0,0 @@
-import { ModalDeviceIncompatible } from "./ModalDeviceIncompatible";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof ModalDeviceIncompatible>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Interactive: Story;
-export declare const CustomStyling: Story;
-//# sourceMappingURL=ModalDeviceIncompatible.stories.d.ts.map

package/dist/components/ErrorHandling/ModalDeviceIncompatible/ModalDeviceIncompatible.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalDeviceIncompatible.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandling/ModalDeviceIncompatible/ModalDeviceIncompatible.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAe9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC"}

package/dist/components/ErrorHandling/ModalSystemIncompatible/ModalSystemIncompatible.stories.d.ts

@@ -1,9 +0,0 @@
-import { ModalSystemIncompatible } from "./ModalSystemIncompatible";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof ModalSystemIncompatible>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Interactive: Story;
-export declare const CustomStyling: Story;
-//# sourceMappingURL=ModalSystemIncompatible.stories.d.ts.map

package/dist/components/ErrorHandling/ModalSystemIncompatible/ModalSystemIncompatible.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalSystemIncompatible.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandling/ModalSystemIncompatible/ModalSystemIncompatible.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAe9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC"}

package/dist/components/Feedback/ModalConfirm/ModalConfirm.stories.d.ts

@@ -1,9 +0,0 @@
-import { ModalConfirm } from "./ModalConfirm";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof ModalConfirm>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Warning: Story;
-export declare const Success: Story;
-export declare const Interactive: Story;
-//# sourceMappingURL=ModalConfirm.stories.d.ts.map

package/dist/components/Feedback/ModalConfirm/ModalConfirm.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalConfirm.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/ModalConfirm/ModalConfirm.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAsBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqDzB,CAAC"}

package/dist/components/Feedback/ModalLoading/ModalLoading.stories.d.ts

@@ -1,9 +0,0 @@
-import { ModalLoading } from "./ModalLoading";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof ModalLoading>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const CustomMessage: Story;
-export declare const Interactive: Story;
-//# sourceMappingURL=ModalLoading.stories.d.ts.map

package/dist/components/Feedback/ModalLoading/ModalLoading.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalLoading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/ModalLoading/ModalLoading.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAkBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0CzB,CAAC"}

package/dist/components/Modal/Modal.stories.d.ts

@@ -1,9 +0,0 @@
-import Modal from "./Modal";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof Modal>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Basic: Story;
-export declare const WithCloseButton: Story;
-export declare const Interactive: Story;
-//# sourceMappingURL=Modal.stories.d.ts.map

package/dist/components/Modal/Modal.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAoC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAsBnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC"}

package/dist/components/Overlay/Overlay.stories.d.ts

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Overlay from "./Overlay";
-declare const meta: Meta<typeof Overlay>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Blue: Story;
-export declare const Skyblue: Story;
-export declare const Red: Story;
-export declare const Green: Story;
-export declare const Yellow: Story;
-export declare const Gray: Story;
-export declare const Interactive: Story;
-export declare const AllColors: Story;
-//# sourceMappingURL=Overlay.stories.d.ts.map

package/dist/components/Overlay/Overlay.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Overlay.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Overlay/Overlay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA8B9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqDzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwCvB,CAAC"}

package/dist/components/Portal/Portal.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Portal from "./Portal";
-declare const meta: Meta<typeof Portal>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithButton: Story;
-export declare const MultipleElements: Story;
-export declare const PortalInfo: Story;
-//# sourceMappingURL=Portal.stories.d.ts.map

package/dist/components/Portal/Portal.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Portal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAO7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAC"}

package/dist/components/Show/Show.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Show from "./Show";
-declare const meta: Meta<typeof Show>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Loading: Story;
-export declare const Content: Story;
-export declare const Interactive: Story;
-//# sourceMappingURL=Show.stories.d.ts.map

package/dist/components/Show/Show.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Show.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Show/Show.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAY3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0CzB,CAAC"}

package/dist/icons/Actions/CheckIcon.stories.d.ts

@@ -1,12 +0,0 @@
-import { CheckIcon } from "./CheckIcon";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof CheckIcon>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const Red: Story;
-export declare const CustomSizeAndColor: Story;
-export declare const AllSizesAndColors: Story;
-//# sourceMappingURL=CheckIcon.stories.d.ts.map

package/dist/icons/Actions/CheckIcon.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/icons/Actions/CheckIcon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAkBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgD/B,CAAC"}

package/dist/icons/Actions/IconCheck/IconCheck.stories.d.ts

@@ -1,12 +0,0 @@
-import { IconCheck } from "./IconCheck";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof IconCheck>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const Red: Story;
-export declare const CustomSizeAndColor: Story;
-export declare const AllSizesAndColors: Story;
-//# sourceMappingURL=IconCheck.stories.d.ts.map

package/dist/icons/Actions/IconCheck/IconCheck.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconCheck.stories.d.ts","sourceRoot":"","sources":["../../../../src/icons/Actions/IconCheck/IconCheck.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAkBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgD/B,CAAC"}

package/dist/icons/Actions/IconClose/IconClose.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import IconClose from "./IconClose";
-declare const meta: Meta<typeof IconClose>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const WithColors: Story;
-export declare const InButtons: Story;
-export declare const AllSizes: Story;
-//# sourceMappingURL=IconClose.stories.d.ts.map

package/dist/icons/Actions/IconClose/IconClose.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconClose.stories.d.ts","sourceRoot":"","sources":["../../../../src/icons/Actions/IconClose/IconClose.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAkBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}

package/dist/icons/Actions/IconClose.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import IconClose from "./IconClose";
-declare const meta: Meta<typeof IconClose>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const WithColors: Story;
-export declare const InButtons: Story;
-export declare const AllSizes: Story;
-//# sourceMappingURL=IconClose.stories.d.ts.map

package/dist/icons/Actions/IconClose.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconClose.stories.d.ts","sourceRoot":"","sources":["../../../src/icons/Actions/IconClose.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAkBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}

package/dist/icons/Actions/IconSpinnerDesktop/IconSpinnerDesktop.stories.d.ts

@@ -1,12 +0,0 @@
-import { IconSpinnerDesktop } from "./IconSpinnerDesktop";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof IconSpinnerDesktop>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const White: Story;
-export declare const CustomSizeAndColor: Story;
-export declare const AllSizesAndColors: Story;
-//# sourceMappingURL=IconSpinnerDesktop.stories.d.ts.map

package/dist/icons/Actions/IconSpinnerDesktop/IconSpinnerDesktop.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconSpinnerDesktop.stories.d.ts","sourceRoot":"","sources":["../../../../src/icons/Actions/IconSpinnerDesktop/IconSpinnerDesktop.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAkBzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgD/B,CAAC"}

package/dist/icons/Actions/IconSpinnerMobile/IconSpinnerMobile.stories.d.ts

@@ -1,12 +0,0 @@
-import { IconSpinnerMobile } from "./IconSpinnerMobile";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof IconSpinnerMobile>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const White: Story;
-export declare const CustomSizeAndColor: Story;
-export declare const AllSizesAndColors: Story;
-//# sourceMappingURL=IconSpinnerMobile.stories.d.ts.map

package/dist/icons/Actions/IconSpinnerMobile/IconSpinnerMobile.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconSpinnerMobile.stories.d.ts","sourceRoot":"","sources":["../../../../src/icons/Actions/IconSpinnerMobile/IconSpinnerMobile.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAkBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgD/B,CAAC"}

package/dist/icons/Actions/IconWarning/IconWarning.stories.d.ts

@@ -1,12 +0,0 @@
-import { IconWarning } from "./IconWarning";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof IconWarning>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const Red: Story;
-export declare const CustomSizeAndColor: Story;
-export declare const AllSizesAndColors: Story;
-//# sourceMappingURL=IconWarning.stories.d.ts.map

package/dist/icons/Actions/IconWarning/IconWarning.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconWarning.stories.d.ts","sourceRoot":"","sources":["../../../../src/icons/Actions/IconWarning/IconWarning.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAkBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgD/B,CAAC"}

package/dist/icons/Actions/SpinnerDesktopIcon.stories.d.ts

@@ -1,12 +0,0 @@
-import { SpinnerDesktopIcon } from "./SpinnerDesktopIcon";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof SpinnerDesktopIcon>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const White: Story;
-export declare const CustomSizeAndColor: Story;
-export declare const AllSizesAndColors: Story;
-//# sourceMappingURL=SpinnerDesktopIcon.stories.d.ts.map

package/dist/icons/Actions/SpinnerDesktopIcon.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinnerDesktopIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/icons/Actions/SpinnerDesktopIcon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAkBzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgD/B,CAAC"}

package/dist/icons/Actions/SpinnerMobileIcon.stories.d.ts

@@ -1,12 +0,0 @@
-import { SpinnerMobileIcon } from "./SpinnerMobileIcon";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof SpinnerMobileIcon>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const White: Story;
-export declare const CustomSizeAndColor: Story;
-export declare const AllSizesAndColors: Story;
-//# sourceMappingURL=SpinnerMobileIcon.stories.d.ts.map

package/dist/icons/Actions/SpinnerMobileIcon.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinnerMobileIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/icons/Actions/SpinnerMobileIcon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAkBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgD/B,CAAC"}