@beweco/aurora-ui 0.0.1 → 0.0.3

package/README.md

@@ -1,15 +1,15 @@
-# @bewe/aura-ui
+# @beweco/aurora-ui
 
-Bewe Aura UI Component Library - A modern, lightweight, and customizable React component library.
+Bewe Aurora UI Component Library - A modern, lightweight, and customizable React component library.
 
 ## Overview
 
-@bewe/aura-ui is a React component library designed to provide a consistent and beautiful user interface for Bewe applications. Built with TypeScript for type safety and modern development practices, it uses Storybook as its primary development and visualization environment.
+@beweco/aurora-ui is a React component library designed to provide a consistent and beautiful user interface for Bewe applications. Built with TypeScript for type safety and modern development practices, it uses Storybook as its primary development and visualization environment.
 
 ## Installation
 
 ```bash
-bun install @bewe/aura-ui
+bun install @beweco/aurora-ui
 ```
 
 ## Quick Start
@@ -17,14 +17,14 @@ bun install @bewe/aura-ui
 To use the components, you need to wrap your application with the `ThemeProvider` .
 
 ```tsx
-import { ThemeProvider } from '@bewe/aura-ui';
-import { Button } from '@bewe/aura-ui';
+import { ThemeProvider } from '@beweco/aurora-ui';
+import { Button } from '@beweco/aurora-ui';
 
 function App() {
   return (
     <ThemeProvider>
       <Button color="primary">
-        Hello Aura UI!
+        Hello Aurora UI!
       </Button>
     </ThemeProvider>
   );
@@ -113,7 +113,7 @@ For testing purposes, you can publish a beta version:
 
 Users can then install the beta version using:
 ```bash
-bun install @bewe/aura-ui@beta
+bun install @beweco/aurora-ui@beta
 ```
 
 ## Contributing

package/dist/index.cjs.js

@@ -0,0 +1,286 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react$1 = require('@heroui/react');
+var react = require('react');
+var react$2 = require('@iconify/react');
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * Button component with HeroUI styling
+ * Provides a consistent interface for button interactions across the application
+ */
+var ButtonPrueba = function (_a) {
+    var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, _b = _a.loading, loading = _b === void 0 ? false : _b, disabled = _a.disabled, _c = _a.variant, variant = _c === void 0 ? "solid" : _c, _d = _a.color, color = _d === void 0 ? "primary" : _d, _e = _a.size, size = _e === void 0 ? "md" : _e, radius = _a.radius, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, _g = _a.className, className = _g === void 0 ? "" : _g, props = __rest(_a, ["children", "startIcon", "endIcon", "loading", "disabled", "variant", "color", "size", "radius", "fullWidth", "className"]);
+    react.useEffect(function () {
+        // biome-ignore lint/suspicious/noConsoleLog: <explanation>
+        console.log("estamos dentro del botnon");
+    }, []);
+    return (jsxRuntime.jsx(react$1.Button, __assign({ variant: variant, color: color, size: size, radius: radius, fullWidth: fullWidth, isLoading: loading, isDisabled: disabled, startContent: startIcon, endContent: endIcon, className: className }, props, { children: children })));
+};
+
+var sizeMap = {
+    sm: "16px",
+    md: "20px",
+    lg: "24px",
+    xl: "32px",
+};
+var IconComponent = function (_a) {
+    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? "md" : _b, className = _a.className;
+    react.useEffect(function () {
+        // biome-ignore lint/suspicious/noConsoleLog: <explanation>
+        console.log("estamos dentro del icono");
+    }, []);
+    var iconSize = sizeMap[size];
+    return (jsxRuntime.jsx(react$2.Icon, { icon: icon, width: iconSize, height: iconSize, className: className }));
+};
+
+var themeColors = {
+    "purple-light": {
+        extend: "light",
+        colors: {
+            background: "#ffffff",
+            foreground: "#111827",
+            primary: {
+                50: "#eee4f8",
+                100: "#d7bfef",
+                200: "#bf99e5",
+                300: "#a773db",
+                400: "#904ed2",
+                500: "#7828c8",
+                600: "#6321a5",
+                700: "#4e1a82",
+                800: "#39135f",
+                900: "#240c3c",
+                DEFAULT: "#7828c8",
+                foreground: "#ffffff",
+            },
+            focus: "#904ed2",
+        },
+    },
+    "purple-dark": {
+        extend: "dark",
+        colors: {
+            background: "#1A1023",
+            foreground: "#ffffff",
+            primary: {
+                50: "#2c193f",
+                100: "#462764",
+                200: "#603689",
+                300: "#7944ae",
+                400: "#9353d3",
+                500: "#a671db",
+                600: "#b98fe2",
+                700: "#ccadee",
+                800: "#dfcbf2",
+                900: "#f2eafa",
+                DEFAULT: "#9353d3",
+                foreground: "#ffffff",
+            },
+            focus: "#a671db",
+        },
+    },
+    "green-light": {
+        extend: "light",
+        colors: {
+            background: "#ffffff",
+            foreground: "#111827",
+            primary: {
+                50: "#ecf9f0",
+                100: "#d1f0dc",
+                200: "#b6e7c7",
+                300: "#9cdeb3",
+                400: "#81d59e",
+                500: "#66cc8a",
+                600: "#54a872",
+                700: "#42855a",
+                800: "#306142",
+                900: "#1f3d29",
+                DEFAULT: "#66cc8a",
+                foreground: "#000000",
+            },
+            focus: "#81d59e",
+        },
+    },
+    "green-dark": {
+        extend: "dark",
+        colors: {
+            background: "#0F1D15",
+            foreground: "#ffffff",
+            primary: {
+                50: "#1f3d29",
+                100: "#306142",
+                200: "#42855a",
+                300: "#54a872",
+                400: "#66cc8a",
+                500: "#81d59e",
+                600: "#9cdeb3",
+                700: "#b6e7c7",
+                800: "#d1f0dc",
+                900: "#ecf9f0",
+                DEFAULT: "#66cc8a",
+                foreground: "#000000",
+            },
+            focus: "#81d59e",
+        },
+    },
+    "blue-light": {
+        extend: "light",
+        colors: {
+            background: "#ffffff",
+            foreground: "#111827",
+            primary: {
+                50: "#eff6ff",
+                100: "#dbeafe",
+                200: "#bfdbfe",
+                300: "#93c5fd",
+                400: "#60a5fa",
+                500: "#3b82f6",
+                600: "#2563eb",
+                700: "#1d4ed8",
+                800: "#1e40af",
+                900: "#1e3a8a",
+                DEFAULT: "#3b82f6",
+                foreground: "#ffffff",
+            },
+            focus: "#60a5fa",
+        },
+    },
+    "blue-dark": {
+        extend: "dark",
+        colors: {
+            background: "#101d3a",
+            foreground: "#ffffff",
+            primary: {
+                50: "#1e3a8a",
+                100: "#1e40af",
+                200: "#1d4ed8",
+                300: "#2563eb",
+                400: "#3b82f6",
+                500: "#60a5fa",
+                600: "#93c5fd",
+                700: "#bfdbfe",
+                800: "#dbeafe",
+                900: "#eff6ff",
+                DEFAULT: "#3b82f6",
+                foreground: "#ffffff",
+            },
+            focus: "#60a5fa",
+        },
+    },
+    "yellow-light": {
+        extend: "light",
+        colors: {
+            background: "#ffffff",
+            foreground: "#111827",
+            primary: {
+                50: "#fefce8",
+                100: "#fef9c3",
+                200: "#fef08a",
+                300: "#fde047",
+                400: "#facc15",
+                500: "#eab308",
+                600: "#ca8a04",
+                700: "#a16207",
+                800: "#854d0e",
+                900: "#713f12",
+                DEFAULT: "#eab308",
+                foreground: "#111827",
+            },
+            focus: "#facc15",
+        },
+    },
+    "yellow-dark": {
+        extend: "dark",
+        colors: {
+            background: "#18181b",
+            foreground: "#ffffff",
+            primary: {
+                50: "#713f12",
+                100: "#854d0e",
+                200: "#a16207",
+                300: "#ca8a04",
+                400: "#eab308",
+                500: "#facc15",
+                600: "#fde047",
+                700: "#fef08a",
+                800: "#fef9c3",
+                900: "#fefce8",
+                DEFAULT: "#facc15",
+                foreground: "#18181b",
+            },
+            focus: "#eab308",
+        },
+    },
+};
+
+var ThemeContext = react.createContext({
+    theme: "light",
+    // biome-ignore lint/suspicious/noEmptyBlockStatements: <explanation>
+    setTheme: function () { },
+});
+var useThemeContext = function () {
+    var context = react.useContext(ThemeContext);
+    if (!context) {
+        throw new Error("useThemeContext debe ser usado dentro de un ThemeProvider");
+    }
+    return context;
+};
+
+var ThemeProvider = function (_a) {
+    var children = _a.children;
+    var _b = useThemeContext(), theme = _b.theme, setTheme = _b.setTheme;
+    return (jsxRuntime.jsx(ThemeContext.Provider, { value: { theme: theme, setTheme: setTheme }, children: jsxRuntime.jsx("main", { className: "".concat(theme, " bg-background text-foreground "), children: children }) }));
+};
+
+exports.ButtonPrueba = ButtonPrueba;
+exports.IconComponent = IconComponent;
+exports.ThemeContext = ThemeContext;
+exports.ThemeProvider = ThemeProvider;
+exports.sizeMap = sizeMap;
+exports.themeColors = themeColors;
+exports.useThemeContext = useThemeContext;

package/dist/index.esm.js

@@ -0,0 +1,278 @@
+import { jsx } from 'react/jsx-runtime';
+import { Button } from '@heroui/react';
+import { useEffect, createContext, useContext } from 'react';
+import { Icon } from '@iconify/react';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * Button component with HeroUI styling
+ * Provides a consistent interface for button interactions across the application
+ */
+var ButtonPrueba = function (_a) {
+    var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, _b = _a.loading, loading = _b === void 0 ? false : _b, disabled = _a.disabled, _c = _a.variant, variant = _c === void 0 ? "solid" : _c, _d = _a.color, color = _d === void 0 ? "primary" : _d, _e = _a.size, size = _e === void 0 ? "md" : _e, radius = _a.radius, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, _g = _a.className, className = _g === void 0 ? "" : _g, props = __rest(_a, ["children", "startIcon", "endIcon", "loading", "disabled", "variant", "color", "size", "radius", "fullWidth", "className"]);
+    useEffect(function () {
+        // biome-ignore lint/suspicious/noConsoleLog: <explanation>
+        console.log("estamos dentro del botnon");
+    }, []);
+    return (jsx(Button, __assign({ variant: variant, color: color, size: size, radius: radius, fullWidth: fullWidth, isLoading: loading, isDisabled: disabled, startContent: startIcon, endContent: endIcon, className: className }, props, { children: children })));
+};
+
+var sizeMap = {
+    sm: "16px",
+    md: "20px",
+    lg: "24px",
+    xl: "32px",
+};
+var IconComponent = function (_a) {
+    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? "md" : _b, className = _a.className;
+    useEffect(function () {
+        // biome-ignore lint/suspicious/noConsoleLog: <explanation>
+        console.log("estamos dentro del icono");
+    }, []);
+    var iconSize = sizeMap[size];
+    return (jsx(Icon, { icon: icon, width: iconSize, height: iconSize, className: className }));
+};
+
+var themeColors = {
+    "purple-light": {
+        extend: "light",
+        colors: {
+            background: "#ffffff",
+            foreground: "#111827",
+            primary: {
+                50: "#eee4f8",
+                100: "#d7bfef",
+                200: "#bf99e5",
+                300: "#a773db",
+                400: "#904ed2",
+                500: "#7828c8",
+                600: "#6321a5",
+                700: "#4e1a82",
+                800: "#39135f",
+                900: "#240c3c",
+                DEFAULT: "#7828c8",
+                foreground: "#ffffff",
+            },
+            focus: "#904ed2",
+        },
+    },
+    "purple-dark": {
+        extend: "dark",
+        colors: {
+            background: "#1A1023",
+            foreground: "#ffffff",
+            primary: {
+                50: "#2c193f",
+                100: "#462764",
+                200: "#603689",
+                300: "#7944ae",
+                400: "#9353d3",
+                500: "#a671db",
+                600: "#b98fe2",
+                700: "#ccadee",
+                800: "#dfcbf2",
+                900: "#f2eafa",
+                DEFAULT: "#9353d3",
+                foreground: "#ffffff",
+            },
+            focus: "#a671db",
+        },
+    },
+    "green-light": {
+        extend: "light",
+        colors: {
+            background: "#ffffff",
+            foreground: "#111827",
+            primary: {
+                50: "#ecf9f0",
+                100: "#d1f0dc",
+                200: "#b6e7c7",
+                300: "#9cdeb3",
+                400: "#81d59e",
+                500: "#66cc8a",
+                600: "#54a872",
+                700: "#42855a",
+                800: "#306142",
+                900: "#1f3d29",
+                DEFAULT: "#66cc8a",
+                foreground: "#000000",
+            },
+            focus: "#81d59e",
+        },
+    },
+    "green-dark": {
+        extend: "dark",
+        colors: {
+            background: "#0F1D15",
+            foreground: "#ffffff",
+            primary: {
+                50: "#1f3d29",
+                100: "#306142",
+                200: "#42855a",
+                300: "#54a872",
+                400: "#66cc8a",
+                500: "#81d59e",
+                600: "#9cdeb3",
+                700: "#b6e7c7",
+                800: "#d1f0dc",
+                900: "#ecf9f0",
+                DEFAULT: "#66cc8a",
+                foreground: "#000000",
+            },
+            focus: "#81d59e",
+        },
+    },
+    "blue-light": {
+        extend: "light",
+        colors: {
+            background: "#ffffff",
+            foreground: "#111827",
+            primary: {
+                50: "#eff6ff",
+                100: "#dbeafe",
+                200: "#bfdbfe",
+                300: "#93c5fd",
+                400: "#60a5fa",
+                500: "#3b82f6",
+                600: "#2563eb",
+                700: "#1d4ed8",
+                800: "#1e40af",
+                900: "#1e3a8a",
+                DEFAULT: "#3b82f6",
+                foreground: "#ffffff",
+            },
+            focus: "#60a5fa",
+        },
+    },
+    "blue-dark": {
+        extend: "dark",
+        colors: {
+            background: "#101d3a",
+            foreground: "#ffffff",
+            primary: {
+                50: "#1e3a8a",
+                100: "#1e40af",
+                200: "#1d4ed8",
+                300: "#2563eb",
+                400: "#3b82f6",
+                500: "#60a5fa",
+                600: "#93c5fd",
+                700: "#bfdbfe",
+                800: "#dbeafe",
+                900: "#eff6ff",
+                DEFAULT: "#3b82f6",
+                foreground: "#ffffff",
+            },
+            focus: "#60a5fa",
+        },
+    },
+    "yellow-light": {
+        extend: "light",
+        colors: {
+            background: "#ffffff",
+            foreground: "#111827",
+            primary: {
+                50: "#fefce8",
+                100: "#fef9c3",
+                200: "#fef08a",
+                300: "#fde047",
+                400: "#facc15",
+                500: "#eab308",
+                600: "#ca8a04",
+                700: "#a16207",
+                800: "#854d0e",
+                900: "#713f12",
+                DEFAULT: "#eab308",
+                foreground: "#111827",
+            },
+            focus: "#facc15",
+        },
+    },
+    "yellow-dark": {
+        extend: "dark",
+        colors: {
+            background: "#18181b",
+            foreground: "#ffffff",
+            primary: {
+                50: "#713f12",
+                100: "#854d0e",
+                200: "#a16207",
+                300: "#ca8a04",
+                400: "#eab308",
+                500: "#facc15",
+                600: "#fde047",
+                700: "#fef08a",
+                800: "#fef9c3",
+                900: "#fefce8",
+                DEFAULT: "#facc15",
+                foreground: "#18181b",
+            },
+            focus: "#eab308",
+        },
+    },
+};
+
+var ThemeContext = createContext({
+    theme: "light",
+    // biome-ignore lint/suspicious/noEmptyBlockStatements: <explanation>
+    setTheme: function () { },
+});
+var useThemeContext = function () {
+    var context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error("useThemeContext debe ser usado dentro de un ThemeProvider");
+    }
+    return context;
+};
+
+var ThemeProvider = function (_a) {
+    var children = _a.children;
+    var _b = useThemeContext(), theme = _b.theme, setTheme = _b.setTheme;
+    return (jsx(ThemeContext.Provider, { value: { theme: theme, setTheme: setTheme }, children: jsx("main", { className: "".concat(theme, " bg-background text-foreground "), children: children }) }));
+};
+
+export { ButtonPrueba, IconComponent, ThemeContext, ThemeProvider, sizeMap, themeColors, useThemeContext };

package/dist/types/components/button/Button.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CustomButtonProps } from "./Button.types";
+/**
+ * Button component with HeroUI styling
+ * Provides a consistent interface for button interactions across the application
+ */
+export declare const ButtonPrueba: React.FC<CustomButtonProps>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmCpD,CAAC"}

package/dist/types/components/button/Button.types.d.ts

@@ -0,0 +1,23 @@
+import type { ButtonProps } from "@heroui/react";
+import type { ReactNode } from "react";
+export interface CustomButtonProps extends Omit<ButtonProps, "startContent" | "endContent" | "isLoading" | "isDisabled"> {
+    /** The content of the button */
+    children: ReactNode;
+    /** Icon to display at the start of the button */
+    startIcon?: ReactNode;
+    /** Icon to display at the end of the button */
+    endIcon?: ReactNode;
+    /** Whether the button is in loading state */
+    loading?: boolean;
+    /** The visual style variant of the button */
+    variant?: "solid" | "bordered" | "light" | "flat" | "faded" | "shadow" | "ghost";
+    /** The color theme of the button */
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+    /** The size of the button */
+    size?: "sm" | "md" | "lg";
+    /** The border radius of the button */
+    radius?: "none" | "sm" | "md" | "lg" | "full";
+    /** Whether the button should take full width */
+    fullWidth?: boolean;
+}
+//# sourceMappingURL=Button.types.d.ts.map

package/dist/types/components/button/Button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,WAAW,EACX,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,CAC1D;IACD,gCAAgC;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EACL,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;IACX,oCAAoC;IACpC,KAAK,CAAC,EACH,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;IACZ,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/types/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export { ButtonPrueba } from "./Button.js";
+export type { CustomButtonProps } from "./Button.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/components/icon/Icon.d.ts

@@ -0,0 +1,9 @@
+import type { IconComponentProps } from "./Icon.types";
+export declare const sizeMap: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export declare const IconComponent: ({ icon, size, className, }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/types/components/icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,4BAI3B,kBAAkB,4CAcpB,CAAC"}

package/dist/types/components/icon/Icon.types.d.ts

@@ -0,0 +1,13 @@
+import type { IconifyIconProps } from "@iconify/react/dist/iconify.js";
+import type { sizeMap } from "./Icon";
+/** Available icon sizes mapped to pixel values */
+export type IconSize = keyof typeof sizeMap;
+export interface IconComponentProps extends IconifyIconProps {
+    /** The icon name/identifier from Iconify */
+    icon: string;
+    /** The size of the icon. Can be 'sm' (16px), 'md' (20px), 'lg' (24px), or 'xl' (32px) */
+    size?: IconSize;
+    /** Optional CSS class name to apply custom styles */
+    className?: string;
+}
+//# sourceMappingURL=Icon.types.d.ts.map

package/dist/types/components/icon/Icon.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,kDAAkD;AAClD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,OAAO,CAAC;AAE5C,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC3D,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,yFAAyF;IACzF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/types/components/icon/index.d.ts

@@ -0,0 +1,4 @@
+export { IconComponent } from "./Icon";
+export type { IconComponentProps } from "./Icon.types";
+export { sizeMap } from "./Icon";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/types/contexts/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./theme-context";
+export type * from "./theme-context.type";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/contexts/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,sBAAsB,CAAC"}

package/dist/types/contexts/theme/theme-context.d.ts

@@ -0,0 +1,4 @@
+import type { IThemeContext } from "./theme-context.type";
+export declare const ThemeContext: import("react").Context<IThemeContext>;
+export declare const useThemeContext: () => IThemeContext;
+//# sourceMappingURL=theme-context.d.ts.map

package/dist/types/contexts/theme/theme-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/theme/theme-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,YAAY,wCAIvB,CAAC;AAEH,eAAO,MAAM,eAAe,qBAQ3B,CAAC"}

package/dist/types/contexts/theme/theme-context.type.d.ts

@@ -0,0 +1,6 @@
+export interface IThemeContext {
+    theme: TypeThemeColor;
+    setTheme: (theme: TypeThemeColor) => void;
+}
+export type TypeThemeColor = "light" | "dark" | "purple-light" | "purple-dark" | "yellow-light" | "yellow-dark" | "blue-light" | "blue-dark" | "green-light" | "green-dark";
+//# sourceMappingURL=theme-context.type.d.ts.map

package/dist/types/contexts/theme/theme-context.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-context.type.d.ts","sourceRoot":"","sources":["../../../../src/contexts/theme/theme-context.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC7B,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AACD,MAAM,MAAM,cAAc,GACvB,OAAO,GACP,MAAM,GACN,cAAc,GACd,aAAa,GACb,cAAc,GACd,aAAa,GACb,YAAY,GACZ,WAAW,GACX,aAAa,GACb,YAAY,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./components/button";
+export * from "./components/icon";
+export { themeColors } from "@/styles/colors.default";
+export * from "@/providers/theme";
+export * from "./contexts/theme";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}

package/dist/types/providers/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./theme-provider";
+export * from "./theme-provider.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/providers/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/dist/types/providers/theme/theme-provider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IThemeProvider } from "./theme-provider.types";
+export declare const ThemeProvider: React.FC<IThemeProvider>;
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/types/providers/theme/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/theme-provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAUlD,CAAC"}

package/dist/types/providers/theme/theme-provider.types.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export interface IThemeProvider {
+    children: ReactNode;
+}
+//# sourceMappingURL=theme-provider.types.d.ts.map

package/dist/types/providers/theme/theme-provider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.types.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/theme-provider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAc;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACpB"}

package/dist/types/styles/colors.default.d.ts

@@ -0,0 +1,179 @@
+export declare const themeColors: {
+    "purple-light": {
+        extend: string;
+        colors: {
+            background: string;
+            foreground: string;
+            primary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                DEFAULT: string;
+                foreground: string;
+            };
+            focus: string;
+        };
+    };
+    "purple-dark": {
+        extend: string;
+        colors: {
+            background: string;
+            foreground: string;
+            primary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                DEFAULT: string;
+                foreground: string;
+            };
+            focus: string;
+        };
+    };
+    "green-light": {
+        extend: string;
+        colors: {
+            background: string;
+            foreground: string;
+            primary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                DEFAULT: string;
+                foreground: string;
+            };
+            focus: string;
+        };
+    };
+    "green-dark": {
+        extend: string;
+        colors: {
+            background: string;
+            foreground: string;
+            primary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                DEFAULT: string;
+                foreground: string;
+            };
+            focus: string;
+        };
+    };
+    "blue-light": {
+        extend: string;
+        colors: {
+            background: string;
+            foreground: string;
+            primary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                DEFAULT: string;
+                foreground: string;
+            };
+            focus: string;
+        };
+    };
+    "blue-dark": {
+        extend: string;
+        colors: {
+            background: string;
+            foreground: string;
+            primary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                DEFAULT: string;
+                foreground: string;
+            };
+            focus: string;
+        };
+    };
+    "yellow-light": {
+        extend: string;
+        colors: {
+            background: string;
+            foreground: string;
+            primary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                DEFAULT: string;
+                foreground: string;
+            };
+            focus: string;
+        };
+    };
+    "yellow-dark": {
+        extend: string;
+        colors: {
+            background: string;
+            foreground: string;
+            primary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                DEFAULT: string;
+                foreground: string;
+            };
+            focus: string;
+        };
+    };
+};
+//# sourceMappingURL=colors.default.d.ts.map

package/dist/types/styles/colors.default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.default.d.ts","sourceRoot":"","sources":["../../../src/styles/colors.default.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiLvB,CAAC"}

package/package.json

@@ -1,28 +1,27 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.0.1",
-	"description": "Bewe Aura UI Component Library",
-	"keywords": ["ui", "components", "react", "bewe", "aura"],
+	"version": "0.0.3",
+	"description": "Bewe Aurora UI Component Library",
 	"sideEffects": false,
 	"type": "module",
 	"publishConfig": {
-		"access": "public"
+		"access": "restricted"
 	},
 	"exports": {
 		".": {
-			"types": "./dist/esm/index.d.ts",
-			"import": "./dist/esm/index.js",
-			"require": "./dist/cjs/index.cjs"
+			"types": "./dist/types/index.d.ts",
+			"import": "./dist/index.esm.js",
+			"require": "./dist/index.cjs.js"
 		}
 	},
-	"main": "./dist/cjs/index.cjs",
-	"module": "./dist/esm/index.js",
-	"types": "./dist/esm/index.d.ts",
+	"main": "./dist/index.cjs.js",
+	"module": "./dist/index.esm.js",
+	"types": "./dist/types/index.d.ts",
 	"files": ["dist"],
 	"author": "Bewe",
 	"license": "MIT",
 	"scripts": {
-		"build": "rslib build",
+		"build": "rollup -c",
 		"build:storybook": "storybook build",
 		"check": "biome check --write",
 		"dev": "rslib build --watch",
@@ -44,6 +43,9 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "^1.9.4",
+		"@rollup/plugin-commonjs": "^28.0.6",
+		"@rollup/plugin-node-resolve": "^16.0.1",
+		"@rollup/plugin-typescript": "^12.1.4",
 		"@rsbuild/core": "^1.3.22",
 		"@rsbuild/plugin-react": "^1.3.2",
 		"@rsbuild/plugin-sass": "^1.3.1",
@@ -64,6 +66,8 @@
 		"husky": "^9.1.7",
 		"postcss": "^8.5.5",
 		"postcss-loader": "^8.1.1",
+		"rollup": "^4.44.1",
+		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"storybook": "^8.0.0",
 		"typescript": "^5.8.3"
 	}