@beweco/aurora-ui 0.1.30 → 0.1.34

package/dist/index.esm.js

@@ -4,7 +4,7 @@ export { Slider } from '@heroui/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Icon } from '@iconify/react';
 export { loadIcons } from '@iconify/react';
-import React, { useId, useState, useCallback, useMemo, createContext, useContext, useEffect, createElement, useRef, useLayoutEffect } from 'react';
+import React, { useId, useState, useCallback, useMemo, useEffect, createContext, useContext, createElement, useRef, useLayoutEffect } from 'react';
 import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, Tooltip, Area } from 'recharts';
 import { LazyMotion, domAnimation, m } from 'framer-motion';
 import { createPortal } from 'react-dom';
@@ -193,7 +193,13 @@ function AccordionList(_a) {
         }
         return null;
     }
-    // Render Actions
+    /**
+     * Render Actions with Button Components
+     * ✅ Usado en: List Mode
+     *
+     * En el modo list, no hay problema de anidamiento de botones,
+     * por lo que podemos usar componentes Button normales.
+     */
     var renderActions = function (item) {
         var visibleActions = actions.filter(function (action) {
             if (action.show === undefined)
@@ -204,6 +210,53 @@ function AccordionList(_a) {
         });
         return (jsx("div", { className: "flex items-center gap-1", onClick: function (e) { return e.stopPropagation(); }, children: visibleActions.map(function (action) { return (jsx(Button$1, { variant: "light", color: action.color || "default", size: "sm", isIconOnly: true, onPress: function () { return action.onPress(item); }, className: action.className, title: action.tooltip, children: jsx(IconComponent, { icon: action.icon, className: "w-4 h-4" }) }, action.key)); }) }));
     };
+    /**
+     * Render Actions as DIV Elements with button role
+     * ✅ Usado en: Accordion Mode
+     *
+     * PROBLEMA RESUELTO: Botones anidados inválidos en HTML
+     * ❌ ANTES: <button trigger><button action></button></button>
+     * ✅ AHORA: <button trigger><div role="button"></div></button>
+     *
+     * En el modo accordion, el AccordionItem renderiza las acciones dentro
+     * del prop `title`, que a su vez está dentro del trigger button del accordion.
+     * Usar Button components generaría HTML inválido (button dentro de button)
+     * y causaría errores de hidratación en React.
+     *
+     * Solución: Renderizar las acciones como elementos div con role="button"
+     * que se ven y comportan como botones pero no generan HTML inválido.
+     */
+    var renderActionsAsDiv = function (item) {
+        var visibleActions = actions.filter(function (action) {
+            if (action.show === undefined)
+                return true;
+            if (typeof action.show === "function")
+                return action.show(item);
+            return action.show;
+        });
+        return (jsx("div", { className: "flex items-center gap-1", onClick: function (e) { return e.stopPropagation(); }, children: visibleActions.map(function (action) {
+                var colorClasses = {
+                    default: "text-default-500 hover:text-default-700 hover:bg-default-100",
+                    primary: "text-primary-500 hover:text-primary-700 hover:bg-primary-50",
+                    secondary: "text-secondary-500 hover:text-secondary-700 hover:bg-secondary-50",
+                    success: "text-success-500 hover:text-success-700 hover:bg-success-50",
+                    warning: "text-warning-500 hover:text-warning-700 hover:bg-warning-50",
+                    danger: "text-danger-500 hover:text-danger-700 hover:bg-danger-50",
+                };
+                var colorClass = colorClasses[action.color || "default"];
+                return (jsx("div", { role: "button", tabIndex: 0, "aria-label": action.tooltip, title: action.tooltip, className: "\n\t\t\t\t\t\t\t\tinline-flex items-center justify-center\n\t\t\t\t\t\t\t\tw-8 h-8 rounded-md cursor-pointer\n\t\t\t\t\t\t\t\ttransition-colors duration-200\n\t\t\t\t\t\t\t\t".concat(colorClass, "\n\t\t\t\t\t\t\t\t").concat(action.className || "", "\n\t\t\t\t\t\t\t"), onClick: function (e) {
+                        e.stopPropagation();
+                        e.preventDefault();
+                        action.onPress(item);
+                    }, onKeyDown: function (e) {
+                        if (e.key === "Enter" || e.key === " ") {
+                            e.stopPropagation();
+                            e.preventDefault();
+                            action.onPress(item);
+                        }
+                    }, children: jsx(IconComponent, { icon: action.icon, className: "w-4 h-4" }) }, action.key));
+            }) }));
+    };
     // Render Metadata Chips
     var renderMetadata = function (item) {
         if (!header.getMetadata)
@@ -219,7 +272,7 @@ function AccordionList(_a) {
         }
         return (jsxs("div", { className: "h-full w-full ".concat(className), children: [(sectionTitle || sectionIcon) && (jsx("div", { className: "mb-4 flex items-center justify-between", children: jsxs("div", { className: "flex items-center gap-2", children: [sectionIcon && (jsx(IconComponent, { icon: sectionIcon, className: "w-5 h-5 text-violet-600 dark:text-violet-400" })), sectionTitle && (jsx("h3", { className: "text-base font-semibold text-foreground", children: sectionTitle })), showCount && (jsx(Chip$1, { size: "sm", variant: "flat", color: "secondary", children: items.length }))] }) })), jsx(Accordion, { variant: accordionVariant, selectionMode: selectionMode, disableIndicatorAnimation: disableIndicatorAnimation, children: items.map(function (item) { return (jsx(AccordionItem, { "aria-label": header.getTitle(item), indicator: jsx(IconComponent, { icon: "solar:alt-arrow-down-outline", className: "w-4 h-4 text-default-400 transition-transform duration-200 data-[open=true]:rotate-180" }), classNames: {
                             indicator: "data-[open=true]:rotate-180 transition-transform duration-200",
-                        }, title: jsxs("div", { className: "flex items-center justify-between w-full pr-4", children: [jsx("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: header.customRender ? (header.customRender(item)) : (jsxs(Fragment, { children: [jsx("span", { className: "text-sm text-default-900 truncate", children: header.getTitle(item) }), renderMetadata(item)] })) }), actions.length > 0 && renderActions(item)] }), children: jsx("div", { className: "pb-4", children: content.render(item) }) }, item.id)); }) }), pagination && pagination.totalPages > 1 && (jsx("div", { className: "flex justify-center mt-4", children: jsx(Pagination$1, { isCompact: pagination.isCompact, showControls: pagination.showControls, showShadow: true, color: "primary", page: pagination.currentPage, total: pagination.totalPages, onChange: pagination.onPageChange }) }))] }));
+                        }, title: jsxs("div", { className: "flex items-center justify-between w-full pr-4", children: [jsx("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: header.customRender ? (header.customRender(item)) : (jsxs(Fragment, { children: [jsx("span", { className: "text-sm text-default-900 truncate", children: header.getTitle(item) }), renderMetadata(item)] })) }), actions.length > 0 && renderActionsAsDiv(item)] }), children: jsx("div", { className: "pb-4", children: content.render(item) }) }, item.id)); }) }), pagination && pagination.totalPages > 1 && (jsx("div", { className: "flex justify-center mt-4", children: jsx(Pagination$1, { isCompact: pagination.isCompact, showControls: pagination.showControls, showShadow: true, color: "primary", page: pagination.currentPage, total: pagination.totalPages, onChange: pagination.onPageChange }) }))] }));
     }
     // List Mode
     return (jsxs("div", { className: "flex flex-col gap-3 ".concat(className), children: [(sectionTitle || sectionIcon) && (jsx("div", { className: "mb-1 flex items-center justify-between", children: jsxs("div", { className: "flex items-center gap-2", children: [sectionIcon && (jsx(IconComponent, { icon: sectionIcon, className: "w-5 h-5 text-primary-600 dark:text-primary-400" })), sectionTitle && (jsx("h3", { className: "text-base font-semibold text-foreground", children: sectionTitle })), showCount && (jsx(Chip$1, { size: "sm", variant: "flat", color: "primary", children: items.length }))] }) })), items.map(function (item) { return (jsxs("div", { className: "flex items-start justify-between p-4 border border-default-100 rounded-lg transition-colors bg-default-50 hover:bg-default-100", children: [jsx("div", { className: "flex-1 min-w-0", children: header.customRender ? (header.customRender(item)) : (jsxs(Fragment, { children: [jsx("div", { className: "flex items-center gap-2 mb-2", children: jsx("span", { className: "text-sm font-medium text-default-900 truncate", children: header.getTitle(item) }) }), header.getSubtitle && (jsx("p", { className: "text-sm text-default-700 line-clamp-2 leading-relaxed mb-2", children: header.getSubtitle(item) })), renderMetadata(item)] })) }), actions.length > 0 && (jsx("div", { className: "ml-4 flex-shrink-0", children: renderActions(item) }))] }, item.id)); }), pagination && pagination.totalPages > 1 && (jsx("div", { className: "flex justify-center mt-4", children: jsx(Pagination$1, { isCompact: pagination.isCompact, showControls: pagination.showControls, showShadow: true, color: "primary", page: pagination.currentPage, total: pagination.totalPages, onChange: pagination.onPageChange }) }))] }));
@@ -288,7 +341,7 @@ var Input = function (_a) {
         } })));
 };
 
-var defaultTranslations$d = {
+var defaultTranslations$e = {
     addHolidayTitle: "Add holiday",
     dayOption: "Day",
     dateRangeOption: "Date range",
@@ -312,7 +365,7 @@ var INITIAL_HOLIDAY_STATE = {
  */
 var AddHolidayForm = function (_a) {
     var onAddHoliday = _a.onAddHoliday, translations = _a.translations, className = _a.className, radioGroupProps = _a.radioGroupProps, dateRangePickerProps = _a.dateRangePickerProps, buttonProps = _a.buttonProps;
-    var t = __assign(__assign({}, defaultTranslations$d), translations);
+    var t = __assign(__assign({}, defaultTranslations$e), translations);
     var _b = useState(INITIAL_HOLIDAY_STATE), newHoliday = _b[0], setNewHoliday = _b[1];
     /**
      * A boolean flag that determines if a date has been set.
@@ -382,7 +435,7 @@ var P = function (_a) {
     return (jsx("p", __assign({ className: cn("text-tiny text-default-500 font-normal", className) }, props, { children: children })));
 };
 
-var defaultTranslations$c = {
+var defaultTranslations$d = {
     title: "Analytics",
     description: "Monthly growth of your metrics during the selected period",
     viewDetails: "View Details",
@@ -436,7 +489,7 @@ var formatMonth = function (month) {
 var AnalyticsCard = function (_a) {
     var _b, _c;
     var data = _a.data, _d = _a.showTimePeriods, showTimePeriods = _d === void 0 ? true : _d, _e = _a.showDropdownMenu, showDropdownMenu = _e === void 0 ? true : _e, _f = _a.showMetricCards, showMetricCards = _f === void 0 ? true : _f, onChartChange = _a.onChartChange, onMenuAction = _a.onMenuAction, onTimePeriodChange = _a.onTimePeriodChange, _g = _a.translations, translations = _g === void 0 ? {} : _g, props = __rest(_a, ["data", "showTimePeriods", "showDropdownMenu", "showMetricCards", "onChartChange", "onMenuAction", "onTimePeriodChange", "translations"]);
-    var t = __assign(__assign({}, defaultTranslations$c), translations);
+    var t = __assign(__assign({}, defaultTranslations$d), translations);
     var _h = useState((_c = (_b = data[0]) === null || _b === void 0 ? void 0 : _b.key) !== null && _c !== void 0 ? _c : ""), activeChart = _h[0], setActiveChart = _h[1];
     var activeChartData = useMemo(function () {
         var _a;
@@ -527,6 +580,205 @@ var AuraAutocomplete = function (_a) {
                 } }))] }));
 };
 
+/**
+ * ColorPicker Types
+ *
+ * Defines the type system for the ColorPicker component used for brand configuration.
+ */
+/**
+ * Default predefined colors (Brand-safe palette)
+ */
+var DEFAULT_PREDEFINED_COLORS = [
+    // Primary colors
+    { key: "blue", name: "Azul", value: "#3B82F6" },
+    { key: "violet", name: "Violeta", value: "#8B5CF6" },
+    { key: "purple", name: "Púrpura", value: "#A855F7" },
+    // Secondary colors
+    { key: "green", name: "Verde", value: "#10B981" },
+    { key: "teal", name: "Turquesa", value: "#14B8A6" },
+    { key: "cyan", name: "Cian", value: "#06B6D4" },
+    // Accent colors
+    { key: "pink", name: "Rosa", value: "#EC4899" },
+    { key: "rose", name: "Rosa claro", value: "#F43F5E" },
+    { key: "orange", name: "Naranja", value: "#F97316" },
+    // Neutral colors
+    { key: "red", name: "Rojo", value: "#EF4444" },
+    { key: "amber", name: "Ámbar", value: "#F59E0B" },
+    { key: "yellow", name: "Amarillo", value: "#EAB308" },
+    // Gray scale (useful for text/backgrounds)
+    { key: "gray-dark", name: "Gris oscuro", value: "#374151" },
+    { key: "gray", name: "Gris", value: "#6B7280" },
+    { key: "gray-light", name: "Gris claro", value: "#9CA3AF" },
+];
+
+/**
+ * Default translations (Spanish)
+ */
+var defaultTranslations$c = {
+    label: "Color",
+    placeholder: "Ingresa código hex",
+    customColorLabel: "Color personalizado",
+    predefinedColorsLabel: "Colores predefinidos",
+    recentColorsLabel: "Colores recientes",
+    noRecentColors: "No hay colores recientes",
+    invalidColorFormat: "Formato de color inválido. Usa #RRGGBB",
+    colorPreview: "Vista previa del color",
+};
+/**
+ * Validates hex color format (#RRGGBB or #RGB)
+ */
+var isValidHexColor = function (color) {
+    var hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
+    return hexRegex.test(color);
+};
+/**
+ * Normalizes hex color to 6-digit format (#RGB -> #RRGGBB)
+ */
+var normalizeHexColor = function (color) {
+    if (!color.startsWith("#")) {
+        color = "#".concat(color);
+    }
+    // Convert 3-digit to 6-digit
+    if (color.length === 4) {
+        var r = color[1];
+        var g = color[2];
+        var b = color[3];
+        return "#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b).toUpperCase();
+    }
+    return color.toUpperCase();
+};
+/**
+ * ColorPicker - Advanced color selection component
+ *
+ * Features:
+ * - Native color picker input
+ * - Text input for hex codes
+ * - Predefined color palette
+ * - Recent colors with localStorage persistence
+ * - Full i18n support
+ * - Dark mode compatible
+ * - Accessible
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ColorPicker
+ *   value={brandColor}
+ *   onChange={setBrandColor}
+ *   label="Color de marca"
+ *   enableRecentColors
+ * />
+ * ```
+ */
+var ColorPicker = function (_a) {
+    var value = _a.value, onChange = _a.onChange, label = _a.label, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, errorText = _a.errorText, _e = _a.predefinedColors, predefinedColors = _e === void 0 ? DEFAULT_PREDEFINED_COLORS : _e, _f = _a.enableRecentColors, enableRecentColors = _f === void 0 ? true : _f, _g = _a.maxRecentColors, maxRecentColors = _g === void 0 ? 6 : _g, _h = _a.recentColorsStorageKey, recentColorsStorageKey = _h === void 0 ? "aurora-ui-recent-colors" : _h, _j = _a.showPredefinedColors, showPredefinedColors = _j === void 0 ? true : _j, _k = _a.translations, translations = _k === void 0 ? {} : _k, _l = _a.className, className = _l === void 0 ? "" : _l, id = _a.id, name = _a.name;
+    var generatedId = useId();
+    var inputId = id || generatedId;
+    var t = __assign(__assign({}, defaultTranslations$c), translations);
+    // Local state for text input
+    var _m = useState(value), textValue = _m[0], setTextValue = _m[1];
+    var _o = useState(false), isInvalidFormat = _o[0], setIsInvalidFormat = _o[1];
+    // Recent colors state
+    var _p = useState([]), recentColors = _p[0], setRecentColors = _p[1];
+    // Load recent colors from localStorage on mount
+    useEffect(function () {
+        if (!enableRecentColors)
+            return;
+        try {
+            var stored = localStorage.getItem(recentColorsStorageKey);
+            if (stored) {
+                var colors = JSON.parse(stored);
+                setRecentColors(colors);
+            }
+        }
+        catch (error) {
+            console.error("Error loading recent colors:", error);
+        }
+    }, [enableRecentColors, recentColorsStorageKey]);
+    // Save to recent colors when value changes
+    useEffect(function () {
+        if (!enableRecentColors || !value || !isValidHexColor(value))
+            return;
+        var normalizedValue = normalizeHexColor(value);
+        // Add to recent colors if not already present
+        setRecentColors(function (prev) {
+            // Remove if already exists
+            var filtered = prev.filter(function (c) { return c !== normalizedValue; });
+            // Add to beginning
+            var updated = __spreadArray([normalizedValue], filtered, true).slice(0, maxRecentColors);
+            // Save to localStorage
+            try {
+                localStorage.setItem(recentColorsStorageKey, JSON.stringify(updated));
+            }
+            catch (error) {
+                console.error("Error saving recent colors:", error);
+            }
+            return updated;
+        });
+    }, [value, enableRecentColors, maxRecentColors, recentColorsStorageKey]);
+    // Sync text value when prop value changes
+    useEffect(function () {
+        setTextValue(value);
+        setIsInvalidFormat(false);
+    }, [value]);
+    /**
+     * Handle color picker (native input) change
+     */
+    var handleColorPickerChange = function (e) {
+        var newColor = normalizeHexColor(e.target.value);
+        setTextValue(newColor);
+        setIsInvalidFormat(false);
+        onChange(newColor);
+    };
+    /**
+     * Handle text input change
+     */
+    var handleTextChange = function (newValue) {
+        setTextValue(newValue);
+        // Validate format
+        if (isValidHexColor(newValue)) {
+            var normalized = normalizeHexColor(newValue);
+            setIsInvalidFormat(false);
+            onChange(normalized);
+        }
+        else if (newValue.length >= 4) {
+            // Show error only if user has typed enough characters
+            setIsInvalidFormat(true);
+        }
+        else {
+            setIsInvalidFormat(false);
+        }
+    };
+    /**
+     * Handle predefined color selection
+     */
+    var handlePredefinedColorClick = function (colorValue) {
+        if (disabled)
+            return;
+        var normalized = normalizeHexColor(colorValue);
+        setTextValue(normalized);
+        setIsInvalidFormat(false);
+        onChange(normalized);
+    };
+    /**
+     * Render a color circle button
+     */
+    var renderColorCircle = function (colorValue, colorName, isSelected) { return (jsx("button", { type: "button", disabled: disabled, onClick: function () { return handlePredefinedColorClick(colorValue); }, className: "\n\t\t\t\tw-8 h-8 rounded-full border-2 cursor-pointer transition-all\n\t\t\t\tfocus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-1\n\t\t\t\t".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:scale-110", "\n\t\t\t\t").concat(isSelected
+            ? "border-primary-500 scale-110 ring-2 ring-primary-500 ring-offset-1"
+            : "border-default-700", "\n\t\t\t"), style: { backgroundColor: colorValue }, title: colorName, "aria-label": colorName }, colorValue)); };
+    return (jsxs("div", { className: "flex flex-col gap-3 ".concat(className), children: [label && (jsxs("label", { htmlFor: inputId, className: "block text-sm font-medium text-foreground", children: [label, required && jsx("span", { className: "text-danger ml-1", children: "*" })] })), jsxs("div", { className: "flex flex-col gap-1", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("input", { type: "color", id: inputId, name: name, value: textValue, onChange: handleColorPickerChange, disabled: disabled, className: "\n\t\t\t\t\t\t\tw-10 h-10 rounded-lg cursor-pointer border-2 flex-shrink-0\n\t\t\t\t\t\t\ttransition-colors appearance-none bg-transparent p-0.5\n\t\t\t\t\t\t\tfocus:border-primary-500\n\t\t\t\t\t\t\t".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:border-default-400", "\n\t\t\t\t\t\t\t").concat(error
+                                    ? "border-danger dark:border-danger-400"
+                                    : "border-default-300 dark:border-default-700", "\n\t\t\t\t\t\t"), "aria-label": t.customColorLabel, title: t.customColorLabel }), jsx(Input$1, { type: "text", value: textValue, onValueChange: handleTextChange, placeholder: t.placeholder, disabled: disabled, isInvalid: error || isInvalidFormat, size: "sm", variant: "bordered", classNames: {
+                                    input: "uppercase font-mono text-small",
+                                    inputWrapper: "min-h-8 h-8 focus-within:!border-primary-500",
+                                }, startContent: jsx("span", { className: "text-default-400 text-sm", children: "#" }) })] }), (error || isInvalidFormat) && (jsx("p", { className: "text-tiny text-danger", children: isInvalidFormat ? t.invalidColorFormat : errorText }))] }), showPredefinedColors && predefinedColors.length > 0 && (jsxs("div", { children: [jsx("p", { className: "text-xs font-medium text-default-600 mb-2", children: t.predefinedColorsLabel }), jsx("div", { className: "flex flex-wrap gap-2", children: predefinedColors.map(function (color) {
+                            return renderColorCircle(color.value, color.name, normalizeHexColor(value) === normalizeHexColor(color.value));
+                        }) })] })), enableRecentColors && recentColors.length > 0 && (jsxs("div", { children: [jsx("p", { className: "text-xs font-medium text-default-600 mb-2", children: t.recentColorsLabel }), jsx("div", { className: "flex flex-wrap gap-2", children: recentColors.map(function (color) {
+                            return renderColorCircle(color, color, normalizeHexColor(value) === color);
+                        }) })] }))] }));
+};
+ColorPicker.displayName = "ColorPicker";
+
 var ThemeContext = createContext({
     mode: "light",
     color: "blue",
@@ -4700,4 +4952,4 @@ var NavigationLoadingProvider = function (_a) {
     return (jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
 };
 
-export { AccordionList, AddHolidayForm, AnalyticsCard, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorSelector, ContentCarousel, DatePicker, DateRangePicker, DateSelector, DrawerFilters, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, RangeFilter, RowSteps, ScheduleRow, SearchInput, Select, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, UploadFile, VerticalSteps, Wizard, WizardNavigation, WizardSidebar, defaultTranslations$4 as defaultTranslations, sizeMap, themeColors, useAuraToast, useNavigationLoading, useThemeContext };
+export { AccordionList, AddHolidayForm, AnalyticsCard, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, RangeFilter, RowSteps, ScheduleRow, SearchInput, Select, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, UploadFile, VerticalSteps, Wizard, WizardNavigation, WizardSidebar, defaultTranslations$4 as defaultTranslations, sizeMap, themeColors, useAuraToast, useNavigationLoading, useThemeContext };

package/dist/types/components/accordion-list/AccordionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionList.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion-list/AccordionList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACX,kBAAkB,EAClB,iBAAiB,EAEjB,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,EAAE,EAC9E,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAY,EACZ,IAAa,EACb,UAAU,EACV,SAAiB,EACjB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,SAAgB,EAChB,SAAc,EACd,gBAA6B,EAC7B,aAA0B,EAC1B,yBAAiC,EACjC,gBAAgB,EAChB,mBAAmB,GACnB,EAAE,kBAAkB,CAAC,CAAC,CAAC,kDA8QvB;yBAhSe,aAAa"}
+{"version":3,"file":"AccordionList.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion-list/AccordionList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACX,kBAAkB,EAClB,iBAAiB,EAEjB,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,EAAE,EAC9E,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAY,EACZ,IAAa,EACb,UAAU,EACV,SAAiB,EACjB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,SAAgB,EAChB,SAAc,EACd,gBAA6B,EAC7B,aAA0B,EAC1B,yBAAiC,EACjC,gBAAgB,EAChB,mBAAmB,GACnB,EAAE,kBAAkB,CAAC,CAAC,CAAC,kDA6VvB;yBA/We,aAAa"}

package/dist/types/components/color-picker/ColorPicker.d.ts

@@ -0,0 +1,27 @@
+import type React from "react";
+import type { ColorPickerProps } from "./ColorPicker.types";
+/**
+ * ColorPicker - Advanced color selection component
+ *
+ * Features:
+ * - Native color picker input
+ * - Text input for hex codes
+ * - Predefined color palette
+ * - Recent colors with localStorage persistence
+ * - Full i18n support
+ * - Dark mode compatible
+ * - Accessible
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ColorPicker
+ *   value={brandColor}
+ *   onChange={setBrandColor}
+ *   label="Color de marca"
+ *   enableRecentColors
+ * />
+ * ```
+ */
+export declare const ColorPicker: React.FC<ColorPickerProps>;
+//# sourceMappingURL=ColorPicker.d.ts.map

package/dist/types/components/color-picker/ColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/ColorPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACX,gBAAgB,EAGhB,MAAM,qBAAqB,CAAC;AA4C7B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsPlD,CAAC"}

package/dist/types/components/color-picker/ColorPicker.types.d.ts

@@ -0,0 +1,74 @@
+/**
+ * ColorPicker Types
+ *
+ * Defines the type system for the ColorPicker component used for brand configuration.
+ */
+/**
+ * Translations interface for ColorPicker
+ * All text strings that can be customized by the consumer
+ */
+export interface ColorPickerTranslations {
+    label?: string;
+    placeholder?: string;
+    customColorLabel?: string;
+    predefinedColorsLabel?: string;
+    recentColorsLabel?: string;
+    noRecentColors?: string;
+    invalidColorFormat?: string;
+    colorPreview?: string;
+}
+/**
+ * Predefined color option
+ */
+export interface PredefinedColor {
+    /** Unique identifier */
+    key: string;
+    /** Display name */
+    name: string;
+    /** Hex color value (e.g., "#FF5733") */
+    value: string;
+    /** Optional tooltip */
+    tooltip?: string;
+}
+/**
+ * ColorPicker component props
+ */
+export interface ColorPickerProps {
+    /** Current selected color (hex format: #RRGGBB) */
+    value: string;
+    /** Callback when color changes */
+    onChange: (color: string) => void;
+    /** Label text */
+    label?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Error state */
+    error?: boolean;
+    /** Error message text */
+    errorText?: string;
+    /** Predefined color palette */
+    predefinedColors?: PredefinedColor[];
+    /** Enable recent colors feature */
+    enableRecentColors?: boolean;
+    /** Maximum number of recent colors to store */
+    maxRecentColors?: number;
+    /** LocalStorage key for recent colors */
+    recentColorsStorageKey?: string;
+    /** Show predefined colors palette */
+    showPredefinedColors?: boolean;
+    /** Translations for i18n */
+    translations?: ColorPickerTranslations;
+    /** Custom className */
+    className?: string;
+    /** Input HTML id */
+    id?: string;
+    /** Name attribute for forms */
+    name?: string;
+}
+/**
+ * Default predefined colors (Brand-safe palette)
+ */
+export declare const DEFAULT_PREDEFINED_COLORS: PredefinedColor[];
+//# sourceMappingURL=ColorPicker.types.d.ts.map

package/dist/types/components/color-picker/ColorPicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/ColorPicker.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,wBAAwB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAChC,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IAEd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,yCAAyC;IACzC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,qCAAqC;IACrC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,4BAA4B;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IAEvC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oBAAoB;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,eAAe,EAyBtD,CAAC"}

package/dist/types/components/color-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { ColorPicker } from "./ColorPicker.js";
+export type { ColorPickerProps, ColorPickerTranslations, PredefinedColor, } from "./ColorPicker.types.js";
+export { DEFAULT_PREDEFINED_COLORS } from "./ColorPicker.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EACX,gBAAgB,EAChB,uBAAuB,EACvB,eAAe,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/types/index.d.ts

@@ -5,6 +5,7 @@ export * from "./components/accordion-list";
 export * from "./components/add-holiday-form";
 export * from "./components/analytics-card";
 export * from "./components/autocomplete";
+export * from "./components/color-picker";
 export * from "./components/color-selector";
 export * from "./components/chip";
 export * from "./components/content-carousel";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.1.30",
+	"version": "0.1.34",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",