do-ui-design-system 0.0.13 → 0.1.1

package/dist/do-theme/var-dark.css

@@ -1,7 +1,4 @@
-@plugin "daisyui/theme" {
-    name: "dark";
-    prefersdark: true;
-    color-scheme: dark;
+:root {
     --color-primary:#27272A;
     --color-primary-content: #FAFAFA;
     --color-secondary: #FAFAFA;

package/dist/do-theme/var-light.css

@@ -1,23 +1,12 @@
-@plugin "daisyui/theme" {
-    name: "light";
-    default: true;
-    color-scheme: light;
-    --color-primary: #27272A;
-    --color-primary-content: #FAFAFA;
-    --color-secondary: #FAFAFA;
-    --color-secondary-content: #27272A;
-    --color-neutral: #FAFAFA;
-    --color-neutral-content: none;
-    --color-accent: #1D4ED8;
-    --color-accent-content: #EFF6FF;
-    --color-info: oklch(70% 0.2 220);
-    --color-info-content: oklch(98% 0.01 220);
-    --color-success: oklch(65% 0.25 140);
-    --color-success-content: oklch(98% 0.01 140);
-    --color-warning: oklch(80% 0.25 80);
-    --color-warning-content: oklch(20% 0.05 80);
-    --color-error: oklch(65% 0.3 30);
-    --color-error-content: oklch(98% 0.01 30);
+:root {
+    --do-color-primary: #27272A;
+    --do-color-primary-content: #FAFAFA;
+    --do-color-secondary: #FAFAFA;
+    --do-color-secondary-content: #27272A;
+    --do-color-neutral: #FAFAFA;
+    --do-color-neutral-content: none;
+    --do-color-accent: #1D4ED8;
+    --do-color-accent-content: #EFF6FF;
 
     
     /* base sizes */
@@ -29,18 +18,21 @@
     --radius-field: 0.25rem;
     --radius-box: 0.25rem;
     
-    /*variables DO*/
     /*hover color*/
     --do-color-primary-hover: #f5f5f5;
     --do-color-secondary-hover: #3e3e45;
     /*disabled color*/
     --do-color-primary-disabled: #a4a4a6;
     --do-color-accent-disabled: #a4b6ed;
-    /*buttons border color*/
-    --do-color-border-primary: #3F3F46;
+    /*border color*/
+    --do-color-border-primary: #52525B;
+    --do-color-border-primary-hover: #E4E4E7;
     --do-color-border-secondary: #F4F4F5;
+    --do-color-border-secondary-hover: #71717A;
     --do-color-border-accent: #2563EB;
     --do-color-border-accent-hover: #3B82F6;
     /*styles*/
     --do-transparent: transparent;
+    --do-text-base: #27272A;
+    --do-text-contrast: #fff;
 }

package/dist/index.d.ts

@@ -1,3 +1,4 @@
-import './do-theme/post-compiled.css';
-export * from './components/atoms';
-export * from './components/molecules';
+import { Button, Icon } from './atoms/index.ts';
+import { IconButton } from './molecules/index.ts';
+export { Button, Icon, IconButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAC,CAAC"}

package/dist/index.js

@@ -1,3 +1,3 @@
-import './do-theme/post-compiled.css';
-export * from './components/atoms';
-export * from './components/molecules';
+import { Button, Icon } from './atoms/index.ts';
+import { IconButton } from './molecules/index.ts';
+export { Button, Icon, IconButton };

package/dist/molecules/IconButton/IconButton.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import { Button, Icon } from '../../atoms';
+	import type { iProps } from './iProps.ts';
+
+	export let variant: iProps['variant'] = 'do-btn-primary';
+	export let size: iProps['size'] = 'do-btn-md';
+	export let label: iProps['label'] = '';
+	export let disabled: iProps['disabled'] = false;
+	export let loading: iProps['loading'] = false;
+	export let iconName: iProps['iconName'] = 'icon-arrow';
+	export let iconSize: iProps['iconSize'] = 'inherit';
+	export let iconColor: iProps['iconColor'] = 'inherit';
+	export let iconPosition: iProps['iconPosition'] = 'end';
+	export let rounded: iProps['rounded'] = false;
+</script>
+
+<!-- @component
+		```Svelte
+		<IconButton label?={'text'} variant?={'variant'} size?={'size'} on:click={()=>{}} disabled?={disabled} loading?={loading} iconName?={'iconName'} iconSize?={'iconSize'} />
+		```
+		- `variant?`: 'btn-primary' | 'btn-secondary' | 'do-btn-tertiary' | 'btn-accent' | 'btn-neutral'
+		- `size?`: rem units
+		- `label?`: string
+		- `disabled?`: boolean
+		- `rounded?`: boolean
+		- `loading?`: boolean
+		- `iconName?`: any icon name from the Icon component
+		- `iconSize?`: rem units
+		- `iconColor?`: hex units #000
+		- `iconPosition?`: 'start' | 'end'
+		```
+  -->
+
+<Button {...$$restProps} {variant} {size} {disabled} {rounded} on:click>
+	{#if loading}
+		<i class="icon-loading do-loader" style={iconPosition === 'start' ? 'order:1;' : 'order:2;'}></i>
+	{:else}
+		<div style="display: inline-flex; transform:scale(130%); {`${iconPosition === 'start' ? 'order:1;' : 'order:2;'}`}">
+			<Icon name={iconName} size={iconSize} color={iconColor}/>
+		</div>
+	{/if}
+	{#if label}
+		<span style={iconPosition === 'start' ? 'order:2;' : 'order:1;'}>{label}</span>
+	{/if}
+</Button>

package/dist/{components/molecules → molecules}/IconButton/IconButton.svelte.d.ts

@@ -14,22 +14,23 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 /**
  * ```Svelte
- * <IconButton label?={'text'} color?={'color'} size?={'size'} on:click={()=>{}} disabled?={disabled} loading?={loading} iconName?={'iconName'} iconSize?={'iconSize'} />
- *    ```
- *    - `color?`: 'btn-primary' | 'btn-secondary' | 'btn-accent' | 'btn-neutral', or any Tailwind color class
- *    - `size?`: any Tailwind size class
- *    - `label?`: string
- *    - `disabled?`: boolean
+ * <IconButton label?={'text'} variant?={'variant'} size?={'size'} on:click={()=>{}} disabled?={disabled} loading?={loading} iconName?={'iconName'} iconSize?={'iconSize'} />
+ * ```
+ * - `variant?`: 'btn-primary' | 'btn-secondary' | 'do-btn-tertiary' | 'btn-accent' | 'btn-neutral'
+ * - `size?`: rem units
+ * - `label?`: string
+ * - `disabled?`: boolean
+ * - `rounded?`: boolean
  * - `loading?`: boolean
  * - `iconName?`: any icon name from the Icon component
- * - `iconSize?`: any Tailwind text size class
- * - `iconColor?`: any tailwind color class
+ * - `iconSize?`: rem units
+ * - `iconColor?`: hex units #000
  * - `iconPosition?`: 'start' | 'end'
  * ```
  */
 declare const IconButton: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: any;
-    color?: string | undefined;
+    variant?: string | undefined;
     size?: string | undefined;
     label?: string | undefined;
     disabled?: boolean | undefined;
@@ -38,6 +39,7 @@ declare const IconButton: $$__sveltets_2_IsomorphicComponent<{
     iconSize?: string | undefined;
     iconColor?: string | undefined;
     iconPosition?: "start" | "end" | undefined;
+    rounded?: boolean | undefined;
 }, {
     click: MouseEvent;
 } & {
@@ -45,3 +47,4 @@ declare const IconButton: $$__sveltets_2_IsomorphicComponent<{
 }, {}, {}, string>;
 type IconButton = InstanceType<typeof IconButton>;
 export default IconButton;
+//# sourceMappingURL=IconButton.svelte.d.ts.map

package/dist/molecules/IconButton/IconButton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/IconButton/IconButton.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAkC1C,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,UAAU;;;;;;;eA1BgW,MAAM,CAAC,UAAU,CAAC;;;;;;;;;kBA0B5Q,CAAC;AACrG,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}

package/dist/molecules/IconButton/iProps.d.ts

@@ -0,0 +1,15 @@
+import type { IconNames } from '../../do-theme/icomoon/iconList.ts';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+export interface iProps extends HTMLButtonAttributes {
+    variant?: 'do-btn-primary' | 'do-btn-secondary' | 'do-btn-tertiary' | 'do-btn-link' | 'do-btn-accent' | string;
+    size?: 'do-btn-sm' | 'do-btn-md' | 'do-btn-lg' | string;
+    label?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    iconName: IconNames;
+    iconSize?: string;
+    iconColor?: string;
+    iconPosition?: 'start' | 'end';
+    rounded?: boolean;
+}
+//# sourceMappingURL=iProps.d.ts.map

package/dist/molecules/IconButton/iProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iProps.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/IconButton/iProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,WAAW,MAAO,SAAQ,oBAAoB;IACnD,OAAO,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,aAAa,GAAG,eAAe,GAAG,MAAM,CAAC;IAC/G,IAAI,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/dist/{components/molecules → molecules}/index.d.ts

@@ -1,2 +1,3 @@
 import IconButton from "./IconButton/IconButton.svelte";
 export { IconButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/molecules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/package.json

@@ -1,68 +1,52 @@
 {
 	"name": "do-ui-design-system",
-	"version": "0.0.13",
-	"description": "Design system en Svelte + Tailwind + DaisyUI",
+	"version": "0.1.1",
+	"description": "Design system en Svelte + CSS + Storybook",
 	"author": "Data Observatory",
 	"license": "MIT",
-	"main": "./dist/index.js",
 	"scripts": {
 		"dev": "vite dev",
-		"build": "npm run build:css && npm run prepack",
-		"build:css": "postcss src/app.css -o src/lib/do-theme/post-compiled.css",
-		"prepack": "svelte-kit sync && svelte-package && publint",
+		"build": "vite build && npm run prepack",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"test:unit": "vitest",
 		"test": "npm run test:unit -- --run",
 		"lint": "eslint . && prettier --check .",
 		"format": "prettier --write .",
-		"storybook": "storybook dev -p 6006",
-		"build-storybook": "storybook build",
-		"deploy:sb": "aws s3 sync ./storybook-static/ \"s3://doui-douis334ee98a3-exurk2nzipoy\" --delete --profile aplicaciones",
-		"invalidate:sb": "aws cloudfront create-invalidation --distribution-id EV3SCINCO86TM --paths \"/*\" --profile aplicaciones",
-		"full-deploy:sb": "npm run build-storybook && npm run deploy:sb && npm run invalidate:sb"
+		"sb": "storybook dev -p 6006",
+		"build-storybook": "storybook build"
 	},
 	"files": [
 		"dist",
 		"src/lib/do-theme/index.css",
-		"src/lib/do-theme/post-compiled.css",
-		"!src/lib/**/*.stories.svelte",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*",
+		"!dist/**/*.stories.*",
 		"!src/lib/**/*.test.*",
 		"!src/lib/**/*.spec.*",
-		"!src/lib/**/*.mdx",
-		"package.json"
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*",
+		"!dist/**/*.stories.*",
+		"!dist/**/*.mdx*",
+		"!dist/**/*.iProps*"
 	],
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"type": "module",
+	"style": "src/lib/do-theme/index.css" ,
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js",
-			"import": "./dist/index.js",
-			"default": "./dist/index.js"
-		},
-		"./styles.css": {
-			"default": "./dist/do-theme/index.css"
-		},
-		"./theme.css": {
-			"default": "./dist/do-theme/post-compiled.css"
+			"svelte": "./dist/index.js"
 		},
 		"./atoms": {
-			"types": "./dist/components/atoms/index.d.ts",
-			"svelte": "./dist/components/atoms/index.js",
-			"import": "./dist/components/atoms/index.js",
-			"default": "./dist/components/atoms/index.js"
+			"svelte": "./dist/index.js"
 		},
 		"./molecules": {
-			"types": "./dist/components/molecules/index.d.ts",
-			"svelte": "./dist/components/molecules/index.js",
-			"import": "./dist/components/molecules/index.js",
-			"default": "./dist/components/molecules/index.js"
+			"svelte": "./dist/index.js"
 		}
 	},
+	"type": "module",
 	"peerDependencies": {
 		"svelte": "^5.0.0"
 	},
@@ -82,10 +66,10 @@
 		"@sveltejs/kit": "^2.16.0",
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.1.6",
+		"@tailwindcss/vite": "^4.0.0",
+		"@tailwindcss/postcss": "^4.1.4",
 		"@testing-library/jest-dom": "^6.6.3",
 		"@testing-library/svelte": "^5.2.4",
-		"@types/node": "^22.15.17",
 		"@vitest/browser": "^3.1.1",
 		"@vitest/coverage-v8": "^3.1.1",
 		"autoprefixer": "^10.4.21",
@@ -103,8 +87,9 @@
 		"prettier-plugin-tailwindcss": "^0.6.11",
 		"publint": "^0.3.2",
 		"storybook": "^8.6.11",
-		"svelte": "^5.28.2",
+		"svelte": "^5.25.10",
 		"svelte-check": "^4.0.0",
+		"tailwindcss": "^4.1.4",
 		"typescript": "^5.8.3",
 		"typescript-eslint": "^8.20.0",
 		"vite": "^6.0.0",
@@ -112,9 +97,5 @@
 	},
 	"keywords": [
 		"svelte"
-	],
-	"dependencies": {
-		"@tailwindcss/postcss": "^4.1.6",
-		"tailwindcss": "^4.1.6"
-	}
+	]
 }

package/src/lib/do-theme/index.css

@@ -1,27 +1,16 @@
 @import "./var-light.css";
 @import "./var-dark.css";
+@import "./font.css";
+@import "./icomoon/icons.css";
 @import "./button.css";
 @import "./border.css";
 @import "./color.css";
-@import "./icomoon/icons.css";
-@import "./font.css";
 
 /* 
-  There are 2 ways to modify themes (light [default] and dark):
+  To modify themes (light and dark):
 
-    Specifying variables for each theme:
-    @plugin "daisyui/theme" {
-      name: "light" | "dark";
-      default: true;
-      --daisy-variable: some value;
-    }
+  There are 2 files, var-dark.css and var-light.css, where you can find colors and base definitions.
 
-    Specifying classes for each theme:
-    [data-theme="dark"] {
-      .daisy-class {
-          background-color: red;
-        }
-    } 
+  Then are css component files with style definitions that use those variables.
 
-  For more info and variables: https://daisyui.com/docs/themes/ 
 */

package/dist/components/atoms/Button/Button.stories.svelte

@@ -1,92 +0,0 @@
-<script module lang="ts">
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import Button from './Button.svelte';
-	import { fn } from '@storybook/test';
-	import type { ArgTypes, Args } from '@storybook/core/types';
-
-	const colorOptions = ['btn-primary', 'btn-secondary', 'btn-accent', 'btn-neutral'];
-	const sizeOptions = ['btn-sm', 'btn-md', 'btn-lg'];
-	// const typeOptions = ['rounded'];
-
-	const { Story } = defineMeta({
-		title: 'DO - Sistema de diseño/Átomos/Botón',
-		component: Button,
-		tags: ['autodocs'],
-		parameters: {
-			docs: {
-				toc: {
-					disable: true // 👈 Disables the table of contents
-				}
-			}
-		}
-	});
-	const argTypes: ArgTypes = {
-		label: {
-			control: { type: 'text' },
-			description: 'Texto del botón'
-		},
-		color: {
-			control: { type: 'radio' },
-			options: colorOptions,
-			description: 'Color del botón'
-		},
-		size: {
-			control: { type: 'radio' },
-			options: sizeOptions,
-			description: 'Tamaño del botón'
-		},
-		disabled: {
-			control: { type: 'boolean' },
-			description: 'Deshabilitar el botón'
-		},
-		loading: {
-			control: { type: 'boolean' },
-			description: 'Mostrar el estado de carga'
-		},
-		type: {
-			control: { type: 'radio' },
-			options: ['button', 'submit', 'reset'],
-			description: 'Tipo de botón'
-		}
-	};
-	const args: Args = {
-		size: 'btn-md',
-		label: 'Botón',
-		color: 'btn-primary',
-		type: 'button',
-		disabled: false,
-		loading: false
-	};
-	const colors = [
-		{ color: 'btn-primary', label: 'Primary', size: 'btn-md' },
-		{ color: 'btn-secondary', label: 'Secondary', size: 'btn-md' },
-		{ color: 'btn-neutral', label: 'Neutral', size: 'btn-md' },
-		{ color: 'btn-accent', label: 'Accent', size: 'btn-md' }
-	] as const;
-</script>
-
-<Story name="Botón" {argTypes} {args} />
-
-<Story name="Colores" parameters={{ controls: { disable: true } }}>
-	<div class="margin mb-4 flex flex-row gap-[2rem]">
-		{#each colors as { color, label, size }}
-			<Button {color} {size} {label} on:click={()=> args.onClick()} />
-		{/each}
-	</div>
-</Story>
-
-<Story name="Modo: disabled" parameters={{ controls: { disable: true } }}>
-	<div class="margin mb-4 flex flex-row gap-[2rem]">
-		{#each colors as { color, label, size }}
-			<Button {color} {size} {label} onClick={fn()} disabled={true} />
-		{/each}
-	</div>
-</Story>
-
-<Story name="Modo: loading" parameters={{ controls: { disable: true } }}>
-	<div class="margin mb-4 flex flex-row gap-[2rem]">
-		{#each colors as { color, label, size }}
-			<Button {color} {size} loading {label} onClick={fn()} />
-		{/each}
-	</div>
-</Story>

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

@@ -1,19 +0,0 @@
-import Button from './Button.svelte';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Button: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Button = InstanceType<typeof Button>;
-export default Button;

package/dist/components/atoms/Button/Button.svelte

@@ -1,34 +0,0 @@
-<script lang="ts">
-	import type { iProps } from './iProps.ts';
-
-	export let color: iProps['color'] = 'btn-primary';
-	export let size: iProps['size'] = 'btn-md';
-	export let label: iProps['label'] = '';
-	export let disabled: iProps['disabled'] = false;
-	export let loading: iProps['loading'] = false;
-	export let type: iProps['type'] = 'button';
-</script>
-
-<!-- @component
-  ```Svelte
-  <Button color?={color} size?={size} label?={label} disabled?={disabled} loading?={loading} type?={type}/>
-  	```
-	- `color?`: btn-primary | btn-secondary | btn-neutral | btn-accent, or any other tailwind color class
-	- `size?`: any tailwind size class.
-	- `label?`: string
-	- `disabled?`: boolean
-	- `loading?`: boolean
-	- `type?`: 'button' | 'submit' | 'reset'
--->
-
-<button
-	{...$$restProps}
-	{type}
-	class={['btn', `${color}`, `${size}`].join(' ')}
-	{disabled}
-	on:click
->
-	<slot />
-	{label}
-	<span class="loading loading-spinner hidden" class:!inline={loading}></span>
-</button>

package/dist/components/atoms/Icons/Icons.stories.svelte

@@ -1,50 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import type { ArgTypes, Args } from '@storybook/core/types';
-  import Icon from './Icon.svelte';
-  import iconList from "../../../do-theme/icomoon/iconList.ts";
-
-  const colorOptions = ['text-red-600', 'text-zinc-600', 'text-green-600', 'text-blue-600'];
-	const sizeOptions = ['text-xs', 'text-sm', 'text-base', 'text-lg', 'text-xl', 'text-2xl', 'text-3xl'];
-
-  const { Story } = defineMeta({
-    title: 'DO - Sistema de diseño/Átomos/Íconos',
-    component: Icon,
-    tags: ['autodocs'],
-    parameters:{ 
-      docs: {
-        source: {
-          code: `
-          <i class="icon-name some-tw-text-size some-tw-text-color"></i>
-          `
-        }
-      }
-    }
-  });
-
-  const argTypes: ArgTypes = {
-    name: {
-      control: { type: 'select' }
-    },
-    color: {
-      control: { type: 'select' },
-      defaultValue: 'text-red-600',
-      options: colorOptions
-    },
-    size: {
-      control: { type: 'select' },
-      options: sizeOptions
-    },
-  }
-</script>
-
-<Story name="Ícono" {argTypes} />
-
-
-<Story name="Listado" {argTypes} parameters={{ controls: { disable: true } }}>
-  <section class="flex flex-wrap gap-4">
-    {#each iconList as icon}
-      <Icon name={icon}/>
-    {/each}
-  </section>
-</Story>

package/dist/components/atoms/Icons/Icons.stories.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Icons: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Icons = InstanceType<typeof Icons>;
-export default Icons;

package/dist/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './atoms';
-export * from './molecules';

package/dist/components/index.js

@@ -1,3 +0,0 @@
-// src/lib/components/index.ts
-export * from './atoms';
-export * from './molecules';