@beweco/aurora-ui 0.1.9 → 0.1.11

package/dist/index.cjs.js

@@ -230,7 +230,7 @@ var H2 = function (_a) {
 
 var P = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (jsxRuntime.jsx("p", __assign({ className: react.cn("text-sm text-default-500 font-normal", className) }, props, { children: children })));
+    return (jsxRuntime.jsx("p", __assign({ className: react.cn("text-tiny text-default-500 font-normal", className) }, props, { children: children })));
 };
 
 var defaultTranslations$6 = {
@@ -360,7 +360,7 @@ var AnalyticsCard = function (_a) {
 };
 
 /**
- * AutoComplete genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
+ * AuraAutocomplete genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
  *
  * Reglas aplicadas:
  * - Variant: Bordered (por defecto)
@@ -368,7 +368,7 @@ var AnalyticsCard = function (_a) {
  * - labelPlacement: Outside
  * - Size: sm, md, lg (configurable)
  */
-var AutoComplete = function (_a) {
+var AuraAutocomplete = function (_a) {
     var label = _a.label, id = _a.id, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "bordered" : _c, _d = _a.radius, radius = _d === void 0 ? "md" : _d, props = __rest(_a, ["label", "id", "size", "variant", "radius"]);
     var generatedId = React.useId();
     var autoId = id || generatedId;
@@ -920,6 +920,37 @@ var ColorSelector = function (_a) {
                     : "border-gray-200 hover:scale-105"), style: { backgroundColor: color.color }, title: color.label }) }, color.value)); }) }));
 };
 
+/**
+ * Chip - Componente para mostrar etiquetas o badges
+ * basado en HeroUI siguiendo las reglas de diseño BeweOS.
+ */
+var Chip = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? "default" : _b, props = __rest(_a, ["color"]);
+    // Colores estándar de HeroUI
+    var standardColors = [
+        "default",
+        "primary",
+        "secondary",
+        "success",
+        "warning",
+        "danger",
+    ];
+    // Si es un color estándar, usar HeroUI normalmente
+    if (standardColors.includes(color)) {
+        return (jsxRuntime.jsx(react.Chip, __assign({}, props, { color: color, onClose: props.onClose })));
+    }
+    // Si es un color personalizado, aplicar clases CSS específicas
+    var customColorClasses = {
+        red: "bg-red-100 text-red-500",
+        purple: "bg-purple-100 text-purple-500",
+        blue: "bg-blue-100 text-blue-500",
+        green: "bg-green-100 text-green-500",
+        orange: "bg-orange-100 text-orange-500",
+    };
+    var colorClasses = customColorClasses[color];
+    return (jsxRuntime.jsx(react.Chip, __assign({}, props, { onClose: props.onClose, classNames: __assign({ base: colorClasses }, props.classNames) })));
+};
+
 // Traducciones por defecto en español
 var defaultTranslations$5 = {
     dayOption: "Día específico",
@@ -991,6 +1022,38 @@ var H4 = function (_a) {
     return (jsxRuntime.jsx("h4", __assign({ className: react.cn("text-sm font-medium ", className) }, props, { children: children })));
 };
 
+/**
+ * Breadcrumbs - Wrapper simple del componente HeroUI Breadcrumbs
+ *
+ * Este componente es un wrapper directo del componente Breadcrumbs de HeroUI,
+ * proporcionando una interfaz simplificada y consistente con el resto de la librería.
+ *
+ * @example
+ * ```tsx
+ * // Uso básico
+ * <Breadcrumbs>
+ *   <BreadcrumbItem href="/">Inicio</BreadcrumbItem>
+ *   <BreadcrumbItem href="/products">Productos</BreadcrumbItem>
+ *   <BreadcrumbItem>Detalle</BreadcrumbItem>
+ * </Breadcrumbs>
+ *
+ * // Con items como prop
+ * <Breadcrumbs
+ *   items={[
+ *     { label: "Inicio", href: "/" },
+ *     { label: "Productos", href: "/products" },
+ *     { label: "Detalle", isCurrent: true }
+ *   ]}
+ * />
+ * ```
+ */
+var BreadcrumbsComponent = function (_a) {
+    var items = _a.items, children = _a.children, heroUIProps = __rest(_a, ["items", "children"]);
+    return (jsxRuntime.jsx(react.Breadcrumbs, __assign({}, heroUIProps, { children: items
+            ? items.map(function (item, index) { return (jsxRuntime.jsx(react.BreadcrumbItem, { href: item.href, isCurrent: item.isCurrent, children: item.label }, "".concat(item.href || item.label, "-").concat(index))); })
+            : children })));
+};
+
 var ConfigMenu = function (_a) {
     var _b;
     var options = _a.options, onLogout = _a.onLogout, translations = _a.translations;
@@ -1009,8 +1072,8 @@ var NotificationButton = function (_a) {
 NotificationButton.displayName = "NotificationButton";
 
 var HeaderComponent = function (_a) {
-    var notificationCount = _a.notificationCount, options = _a.options, onMenuClick = _a.onMenuClick, onLogout = _a.onLogout, translations = _a.translations;
-    return (jsxRuntime.jsxs("header", { className: "header__container", children: [jsxRuntime.jsx(react.Button, { className: "sm:hidden", isIconOnly: true, variant: "light", startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:hamburger-menu-linear" }), onPress: onMenuClick }), jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [jsxRuntime.jsx(NotificationButton, { notificationCount: notificationCount }), jsxRuntime.jsx(ConfigMenu, { options: options, onLogout: onLogout, translations: translations })] })] }));
+    var notificationCount = _a.notificationCount, options = _a.options, onMenuClick = _a.onMenuClick, onLogout = _a.onLogout, translations = _a.translations, breadcrumbs = _a.breadcrumbs;
+    return (jsxRuntime.jsx("header", { className: "header__container", children: jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [jsxRuntime.jsx(react.Button, { className: "sm:hidden", isIconOnly: true, variant: "light", startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:hamburger-menu-linear" }), onPress: onMenuClick }), breadcrumbs && breadcrumbs.length > 0 && (jsxRuntime.jsx(BreadcrumbsComponent, { items: breadcrumbs }))] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [jsxRuntime.jsx(NotificationButton, { notificationCount: notificationCount }), jsxRuntime.jsx(ConfigMenu, { options: options, onLogout: onLogout, translations: translations })] })] }) }));
 };
 HeaderComponent.displayName = "Header";
 
@@ -1381,7 +1444,7 @@ var stepperClasses = react.cn(
 // dark
 "dark:[--step-color:rgba(255,255,255,0.1)]", "dark:[--active-color:hsl(var(--heroui-foreground-600))]", "dark:[--active-border-color:rgba(255,255,255,0.5)]", "dark:[--inactive-border-color:rgba(255,255,255,0.1)]", "dark:[--inactive-bar-color:rgba(255,255,255,0.1)]", "dark:[--inactive-color:rgba(255,255,255,0.2)]");
 var MultiStepSidebar = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onChangePage", "steps", "goBackTranslation", "onClose"]);
+    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose"]);
     var handleOverlayClick = function (e) {
         if (e.target === e.currentTarget) {
             onClose === null || onClose === void 0 ? void 0 : onClose();
@@ -2020,6 +2083,23 @@ var ScheduleRow = function (_a) {
     return (jsxRuntime.jsxs("div", { className: "flex flex-col w-full gap-y-4 last:border-b-0 last:mb-0 last:pb-0 border-b border-default-200 xs:py-4 xl:p-4 first:pt-0", children: [jsxRuntime.jsxs("div", { className: "flex  w-full items-center justify-between", children: [jsxRuntime.jsxs("div", { className: "flex xs:space-x-2 sm:space-x-4", children: [jsxRuntime.jsx("h3", { className: "text-small font-semibold text-default-900 capitalize", children: day }), jsxRuntime.jsx(react.Chip, { size: "sm", color: daySchedule.isOpen ? "primary" : "default", className: "text-background", children: daySchedule.isOpen ? translations.open : translations.closed })] }), jsxRuntime.jsxs("div", { className: "flex xs:gap-2 sm:gap-5", children: [jsxRuntime.jsx(Switch, { size: "sm", color: "primary", isSelected: daySchedule.isOpen, onValueChange: handleToggleDay }), jsxRuntime.jsx(Button, { size: "sm", variant: "bordered", onPress: function () { return onCopyToAll(day); }, children: translations.copyToAll })] })] }), daySchedule.isOpen && (jsxRuntime.jsxs("div", { className: "flex  flex-col justify-around gap-y-3 ", children: [daySchedule.timeSlots.map(function (slot, index) { return (jsxRuntime.jsxs("div", { className: "flex items-center gap-1 w-full justify-between", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsxRuntime.jsx(TimeInput, { label: translations.from, className: "w-full", value: toTimeValue(slot.from), onChange: function (value) { return handleTimeChange(index, "from", value); }, isInvalid: !!slot.error }), jsxRuntime.jsx("span", { className: "text-default-900 xs:hidden xl:block", children: "-" }), jsxRuntime.jsx(TimeInput, { label: translations.to, className: "w-full", value: toTimeValue(slot.to), onChange: function (value) { return handleTimeChange(index, "to", value); }, isInvalid: !!slot.error, errorMessage: slot.error })] }), jsxRuntime.jsx(Button, { isIconOnly: true, size: "sm", color: "danger", variant: "light", onPress: function () { return handleRemoveTimeSlot(index); }, isDisabled: daySchedule.timeSlots.length === 1, startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:trash-bin-minimalistic-outline" }) })] }, "".concat(day, "-timeslot-").concat(slot.from, "-").concat(slot.to, "-").concat(index))); }), daySchedule.timeSlots.length < 2 && (jsxRuntime.jsx(Button, { size: "sm", variant: "flat", onPress: function () { return handleAddTimeSlot(); }, startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:add-circle-outline" }), children: translations.addTimeSlot }))] }))] }, day));
 };
 
+/**
+ * SearchInput component - A specialized input field for search functionality
+ *
+ * Features:
+ * - Built on top of the base Input component
+ * - Includes a search icon by default
+ * - Optimized for search use cases
+ * - Follows BeweOS design guidelines
+ */
+var SearchInput = function (_a) {
+    var _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? "Buscar..." : _b, _c = _a.searchIcon, searchIcon = _c === void 0 ? "solar:magnifer-outline" : _c, iconProps = _a.iconProps, onSearchChange = _a.onSearchChange, searchValue = _a.searchValue, value = _a.value, onValueChange = _a.onValueChange, placeholder = _a.placeholder, _d = _a.size, size = _d === void 0 ? "sm" : _d, _e = _a.className, className = _e === void 0 ? "flex-1 max-w-xs min-w-52" : _e, props = __rest(_a, ["searchPlaceholder", "searchIcon", "iconProps", "onSearchChange", "searchValue", "value", "onValueChange", "placeholder", "size", "className"]);
+    // Use searchValue/onSearchChange if provided, otherwise fall back to value/onValueChange
+    var inputValue = searchValue !== null && searchValue !== void 0 ? searchValue : value;
+    var handleValueChange = onSearchChange !== null && onSearchChange !== void 0 ? onSearchChange : onValueChange;
+    return (jsxRuntime.jsx(Input, __assign({}, props, { className: className, size: size, placeholder: placeholder || searchPlaceholder, value: inputValue, onValueChange: handleValueChange, endContent: jsxRuntime.jsx(IconComponent, __assign({ icon: searchIcon, className: "text-default-400", size: "sm" }, iconProps)) })));
+};
+
 /**
  * Select genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
  *
@@ -2615,6 +2695,18 @@ var UploadFile = function (_a) {
 };
 UploadFile.displayName = "UploadFile";
 
+/**
+ * Loading overlay elegante que bloquea la interacción durante la navegación
+ * Proporciona feedback visual moderno y no intrusivo
+ */
+var NavigationLoadingOverlay = function (_a) {
+    var isVisible = _a.isVisible;
+    if (!isVisible) {
+        return null;
+    }
+    return (jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/10 backdrop-blur-sm" }), jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-4", children: jsxRuntime.jsx(react.Spinner, { size: "lg", color: "primary", className: "drop-shadow-sm" }) })] }));
+};
+
 var Modal = function (props) {
     return (jsxRuntime.jsx(react.Modal, __assign({ shouldBlockScroll: true, radius: "lg", className: "py-9 px-6" }, props)));
 };
@@ -2728,7 +2820,7 @@ var AuraToastProvider = function (_a) {
         title: "",
         description: "",
         color: "primary",
-        duration: 3000,
+        duration: 8000,
     }), toast = _b[0], setToast = _b[1];
     var timerRef = React.useRef(null);
     var hideToast = React.useCallback(function () {
@@ -2760,13 +2852,41 @@ var AuraToastProvider = function (_a) {
     return (jsxRuntime.jsx(ToastContext.Provider, { value: { toast: toast, showToast: showToast, hideToast: hideToast }, children: children }));
 };
 
+var NavigationLoadingContext = React.createContext(undefined);
+var useNavigationLoading = function () {
+    var context = React.useContext(NavigationLoadingContext);
+    if (!context) {
+        throw new Error("useNavigationLoading must be used within a NavigationLoadingProvider");
+    }
+    return context;
+};
+
+var NavigationLoadingProvider = function (_a) {
+    var children = _a.children;
+    var _b = React.useState(false), isVisible = _b[0], setIsVisible = _b[1];
+    var showNavigationLoading = React.useCallback(function (_loadingMessage) {
+        setIsVisible(true);
+    }, []);
+    var hideNavigationLoading = React.useCallback(function () {
+        setIsVisible(false);
+    }, []);
+    var value = {
+        showNavigationLoading: showNavigationLoading,
+        hideNavigationLoading: hideNavigationLoading,
+        isNavigationLoading: isVisible,
+    };
+    return (jsxRuntime.jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsxRuntime.jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
+};
+
 exports.AddHolidayForm = AddHolidayForm;
 exports.AnalyticsCard = AnalyticsCard;
+exports.AuraAutocomplete = AuraAutocomplete;
 exports.AuraTable = AuraTable;
 exports.AuraToastProvider = AuraToastProvider;
-exports.AutoComplete = AutoComplete;
+exports.BreadcrumbsComponent = BreadcrumbsComponent;
 exports.Button = Button;
 exports.Card = Card;
+exports.Chip = Chip;
 exports.ColorSelector = ColorSelector;
 exports.DatePicker = DatePicker;
 exports.DateRangePicker = DateRangePicker;
@@ -2786,12 +2906,16 @@ exports.ModalContent = ModalContent;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.MultiStepWizard = MultiStepWizard;
+exports.NavigationLoadingContext = NavigationLoadingContext;
+exports.NavigationLoadingOverlay = NavigationLoadingOverlay;
+exports.NavigationLoadingProvider = NavigationLoadingProvider;
 exports.P = P;
 exports.Pagination = Pagination;
 exports.Phone = Phone;
 exports.PromotionalBanner = PromotionalBanner;
 exports.RowSteps = RowSteps;
 exports.ScheduleRow = ScheduleRow;
+exports.SearchInput = SearchInput;
 exports.Select = Select;
 exports.StepIndicator = StepIndicator;
 exports.SwitchComponent = Switch;
@@ -2806,6 +2930,7 @@ exports.VerticalSteps = VerticalSteps;
 exports.sizeMap = sizeMap;
 exports.themeColors = themeColors;
 exports.useAuraToast = useAuraToast;
+exports.useNavigationLoading = useNavigationLoading;
 exports.useThemeContext = useThemeContext;
 Object.keys(react).forEach(function (k) {
     if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { Button as Button$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, Input as Input$1, RadioGroup, Radio, cn, Card as Card$1, Spacer, Tabs, Tab, Chip, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Autocomplete, DropdownSection, ListboxItem, Popover, PopoverTrigger, Tooltip as Tooltip$1, PopoverContent, Listbox, Accordion, AccordionItem, ListboxSection, Avatar, CardBody, CardFooter, Pagination as Pagination$1, Link, Switch as Switch$1, TimeInput as TimeInput$1, Select as Select$1, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Textarea as Textarea$1, Alert, Modal as Modal$1, ModalContent as ModalContent$1, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, Slider, ModalFooter as ModalFooter$1 } from '@heroui/react';
+import { Button as Button$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, Input as Input$1, RadioGroup, Radio, cn, Card as Card$1, Spacer, Tabs, Tab, Chip as Chip$1, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Autocomplete, Breadcrumbs, BreadcrumbItem, DropdownSection, ListboxItem, Popover, PopoverTrigger, Tooltip as Tooltip$1, PopoverContent, Listbox, Accordion, AccordionItem, ListboxSection, Avatar, CardBody, CardFooter, Pagination as Pagination$1, Link, Switch as Switch$1, TimeInput as TimeInput$1, Select as Select$1, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Textarea as Textarea$1, Alert, Modal as Modal$1, ModalContent as ModalContent$1, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, Slider, ModalFooter as ModalFooter$1, Spinner } from '@heroui/react';
 export * from '@heroui/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useId, useState, useCallback, useMemo, createContext, useContext, createElement, useRef, useEffect, useLayoutEffect } from 'react';
@@ -229,7 +229,7 @@ var H2 = function (_a) {
 
 var P = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (jsx("p", __assign({ className: cn("text-sm text-default-500 font-normal", className) }, props, { children: children })));
+    return (jsx("p", __assign({ className: cn("text-tiny text-default-500 font-normal", className) }, props, { children: children })));
 };
 
 var defaultTranslations$6 = {
@@ -319,7 +319,7 @@ var AnalyticsCard = function (_a) {
                                                 "bg-default-100": activeChart === key,
                                             }), onClick: function () { return handleChartChange(key); }, children: [jsx("span", { className: cn("text-small text-default-500 font-medium transition-colors", {
                                                         "text-primary": activeChart === key,
-                                                    }), children: title }), jsxs("div", { className: "flex items-center gap-x-3", children: [jsx("span", { className: "text-foreground text-2xl font-bold", children: formatValue(value, type) }), jsx(Chip, { classNames: {
+                                                    }), children: title }), jsxs("div", { className: "flex items-center gap-x-3", children: [jsx("span", { className: "text-foreground text-2xl font-bold", children: formatValue(value, type) }), jsx(Chip$1, { classNames: {
                                                                 content: "font-medium",
                                                             }, color: changeType === "positive"
                                                                 ? "success"
@@ -359,7 +359,7 @@ var AnalyticsCard = function (_a) {
 };
 
 /**
- * AutoComplete genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
+ * AuraAutocomplete genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
  *
  * Reglas aplicadas:
  * - Variant: Bordered (por defecto)
@@ -367,7 +367,7 @@ var AnalyticsCard = function (_a) {
  * - labelPlacement: Outside
  * - Size: sm, md, lg (configurable)
  */
-var AutoComplete = function (_a) {
+var AuraAutocomplete = function (_a) {
     var label = _a.label, id = _a.id, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "bordered" : _c, _d = _a.radius, radius = _d === void 0 ? "md" : _d, props = __rest(_a, ["label", "id", "size", "variant", "radius"]);
     var generatedId = useId();
     var autoId = id || generatedId;
@@ -919,6 +919,37 @@ var ColorSelector = function (_a) {
                     : "border-gray-200 hover:scale-105"), style: { backgroundColor: color.color }, title: color.label }) }, color.value)); }) }));
 };
 
+/**
+ * Chip - Componente para mostrar etiquetas o badges
+ * basado en HeroUI siguiendo las reglas de diseño BeweOS.
+ */
+var Chip = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? "default" : _b, props = __rest(_a, ["color"]);
+    // Colores estándar de HeroUI
+    var standardColors = [
+        "default",
+        "primary",
+        "secondary",
+        "success",
+        "warning",
+        "danger",
+    ];
+    // Si es un color estándar, usar HeroUI normalmente
+    if (standardColors.includes(color)) {
+        return (jsx(Chip$1, __assign({}, props, { color: color, onClose: props.onClose })));
+    }
+    // Si es un color personalizado, aplicar clases CSS específicas
+    var customColorClasses = {
+        red: "bg-red-100 text-red-500",
+        purple: "bg-purple-100 text-purple-500",
+        blue: "bg-blue-100 text-blue-500",
+        green: "bg-green-100 text-green-500",
+        orange: "bg-orange-100 text-orange-500",
+    };
+    var colorClasses = customColorClasses[color];
+    return (jsx(Chip$1, __assign({}, props, { onClose: props.onClose, classNames: __assign({ base: colorClasses }, props.classNames) })));
+};
+
 // Traducciones por defecto en español
 var defaultTranslations$5 = {
     dayOption: "Día específico",
@@ -990,6 +1021,38 @@ var H4 = function (_a) {
     return (jsx("h4", __assign({ className: cn("text-sm font-medium ", className) }, props, { children: children })));
 };
 
+/**
+ * Breadcrumbs - Wrapper simple del componente HeroUI Breadcrumbs
+ *
+ * Este componente es un wrapper directo del componente Breadcrumbs de HeroUI,
+ * proporcionando una interfaz simplificada y consistente con el resto de la librería.
+ *
+ * @example
+ * ```tsx
+ * // Uso básico
+ * <Breadcrumbs>
+ *   <BreadcrumbItem href="/">Inicio</BreadcrumbItem>
+ *   <BreadcrumbItem href="/products">Productos</BreadcrumbItem>
+ *   <BreadcrumbItem>Detalle</BreadcrumbItem>
+ * </Breadcrumbs>
+ *
+ * // Con items como prop
+ * <Breadcrumbs
+ *   items={[
+ *     { label: "Inicio", href: "/" },
+ *     { label: "Productos", href: "/products" },
+ *     { label: "Detalle", isCurrent: true }
+ *   ]}
+ * />
+ * ```
+ */
+var BreadcrumbsComponent = function (_a) {
+    var items = _a.items, children = _a.children, heroUIProps = __rest(_a, ["items", "children"]);
+    return (jsx(Breadcrumbs, __assign({}, heroUIProps, { children: items
+            ? items.map(function (item, index) { return (jsx(BreadcrumbItem, { href: item.href, isCurrent: item.isCurrent, children: item.label }, "".concat(item.href || item.label, "-").concat(index))); })
+            : children })));
+};
+
 var ConfigMenu = function (_a) {
     var _b;
     var options = _a.options, onLogout = _a.onLogout, translations = _a.translations;
@@ -1008,8 +1071,8 @@ var NotificationButton = function (_a) {
 NotificationButton.displayName = "NotificationButton";
 
 var HeaderComponent = function (_a) {
-    var notificationCount = _a.notificationCount, options = _a.options, onMenuClick = _a.onMenuClick, onLogout = _a.onLogout, translations = _a.translations;
-    return (jsxs("header", { className: "header__container", children: [jsx(Button$1, { className: "sm:hidden", isIconOnly: true, variant: "light", startContent: jsx(IconComponent, { icon: "solar:hamburger-menu-linear" }), onPress: onMenuClick }), jsxs("div", { className: "flex items-center gap-4", children: [jsx(NotificationButton, { notificationCount: notificationCount }), jsx(ConfigMenu, { options: options, onLogout: onLogout, translations: translations })] })] }));
+    var notificationCount = _a.notificationCount, options = _a.options, onMenuClick = _a.onMenuClick, onLogout = _a.onLogout, translations = _a.translations, breadcrumbs = _a.breadcrumbs;
+    return (jsx("header", { className: "header__container", children: jsxs("div", { className: "flex items-center justify-between w-full", children: [jsxs("div", { className: "flex items-center gap-4", children: [jsx(Button$1, { className: "sm:hidden", isIconOnly: true, variant: "light", startContent: jsx(IconComponent, { icon: "solar:hamburger-menu-linear" }), onPress: onMenuClick }), breadcrumbs && breadcrumbs.length > 0 && (jsx(BreadcrumbsComponent, { items: breadcrumbs }))] }), jsxs("div", { className: "flex items-center gap-4", children: [jsx(NotificationButton, { notificationCount: notificationCount }), jsx(ConfigMenu, { options: options, onLogout: onLogout, translations: translations })] })] }) }));
 };
 HeaderComponent.displayName = "Header";
 
@@ -1380,7 +1443,7 @@ var stepperClasses = cn(
 // dark
 "dark:[--step-color:rgba(255,255,255,0.1)]", "dark:[--active-color:hsl(var(--heroui-foreground-600))]", "dark:[--active-border-color:rgba(255,255,255,0.5)]", "dark:[--inactive-border-color:rgba(255,255,255,0.1)]", "dark:[--inactive-bar-color:rgba(255,255,255,0.1)]", "dark:[--inactive-color:rgba(255,255,255,0.2)]");
 var MultiStepSidebar = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onChangePage", "steps", "goBackTranslation", "onClose"]);
+    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose"]);
     var handleOverlayClick = function (e) {
         if (e.target === e.currentTarget) {
             onClose === null || onClose === void 0 ? void 0 : onClose();
@@ -2016,7 +2079,24 @@ var ScheduleRow = function (_a) {
         var newTimeSlots = daySchedule.timeSlots.filter(function (_, i) { return i !== index; });
         onChange(__assign(__assign({}, daySchedule), { timeSlots: newTimeSlots }));
     };
-    return (jsxs("div", { className: "flex flex-col w-full gap-y-4 last:border-b-0 last:mb-0 last:pb-0 border-b border-default-200 xs:py-4 xl:p-4 first:pt-0", children: [jsxs("div", { className: "flex  w-full items-center justify-between", children: [jsxs("div", { className: "flex xs:space-x-2 sm:space-x-4", children: [jsx("h3", { className: "text-small font-semibold text-default-900 capitalize", children: day }), jsx(Chip, { size: "sm", color: daySchedule.isOpen ? "primary" : "default", className: "text-background", children: daySchedule.isOpen ? translations.open : translations.closed })] }), jsxs("div", { className: "flex xs:gap-2 sm:gap-5", children: [jsx(Switch, { size: "sm", color: "primary", isSelected: daySchedule.isOpen, onValueChange: handleToggleDay }), jsx(Button, { size: "sm", variant: "bordered", onPress: function () { return onCopyToAll(day); }, children: translations.copyToAll })] })] }), daySchedule.isOpen && (jsxs("div", { className: "flex  flex-col justify-around gap-y-3 ", children: [daySchedule.timeSlots.map(function (slot, index) { return (jsxs("div", { className: "flex items-center gap-1 w-full justify-between", children: [jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsx(TimeInput, { label: translations.from, className: "w-full", value: toTimeValue(slot.from), onChange: function (value) { return handleTimeChange(index, "from", value); }, isInvalid: !!slot.error }), jsx("span", { className: "text-default-900 xs:hidden xl:block", children: "-" }), jsx(TimeInput, { label: translations.to, className: "w-full", value: toTimeValue(slot.to), onChange: function (value) { return handleTimeChange(index, "to", value); }, isInvalid: !!slot.error, errorMessage: slot.error })] }), jsx(Button, { isIconOnly: true, size: "sm", color: "danger", variant: "light", onPress: function () { return handleRemoveTimeSlot(index); }, isDisabled: daySchedule.timeSlots.length === 1, startContent: jsx(IconComponent, { icon: "solar:trash-bin-minimalistic-outline" }) })] }, "".concat(day, "-timeslot-").concat(slot.from, "-").concat(slot.to, "-").concat(index))); }), daySchedule.timeSlots.length < 2 && (jsx(Button, { size: "sm", variant: "flat", onPress: function () { return handleAddTimeSlot(); }, startContent: jsx(IconComponent, { icon: "solar:add-circle-outline" }), children: translations.addTimeSlot }))] }))] }, day));
+    return (jsxs("div", { className: "flex flex-col w-full gap-y-4 last:border-b-0 last:mb-0 last:pb-0 border-b border-default-200 xs:py-4 xl:p-4 first:pt-0", children: [jsxs("div", { className: "flex  w-full items-center justify-between", children: [jsxs("div", { className: "flex xs:space-x-2 sm:space-x-4", children: [jsx("h3", { className: "text-small font-semibold text-default-900 capitalize", children: day }), jsx(Chip$1, { size: "sm", color: daySchedule.isOpen ? "primary" : "default", className: "text-background", children: daySchedule.isOpen ? translations.open : translations.closed })] }), jsxs("div", { className: "flex xs:gap-2 sm:gap-5", children: [jsx(Switch, { size: "sm", color: "primary", isSelected: daySchedule.isOpen, onValueChange: handleToggleDay }), jsx(Button, { size: "sm", variant: "bordered", onPress: function () { return onCopyToAll(day); }, children: translations.copyToAll })] })] }), daySchedule.isOpen && (jsxs("div", { className: "flex  flex-col justify-around gap-y-3 ", children: [daySchedule.timeSlots.map(function (slot, index) { return (jsxs("div", { className: "flex items-center gap-1 w-full justify-between", children: [jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsx(TimeInput, { label: translations.from, className: "w-full", value: toTimeValue(slot.from), onChange: function (value) { return handleTimeChange(index, "from", value); }, isInvalid: !!slot.error }), jsx("span", { className: "text-default-900 xs:hidden xl:block", children: "-" }), jsx(TimeInput, { label: translations.to, className: "w-full", value: toTimeValue(slot.to), onChange: function (value) { return handleTimeChange(index, "to", value); }, isInvalid: !!slot.error, errorMessage: slot.error })] }), jsx(Button, { isIconOnly: true, size: "sm", color: "danger", variant: "light", onPress: function () { return handleRemoveTimeSlot(index); }, isDisabled: daySchedule.timeSlots.length === 1, startContent: jsx(IconComponent, { icon: "solar:trash-bin-minimalistic-outline" }) })] }, "".concat(day, "-timeslot-").concat(slot.from, "-").concat(slot.to, "-").concat(index))); }), daySchedule.timeSlots.length < 2 && (jsx(Button, { size: "sm", variant: "flat", onPress: function () { return handleAddTimeSlot(); }, startContent: jsx(IconComponent, { icon: "solar:add-circle-outline" }), children: translations.addTimeSlot }))] }))] }, day));
+};
+
+/**
+ * SearchInput component - A specialized input field for search functionality
+ *
+ * Features:
+ * - Built on top of the base Input component
+ * - Includes a search icon by default
+ * - Optimized for search use cases
+ * - Follows BeweOS design guidelines
+ */
+var SearchInput = function (_a) {
+    var _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? "Buscar..." : _b, _c = _a.searchIcon, searchIcon = _c === void 0 ? "solar:magnifer-outline" : _c, iconProps = _a.iconProps, onSearchChange = _a.onSearchChange, searchValue = _a.searchValue, value = _a.value, onValueChange = _a.onValueChange, placeholder = _a.placeholder, _d = _a.size, size = _d === void 0 ? "sm" : _d, _e = _a.className, className = _e === void 0 ? "flex-1 max-w-xs min-w-52" : _e, props = __rest(_a, ["searchPlaceholder", "searchIcon", "iconProps", "onSearchChange", "searchValue", "value", "onValueChange", "placeholder", "size", "className"]);
+    // Use searchValue/onSearchChange if provided, otherwise fall back to value/onValueChange
+    var inputValue = searchValue !== null && searchValue !== void 0 ? searchValue : value;
+    var handleValueChange = onSearchChange !== null && onSearchChange !== void 0 ? onSearchChange : onValueChange;
+    return (jsx(Input, __assign({}, props, { className: className, size: size, placeholder: placeholder || searchPlaceholder, value: inputValue, onValueChange: handleValueChange, endContent: jsx(IconComponent, __assign({ icon: searchIcon, className: "text-default-400", size: "sm" }, iconProps)) })));
 };
 
 /**
@@ -2614,6 +2694,18 @@ var UploadFile = function (_a) {
 };
 UploadFile.displayName = "UploadFile";
 
+/**
+ * Loading overlay elegante que bloquea la interacción durante la navegación
+ * Proporciona feedback visual moderno y no intrusivo
+ */
+var NavigationLoadingOverlay = function (_a) {
+    var isVisible = _a.isVisible;
+    if (!isVisible) {
+        return null;
+    }
+    return (jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [jsx("div", { className: "absolute inset-0 bg-black/10 backdrop-blur-sm" }), jsx("div", { className: "flex flex-col items-center gap-4", children: jsx(Spinner, { size: "lg", color: "primary", className: "drop-shadow-sm" }) })] }));
+};
+
 var Modal = function (props) {
     return (jsx(Modal$1, __assign({ shouldBlockScroll: true, radius: "lg", className: "py-9 px-6" }, props)));
 };
@@ -2727,7 +2819,7 @@ var AuraToastProvider = function (_a) {
         title: "",
         description: "",
         color: "primary",
-        duration: 3000,
+        duration: 8000,
     }), toast = _b[0], setToast = _b[1];
     var timerRef = useRef(null);
     var hideToast = useCallback(function () {
@@ -2759,4 +2851,30 @@ var AuraToastProvider = function (_a) {
     return (jsx(ToastContext.Provider, { value: { toast: toast, showToast: showToast, hideToast: hideToast }, children: children }));
 };
 
-export { AddHolidayForm, AnalyticsCard, AuraTable, AuraToastProvider, AutoComplete, Button, Card, ColorSelector, DatePicker, DateRangePicker, DateSelector, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, Input, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, P, Pagination, Phone, PromotionalBanner, RowSteps, ScheduleRow, Select, StepIndicator, Switch as SwitchComponent, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, UploadFile, VerticalSteps, sizeMap, themeColors, useAuraToast, useThemeContext };
+var NavigationLoadingContext = createContext(undefined);
+var useNavigationLoading = function () {
+    var context = useContext(NavigationLoadingContext);
+    if (!context) {
+        throw new Error("useNavigationLoading must be used within a NavigationLoadingProvider");
+    }
+    return context;
+};
+
+var NavigationLoadingProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(false), isVisible = _b[0], setIsVisible = _b[1];
+    var showNavigationLoading = useCallback(function (_loadingMessage) {
+        setIsVisible(true);
+    }, []);
+    var hideNavigationLoading = useCallback(function () {
+        setIsVisible(false);
+    }, []);
+    var value = {
+        showNavigationLoading: showNavigationLoading,
+        hideNavigationLoading: hideNavigationLoading,
+        isNavigationLoading: isVisible,
+    };
+    return (jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
+};
+
+export { AddHolidayForm, AnalyticsCard, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorSelector, DatePicker, DateRangePicker, DateSelector, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, Input, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, RowSteps, ScheduleRow, SearchInput, Select, StepIndicator, Switch as SwitchComponent, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, UploadFile, VerticalSteps, sizeMap, themeColors, useAuraToast, useNavigationLoading, useThemeContext };

package/dist/types/components/autocomplete/AutoComplete.d.ts

@@ -1,7 +1,7 @@
 import type React from "react";
-import type { AutoCompleteProps } from "./AutoComplete.types";
+import type { AuraAutocompleteProps } from "./AutoComplete.types";
 /**
- * AutoComplete genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
+ * AuraAutocomplete genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
  *
  * Reglas aplicadas:
  * - Variant: Bordered (por defecto)
@@ -9,5 +9,5 @@ import type { AutoCompleteProps } from "./AutoComplete.types";
  * - labelPlacement: Outside
  * - Size: sm, md, lg (configurable)
  */
-export declare const AutoComplete: React.FC<AutoCompleteProps>;
+export declare const AuraAutocomplete: React.FC<AuraAutocompleteProps>;
 //# sourceMappingURL=AutoComplete.d.ts.map

package/dist/types/components/autocomplete/AutoComplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsCpD,CAAC"}
+{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsC5D,CAAC"}

package/dist/types/components/autocomplete/AutoComplete.types.d.ts

@@ -1,5 +1,5 @@
 import type { AutocompleteProps as HeroUIAutocompleteProps } from "@heroui/react";
-export type AutoCompleteProps = Omit<HeroUIAutocompleteProps, "size" | "variant" | "radius"> & {
+export type AuraAutocompleteProps = Omit<HeroUIAutocompleteProps, "size" | "variant" | "radius"> & {
     label?: string;
     size?: "sm" | "md" | "lg";
     variant?: "flat" | "bordered" | "faded" | "underlined";

package/dist/types/components/autocomplete/AutoComplete.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAElF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,uBAAuB,EACvB,MAAM,GAAG,SAAS,GAAG,QAAQ,CAC7B,GAAG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CAC9C,CAAC"}
+{"version":3,"file":"AutoComplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAElF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACvC,uBAAuB,EACvB,MAAM,GAAG,SAAS,GAAG,QAAQ,CAC7B,GAAG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CAC9C,CAAC"}

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

@@ -1,3 +1,3 @@
-export { AutoComplete } from "./AutoComplete.js";
-export type { AutoCompleteProps } from "./AutoComplete.types";
+export { AuraAutocomplete } from "./AutoComplete";
+export type { AuraAutocompleteProps } from "./AutoComplete.types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/types/components/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,29 @@
+import type React from "react";
+import type { BreadcrumbsComponentProps } from "./Breadcrumbs.types";
+/**
+ * Breadcrumbs - Wrapper simple del componente HeroUI Breadcrumbs
+ *
+ * Este componente es un wrapper directo del componente Breadcrumbs de HeroUI,
+ * proporcionando una interfaz simplificada y consistente con el resto de la librería.
+ *
+ * @example
+ * ```tsx
+ * // Uso básico
+ * <Breadcrumbs>
+ *   <BreadcrumbItem href="/">Inicio</BreadcrumbItem>
+ *   <BreadcrumbItem href="/products">Productos</BreadcrumbItem>
+ *   <BreadcrumbItem>Detalle</BreadcrumbItem>
+ * </Breadcrumbs>
+ *
+ * // Con items como prop
+ * <Breadcrumbs
+ *   items={[
+ *     { label: "Inicio", href: "/" },
+ *     { label: "Productos", href: "/products" },
+ *     { label: "Detalle", isCurrent: true }
+ *   ]}
+ * />
+ * ```
+ */
+export declare const BreadcrumbsComponent: React.FC<BreadcrumbsComponentProps>;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

package/dist/types/components/breadcrumbs/Breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoBpE,CAAC"}

package/dist/types/components/breadcrumbs/Breadcrumbs.types.d.ts

@@ -0,0 +1,43 @@
+import type { BreadcrumbItemProps as HeroUIBreadcrumbItemProps, BreadcrumbsProps as HeroUIBreadcrumbsProps } from "@heroui/react";
+import type React from "react";
+/**
+ * Representa un elemento individual del breadcrumb
+ * Extiende las props básicas del BreadcrumbItem de HeroUI con propiedades personalizadas
+ */
+export interface BreadcrumbItemComponentProps extends Omit<HeroUIBreadcrumbItemProps, "children"> {
+    /**
+     * Texto a mostrar en el breadcrumb
+     * @example "Dashboard", "Usuarios", "Configuración"
+     */
+    label: string;
+    /**
+     * URL del breadcrumb (opcional para el último item que está activo)
+     * @example "/dashboard", "/dashboard/users"
+     */
+    href?: string;
+    /**
+     * Indica si es el breadcrumb actual (último en la cadena)
+     * @default false
+     */
+    isCurrent?: boolean;
+    /**
+     * The content of the breadcrumb (optional, uses label if not provided)
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Props del componente Breadcrumbs
+ * Extiende todas las props de HeroUI Breadcrumbs
+ */
+export interface BreadcrumbsComponentProps extends HeroUIBreadcrumbsProps {
+    /**
+     * Items de breadcrumb a mostrar
+     * Si se proporciona, se renderizarán estos items en lugar de los children
+     */
+    items?: BreadcrumbItemComponentProps[];
+    /**
+     * Elementos hijo (BreadcrumbItem components)
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=Breadcrumbs.types.d.ts.map

package/dist/types/components/breadcrumbs/Breadcrumbs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,mBAAmB,IAAI,yBAAyB,EAChD,gBAAgB,IAAI,sBAAsB,EAC1C,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,WAAW,4BAChB,SAAQ,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC;IACnD;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACxE;;;OAGG;IACH,KAAK,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

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

@@ -0,0 +1,3 @@
+export { BreadcrumbsComponent } from "./Breadcrumbs";
+export type { BreadcrumbsComponentProps, BreadcrumbItemComponentProps, } from "./Breadcrumbs.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EACX,yBAAyB,EACzB,4BAA4B,GAC5B,MAAM,qBAAqB,CAAC"}

package/dist/types/components/chip/Chip.d.ts

@@ -0,0 +1,8 @@
+import type React from "react";
+import type { ChipProps } from "./Chip.types";
+/**
+ * Chip - Componente para mostrar etiquetas o badges
+ * basado en HeroUI siguiendo las reglas de diseño BeweOS.
+ */
+export declare const Chip: React.FC<ChipProps>;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/types/components/chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4CpC,CAAC"}