@beweco/aurora-ui 0.0.6 → 0.0.9

package/dist/index.esm.js

@@ -1,7 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button } from '@heroui/react';
-import { useEffect, createContext, useContext } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Button, cn, ListboxItem, Popover, PopoverTrigger, Tooltip, PopoverContent, Listbox, Accordion, AccordionItem, ListboxSection, Spacer, Avatar, Card, CardBody, CardFooter, Input } from '@heroui/react';
+import React, { useEffect, useState, createElement, useCallback, useRef, createContext, useContext } from 'react';
 import { Icon } from '@iconify/react';
+import { useTheme } from '@heroui/use-theme';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -73,13 +74,308 @@ var IconComponent = function (_a) {
     return (jsx("span", __assign({}, nativeProps, { children: jsx(Icon, { icon: icon, width: iconSize, height: iconSize, className: className, style: style, color: color, hFlip: hFlip, vFlip: vFlip, flip: flip, rotate: rotate }) })));
 };
 
-var MenuPrueba = function (_a) {
-    var logo = _a.logo, company = _a.company, user = _a.user, items = _a.items, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b, onCollapse = _a.onCollapse;
-    return (jsxs("aside", { className: "h-screen flex flex-col bg-transparent border-r border-gray-800 transition-all duration-300", style: { minWidth: collapsed ? 80 : 256, maxWidth: collapsed ? 80 : 256 }, children: [jsxs("div", { className: "flex items-center gap-3 px-6 py-5 border-b border-gray-800", children: [jsx("img", { src: logo, alt: company, className: "rounded-full bg-white", style: { width: 40, height: 40 } }), !collapsed && (jsx("span", { className: "font-bold uppercase text-base tracking-widest text-white", children: company })), jsx("button", { type: "button", className: "ml-auto text-white opacity-60 hover:opacity-100 bg-transparent", onClick: onCollapse, "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar", children: collapsed ? "»" : "«" })] }), jsxs("div", { className: "flex items-center gap-3 px-6 py-4 border-b border-gray-800", children: [jsx("img", { src: user.avatar, alt: user.name, className: "rounded-full", style: { width: 36, height: 36 } }), !collapsed && (jsxs("div", { children: [jsx("div", { className: "font-semibold text-white text-sm", children: user.name }), jsx("div", { className: "text-xs text-gray-400", children: user.email })] }))] }), jsx("nav", { className: "flex-1 mt-4", children: jsx("ul", { className: "flex flex-col gap-1", children: items.map(function (item, _idx) { return (jsx("li", { className: "list-none", children: jsxs("button", { type: "button", className: "flex items-center w-full gap-3 px-6 py-3 cursor-pointer transition-colors bg-transparent ".concat(item.selected
-                                ? "bg-gray-800 text-white font-semibold"
-                                : "hover:bg-gray-800 text-gray-300"), onClick: item.onClick, children: [jsx("span", { className: "text-lg", children: item.icon }), !collapsed && jsx("span", { className: "text-base", children: item.label })] }) }, item.label)); }) }) }), jsx("div", { className: "px-6 py-4 text-xs text-gray-500 border-t border-gray-800", children: !collapsed && "© BeweOS" })] }));
+function normalizeClass(value) {
+    if (typeof value === "string") {
+        return value || undefined;
+    }
+    if (Array.isArray(value)) {
+        return value.filter(Boolean).join(" ") || undefined;
+    }
+    return undefined;
+}
+var getSectionClasses = function (isCollapsed, sectionClassesProp) {
+    if (sectionClassesProp === void 0) { sectionClassesProp = {}; }
+    return (__assign(__assign({}, Object.fromEntries(Object.entries(sectionClassesProp).map(function (_a) {
+        var k = _a[0], v = _a[1];
+        return [k, normalizeClass(v)];
+    }))), { base: normalizeClass(cn(sectionClassesProp === null || sectionClassesProp === void 0 ? void 0 : sectionClassesProp.base, "w-full", {
+            "p-0 max-w-[44px]": isCollapsed,
+        })), group: normalizeClass(cn(sectionClassesProp === null || sectionClassesProp === void 0 ? void 0 : sectionClassesProp.group, {
+            "flex flex-col gap-1": isCollapsed,
+        })), heading: normalizeClass(cn(sectionClassesProp === null || sectionClassesProp === void 0 ? void 0 : sectionClassesProp.heading, {
+            hidden: isCollapsed,
+        })) }));
+};
+var getItemClasses = function (isCollapsed, itemClassesProp) {
+    if (itemClassesProp === void 0) { itemClassesProp = {}; }
+    return (__assign(__assign({}, Object.fromEntries(Object.entries(itemClassesProp).map(function (_a) {
+        var k = _a[0], v = _a[1];
+        return [k, normalizeClass(v)];
+    }))), { base: normalizeClass(cn(itemClassesProp === null || itemClassesProp === void 0 ? void 0 : itemClassesProp.base, {
+            "w-11 h-11 gap-0 p-0": isCollapsed,
+        })) }));
+};
+
+var EnumMenuNavListItem;
+(function (EnumMenuNavListItem) {
+    EnumMenuNavListItem["Nest"] = "nest";
+})(EnumMenuNavListItem || (EnumMenuNavListItem = {}));
+
+/**
+ * @component MenuNavList
+ * @description A versatile navigation list component that can be displayed in an expanded or collapsed state.
+ * It supports nested items, sections, and tooltips for items in the collapsed state.
+ *
+ * @param {MenuNavListProps} props - Props for configuring the component.
+ * @param {MenuNavListItem[]} props.items - Array of items to display in the list.
+ * @param {boolean} [props.isCollapsed] - If `true`, the menu is displayed in its collapsed state (icons only).
+ * @param {React.Key} [props.defaultSelectedKey] - The key of the default selected item.
+ * @param {(key: React.Key) => void} [props.onSelect] - Callback executed when an item is selected.
+ * @param {boolean} [props.hideEndContent] - If `true`, hides the end content of the items.
+ * @param {object} [props.sectionClasses] - CSS classes to customize the sections.
+ * @param {object} [props.itemClasses] - CSS classes to customize the items.
+ * @param {string} [props.iconClassName] - CSS class for the icons.
+ * @param {object} [props.classNames] - CSS classes to customize the Listbox component.
+ * @param {string} [props.className] - CSS class for the main container.
+ *
+ * @forwardRef
+ */
+var MenuNavList = React.forwardRef(function (_a, ref) {
+    var items = _a.items, isCollapsed = _a.isCollapsed, defaultSelectedKey = _a.defaultSelectedKey; _a.onSelect; var hideEndContent = _a.hideEndContent, _b = _a.sectionClasses, sectionClassesProp = _b === void 0 ? {} : _b, _c = _a.itemClasses, itemClassesProp = _c === void 0 ? {} : _c, iconClassName = _a.iconClassName, classNames = _a.classNames, className = _a.className, props = __rest(_a, ["items", "isCollapsed", "defaultSelectedKey", "onSelect", "hideEndContent", "sectionClasses", "itemClasses", "iconClassName", "classNames", "className"]);
+    var _d = useState(defaultSelectedKey), selected = _d[0], setSelected = _d[1];
+    // Component styles
+    var sectionClasses = getSectionClasses(isCollapsed, sectionClassesProp);
+    var itemClasses = getItemClasses(isCollapsed, itemClassesProp);
+    // Handles the click event on an item, updating the selection state.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+    var handleItemPress = React.useCallback(function (item, parentKey) {
+        var keySelected = typeof parentKey === "string" ? parentKey : item.key;
+        setSelected(keySelected);
+        // Force blur to remove hover state after click.
+        if (document.activeElement instanceof HTMLElement) {
+            document.activeElement.blur();
+        }
+    }, [setSelected]);
+    // Renders the item displayed inside the Popover when the menu is collapsed.
+    var renderCompactItem = React.useCallback(function (item, parentKey) {
+        var _a, _b;
+        return (createElement(ListboxItem, __assign({}, item, { key: item.key, endContent: (_a = item.endContent) !== null && _a !== void 0 ? _a : null, startContent: item.icon ? (jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : (((_b = item.startContent) !== null && _b !== void 0 ? _b : null)), textValue: item.title, title: item.title, className: "data-[hover=true]:text-default-600", onPress: function () { return handleItemPress(item, parentKey); } })));
+    }, [handleItemPress, iconClassName]);
+    // Renders a nested item, i.e., an item that has sub-items.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+    var renderNestItem = React.useCallback(function (item) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        var isNestType = item.items &&
+            ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+            (item === null || item === void 0 ? void 0 : item.type) === EnumMenuNavListItem.Nest;
+        if (isNestType) {
+            item.href = undefined;
+        }
+        return (createElement(ListboxItem, __assign({}, item, { key: item.key, classNames: {
+                base: cn({
+                    "h-auto p-0": !isCollapsed && isNestType,
+                }, {
+                    "inline-block w-11": isCollapsed && isNestType,
+                }, {
+                    "data-[selected=true]:bg-primary-100 h-11 justify-center items-center flex": isCollapsed && isNestType,
+                }, "rounded-large"),
+            }, endContent: isCollapsed || isNestType || hideEndContent
+                ? null
+                : ((_b = item.endContent) !== null && _b !== void 0 ? _b : null), startContent: isCollapsed || isNestType ? null : item.icon ? (jsx(IconComponent, { className: cn("text-default-500 group-data-[selected=true]:text-foreground", iconClassName), icon: item.icon, size: "lg" })) : (((_c = item.startContent) !== null && _c !== void 0 ? _c : null)), title: isCollapsed || isNestType ? null : item.title }),
+            isCollapsed && isNestType ? (jsxs(Popover, { placement: "right", offset: 10, children: [jsx(PopoverTrigger, { children: jsx("div", { className: "flex w-full items-center justify-center", children: jsx(Tooltip, { content: item.title, placement: "right", classNames: {
+                                    base: "text-default-500",
+                                }, children: jsx("div", { className: "flex w-full items-center justify-center", children: item.icon ? (jsx(IconComponent, { className: cn("text-default-500 group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : (((_d = item.startContent) !== null && _d !== void 0 ? _d : null)) }) }) }) }), jsx(PopoverContent, { className: "p-0", children: jsxs("div", { className: "min-w-[200px] rounded-large p-2", children: [jsx("div", { className: "p-2 text-small font-semibold text-default-500", children: item.title }), jsx(Listbox, { className: "mt-0.5 text-default-500", "aria-label": "Nested menu items", items: item.items, variant: "flat", children: item.items && ((_e = item.items) === null || _e === void 0 ? void 0 : _e.length) > 0
+                                        ? item.items.map(function (child) {
+                                            return renderCompactItem(child, item.key);
+                                        })
+                                        : renderCompactItem(item) })] }) })] })) : null,
+            !isCollapsed && isNestType ? (jsx(Accordion, { className: "p-0", children: jsx(AccordionItem, { "aria-label": item.title, classNames: {
+                        heading: "pr-3 group-data-[selected=true]:bg-primary-100 rounded-large",
+                        trigger: "p-0",
+                        content: "py-0 pl-4",
+                    }, title: item.icon ? (jsxs("div", { className: "flex h-11 items-center gap-2 px-3 py-1.5", children: [jsx(IconComponent, { className: cn("text-default-500 group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" }), jsx("span", { className: "text-small font-medium text-default-500 group-data-[selected=true]:text-default-600", children: item.title })] })) : (((_f = item.startContent) !== null && _f !== void 0 ? _f : null)), children: item.items && ((_g = item.items) === null || _g === void 0 ? void 0 : _g.length) > 0 ? (jsx(Listbox, { className: "mt-0.5 text-default-500", classNames: {
+                            list: cn("border-l border-default-200 pl-4"),
+                        }, items: item.items, variant: "flat", children: item.items.map(function (child) { return renderItem(child, item.key); }) })) : (renderItem(item)) }, item.key) })) : null));
+    }, [isCollapsed, hideEndContent, iconClassName, items, selected]);
+    // Renders a simple item (without children) in the navigation list.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+    var renderItem = React.useCallback(function (item, parentKey) {
+        var _a, _b, _c, _d;
+        var isNestType = item.items &&
+            ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+            (item === null || item === void 0 ? void 0 : item.type) === EnumMenuNavListItem.Nest;
+        if (isNestType) {
+            return renderNestItem(item);
+        }
+        var isItemSelected = selected === item.key;
+        return (createElement(ListboxItem, __assign({}, item, { key: item.key, endContent: isCollapsed || hideEndContent ? null : ((_b = item.endContent) !== null && _b !== void 0 ? _b : null), startContent: isCollapsed ? null : item.icon ? (jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : (((_c = item.startContent) !== null && _c !== void 0 ? _c : null)), textValue: item.title, title: isCollapsed ? null : item.title, onPress: function () { return handleItemPress(item, parentKey); }, "aria-selected": isItemSelected, "aria-label": item.title || "Menu item ".concat(item.key) }), isCollapsed ? (jsx(Tooltip, { content: item.title, placement: "right", closeDelay: 200, shouldCloseOnBlur: false, classNames: {
+                base: "text-default-500",
+            }, children: jsx("div", { className: "flex w-full items-center justify-center", "aria-hidden": "true", children: item.icon ? (jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : (((_d = item.startContent) !== null && _d !== void 0 ? _d : null)) }) })) : null));
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [isCollapsed, hideEndContent, iconClassName, itemClasses === null || itemClasses === void 0 ? void 0 : itemClasses.base]);
+    return (jsx(Listbox, __assign({ ref: ref, hideSelectedIcon: true, as: "nav", className: cn("list-none", className), classNames: __assign(__assign({}, classNames), { list: cn("items-center", classNames === null || classNames === void 0 ? void 0 : classNames.list) }), color: "default", itemClasses: __assign(__assign({}, itemClasses), { base: cn("px-3 min-h-11 rounded-large h-[44px] data-[selected=true]:bg-primary-100", itemClasses === null || itemClasses === void 0 ? void 0 : itemClasses.base), title: cn("text-small font-medium text-default-500 group-data-[selected=true]:text-default-600 ", itemClasses === null || itemClasses === void 0 ? void 0 : itemClasses.title) }), items: items, selectedKeys: [selected], selectionMode: "single", variant: "flat" }, props, { children: function (item) {
+            var _a, _b;
+            return item.items &&
+                ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+                (item === null || item === void 0 ? void 0 : item.type) === EnumMenuNavListItem.Nest ? (renderNestItem(item)) : item.items && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (jsx(ListboxSection, { classNames: sectionClasses, showDivider: isCollapsed, title: item.title, children: item.items.map(renderItem) }, item.key)) : (renderItem(item));
+        } }), isCollapsed ? "compact" : "default"));
+});
+MenuNavList.displayName = "MenuNavList";
+
+/**
+ * Sidebar menu component for navigation and user actions.
+ * @param commerceInfo - Object with logo and name of the company.
+ * @param userInfo - Object with user avatar, name, and email.
+ * @param helpButton - Help button configuration.
+ * @param upgradeCard - Optional upgrade card configuration.
+ * @param isOpenSidebar - Controls sidebar visibility.
+ * @param onOpenSidebarChange - Callback to open/close sidebar.
+ */
+var MenuComponent = React.memo(function Menu(_a) {
+    var commerceInfo = _a.commerceInfo, userInfo = _a.userInfo, helpButton = _a.helpButton, upgradeCard = _a.upgradeCard, isOpenSidebar = _a.isOpenSidebar, onOpenSidebarChange = _a.onOpenSidebarChange, menuItems = _a.menuItems;
+    // State to control menu collapse on desktop devices
+    var _b = React.useState(false), isCollapsed = _b[0], setIsCollapsed = _b[1];
+    // Memoized handlers for performance
+    var handleSidebarClose = useCallback(function () {
+        onOpenSidebarChange === null || onOpenSidebarChange === void 0 ? void 0 : onOpenSidebarChange(false);
+    }, [onOpenSidebarChange]);
+    var handleCollapseToggle = useCallback(function () {
+        setIsCollapsed(function (prev) { return !prev; });
+    }, []);
+    var handleUpgradeClick = useCallback(function () {
+        if (upgradeCard) {
+            window.open(upgradeCard.buttonLink, "_blank");
+        }
+    }, [upgradeCard]);
+    var handleHelpClick = useCallback(function () {
+        window.open(helpButton.redirect, "_blank");
+    }, [helpButton]);
+    if (!isOpenSidebar) {
+        return null;
+    }
+    return (jsxs(Fragment, { children: [jsx("button", { type: "button", "aria-label": "Close sidebar", className: "fixed inset-0 bg-black bg-opacity-40 z-40 xs:block sm:hidden", onClick: handleSidebarClose, style: { border: "none", padding: 0, margin: 0 } }), jsx("div", { className: "container__menu ".concat(isCollapsed
+                    ? "container__menu--collapsed"
+                    : "container__menu--expanded"), children: jsxs("div", { className: "content__menu", children: [jsxs("div", { className: "content__menu--header", style: { flexDirection: isCollapsed ? "column-reverse" : "row" }, children: [jsxs("div", { className: "flex flex-row items-center justify-center ".concat(isCollapsed ? "gap-0" : "gap-2"), children: [jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-foreground", children: jsx("img", { src: commerceInfo.logo, alt: "Logo of ".concat(commerceInfo.name) }) }), jsx("span", { className: "collapsible-item text-small font-bold uppercase", children: commerceInfo.name })] }), jsxs("div", { className: "flex items-center", children: [jsx(IconComponent, { icon: "material-symbols-light:close", size: "lg", className: "cursor-pointer block sm:hidden", onClick: handleSidebarClose }), jsx(IconComponent, { icon: isCollapsed
+                                                ? "solar:alt-arrow-right-outline"
+                                                : "solar:alt-arrow-left-outline", size: "lg", className: "hidden sm:block cursor-pointer", onClick: handleCollapseToggle })] })] }), jsx(Spacer, { y: 6 }), jsxs("div", { className: "content__menu--user ".concat(isCollapsed ? "gap-0" : "gap-3"), children: [jsx(Avatar, { size: "md", src: userInfo.avatar, color: userInfo.avatar === "" ? "warning" : "default", name: userInfo.name }), jsxs("div", { className: "collapsible-item flex flex-col", children: [jsx("p", { className: "text-small font-medium text-default-900", children: userInfo.name }), jsx("p", { className: "text-tiny text-default-400", children: userInfo.role })] })] }), jsx("div", { className: "".concat(!isCollapsed ? "flex-1" : "h-full", " min-h-0 py-6"), children: jsx("div", { className: "h-full overflow-y-auto pr-6 -mr-6 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: jsx(MenuNavList, { defaultSelectedKey: menuItems.selectedKey, items: menuItems.items, isCollapsed: isCollapsed }) }) }), upgradeCard && (jsxs("div", { className: "collapsible-item relative", children: [jsxs(Card, { className: "border-none overflow-visible shadow-none", shadow: "sm", children: [jsxs(CardBody, { className: "items-center py-5 text-center gap-1", children: [jsx("h3", { className: "text-medium font-medium text-default-900", children: upgradeCard.title }), jsx("p", { className: "text-small text-default-500 pb-3 whitespace-normal", children: upgradeCard.description })] }), jsx(CardFooter, { className: "absolute justify-center", style: { bottom: "-30px" }, children: jsx(Button, { className: "px-10 shadow-md", color: "primary", radius: "full", variant: "shadow", onPress: handleUpgradeClick, children: upgradeCard.buttonText }) })] }), jsx(Spacer, { y: 9 })] })), jsx("div", { className: "mt-auto flex flex-col justify-center items-center", children: jsx(Button, { fullWidth: true, className: " text-default-600 data-[hover=true]:text-foreground", startContent: jsx(IconComponent, { className: "text-default-500", icon: "solar:info-circle-line-duotone", size: "md" }), variant: "light", onPress: handleHelpClick, isIconOnly: isCollapsed, children: !isCollapsed && (jsx("span", { className: "collapsible-item", children: helpButton.title })) }) })] }) })] }));
+});
+
+// Lista simple de países con bandera emoji y código
+var countries = [
+    { code: "+57", name: "Colombia", flag: "🇨🇴" },
+    { code: "+54", name: "Argentina", flag: "🇦🇷" },
+    { code: "+55", name: "Brazil", flag: "🇧🇷" },
+    { code: "+52", name: "Mexico", flag: "🇲🇽" },
+    { code: "+503", name: "El Salvador", flag: "🇸🇻" },
+    { code: "+51", name: "Peru", flag: "🇵🇪" },
+    { code: "+56", name: "Chile", flag: "🇨🇱" },
+    { code: "+1", name: "United States", flag: "🇺🇸" },
+    { code: "+7", name: "Russia", flag: "🇷🇺" },
+    { code: "+20", name: "Egypt", flag: "🇪🇬" },
+    { code: "+27", name: "South Africa", flag: "🇿🇦" },
+    { code: "+33", name: "France", flag: "🇫🇷" },
+    { code: "+34", name: "Spain", flag: "🇪🇸" },
+    { code: "+39", name: "Italy", flag: "🇮🇹" },
+    { code: "+44", name: "United Kingdom", flag: "🇬🇧" },
+    { code: "+49", name: "Germany", flag: "🇩🇪" },
+    { code: "+51", name: "Peru", flag: "🇵🇪" },
+    { code: "+52", name: "Mexico", flag: "🇲🇽" },
+    { code: "+54", name: "Argentina", flag: "🇦🇷" },
+    { code: "+55", name: "Brazil", flag: "🇧🇷" },
+    { code: "+56", name: "Chile", flag: "🇨🇱" },
+    { code: "+57", name: "Colombia", flag: "🇨🇴" },
+    { code: "+60", name: "Malaysia", flag: "🇲🇾" },
+    { code: "+61", name: "Australia", flag: "🇦🇺" },
+    { code: "+62", name: "Indonesia", flag: "🇮🇩" },
+    { code: "+64", name: "New Zealand", flag: "🇳🇿" },
+    { code: "+65", name: "Singapore", flag: "🇸🇬" },
+    { code: "+66", name: "Thailand", flag: "🇹🇭" },
+    { code: "+81", name: "Japan", flag: "🇯🇵" },
+    { code: "+82", name: "South Korea", flag: "🇰🇷" },
+    { code: "+84", name: "Vietnam", flag: "🇻🇳" },
+    { code: "+86", name: "China", flag: "🇨🇳" },
+    { code: "+91", name: "India", flag: "🇮🇳" },
+    { code: "+351", name: "Portugal", flag: "🇵🇹" },
+    { code: "+503", name: "El Salvador", flag: "🇸🇻" },
+    { code: "+966", name: "Saudi Arabia", flag: "🇸🇦" },
+    { code: "+971", name: "UAE", flag: "🇦🇪" },
+];
+var uniqueCountries = Array.from(new Map(countries.map(function (item) { return [item.code + item.name, item]; })).values());
+var defaultTranslations = {
+    label: "Teléfono",
+    placeholder: "Número de teléfono",
+    searchPlaceholder: "Buscar país...",
+    selectCountryAriaLabel: "Seleccionar país",
+    expandListAriaLabel: "Desplegar lista de países",
+    noCountriesFound: "No se encontraron países",
+};
+var Phone = function (_a) {
+    var label = _a.label, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.errorText, errorText = _d === void 0 ? "" : _d, _e = _a.value, value = _e === void 0 ? "" : _e, onChange = _a.onChange, onBlur = _a.onBlur, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.name, name = _g === void 0 ? "phone" : _g, _h = _a.translations, translations = _h === void 0 ? {} : _h;
+    var _j = useState(false), isDropdownOpen = _j[0], setIsDropdownOpen = _j[1];
+    var _k = useState(uniqueCountries[0]), selectedCountry = _k[0], setSelectedCountry = _k[1];
+    var _l = useState(""), inputValue = _l[0], setInputValue = _l[1];
+    var dropdownRef = useRef(null);
+    var _m = useState(uniqueCountries), filteredCountries = _m[0], setFilteredCountries = _m[1];
+    // Combinar traducciones por defecto con las proporcionadas
+    var t = __assign(__assign({}, defaultTranslations), translations);
+    // Usar la etiqueta de las traducciones si no se proporciona label explícitamente
+    var finalLabel = label || t.label;
+    // Sincroniza valor externo
+    useEffect(function () {
+        if (value) {
+            // Si value incluye el código, lo separamos
+            var found = uniqueCountries.find(function (c) { return value.startsWith(c.code); });
+            if (found) {
+                setSelectedCountry(found);
+                setInputValue(value.replace(found.code, "").trim());
+            }
+            else {
+                setInputValue(value);
+            }
+        }
+    }, [value]);
+    // Open dropdown: reset filteredCountries
+    useEffect(function () {
+        if (isDropdownOpen) {
+            setFilteredCountries(uniqueCountries);
+        }
+    }, [isDropdownOpen]);
+    // Cierra dropdown al hacer click fuera
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
+                setIsDropdownOpen(false);
+            }
+        };
+        if (isDropdownOpen) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        return function () {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isDropdownOpen]);
+    var handleCountrySelect = function (country) {
+        setSelectedCountry(country);
+        setIsDropdownOpen(false);
+        if (onChange) {
+            onChange(country.code + inputValue);
+        }
+    };
+    var handleInputChange = function (e) {
+        // Solo números
+        var val = e.target.value.replace(/\D/g, "");
+        setInputValue(val);
+        if (onChange) {
+            onChange(selectedCountry.code + val);
+        }
+    };
+    return (jsxs("div", { className: "flex flex-col gap-1 w-full relative", children: [finalLabel && (jsxs("label", { htmlFor: "phone-input-".concat(name), className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-1", children: [finalLabel, " ", required && jsx("span", { className: "text-pink-600", children: "*" })] })), jsxs("div", { className: "flex items-center w-full min-h-[56px] bg-white dark:bg-gray-900 transition-colors shadow-sm border border-[#E4E4E7] dark:border-gray-700 rounded-2xl focus-within:border-blue-500 dark:focus-within:border-blue-400 ".concat(error
+                    ? "border-pink-500 dark:border-pink-600"
+                    : "border-[#E4E4E7] dark:border-gray-700").concat(disabled ? " bg-gray-100 dark:bg-gray-800 opacity-60" : ""), children: [jsxs("div", { className: "relative ml-2", ref: dropdownRef, children: [jsxs("button", { type: "button", 
+                                ///bg-gray-100
+                                className: "flex items-center gap-1 px-4 h-10 rounded-xl  dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none transition-colors", onClick: function () { return setIsDropdownOpen(function (v) { return !v; }); }, disabled: disabled, tabIndex: 0, "aria-label": t.selectCountryAriaLabel, children: [jsx("span", { className: "text-lg", children: selectedCountry.flag }), jsx("span", { className: "text-xs text-gray-700 dark:text-gray-200", children: selectedCountry.code }), jsxs("svg", { className: "w-4 h-4 text-gray-400 dark:text-gray-300 ml-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": t.expandListAriaLabel, children: [jsx("title", { children: t.expandListAriaLabel }), jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })] })] }), isDropdownOpen && (jsxs("div", { className: "absolute z-30 mt-2 w-60 bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg", children: [jsx("div", { className: "p-2", children: jsx("input", { type: "text", className: "w-full px-3 py-2 text-sm bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-gray-900 dark:text-gray-100 rounded-lg focus:outline-none focus:border-blue-500 dark:focus:border-blue-400", placeholder: t.searchPlaceholder, onChange: function (e) {
+                                                var searchTerm = e.target.value.toLowerCase();
+                                                var filtered = uniqueCountries.filter(function (country) {
+                                                    return country.name.toLowerCase().includes(searchTerm) ||
+                                                        country.code.toLowerCase().includes(searchTerm);
+                                                });
+                                                setFilteredCountries(filtered);
+                                            } }) }), jsx("div", { className: "max-h-60 overflow-y-auto", children: filteredCountries.length > 0 ? (filteredCountries.map(function (country) { return (jsxs("button", { type: "button", className: "flex items-center w-full px-4 py-2.5 text-sm hover:bg-gray-50 dark:hover:bg-gray-800 ".concat(country.code === selectedCountry.code
+                                                ? "bg-blue-50 dark:bg-blue-900"
+                                                : ""), onClick: function () { return handleCountrySelect(country); }, children: [jsx("span", { className: "mr-3 text-lg", children: country.flag }), jsx("span", { className: "flex-1 text-left dark:text-gray-100", children: country.name }), jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: country.code })] }, country.code)); })) : (jsx("div", { className: "px-4 py-2 text-sm text-gray-500 dark:text-gray-400", children: t.noCountriesFound })) })] }))] }), jsx(Input, { type: "tel", className: "flex-1 border-none bg-transparent text-gray-900 dark:text-gray-100 placeholder-gray-400 dark:placeholder-gray-500 h-10 px-2", placeholder: t.placeholder, value: inputValue, onChange: handleInputChange, onBlur: onBlur, disabled: disabled, name: name, autoComplete: "tel", id: "phone-input-".concat(name) })] }), error && errorText && (jsx("span", { className: "text-xs text-pink-600 dark:text-pink-400 mt-1", children: errorText }))] }));
 };
-MenuPrueba.displayName = "MenuPrueba";
 
 var themeColors = {
     "purple-light": {
@@ -275,8 +571,8 @@ var useThemeContext = function () {
 
 var ThemeProvider = function (_a) {
     var children = _a.children;
-    var _b = useThemeContext(), theme = _b.theme, setTheme = _b.setTheme;
+    var _b = useTheme(), 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, MenuPrueba, ThemeContext, ThemeProvider, sizeMap, themeColors, useThemeContext };
+export { ButtonPrueba, IconComponent, MenuComponent, Phone, ThemeContext, ThemeProvider, sizeMap, themeColors, useThemeContext };

package/dist/types/components/Menu/Menu.d.ts

@@ -10,5 +10,5 @@ import type { MenuComponentProps } from "./Menu.types";
  * @param isOpenSidebar - Controls sidebar visibility.
  * @param onOpenSidebarChange - Callback to open/close sidebar.
  */
-export declare const Menu: React.NamedExoticComponent<MenuComponentProps>;
+export declare const MenuComponent: React.FC<MenuComponentProps>;
 //# sourceMappingURL=Menu.d.ts.map

package/dist/types/components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,gDAiLf,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsLtD,CAAC"}

package/dist/types/components/Menu/Menu.types.d.ts

@@ -7,7 +7,7 @@ export interface MenuComponentProps {
     userInfo: {
         avatar: string;
         name: string;
-        email: string;
+        role: string;
     };
     helpButton: {
         title: string;

package/dist/types/components/Menu/Menu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IAClC,YAAY,EAAE;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,UAAU,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,SAAS,EAAE;QACV,KAAK,EAAE,eAAe,EAAE,CAAC;QACzB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C"}
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IAClC,YAAY,EAAE;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,UAAU,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,SAAS,EAAE;QACV,KAAK,EAAE,eAAe,EAAE,CAAC;QACzB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C"}

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

@@ -1,2 +1,3 @@
-export { Menu } from "./Menu";
+export { MenuComponent } from "./Menu";
+export type { MenuComponentProps } from "./Menu.types";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/components/Menu/sidebar-items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-items.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/sidebar-items.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,eAAe,EAEpB,MAAM,oCAAoC,CAAC;AAE5C,eAAO,MAAM,YAAY,EAAE,eAAe,EAwHzC,CAAC"}
+{"version":3,"file":"sidebar-items.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/sidebar-items.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,eAAe,EACpB,MAAM,oCAAoC,CAAC;AAE5C,eAAO,MAAM,YAAY,EAAE,eAAe,EAwHzC,CAAC"}

package/dist/types/components/menu-nav-list/MenuNavList.d.ts

@@ -1,5 +1,24 @@
 import React from "react";
 import type { MenuNavListProps } from "./MenuNavList.types";
+/**
+ * @component MenuNavList
+ * @description A versatile navigation list component that can be displayed in an expanded or collapsed state.
+ * It supports nested items, sections, and tooltips for items in the collapsed state.
+ *
+ * @param {MenuNavListProps} props - Props for configuring the component.
+ * @param {MenuNavListItem[]} props.items - Array of items to display in the list.
+ * @param {boolean} [props.isCollapsed] - If `true`, the menu is displayed in its collapsed state (icons only).
+ * @param {React.Key} [props.defaultSelectedKey] - The key of the default selected item.
+ * @param {(key: React.Key) => void} [props.onSelect] - Callback executed when an item is selected.
+ * @param {boolean} [props.hideEndContent] - If `true`, hides the end content of the items.
+ * @param {object} [props.sectionClasses] - CSS classes to customize the sections.
+ * @param {object} [props.itemClasses] - CSS classes to customize the items.
+ * @param {string} [props.iconClassName] - CSS class for the icons.
+ * @param {object} [props.classNames] - CSS classes to customize the Listbox component.
+ * @param {string} [props.className] - CSS class for the main container.
+ *
+ * @forwardRef
+ */
 declare const MenuNavList: React.ForwardRefExoticComponent<Omit<MenuNavListProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export default MenuNavList;
 //# sourceMappingURL=MenuNavList.d.ts.map

package/dist/types/components/menu-nav-list/MenuNavList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuNavList.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-nav-list/MenuNavList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,QAAA,MAAM,WAAW,mGA6RhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuNavList.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-nav-list/MenuNavList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,WAAW,mGAuWhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/types/components/menu-nav-list/MenuNavList.styles.d.ts

@@ -1,19 +1,7 @@
 import type { MenuNavListProps } from "./MenuNavList.types";
 type SectionClasses = MenuNavListProps["sectionClasses"];
 type ItemClasses = MenuNavListProps["itemClasses"];
-export declare const getSectionClasses: (isCollapsed: boolean | undefined, sectionClassesProp?: SectionClasses) => {
-    base: string;
-    group: string;
-    heading: string;
-    divider?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
-};
-export declare const getItemClasses: (isCollapsed: boolean | undefined, itemClassesProp?: ItemClasses) => {
-    base: string;
-    title?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
-    description?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
-    selectedIcon?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
-    wrapper?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
-    shortcut?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
-};
+export declare const getSectionClasses: (isCollapsed: boolean | undefined, sectionClassesProp?: SectionClasses) => Record<string, string | undefined>;
+export declare const getItemClasses: (isCollapsed: boolean | undefined, itemClassesProp?: ItemClasses) => Record<string, string | undefined>;
 export {};
 //# sourceMappingURL=MenuNavList.styles.d.ts.map

package/dist/types/components/menu-nav-list/MenuNavList.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuNavList.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-nav-list/MenuNavList.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,KAAK,cAAc,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AACzD,KAAK,WAAW,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAEnD,eAAO,MAAM,iBAAiB,GAC7B,aAAa,OAAO,GAAG,SAAS,EAChC,qBAAoB,cAAmB;;;;;CAYtC,CAAC;AAEH,eAAO,MAAM,cAAc,GAC1B,aAAa,OAAO,GAAG,SAAS,EAChC,kBAAiB,WAAgB;;;;;;;CAMhC,CAAC"}
+{"version":3,"file":"MenuNavList.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-nav-list/MenuNavList.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,KAAK,cAAc,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AACzD,KAAK,WAAW,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAYnD,eAAO,MAAM,iBAAiB,GAC7B,aAAa,OAAO,GAAG,SAAS,EAChC,qBAAoB,cAAmB,KACrC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAmBlC,CAAC;AAEH,eAAO,MAAM,cAAc,GAC1B,aAAa,OAAO,GAAG,SAAS,EAChC,kBAAiB,WAAgB,KAC/B,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CASlC,CAAC"}

package/dist/types/components/menu-nav-list/MenuNavList.types.d.ts

@@ -1,6 +1,6 @@
 import type { ListboxProps, ListboxSectionProps } from "@heroui/react";
 import type React from "react";
-export declare enum MenuNavListItemType {
+export declare enum EnumMenuNavListItem {
     Nest = "nest"
 }
 export type MenuNavListItem = {
@@ -8,7 +8,7 @@ export type MenuNavListItem = {
     title: string;
     icon?: string;
     href?: string;
-    type?: MenuNavListItemType.Nest;
+    type?: EnumMenuNavListItem.Nest;
     startContent?: React.ReactNode;
     endContent?: React.ReactNode;
     items?: MenuNavListItem[];

package/dist/types/components/menu-nav-list/index.d.ts

@@ -0,0 +1,2 @@
+export type { MenuNavListProps, MenuNavListItem, EnumMenuNavListItem, } from "./MenuNavList.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/menu-nav-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-nav-list/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACnB,MAAM,qBAAqB,CAAC"}

package/dist/types/components/phone/Phone.d.ts

@@ -0,0 +1,24 @@
+import type React from "react";
+export interface PhoneTranslations {
+    label?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    selectCountryAriaLabel?: string;
+    expandListAriaLabel?: string;
+    noCountriesFound?: string;
+}
+export interface PhoneInputProps {
+    label?: string;
+    required?: boolean;
+    error?: boolean;
+    errorText?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    name?: string;
+    translations?: PhoneTranslations;
+}
+export declare const Phone: React.FC<PhoneInputProps>;
+export default Phone;
+//# sourceMappingURL=Phone.d.ts.map

package/dist/types/components/phone/Phone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiD/B,MAAM,WAAW,iBAAiB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B;AAWD,MAAM,WAAW,eAAe;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwM3C,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Phone } from "./Phone";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/index.d.ts

@@ -1,6 +1,8 @@
+import "./styles/globals.css";
 export * from "./components/button";
 export * from "./components/icon";
-export * from "./components/menuprueba";
+export * from "./components/menu";
+export * from "./components/phone";
 export { themeColors } from "./styles/colors.default";
 export * from "./providers/theme";
 export * from "./contexts/theme";

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

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

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

@@ -1 +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"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAUlD,CAAC"}

package/package.json

@@ -1,13 +1,12 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.0.6",
+	"version": "0.0.9",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",
 	"types": "./dist/types/index.d.ts",
-	"files": [
-		"dist"
-	],
+	"style": "./dist/assets/css/styles.css",
+	"files": ["dist"],
 	"sideEffects": false,
 	"author": "Bewe",
 	"license": "MIT",
@@ -19,15 +18,15 @@
 			"types": "./dist/types/index.d.ts",
 			"import": "./dist/index.esm.js",
 			"require": "./dist/index.cjs.js"
-		}
+		},
+		"./styles": "./dist/assets/css/styles.css"
 	},
 	"scripts": {
 		"build": "rollup -c",
 		"build:storybook": "storybook build",
 		"check": "biome check --write",
-		"dev": "rslib build --watch",
+		"dev": "rollup -c --watch",
 		"format": "biome format --write",
-		"preview": "rsbuild preview",
 		"storybook": "storybook dev --port 6006",
 		"chromatic": "npx chromatic --project-token=chpt_a33f7fd2ebb3349",
 		"prepare": "husky"
@@ -36,6 +35,7 @@
 		"@heroui/react": "^2.7.10",
 		"@heroui/system": "^2.4.15",
 		"@heroui/theme": "^2.4.15",
+		"@heroui/use-theme": "^2.1.9",
 		"@iconify/react": "^6.0.0",
 		"framer-motion": "^12.14.0",
 		"react": ">=18.0.0",
@@ -47,10 +47,6 @@
 		"@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",
-		"@rslib/core": "^0.4.1",
 		"@storybook/addon-essentials": "^8.0.0",
 		"@storybook/addon-interactions": "^8.0.0",
 		"@storybook/addon-links": "^8.0.0",
@@ -71,9 +67,11 @@
 		"react-dom": ">=18.0.0",
 		"rollup": "^4.44.1",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
-		"rollup-plugin-scss": "^4.0.1",
+		"rollup-plugin-postcss": "^4.0.2",
+		"rollup-plugin-visualizer": "^5.12.0",
 		"sass": "^1.89.2",
 		"storybook": "^8.0.0",
+		"tailwindcss": "^3.4.17",
 		"typescript": "^5.8.3"
 	},
 	"type": "module"