@grupor5/raya 0.2.46 → 0.2.49

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React29 = require('react');
+var React30 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -23,6 +23,10 @@ var reactDayPicker = require('react-day-picker');
 var locale = require('date-fns/locale');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var cmdk = require('cmdk');
+var FolderCloudIcon = require('@grupor5/raya-icons/icons/FolderCloudIcon');
+var DocumentTextIcon = require('@grupor5/raya-icons/icons/DocumentTextIcon');
+var DocumentDownloadIcon = require('@grupor5/raya-icons/icons/DocumentDownloadIcon');
+var TrashIcon = require('@grupor5/raya-icons/icons/TrashIcon');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var RightIcon = require('@grupor5/raya-icons/icons/RightIcon');
 var ArrowLeftIcon = require('@grupor5/raya-icons/icons/ArrowLeftIcon');
@@ -48,7 +52,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React29__namespace = /*#__PURE__*/_interopNamespace(React29);
+var React30__namespace = /*#__PURE__*/_interopNamespace(React30);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -1502,7 +1506,7 @@ var buttonSizeClasses = {
     iconSize: "w-5 h-5"
   },
   lg: {
-    base: "h-12 px-6 py-3 text-lg rounded-2xl",
+    base: "px-6 py-3 text-lg rounded-2xl",
     icon: "h-12 w-12 rounded-2xl",
     iconSize: "w-[22px] h-[22px]"
   }
@@ -1634,13 +1638,13 @@ var loadingSpinnerSVG = `
     />
   </svg>
 `;
-var ThemeContext = React29.createContext(void 0);
+var ThemeContext = React30.createContext(void 0);
 function ThemeProvider({ children }) {
-  const [theme, setTheme] = React29.useState("light");
+  const [theme, setTheme] = React30.useState("light");
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: { theme, setTheme }, children });
 }
 function useTheme() {
-  const context = React29.useContext(ThemeContext);
+  const context = React30.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -1661,7 +1665,7 @@ function getInitials(name) {
   }
   return firstName ? `${firstName.substring(0, 2)}`.toUpperCase() : "N/A";
 }
-var Avatar = React29__namespace.forwardRef(
+var Avatar = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { src, name, className } = _b, props = __objRest(_b, ["src", "name", "className"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1823,7 +1827,7 @@ var LoadingSpinner = ({
     )
   ] }) });
 };
-var Button = React29.forwardRef((_a, ref) => {
+var Button = React30.forwardRef((_a, ref) => {
   var _b = _a, {
     variant = defaultButtonConfig.variant,
     size = defaultButtonConfig.size,
@@ -1860,7 +1864,7 @@ var Button = React29.forwardRef((_a, ref) => {
     "onClick"
   ]);
   const isIconOnly = variant === "icon" || !!(!children && (icon || iconLeft || iconRight));
-  const buttonClasses = React29.useMemo(() => {
+  const buttonClasses = React30.useMemo(() => {
     const sizeClasses = getButtonSizeClasses(size, isIconOnly);
     const variantClasses = getButtonVariantClasses(variant, color);
     return cn(
@@ -1870,7 +1874,7 @@ var Button = React29.forwardRef((_a, ref) => {
       className
     );
   }, [variant, size, color, isIconOnly, className]);
-  const buttonContent = React29.useMemo(() => {
+  const buttonContent = React30.useMemo(() => {
     if (loading) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: buttonLoadingClasses.container, children: [
         /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, { size }),
@@ -1879,8 +1883,8 @@ var Button = React29.forwardRef((_a, ref) => {
     }
     const iconSizeClass = getButtonIconSize(size);
     const renderIcon = (iconNode) => {
-      if (React29__namespace.default.isValidElement(iconNode)) {
-        return React29__namespace.default.cloneElement(iconNode, {
+      if (React30__namespace.default.isValidElement(iconNode)) {
+        return React30__namespace.default.cloneElement(iconNode, {
           className: cn(iconSizeClass, iconNode.props.className),
           "aria-hidden": true
         });
@@ -1896,7 +1900,7 @@ var Button = React29.forwardRef((_a, ref) => {
       iconRight && renderIcon(iconRight)
     ] });
   }, [loading, loadingText, isIconOnly, icon, iconLeft, iconRight, children, size]);
-  const accessibilityProps = React29.useMemo(() => {
+  const accessibilityProps = React30.useMemo(() => {
     const props2 = {};
     if (isIconOnly && !ariaLabel) {
       console.warn("Icon-only buttons should have an aria-label for accessibility");
@@ -1979,7 +1983,7 @@ var Button = React29.forwardRef((_a, ref) => {
   );
 });
 Button.displayName = "Button";
-var Checkbox = React29__namespace.forwardRef((_a, ref) => {
+var Checkbox = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     CheckboxPrimitive__namespace.Root,
@@ -2011,10 +2015,10 @@ var Checkbox = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var Input = React29__namespace.forwardRef(
+var Input = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type, error, helperText, label, required, id, icon } = _b, props = __objRest(_b, ["className", "type", "error", "helperText", "label", "required", "id", "icon"]);
-    const inputId = id || `input-${React29__namespace.useId()}`;
+    const inputId = id || `input-${React30__namespace.useId()}`;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
       label && /* @__PURE__ */ jsxRuntime.jsx(
         "label",
@@ -2058,7 +2062,7 @@ Input.displayName = "Input";
 var labelVariants = classVarianceAuthority.cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React29__namespace.forwardRef((_a, ref) => {
+var Label = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     LabelPrimitive__namespace.Root,
@@ -2072,7 +2076,7 @@ Label.displayName = LabelPrimitive__namespace.Root.displayName;
 
 // src/atoms/logo/logo.png
 var logo_default = "./logo-N622EUTF.png";
-var Logo = React29.forwardRef((_a, ref) => {
+var Logo = React30.forwardRef((_a, ref) => {
   var _b = _a, {
     size = 120,
     variant = "default",
@@ -2119,7 +2123,7 @@ var Logo = React29.forwardRef((_a, ref) => {
   );
 });
 Logo.displayName = "Logo";
-var RadioGroup = React29__namespace.forwardRef((_a, ref) => {
+var RadioGroup = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Root,
@@ -2131,7 +2135,7 @@ var RadioGroup = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-var RadioGroupItem = React29__namespace.forwardRef((_a, ref) => {
+var RadioGroupItem = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Item,
@@ -2149,7 +2153,7 @@ var RadioGroupItem = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
-var Switch = React29__namespace.forwardRef((_a, ref) => {
+var Switch = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitives__namespace.Root,
@@ -2226,7 +2230,7 @@ var closeButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Tag = React29__namespace.default.forwardRef(
+var Tag = React30__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, children, showBullet = false, onClose, variant } = _b, props = __objRest(_b, ["className", "children", "showBullet", "onClose", "variant"]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2260,11 +2264,11 @@ var Tag = React29__namespace.default.forwardRef(
   }
 );
 Tag.displayName = "Tag";
-var Textarea = React29__namespace.forwardRef(
+var Textarea = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, error, helperText, label, required, id, maxLength, value, onChange, defaultValue } = _b, props = __objRest(_b, ["className", "error", "helperText", "label", "required", "id", "maxLength", "value", "onChange", "defaultValue"]);
-    const textareaId = id || `textarea-${React29__namespace.useId()}`;
-    const [charCount, setCharCount] = React29__namespace.useState(String(defaultValue || "").length);
+    const textareaId = id || `textarea-${React30__namespace.useId()}`;
+    const [charCount, setCharCount] = React30__namespace.useState(String(defaultValue || "").length);
     const isControlled = value !== void 0;
     const currentLength = isControlled ? String(value).length : charCount;
     const handleOnChange = (e) => {
@@ -2356,7 +2360,7 @@ var typographyVariants = classVarianceAuthority.cva("font-primary", {
     variant: "body-md"
   }
 });
-var Typography = React29__namespace.forwardRef(
+var Typography = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, color, as: Component = "p" } = _b, props = __objRest(_b, ["className", "variant", "color", "as"]);
     const variantClass = typographyVariants({ variant });
@@ -2380,7 +2384,7 @@ var levelMapping = {
   5: { as: "h5", variant: "heading-sm" },
   6: { as: "h6", variant: "subheading-lg" }
 };
-var Title = React29__namespace.forwardRef(
+var Title = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { level, variant } = _b, props = __objRest(_b, ["level", "variant"]);
     const { as, variant: defaultVariant } = levelMapping[level];
@@ -2395,7 +2399,7 @@ var Title = React29__namespace.forwardRef(
   }
 );
 Title.displayName = "Title";
-var Paragraph = React29__namespace.forwardRef(
+var Paragraph = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { variant = "body-md" } = _b, props = __objRest(_b, ["variant"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2409,7 +2413,7 @@ var Paragraph = React29__namespace.forwardRef(
   }
 );
 Paragraph.displayName = "Paragraph";
-var AccordionItemContext = React29__namespace.createContext({});
+var AccordionItemContext = React30__namespace.createContext({});
 var accordionItemVariants = classVarianceAuthority.cva("w-full", {
   variants: {
     variant: {
@@ -2421,9 +2425,9 @@ var accordionItemVariants = classVarianceAuthority.cva("w-full", {
     variant: "default"
   }
 });
-var AccordionTrigger = React29__namespace.forwardRef((_a, ref) => {
+var AccordionTrigger = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children, icon } = _b, props = __objRest(_b, ["className", "children", "icon"]);
-  const { variant } = React29__namespace.useContext(AccordionItemContext);
+  const { variant } = React30__namespace.useContext(AccordionItemContext);
   return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
     AccordionPrimitive__namespace.Trigger,
     __spreadProps(__spreadValues({
@@ -2455,7 +2459,7 @@ var AccordionTrigger = React29__namespace.forwardRef((_a, ref) => {
   ) });
 });
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React29__namespace.forwardRef((_a, ref) => {
+var AccordionContent = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     AccordionPrimitive__namespace.Content,
@@ -2468,7 +2472,7 @@ var AccordionContent = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
-var AccordionItem = React29__namespace.forwardRef((_a, ref) => {
+var AccordionItem = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, variant = "default", children } = _b, props = __objRest(_b, ["className", "variant", "children"]);
   const variantValue = variant != null ? variant : "default";
   return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemContext.Provider, { value: { variant: variantValue }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2482,7 +2486,7 @@ var AccordionItem = React29__namespace.forwardRef((_a, ref) => {
   ) });
 });
 AccordionItem.displayName = "AccordionItem";
-var Accordion = React29__namespace.forwardRef((_a, ref) => {
+var Accordion = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     AccordionPrimitive__namespace.Root,
@@ -2494,7 +2498,7 @@ var Accordion = React29__namespace.forwardRef((_a, ref) => {
 });
 Accordion.displayName = "Accordion";
 var alertVariants = classVarianceAuthority.cva(
-  "relative w-full rounded-2xl px-6 py-2 flex items-center justify-between",
+  "relative w-full rounded-2xl px-6 py-4 flex items-center justify-between",
   {
     variants: {
       variant: {
@@ -2510,17 +2514,17 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var AlertContext = React29__namespace.createContext(null);
+var AlertContext = React30__namespace.createContext(null);
 var useAlertContext = () => {
-  const context = React29__namespace.useContext(AlertContext);
+  const context = React30__namespace.useContext(AlertContext);
   if (!context) {
     throw new Error("useAlertContext must be used inside an Alert");
   }
   return context;
 };
-var Alert = React29__namespace.forwardRef((_a, ref) => {
+var Alert = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, children, isClosable, actions } = _b, props = __objRest(_b, ["className", "variant", "children", "isClosable", "actions"]);
-  const [isVisible, setIsVisible] = React29__namespace.useState(true);
+  const [isVisible, setIsVisible] = React30__namespace.useState(true);
   if (!isVisible) {
     return null;
   }
@@ -2549,7 +2553,7 @@ var Alert = React29__namespace.forwardRef((_a, ref) => {
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React29__namespace.forwardRef((_a, ref) => {
+var AlertTitle = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { variant } = useAlertContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2570,7 +2574,7 @@ var AlertTitle = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React29__namespace.forwardRef((_a, ref) => {
+var AlertDescription = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { variant } = useAlertContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2585,7 +2589,7 @@ var AlertDescription = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 AlertDescription.displayName = "AlertDescription";
-var Card = React29__namespace.forwardRef((_a, ref) => {
+var Card = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2599,7 +2603,7 @@ var Card = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 Card.displayName = "Card";
-var CardHeader = React29__namespace.forwardRef((_a, ref) => {
+var CardHeader = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2610,7 +2614,7 @@ var CardHeader = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 CardHeader.displayName = "CardHeader";
-var CardTitle = React29__namespace.forwardRef((_a, ref) => {
+var CardTitle = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2621,7 +2625,7 @@ var CardTitle = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 CardTitle.displayName = "CardTitle";
-var CardDescription = React29__namespace.forwardRef((_a, ref) => {
+var CardDescription = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2632,12 +2636,12 @@ var CardDescription = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 CardDescription.displayName = "CardDescription";
-var CardContent = React29__namespace.forwardRef((_a, ref) => {
+var CardContent = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
 });
 CardContent.displayName = "CardContent";
-var CardFooter = React29__namespace.forwardRef((_a, ref) => {
+var CardFooter = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2649,17 +2653,17 @@ var CardFooter = React29__namespace.forwardRef((_a, ref) => {
 });
 CardFooter.displayName = "CardFooter";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React29__namespace.createContext(null);
+var ChartContext = React30__namespace.createContext(null);
 function useChart() {
-  const context = React29__namespace.useContext(ChartContext);
+  const context = React30__namespace.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React29__namespace.forwardRef((_a, ref) => {
+var ChartContainer = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { id, className, children, config } = _b, props = __objRest(_b, ["id", "className", "children", "config"]);
-  const uniqueId = React29__namespace.useId();
+  const uniqueId = React30__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2706,7 +2710,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive__namespace.Tooltip;
-var ChartTooltipContent = React29__namespace.forwardRef(
+var ChartTooltipContent = React30__namespace.forwardRef(
   ({
     active,
     payload,
@@ -2723,7 +2727,7 @@ var ChartTooltipContent = React29__namespace.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React29__namespace.useMemo(() => {
+    const tooltipLabel = React30__namespace.useMemo(() => {
       var _a;
       if (hideLabel || !(payload == null ? void 0 : payload.length)) {
         return null;
@@ -2820,7 +2824,7 @@ var ChartTooltipContent = React29__namespace.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive__namespace.Legend;
-var ChartLegendContent = React29__namespace.forwardRef(
+var ChartLegendContent = React30__namespace.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!(payload == null ? void 0 : payload.length)) {
@@ -2878,7 +2882,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-var ScrollArea = React29__namespace.forwardRef((_a, ref) => {
+var ScrollArea = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScrollAreaPrimitive__namespace.Root,
@@ -2895,7 +2899,7 @@ var ScrollArea = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React29__namespace.forwardRef((_a, ref) => {
+var ScrollBar = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
@@ -2926,7 +2930,7 @@ var ScrollBar = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
-var Table = React29__namespace.forwardRef((_a, ref) => {
+var Table = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ScrollArea, { className: "relative w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2940,12 +2944,12 @@ var Table = React29__namespace.forwardRef((_a, ref) => {
   ] });
 });
 Table.displayName = "Table";
-var TableHeader = React29__namespace.forwardRef((_a, ref) => {
+var TableHeader = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
-var TableBody = React29__namespace.forwardRef((_a, ref) => {
+var TableBody = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tbody",
@@ -2956,7 +2960,7 @@ var TableBody = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React29__namespace.forwardRef((_a, ref) => {
+var TableFooter = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tfoot",
@@ -2970,7 +2974,7 @@ var TableFooter = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 TableFooter.displayName = "TableFooter";
-var TableRow = React29__namespace.forwardRef((_a, ref) => {
+var TableRow = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
@@ -2984,7 +2988,7 @@ var TableRow = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React29__namespace.forwardRef((_a, ref) => {
+var TableHead = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "th",
@@ -2998,7 +3002,7 @@ var TableHead = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React29__namespace.forwardRef((_a, ref) => {
+var TableCell = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "td",
@@ -3012,7 +3016,7 @@ var TableCell = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React29__namespace.forwardRef((_a, ref) => {
+var TableCaption = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "caption",
@@ -3034,7 +3038,7 @@ var usePagination = ({
   siblingCount = 1,
   currentPage
 }) => {
-  const paginationRange = React29.useMemo(() => {
+  const paginationRange = React30.useMemo(() => {
     const totalPageCount = Math.ceil(totalCount / pageSize);
     if (totalPageCount <= 10) {
       return range(1, totalPageCount);
@@ -3072,7 +3076,7 @@ var usePagination = ({
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React29__namespace.forwardRef((_a, ref) => {
+var SelectTrigger = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     SelectPrimitive__namespace.Trigger,
@@ -3091,7 +3095,7 @@ var SelectTrigger = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React29__namespace.forwardRef((_a, ref) => {
+var SelectScrollUpButton = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.ScrollUpButton,
@@ -3107,7 +3111,7 @@ var SelectScrollUpButton = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React29__namespace.forwardRef((_a, ref) => {
+var SelectScrollDownButton = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.ScrollDownButton,
@@ -3123,7 +3127,7 @@ var SelectScrollDownButton = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React29__namespace.forwardRef((_a, ref) => {
+var SelectContent = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
   return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     SelectPrimitive__namespace.Content,
@@ -3154,7 +3158,7 @@ var SelectContent = React29__namespace.forwardRef((_a, ref) => {
   ) });
 });
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React29__namespace.forwardRef((_a, ref) => {
+var SelectLabel = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.Label,
@@ -3165,7 +3169,7 @@ var SelectLabel = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React29__namespace.forwardRef((_a, ref) => {
+var SelectItem = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     SelectPrimitive__namespace.Item,
@@ -3184,7 +3188,7 @@ var SelectItem = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React29__namespace.forwardRef((_a, ref) => {
+var SelectSeparator = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.Separator,
@@ -3361,12 +3365,12 @@ function DataTable(_a) {
     "stickyLastColumn"
   ]);
   var _a2, _b2;
-  const [sorting, setSorting] = React29__namespace.useState([]);
-  const [columnFilters, setColumnFilters] = React29__namespace.useState(
+  const [sorting, setSorting] = React30__namespace.useState([]);
+  const [columnFilters, setColumnFilters] = React30__namespace.useState(
     []
   );
-  const [columnVisibility, setColumnVisibility] = React29__namespace.useState({});
-  const [rowSelection, setRowSelection] = React29__namespace.useState({});
+  const [columnVisibility, setColumnVisibility] = React30__namespace.useState({});
+  const [rowSelection, setRowSelection] = React30__namespace.useState({});
   const table = reactTable.useReactTable({
     data,
     columns: columns2,
@@ -3435,7 +3439,7 @@ function DataTable(_a) {
               "sticky right-0 bg-white shadow-lg z-10": shouldStick,
               "border-l border-primary-300": shouldStick
             }),
-            children: ((_a3 = column.columnDef.meta) == null ? void 0 : _a3.skeleton) ? React29__namespace.createElement(
+            children: ((_a3 = column.columnDef.meta) == null ? void 0 : _a3.skeleton) ? React30__namespace.createElement(
               column.columnDef.meta.skeleton
             ) : null
           },
@@ -3859,7 +3863,7 @@ function Calendar(_a) {
 var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
-var DropdownMenuSubTrigger = React29__namespace.forwardRef((_a, ref) => {
+var DropdownMenuSubTrigger = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     DropdownMenuPrimitive__namespace.SubTrigger,
@@ -3879,7 +3883,7 @@ var DropdownMenuSubTrigger = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React29__namespace.forwardRef((_a, ref) => {
+var DropdownMenuSubContent = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.SubContent,
@@ -3893,7 +3897,7 @@ var DropdownMenuSubContent = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React29__namespace.forwardRef((_a, ref) => {
+var DropdownMenuContent = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
   return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Content,
@@ -3909,7 +3913,7 @@ var DropdownMenuContent = React29__namespace.forwardRef((_a, ref) => {
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React29__namespace.forwardRef((_a, ref) => {
+var DropdownMenuItem = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Item,
@@ -3924,7 +3928,7 @@ var DropdownMenuItem = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React29__namespace.forwardRef((_a, ref) => {
+var DropdownMenuCheckboxItem = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     DropdownMenuPrimitive__namespace.CheckboxItem,
@@ -3944,7 +3948,7 @@ var DropdownMenuCheckboxItem = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React29__namespace.forwardRef((_a, ref) => {
+var DropdownMenuRadioItem = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     DropdownMenuPrimitive__namespace.RadioItem,
@@ -3963,7 +3967,7 @@ var DropdownMenuRadioItem = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React29__namespace.forwardRef((_a, ref) => {
+var DropdownMenuLabel = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Label,
@@ -3978,7 +3982,7 @@ var DropdownMenuLabel = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React29__namespace.forwardRef((_a, ref) => {
+var DropdownMenuSeparator = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Separator,
@@ -3995,10 +3999,10 @@ function DatePickerWithRange({
   onDateChange,
   label
 }) {
-  const [month, setMonth] = React29__namespace.useState((date == null ? void 0 : date.from) || /* @__PURE__ */ new Date());
-  const [open, setOpen] = React29__namespace.useState(false);
-  const [inputValue, setInputValue] = React29__namespace.useState("");
-  React29__namespace.useEffect(() => {
+  const [month, setMonth] = React30__namespace.useState((date == null ? void 0 : date.from) || /* @__PURE__ */ new Date());
+  const [open, setOpen] = React30__namespace.useState(false);
+  const [inputValue, setInputValue] = React30__namespace.useState("");
+  React30__namespace.useEffect(() => {
     if (date == null ? void 0 : date.from) {
       if (date.to) {
         setInputValue(
@@ -4052,7 +4056,7 @@ function DatePickerWithRange({
     onDateChange(range2);
     setMonth(range2.from || /* @__PURE__ */ new Date());
   };
-  const isCustomDate = React29__namespace.useMemo(() => {
+  const isCustomDate = React30__namespace.useMemo(() => {
     if (!date || !date.from) return false;
     return !presets2.some(
       (p) => dateFns.isEqual(p.range.from, date.from || /* @__PURE__ */ new Date(0)) && dateFns.isEqual(p.range.to || /* @__PURE__ */ new Date(0), date.to || /* @__PURE__ */ new Date(0))
@@ -4137,10 +4141,10 @@ function DatePickerSingle({
   placeholder = "dd/mm/aa",
   error
 }) {
-  const [month, setMonth] = React29__namespace.useState(date || /* @__PURE__ */ new Date());
-  const [open, setOpen] = React29__namespace.useState(false);
-  const [inputValue, setInputValue] = React29__namespace.useState("");
-  React29__namespace.useEffect(() => {
+  const [month, setMonth] = React30__namespace.useState(date || /* @__PURE__ */ new Date());
+  const [open, setOpen] = React30__namespace.useState(false);
+  const [inputValue, setInputValue] = React30__namespace.useState("");
+  React30__namespace.useEffect(() => {
     setInputValue(date ? dateFns.format(date, "dd/MM/yyyy") : "");
   }, [date]);
   const handleInputChange = (e) => {
@@ -4207,7 +4211,7 @@ function DatePickerSingle({
   ] });
 }
 var defaultIncludesFilter = (value, search) => value.toLowerCase().includes(search.toLowerCase()) ? 1 : 0;
-var Dropdown = React29__namespace.forwardRef(
+var Dropdown = React30__namespace.forwardRef(
   ({
     label,
     options,
@@ -4221,10 +4225,10 @@ var Dropdown = React29__namespace.forwardRef(
     required,
     filter
   }, ref) => {
-    const [open, setOpen] = React29__namespace.useState(false);
-    const [inputValue, setInputValue] = React29__namespace.useState("");
-    const inputId = name || `dropdown-${React29__namespace.useId()}`;
-    const popoverRef = React29__namespace.useRef(null);
+    const [open, setOpen] = React30__namespace.useState(false);
+    const [inputValue, setInputValue] = React30__namespace.useState("");
+    const inputId = name || `dropdown-${React30__namespace.useId()}`;
+    const popoverRef = React30__namespace.useRef(null);
     const handleSelect = (currentValue) => {
       if (onChange) {
         onChange(currentValue);
@@ -4233,11 +4237,11 @@ var Dropdown = React29__namespace.forwardRef(
       setInputValue(selectedOption ? selectedOption.label : "");
       setOpen(false);
     };
-    React29__namespace.useEffect(() => {
+    React30__namespace.useEffect(() => {
       const selectedOption = options.find((o) => o.value === value);
       setInputValue(selectedOption ? selectedOption.label : "");
     }, [value, options]);
-    React29__namespace.useEffect(() => {
+    React30__namespace.useEffect(() => {
       const handleClickOutside = (event) => {
         if (popoverRef.current && !popoverRef.current.contains(event.target)) {
           setOpen(false);
@@ -4351,7 +4355,320 @@ var Dropdown = React29__namespace.forwardRef(
   }
 );
 Dropdown.displayName = "Dropdown";
-var Form = React29__namespace.forwardRef(
+var progressBarContainerVariants = classVarianceAuthority.cva("w-full min-w-[200px]", {
+  variants: {
+    size: {
+      sm: "text-progress-bar-sm",
+      md: "text-progress-bar-md",
+      lg: "text-progress-bar-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var progressBarTrackVariants = classVarianceAuthority.cva(
+  "overflow-hidden rounded-full bg-progress-bar-track",
+  {
+    variants: {
+      size: {
+        sm: "h-progress-bar-sm",
+        md: "h-progress-bar-md",
+        lg: "h-progress-bar-lg"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var progressBarIndicatorVariants = classVarianceAuthority.cva(
+  "h-full rounded-full bg-progress-bar-indicator transition-all duration-300 ease-in-out",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var ProgressBar = React30__namespace.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      value,
+      label,
+      size,
+      showPercentage = true
+    } = _b, props = __objRest(_b, [
+      "className",
+      "value",
+      "label",
+      "size",
+      "showPercentage"
+    ]);
+    const progress = Math.max(0, Math.min(100, value || 0));
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(progressBarContainerVariants({ size }), className)
+      }, props), {
+        children: [
+          (label || showPercentage) && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center mb-1",
+                label ? "justify-between" : "justify-end"
+              ),
+              children: [
+                label && /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-progress-bar-label font-normal", children: label }),
+                showPercentage && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-progress-bar-label font-normal", children: [
+                  Math.round(progress),
+                  "%"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(progressBarTrackVariants({ size })), children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(progressBarIndicatorVariants()),
+              style: { width: `${progress}%` }
+            }
+          ) })
+        ]
+      })
+    );
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+var FileUploadDropzone = React30__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      onSelect,
+      accept = ".png,.jpg,.jpeg,.pdf",
+      disabled = false,
+      subtitle = "PNG, JPG, JPEG o PDF",
+      buttonLabel = "Abrir explorador"
+    } = _b, props = __objRest(_b, [
+      "className",
+      "onSelect",
+      "accept",
+      "disabled",
+      "subtitle",
+      "buttonLabel"
+    ]);
+    const inputRef = React30__namespace.useRef(null);
+    const handleChange = (e) => {
+      const files = e.target.files;
+      if (files && files.length > 0) {
+        onSelect(Array.from(files));
+      }
+      e.target.value = "";
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "flex flex-col gap-[26px] rounded-2xl border border-primary-400 bg-white p-6",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FolderCloudIcon.FolderCloudIcon, { className: "h-6 w-6 text-primary-600", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base text-primary-1200", children: "A\xF1adir archivos" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-primary-1200", children: subtitle })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "primary",
+              size: "lg",
+              className: "w-full",
+              disabled,
+              iconLeft: /* @__PURE__ */ jsxRuntime.jsx(DocumentDownloadIcon.DocumentDownloadIcon, {}),
+              onClick: () => {
+                var _a2;
+                return (_a2 = inputRef.current) == null ? void 0 : _a2.click();
+              },
+              children: buttonLabel
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              hidden: true,
+              accept,
+              disabled,
+              onChange: handleChange
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+FileUploadDropzone.displayName = "FileUploadDropzone";
+function formatFileSize(bytes) {
+  if (bytes >= 1048576) return `${Math.round(bytes / 1048576)} MB`;
+  if (bytes >= 1024) return `${Math.round(bytes / 1024)} KB`;
+  return `${bytes} B`;
+}
+var FileUploadItem = React30__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      name,
+      size,
+      status,
+      progress = 0,
+      errorMessage,
+      onDelete
+    } = _b, props = __objRest(_b, [
+      "className",
+      "name",
+      "size",
+      "status",
+      "progress",
+      "errorMessage",
+      "onDelete"
+    ]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "flex items-start gap-4 rounded-2xl border border-primary-300 bg-white p-4",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-6", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl",
+                  status === "uploaded" ? "bg-secondary-200" : status === "error" ? "bg-red-200" : "bg-primary-100"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  DocumentTextIcon.DocumentTextIcon,
+                  {
+                    className: cn(
+                      "h-5 w-5",
+                      status === "uploaded" ? "text-secondary-900" : status === "error" ? "text-red-600" : "text-primary-600"
+                    ),
+                    "aria-hidden": "true"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: status === "uploading" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { value: progress, label: name, showPercentage: true, size: "sm" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-primary-600", children: formatFileSize(size) })
+            ] }) : status === "error" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm text-primary-1200", children: name }),
+              errorMessage && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-red-600", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Ops!" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: "h-1 w-1 shrink-0 rounded-full bg-red-600",
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: errorMessage })
+              ] })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm text-primary-1200", children: name }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-primary-600", children: formatFileSize(size) })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "icon",
+              size: "md",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(TrashIcon.TrashIcon, {}),
+              onClick: onDelete,
+              "aria-label": "Eliminar archivo"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+FileUploadItem.displayName = "FileUploadItem";
+var FileUpload = React30__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      files,
+      onSelect,
+      onDelete,
+      maxFiles = 1,
+      accept,
+      subtitle,
+      disabled = false,
+      recommendations
+    } = _b, props = __objRest(_b, [
+      "className",
+      "files",
+      "onSelect",
+      "onDelete",
+      "maxFiles",
+      "accept",
+      "subtitle",
+      "disabled",
+      "recommendations"
+    ]);
+    const showDropzone = files.length < maxFiles && !files.some((f) => f.status === "uploading");
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn("flex flex-col gap-4", className)
+      }, props), {
+        children: [
+          recommendations && recommendations.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "neutral", className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: recommendations.map((text, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            text,
+            i < recommendations.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("br", {})
+          ] }, i)) }) }),
+          showDropzone && /* @__PURE__ */ jsxRuntime.jsx(
+            FileUploadDropzone,
+            {
+              onSelect,
+              accept,
+              subtitle,
+              disabled
+            }
+          ),
+          files.map((file) => /* @__PURE__ */ jsxRuntime.jsx(
+            FileUploadItem,
+            {
+              name: file.name,
+              size: file.size,
+              status: file.status,
+              progress: file.progress,
+              errorMessage: file.errorMessage,
+              onDelete: () => onDelete(file.id)
+            },
+            file.id
+          ))
+        ]
+      })
+    );
+  }
+);
+FileUpload.displayName = "FileUpload";
+var Form = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4364,7 +4681,7 @@ var Form = React29__namespace.forwardRef(
   }
 );
 Form.displayName = "Form";
-var FormField = React29__namespace.forwardRef(
+var FormField = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, error } = _b, props = __objRest(_b, ["className", "error"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4382,7 +4699,7 @@ var FormField = React29__namespace.forwardRef(
   }
 );
 FormField.displayName = "FormField";
-var FormLabel = React29__namespace.forwardRef(
+var FormLabel = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, required, children } = _b, props = __objRest(_b, ["className", "required", "children"]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4403,7 +4720,7 @@ var FormLabel = React29__namespace.forwardRef(
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormMessage = React29__namespace.forwardRef(
+var FormMessage = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type = "helper" } = _b, props = __objRest(_b, ["className", "type"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4544,7 +4861,7 @@ var getColPositionClasses = (colStart, colEnd) => {
   }
   return classes.join(" ");
 };
-var Grid = React29__namespace.default.forwardRef(
+var Grid = React30__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       container = true,
@@ -4600,7 +4917,7 @@ var Grid = React29__namespace.default.forwardRef(
   }
 );
 Grid.displayName = "Grid";
-var GridItem = React29__namespace.default.forwardRef(
+var GridItem = React30__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       span,
@@ -4642,101 +4959,15 @@ var GridItem = React29__namespace.default.forwardRef(
   }
 );
 GridItem.displayName = "GridItem";
-var progressBarContainerVariants = classVarianceAuthority.cva("w-full min-w-[200px]", {
-  variants: {
-    size: {
-      sm: "text-progress-bar-sm",
-      md: "text-progress-bar-md",
-      lg: "text-progress-bar-lg"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var progressBarTrackVariants = classVarianceAuthority.cva(
-  "overflow-hidden rounded-full bg-progress-bar-track",
-  {
-    variants: {
-      size: {
-        sm: "h-progress-bar-sm",
-        md: "h-progress-bar-md",
-        lg: "h-progress-bar-lg"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var progressBarIndicatorVariants = classVarianceAuthority.cva(
-  "h-full rounded-full bg-progress-bar-indicator transition-all duration-300 ease-in-out",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-);
-var ProgressBar = React29__namespace.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
-      value,
-      label,
-      size,
-      showPercentage = true
-    } = _b, props = __objRest(_b, [
-      "className",
-      "value",
-      "label",
-      "size",
-      "showPercentage"
-    ]);
-    const progress = Math.max(0, Math.min(100, value || 0));
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      __spreadProps(__spreadValues({
-        ref,
-        className: cn(progressBarContainerVariants({ size }), className)
-      }, props), {
-        children: [
-          (label || showPercentage) && /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: cn(
-                "flex items-center mb-1",
-                label ? "justify-between" : "justify-end"
-              ),
-              children: [
-                label && /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-progress-bar-label font-normal", children: label }),
-                showPercentage && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-progress-bar-label font-normal", children: [
-                  Math.round(progress),
-                  "%"
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(progressBarTrackVariants({ size })), children: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(progressBarIndicatorVariants()),
-              style: { width: `${progress}%` }
-            }
-          ) })
-        ]
-      })
-    );
-  }
-);
-ProgressBar.displayName = "ProgressBar";
-var StepperContext = React29__namespace.createContext(null);
+var StepperContext = React30__namespace.createContext(null);
 var useStepper = () => {
-  const context = React29__namespace.useContext(StepperContext);
+  const context = React30__namespace.useContext(StepperContext);
   if (!context) {
     throw new Error("useStepper must be used within a Stepper component");
   }
   return context;
 };
-var Stepper = React29__namespace.forwardRef(
+var Stepper = React30__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -4752,8 +4983,8 @@ var Stepper = React29__namespace.forwardRef(
       "onStepChange"
     ]);
     var _a2;
-    const [activeStep, setActiveStep] = React29__namespace.useState(initialStep);
-    React29__namespace.useImperativeHandle(ref, () => ({
+    const [activeStep, setActiveStep] = React30__namespace.useState(initialStep);
+    React30__namespace.useImperativeHandle(ref, () => ({
       goToNextStep: () => {
         setActiveStep((prev) => {
           const nextStep = prev < steps.length - 1 ? prev + 1 : prev;
@@ -4770,14 +5001,14 @@ var Stepper = React29__namespace.forwardRef(
       },
       activeStep
     }));
-    const stepStatuses = React29__namespace.useMemo(() => {
+    const stepStatuses = React30__namespace.useMemo(() => {
       return steps.map((_, index) => {
         if (index < activeStep) return { status: "completed" };
         if (index === activeStep) return { status: "current" };
         return { status: "upcoming" };
       });
     }, [activeStep, steps]);
-    const contextValue = React29__namespace.useMemo(
+    const contextValue = React30__namespace.useMemo(
       () => ({
         activeStep,
         orientation,
@@ -4839,7 +5070,7 @@ var connectorVariants = classVarianceAuthority.cva("", {
     status: "upcoming"
   }
 });
-var Step = React29__namespace.forwardRef(({ className, children, index }, ref) => {
+var Step = React30__namespace.forwardRef(({ className, children, index }, ref) => {
   const { steps, stepCount, orientation } = useStepper();
   const status = steps[index].status;
   const isFirst = index === 0;
@@ -4923,12 +5154,12 @@ var Step = React29__namespace.forwardRef(({ className, children, index }, ref) =
   ] });
 });
 Step.displayName = "Step";
-var StepLabel = React29__namespace.forwardRef((_a, ref) => {
+var StepLabel = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadValues({ ref, className: cn("text-lg font-normal text-primary-1200", className) }, props));
 });
 StepLabel.displayName = "StepLabel";
-var StepDescription = React29__namespace.forwardRef((_a, ref) => {
+var StepDescription = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
@@ -4939,7 +5170,7 @@ var StepDescription = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 StepDescription.displayName = "StepDescription";
-var StepContent = React29__namespace.forwardRef((_a, ref) => {
+var StepContent = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, index, children } = _b, props = __objRest(_b, ["className", "index", "children"]);
   const { activeStep } = useStepper();
   if (activeStep !== index) return null;
@@ -4947,7 +5178,7 @@ var StepContent = React29__namespace.forwardRef((_a, ref) => {
 });
 StepContent.displayName = "StepContent";
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React29__namespace.forwardRef((_a, ref) => {
+var TabsList = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
@@ -4961,7 +5192,7 @@ var TabsList = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React29__namespace.forwardRef((_a, ref) => {
+var TabsTrigger = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Trigger,
@@ -4979,7 +5210,7 @@ var TabsTrigger = React29__namespace.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React29__namespace.forwardRef((_a, ref) => {
+var TabsContent = React30__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Content,
@@ -4999,9 +5230,9 @@ function Modal({ open, onClose, children }) {
 }
 var MainNavigationItemComponent = ({ item, isActive, hasActiveSubItem, onNavigate, collapsed = false, currentPath }) => {
   var _a;
-  const [isExpanded, setIsExpanded] = React29__namespace.default.useState(hasActiveSubItem);
+  const [isExpanded, setIsExpanded] = React30__namespace.default.useState(hasActiveSubItem);
   const hasSubItems = item.subItems && item.subItems.length > 0;
-  React29__namespace.default.useEffect(() => {
+  React30__namespace.default.useEffect(() => {
     if (hasActiveSubItem) {
       setIsExpanded(true);
     }
@@ -5107,7 +5338,7 @@ var FooterMenuItemComponent = ({ item, isActive, onNavigate, collapsed = false }
     }
   );
 };
-var Sidebar = React29__namespace.default.forwardRef(
+var Sidebar = React30__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       brand,
@@ -5288,7 +5519,7 @@ var UserProfileComponent = ({ userProfile, onUserMenuClick }) => {
         userProfile.role && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-none text-muted-foreground", children: userProfile.role })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
-      menuOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(React29__namespace.default.Fragment, { children: [
+      menuOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(React30__namespace.default.Fragment, { children: [
         option.separator && index > 0 && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxRuntime.jsx(
           DropdownMenuItem,
@@ -5305,7 +5536,7 @@ var UserProfileComponent = ({ userProfile, onUserMenuClick }) => {
     ] })
   ] });
 };
-var TopNavbar = React29__namespace.default.forwardRef(
+var TopNavbar = React30__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       sidebarCollapsed = false,
@@ -5375,7 +5606,7 @@ function AuthLayout({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minHeight: "100vh", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("main", { children }) });
 }
 function useModal(initialOpen = false) {
-  const [open, setOpen] = React29.useState(initialOpen);
+  const [open, setOpen] = React30.useState(initialOpen);
   function openModal() {
     setOpen(true);
   }
@@ -5419,6 +5650,9 @@ exports.DataTablePagination = DataTablePagination;
 exports.DatePickerSingle = DatePickerSingle;
 exports.DatePickerWithRange = DatePickerWithRange;
 exports.Dropdown = Dropdown;
+exports.FileUpload = FileUpload;
+exports.FileUploadDropzone = FileUploadDropzone;
+exports.FileUploadItem = FileUploadItem;
 exports.Form = Form;
 exports.FormField = FormField;
 exports.FormLabel = FormLabel;