@ikatec/nebula-react 1.3.3-beta.1 → 1.4.0-beta.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import * as React8 from 'react';
-import React8__default, { createContext, forwardRef, useMemo, useState, useEffect, useCallback, useContext, useRef, useId } from 'react';
+import * as React35 from 'react';
+import React35__default, { createContext, forwardRef, useMemo, useState, useEffect, useCallback, useContext, useRef, useId } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { extendTailwindMerge } from 'tailwind-merge';
@@ -7,7 +7,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { ChevronRight, Check, Circle, CircleX, Eye, EyeOff, X, Minus, ClockIcon, ChevronsLeft, ChevronLeft, ChevronsRight, MoreHorizontal, ChevronDown, ChevronLeftIcon, ChevronDownIcon, ChevronRightIcon, CalendarIcon, ImageUpIcon, XIcon, MinusIcon, PlusIcon, UserIcon, LoaderCircleIcon, CheckIcon, PhoneIcon, FileTextIcon, FileAudioIcon, FileVideoIcon, Info, CircleCheckBig } from 'lucide-react';
+import { ChevronRight, Check, Circle, CircleX, Eye, EyeOff, X, Minus, ClockIcon, ChevronsLeft, ChevronLeft, ChevronsRight, MoreHorizontal, ChevronDown, ChevronLeftIcon, ChevronDownIcon, ChevronRightIcon, CalendarIcon, ImageUpIcon, XIcon, MinusIcon, PlusIcon, UserIcon, LoaderCircleIcon, CheckIcon, PhoneIcon, FileTextIcon, FileAudioIcon, FileVideoIcon, Info, CircleCheckBig, InfoIcon, TriangleAlertIcon, CircleCheckBigIcon } from 'lucide-react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import Select, { components } from 'react-select';
 import Creatable from 'react-select/creatable';
@@ -29,6 +29,10 @@ import { ptBR, enUS, es } from 'react-day-picker/locale';
 import { useMask } from '@react-input/mask';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { defaultDropAnimationSideEffects, MeasuringStrategy, useSensors, useSensor, PointerSensor, TouchSensor, KeyboardSensor, DndContext, DragOverlay, useDroppable } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy, useSortable, defaultAnimateLayoutChanges, sortableKeyboardCoordinates, arrayMove, horizontalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { useVirtualizer } from '@tanstack/react-virtual';
 
 // src/button.tsx
 
@@ -74,11 +78,11 @@ function cn(...inputs) {
   return customTwMerge(nebulaClass, clsx(inputs));
 }
 var processChildren = (children) => {
-  return React8__default.Children.map(children, (child) => {
+  return React35__default.Children.map(children, (child) => {
     if (typeof child === "string") {
       return /* @__PURE__ */ jsx("span", { className: "nebula-ds px-2", children: child });
     }
-    if (React8__default.isValidElement(child) && child.type === React8__default.Fragment) {
+    if (React35__default.isValidElement(child) && child.type === React35__default.Fragment) {
       return processChildren(child.props.children);
     }
     return child;
@@ -170,7 +174,7 @@ var buttonVariantsConfig = cva(
     }
   }
 );
-var Button = React8.forwardRef(
+var Button = React35.forwardRef(
   ({
     className,
     variant: variant3,
@@ -235,7 +239,7 @@ var badgeVariantsConfig = cva(
     }
   }
 );
-var Badge = React8.forwardRef(
+var Badge = React35.forwardRef(
   ({ className, variant: variant3, size: size4, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -319,7 +323,7 @@ var alertVariantsConfig = cva(
   }
 );
 var alertVariants = extractVariants(variants);
-var Alert = React8.forwardRef(
+var Alert = React35.forwardRef(
   ({ className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -331,7 +335,7 @@ var Alert = React8.forwardRef(
   )
 );
 Alert.displayName = "Alert";
-var AlertTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
     ref,
@@ -340,7 +344,7 @@ var AlertTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -349,7 +353,7 @@ var AlertDescription = React8.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDescription.displayName = "AlertDescription";
-var AlertButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertButton = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "button",
   {
     ref,
@@ -360,9 +364,9 @@ var AlertButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
 AlertButton.displayName = "AlertButton";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React8.forwardRef(
+var PopoverContent = React35.forwardRef(
   ({ className, align = "center", sideOffset = 4, portal = false, ...props }, ref) => {
-    const Comp = portal ? PopoverPrimitive.Portal : React8.Fragment;
+    const Comp = portal ? PopoverPrimitive.Portal : React35.Fragment;
     return /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsx(
       PopoverPrimitive.Content,
       {
@@ -390,7 +394,7 @@ var PopoverContent = React8.forwardRef(
   }
 );
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Label = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Label = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   LabelPrimitive.Root,
   {
     ref,
@@ -402,7 +406,7 @@ var Label = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
-var Table = React8.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
+var Table = React35.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
   if (noCardWrapper) {
     return /* @__PURE__ */ jsx(
       "table",
@@ -423,9 +427,9 @@ var Table = React8.forwardRef(({ className, noCardWrapper = false, ...props }, r
   ) });
 });
 Table.displayName = "Table";
-var TableHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -434,7 +438,7 @@ var TableBody = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -465,7 +469,7 @@ var tableRowVariantsConfig = cva(
     }
   }
 );
-var TableRow = React8.forwardRef(
+var TableRow = React35.forwardRef(
   ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
@@ -476,7 +480,7 @@ var TableRow = React8.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -488,7 +492,7 @@ var TableHead = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -500,14 +504,14 @@ var TableCell = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm", className), ...props }));
+var TableCaption = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm", className), ...props }));
 TableCaption.displayName = "TableCaption";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React35.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -539,8 +543,8 @@ var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ..
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React8.forwardRef(({ className, portal = false, ...props }, ref) => {
-  const Comp = portal ? DropdownMenuPrimitive.Portal : React8.Fragment;
+var DropdownMenuSubContent = React35.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive.Portal : React35.Fragment;
   return /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
     {
@@ -565,8 +569,8 @@ var DropdownMenuSubContent = React8.forwardRef(({ className, portal = false, ...
   ) });
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
-  const Comp = portal ? DropdownMenuPrimitive.Portal : React8.Fragment;
+var DropdownMenuContent = React35.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive.Portal : React35.Fragment;
   return /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     {
@@ -594,7 +598,7 @@ var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, portal
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -627,7 +631,7 @@ var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React35.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -665,7 +669,7 @@ var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -701,7 +705,7 @@ var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -721,7 +725,7 @@ var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -771,7 +775,7 @@ var separatorVariantsConfig = cva("shrink-0 bg-separator-border-default", {
   }
 });
 var separatorVariants = extractVariants(variants3);
-var Separator2 = React8.forwardRef(
+var Separator2 = React35.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       SeparatorPrimitive.Root,
@@ -820,7 +824,7 @@ var spaceVariantsConfig = cva("flex items-start justify-start", {
     direction: "row"
   }
 });
-var Space = React8__default.forwardRef(
+var Space = React35__default.forwardRef(
   ({ size: size4, direction: direction2, className, children }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -1765,9 +1769,9 @@ var setNebulaLanguage = (language) => {
 var messages19 = /* @__PURE__ */ new Map([
   [null, enMessages],
   [void 0, enMessages],
-  ["en-US", enMessages],
-  ["es", esMessages],
-  ["pt-BR", ptBrMessages]
+  ["en-US" /* EN_US */, enMessages],
+  ["es" /* ES */, esMessages],
+  ["pt-BR" /* PT_BR */, ptBrMessages]
 ]);
 var NebulaI18nContext = createContext(
   null
@@ -1781,13 +1785,13 @@ var NebulaI18nProvider = ({
     [customI18nStorageKey]
   );
   const [messages20, setMessages] = useState(
-    messages19.get(getNebulaLanguage()) ?? messages19.get("en-US")
+    messages19.get(getNebulaLanguage()) ?? messages19.get("en-US" /* EN_US */)
   );
   const handleStorageChange = useCallback(
     ({ detail }) => {
       if (detail.key === storageKey) {
         setMessages(
-          messages19.get(detail.value) ?? messages19.get("en-US")
+          messages19.get(detail.value) ?? messages19.get("en-US" /* EN_US */)
         );
       }
     },
@@ -2072,7 +2076,7 @@ var tagVariantsConfig = cva("w-2 h-2 block rounded-sm", {
     color
   }
 });
-var Tag = React8.forwardRef(
+var Tag = React35.forwardRef(
   ({ className, color: color2, children, onDelete, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -2227,12 +2231,12 @@ var StyledAsyncCreatable = createStyledSelect(
   AsyncCreatable,
   "AsyncCreatable"
 );
-var InputText = React8.forwardRef(
+var InputText = React35.forwardRef(
   ({ className, isError = false, onClean, disabled, suffix, ...props }, ref) => {
     const icon = "icon" in props ? props.icon : null;
     const iconPlacement = "iconPlacement" in props || props.type !== "password" ? props.iconPlacement || "start" : null;
     const initialInputType = props.type || "text";
-    const [type, setType] = React8.useState(initialInputType);
+    const [type, setType] = React35.useState(initialInputType);
     const iconClass = {
       "text-inputText-icon-danger": isError,
       "text-inputText-icon-default focus:text-inputText-icon-focus": !isError && !props.value,
@@ -2340,7 +2344,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2359,9 +2363,9 @@ var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React8.forwardRef(
+var DialogContent = React35.forwardRef(
   ({ className, children, portal = false, showClose = true, ...props }, ref) => {
-    const Comp = portal ? DialogPortal : React8.Fragment;
+    const Comp = portal ? DialogPortal : React35.Fragment;
     return /* @__PURE__ */ jsxs(Comp, { children: [
       /* @__PURE__ */ jsx(DialogOverlay, {}),
       /* @__PURE__ */ jsxs(
@@ -2440,7 +2444,7 @@ var DialogFooter = ({
   ...props
 }) => /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -2452,7 +2456,7 @@ var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -2464,7 +2468,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -2476,8 +2480,8 @@ var AlertDialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React8.forwardRef(({ className, portal = false, ...props }, ref) => {
-  const Comp = portal ? AlertDialogPortal : React8.Fragment;
+var AlertDialogContent = React35.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? AlertDialogPortal : React35.Fragment;
   return /* @__PURE__ */ jsxs(Comp, { children: [
     /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsx(
@@ -2513,7 +2517,7 @@ var AlertDialogFooter = ({
   ...props
 }) => /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -2525,7 +2529,7 @@ var AlertDialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -2534,7 +2538,7 @@ var AlertDialogDescription = React8.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React8.forwardRef(({ children, className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React35.forwardRef(({ children, className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -2544,7 +2548,7 @@ var AlertDialogAction = React8.forwardRef(({ children, className, variant: varia
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React8.forwardRef(({ children, className, variant: variant3 = "secondary", ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React35.forwardRef(({ children, className, variant: variant3 = "secondary", ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -2554,7 +2558,7 @@ var AlertDialogCancel = React8.forwardRef(({ children, className, variant: varia
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -2609,7 +2613,7 @@ var Drawer = DialogPrimitive.Root;
 var DrawerTrigger = DialogPrimitive.Trigger;
 var DrawerClose = DialogPrimitive.Close;
 var DrawerPortal = DialogPrimitive.Portal;
-var DrawerOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     className: cn(
@@ -2634,8 +2638,8 @@ var DrawerVariants = cva("fixed flex flex-col z-50 shadow-lg", {
     side: "right"
   }
 });
-var DrawerContent = React8.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
-  const Comp = portal ? DrawerPortal : React8.Fragment;
+var DrawerContent = React35.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
+  const Comp = portal ? DrawerPortal : React35.Fragment;
   return /* @__PURE__ */ jsxs(Comp, { children: [
     /* @__PURE__ */ jsx(DrawerOverlay, {}),
     /* @__PURE__ */ jsx(
@@ -2701,7 +2705,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -2713,7 +2717,7 @@ var DrawerTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DrawerTitle.displayName = DialogPrimitive.Title.displayName;
-var DrawerDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -2722,9 +2726,9 @@ var DrawerDescription = React8.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 DrawerDescription.displayName = DialogPrimitive.Description.displayName;
-var Breadcrumb = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React35.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbList = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ol",
   {
     ref,
@@ -2736,7 +2740,7 @@ var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -2748,7 +2752,7 @@ var BreadcrumbItem = React8.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React8.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React35.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2763,7 +2767,7 @@ var BreadcrumbLink = React8.forwardRef(({ asChild, className, ...props }, ref) =
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbPage = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "span",
   {
     ref,
@@ -2810,7 +2814,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-var Switch = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -2869,7 +2873,7 @@ var Switch = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Switch.displayName = SwitchPrimitives.Root.displayName;
-var Tooltip = React8.forwardRef(
+var Tooltip = React35.forwardRef(
   ({
     children,
     content: content2,
@@ -2880,7 +2884,7 @@ var Tooltip = React8.forwardRef(
     className,
     ...props
   }, ref) => {
-    const Comp = portal ? TooltipPrimitive.Portal : React8.Fragment;
+    const Comp = portal ? TooltipPrimitive.Portal : React35.Fragment;
     return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { children: [
       /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { type: "button", children }),
       /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsxs(
@@ -3027,11 +3031,11 @@ AccordionContent.displayName = "AccordionContent";
 AccordionTrigger.displayName = "AccordionTrigger";
 AccordionTitle.displayName = "AccordionTitle";
 AccordionDescription.displayName = "AccordionDescription";
-var TabsContext = React8.createContext({});
-var Tabs = React8.forwardRef(({ isFitted, children, ...props }, ref) => /* @__PURE__ */ jsx(TabsContext.Provider, { value: { isFitted }, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props, children }) }));
+var TabsContext = React35.createContext({});
+var Tabs = React35.forwardRef(({ isFitted, children, ...props }, ref) => /* @__PURE__ */ jsx(TabsContext.Provider, { value: { isFitted }, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props, children }) }));
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React8.forwardRef(({ className, ...props }, ref) => {
-  const { isFitted } = React8.useContext(TabsContext);
+var TabsList = React35.forwardRef(({ className, ...props }, ref) => {
+  const { isFitted } = React35.useContext(TabsContext);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
@@ -3052,8 +3056,8 @@ var TabsList = React8.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React8.forwardRef(({ className, ...props }, ref) => {
-  const { isFitted } = React8.useContext(TabsContext);
+var TabsTrigger = React35.forwardRef(({ className, ...props }, ref) => {
+  const { isFitted } = React35.useContext(TabsContext);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Trigger,
     {
@@ -3092,7 +3096,7 @@ var TabsTrigger = React8.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -3156,7 +3160,7 @@ function ToastComponent({
   options,
   t
 }) {
-  const CustomIcon = React8__default.isValidElement(options?.icon) ? React8__default.cloneElement(options.icon, {
+  const CustomIcon = React35__default.isValidElement(options?.icon) ? React35__default.cloneElement(options.icon, {
     className: cn("text-toast-icon-default", options.icon.props.className),
     size: 20
   }) : null;
@@ -3282,15 +3286,15 @@ var toast = {
   custom,
   promise
 };
-var ActionBar = React8.forwardRef(({ ...props }) => /* @__PURE__ */ jsx(DialogPrimitive.Root, { modal: false, ...props }));
+var ActionBar = React35.forwardRef(({ ...props }) => /* @__PURE__ */ jsx(DialogPrimitive.Root, { modal: false, ...props }));
 ActionBar.displayName = "ActionBar";
-var ActionBarTrigger = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ref, ...props }));
+var ActionBarTrigger = React35.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ref, ...props }));
 ActionBarTrigger.displayName = "ActionBarTrigger";
 var ActionBarPortal = (props) => /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...props });
 ActionBarPortal.displayName = "ActionBarPortal";
-var ActionBarClose = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Close, { ref, ...props }));
+var ActionBarClose = React35.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Close, { ref, ...props }));
 ActionBarClose.displayName = "ActionBarClose";
-var ActionBarButton = React8.forwardRef(
+var ActionBarButton = React35.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       Button,
@@ -3305,7 +3309,7 @@ var ActionBarButton = React8.forwardRef(
   }
 );
 ActionBarButton.displayName = "ActionBarButton";
-var ActionBarDivider = React8.forwardRef(({ className, ...props }, ref) => {
+var ActionBarDivider = React35.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Separator2,
     {
@@ -3317,8 +3321,8 @@ var ActionBarDivider = React8.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ActionBarDivider.displayName = "ActionBarDivider";
-var ActionBarContent = React8.forwardRef(({ className, children, portal = false, ...props }, ref) => {
-  const Comp = portal ? ActionBarPortal : React8.Fragment;
+var ActionBarContent = React35.forwardRef(({ className, children, portal = false, ...props }, ref) => {
+  const Comp = portal ? ActionBarPortal : React35.Fragment;
   return /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
     {
@@ -3366,7 +3370,7 @@ var Heading = forwardRef(
       [level]
     );
     if (!element) return null;
-    return React8__default.createElement(element, {
+    return React35__default.createElement(element, {
       ...rest,
       ref,
       className: cn(headingStyles, className)
@@ -3466,7 +3470,7 @@ var FlagComponent = ({ country, countryName }) => {
   const Flag = flags[country];
   return /* @__PURE__ */ jsx("span", { className: "nebula-ds w-5 overflow-hidden rounded-sm", children: Flag ? /* @__PURE__ */ jsx(Flag, { title: countryName }) : /* @__PURE__ */ jsx(PhoneIcon, { size: 16, "aria-hidden": "true" }) });
 };
-var PhoneInput = React8__default.forwardRef(({ className, ...props }, ref) => {
+var PhoneInput = React35__default.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex items-center justify-center rounded-e-[20px] w-full", children: [
     /* @__PURE__ */ jsx(Separator2, { orientation: "vertical", className: "nebula-ds w-[1px] h-5 z-10" }),
     /* @__PURE__ */ jsx(
@@ -3557,7 +3561,7 @@ function InputPhone({
     }
   );
 }
-var Skeleton = React8__default.forwardRef(
+var Skeleton = React35__default.forwardRef(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -3968,6 +3972,24 @@ var formatDateToSubmit = (dateStr, timeFallback = "23:59") => {
 };
 
 // src/utils/valid-date-format.ts
+function dateParts(dateSlice, locale, time) {
+  const [day, month, year] = [
+    locale !== "en-US" /* EN_US */ ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
+    locale === "en-US" /* EN_US */ ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
+    dateSlice.substring(6)
+  ];
+  const [hour = 0, minute = 0] = time?.split(":") ?? [];
+  return {
+    date: new Date(
+      Number(year),
+      Number(month) - 1,
+      Number(day),
+      Number(Math.min(Math.max(Number(hour), 0), 23)),
+      Number(Math.min(Math.max(Number(minute), 0), 59))
+    ),
+    dateParts: [Number(day), Number(month), Number(year)]
+  };
+}
 function dateFormatIsValid(dateStr, locale) {
   const regexBR = /^(?:(?:31\/(0[13578]|1[02]))\/(?:\d{4})|(?:29|30)\/(0[13-9]|1[0-2])\/(?:\d{4})|29\/02\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:0[1-9]|1\d|2[0-8])\/(0[1-9]|1[0-2])\/(?:\d{4}))$/;
   const regexUS = /^(?:(?:(0[13578]|1[02])\/31)\/(?:\d{4})|(?:(0[13-9]|1[0-2])\/(29|30))\/(?:\d{4})|(?:02\/29)\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:(0[1-9]|1[0-2])\/(0[1-9]|1\d|2[0-8]))\/(?:\d{4}))$/;
@@ -4048,13 +4070,8 @@ var InputDatePickerSingle = ({
       handleClearValue();
       return;
     }
-    const [day, month2, year] = [
-      locale !== "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
-      locale === "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
-      dateSlice.substring(6)
-    ];
-    const date = new Date(Number(year), Number(month2) - 1, Number(day));
-    if ([day, month2, year].some((value2) => !value2) || !dateFormatIsValid(dateSlice, locale) || !isValid(new Date(date)) || !dateIsAvailable(date, disabledDates)) {
+    const { date } = dateParts(dateSlice, locale);
+    if (!isValid(date) || !dateFormatIsValid(dateSlice, locale) || !dateIsAvailable(date, disabledDates)) {
       onChange?.(text);
       handleClearValue();
       return;
@@ -4272,13 +4289,8 @@ var InputDateTimePickerSingle = ({
       handleClearValue();
       return;
     }
-    const [day, month2, year] = [
-      locale !== "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
-      locale === "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
-      dateSlice.substring(6)
-    ];
-    const date = new Date(Number(year), Number(month2) - 1, Number(day));
-    if ([day, month2, year].some((value2) => !value2) || !dateFormatIsValid(dateSlice, locale) || !isValid(new Date(date)) || !dateIsAvailable(date, disabledDates)) {
+    const date = dateParts(dateSlice, locale, hourSlice).date;
+    if (!isValid(date) || !dateFormatIsValid(dateSlice, locale) || !dateIsAvailable(date, disabledDates)) {
       onChange?.(text);
       handleClearValue();
       return;
@@ -4449,6 +4461,143 @@ var InputDateTimePickerSingle = ({
     ) })
   ] });
 };
+var InputDateRangePicker = ({
+  placeholder,
+  className,
+  value,
+  onChange,
+  numberOfMonths = 1,
+  onClean,
+  disabledDates,
+  ...rest
+}) => {
+  const [month, setMonth] = useState(/* @__PURE__ */ new Date());
+  const [innerValue, setInnerValue] = useState();
+  const [popoverIsOpen, setPopoverIsOpen] = useState(false);
+  const maskOptions = {
+    mask: "__/__/____ - __/__/____",
+    replacement: { _: /\d/ }
+  };
+  const inputRef = useMask(maskOptions);
+  const { locale } = useNebulaI18n();
+  const conteinerRef = useRef(null);
+  const calendarRef = useRef(null);
+  useClickOutside([conteinerRef, calendarRef], () => {
+    setPopoverIsOpen(false);
+  });
+  useKeyPress("Escape", () => {
+    setPopoverIsOpen(false);
+  });
+  const handleInnerInputChange = (value2) => {
+    const [startDate, endDate] = value2.split(" - ");
+    const dateStart = startDate && dateFormatIsValid(startDate, locale) ? dateParts(startDate, locale).date : void 0;
+    const dateEnd = endDate && dateFormatIsValid(endDate, locale) ? dateParts(endDate, locale).date : void 0;
+    onChange?.(value2, [dateStart, dateEnd]);
+  };
+  const handleChangeCalendarDate = useCallback(
+    (date) => {
+      setInnerValue(date);
+      const [from, to] = date;
+      const fromStr = from ? Intl.DateTimeFormat(locale ?? "en-US", {
+        month: "2-digit",
+        year: "numeric",
+        day: "2-digit"
+      }).format(from) : "";
+      const toStr = to ? Intl.DateTimeFormat(locale ?? "en-US", {
+        month: "2-digit",
+        year: "numeric",
+        day: "2-digit"
+      }).format(to) : "";
+      onChange?.(
+        [fromStr, toStr !== fromStr ? toStr : void 0].filter(Boolean).join(" - "),
+        date
+      );
+      setMonth(to ?? /* @__PURE__ */ new Date());
+    },
+    [locale, onChange]
+  );
+  useEffect(() => {
+    if (value) {
+      const [startDate, endDate] = value.split(" - ");
+      const dateStart = startDate && dateFormatIsValid(startDate, locale) ? dateParts(startDate, locale).date : void 0;
+      const dateEnd = endDate && dateFormatIsValid(endDate, locale) ? dateParts(endDate, locale).date : void 0;
+      setInnerValue(
+        [dateStart, dateEnd].filter(Boolean)
+      );
+      if (dateEnd instanceof Date) {
+        setMonth(dateEnd);
+      } else {
+        setMonth(/* @__PURE__ */ new Date());
+      }
+    } else {
+      setInnerValue([void 0, void 0]);
+      setMonth(/* @__PURE__ */ new Date());
+    }
+  }, [value, locale]);
+  return /* @__PURE__ */ jsxs("div", { className: "nebula-ds w-full", ref: conteinerRef, children: [
+    /* @__PURE__ */ jsx(
+      InputText,
+      {
+        ref: inputRef,
+        placeholder,
+        value,
+        className,
+        icon: /* @__PURE__ */ jsx(
+          CalendarIcon,
+          {
+            tabIndex: 0,
+            role: "button",
+            onClick: () => setPopoverIsOpen((s) => !s),
+            onKeyUp: (e) => {
+              if (e.key === "Enter") {
+                setPopoverIsOpen((s) => !s);
+              }
+            },
+            className: "nebula-ds cursor-pointer"
+          }
+        ),
+        iconPlacement: "end",
+        onKeyUp: (e) => {
+          if (e.key === "ArrowDown") {
+            setPopoverIsOpen(true);
+          }
+        },
+        onClean: onClean ? () => {
+          onClean();
+        } : void 0,
+        ...rest,
+        onChange: (e) => handleInnerInputChange(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "nebula-ds  relative", children: popoverIsOpen && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "nebula-ds absolute top-full left-0-0 z-40 pb-2 pt-1",
+        ref: calendarRef,
+        children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            required: false,
+            mode: "range",
+            numberOfMonths,
+            disabled: disabledDates,
+            month,
+            onPrevClick: setMonth,
+            onNextClick: setMonth,
+            selected: {
+              from: innerValue?.[0],
+              to: innerValue?.[1]
+            },
+            onSelect: (date) => {
+              handleChangeCalendarDate([date?.from, date?.to]);
+            }
+          }
+        )
+      }
+    ) })
+  ] });
+};
+InputDateRangePicker.displayName = "InputDateRangePicker";
 var FileUploadError = /* @__PURE__ */ ((FileUploadError4) => {
   FileUploadError4["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";
   FileUploadError4["MAXIMUM_FILE_SIZE_EXCEEDED"] = "MAXIMUM_FILE_SIZE_EXCEEDED";
@@ -4798,7 +4947,7 @@ function FileUpload({
   });
   useEffect(() => {
     onError?.(errors);
-  }, [errors]);
+  }, [errors, onError]);
   const disabled = useMemo(() => {
     if (rest.disabled) return true;
     if (rest.multiple) {
@@ -4904,7 +5053,7 @@ function FileUpload({
   ] });
 }
 FileUpload.displayName = "FileUpload";
-var TextArea = React8.forwardRef(
+var TextArea = React35.forwardRef(
   ({
     className,
     isError = false,
@@ -4916,14 +5065,14 @@ var TextArea = React8.forwardRef(
     asInput,
     ...props
   }, ref) => {
-    const innerRef = React8.useRef(
+    const innerRef = React35.useRef(
       null
     );
-    const [count, setCount] = React8.useState(String(props.value ?? "").length);
+    const [count, setCount] = React35.useState(String(props.value ?? "").length);
     const countParts = [count, maxLength].filter(
       (part) => typeof part === "number"
     );
-    React8.useEffect(() => {
+    React35.useEffect(() => {
       const textarea = innerRef.current;
       if (!textarea || !autoResize) return;
       const adjustHeight = () => {
@@ -4936,7 +5085,7 @@ var TextArea = React8.forwardRef(
         textarea.removeEventListener("input", adjustHeight);
       };
     }, [asInput, autoResize, props.value]);
-    React8.useImperativeHandle(ref, () => innerRef.current);
+    React35.useImperativeHandle(ref, () => innerRef.current);
     return /* @__PURE__ */ jsxs("div", { className: "nebula-ds relative w-full", children: [
       /* @__PURE__ */ jsx(
         "div",
@@ -5657,7 +5806,7 @@ var CropperImage = ({ className, ...restProps }) => {
   const { image, getImageProps, getImageWrapperStyle } = useCropperContext();
   if (!image) return null;
   const imageProps = getImageProps();
-  return /* @__PURE__ */ jsx("div", { style: getImageWrapperStyle(), children: /* @__PURE__ */ jsx("img", { ...imageProps, className, ...restProps }) });
+  return /* @__PURE__ */ jsx("div", { style: getImageWrapperStyle(), children: /* @__PURE__ */ jsx("img", { ...imageProps, className, ...restProps, alt: "cropper" }) });
 };
 var CropperCropArea = ({
   className,
@@ -5701,10 +5850,10 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const [internalValues, setInternalValues] = React8.useState(
+  const [internalValues, setInternalValues] = React35.useState(
     Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]
   );
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     if (value !== void 0) {
       setInternalValues(Array.isArray(value) ? value : [value]);
     }
@@ -5757,7 +5906,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: internalValues.length }, (_, index) => /* @__PURE__ */ jsx(React8.Fragment, { children: renderThumb() }, index))
+        Array.from({ length: internalValues.length }, (_, index) => /* @__PURE__ */ jsx(React35.Fragment, { children: renderThumb() }, index))
       ]
     }
   );
@@ -6082,7 +6231,7 @@ var ProfileImage = ({
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   useEffect(() => {
     onError?.(errors);
-  }, [errors]);
+  }, [errors, onError]);
   const [file] = files;
   const fileId = file?.id;
   const previousFileIdRef = useRef(null);
@@ -6291,8 +6440,8 @@ function Stepper({
   className,
   ...props
 }) {
-  const [activeStep, setInternalStep] = React8.useState(defaultValue);
-  const setActiveStep = React8.useCallback(
+  const [activeStep, setInternalStep] = React35.useState(defaultValue);
+  const setActiveStep = React35.useCallback(
     (step) => {
       if (value === void 0) {
         setInternalStep(step);
@@ -6378,10 +6527,22 @@ function StepperTrigger({
   className,
   children,
   isClickable = true,
+  onClick,
   ...props
 }) {
   const { setActiveStep } = useStepper();
   const { step, isDisabled } = useStepItem();
+  const handleClick = React35.useCallback(
+    (e) => {
+      if (isClickable) {
+        setActiveStep(step);
+        onClick?.(e);
+      }
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    [isClickable, step, onClick, setActiveStep]
+  );
   if (asChild) {
     const Comp = asChild ? Slot : "span";
     return /* @__PURE__ */ jsx(Comp, { "data-slot": "stepper-trigger", className, children });
@@ -6406,9 +6567,10 @@ function StepperTrigger({
         `,
         className
       ),
-      onClick: () => isClickable ? setActiveStep(step) : null,
+      onClick: handleClick,
       disabled: isDisabled,
       ...props,
+      type: "button",
       children
     }
   );
@@ -6572,6 +6734,1190 @@ function StepperSeparator({
   }
   return line;
 }
+var BannerVariant = /* @__PURE__ */ ((BannerVariant2) => {
+  BannerVariant2["outline"] = "outline";
+  BannerVariant2["filled"] = "filled";
+  return BannerVariant2;
+})(BannerVariant || {});
+var BannerType = /* @__PURE__ */ ((BannerType2) => {
+  BannerType2["info"] = "info";
+  BannerType2["success"] = "success";
+  BannerType2["warning"] = "warning";
+  BannerType2["error"] = "error";
+  return BannerType2;
+})(BannerType || {});
+var bannerAlertVariants = cva("rounded-bannerAlert w-full", {
+  variants: {
+    variant: {
+      outline: "border border-box-border",
+      filled: "border-none"
+    },
+    type: {
+      info: "",
+      success: "",
+      warning: "",
+      error: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "outline",
+      type: "info",
+      class: "bg-bannerAlert-outline-info-background"
+    },
+    {
+      variant: "outline",
+      type: "success",
+      class: "bg-bannerAlert-outline-success-background"
+    },
+    {
+      variant: "outline",
+      type: "warning",
+      class: "bg-bannerAlert-outline-warning-background"
+    },
+    {
+      variant: "outline",
+      type: "error",
+      class: "bg-bannerAlert-outline-error-background"
+    },
+    {
+      variant: "filled",
+      type: "info",
+      class: "bg-bannerAlert-filled-info-background"
+    },
+    {
+      variant: "filled",
+      type: "success",
+      class: "bg-bannerAlert-filled-success-background"
+    },
+    {
+      variant: "filled",
+      type: "warning",
+      class: "bg-bannerAlert-filled-warning-background"
+    },
+    {
+      variant: "filled",
+      type: "error",
+      class: "bg-bannerAlert-filled-error-background"
+    }
+  ]
+});
+var bannerAlertIconVariants = cva("size-5", {
+  variants: {
+    variant: {
+      outline: "",
+      filled: ""
+    },
+    type: {
+      info: "",
+      success: "",
+      warning: "",
+      error: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "outline",
+      type: "info",
+      class: "text-bannerAlert-outline-info-icon"
+    },
+    {
+      variant: "outline",
+      type: "success",
+      class: "text-bannerAlert-outline-success-icon"
+    },
+    {
+      variant: "outline",
+      type: "warning",
+      class: "text-bannerAlert-outline-warning-icon"
+    },
+    {
+      variant: "outline",
+      type: "error",
+      class: "text-bannerAlert-outline-error-icon"
+    },
+    {
+      variant: "filled",
+      type: "info",
+      class: "text-bannerAlert-filled-info-icon"
+    },
+    {
+      variant: "filled",
+      type: "success",
+      class: "text-bannerAlert-filled-success-icon"
+    },
+    {
+      variant: "filled",
+      type: "warning",
+      class: "text-bannerAlert-filled-warning-icon"
+    },
+    {
+      variant: "filled",
+      type: "error",
+      class: "text-bannerAlert-filled-error-icon"
+    }
+  ]
+});
+var BannerAlertIcon = ({
+  variant: variant3,
+  type
+}) => {
+  const iconClass = bannerAlertIconVariants({ variant: variant3, type });
+  const icons = {
+    info: /* @__PURE__ */ jsx(InfoIcon, { className: iconClass }),
+    success: /* @__PURE__ */ jsx(CircleCheckBigIcon, { className: iconClass }),
+    warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: iconClass }),
+    error: /* @__PURE__ */ jsx(InfoIcon, { className: iconClass })
+  };
+  return icons[type];
+};
+var BannerAlert = ({
+  variant: variant3,
+  type,
+  title,
+  description,
+  onClose,
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: bannerAlertVariants({ variant: variant3, type }), children: /* @__PURE__ */ jsxs("div", { className: cn("relative py-4 ps-12 pe-4", !!onClose && "pe-12"), children: [
+    /* @__PURE__ */ jsx("div", { className: "nebula-ds absolute top-4 left-4", children: /* @__PURE__ */ jsx(BannerAlertIcon, { variant: variant3, type }) }),
+    /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex-1 flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nebula-ds w-full flex flex-col gap-1", children: [
+        title && /* @__PURE__ */ jsx("span", { className: "nebula-ds font-semibold leading-5 text-bannerAlert-title text-sm", children: title }),
+        /* @__PURE__ */ jsx("span", { className: "nebula-ds leading-5 text-bannerAlert-description text-sm", children: description })
+      ] }),
+      children
+    ] }),
+    !!onClose && /* @__PURE__ */ jsx("div", { className: "nebula-ds absolute top-2 right-2", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, icon: true, children: /* @__PURE__ */ jsx(XIcon, {}) }) })
+  ] }) });
+};
+var dropAnimation = {
+  sideEffects: defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.6"
+      }
+    }
+  })
+};
+var DEFAULT_MEASURING = {
+  droppable: {
+    strategy: MeasuringStrategy.Always
+  }
+};
+var DEFAULT_VIRTUAL_CARD_HEIGHT = 96;
+var DEFAULT_LOAD_MORE_OFFSET = 120;
+var KanbanColumnContext = React35.createContext(null);
+var KanbanColumn = React35.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("min-h-[320px]", className), ...props });
+  }
+);
+KanbanColumn.displayName = "KanbanColumn";
+var KanbanColumnHeader = React35.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("flex", className), ...props });
+});
+KanbanColumnHeader.displayName = "KanbanColumnHeader";
+var KanbanColumnTitle = React35.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      ref,
+      className: cn("text-heading-6 font-semibold text-neutral-900", className),
+      ...props
+    }
+  );
+});
+KanbanColumnTitle.displayName = "KanbanColumnTitle";
+var KanbanColumnFooter = React35.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "border-t border-box-border px-5 py-4 text-xs text-neutral-500",
+        className
+      ),
+      ...props
+    }
+  );
+});
+KanbanColumnFooter.displayName = "KanbanColumnFooter";
+var KanbanCard = React35.forwardRef(
+  ({ className, isDragging, isOverlay, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "group relative rounded-2xl border border-box-border/80 bg-box-background-primary px-5 py-4 text-left shadow-[0_12px_30px_-20px_rgba(16,24,40,0.28)] transition-all duration-150 hover:-translate-y-[1px] hover:shadow-[0_18px_42px_-22px_rgba(16,24,40,0.35)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-button-primary-border-focus",
+          isDragging && "ring-2 ring-button-primary-border-focus shadow-[0_24px_52px_-22px_rgba(16,24,40,0.45)]",
+          isOverlay && "ring-4 ring-button-primary-border-focus/60 shadow-[0_26px_56px_-20px_rgba(16,24,40,0.5)]",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+KanbanCard.displayName = "KanbanCard";
+var KanbanColumnDragHandle = React35.forwardRef(({ className, children, ...props }, ref) => {
+  const context = React35.useContext(KanbanColumnContext);
+  if (!context) {
+    throw new Error(
+      "KanbanColumnDragHandle must be used inside a KanbanBoard column"
+    );
+  }
+  const mergedRef = React35.useCallback(
+    (node) => {
+      context.setActivatorNodeRef(node);
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [context, ref]
+  );
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref: mergedRef,
+      type: "button",
+      className: cn(
+        "inline-flex size-6 items-center justify-center rounded-full border border-transparent bg-transparent text-neutral-500 transition-colors hover:text-neutral-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-button-primary-border-focus",
+        className
+      ),
+      "aria-label": "Reorder column",
+      ...context.attributes,
+      ...context.listeners,
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx("span", { className: "nebula-ds sr-only", children: "Mover coluna" })
+    }
+  );
+});
+KanbanColumnDragHandle.displayName = "KanbanColumnDragHandle";
+function defaultRenderColumnHeader(context) {
+  const { column, cardCount } = context;
+  return /* @__PURE__ */ jsx(KanbanColumnHeader, { children: /* @__PURE__ */ jsxs("div", { className: "nebula-ds space-y-2", children: [
+    /* @__PURE__ */ jsx(KanbanColumnTitle, { className: "nebula-ds text-heading-6 font-semibold text-typography-heading-6", children: column.title }),
+    /* @__PURE__ */ jsxs("div", { className: "nebula-ds space-y-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "nebula-ds inline-flex items-center rounded-full border border-button-secondary-border-default bg-button-secondary-background-default px-3 py-1 text-xs font-medium text-tag-text", children: cardCount }),
+      column.description ? /* @__PURE__ */ jsx("p", { className: "nebula-ds text-xs text-neutral-500", children: column.description }) : null
+    ] })
+  ] }) });
+}
+function defaultRenderEmptyState() {
+  return /* @__PURE__ */ jsx("div", { className: "nebula-ds w-full rounded-xl border border-dashed border-neutral-200 p-4 text-center text-sm text-neutral-500", children: "Empty column" });
+}
+function getCardSortDisabled(card, column) {
+  const disableDroppable = column.allowDrop === false;
+  const disableDraggable = card.isDraggable === false;
+  if (!disableDroppable && !disableDraggable) {
+    return false;
+  }
+  return {
+    draggable: disableDraggable,
+    droppable: disableDroppable
+  };
+}
+function calculateManualInsertionIndex({
+  overData,
+  fromColumnId,
+  targetColumnId,
+  columns
+}) {
+  const targetColumn = columns.find((column) => column.id === targetColumnId);
+  if (!targetColumn) {
+    return null;
+  }
+  if (overData.type === "column-droppable") {
+    const activeIsSameColumn2 = targetColumnId === fromColumnId;
+    if (activeIsSameColumn2) {
+      return targetColumn.cards.length - 1;
+    }
+    return targetColumn.cards.length;
+  }
+  const activeIsSameColumn = targetColumnId === fromColumnId;
+  const overIndex = overData.index;
+  if (activeIsSameColumn) {
+    return clampInsertIndex(overIndex, targetColumn.cards.length - 1);
+  }
+  return clampInsertIndex(overIndex, targetColumn.cards.length);
+}
+function moveCardBetweenColumns({
+  columns,
+  card,
+  cardId,
+  fromColumnId,
+  toColumnId,
+  toIndex,
+  getCardId
+}) {
+  if (fromColumnId === toColumnId) {
+    return columns.map((column) => {
+      if (column.id !== fromColumnId) {
+        return column;
+      }
+      const currentIndex = column.cards.findIndex(
+        (item) => getCardId(item) === cardId
+      );
+      if (currentIndex === -1) {
+        return column;
+      }
+      const maxIndex = column.cards.length > 0 ? column.cards.length - 1 : 0;
+      const clampedIndex = clampIndex(toIndex, maxIndex);
+      if (currentIndex === clampedIndex) {
+        return column;
+      }
+      return {
+        ...column,
+        cards: arrayMove(column.cards, currentIndex, clampedIndex)
+      };
+    });
+  }
+  return columns.map((column) => {
+    if (column.id === fromColumnId) {
+      return {
+        ...column,
+        cards: column.cards.filter((item) => getCardId(item) !== cardId)
+      };
+    }
+    if (column.id === toColumnId) {
+      const filteredCards = column.cards.filter(
+        (item) => getCardId(item) !== cardId
+      );
+      const nextCards = [...filteredCards];
+      const insertIndex = clampInsertIndex(toIndex, filteredCards.length);
+      nextCards.splice(insertIndex, 0, card);
+      return {
+        ...column,
+        cards: nextCards
+      };
+    }
+    return column;
+  });
+}
+function clampIndex(value, max) {
+  if (max < 0) {
+    return 0;
+  }
+  return Math.min(Math.max(value, 0), max);
+}
+function clampInsertIndex(value, length) {
+  if (length < 0) {
+    return 0;
+  }
+  if (value < 0) {
+    return 0;
+  }
+  if (value > length) {
+    return length;
+  }
+  return value;
+}
+function columnMoveCrossesLockedColumns({
+  columns,
+  fromIndex,
+  toIndex
+}) {
+  if (fromIndex === toIndex) {
+    return false;
+  }
+  const [start, end] = fromIndex < toIndex ? [fromIndex + 1, toIndex] : [toIndex, fromIndex - 1];
+  for (let index = start; index <= end; index += 1) {
+    const column = columns[index];
+    if (column && column.canDrag === false) {
+      return true;
+    }
+  }
+  const targetColumn = columns[toIndex];
+  if (targetColumn?.canDrag === false) {
+    return true;
+  }
+  return false;
+}
+function KanbanSortableCard({
+  card,
+  cardIndex,
+  column,
+  columnIndex,
+  renderCard,
+  getCardId,
+  activeCardId,
+  virtualizer,
+  virtualizationEnabled = false,
+  cardId,
+  isManualOrdering,
+  isDropTarget
+}) {
+  const sortable = useSortable({
+    id: cardId ?? getCardId(card),
+    data: {
+      type: "card",
+      card,
+      columnId: column.id,
+      index: cardIndex,
+      ordering: column.ordering ?? "manual"
+    },
+    disabled: getCardSortDisabled(card, column),
+    animateLayoutChanges: (args) => {
+      if ((column.ordering ?? "manual") === "external") {
+        return false;
+      }
+      return defaultAnimateLayoutChanges({
+        ...args,
+        wasDragging: true
+      });
+    }
+  });
+  const {
+    setNodeRef,
+    attributes,
+    listeners,
+    transform,
+    transition,
+    isDragging
+  } = sortable;
+  const composedRef = React35.useCallback(
+    (node) => {
+      setNodeRef(node);
+      if (virtualizationEnabled && node) {
+        virtualizer?.measureElement(node);
+      }
+    },
+    [setNodeRef, virtualizer, virtualizationEnabled]
+  );
+  const cardContent = renderCard({
+    card,
+    column,
+    columnIndex,
+    index: cardIndex,
+    isDragging,
+    isOverlay: false
+  });
+  const resolvedCardId = cardId ?? getCardId(card);
+  const isActiveCard = activeCardId === resolvedCardId;
+  const showManualPreview = isManualOrdering && isDropTarget && isActiveCard;
+  const cardStyles = {
+    transform: CSS.Translate.toString(transform),
+    transition
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: composedRef,
+      style: cardStyles,
+      "data-card-id": resolvedCardId,
+      className: cn(
+        "relative touch-pan-y transition-transform duration-150",
+        isDragging && "z-10"
+      ),
+      ...attributes,
+      ...listeners,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "transition-[opacity,transform] duration-150",
+              isActiveCard ? "pointer-events-none opacity-0" : "opacity-100",
+              isDragging && "scale-[0.99]"
+            ),
+            children: cardContent
+          }
+        ),
+        showManualPreview ? /* @__PURE__ */ jsx("div", { className: "nebula-ds pointer-events-none absolute inset-0 rounded-2xl border-2 border-dashed border-button-primary-border-focus bg-button-primary-border-focus/10" }) : null
+      ]
+    }
+  );
+}
+var KanbanColumnBodyInner = ({
+  column,
+  columnIndex,
+  renderCard,
+  renderEmptyState,
+  getCardId,
+  activeCardId,
+  columnContext,
+  isManualOrdering,
+  isDropTarget
+}, ref) => {
+  const scrollRef = React35.useRef(null);
+  const combinedRef = React35.useCallback(
+    (node) => {
+      scrollRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [ref]
+  );
+  const virtualization = column.virtualization;
+  const virtualizationEnabled = Boolean(virtualization?.enabled);
+  const cardIds = React35.useMemo(
+    () => column.cards.map((card) => getCardId(card)),
+    [column.cards, getCardId]
+  );
+  const virtualizer = useVirtualizer({
+    count: virtualizationEnabled ? column.cards.length : 0,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => virtualization?.estimateCardHeight ?? DEFAULT_VIRTUAL_CARD_HEIGHT,
+    overscan: virtualization?.overscan ?? 6,
+    enabled: virtualizationEnabled
+  });
+  const { onLoadMore, hasMore, isLoadingMore, loadMoreOffset } = column;
+  React35.useEffect(() => {
+    if (!onLoadMore || !hasMore || isLoadingMore) {
+      return;
+    }
+    const node = scrollRef.current;
+    if (!node) {
+      return;
+    }
+    const handleScroll = () => {
+      const remaining = node.scrollHeight - node.scrollTop - node.clientHeight;
+      const offset = loadMoreOffset ?? DEFAULT_LOAD_MORE_OFFSET;
+      if (remaining <= offset) {
+        onLoadMore?.();
+      }
+    };
+    node.addEventListener("scroll", handleScroll);
+    return () => {
+      node.removeEventListener("scroll", handleScroll);
+    };
+  }, [hasMore, isLoadingMore, loadMoreOffset, onLoadMore]);
+  const columnBodyClasses = cn(
+    "flex-1 overflow-y-auto px-4 pb-4 pt-1",
+    column.cards.length === 0 && "flex items-center justify-center"
+  );
+  const emptyState = renderEmptyState?.(columnContext) ?? column.emptyState ?? defaultRenderEmptyState();
+  return /* @__PURE__ */ jsx("div", { ref: combinedRef, className: columnBodyClasses, children: /* @__PURE__ */ jsxs(SortableContext, { items: cardIds, strategy: verticalListSortingStrategy, children: [
+    column.cards.length === 0 ? isManualOrdering && isDropTarget && activeCardId ? /* @__PURE__ */ jsx("div", { className: "nebula-ds flex h-24 items-center justify-center rounded-2xl border-2 border-dashed border-button-primary-border-focus bg-button-primary-border-focus/10" }) : emptyState : virtualizationEnabled ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          height: virtualizer.getTotalSize(),
+          position: "relative"
+        },
+        children: virtualizer.getVirtualItems().map((virtualRow) => {
+          const card = column.cards[virtualRow.index];
+          if (!card) {
+            return null;
+          }
+          const cardId = getCardId(card);
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-index": virtualRow.index,
+              style: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                transform: `translateY(${virtualRow.start}px)`
+              },
+              children: /* @__PURE__ */ jsx(
+                KanbanSortableCard,
+                {
+                  card,
+                  cardIndex: virtualRow.index,
+                  column,
+                  columnIndex,
+                  renderCard,
+                  getCardId,
+                  activeCardId,
+                  virtualizer,
+                  virtualizationEnabled,
+                  cardId,
+                  isManualOrdering,
+                  isDropTarget
+                }
+              )
+            },
+            virtualRow.key
+          );
+        })
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "nebula-ds flex flex-col gap-4", children: column.cards.map((card, index) => /* @__PURE__ */ jsx(
+      KanbanSortableCard,
+      {
+        card,
+        cardIndex: index,
+        column,
+        columnIndex,
+        renderCard,
+        getCardId,
+        activeCardId,
+        isManualOrdering,
+        isDropTarget
+      },
+      getCardId(card)
+    )) }),
+    column.hasMore && column.isLoadingMore ? /* @__PURE__ */ jsx("div", { className: "nebula-ds mt-3 flex justify-center text-xs text-neutral-500", children: "..." }) : null
+  ] }) });
+};
+var KanbanColumnBodyBase = React35.forwardRef(KanbanColumnBodyInner);
+KanbanColumnBodyBase.displayName = "KanbanColumnBody";
+var KanbanColumnBody = KanbanColumnBodyBase;
+var KANBAN_COLUMN_BASE_CLASSNAME = "flex h-full w-full min-w-[360px] max-w-[360px] flex-col rounded-2xl box-content border bg-table-background transition-[box-shadow,transform,background-color]";
+function KanbanSortableColumn({
+  column,
+  columnIndex,
+  className,
+  renderCard,
+  renderColumnHeader,
+  renderColumnFooter,
+  renderEmptyState,
+  getCardId,
+  isManualTarget,
+  isExternalTarget,
+  columnContext,
+  activeCardId
+}) {
+  const {
+    setNodeRef,
+    setActivatorNodeRef,
+    listeners,
+    attributes,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({
+    id: column.id,
+    data: {
+      type: "column",
+      column,
+      index: columnIndex
+    },
+    disabled: column.canDrag === false
+  });
+  const { setNodeRef: setDroppableRef } = useDroppable({
+    id: `${column.id}-droppable`,
+    data: {
+      type: "column-droppable",
+      columnId: column.id,
+      ordering: column.ordering ?? "manual",
+      allowDrop: column.allowDrop !== false
+    },
+    disabled: column.allowDrop === false
+  });
+  const columnContextValue = React35.useMemo(
+    () => ({
+      columnId: column.id,
+      setActivatorNodeRef,
+      listeners,
+      attributes,
+      isDragging,
+      isDragDisabled: column.canDrag === false
+    }),
+    [
+      attributes,
+      column.canDrag,
+      column.id,
+      isDragging,
+      listeners,
+      setActivatorNodeRef
+    ]
+  );
+  const ordering = column.ordering ?? "manual";
+  const isManualOrdering = ordering === "manual";
+  const columnClassNames = cn(
+    KANBAN_COLUMN_BASE_CLASSNAME,
+    isDragging && "translate-y-[1px]",
+    column.canDrag === false && "cursor-default",
+    isManualTarget && isManualOrdering && "ring-2 ring-button-primary-border-focus ring-offset-2 ring-offset-transparent",
+    isExternalTarget && !isManualOrdering && "ring-2 ring-button-primary-border-focus ring-offset-2 ring-offset-transparent",
+    className
+  );
+  return /* @__PURE__ */ jsx(KanbanColumnContext.Provider, { value: columnContextValue, children: /* @__PURE__ */ jsxs(
+    KanbanColumn,
+    {
+      ref: setNodeRef,
+      className: columnClassNames,
+      style: {
+        transform: CSS.Translate.toString(transform),
+        transition
+      },
+      "data-column-id": column.id,
+      "data-ordering": column.ordering ?? "manual",
+      children: [
+        renderColumnHeader ? renderColumnHeader(columnContext) : defaultRenderColumnHeader(columnContext),
+        /* @__PURE__ */ jsx(
+          KanbanColumnBody,
+          {
+            ref: setDroppableRef,
+            column,
+            columnIndex,
+            renderCard,
+            renderEmptyState,
+            getCardId,
+            activeCardId,
+            columnContext,
+            isManualOrdering,
+            isDropTarget: columnContext.isDropTarget
+          }
+        ),
+        column.footer || renderColumnFooter ? renderColumnFooter ? renderColumnFooter(columnContext) : /* @__PURE__ */ jsx(KanbanColumnFooter, { children: column.footer }) : null
+      ]
+    }
+  ) });
+}
+function renderCardOverlay({
+  activeCard,
+  columns,
+  renderCard
+}) {
+  const column = columns.find((item) => item.id === activeCard.columnId);
+  if (!column) {
+    return null;
+  }
+  return renderCard({
+    card: activeCard.card,
+    column,
+    columnIndex: columns.indexOf(column),
+    index: column.cards.findIndex((card) => card.id === activeCard.card.id),
+    isDragging: true,
+    isOverlay: true
+  });
+}
+function renderColumnOverlay({
+  activeColumn,
+  renderCard,
+  renderColumnHeader,
+  renderColumnFooter,
+  renderEmptyState,
+  columnClassName,
+  sanitizedColumns
+}) {
+  const column = sanitizedColumns.find((item) => item.id === activeColumn.id);
+  if (!column) {
+    return null;
+  }
+  const columnContext = {
+    column,
+    columnIndex: sanitizedColumns.indexOf(column),
+    cardCount: column.cards.length,
+    isDropTarget: false,
+    isDropTargetExternal: false,
+    isDragDisabled: column.canDrag === false
+  };
+  const computedColumnClassName = typeof columnClassName === "function" ? columnClassName(columnContext) : columnClassName;
+  const overlayColumnContext = {
+    columnId: activeColumn.id,
+    setActivatorNodeRef: () => {
+    },
+    listeners: void 0,
+    attributes: {},
+    isDragging: false,
+    isDragDisabled: true
+  };
+  return /* @__PURE__ */ jsx(KanbanColumnContext.Provider, { value: overlayColumnContext, children: /* @__PURE__ */ jsxs(
+    KanbanColumn,
+    {
+      className: cn(KANBAN_COLUMN_BASE_CLASSNAME, computedColumnClassName),
+      children: [
+        renderColumnHeader ? renderColumnHeader(columnContext) : defaultRenderColumnHeader(columnContext),
+        /* @__PURE__ */ jsx("div", { className: "nebula-ds flex flex-col gap-4 px-4 pb-4 pt-1", children: column.cards.length === 0 ? renderEmptyState?.(columnContext) ?? column.emptyState ?? defaultRenderEmptyState() : column.cards.map(
+          (card, index) => renderCard({
+            card,
+            column,
+            columnIndex: columnContext.columnIndex,
+            index,
+            isDragging: false,
+            isOverlay: true
+          })
+        ) }),
+        column.footer || renderColumnFooter ? renderColumnFooter ? renderColumnFooter(columnContext) : /* @__PURE__ */ jsx(KanbanColumnFooter, { children: column.footer }) : null
+      ]
+    }
+  ) });
+}
+function KanbanBoard({
+  columns,
+  renderCard,
+  renderColumnHeader,
+  renderColumnFooter,
+  renderEmptyState,
+  getCardId: getCardIdProp,
+  onCardDrop,
+  onColumnDrop,
+  className,
+  columnClassName,
+  collisionDetection,
+  modifiers,
+  sensors: sensorsProp,
+  measuring
+}) {
+  const getCardId = React35.useCallback(
+    (card) => getCardIdProp ? getCardIdProp(card) : card.id,
+    [getCardIdProp]
+  );
+  const defaultSensors = useSensors(
+    useSensor(PointerSensor, {
+      activationConstraint: {
+        distance: 6
+      }
+    }),
+    useSensor(TouchSensor, {
+      activationConstraint: {
+        delay: 120,
+        tolerance: 6
+      }
+    }),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const sensors = sensorsProp ?? defaultSensors;
+  const measuringConfig = measuring ?? DEFAULT_MEASURING;
+  const columnMap = React35.useMemo(
+    () => new Map(columns.map((column) => [column.id, column])),
+    [columns]
+  );
+  const manualDropPosition = React35.useRef(null);
+  const [activeCard, setActiveCard] = React35.useState(null);
+  const [activeColumn, setActiveColumn] = React35.useState(null);
+  const [hoveredColumnId, setHoveredColumnId] = React35.useState(null);
+  const [projectedColumns, setProjectedColumns] = React35.useState(null);
+  const sanitizedColumns = projectedColumns ?? columns;
+  React35.useEffect(() => {
+    if (!activeCard && !activeColumn) {
+      setProjectedColumns(null);
+    }
+  }, [columns, activeCard, activeColumn]);
+  const handleDragStart = React35.useCallback(
+    (event) => {
+      const data = event.active.data.current;
+      if (!data) {
+        return;
+      }
+      if (data.type === "card") {
+        setActiveCard({
+          id: getCardId(data.card),
+          columnId: data.columnId,
+          card: data.card
+        });
+        setHoveredColumnId(data.columnId);
+      }
+      if (data.type === "column") {
+        setActiveColumn({
+          id: data.column.id,
+          column: data.column,
+          index: data.index
+        });
+      }
+    },
+    [getCardId]
+  );
+  const handleDragOver = React35.useCallback(
+    (event) => {
+      const { active, over } = event;
+      if (!over) {
+        setHoveredColumnId(null);
+        return;
+      }
+      const activeData = active.data.current;
+      const overData = over.data.current;
+      if (!activeData) {
+        return;
+      }
+      if (activeData.type === "card") {
+        if (!activeCard) {
+          return;
+        }
+        const fromColumnId = activeCard.columnId;
+        const activeCardId = getCardId(activeData.card);
+        const baseColumns = projectedColumns ?? columns;
+        if (overData?.type === "card" || overData?.type === "column-droppable") {
+          const targetColumnId = overData.columnId;
+          const targetColumn = columnMap.get(targetColumnId);
+          if (!targetColumn || targetColumn.allowDrop === false) {
+            setHoveredColumnId(null);
+            return;
+          }
+          const ordering = targetColumn.ordering ?? "manual";
+          setHoveredColumnId(targetColumnId);
+          if (ordering === "manual") {
+            const nextIndex = calculateManualInsertionIndex({
+              overData,
+              fromColumnId,
+              targetColumnId,
+              columns: baseColumns
+            });
+            if (nextIndex === null) {
+              return;
+            }
+            const currentPosition = manualDropPosition.current;
+            const positionChanged = !currentPosition || currentPosition.columnId !== targetColumnId || currentPosition.index !== nextIndex;
+            if (positionChanged) {
+              setProjectedColumns(() => {
+                return moveCardBetweenColumns({
+                  columns,
+                  card: activeData.card,
+                  cardId: activeCardId,
+                  fromColumnId,
+                  toColumnId: targetColumnId,
+                  toIndex: nextIndex,
+                  getCardId
+                });
+              });
+              manualDropPosition.current = {
+                columnId: targetColumnId,
+                index: nextIndex
+              };
+            }
+          } else {
+            setProjectedColumns(null);
+            manualDropPosition.current = null;
+          }
+        } else {
+          setHoveredColumnId(null);
+          manualDropPosition.current = null;
+        }
+      }
+      if (activeData.type === "column" && activeColumn) {
+        if (!overData || overData.type !== "column" && overData.type !== "column-droppable") {
+          setProjectedColumns(null);
+          setHoveredColumnId(null);
+          manualDropPosition.current = null;
+          return;
+        }
+        setHoveredColumnId(null);
+        manualDropPosition.current = null;
+        const baseColumns = projectedColumns ?? columns;
+        const fromIndex = baseColumns.findIndex(
+          (column) => column.id === activeColumn.id
+        );
+        const targetColumnId = overData.type === "column" ? overData.column.id : overData.columnId;
+        const targetIndex = baseColumns.findIndex(
+          (column) => column.id === targetColumnId
+        );
+        if (targetIndex === -1 || targetIndex === fromIndex) {
+          setProjectedColumns(baseColumns === columns ? null : baseColumns);
+          return;
+        }
+        if (columnMoveCrossesLockedColumns({
+          columns: baseColumns,
+          fromIndex,
+          toIndex: targetIndex
+        })) {
+          return;
+        }
+        setProjectedColumns(arrayMove(baseColumns, fromIndex, targetIndex));
+      }
+    },
+    [activeCard, activeColumn, columns, columnMap, getCardId, projectedColumns]
+  );
+  const resetDragState = React35.useCallback(() => {
+    setActiveCard(null);
+    setActiveColumn(null);
+    setHoveredColumnId(null);
+    setProjectedColumns(null);
+    manualDropPosition.current = null;
+  }, []);
+  const handleDragEnd = React35.useCallback(
+    (event) => {
+      const { active, over } = event;
+      const activeData = active.data.current;
+      const overData = over?.data.current;
+      if (!activeData) {
+        resetDragState();
+        return;
+      }
+      const pendingManualPosition = manualDropPosition.current;
+      manualDropPosition.current = null;
+      if (activeData.type === "card" && activeCard) {
+        if (!over || !overData) {
+          resetDragState();
+          return;
+        }
+        if (overData.type !== "card" && overData.type !== "column-droppable") {
+          resetDragState();
+          return;
+        }
+        const fromColumnId = activeCard.columnId;
+        const toColumnId = overData.columnId;
+        const ordering = columnMap.get(toColumnId)?.ordering ?? "manual";
+        const sourceColumn = columns.find(
+          (column) => column.id === fromColumnId
+        );
+        const fromIndex = sourceColumn?.cards.findIndex(
+          (card) => getCardId(card) === activeCard.id
+        ) ?? 0;
+        let toIndex = null;
+        if (ordering === "manual") {
+          if (pendingManualPosition && pendingManualPosition.columnId === toColumnId) {
+            toIndex = pendingManualPosition.index;
+          } else {
+            const targetColumn = columns.find(
+              (column) => column.id === toColumnId
+            );
+            if (targetColumn && overData.type === "card") {
+              toIndex = targetColumn.cards.findIndex(
+                (card) => getCardId(card) === getCardId(overData.card)
+              );
+            } else if (targetColumn && overData.type === "column-droppable") {
+              if (fromColumnId === toColumnId) {
+                toIndex = targetColumn.cards.length - 1;
+              } else {
+                toIndex = targetColumn.cards.length;
+              }
+            }
+          }
+        }
+        if (ordering === "external") {
+          toIndex = null;
+        }
+        if (toIndex === null && toColumnId === fromColumnId && ordering === "external") {
+          resetDragState();
+          return;
+        }
+        if (toColumnId === fromColumnId && toIndex !== null && toIndex === fromIndex) {
+          resetDragState();
+          return;
+        }
+        onCardDrop?.({
+          event,
+          card: activeCard.card,
+          cardId: activeCard.id,
+          fromColumnId,
+          toColumnId,
+          fromIndex,
+          toIndex,
+          ordering,
+          isDifferentColumn: toColumnId !== fromColumnId
+        });
+      }
+      if (activeData.type === "column" && activeColumn) {
+        if (!over || !overData || overData.type !== "column" && overData.type !== "column-droppable") {
+          resetDragState();
+          return;
+        }
+        const finalColumns = projectedColumns ?? columns;
+        const targetColumnId = overData.type === "column" ? overData.column.id : overData.columnId;
+        const fromIndex = activeColumn.index;
+        const targetIndex = finalColumns.findIndex(
+          (column) => column.id === targetColumnId
+        );
+        const destinationIndex = finalColumns.findIndex(
+          (column) => column.id === activeColumn.id
+        );
+        if (targetIndex === -1 || destinationIndex === -1 || destinationIndex === fromIndex) {
+          resetDragState();
+          return;
+        }
+        if (columnMoveCrossesLockedColumns({
+          columns: finalColumns,
+          fromIndex,
+          toIndex: destinationIndex
+        })) {
+          resetDragState();
+          return;
+        }
+        onColumnDrop?.({
+          event,
+          column: activeColumn.column,
+          columnId: activeColumn.id,
+          fromIndex,
+          toIndex: destinationIndex
+        });
+      }
+      resetDragState();
+    },
+    [
+      activeCard,
+      activeColumn,
+      columnMap,
+      columns,
+      getCardId,
+      onCardDrop,
+      onColumnDrop,
+      projectedColumns,
+      resetDragState
+    ]
+  );
+  return /* @__PURE__ */ jsxs(
+    DndContext,
+    {
+      collisionDetection,
+      modifiers,
+      sensors,
+      measuring: measuringConfig,
+      onDragStart: handleDragStart,
+      onDragOver: handleDragOver,
+      onDragEnd: handleDragEnd,
+      onDragCancel: resetDragState,
+      children: [
+        /* @__PURE__ */ jsx(
+          SortableContext,
+          {
+            items: sanitizedColumns.map((column) => column.id),
+            strategy: horizontalListSortingStrategy,
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex h-full w-full gap-4 overflow-x-auto p-1",
+                  className
+                ),
+                children: sanitizedColumns.map((column, index) => {
+                  const ordering = column.ordering ?? "manual";
+                  const isDropTarget = hoveredColumnId === column.id;
+                  const context = {
+                    column,
+                    columnIndex: index,
+                    cardCount: column.cards.length,
+                    isDropTarget,
+                    isDropTargetExternal: isDropTarget && ordering === "external",
+                    isDragDisabled: column.canDrag === false
+                  };
+                  const computedColumnClassName = typeof columnClassName === "function" ? columnClassName(context) : columnClassName;
+                  return /* @__PURE__ */ jsx(
+                    KanbanSortableColumn,
+                    {
+                      column,
+                      columnIndex: index,
+                      className: computedColumnClassName,
+                      renderCard,
+                      renderColumnHeader,
+                      renderColumnFooter,
+                      renderEmptyState,
+                      getCardId,
+                      isManualTarget: isDropTarget && ordering === "manual",
+                      isExternalTarget: isDropTarget && ordering === "external",
+                      columnContext: context,
+                      activeCardId: activeCard?.id ?? null
+                    },
+                    column.id
+                  );
+                })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(DragOverlay, { dropAnimation, children: [
+          activeCard && renderCardOverlay({
+            activeCard,
+            columns,
+            renderCard
+          }),
+          !activeCard && activeColumn ? renderColumnOverlay({
+            activeColumn,
+            renderCard,
+            renderColumnHeader,
+            renderColumnFooter,
+            renderEmptyState,
+            columnClassName,
+            sanitizedColumns
+          }) : null
+        ] })
+      ]
+    }
+  );
+}
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -6583,4 +7929,4 @@ var tailwind = {
   // plugin: () => require("tailwindcss")("node_modules/@nebulareact/dist/tailwind.config.js"),
 };
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Caption, Checkbox, StyledCreatable as Creatable, Cropper2 as Cropper, CropperCropArea2 as CropperCropArea, CropperDescription2 as CropperDescription, CropperImage2 as CropperImage, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadError, Heading, InputDatePickerSingle, InputDateTimePickerSingle, InputPhone, InputText, InputTime, Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, ProfileImage, RadioGroup2 as RadioGroup, RadioGroupItem, StyledSelect as Select, Separator2 as Separator, Skeleton, Slider, Space, SpaceDirectionEnum, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextArea, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages19 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, BannerAlert, BannerType, BannerVariant, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Caption, Checkbox, StyledCreatable as Creatable, Cropper2 as Cropper, CropperCropArea2 as CropperCropArea, CropperDescription2 as CropperDescription, CropperImage2 as CropperImage, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadError, Heading, InputDatePickerSingle, InputDateRangePicker, InputDateTimePickerSingle, InputPhone, InputText, InputTime, KanbanBoard, KanbanCard, KanbanColumn, KanbanColumnDragHandle, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, ProfileImage, RadioGroup2 as RadioGroup, RadioGroupItem, StyledSelect as Select, Separator2 as Separator, Skeleton, Slider, Space, SpaceDirectionEnum, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextArea, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages19 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };