@grupor5/raya 0.2.46 → 0.2.49

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import * as React29 from 'react';
-import React29__default, { createContext, forwardRef, useMemo, useState, useContext } from 'react';
+import * as React30 from 'react';
+import React30__default, { createContext, forwardRef, useMemo, useState, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -22,6 +22,10 @@ import { DayPicker, useDayPicker } from 'react-day-picker';
 import { es } from 'date-fns/locale';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from 'cmdk';
+import { FolderCloudIcon } from '@grupor5/raya-icons/icons/FolderCloudIcon';
+import { DocumentTextIcon } from '@grupor5/raya-icons/icons/DocumentTextIcon';
+import { DocumentDownloadIcon } from '@grupor5/raya-icons/icons/DocumentDownloadIcon';
+import { TrashIcon } from '@grupor5/raya-icons/icons/TrashIcon';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { RightIcon } from '@grupor5/raya-icons/icons/RightIcon';
 import { ArrowLeftIcon } from '@grupor5/raya-icons/icons/ArrowLeftIcon';
@@ -1471,7 +1475,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]"
   }
@@ -1630,7 +1634,7 @@ function getInitials(name) {
   }
   return firstName ? `${firstName.substring(0, 2)}`.toUpperCase() : "N/A";
 }
-var Avatar = React29.forwardRef(
+var Avatar = React30.forwardRef(
   (_a, ref) => {
     var _b = _a, { src, name, className } = _b, props = __objRest(_b, ["src", "name", "className"]);
     return /* @__PURE__ */ jsx(
@@ -1848,8 +1852,8 @@ var Button = forwardRef((_a, ref) => {
     }
     const iconSizeClass = getButtonIconSize(size);
     const renderIcon = (iconNode) => {
-      if (React29__default.isValidElement(iconNode)) {
-        return React29__default.cloneElement(iconNode, {
+      if (React30__default.isValidElement(iconNode)) {
+        return React30__default.cloneElement(iconNode, {
           className: cn(iconSizeClass, iconNode.props.className),
           "aria-hidden": true
         });
@@ -1948,7 +1952,7 @@ var Button = forwardRef((_a, ref) => {
   );
 });
 Button.displayName = "Button";
-var Checkbox = React29.forwardRef((_a, ref) => {
+var Checkbox = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     CheckboxPrimitive.Root,
@@ -1980,10 +1984,10 @@ var Checkbox = React29.forwardRef((_a, ref) => {
   );
 });
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var Input = React29.forwardRef(
+var Input = React30.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.useId()}`;
+    const inputId = id || `input-${React30.useId()}`;
     return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       label && /* @__PURE__ */ jsx(
         "label",
@@ -2027,7 +2031,7 @@ Input.displayName = "Input";
 var labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React29.forwardRef((_a, ref) => {
+var Label = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     LabelPrimitive.Root,
@@ -2088,7 +2092,7 @@ var Logo = forwardRef((_a, ref) => {
   );
 });
 Logo.displayName = "Logo";
-var RadioGroup = React29.forwardRef((_a, ref) => {
+var RadioGroup = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     RadioGroupPrimitive.Root,
@@ -2100,7 +2104,7 @@ var RadioGroup = React29.forwardRef((_a, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React29.forwardRef((_a, ref) => {
+var RadioGroupItem = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     RadioGroupPrimitive.Item,
@@ -2118,7 +2122,7 @@ var RadioGroupItem = React29.forwardRef((_a, ref) => {
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-var Switch = React29.forwardRef((_a, ref) => {
+var Switch = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     SwitchPrimitives.Root,
@@ -2195,7 +2199,7 @@ var closeButtonVariants = cva(
     }
   }
 );
-var Tag = React29__default.forwardRef(
+var Tag = React30__default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, children, showBullet = false, onClose, variant } = _b, props = __objRest(_b, ["className", "children", "showBullet", "onClose", "variant"]);
     return /* @__PURE__ */ jsxs(
@@ -2229,11 +2233,11 @@ var Tag = React29__default.forwardRef(
   }
 );
 Tag.displayName = "Tag";
-var Textarea = React29.forwardRef(
+var Textarea = React30.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.useId()}`;
-    const [charCount, setCharCount] = React29.useState(String(defaultValue || "").length);
+    const textareaId = id || `textarea-${React30.useId()}`;
+    const [charCount, setCharCount] = React30.useState(String(defaultValue || "").length);
     const isControlled = value !== void 0;
     const currentLength = isControlled ? String(value).length : charCount;
     const handleOnChange = (e) => {
@@ -2325,7 +2329,7 @@ var typographyVariants = cva("font-primary", {
     variant: "body-md"
   }
 });
-var Typography = React29.forwardRef(
+var Typography = React30.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, color, as: Component = "p" } = _b, props = __objRest(_b, ["className", "variant", "color", "as"]);
     const variantClass = typographyVariants({ variant });
@@ -2349,7 +2353,7 @@ var levelMapping = {
   5: { as: "h5", variant: "heading-sm" },
   6: { as: "h6", variant: "subheading-lg" }
 };
-var Title = React29.forwardRef(
+var Title = React30.forwardRef(
   (_a, ref) => {
     var _b = _a, { level, variant } = _b, props = __objRest(_b, ["level", "variant"]);
     const { as, variant: defaultVariant } = levelMapping[level];
@@ -2364,7 +2368,7 @@ var Title = React29.forwardRef(
   }
 );
 Title.displayName = "Title";
-var Paragraph = React29.forwardRef(
+var Paragraph = React30.forwardRef(
   (_a, ref) => {
     var _b = _a, { variant = "body-md" } = _b, props = __objRest(_b, ["variant"]);
     return /* @__PURE__ */ jsx(
@@ -2378,7 +2382,7 @@ var Paragraph = React29.forwardRef(
   }
 );
 Paragraph.displayName = "Paragraph";
-var AccordionItemContext = React29.createContext({});
+var AccordionItemContext = React30.createContext({});
 var accordionItemVariants = cva("w-full", {
   variants: {
     variant: {
@@ -2390,9 +2394,9 @@ var accordionItemVariants = cva("w-full", {
     variant: "default"
   }
 });
-var AccordionTrigger = React29.forwardRef((_a, ref) => {
+var AccordionTrigger = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, children, icon } = _b, props = __objRest(_b, ["className", "children", "icon"]);
-  const { variant } = React29.useContext(AccordionItemContext);
+  const { variant } = React30.useContext(AccordionItemContext);
   return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
     AccordionPrimitive.Trigger,
     __spreadProps(__spreadValues({
@@ -2424,7 +2428,7 @@ var AccordionTrigger = React29.forwardRef((_a, ref) => {
   ) });
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React29.forwardRef((_a, ref) => {
+var AccordionContent = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Content,
@@ -2437,7 +2441,7 @@ var AccordionContent = React29.forwardRef((_a, ref) => {
   );
 });
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-var AccordionItem = React29.forwardRef((_a, ref) => {
+var AccordionItem = React30.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__ */ jsx(AccordionItemContext.Provider, { value: { variant: variantValue }, children: /* @__PURE__ */ jsx(
@@ -2451,7 +2455,7 @@ var AccordionItem = React29.forwardRef((_a, ref) => {
   ) });
 });
 AccordionItem.displayName = "AccordionItem";
-var Accordion = React29.forwardRef((_a, ref) => {
+var Accordion = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Root,
@@ -2463,7 +2467,7 @@ var Accordion = React29.forwardRef((_a, ref) => {
 });
 Accordion.displayName = "Accordion";
 var alertVariants = 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: {
@@ -2479,17 +2483,17 @@ var alertVariants = cva(
     }
   }
 );
-var AlertContext = React29.createContext(null);
+var AlertContext = React30.createContext(null);
 var useAlertContext = () => {
-  const context = React29.useContext(AlertContext);
+  const context = React30.useContext(AlertContext);
   if (!context) {
     throw new Error("useAlertContext must be used inside an Alert");
   }
   return context;
 };
-var Alert = React29.forwardRef((_a, ref) => {
+var Alert = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, children, isClosable, actions } = _b, props = __objRest(_b, ["className", "variant", "children", "isClosable", "actions"]);
-  const [isVisible, setIsVisible] = React29.useState(true);
+  const [isVisible, setIsVisible] = React30.useState(true);
   if (!isVisible) {
     return null;
   }
@@ -2518,7 +2522,7 @@ var Alert = React29.forwardRef((_a, ref) => {
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React29.forwardRef((_a, ref) => {
+var AlertTitle = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { variant } = useAlertContext();
   return /* @__PURE__ */ jsx(
@@ -2539,7 +2543,7 @@ var AlertTitle = React29.forwardRef((_a, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React29.forwardRef((_a, ref) => {
+var AlertDescription = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { variant } = useAlertContext();
   return /* @__PURE__ */ jsx(
@@ -2554,7 +2558,7 @@ var AlertDescription = React29.forwardRef((_a, ref) => {
   );
 });
 AlertDescription.displayName = "AlertDescription";
-var Card = React29.forwardRef((_a, ref) => {
+var Card = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "div",
@@ -2568,7 +2572,7 @@ var Card = React29.forwardRef((_a, ref) => {
   );
 });
 Card.displayName = "Card";
-var CardHeader = React29.forwardRef((_a, ref) => {
+var CardHeader = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "div",
@@ -2579,7 +2583,7 @@ var CardHeader = React29.forwardRef((_a, ref) => {
   );
 });
 CardHeader.displayName = "CardHeader";
-var CardTitle = React29.forwardRef((_a, ref) => {
+var CardTitle = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "div",
@@ -2590,7 +2594,7 @@ var CardTitle = React29.forwardRef((_a, ref) => {
   );
 });
 CardTitle.displayName = "CardTitle";
-var CardDescription = React29.forwardRef((_a, ref) => {
+var CardDescription = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "div",
@@ -2601,12 +2605,12 @@ var CardDescription = React29.forwardRef((_a, ref) => {
   );
 });
 CardDescription.displayName = "CardDescription";
-var CardContent = React29.forwardRef((_a, ref) => {
+var CardContent = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
 });
 CardContent.displayName = "CardContent";
-var CardFooter = React29.forwardRef((_a, ref) => {
+var CardFooter = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "div",
@@ -2618,17 +2622,17 @@ var CardFooter = React29.forwardRef((_a, ref) => {
 });
 CardFooter.displayName = "CardFooter";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React29.createContext(null);
+var ChartContext = React30.createContext(null);
 function useChart() {
-  const context = React29.useContext(ChartContext);
+  const context = React30.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React29.forwardRef((_a, ref) => {
+var ChartContainer = React30.forwardRef((_a, ref) => {
   var _b = _a, { id, className, children, config } = _b, props = __objRest(_b, ["id", "className", "children", "config"]);
-  const uniqueId = React29.useId();
+  const uniqueId = React30.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -2675,7 +2679,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React29.forwardRef(
+var ChartTooltipContent = React30.forwardRef(
   ({
     active,
     payload,
@@ -2692,7 +2696,7 @@ var ChartTooltipContent = React29.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React29.useMemo(() => {
+    const tooltipLabel = React30.useMemo(() => {
       var _a;
       if (hideLabel || !(payload == null ? void 0 : payload.length)) {
         return null;
@@ -2789,7 +2793,7 @@ var ChartTooltipContent = React29.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React29.forwardRef(
+var ChartLegendContent = React30.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!(payload == null ? void 0 : payload.length)) {
@@ -2847,7 +2851,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-var ScrollArea = React29.forwardRef((_a, ref) => {
+var ScrollArea = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxs(
     ScrollAreaPrimitive.Root,
@@ -2864,7 +2868,7 @@ var ScrollArea = React29.forwardRef((_a, ref) => {
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React29.forwardRef((_a, ref) => {
+var ScrollBar = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
   return /* @__PURE__ */ jsx(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
@@ -2895,7 +2899,7 @@ var ScrollBar = React29.forwardRef((_a, ref) => {
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-var Table = React29.forwardRef((_a, ref) => {
+var Table = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxs(ScrollArea, { className: "relative w-full", children: [
     /* @__PURE__ */ jsx(
@@ -2909,12 +2913,12 @@ var Table = React29.forwardRef((_a, ref) => {
   ] });
 });
 Table.displayName = "Table";
-var TableHeader = React29.forwardRef((_a, ref) => {
+var TableHeader = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
-var TableBody = React29.forwardRef((_a, ref) => {
+var TableBody = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "tbody",
@@ -2925,7 +2929,7 @@ var TableBody = React29.forwardRef((_a, ref) => {
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React29.forwardRef((_a, ref) => {
+var TableFooter = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "tfoot",
@@ -2939,7 +2943,7 @@ var TableFooter = React29.forwardRef((_a, ref) => {
   );
 });
 TableFooter.displayName = "TableFooter";
-var TableRow = React29.forwardRef((_a, ref) => {
+var TableRow = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "tr",
@@ -2953,7 +2957,7 @@ var TableRow = React29.forwardRef((_a, ref) => {
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React29.forwardRef((_a, ref) => {
+var TableHead = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "th",
@@ -2967,7 +2971,7 @@ var TableHead = React29.forwardRef((_a, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React29.forwardRef((_a, ref) => {
+var TableCell = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "td",
@@ -2981,7 +2985,7 @@ var TableCell = React29.forwardRef((_a, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React29.forwardRef((_a, ref) => {
+var TableCaption = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "caption",
@@ -3041,7 +3045,7 @@ var usePagination = ({
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React29.forwardRef((_a, ref) => {
+var SelectTrigger = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxs(
     SelectPrimitive.Trigger,
@@ -3060,7 +3064,7 @@ var SelectTrigger = React29.forwardRef((_a, ref) => {
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React29.forwardRef((_a, ref) => {
+var SelectScrollUpButton = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     SelectPrimitive.ScrollUpButton,
@@ -3076,7 +3080,7 @@ var SelectScrollUpButton = React29.forwardRef((_a, ref) => {
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React29.forwardRef((_a, ref) => {
+var SelectScrollDownButton = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     SelectPrimitive.ScrollDownButton,
@@ -3092,7 +3096,7 @@ var SelectScrollDownButton = React29.forwardRef((_a, ref) => {
   );
 });
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React29.forwardRef((_a, ref) => {
+var SelectContent = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
   return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     SelectPrimitive.Content,
@@ -3123,7 +3127,7 @@ var SelectContent = React29.forwardRef((_a, ref) => {
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React29.forwardRef((_a, ref) => {
+var SelectLabel = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     SelectPrimitive.Label,
@@ -3134,7 +3138,7 @@ var SelectLabel = React29.forwardRef((_a, ref) => {
   );
 });
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React29.forwardRef((_a, ref) => {
+var SelectItem = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxs(
     SelectPrimitive.Item,
@@ -3153,7 +3157,7 @@ var SelectItem = React29.forwardRef((_a, ref) => {
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React29.forwardRef((_a, ref) => {
+var SelectSeparator = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     SelectPrimitive.Separator,
@@ -3330,12 +3334,12 @@ function DataTable(_a) {
     "stickyLastColumn"
   ]);
   var _a2, _b2;
-  const [sorting, setSorting] = React29.useState([]);
-  const [columnFilters, setColumnFilters] = React29.useState(
+  const [sorting, setSorting] = React30.useState([]);
+  const [columnFilters, setColumnFilters] = React30.useState(
     []
   );
-  const [columnVisibility, setColumnVisibility] = React29.useState({});
-  const [rowSelection, setRowSelection] = React29.useState({});
+  const [columnVisibility, setColumnVisibility] = React30.useState({});
+  const [rowSelection, setRowSelection] = React30.useState({});
   const table = useReactTable({
     data,
     columns: columns2,
@@ -3404,7 +3408,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.createElement(
+            children: ((_a3 = column.columnDef.meta) == null ? void 0 : _a3.skeleton) ? React30.createElement(
               column.columnDef.meta.skeleton
             ) : null
           },
@@ -3828,7 +3832,7 @@ function Calendar(_a) {
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-var DropdownMenuSubTrigger = React29.forwardRef((_a, ref) => {
+var DropdownMenuSubTrigger = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.SubTrigger,
@@ -3848,7 +3852,7 @@ var DropdownMenuSubTrigger = React29.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React29.forwardRef((_a, ref) => {
+var DropdownMenuSubContent = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
@@ -3862,7 +3866,7 @@ var DropdownMenuSubContent = React29.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React29.forwardRef((_a, ref) => {
+var DropdownMenuContent = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
   return /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
@@ -3878,7 +3882,7 @@ var DropdownMenuContent = React29.forwardRef((_a, ref) => {
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React29.forwardRef((_a, ref) => {
+var DropdownMenuItem = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
@@ -3893,7 +3897,7 @@ var DropdownMenuItem = React29.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React29.forwardRef((_a, ref) => {
+var DropdownMenuCheckboxItem = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.CheckboxItem,
@@ -3913,7 +3917,7 @@ var DropdownMenuCheckboxItem = React29.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React29.forwardRef((_a, ref) => {
+var DropdownMenuRadioItem = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.RadioItem,
@@ -3932,7 +3936,7 @@ var DropdownMenuRadioItem = React29.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React29.forwardRef((_a, ref) => {
+var DropdownMenuLabel = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Label,
@@ -3947,7 +3951,7 @@ var DropdownMenuLabel = React29.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React29.forwardRef((_a, ref) => {
+var DropdownMenuSeparator = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Separator,
@@ -3964,10 +3968,10 @@ function DatePickerWithRange({
   onDateChange,
   label
 }) {
-  const [month, setMonth] = React29.useState((date == null ? void 0 : date.from) || /* @__PURE__ */ new Date());
-  const [open, setOpen] = React29.useState(false);
-  const [inputValue, setInputValue] = React29.useState("");
-  React29.useEffect(() => {
+  const [month, setMonth] = React30.useState((date == null ? void 0 : date.from) || /* @__PURE__ */ new Date());
+  const [open, setOpen] = React30.useState(false);
+  const [inputValue, setInputValue] = React30.useState("");
+  React30.useEffect(() => {
     if (date == null ? void 0 : date.from) {
       if (date.to) {
         setInputValue(
@@ -4021,7 +4025,7 @@ function DatePickerWithRange({
     onDateChange(range2);
     setMonth(range2.from || /* @__PURE__ */ new Date());
   };
-  const isCustomDate = React29.useMemo(() => {
+  const isCustomDate = React30.useMemo(() => {
     if (!date || !date.from) return false;
     return !presets2.some(
       (p) => isEqual(p.range.from, date.from || /* @__PURE__ */ new Date(0)) && isEqual(p.range.to || /* @__PURE__ */ new Date(0), date.to || /* @__PURE__ */ new Date(0))
@@ -4106,10 +4110,10 @@ function DatePickerSingle({
   placeholder = "dd/mm/aa",
   error
 }) {
-  const [month, setMonth] = React29.useState(date || /* @__PURE__ */ new Date());
-  const [open, setOpen] = React29.useState(false);
-  const [inputValue, setInputValue] = React29.useState("");
-  React29.useEffect(() => {
+  const [month, setMonth] = React30.useState(date || /* @__PURE__ */ new Date());
+  const [open, setOpen] = React30.useState(false);
+  const [inputValue, setInputValue] = React30.useState("");
+  React30.useEffect(() => {
     setInputValue(date ? format(date, "dd/MM/yyyy") : "");
   }, [date]);
   const handleInputChange = (e) => {
@@ -4176,7 +4180,7 @@ function DatePickerSingle({
   ] });
 }
 var defaultIncludesFilter = (value, search) => value.toLowerCase().includes(search.toLowerCase()) ? 1 : 0;
-var Dropdown = React29.forwardRef(
+var Dropdown = React30.forwardRef(
   ({
     label,
     options,
@@ -4190,10 +4194,10 @@ var Dropdown = React29.forwardRef(
     required,
     filter
   }, ref) => {
-    const [open, setOpen] = React29.useState(false);
-    const [inputValue, setInputValue] = React29.useState("");
-    const inputId = name || `dropdown-${React29.useId()}`;
-    const popoverRef = React29.useRef(null);
+    const [open, setOpen] = React30.useState(false);
+    const [inputValue, setInputValue] = React30.useState("");
+    const inputId = name || `dropdown-${React30.useId()}`;
+    const popoverRef = React30.useRef(null);
     const handleSelect = (currentValue) => {
       if (onChange) {
         onChange(currentValue);
@@ -4202,11 +4206,11 @@ var Dropdown = React29.forwardRef(
       setInputValue(selectedOption ? selectedOption.label : "");
       setOpen(false);
     };
-    React29.useEffect(() => {
+    React30.useEffect(() => {
       const selectedOption = options.find((o) => o.value === value);
       setInputValue(selectedOption ? selectedOption.label : "");
     }, [value, options]);
-    React29.useEffect(() => {
+    React30.useEffect(() => {
       const handleClickOutside = (event) => {
         if (popoverRef.current && !popoverRef.current.contains(event.target)) {
           setOpen(false);
@@ -4320,7 +4324,320 @@ var Dropdown = React29.forwardRef(
   }
 );
 Dropdown.displayName = "Dropdown";
-var Form = React29.forwardRef(
+var progressBarContainerVariants = 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 = 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 = cva(
+  "h-full rounded-full bg-progress-bar-indicator transition-all duration-300 ease-in-out",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var ProgressBar = React30__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__ */ jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(progressBarContainerVariants({ size }), className)
+      }, props), {
+        children: [
+          (label || showPercentage) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center mb-1",
+                label ? "justify-between" : "justify-end"
+              ),
+              children: [
+                label && /* @__PURE__ */ jsx(Label, { className: "text-progress-bar-label font-normal", children: label }),
+                showPercentage && /* @__PURE__ */ jsxs("span", { className: "text-progress-bar-label font-normal", children: [
+                  Math.round(progress),
+                  "%"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: cn(progressBarTrackVariants({ size })), children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(progressBarIndicatorVariants()),
+              style: { width: `${progress}%` }
+            }
+          ) })
+        ]
+      })
+    );
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+var FileUploadDropzone = React30.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.useRef(null);
+    const handleChange = (e) => {
+      const files = e.target.files;
+      if (files && files.length > 0) {
+        onSelect(Array.from(files));
+      }
+      e.target.value = "";
+    };
+    return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(FolderCloudIcon, { className: "h-6 w-6 text-primary-600", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("p", { className: "text-base text-primary-1200", children: "A\xF1adir archivos" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-1200", children: subtitle })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "primary",
+              size: "lg",
+              className: "w-full",
+              disabled,
+              iconLeft: /* @__PURE__ */ jsx(DocumentDownloadIcon, {}),
+              onClick: () => {
+                var _a2;
+                return (_a2 = inputRef.current) == null ? void 0 : _a2.click();
+              },
+              children: buttonLabel
+            }
+          ),
+          /* @__PURE__ */ 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.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__ */ 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__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-6", children: [
+            /* @__PURE__ */ 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__ */ jsx(
+                  DocumentTextIcon,
+                  {
+                    className: cn(
+                      "h-5 w-5",
+                      status === "uploaded" ? "text-secondary-900" : status === "error" ? "text-red-600" : "text-primary-600"
+                    ),
+                    "aria-hidden": "true"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: status === "uploading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ProgressBar, { value: progress, label: name, showPercentage: true, size: "sm" }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-600", children: formatFileSize(size) })
+            ] }) : status === "error" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-primary-1200", children: name }),
+              errorMessage && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-red-600", children: [
+                /* @__PURE__ */ jsx("span", { children: "Ops!" }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "h-1 w-1 shrink-0 rounded-full bg-red-600",
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: errorMessage })
+              ] })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-primary-1200", children: name }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-600", children: formatFileSize(size) })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "icon",
+              size: "md",
+              icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+              onClick: onDelete,
+              "aria-label": "Eliminar archivo"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+FileUploadItem.displayName = "FileUploadItem";
+var FileUpload = React30.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__ */ jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn("flex flex-col gap-4", className)
+      }, props), {
+        children: [
+          recommendations && recommendations.length > 0 && /* @__PURE__ */ jsx(Alert, { variant: "neutral", className: "py-4", children: /* @__PURE__ */ jsx(AlertDescription, { children: recommendations.map((text, i) => /* @__PURE__ */ jsxs("span", { children: [
+            text,
+            i < recommendations.length - 1 && /* @__PURE__ */ jsx("br", {})
+          ] }, i)) }) }),
+          showDropzone && /* @__PURE__ */ jsx(
+            FileUploadDropzone,
+            {
+              onSelect,
+              accept,
+              subtitle,
+              disabled
+            }
+          ),
+          files.map((file) => /* @__PURE__ */ 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.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ jsx(
@@ -4333,7 +4650,7 @@ var Form = React29.forwardRef(
   }
 );
 Form.displayName = "Form";
-var FormField = React29.forwardRef(
+var FormField = React30.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, error } = _b, props = __objRest(_b, ["className", "error"]);
     return /* @__PURE__ */ jsx(
@@ -4351,7 +4668,7 @@ var FormField = React29.forwardRef(
   }
 );
 FormField.displayName = "FormField";
-var FormLabel = React29.forwardRef(
+var FormLabel = React30.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, required, children } = _b, props = __objRest(_b, ["className", "required", "children"]);
     return /* @__PURE__ */ jsxs(
@@ -4372,7 +4689,7 @@ var FormLabel = React29.forwardRef(
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormMessage = React29.forwardRef(
+var FormMessage = React30.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type = "helper" } = _b, props = __objRest(_b, ["className", "type"]);
     return /* @__PURE__ */ jsx(
@@ -4513,7 +4830,7 @@ var getColPositionClasses = (colStart, colEnd) => {
   }
   return classes.join(" ");
 };
-var Grid = React29__default.forwardRef(
+var Grid = React30__default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       container = true,
@@ -4569,7 +4886,7 @@ var Grid = React29__default.forwardRef(
   }
 );
 Grid.displayName = "Grid";
-var GridItem = React29__default.forwardRef(
+var GridItem = React30__default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       span,
@@ -4611,101 +4928,15 @@ var GridItem = React29__default.forwardRef(
   }
 );
 GridItem.displayName = "GridItem";
-var progressBarContainerVariants = 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 = 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 = cva(
-  "h-full rounded-full bg-progress-bar-indicator transition-all duration-300 ease-in-out",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-);
-var ProgressBar = React29__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__ */ jsxs(
-      "div",
-      __spreadProps(__spreadValues({
-        ref,
-        className: cn(progressBarContainerVariants({ size }), className)
-      }, props), {
-        children: [
-          (label || showPercentage) && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex items-center mb-1",
-                label ? "justify-between" : "justify-end"
-              ),
-              children: [
-                label && /* @__PURE__ */ jsx(Label, { className: "text-progress-bar-label font-normal", children: label }),
-                showPercentage && /* @__PURE__ */ jsxs("span", { className: "text-progress-bar-label font-normal", children: [
-                  Math.round(progress),
-                  "%"
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: cn(progressBarTrackVariants({ size })), children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(progressBarIndicatorVariants()),
-              style: { width: `${progress}%` }
-            }
-          ) })
-        ]
-      })
-    );
-  }
-);
-ProgressBar.displayName = "ProgressBar";
-var StepperContext = React29.createContext(null);
+var StepperContext = React30.createContext(null);
 var useStepper = () => {
-  const context = React29.useContext(StepperContext);
+  const context = React30.useContext(StepperContext);
   if (!context) {
     throw new Error("useStepper must be used within a Stepper component");
   }
   return context;
 };
-var Stepper = React29.forwardRef(
+var Stepper = React30.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -4721,8 +4952,8 @@ var Stepper = React29.forwardRef(
       "onStepChange"
     ]);
     var _a2;
-    const [activeStep, setActiveStep] = React29.useState(initialStep);
-    React29.useImperativeHandle(ref, () => ({
+    const [activeStep, setActiveStep] = React30.useState(initialStep);
+    React30.useImperativeHandle(ref, () => ({
       goToNextStep: () => {
         setActiveStep((prev) => {
           const nextStep = prev < steps.length - 1 ? prev + 1 : prev;
@@ -4739,14 +4970,14 @@ var Stepper = React29.forwardRef(
       },
       activeStep
     }));
-    const stepStatuses = React29.useMemo(() => {
+    const stepStatuses = React30.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.useMemo(
+    const contextValue = React30.useMemo(
       () => ({
         activeStep,
         orientation,
@@ -4808,7 +5039,7 @@ var connectorVariants = cva("", {
     status: "upcoming"
   }
 });
-var Step = React29.forwardRef(({ className, children, index }, ref) => {
+var Step = React30.forwardRef(({ className, children, index }, ref) => {
   const { steps, stepCount, orientation } = useStepper();
   const status = steps[index].status;
   const isFirst = index === 0;
@@ -4892,12 +5123,12 @@ var Step = React29.forwardRef(({ className, children, index }, ref) => {
   ] });
 });
 Step.displayName = "Step";
-var StepLabel = React29.forwardRef((_a, ref) => {
+var StepLabel = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx("p", __spreadValues({ ref, className: cn("text-lg font-normal text-primary-1200", className) }, props));
 });
 StepLabel.displayName = "StepLabel";
-var StepDescription = React29.forwardRef((_a, ref) => {
+var StepDescription = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "p",
@@ -4908,7 +5139,7 @@ var StepDescription = React29.forwardRef((_a, ref) => {
   );
 });
 StepDescription.displayName = "StepDescription";
-var StepContent = React29.forwardRef((_a, ref) => {
+var StepContent = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, index, children } = _b, props = __objRest(_b, ["className", "index", "children"]);
   const { activeStep } = useStepper();
   if (activeStep !== index) return null;
@@ -4916,7 +5147,7 @@ var StepContent = React29.forwardRef((_a, ref) => {
 });
 StepContent.displayName = "StepContent";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React29.forwardRef((_a, ref) => {
+var TabsList = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
@@ -4930,7 +5161,7 @@ var TabsList = React29.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React29.forwardRef((_a, ref) => {
+var TabsTrigger = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Trigger,
@@ -4948,7 +5179,7 @@ var TabsTrigger = React29.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React29.forwardRef((_a, ref) => {
+var TabsContent = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Content,
@@ -4968,9 +5199,9 @@ function Modal({ open, onClose, children }) {
 }
 var MainNavigationItemComponent = ({ item, isActive, hasActiveSubItem, onNavigate, collapsed = false, currentPath }) => {
   var _a;
-  const [isExpanded, setIsExpanded] = React29__default.useState(hasActiveSubItem);
+  const [isExpanded, setIsExpanded] = React30__default.useState(hasActiveSubItem);
   const hasSubItems = item.subItems && item.subItems.length > 0;
-  React29__default.useEffect(() => {
+  React30__default.useEffect(() => {
     if (hasActiveSubItem) {
       setIsExpanded(true);
     }
@@ -5076,7 +5307,7 @@ var FooterMenuItemComponent = ({ item, isActive, onNavigate, collapsed = false }
     }
   );
 };
-var Sidebar = React29__default.forwardRef(
+var Sidebar = React30__default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       brand,
@@ -5257,7 +5488,7 @@ var UserProfileComponent = ({ userProfile, onUserMenuClick }) => {
         userProfile.role && /* @__PURE__ */ jsx("p", { className: "text-xs leading-none text-muted-foreground", children: userProfile.role })
       ] }) }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      menuOptions.map((option, index) => /* @__PURE__ */ jsxs(React29__default.Fragment, { children: [
+      menuOptions.map((option, index) => /* @__PURE__ */ jsxs(React30__default.Fragment, { children: [
         option.separator && index > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsx(
           DropdownMenuItem,
@@ -5274,7 +5505,7 @@ var UserProfileComponent = ({ userProfile, onUserMenuClick }) => {
     ] })
   ] });
 };
-var TopNavbar = React29__default.forwardRef(
+var TopNavbar = React30__default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       sidebarCollapsed = false,
@@ -5354,4 +5585,4 @@ function useModal(initialOpen = false) {
   return { open, openModal, closeModal };
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionsCell, ActionsCellSkeleton, Alert, AlertDescription, AlertTitle, AuthLayout, Avatar, AvatarSkeleton, Badge, BadgeCell, BadgeCellSkeleton, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, DataTable, DataTablePagination, DatePickerSingle, DatePickerWithRange, Dropdown, Form, FormField, FormLabel, FormMessage, Grid, GridItem, Input, Label, Logo, Modal, Pagination, Paragraph, ProgressBar, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, Step, StepContent, StepDescription, StepLabel, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextCell, TextCellSkeleton, Textarea, ThemeProvider, Title, TopNavbar, Typography, UserCell, UserCellSkeleton, badgeTokens, badgeVariants, breakpoints, buttonAnimations, buttonBaseClasses, buttonColors, buttonIconClasses, buttonLoadingClasses, buttonSizeClasses, buttonSizes, buttonStates, buttonTheme, buttonTokens, buttonVariantClasses, buttonVariants, classNames, cn, colors, columnSpans, columns, componentEffects, componentGrids, componentStrokes, containerSizes, createStroke, defaultButtonConfig, defaultIconConfig, dropShadows, effectColors, effectStyles, effectTransitions, effects, effectsDark, flexboxGrid, fontFamily, fontSize, fontWeight, generateEffectsCSS, generateSpacingCSS, generateStrokesCSS, generateTypographyCSS, getButtonIconSize, getButtonSizeClasses, getButtonVariantClasses, getEffect, getEffectDark, getSpacing, getSpacingPx, getStroke, getStrokeColor, gridCalculations, gridContainer, gridGaps, gridSpecs, gridUtils, iconAnimations, iconCategories, iconColors, iconSizeClasses, iconSizes, iconStates, iconTheme, iconTokens, iconVariants, layoutPatterns, letterSpacing, lineHeight, loadingSpinnerSVG, presets, progressBarTokens, responsiveGrid, responsiveStrokes, spacing, spacingPx, spacingStyles, stroke, strokeColors, strokeDirections, strokeStyles, strokeTransitions, tab, tagTokens, tailwindEffects, tailwindSpacing, tailwindStrokes, typography, typographyVariants, typographyVars, useModal, useStepper, useTheme };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionsCell, ActionsCellSkeleton, Alert, AlertDescription, AlertTitle, AuthLayout, Avatar, AvatarSkeleton, Badge, BadgeCell, BadgeCellSkeleton, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, DataTable, DataTablePagination, DatePickerSingle, DatePickerWithRange, Dropdown, FileUpload, FileUploadDropzone, FileUploadItem, Form, FormField, FormLabel, FormMessage, Grid, GridItem, Input, Label, Logo, Modal, Pagination, Paragraph, ProgressBar, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, Step, StepContent, StepDescription, StepLabel, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextCell, TextCellSkeleton, Textarea, ThemeProvider, Title, TopNavbar, Typography, UserCell, UserCellSkeleton, badgeTokens, badgeVariants, breakpoints, buttonAnimations, buttonBaseClasses, buttonColors, buttonIconClasses, buttonLoadingClasses, buttonSizeClasses, buttonSizes, buttonStates, buttonTheme, buttonTokens, buttonVariantClasses, buttonVariants, classNames, cn, colors, columnSpans, columns, componentEffects, componentGrids, componentStrokes, containerSizes, createStroke, defaultButtonConfig, defaultIconConfig, dropShadows, effectColors, effectStyles, effectTransitions, effects, effectsDark, flexboxGrid, fontFamily, fontSize, fontWeight, generateEffectsCSS, generateSpacingCSS, generateStrokesCSS, generateTypographyCSS, getButtonIconSize, getButtonSizeClasses, getButtonVariantClasses, getEffect, getEffectDark, getSpacing, getSpacingPx, getStroke, getStrokeColor, gridCalculations, gridContainer, gridGaps, gridSpecs, gridUtils, iconAnimations, iconCategories, iconColors, iconSizeClasses, iconSizes, iconStates, iconTheme, iconTokens, iconVariants, layoutPatterns, letterSpacing, lineHeight, loadingSpinnerSVG, presets, progressBarTokens, responsiveGrid, responsiveStrokes, spacing, spacingPx, spacingStyles, stroke, strokeColors, strokeDirections, strokeStyles, strokeTransitions, tab, tagTokens, tailwindEffects, tailwindSpacing, tailwindStrokes, typography, typographyVariants, typographyVars, useModal, useStepper, useTheme };