@ikatec/nebula-react 1.4.1-beta.1 → 1.4.1-beta.3

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React35 = require('react');
+var React31 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var tailwindMerge = require('tailwind-merge');
@@ -55,7 +55,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React35__namespace = /*#__PURE__*/_interopNamespace(React35);
+var React31__namespace = /*#__PURE__*/_interopNamespace(React31);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
@@ -120,11 +120,11 @@ function cn(...inputs) {
   return customTwMerge(nebulaClass, clsx(inputs));
 }
 var processChildren = (children) => {
-  return React35__namespace.default.Children.map(children, (child) => {
+  return React31__namespace.default.Children.map(children, (child) => {
     if (typeof child === "string") {
       return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds px-2", children: child });
     }
-    if (React35__namespace.default.isValidElement(child) && child.type === React35__namespace.default.Fragment) {
+    if (React31__namespace.default.isValidElement(child) && child.type === React31__namespace.default.Fragment) {
       return processChildren(child.props.children);
     }
     return child;
@@ -216,7 +216,7 @@ var buttonVariantsConfig = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React35__namespace.forwardRef(
+var Button = React31__namespace.forwardRef(
   ({
     className,
     variant: variant3,
@@ -281,7 +281,7 @@ var badgeVariantsConfig = classVarianceAuthority.cva(
     }
   }
 );
-var Badge = React35__namespace.forwardRef(
+var Badge = React31__namespace.forwardRef(
   ({ className, variant: variant3, size: size4, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -365,7 +365,7 @@ var alertVariantsConfig = classVarianceAuthority.cva(
   }
 );
 var alertVariants = extractVariants(variants);
-var Alert = React35__namespace.forwardRef(
+var Alert = React31__namespace.forwardRef(
   ({ className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -377,7 +377,7 @@ var Alert = React35__namespace.forwardRef(
   )
 );
 Alert.displayName = "Alert";
-var AlertTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertTitle = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h5",
   {
     ref,
@@ -386,7 +386,7 @@ var AlertTitle = React35__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDescription = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -395,7 +395,7 @@ var AlertDescription = React35__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 AlertDescription.displayName = "AlertDescription";
-var AlertButton = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertButton = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "button",
   {
     ref,
@@ -406,9 +406,9 @@ var AlertButton = React35__namespace.forwardRef(({ className, ...props }, ref) =
 AlertButton.displayName = "AlertButton";
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverContent = React35__namespace.forwardRef(
+var PopoverContent = React31__namespace.forwardRef(
   ({ className, align = "center", sideOffset = 4, portal = false, ...props }, ref) => {
-    const Comp = portal ? PopoverPrimitive__namespace.Portal : React35__namespace.Fragment;
+    const Comp = portal ? PopoverPrimitive__namespace.Portal : React31__namespace.Fragment;
     return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsx(
       PopoverPrimitive__namespace.Content,
       {
@@ -436,7 +436,7 @@ var PopoverContent = React35__namespace.forwardRef(
   }
 );
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var Label = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -448,7 +448,7 @@ var Label = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var Table = React35__namespace.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
+var Table = React31__namespace.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
   if (noCardWrapper) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "table",
@@ -469,9 +469,9 @@ var Table = React35__namespace.forwardRef(({ className, noCardWrapper = false, .
   ) });
 });
 Table.displayName = "Table";
-var TableHeader = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -480,7 +480,7 @@ var TableBody = React35__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -511,7 +511,7 @@ var tableRowVariantsConfig = classVarianceAuthority.cva(
     }
   }
 );
-var TableRow = React35__namespace.forwardRef(
+var TableRow = React31__namespace.forwardRef(
   ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
     {
@@ -522,7 +522,7 @@ var TableRow = React35__namespace.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -534,7 +534,7 @@ var TableHead = React35__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -546,14 +546,14 @@ var TableCell = React35__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn("mt-4 text-sm", className), ...props }));
+var TableCaption = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn("mt-4 text-sm", className), ...props }));
 TableCaption.displayName = "TableCaption";
 var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React35__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React31__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -585,8 +585,8 @@ var DropdownMenuSubTrigger = React35__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React35__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
-  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React35__namespace.Fragment;
+var DropdownMenuSubContent = React31__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React31__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.SubContent,
     {
@@ -611,8 +611,8 @@ var DropdownMenuSubContent = React35__namespace.forwardRef(({ className, portal
   ) });
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React35__namespace.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
-  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React35__namespace.Fragment;
+var DropdownMenuContent = React31__namespace.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React31__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Content,
     {
@@ -640,7 +640,7 @@ var DropdownMenuContent = React35__namespace.forwardRef(({ className, sideOffset
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React35__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React31__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -673,7 +673,7 @@ var DropdownMenuItem = React35__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React35__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React31__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -711,7 +711,7 @@ var DropdownMenuCheckboxItem = React35__namespace.forwardRef(({ className, child
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React35__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React31__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -747,7 +747,7 @@ var DropdownMenuRadioItem = React35__namespace.forwardRef(({ className, children
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React35__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React31__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -767,7 +767,7 @@ var DropdownMenuLabel = React35__namespace.forwardRef(({ className, inset, ...pr
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -817,7 +817,7 @@ var separatorVariantsConfig = classVarianceAuthority.cva("shrink-0 bg-separator-
   }
 });
 var separatorVariants = extractVariants(variants3);
-var Separator2 = React35__namespace.forwardRef(
+var Separator2 = React31__namespace.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       SeparatorPrimitive__namespace.Root,
@@ -866,7 +866,7 @@ var spaceVariantsConfig = classVarianceAuthority.cva("flex items-start justify-s
     direction: "row"
   }
 });
-var Space = React35__namespace.default.forwardRef(
+var Space = React31__namespace.default.forwardRef(
   ({ size: size4, direction: direction2, className, children }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1815,21 +1815,21 @@ var messages19 = /* @__PURE__ */ new Map([
   ["es" /* ES */, esMessages],
   ["pt-BR" /* PT_BR */, ptBrMessages]
 ]);
-var NebulaI18nContext = React35.createContext(
+var NebulaI18nContext = React31.createContext(
   null
 );
 var NebulaI18nProvider = ({
   children,
   customI18nStorageKey
 }) => {
-  const storageKey = React35.useMemo(
+  const storageKey = React31.useMemo(
     () => customI18nStorageKey ?? localStorageKey,
     [customI18nStorageKey]
   );
-  const [messages20, setMessages] = React35.useState(
+  const [messages20, setMessages] = React31.useState(
     messages19.get(getNebulaLanguage()) ?? messages19.get("en-US" /* EN_US */)
   );
-  const handleStorageChange = React35.useCallback(
+  const handleStorageChange = React31.useCallback(
     ({ detail }) => {
       if (detail.key === storageKey) {
         setMessages(
@@ -1839,7 +1839,7 @@ var NebulaI18nProvider = ({
     },
     [storageKey]
   );
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1862,7 +1862,7 @@ var NebulaI18nProvider = ({
       );
     };
   }, [handleStorageChange]);
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1885,7 +1885,7 @@ var NebulaI18nProvider = ({
   );
 };
 var useNebulaI18n = () => {
-  const context = React35.useContext(NebulaI18nContext);
+  const context = React31.useContext(NebulaI18nContext);
   if (!context) {
     throw new Error("useNebulaI18n must be used within a NebulaI18nProvider");
   }
@@ -1900,10 +1900,10 @@ var Pagination = ({
   ...props
 }) => {
   const { messages: messages20 } = useNebulaI18n();
-  const totalPages = React35.useMemo(() => {
+  const totalPages = React31.useMemo(() => {
     return Math.ceil(total / (pageSize || 1));
   }, [total, pageSize]);
-  const handleChangePage = React35.useCallback(
+  const handleChangePage = React31.useCallback(
     (page2) => {
       if (page2 < 1 || page2 > totalPages) {
         return;
@@ -1912,7 +1912,7 @@ var Pagination = ({
     },
     [totalPages, onChangePage]
   );
-  const normalizedPage = React35.useMemo(() => {
+  const normalizedPage = React31.useMemo(() => {
     if (page < 1) {
       return 1;
     }
@@ -1923,20 +1923,20 @@ var Pagination = ({
   }, [page, totalPages]);
   const disabledPreviousPage = normalizedPage === 1 || totalPages === 0;
   const disabledNextPage = normalizedPage === totalPages || totalPages === 0;
-  const lastPageSize = React35.useMemo(() => {
+  const lastPageSize = React31.useMemo(() => {
     if (totalPages === 0) {
       return 0;
     }
     const lastPageStart = (totalPages - 1) * pageSize;
     return total - lastPageStart;
   }, [totalPages, pageSize, total]);
-  const totalResultsLabel = React35.useMemo(() => {
+  const totalResultsLabel = React31.useMemo(() => {
     if (page === totalPages) {
       return messages20.pagination.totalResultsLabel(lastPageSize, total);
     }
     return messages20.pagination.totalResultsLabel(pageSize, total);
   }, [messages20.pagination, pageSize, total, page, totalPages, lastPageSize]);
-  const currentPageLabel = React35.useMemo(
+  const currentPageLabel = React31.useMemo(
     () => messages20.pagination.currentPageLabel(normalizedPage, totalPages),
     [messages20.pagination, normalizedPage, totalPages]
   );
@@ -1985,7 +1985,7 @@ var Pagination = ({
   );
 };
 Pagination.displayName = "Pagination";
-var PaginationContent = React35.forwardRef(
+var PaginationContent = React31.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "ul",
     {
@@ -1999,7 +1999,7 @@ var PaginationContent = React35.forwardRef(
   )
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React35.forwardRef(
+var PaginationItem = React31.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "li",
     {
@@ -2118,7 +2118,7 @@ var tagVariantsConfig = classVarianceAuthority.cva("w-2 h-2 block rounded-sm", {
     color
   }
 });
-var Tag = React35__namespace.forwardRef(
+var Tag = React31__namespace.forwardRef(
   ({ className, color: color2, children, onDelete, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -2212,7 +2212,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
     ...props
   }) => {
     const { messages: messages20 } = useNebulaI18n();
-    const customClassNames = React35.useMemo(() => {
+    const customClassNames = React31.useMemo(() => {
       return {
         control: (props2) => controlStyles(props2, isError),
         placeholder: () => placeholderStyles,
@@ -2229,7 +2229,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
         noOptionsMessage: () => noOptionsMessageStyles
       };
     }, [isError]);
-    const customComponents = React35.useMemo(
+    const customComponents = React31.useMemo(
       () => ({
         DropdownIndicator,
         ClearIndicator,
@@ -2273,12 +2273,12 @@ var StyledAsyncCreatable = createStyledSelect(
   AsyncCreatable__default.default,
   "AsyncCreatable"
 );
-var InputText = React35__namespace.forwardRef(
+var InputText = React31__namespace.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] = React35__namespace.useState(initialInputType);
+    const [type, setType] = React31__namespace.useState(initialInputType);
     const iconClass = {
       "text-inputText-icon-danger": isError,
       "text-inputText-icon-default focus:text-inputText-icon-focus": !isError && !props.value,
@@ -2386,7 +2386,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -2405,9 +2405,9 @@ var DialogOverlay = React35__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React35__namespace.forwardRef(
+var DialogContent = React31__namespace.forwardRef(
   ({ className, children, portal = false, showClose = true, ...props }, ref) => {
-    const Comp = portal ? DialogPortal : React35__namespace.Fragment;
+    const Comp = portal ? DialogPortal : React31__namespace.Fragment;
     return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2486,7 +2486,7 @@ var DialogFooter = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -2498,7 +2498,7 @@ var DialogTitle = React35__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -2510,7 +2510,7 @@ DialogDescription.displayName = DialogPrimitive__namespace.Description.displayNa
 var AlertDialog = AlertDialogPrimitive__namespace.Root;
 var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -2522,8 +2522,8 @@ var AlertDialogOverlay = React35__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React35__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
-  const Comp = portal ? AlertDialogPortal : React35__namespace.Fragment;
+var AlertDialogContent = React31__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? AlertDialogPortal : React31__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2559,7 +2559,7 @@ var AlertDialogFooter = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -2571,7 +2571,7 @@ var AlertDialogTitle = React35__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescription = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -2580,7 +2580,7 @@ var AlertDialogDescription = React35__namespace.forwardRef(({ className, ...prop
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React35__namespace.forwardRef(({ children, className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = React31__namespace.forwardRef(({ children, className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -2590,7 +2590,7 @@ var AlertDialogAction = React35__namespace.forwardRef(({ children, className, va
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React35__namespace.forwardRef(({ children, className, variant: variant3 = "secondary", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = React31__namespace.forwardRef(({ children, className, variant: variant3 = "secondary", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -2600,7 +2600,7 @@ var AlertDialogCancel = React35__namespace.forwardRef(({ children, className, va
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
-var Checkbox = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative", children: /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative", children: /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -2655,7 +2655,7 @@ var Drawer = DialogPrimitive__namespace.Root;
 var DrawerTrigger = DialogPrimitive__namespace.Trigger;
 var DrawerClose = DialogPrimitive__namespace.Close;
 var DrawerPortal = DialogPrimitive__namespace.Portal;
-var DrawerOverlay = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerOverlay = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -2680,8 +2680,8 @@ var DrawerVariants = classVarianceAuthority.cva("fixed flex flex-col z-50 shadow
     side: "right"
   }
 });
-var DrawerContent = React35__namespace.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
-  const Comp = portal ? DrawerPortal : React35__namespace.Fragment;
+var DrawerContent = React31__namespace.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
+  const Comp = portal ? DrawerPortal : React31__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2747,7 +2747,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerTitle = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -2759,7 +2759,7 @@ var DrawerTitle = React35__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DrawerTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DrawerDescription = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerDescription = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -2768,9 +2768,9 @@ var DrawerDescription = React35__namespace.forwardRef(({ className, ...props },
   }
 ));
 DrawerDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var Breadcrumb = React35__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React31__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbList = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ol",
   {
     ref,
@@ -2782,7 +2782,7 @@ var BreadcrumbList = React35__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbItem = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
     ref,
@@ -2794,7 +2794,7 @@ var BreadcrumbItem = React35__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React35__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React31__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "a";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -2809,7 +2809,7 @@ var BreadcrumbLink = React35__namespace.forwardRef(({ asChild, className, ...pro
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbPage = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     ref,
@@ -2856,7 +2856,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-var Switch = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitives__namespace.Root,
   {
     className: cn(
@@ -2915,7 +2915,7 @@ var Switch = React35__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
-var Tooltip = React35__namespace.forwardRef(
+var Tooltip = React31__namespace.forwardRef(
   ({
     children,
     content: content2,
@@ -2926,7 +2926,7 @@ var Tooltip = React35__namespace.forwardRef(
     className,
     ...props
   }, ref) => {
-    const Comp = portal ? TooltipPrimitive__namespace.Portal : React35__namespace.Fragment;
+    const Comp = portal ? TooltipPrimitive__namespace.Portal : React31__namespace.Fragment;
     return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Provider, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipPrimitive__namespace.Root, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { type: "button", children }),
       /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3073,11 +3073,11 @@ AccordionContent.displayName = "AccordionContent";
 AccordionTrigger.displayName = "AccordionTrigger";
 AccordionTitle.displayName = "AccordionTitle";
 AccordionDescription.displayName = "AccordionDescription";
-var TabsContext = React35__namespace.createContext({});
-var Tabs = React35__namespace.forwardRef(({ isFitted, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { isFitted }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props, children }) }));
+var TabsContext = React31__namespace.createContext({});
+var Tabs = React31__namespace.forwardRef(({ isFitted, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { isFitted }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props, children }) }));
 Tabs.displayName = TabsPrimitive__namespace.Root.displayName;
-var TabsList = React35__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { isFitted } = React35__namespace.useContext(TabsContext);
+var TabsList = React31__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { isFitted } = React31__namespace.useContext(TabsContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
     {
@@ -3098,8 +3098,8 @@ var TabsList = React35__namespace.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React35__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { isFitted } = React35__namespace.useContext(TabsContext);
+var TabsTrigger = React31__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { isFitted } = React31__namespace.useContext(TabsContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Trigger,
     {
@@ -3138,7 +3138,7 @@ var TabsTrigger = React35__namespace.forwardRef(({ className, ...props }, ref) =
   );
 });
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React31__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -3202,7 +3202,7 @@ function ToastComponent({
   options,
   t
 }) {
-  const CustomIcon = React35__namespace.default.isValidElement(options?.icon) ? React35__namespace.default.cloneElement(options.icon, {
+  const CustomIcon = React31__namespace.default.isValidElement(options?.icon) ? React31__namespace.default.cloneElement(options.icon, {
     className: cn("text-toast-icon-default", options.icon.props.className),
     size: 20
   }) : null;
@@ -3328,15 +3328,15 @@ var toast = {
   custom,
   promise
 };
-var ActionBar = React35__namespace.forwardRef(({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { modal: false, ...props }));
+var ActionBar = React31__namespace.forwardRef(({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { modal: false, ...props }));
 ActionBar.displayName = "ActionBar";
-var ActionBarTrigger = React35__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { ref, ...props }));
+var ActionBarTrigger = React31__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { ref, ...props }));
 ActionBarTrigger.displayName = "ActionBarTrigger";
 var ActionBarPortal = (props) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { ...props });
 ActionBarPortal.displayName = "ActionBarPortal";
-var ActionBarClose = React35__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { ref, ...props }));
+var ActionBarClose = React31__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { ref, ...props }));
 ActionBarClose.displayName = "ActionBarClose";
-var ActionBarButton = React35__namespace.forwardRef(
+var ActionBarButton = React31__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Button,
@@ -3351,7 +3351,7 @@ var ActionBarButton = React35__namespace.forwardRef(
   }
 );
 ActionBarButton.displayName = "ActionBarButton";
-var ActionBarDivider = React35__namespace.forwardRef(({ className, ...props }, ref) => {
+var ActionBarDivider = React31__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Separator2,
     {
@@ -3363,8 +3363,8 @@ var ActionBarDivider = React35__namespace.forwardRef(({ className, ...props }, r
   );
 });
 ActionBarDivider.displayName = "ActionBarDivider";
-var ActionBarContent = React35__namespace.forwardRef(({ className, children, portal = false, ...props }, ref) => {
-  const Comp = portal ? ActionBarPortal : React35__namespace.Fragment;
+var ActionBarContent = React31__namespace.forwardRef(({ className, children, portal = false, ...props }, ref) => {
+  const Comp = portal ? ActionBarPortal : React31__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
     {
@@ -3387,9 +3387,9 @@ var ActionBarContent = React35__namespace.forwardRef(({ className, children, por
   ) });
 });
 ActionBarContent.displayName = "ActionBarContent";
-var Heading = React35.forwardRef(
+var Heading = React31.forwardRef(
   ({ level, className, ...rest }, ref) => {
-    const element = React35.useMemo(
+    const element = React31.useMemo(
       () => ({
         1: "h1",
         2: "h2",
@@ -3400,7 +3400,7 @@ var Heading = React35.forwardRef(
       })[level],
       [level]
     );
-    const headingStyles = React35.useMemo(
+    const headingStyles = React31.useMemo(
       () => ({
         1: "text-typography-heading-1 text-heading-1 tracking-heading-1 font-heading-1 leading-heading-1",
         2: "text-typography-heading-2 text-heading-2 tracking-heading-2 font-heading-2 leading-heading-2",
@@ -3412,7 +3412,7 @@ var Heading = React35.forwardRef(
       [level]
     );
     if (!element) return null;
-    return React35__namespace.default.createElement(element, {
+    return React31__namespace.default.createElement(element, {
       ...rest,
       ref,
       className: cn(headingStyles, className)
@@ -3420,7 +3420,7 @@ var Heading = React35.forwardRef(
   }
 );
 Heading.displayName = "Heading";
-var Paragraph = React35.forwardRef(
+var Paragraph = React31.forwardRef(
   ({ size: size4 = "md", className, ...rest }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "p",
@@ -3440,7 +3440,7 @@ var Paragraph = React35.forwardRef(
   }
 );
 Paragraph.displayName = "Paragraph";
-var Caption = React35.forwardRef(
+var Caption = React31.forwardRef(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "caption",
@@ -3456,7 +3456,7 @@ var Caption = React35.forwardRef(
   }
 );
 Caption.displayName = "Caption";
-var Link = React35.forwardRef(
+var Link = React31.forwardRef(
   ({ className, size: size4 = "md", asChild = false, ...rest }, ref) => {
     const classNames = cn(
       "cursor-pointer",
@@ -3512,7 +3512,7 @@ var FlagComponent = ({ country, countryName }) => {
   const Flag = flags__default.default[country];
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds w-5 overflow-hidden rounded-sm", children: Flag ? /* @__PURE__ */ jsxRuntime.jsx(Flag, { title: countryName }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PhoneIcon, { size: 16, "aria-hidden": "true" }) });
 };
-var PhoneInput = React35__namespace.default.forwardRef(({ className, ...props }, ref) => {
+var PhoneInput = React31__namespace.default.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex items-center justify-center rounded-e-[20px] w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Separator2, { orientation: "vertical", className: "nebula-ds w-[1px] h-5 z-10" }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3540,10 +3540,10 @@ function InputPhone({
   onChange,
   ...props
 }) {
-  const [valueState, setValueState] = React35.useState("");
-  const [isFirstRender, setIsFirstRender] = React35.useState(true);
+  const [valueState, setValueState] = React31.useState("");
+  const [isFirstRender, setIsFirstRender] = React31.useState(true);
   const countryCode = defaultCountry ? RPNInput__namespace.getCountryCallingCode(defaultCountry) : null;
-  const normalizePhoneNumber = React35.useCallback(
+  const normalizePhoneNumber = React31.useCallback(
     (inputValue) => {
       if (!inputValue) return "";
       const cleanValue = inputValue.toString().replace(/[^\d+]/g, "");
@@ -3561,7 +3561,7 @@ function InputPhone({
     },
     [countryCode]
   );
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     if (value !== void 0 && value !== null) {
       const normalizedValue = normalizePhoneNumber(value);
       setValueState(normalizedValue);
@@ -3569,7 +3569,7 @@ function InputPhone({
       setValueState("");
     }
   }, [value, normalizePhoneNumber]);
-  const handleChange = React35.useCallback(
+  const handleChange = React31.useCallback(
     (newValue) => {
       setIsFirstRender(false);
       setValueState(newValue);
@@ -3603,7 +3603,7 @@ function InputPhone({
     }
   );
 }
-var Skeleton = React35__namespace.default.forwardRef(
+var Skeleton = React31__namespace.default.forwardRef(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -3648,14 +3648,14 @@ var Calendar = ({
   ...props
 }) => {
   const { locale } = useNebulaI18n();
-  const [selectedMonth, setSelectedMonth] = React35.useState(/* @__PURE__ */ new Date());
-  const [showMonthGridSelection, setShowMonthGridSelection] = React35.useState(false);
+  const [selectedMonth, setSelectedMonth] = React31.useState(/* @__PURE__ */ new Date());
+  const [showMonthGridSelection, setShowMonthGridSelection] = React31.useState(false);
   const isRange = props.mode === "range";
-  const currentMonth = React35.useMemo(
+  const currentMonth = React31.useMemo(
     () => month ?? selectedMonth,
     [month, selectedMonth]
   );
-  const handleSelectMonthByOption = React35.useCallback(
+  const handleSelectMonthByOption = React31.useCallback(
     (monthOption) => {
       setShowMonthGridSelection(false);
       const calendarDate = currentMonth;
@@ -3668,7 +3668,7 @@ var Calendar = ({
     },
     [currentMonth, month, onNextClick]
   );
-  const components2 = React35.useMemo(() => {
+  const components2 = React31.useMemo(() => {
     return {
       Day(props2) {
         const {
@@ -3955,7 +3955,7 @@ var Calendar = ({
   );
 };
 function useClickOutside(refs, onClickOutside) {
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     const refArray = Array.isArray(refs) ? refs : [refs];
     function handleClick(event) {
       const isInside = refArray.some(
@@ -3981,7 +3981,7 @@ function useClickOutside(refs, onClickOutside) {
   }, [refs, onClickOutside]);
 }
 function useKeyPress(key, callback) {
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     function handleKeyDown(event) {
       if (event.key === key) {
         callback();
@@ -4095,12 +4095,12 @@ var InputDatePickerSingle = ({
   ...rest
 }) => {
   const formattedDateByLanguage = formatDateToSubmit(value ?? "");
-  const [innerDate, setInnerDate] = React35.useState(
+  const [innerDate, setInnerDate] = React31.useState(
     formattedDateByLanguage ? new Date(formattedDateByLanguage) : void 0
   );
-  const [popoverIsOpen, setPopoverIsOpen] = React35.useState(false);
+  const [popoverIsOpen, setPopoverIsOpen] = React31.useState(false);
   const { locale } = useNebulaI18n();
-  const [month, setMonth] = React35.useState(/* @__PURE__ */ new Date());
+  const [month, setMonth] = React31.useState(/* @__PURE__ */ new Date());
   const handleClearValue = () => {
     setInnerDate(void 0);
     setMonth(/* @__PURE__ */ new Date());
@@ -4146,10 +4146,10 @@ var InputDatePickerSingle = ({
     setInnerDate(date);
     onChange?.(dateToStr, date);
   };
-  const normalizedCalendarDate = React35.useMemo(() => {
+  const normalizedCalendarDate = React31.useMemo(() => {
     return dateFns.isValid(innerDate) ? innerDate : void 0;
   }, [innerDate]);
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     if (innerDate) setMonth(innerDate);
   }, [innerDate]);
   const maskOptions = {
@@ -4157,8 +4157,8 @@ var InputDatePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
-  const conteinerRef = React35.useRef(null);
-  const calendarRef = React35.useRef(null);
+  const conteinerRef = React31.useRef(null);
+  const calendarRef = React31.useRef(null);
   useClickOutside([conteinerRef, calendarRef], () => {
     setPopoverIsOpen(false);
   });
@@ -4226,9 +4226,9 @@ var InputDatePickerSingle = ({
     ) })
   ] });
 };
-var InputTime = React35.forwardRef(
+var InputTime = React31.forwardRef(
   ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
-    const [displayValue, setDisplayValue] = React35.useState(value);
+    const [displayValue, setDisplayValue] = React31.useState(value);
     const handleKeyDown = (e) => {
       const currentValue = e.currentTarget.value;
       if ((e.altKey || e.ctrlKey || e.metaKey) && e.key !== "z") return;
@@ -4270,7 +4270,7 @@ var InputTime = React35.forwardRef(
         onChange?.(value2);
       }
     };
-    React35.useEffect(() => {
+    React31.useEffect(() => {
       if (!value) {
         setDisplayValue("");
       }
@@ -4303,7 +4303,7 @@ var InputDateTimePickerSingle = ({
   disabledDates,
   ...rest
 }) => {
-  const [innerTimeValue, setInnerTimeValue] = React35.useState(
+  const [innerTimeValue, setInnerTimeValue] = React31.useState(
     () => {
       const [, time] = (value || "")?.split?.(DATA_TIME_SEPARATOR);
       return time ?? "";
@@ -4312,13 +4312,13 @@ var InputDateTimePickerSingle = ({
   const formattedDateByLanguage = formatDateToSubmit(
     value?.split(DATA_TIME_SEPARATOR)?.at(0) ?? ""
   );
-  const [innerDate, setInnerDate] = React35.useState(
+  const [innerDate, setInnerDate] = React31.useState(
     formattedDateByLanguage ? new Date(formattedDateByLanguage) : void 0
   );
-  const [popoverIsOpen, setPopoverIsOpen] = React35.useState(false);
+  const [popoverIsOpen, setPopoverIsOpen] = React31.useState(false);
   const { locale, messages: messages20 } = useNebulaI18n();
-  const [month, setMonth] = React35.useState(/* @__PURE__ */ new Date());
-  const inputTimeRef = React35.useRef(null);
+  const [month, setMonth] = React31.useState(/* @__PURE__ */ new Date());
+  const inputTimeRef = React31.useRef(null);
   const handleClearValue = () => {
     setInnerTimeValue("");
     setInnerDate(void 0);
@@ -4408,10 +4408,10 @@ var InputDateTimePickerSingle = ({
     );
     setTimeout(() => inputTimeRef.current?.focus(), 100);
   };
-  const normalizedCalendarDate = React35.useMemo(() => {
+  const normalizedCalendarDate = React31.useMemo(() => {
     return dateFns.isValid(innerDate) ? innerDate : void 0;
   }, [innerDate]);
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     if (innerDate) setMonth(innerDate);
   }, [innerDate]);
   const maskOptions = {
@@ -4419,8 +4419,8 @@ var InputDateTimePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
-  const conteinerRef = React35.useRef(null);
-  const calendarRef = React35.useRef(null);
+  const conteinerRef = React31.useRef(null);
+  const calendarRef = React31.useRef(null);
   useClickOutside([conteinerRef, calendarRef], () => {
     setPopoverIsOpen(false);
   });
@@ -4513,17 +4513,17 @@ var InputDateRangePicker = ({
   disabledDates,
   ...rest
 }) => {
-  const [month, setMonth] = React35.useState(/* @__PURE__ */ new Date());
-  const [innerValue, setInnerValue] = React35.useState();
-  const [popoverIsOpen, setPopoverIsOpen] = React35.useState(false);
+  const [month, setMonth] = React31.useState(/* @__PURE__ */ new Date());
+  const [innerValue, setInnerValue] = React31.useState();
+  const [popoverIsOpen, setPopoverIsOpen] = React31.useState(false);
   const maskOptions = {
     mask: "__/__/____ - __/__/____",
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
   const { locale } = useNebulaI18n();
-  const conteinerRef = React35.useRef(null);
-  const calendarRef = React35.useRef(null);
+  const conteinerRef = React31.useRef(null);
+  const calendarRef = React31.useRef(null);
   useClickOutside([conteinerRef, calendarRef], () => {
     setPopoverIsOpen(false);
   });
@@ -4536,7 +4536,7 @@ var InputDateRangePicker = ({
     const dateEnd = endDate && dateFormatIsValid(endDate, locale) ? dateParts(endDate, locale).date : void 0;
     onChange?.(value2, [dateStart, dateEnd]);
   };
-  const handleChangeCalendarDate = React35.useCallback(
+  const handleChangeCalendarDate = React31.useCallback(
     (date) => {
       setInnerValue(date);
       const [from, to] = date;
@@ -4558,7 +4558,7 @@ var InputDateRangePicker = ({
     },
     [locale, onChange]
   );
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     if (value) {
       const [startDate, endDate] = value.split(" - ");
       const dateStart = startDate && dateFormatIsValid(startDate, locale) ? dateParts(startDate, locale).date : void 0;
@@ -4656,7 +4656,7 @@ var useFileUpload = (options = {}) => {
     onFilesChange,
     onFilesAdded
   } = options;
-  const [state, setState] = React35.useState({
+  const [state, setState] = React31.useState({
     files: initialFiles.map((file) => ({
       file,
       id: file.id,
@@ -4665,8 +4665,8 @@ var useFileUpload = (options = {}) => {
     isDragging: false,
     errors: []
   });
-  const inputRef = React35.useRef(null);
-  const validateFile = React35.useCallback(
+  const inputRef = React31.useRef(null);
+  const validateFile = React31.useCallback(
     (file) => {
       if (file instanceof File) {
         if (file.size > maxSize) {
@@ -4705,7 +4705,7 @@ var useFileUpload = (options = {}) => {
     },
     [accept, maxSize]
   );
-  const createPreview = React35.useCallback(
+  const createPreview = React31.useCallback(
     (file) => {
       if (file instanceof File) {
         return URL.createObjectURL(file);
@@ -4714,13 +4714,13 @@ var useFileUpload = (options = {}) => {
     },
     []
   );
-  const generateUniqueId = React35.useCallback((file) => {
+  const generateUniqueId = React31.useCallback((file) => {
     if (file instanceof File) {
       return `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
     }
     return file.id;
   }, []);
-  const clearFiles = React35.useCallback(() => {
+  const clearFiles = React31.useCallback(() => {
     setState((prev) => {
       prev.files.forEach((file) => {
         if (file.preview && file.file instanceof File && file.file.type.startsWith("image/")) {
@@ -4739,7 +4739,7 @@ var useFileUpload = (options = {}) => {
       return newState;
     });
   }, [onFilesChange]);
-  const addFiles = React35.useCallback(
+  const addFiles = React31.useCallback(
     (newFiles) => {
       if (!newFiles || newFiles.length === 0) return;
       const newFilesArray = Array.from(newFiles);
@@ -4815,7 +4815,7 @@ var useFileUpload = (options = {}) => {
       onFilesAdded
     ]
   );
-  const removeFile = React35.useCallback(
+  const removeFile = React31.useCallback(
     (id) => {
       setState((prev) => {
         const fileToRemove = prev.files.find((file) => file.id === id);
@@ -4833,18 +4833,18 @@ var useFileUpload = (options = {}) => {
     },
     [onFilesChange]
   );
-  const clearErrors = React35.useCallback(() => {
+  const clearErrors = React31.useCallback(() => {
     setState((prev) => ({
       ...prev,
       errors: []
     }));
   }, []);
-  const handleDragEnter = React35.useCallback((e) => {
+  const handleDragEnter = React31.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     setState((prev) => ({ ...prev, isDragging: true }));
   }, []);
-  const handleDragLeave = React35.useCallback((e) => {
+  const handleDragLeave = React31.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     if (e.currentTarget.contains(e.relatedTarget)) {
@@ -4852,11 +4852,11 @@ var useFileUpload = (options = {}) => {
     }
     setState((prev) => ({ ...prev, isDragging: false }));
   }, []);
-  const handleDragOver = React35.useCallback((e) => {
+  const handleDragOver = React31.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
   }, []);
-  const handleDrop = React35.useCallback(
+  const handleDrop = React31.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -4877,7 +4877,7 @@ var useFileUpload = (options = {}) => {
     },
     [addFiles, multiple]
   );
-  const handleFileChange = React35.useCallback(
+  const handleFileChange = React31.useCallback(
     (e) => {
       if (e.target.files && e.target.files.length > 0) {
         addFiles(e.target.files);
@@ -4885,12 +4885,12 @@ var useFileUpload = (options = {}) => {
     },
     [addFiles]
   );
-  const openFileDialog = React35.useCallback(() => {
+  const openFileDialog = React31.useCallback(() => {
     if (inputRef.current) {
       inputRef.current.click();
     }
   }, []);
-  const getInputProps = React35.useCallback(
+  const getInputProps = React31.useCallback(
     (props = {}) => {
       return {
         ...props,
@@ -4903,7 +4903,7 @@ var useFileUpload = (options = {}) => {
     },
     [accept, multiple, handleFileChange]
   );
-  return React35.useMemo(
+  return React31.useMemo(
     () => [
       state,
       {
@@ -4987,10 +4987,10 @@ function FileUpload({
     ...rest,
     maxFiles
   });
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     onError?.(errors);
   }, [errors, onError]);
-  const disabled = React35.useMemo(() => {
+  const disabled = React31.useMemo(() => {
     if (rest.disabled) return true;
     if (rest.multiple) {
       if (!Number.isFinite(maxFiles)) return false;
@@ -5095,7 +5095,7 @@ function FileUpload({
   ] });
 }
 FileUpload.displayName = "FileUpload";
-var TextArea = React35__namespace.forwardRef(
+var TextArea = React31__namespace.forwardRef(
   ({
     className,
     isError = false,
@@ -5107,14 +5107,14 @@ var TextArea = React35__namespace.forwardRef(
     asInput,
     ...props
   }, ref) => {
-    const innerRef = React35__namespace.useRef(
+    const innerRef = React31__namespace.useRef(
       null
     );
-    const [count, setCount] = React35__namespace.useState(String(props.value ?? "").length);
+    const [count, setCount] = React31__namespace.useState(String(props.value ?? "").length);
     const countParts = [count, maxLength].filter(
       (part) => typeof part === "number"
     );
-    React35__namespace.useEffect(() => {
+    React31__namespace.useEffect(() => {
       const textarea = innerRef.current;
       if (!textarea || !autoResize) return;
       const adjustHeight = () => {
@@ -5127,7 +5127,7 @@ var TextArea = React35__namespace.forwardRef(
         textarea.removeEventListener("input", adjustHeight);
       };
     }, [asInput, autoResize, props.value]);
-    React35__namespace.useImperativeHandle(ref, () => innerRef.current);
+    React31__namespace.useImperativeHandle(ref, () => innerRef.current);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds relative w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -5175,9 +5175,9 @@ TextArea.displayName = "TextArea";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
-var CropperContext = React35.createContext(null);
+var CropperContext = React31.createContext(null);
 var useCropperContext = () => {
-  const context = React35.useContext(CropperContext);
+  const context = React31.useContext(CropperContext);
   if (!context) {
     throw new Error("useCropperContext must be used within a Cropper.Root");
   }
@@ -5199,33 +5199,33 @@ var CropperRoot = ({
   children,
   ...restProps
 }) => {
-  const descriptionId = React35.useId();
-  const [imgWidth, setImgWidth] = React35.useState(null);
-  const [imgHeight, setImgHeight] = React35.useState(null);
-  const containerRef = React35.useRef(null);
-  const [cropAreaWidth, setCropAreaWidth] = React35.useState(0);
-  const [cropAreaHeight, setCropAreaHeight] = React35.useState(0);
-  const [imageWrapperWidth, setImageWrapperWidth] = React35.useState(0);
-  const [imageWrapperHeight, setImageWrapperHeight] = React35.useState(0);
-  const [offsetX, setOffsetX] = React35.useState(0);
-  const [offsetY, setOffsetY] = React35.useState(0);
-  const [internalZoom, setInternalZoom] = React35.useState(minZoom);
-  const [isDragging, setIsDragging] = React35.useState(false);
-  const dragStartPointRef = React35.useRef({ x: 0, y: 0 });
-  const dragStartOffsetRef = React35.useRef({ x: 0, y: 0 });
-  const latestRestrictedOffsetRef = React35.useRef({
+  const descriptionId = React31.useId();
+  const [imgWidth, setImgWidth] = React31.useState(null);
+  const [imgHeight, setImgHeight] = React31.useState(null);
+  const containerRef = React31.useRef(null);
+  const [cropAreaWidth, setCropAreaWidth] = React31.useState(0);
+  const [cropAreaHeight, setCropAreaHeight] = React31.useState(0);
+  const [imageWrapperWidth, setImageWrapperWidth] = React31.useState(0);
+  const [imageWrapperHeight, setImageWrapperHeight] = React31.useState(0);
+  const [offsetX, setOffsetX] = React31.useState(0);
+  const [offsetY, setOffsetY] = React31.useState(0);
+  const [internalZoom, setInternalZoom] = React31.useState(minZoom);
+  const [isDragging, setIsDragging] = React31.useState(false);
+  const dragStartPointRef = React31.useRef({ x: 0, y: 0 });
+  const dragStartOffsetRef = React31.useRef({ x: 0, y: 0 });
+  const latestRestrictedOffsetRef = React31.useRef({
     x: offsetX,
     y: offsetY
   });
-  const latestZoomRef = React35.useRef(internalZoom);
-  const isInitialSetupDoneRef = React35.useRef(false);
-  const initialPinchDistanceRef = React35.useRef(0);
-  const initialPinchZoomRef = React35.useRef(1);
-  const isPinchingRef = React35.useRef(false);
-  const hasWarnedRef = React35.useRef(false);
+  const latestZoomRef = React31.useRef(internalZoom);
+  const isInitialSetupDoneRef = React31.useRef(false);
+  const initialPinchDistanceRef = React31.useRef(0);
+  const initialPinchZoomRef = React31.useRef(1);
+  const isPinchingRef = React31.useRef(false);
+  const hasWarnedRef = React31.useRef(false);
   const isZoomControlled = zoomProp !== void 0;
   const effectiveZoom = isZoomControlled ? zoomProp : internalZoom;
-  const updateZoom = React35.useCallback(
+  const updateZoom = React31.useCallback(
     (newZoomValue) => {
       const clampedZoom = clamp(newZoomValue, minZoom, maxZoom);
       if (onZoomChange) {
@@ -5237,10 +5237,10 @@ var CropperRoot = ({
     },
     [minZoom, maxZoom, onZoomChange, isZoomControlled]
   );
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     latestZoomRef.current = effectiveZoom;
   }, [effectiveZoom]);
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     setOffsetX(0);
     setOffsetY(0);
     if (!isZoomControlled) {
@@ -5271,7 +5271,7 @@ var CropperRoot = ({
       isMounted = false;
     };
   }, [image, minZoom, isZoomControlled]);
-  const updateCropAreaDimensions = React35.useCallback(
+  const updateCropAreaDimensions = React31.useCallback(
     (containerWidth, containerHeight) => {
       if (containerWidth <= 0 || containerHeight <= 0) {
         setCropAreaWidth(0);
@@ -5294,7 +5294,7 @@ var CropperRoot = ({
     },
     [aspectRatio, cropPadding]
   );
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     const element = containerRef.current;
     if (!element) return;
     const observer = new ResizeObserver((entries) => {
@@ -5310,7 +5310,7 @@ var CropperRoot = ({
       updateCropAreaDimensions(initialWidth, initialHeight);
     return () => observer.disconnect();
   }, [updateCropAreaDimensions]);
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     if (cropAreaWidth <= 0 || cropAreaHeight <= 0 || !imgWidth || !imgHeight) {
       setImageWrapperWidth(0);
       setImageWrapperHeight(0);
@@ -5330,7 +5330,7 @@ var CropperRoot = ({
     setImageWrapperWidth(targetWrapperWidth);
     setImageWrapperHeight(targetWrapperHeight);
   }, [cropAreaWidth, cropAreaHeight, imgWidth, imgHeight]);
-  const restrictOffset = React35.useCallback(
+  const restrictOffset = React31.useCallback(
     (dragOffsetX, dragOffsetY, currentZoom) => {
       if (imageWrapperWidth <= 0 || imageWrapperHeight <= 0 || cropAreaWidth <= 0 || cropAreaHeight <= 0)
         return { x: 0, y: 0 };
@@ -5348,7 +5348,7 @@ var CropperRoot = ({
     },
     [imageWrapperWidth, imageWrapperHeight, cropAreaWidth, cropAreaHeight]
   );
-  const calculateCropData = React35.useCallback(
+  const calculateCropData = React31.useCallback(
     (finalOffsetX, finalOffsetY, finalZoom) => {
       const currentOffsetX = finalOffsetX !== void 0 ? finalOffsetX : latestRestrictedOffsetRef.current.x;
       const currentOffsetY = finalOffsetY !== void 0 ? finalOffsetY : latestRestrictedOffsetRef.current.y;
@@ -5382,7 +5382,7 @@ var CropperRoot = ({
       effectiveZoom
     ]
   );
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     if (imageWrapperWidth > 0 && imageWrapperHeight > 0 && cropAreaWidth > 0 && cropAreaHeight > 0) {
       const currentZoomForSetup = effectiveZoom;
       if (!isInitialSetupDoneRef.current) {
@@ -5453,7 +5453,7 @@ var CropperRoot = ({
     updateZoom,
     imageWrapperHeight
   ]);
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     const checkTimeout = setTimeout(() => {
       if (containerRef.current && !hasWarnedRef.current) {
         const hasDescription = document.getElementById(descriptionId);
@@ -5464,7 +5464,7 @@ var CropperRoot = ({
     }, 100);
     return () => clearTimeout(checkTimeout);
   }, [descriptionId]);
-  const handleInteractionEnd = React35.useCallback(() => {
+  const handleInteractionEnd = React31.useCallback(() => {
     if (onCropChange) {
       const finalData = calculateCropData(
         latestRestrictedOffsetRef.current.x,
@@ -5474,7 +5474,7 @@ var CropperRoot = ({
       onCropChange(finalData);
     }
   }, [onCropChange, calculateCropData, effectiveZoom]);
-  const handleMouseDown = React35.useCallback(
+  const handleMouseDown = React31.useCallback(
     (e) => {
       if (e.button !== 0 || !containerRef.current) return;
       e.preventDefault();
@@ -5510,7 +5510,7 @@ var CropperRoot = ({
     },
     [restrictOffset, effectiveZoom, handleInteractionEnd]
   );
-  const handleWheel = React35.useCallback(
+  const handleWheel = React31.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -5566,7 +5566,7 @@ var CropperRoot = ({
     x: (touches[0].clientX + touches[1].clientX) / 2,
     y: (touches[0].clientY + touches[1].clientY) / 2
   });
-  const handleTouchStart = React35.useCallback(
+  const handleTouchStart = React31.useCallback(
     (e) => {
       if (!containerRef.current || imageWrapperWidth <= 0 || imageWrapperHeight <= 0)
         return;
@@ -5596,7 +5596,7 @@ var CropperRoot = ({
     },
     [imageWrapperWidth, imageWrapperHeight]
   );
-  const handleTouchMove = React35.useCallback(
+  const handleTouchMove = React31.useCallback(
     (e) => {
       if (!containerRef.current || imageWrapperWidth <= 0 || imageWrapperHeight <= 0)
         return;
@@ -5664,7 +5664,7 @@ var CropperRoot = ({
       calculateCropData
     ]
   );
-  const handleTouchEnd = React35.useCallback(
+  const handleTouchEnd = React31.useCallback(
     (e) => {
       e.preventDefault();
       const touches = e.touches;
@@ -5691,7 +5691,7 @@ var CropperRoot = ({
     },
     [isDragging, handleInteractionEnd]
   );
-  const handleKeyDown = React35.useCallback(
+  const handleKeyDown = React31.useCallback(
     (e) => {
       if (imageWrapperWidth <= 0) return;
       let targetOffsetX = latestRestrictedOffsetRef.current.x;
@@ -5733,7 +5733,7 @@ var CropperRoot = ({
     },
     [keyboardStep, imageWrapperWidth, restrictOffset, effectiveZoom]
   );
-  const handleKeyUp = React35.useCallback(
+  const handleKeyUp = React31.useCallback(
     (e) => {
       if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) {
         handleInteractionEnd();
@@ -5741,7 +5741,7 @@ var CropperRoot = ({
     },
     [handleInteractionEnd]
   );
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     const node = containerRef.current;
     if (!node) return;
     const options = { passive: false };
@@ -5758,7 +5758,7 @@ var CropperRoot = ({
       node.removeEventListener("touchcancel", handleTouchEnd, options);
     };
   }, [handleWheel, handleTouchStart, handleTouchMove, handleTouchEnd]);
-  const getRootProps = React35.useCallback(
+  const getRootProps = React31.useCallback(
     () => ({
       className,
       style,
@@ -5786,7 +5786,7 @@ var CropperRoot = ({
       effectiveZoom
     ]
   );
-  const getImageWrapperStyle = React35.useCallback(
+  const getImageWrapperStyle = React31.useCallback(
     () => ({
       width: imageWrapperWidth,
       height: imageWrapperHeight,
@@ -5798,7 +5798,7 @@ var CropperRoot = ({
     }),
     [imageWrapperWidth, imageWrapperHeight, offsetX, offsetY, effectiveZoom]
   );
-  const getImageProps = React35.useCallback(
+  const getImageProps = React31.useCallback(
     () => ({
       src: image,
       alt: "Image being cropped",
@@ -5807,14 +5807,14 @@ var CropperRoot = ({
     }),
     [image]
   );
-  const getCropAreaStyle = React35.useCallback(
+  const getCropAreaStyle = React31.useCallback(
     () => ({
       width: cropAreaWidth,
       height: cropAreaHeight
     }),
     [cropAreaWidth, cropAreaHeight]
   );
-  const getCropAreaProps = React35.useCallback(
+  const getCropAreaProps = React31.useCallback(
     () => ({
       style: getCropAreaStyle(),
       "aria-hidden": true
@@ -5892,10 +5892,10 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const [internalValues, setInternalValues] = React35__namespace.useState(
+  const [internalValues, setInternalValues] = React31__namespace.useState(
     Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]
   );
-  React35__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (value !== void 0) {
       setInternalValues(Array.isArray(value) ? value : [value]);
     }
@@ -5948,7 +5948,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: internalValues.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(React35__namespace.Fragment, { children: renderThumb() }, index))
+        Array.from({ length: internalValues.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(React31__namespace.Fragment, { children: renderThumb() }, index))
       ]
     }
   );
@@ -6064,10 +6064,10 @@ function Cropper2({
   rounded = false,
   portal = false
 }) {
-  const [finalImageUrl, setFinalImageUrl] = React35.useState(null);
-  const [croppedAreaPixels, setCroppedAreaPixels] = React35.useState(null);
-  const [zoom, setZoom] = React35.useState(1);
-  const handleCropChange = React35.useCallback((pixels) => {
+  const [finalImageUrl, setFinalImageUrl] = React31.useState(null);
+  const [croppedAreaPixels, setCroppedAreaPixels] = React31.useState(null);
+  const [zoom, setZoom] = React31.useState(1);
+  const handleCropChange = React31.useCallback((pixels) => {
     setCroppedAreaPixels(pixels);
   }, []);
   const handleApply = async () => {
@@ -6100,7 +6100,7 @@ function Cropper2({
     onOpenChange?.(false);
     onCancelCrop?.();
   };
-  React35.useEffect(() => {
+  React31.useEffect(() => {
     const currentFinalUrl = finalImageUrl;
     return () => {
       if (currentFinalUrl && currentFinalUrl.startsWith("blob:")) {
@@ -6223,8 +6223,8 @@ var ProfileImage = ({
   icon
 }) => {
   const maxSize = maxSizeMB * 1024 * 1024;
-  const id = React35.useId();
-  const withCropper = React35.useMemo(() => !!cropperProps, [cropperProps]);
+  const id = React31.useId();
+  const withCropper = React31.useMemo(() => !!cropperProps, [cropperProps]);
   const handleFileChange = (file2, blob) => {
     if (!file2) {
       return;
@@ -6267,23 +6267,23 @@ var ProfileImage = ({
       handleFileChange(file2?.file);
     }
   });
-  const [finalImageUrl, setFinalImageUrl] = React35.useState(
+  const [finalImageUrl, setFinalImageUrl] = React31.useState(
     image || null
   );
-  const [isDialogOpen, setIsDialogOpen] = React35.useState(false);
-  React35.useEffect(() => {
+  const [isDialogOpen, setIsDialogOpen] = React31.useState(false);
+  React31.useEffect(() => {
     onError?.(errors);
   }, [errors, onError]);
   const [file] = files;
   const fileId = file?.id;
-  const previousFileIdRef = React35.useRef(null);
+  const previousFileIdRef = React31.useRef(null);
   const previewUrl = file?.preview || null;
-  const profileImagePreview = React35.useMemo(() => {
+  const profileImagePreview = React31.useMemo(() => {
     if (withCropper) return finalImageUrl;
     return previewUrl;
   }, [previewUrl, withCropper, finalImageUrl]);
-  const initialRenderRef = React35.useRef(true);
-  React35.useEffect(() => {
+  const initialRenderRef = React31.useRef(true);
+  React31.useEffect(() => {
     if (!withCropper) return;
     if (fileId && fileId !== previousFileIdRef.current && !initialRenderRef.current) {
       setIsDialogOpen(true);
@@ -6456,19 +6456,19 @@ function RadioGroupItem({
     }
   );
 }
-var StepperContext = React35.createContext(void 0);
-var StepItemContext = React35.createContext(
+var StepperContext = React31.createContext(void 0);
+var StepItemContext = React31.createContext(
   void 0
 );
 var useStepper = () => {
-  const context = React35.useContext(StepperContext);
+  const context = React31.useContext(StepperContext);
   if (!context) {
     throw new Error("useStepper must be used within a Stepper");
   }
   return context;
 };
 var useStepItem = () => {
-  const context = React35.useContext(StepItemContext);
+  const context = React31.useContext(StepItemContext);
   if (!context) {
     throw new Error("useStepItem must be used within a StepperItem");
   }
@@ -6482,8 +6482,8 @@ function Stepper({
   className,
   ...props
 }) {
-  const [activeStep, setInternalStep] = React35__namespace.useState(defaultValue);
-  const setActiveStep = React35__namespace.useCallback(
+  const [activeStep, setInternalStep] = React31__namespace.useState(defaultValue);
+  const setActiveStep = React31__namespace.useCallback(
     (step) => {
       if (value === void 0) {
         setInternalStep(step);
@@ -6574,7 +6574,7 @@ function StepperTrigger({
 }) {
   const { setActiveStep } = useStepper();
   const { step, isDisabled } = useStepItem();
-  const handleClick = React35__namespace.useCallback(
+  const handleClick = React31__namespace.useCallback(
     (e) => {
       if (isClickable) {
         setActiveStep(step);
@@ -6949,18 +6949,45 @@ var DEFAULT_MEASURING = {
 };
 var DEFAULT_VIRTUAL_CARD_HEIGHT = 96;
 var DEFAULT_LOAD_MORE_OFFSET = 120;
-var KanbanColumnContext = React35__namespace.createContext(null);
-var KanbanColumn = React35__namespace.forwardRef(
+var KanbanColumnContext = React31__namespace.createContext(null);
+var KanbanColumn = React31__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("min-h-[320px]", className), ...props });
   }
 );
 KanbanColumn.displayName = "KanbanColumn";
-var KanbanColumnHeader = React35__namespace.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex", className), ...props });
+var KanbanColumnHeader = React31__namespace.forwardRef(({ className, ...props }, ref) => {
+  const context = React31__namespace.useContext(KanbanColumnContext);
+  const reactId = React31__namespace.useId();
+  const { active } = core.useDndContext();
+  const droppableId = context ? `${context.columnId}-header-droppable` : `kanban-column-header-${reactId}`;
+  const isCardDragActive = active?.data.current?.type === "card";
+  const { setNodeRef } = core.useDroppable({
+    id: droppableId,
+    data: {
+      type: "column-droppable",
+      columnId: context?.columnId ?? droppableId,
+      ordering: context?.ordering ?? "manual",
+      allowDrop: context?.allowDrop ?? false,
+      location: "header"
+    },
+    disabled: !context || context.allowDrop === false || !isCardDragActive
+  });
+  const mergedRef = React31__namespace.useCallback(
+    (node) => {
+      setNodeRef(node);
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [ref, setNodeRef]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: mergedRef, className: cn("flex", className), ...props });
 });
 KanbanColumnHeader.displayName = "KanbanColumnHeader";
-var KanbanColumnTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => {
+var KanbanColumnTitle = React31__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "h3",
     {
@@ -6971,11 +6998,38 @@ var KanbanColumnTitle = React35__namespace.forwardRef(({ className, ...props },
   );
 });
 KanbanColumnTitle.displayName = "KanbanColumnTitle";
-var KanbanColumnFooter = React35__namespace.forwardRef(({ className, ...props }, ref) => {
+var KanbanColumnFooter = React31__namespace.forwardRef(({ className, ...props }, ref) => {
+  const context = React31__namespace.useContext(KanbanColumnContext);
+  const reactId = React31__namespace.useId();
+  const { active } = core.useDndContext();
+  const droppableId = context ? `${context.columnId}-footer-droppable` : `kanban-column-footer-${reactId}`;
+  const isCardDragActive = active?.data.current?.type === "card";
+  const { setNodeRef } = core.useDroppable({
+    id: droppableId,
+    data: {
+      type: "column-droppable",
+      columnId: context?.columnId ?? droppableId,
+      ordering: context?.ordering ?? "manual",
+      allowDrop: context?.allowDrop ?? false,
+      location: "footer"
+    },
+    disabled: !context || context.allowDrop === false || !isCardDragActive
+  });
+  const mergedRef = React31__namespace.useCallback(
+    (node) => {
+      setNodeRef(node);
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [ref, setNodeRef]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      ref,
+      ref: mergedRef,
       className: cn(
         "border-t border-box-border px-5 py-4 text-xs text-neutral-500",
         className
@@ -6985,16 +7039,16 @@ var KanbanColumnFooter = React35__namespace.forwardRef(({ className, ...props },
   );
 });
 KanbanColumnFooter.displayName = "KanbanColumnFooter";
-var KanbanCard = React35__namespace.forwardRef(
+var KanbanCard = React31__namespace.forwardRef(
   ({ className, isDragging, isOverlay, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.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)]",
+          "group relative rounded-2xl border border-box-border/80 bg-box-background-primary px-5 py-4 text-left transition-all duration-150 hover:-translate-y-[1px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-button-primary-border-focus",
+          isDragging && "ring-2 ring-button-primary-border-focus",
+          isOverlay && "ring-4 ring-button-primary-border-focus/60",
           className
         ),
         ...props
@@ -7003,14 +7057,14 @@ var KanbanCard = React35__namespace.forwardRef(
   }
 );
 KanbanCard.displayName = "KanbanCard";
-var KanbanColumnDragHandle = React35__namespace.forwardRef(({ className, children, ...props }, ref) => {
-  const context = React35__namespace.useContext(KanbanColumnContext);
+var KanbanColumnDragHandle = React31__namespace.forwardRef(({ className, children, ...props }, ref) => {
+  const context = React31__namespace.useContext(KanbanColumnContext);
   if (!context) {
     throw new Error(
       "KanbanColumnDragHandle must be used inside a KanbanBoard column"
     );
   }
-  const mergedRef = React35__namespace.useCallback(
+  const mergedRef = React31__namespace.useCallback(
     (node) => {
       context.setActivatorNodeRef(node);
       if (typeof ref === "function") {
@@ -7063,30 +7117,6 @@ function getCardSortDisabled(card, column) {
     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,
@@ -7221,7 +7251,7 @@ function KanbanSortableCard({
     transition,
     isDragging
   } = sortable$1;
-  const composedRef = React35__namespace.useCallback(
+  const composedRef = React31__namespace.useCallback(
     (node) => {
       setNodeRef(node);
       if (virtualizationEnabled && node) {
@@ -7285,8 +7315,8 @@ var KanbanColumnBodyInner = ({
   isManualOrdering,
   isDropTarget
 }, ref) => {
-  const scrollRef = React35__namespace.useRef(null);
-  const combinedRef = React35__namespace.useCallback(
+  const scrollRef = React31__namespace.useRef(null);
+  const combinedRef = React31__namespace.useCallback(
     (node) => {
       scrollRef.current = node;
       if (typeof ref === "function") {
@@ -7299,7 +7329,7 @@ var KanbanColumnBodyInner = ({
   );
   const virtualization = column.virtualization;
   const virtualizationEnabled = Boolean(virtualization?.enabled);
-  const cardIds = React35__namespace.useMemo(
+  const cardIds = React31__namespace.useMemo(
     () => column.cards.map((card) => getCardId(card)),
     [column.cards, getCardId]
   );
@@ -7311,7 +7341,7 @@ var KanbanColumnBodyInner = ({
     enabled: virtualizationEnabled
   });
   const { onLoadMore, hasMore, isLoadingMore, loadMoreOffset } = column;
-  React35__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!onLoadMore || !hasMore || isLoadingMore) {
       return;
     }
@@ -7332,7 +7362,7 @@ var KanbanColumnBodyInner = ({
     };
   }, [hasMore, isLoadingMore, loadMoreOffset, onLoadMore]);
   const columnBodyClasses = cn(
-    "flex-1 overflow-y-auto px-4 pb-4 pt-1",
+    "flex-1 overflow-y-auto px-2 pb-4 pt-2",
     column.cards.length === 0 && "flex items-center justify-center"
   );
   const emptyState = renderEmptyState?.(columnContext) ?? column.emptyState ?? defaultRenderEmptyState();
@@ -7383,7 +7413,7 @@ var KanbanColumnBodyInner = ({
           );
         })
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex flex-col gap-4", children: column.cards.map((card, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex flex-col gap-2", children: column.cards.map((card, index) => /* @__PURE__ */ jsxRuntime.jsx(
       KanbanSortableCard,
       {
         card,
@@ -7401,7 +7431,7 @@ var KanbanColumnBodyInner = ({
     column.hasMore && column.isLoadingMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds mt-3 flex justify-center text-xs text-neutral-500", children: "..." }) : null
   ] }) });
 };
-var KanbanColumnBodyBase = React35__namespace.forwardRef(KanbanColumnBodyInner);
+var KanbanColumnBodyBase = React31__namespace.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]";
@@ -7442,13 +7472,27 @@ function KanbanSortableColumn({
       type: "column-droppable",
       columnId: column.id,
       ordering: column.ordering ?? "manual",
-      allowDrop: column.allowDrop !== false
+      allowDrop: column.allowDrop !== false,
+      location: "body"
     },
     disabled: column.allowDrop === false
   });
-  const columnContextValue = React35__namespace.useMemo(
+  const { setNodeRef: setFooterDropzoneRef } = core.useDroppable({
+    id: `${column.id}-footer-dropzone`,
+    data: {
+      type: "column-droppable",
+      columnId: column.id,
+      ordering: column.ordering ?? "manual",
+      allowDrop: column.allowDrop !== false,
+      location: "footer"
+    },
+    disabled: column.allowDrop === false
+  });
+  const columnContextValue = React31__namespace.useMemo(
     () => ({
       columnId: column.id,
+      ordering: column.ordering ?? "manual",
+      allowDrop: column.allowDrop !== false,
       setActivatorNodeRef,
       listeners,
       attributes,
@@ -7457,8 +7501,10 @@ function KanbanSortableColumn({
     }),
     [
       attributes,
+      column.allowDrop,
       column.canDrag,
       column.id,
+      column.ordering,
       isDragging,
       listeners,
       setActivatorNodeRef
@@ -7502,7 +7548,7 @@ function KanbanSortableColumn({
             isDropTarget: columnContext.isDropTarget
           }
         ),
-        column.footer || renderColumnFooter ? renderColumnFooter ? renderColumnFooter(columnContext) : /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnFooter, { children: column.footer }) : null
+        column.footer || renderColumnFooter ? renderColumnFooter ? /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setFooterDropzoneRef, children: renderColumnFooter(columnContext) }) : /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnFooter, { children: column.footer }) : null
       ]
     }
   ) });
@@ -7549,6 +7595,8 @@ function renderColumnOverlay({
   const computedColumnClassName = typeof columnClassName === "function" ? columnClassName(columnContext) : columnClassName;
   const overlayColumnContext = {
     columnId: activeColumn.id,
+    ordering: "manual",
+    allowDrop: false,
     setActivatorNodeRef: () => {
     },
     listeners: void 0,
@@ -7593,7 +7641,23 @@ function KanbanBoard({
   sensors: sensorsProp,
   measuring
 }) {
-  const getCardId = React35__namespace.useCallback(
+  const resolveHeaderFooterDropzone = React31__namespace.useCallback(
+    (event) => {
+      const collisions = event.collisions;
+      if (!collisions) {
+        return null;
+      }
+      for (const collision of collisions) {
+        const droppableData = collision.data?.droppableContainer?.data?.current;
+        if (droppableData?.type === "column-droppable" && (droppableData.location === "header" || droppableData.location === "footer")) {
+          return droppableData;
+        }
+      }
+      return null;
+    },
+    []
+  );
+  const getCardId = React31__namespace.useCallback(
     (card) => getCardIdProp ? getCardIdProp(card) : card.id,
     [getCardIdProp]
   );
@@ -7615,22 +7679,22 @@ function KanbanBoard({
   );
   const sensors = sensorsProp ?? defaultSensors;
   const measuringConfig = measuring ?? DEFAULT_MEASURING;
-  const columnMap = React35__namespace.useMemo(
+  const columnMap = React31__namespace.useMemo(
     () => new Map(columns.map((column) => [column.id, column])),
     [columns]
   );
-  const manualDropPosition = React35__namespace.useRef(null);
-  const [activeCard, setActiveCard] = React35__namespace.useState(null);
-  const [activeColumn, setActiveColumn] = React35__namespace.useState(null);
-  const [hoveredColumnId, setHoveredColumnId] = React35__namespace.useState(null);
-  const [projectedColumns, setProjectedColumns] = React35__namespace.useState(null);
+  const manualDropPosition = React31__namespace.useRef(null);
+  const [activeCard, setActiveCard] = React31__namespace.useState(null);
+  const [activeColumn, setActiveColumn] = React31__namespace.useState(null);
+  const [hoveredColumnId, setHoveredColumnId] = React31__namespace.useState(null);
+  const [projectedColumns, setProjectedColumns] = React31__namespace.useState(null);
   const sanitizedColumns = projectedColumns ?? columns;
-  React35__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!activeCard && !activeColumn) {
       setProjectedColumns(null);
     }
   }, [columns, activeCard, activeColumn]);
-  const handleDragStart = React35__namespace.useCallback(
+  const handleDragStart = React31__namespace.useCallback(
     (event) => {
       const data = event.active.data.current;
       if (!data) {
@@ -7654,7 +7718,7 @@ function KanbanBoard({
     },
     [getCardId]
   );
-  const handleDragOver = React35__namespace.useCallback(
+  const handleDragOver = React31__namespace.useCallback(
     (event) => {
       const { active, over } = event;
       if (!over) {
@@ -7671,7 +7735,6 @@ function KanbanBoard({
           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;
@@ -7683,12 +7746,36 @@ function KanbanBoard({
           const ordering = targetColumn.ordering ?? "manual";
           setHoveredColumnId(targetColumnId);
           if (ordering === "manual") {
-            const nextIndex = calculateManualInsertionIndex({
-              overData,
-              fromColumnId,
-              targetColumnId,
-              columns: baseColumns
-            });
+            const originalTargetColumn = columns.find(
+              (column) => column.id === targetColumnId
+            );
+            const projectedTargetColumn = baseColumns.find(
+              (column) => column.id === targetColumnId
+            );
+            if (!originalTargetColumn) return;
+            const originalLength = originalTargetColumn.cards.length;
+            const activeCardId = getCardId(activeData.card);
+            let nextIndex = null;
+            if (overData.type === "column-droppable") {
+              if (overData.location === "header") {
+                nextIndex = 0;
+              } else if (fromColumnId === targetColumnId) {
+                nextIndex = originalLength - 1;
+              } else {
+                nextIndex = originalLength;
+              }
+            } else if (overData.type === "card") {
+              if (fromColumnId === targetColumnId) {
+                nextIndex = clampInsertIndex(overData.index, originalLength - 1);
+              } else {
+                const overCardId = getCardId(overData.card);
+                const projectedOverIndex = projectedTargetColumn?.cards.findIndex(
+                  (card) => getCardId(card) === overCardId
+                ) ?? -1;
+                const resolvedOverIndex = projectedOverIndex !== -1 ? projectedOverIndex : overData.index;
+                nextIndex = clampInsertIndex(resolvedOverIndex, originalLength);
+              }
+            }
             if (nextIndex === null) {
               return;
             }
@@ -7753,14 +7840,14 @@ function KanbanBoard({
     },
     [activeCard, activeColumn, columns, columnMap, getCardId, projectedColumns]
   );
-  const resetDragState = React35__namespace.useCallback(() => {
+  const resetDragState = React31__namespace.useCallback(() => {
     setActiveCard(null);
     setActiveColumn(null);
     setHoveredColumnId(null);
     setProjectedColumns(null);
     manualDropPosition.current = null;
   }, []);
-  const handleDragEnd = React35__namespace.useCallback(
+  const handleDragEnd = React31__namespace.useCallback(
     (event) => {
       const { active, over } = event;
       const activeData = active.data.current;
@@ -7776,12 +7863,14 @@ function KanbanBoard({
           resetDragState();
           return;
         }
-        if (overData.type !== "card" && overData.type !== "column-droppable") {
+        const resolvedDropzone = resolveHeaderFooterDropzone(event);
+        const resolvedOverData = resolvedDropzone ?? overData;
+        if (resolvedOverData.type !== "card" && resolvedOverData.type !== "column-droppable") {
           resetDragState();
           return;
         }
         const fromColumnId = activeCard.columnId;
-        const toColumnId = overData.columnId;
+        const toColumnId = pendingManualPosition?.columnId ?? resolvedOverData.columnId;
         const ordering = columnMap.get(toColumnId)?.ordering ?? "manual";
         const sourceColumn = columns.find(
           (column) => column.id === fromColumnId
@@ -7791,23 +7880,49 @@ function KanbanBoard({
         ) ?? 0;
         let toIndex = null;
         if (ordering === "manual") {
-          if (pendingManualPosition && pendingManualPosition.columnId === toColumnId) {
-            toIndex = pendingManualPosition.index;
-          } else {
+          const isExplicitHeaderFooterDrop = resolvedOverData.type === "column-droppable" && (resolvedOverData.location === "header" || resolvedOverData.location === "footer");
+          if (isExplicitHeaderFooterDrop) {
             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 (!targetColumn) {
+              toIndex = null;
+            } else if (resolvedOverData.location === "header") {
+              toIndex = 0;
+            } else if (resolvedOverData.location === "footer") {
               if (fromColumnId === toColumnId) {
                 toIndex = targetColumn.cards.length - 1;
               } else {
                 toIndex = targetColumn.cards.length;
               }
             }
+          } else {
+            if (pendingManualPosition && pendingManualPosition.columnId === toColumnId) {
+              toIndex = pendingManualPosition.index;
+            } else {
+              const targetColumn = columns.find(
+                (column) => column.id === toColumnId
+              );
+              if (targetColumn && resolvedOverData.type === "card") {
+                toIndex = targetColumn.cards.findIndex(
+                  (card) => getCardId(card) === getCardId(resolvedOverData.card)
+                );
+              } else if (targetColumn && resolvedOverData.type === "column-droppable") {
+                if (resolvedOverData.location === "header") {
+                  toIndex = 0;
+                } else if (resolvedOverData.location === "footer") {
+                  if (fromColumnId === toColumnId) {
+                    toIndex = targetColumn.cards.length - 1;
+                  } else {
+                    toIndex = targetColumn.cards.length;
+                  }
+                } else if (fromColumnId === toColumnId) {
+                  toIndex = targetColumn.cards.length - 1;
+                } else {
+                  toIndex = targetColumn.cards.length;
+                }
+              }
+            }
           }
         }
         if (ordering === "external") {
@@ -7878,13 +7993,35 @@ function KanbanBoard({
       onCardDrop,
       onColumnDrop,
       projectedColumns,
-      resetDragState
+      resetDragState,
+      resolveHeaderFooterDropzone
     ]
   );
+  const collisionDetectionStrategy = React31__namespace.useCallback(
+    (args) => {
+      const baseCollisionDetection = collisionDetection ?? core.rectIntersection;
+      const pointerCollisions = core.pointerWithin(args);
+      const preferredCollision = pointerCollisions.find((collision) => {
+        const droppableData = collision.data?.droppableContainer?.data?.current;
+        return droppableData?.type === "column-droppable" && (droppableData.location === "header" || droppableData.location === "footer");
+      });
+      const baseCollisions = baseCollisionDetection(args);
+      if (!preferredCollision) {
+        return baseCollisions;
+      }
+      return [
+        preferredCollision,
+        ...baseCollisions.filter(
+          (collision) => collision.id !== preferredCollision.id
+        )
+      ];
+    },
+    [collisionDetection]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     core.DndContext,
     {
-      collisionDetection,
+      collisionDetection: collisionDetectionStrategy,
       modifiers,
       sensors,
       measuring: measuringConfig,
@@ -7902,7 +8039,7 @@ function KanbanBoard({
               "div",
               {
                 className: cn(
-                  "flex h-full w-full gap-4 overflow-x-auto p-1",
+                  "relative flex h-full w-full gap-4 overflow-x-auto p-1",
                   className
                 ),
                 children: sanitizedColumns.map((column, index) => {