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

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React8 = require('react');
+var React35 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var tailwindMerge = require('tailwind-merge');
@@ -30,6 +30,10 @@ var locale = require('react-day-picker/locale');
 var mask = require('@react-input/mask');
 var SliderPrimitive = require('@radix-ui/react-slider');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var core = require('@dnd-kit/core');
+var sortable = require('@dnd-kit/sortable');
+var utilities = require('@dnd-kit/utilities');
+var reactVirtual = require('@tanstack/react-virtual');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -51,7 +55,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React8__namespace = /*#__PURE__*/_interopNamespace(React8);
+var React35__namespace = /*#__PURE__*/_interopNamespace(React35);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
@@ -116,11 +120,11 @@ function cn(...inputs) {
   return customTwMerge(nebulaClass, clsx(inputs));
 }
 var processChildren = (children) => {
-  return React8__namespace.default.Children.map(children, (child) => {
+  return React35__namespace.default.Children.map(children, (child) => {
     if (typeof child === "string") {
       return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds px-2", children: child });
     }
-    if (React8__namespace.default.isValidElement(child) && child.type === React8__namespace.default.Fragment) {
+    if (React35__namespace.default.isValidElement(child) && child.type === React35__namespace.default.Fragment) {
       return processChildren(child.props.children);
     }
     return child;
@@ -212,7 +216,7 @@ var buttonVariantsConfig = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React8__namespace.forwardRef(
+var Button = React35__namespace.forwardRef(
   ({
     className,
     variant: variant3,
@@ -277,7 +281,7 @@ var badgeVariantsConfig = classVarianceAuthority.cva(
     }
   }
 );
-var Badge = React8__namespace.forwardRef(
+var Badge = React35__namespace.forwardRef(
   ({ className, variant: variant3, size: size4, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -361,7 +365,7 @@ var alertVariantsConfig = classVarianceAuthority.cva(
   }
 );
 var alertVariants = extractVariants(variants);
-var Alert = React8__namespace.forwardRef(
+var Alert = React35__namespace.forwardRef(
   ({ className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -373,7 +377,7 @@ var Alert = React8__namespace.forwardRef(
   )
 );
 Alert.displayName = "Alert";
-var AlertTitle = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h5",
   {
     ref,
@@ -382,7 +386,7 @@ var AlertTitle = React8__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDescription = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -391,7 +395,7 @@ var AlertDescription = React8__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 AlertDescription.displayName = "AlertDescription";
-var AlertButton = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertButton = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "button",
   {
     ref,
@@ -402,9 +406,9 @@ var AlertButton = React8__namespace.forwardRef(({ className, ...props }, ref) =>
 AlertButton.displayName = "AlertButton";
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverContent = React8__namespace.forwardRef(
+var PopoverContent = React35__namespace.forwardRef(
   ({ className, align = "center", sideOffset = 4, portal = false, ...props }, ref) => {
-    const Comp = portal ? PopoverPrimitive__namespace.Portal : React8__namespace.Fragment;
+    const Comp = portal ? PopoverPrimitive__namespace.Portal : React35__namespace.Fragment;
     return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsx(
       PopoverPrimitive__namespace.Content,
       {
@@ -432,7 +436,7 @@ var PopoverContent = React8__namespace.forwardRef(
   }
 );
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var Label = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -444,7 +448,7 @@ var Label = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var Table = React8__namespace.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
+var Table = React35__namespace.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
   if (noCardWrapper) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "table",
@@ -465,9 +469,9 @@ var Table = React8__namespace.forwardRef(({ className, noCardWrapper = false, ..
   ) });
 });
 Table.displayName = "Table";
-var TableHeader = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -476,7 +480,7 @@ var TableBody = React8__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -507,7 +511,7 @@ var tableRowVariantsConfig = classVarianceAuthority.cva(
     }
   }
 );
-var TableRow = React8__namespace.forwardRef(
+var TableRow = React35__namespace.forwardRef(
   ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
     {
@@ -518,7 +522,7 @@ var TableRow = React8__namespace.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -530,7 +534,7 @@ var TableHead = React8__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -542,14 +546,14 @@ var TableCell = React8__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn("mt-4 text-sm", className), ...props }));
+var TableCaption = React35__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 = React8__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React35__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -581,8 +585,8 @@ var DropdownMenuSubTrigger = React8__namespace.forwardRef(({ className, inset, c
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React8__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
-  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React8__namespace.Fragment;
+var DropdownMenuSubContent = React35__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React35__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.SubContent,
     {
@@ -607,8 +611,8 @@ var DropdownMenuSubContent = React8__namespace.forwardRef(({ className, portal =
   ) });
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React8__namespace.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
-  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React8__namespace.Fragment;
+var DropdownMenuContent = React35__namespace.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
+  const Comp = portal ? DropdownMenuPrimitive__namespace.Portal : React35__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Content,
     {
@@ -636,7 +640,7 @@ var DropdownMenuContent = React8__namespace.forwardRef(({ className, sideOffset
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React8__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React35__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -669,7 +673,7 @@ var DropdownMenuItem = React8__namespace.forwardRef(({ className, inset, ...prop
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React8__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React35__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -707,7 +711,7 @@ var DropdownMenuCheckboxItem = React8__namespace.forwardRef(({ className, childr
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React8__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React35__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -743,7 +747,7 @@ var DropdownMenuRadioItem = React8__namespace.forwardRef(({ className, children,
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React8__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React35__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -763,7 +767,7 @@ var DropdownMenuLabel = React8__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -813,7 +817,7 @@ var separatorVariantsConfig = classVarianceAuthority.cva("shrink-0 bg-separator-
   }
 });
 var separatorVariants = extractVariants(variants3);
-var Separator2 = React8__namespace.forwardRef(
+var Separator2 = React35__namespace.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       SeparatorPrimitive__namespace.Root,
@@ -862,7 +866,7 @@ var spaceVariantsConfig = classVarianceAuthority.cva("flex items-start justify-s
     direction: "row"
   }
 });
-var Space = React8__namespace.default.forwardRef(
+var Space = React35__namespace.default.forwardRef(
   ({ size: size4, direction: direction2, className, children }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1807,35 +1811,35 @@ var setNebulaLanguage = (language) => {
 var messages19 = /* @__PURE__ */ new Map([
   [null, enMessages],
   [void 0, enMessages],
-  ["en-US", enMessages],
-  ["es", esMessages],
-  ["pt-BR", ptBrMessages]
+  ["en-US" /* EN_US */, enMessages],
+  ["es" /* ES */, esMessages],
+  ["pt-BR" /* PT_BR */, ptBrMessages]
 ]);
-var NebulaI18nContext = React8.createContext(
+var NebulaI18nContext = React35.createContext(
   null
 );
 var NebulaI18nProvider = ({
   children,
   customI18nStorageKey
 }) => {
-  const storageKey = React8.useMemo(
+  const storageKey = React35.useMemo(
     () => customI18nStorageKey ?? localStorageKey,
     [customI18nStorageKey]
   );
-  const [messages20, setMessages] = React8.useState(
-    messages19.get(getNebulaLanguage()) ?? messages19.get("en-US")
+  const [messages20, setMessages] = React35.useState(
+    messages19.get(getNebulaLanguage()) ?? messages19.get("en-US" /* EN_US */)
   );
-  const handleStorageChange = React8.useCallback(
+  const handleStorageChange = React35.useCallback(
     ({ detail }) => {
       if (detail.key === storageKey) {
         setMessages(
-          messages19.get(detail.value) ?? messages19.get("en-US")
+          messages19.get(detail.value) ?? messages19.get("en-US" /* EN_US */)
         );
       }
     },
     [storageKey]
   );
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1858,7 +1862,7 @@ var NebulaI18nProvider = ({
       );
     };
   }, [handleStorageChange]);
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1881,7 +1885,7 @@ var NebulaI18nProvider = ({
   );
 };
 var useNebulaI18n = () => {
-  const context = React8.useContext(NebulaI18nContext);
+  const context = React35.useContext(NebulaI18nContext);
   if (!context) {
     throw new Error("useNebulaI18n must be used within a NebulaI18nProvider");
   }
@@ -1896,10 +1900,10 @@ var Pagination = ({
   ...props
 }) => {
   const { messages: messages20 } = useNebulaI18n();
-  const totalPages = React8.useMemo(() => {
+  const totalPages = React35.useMemo(() => {
     return Math.ceil(total / (pageSize || 1));
   }, [total, pageSize]);
-  const handleChangePage = React8.useCallback(
+  const handleChangePage = React35.useCallback(
     (page2) => {
       if (page2 < 1 || page2 > totalPages) {
         return;
@@ -1908,7 +1912,7 @@ var Pagination = ({
     },
     [totalPages, onChangePage]
   );
-  const normalizedPage = React8.useMemo(() => {
+  const normalizedPage = React35.useMemo(() => {
     if (page < 1) {
       return 1;
     }
@@ -1919,20 +1923,20 @@ var Pagination = ({
   }, [page, totalPages]);
   const disabledPreviousPage = normalizedPage === 1 || totalPages === 0;
   const disabledNextPage = normalizedPage === totalPages || totalPages === 0;
-  const lastPageSize = React8.useMemo(() => {
+  const lastPageSize = React35.useMemo(() => {
     if (totalPages === 0) {
       return 0;
     }
     const lastPageStart = (totalPages - 1) * pageSize;
     return total - lastPageStart;
   }, [totalPages, pageSize, total]);
-  const totalResultsLabel = React8.useMemo(() => {
+  const totalResultsLabel = React35.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 = React8.useMemo(
+  const currentPageLabel = React35.useMemo(
     () => messages20.pagination.currentPageLabel(normalizedPage, totalPages),
     [messages20.pagination, normalizedPage, totalPages]
   );
@@ -1981,7 +1985,7 @@ var Pagination = ({
   );
 };
 Pagination.displayName = "Pagination";
-var PaginationContent = React8.forwardRef(
+var PaginationContent = React35.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "ul",
     {
@@ -1995,7 +1999,7 @@ var PaginationContent = React8.forwardRef(
   )
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React8.forwardRef(
+var PaginationItem = React35.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "li",
     {
@@ -2114,7 +2118,7 @@ var tagVariantsConfig = classVarianceAuthority.cva("w-2 h-2 block rounded-sm", {
     color
   }
 });
-var Tag = React8__namespace.forwardRef(
+var Tag = React35__namespace.forwardRef(
   ({ className, color: color2, children, onDelete, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -2208,7 +2212,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
     ...props
   }) => {
     const { messages: messages20 } = useNebulaI18n();
-    const customClassNames = React8.useMemo(() => {
+    const customClassNames = React35.useMemo(() => {
       return {
         control: (props2) => controlStyles(props2, isError),
         placeholder: () => placeholderStyles,
@@ -2225,7 +2229,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
         noOptionsMessage: () => noOptionsMessageStyles
       };
     }, [isError]);
-    const customComponents = React8.useMemo(
+    const customComponents = React35.useMemo(
       () => ({
         DropdownIndicator,
         ClearIndicator,
@@ -2269,12 +2273,12 @@ var StyledAsyncCreatable = createStyledSelect(
   AsyncCreatable__default.default,
   "AsyncCreatable"
 );
-var InputText = React8__namespace.forwardRef(
+var InputText = React35__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] = React8__namespace.useState(initialInputType);
+    const [type, setType] = React35__namespace.useState(initialInputType);
     const iconClass = {
       "text-inputText-icon-danger": isError,
       "text-inputText-icon-default focus:text-inputText-icon-focus": !isError && !props.value,
@@ -2382,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 = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -2401,9 +2405,9 @@ var DialogOverlay = React8__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React8__namespace.forwardRef(
+var DialogContent = React35__namespace.forwardRef(
   ({ className, children, portal = false, showClose = true, ...props }, ref) => {
-    const Comp = portal ? DialogPortal : React8__namespace.Fragment;
+    const Comp = portal ? DialogPortal : React35__namespace.Fragment;
     return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2482,7 +2486,7 @@ var DialogFooter = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -2494,7 +2498,7 @@ var DialogTitle = React8__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -2506,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 = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -2518,8 +2522,8 @@ var AlertDialogOverlay = React8__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React8__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
-  const Comp = portal ? AlertDialogPortal : React8__namespace.Fragment;
+var AlertDialogContent = React35__namespace.forwardRef(({ className, portal = false, ...props }, ref) => {
+  const Comp = portal ? AlertDialogPortal : React35__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2555,7 +2559,7 @@ var AlertDialogFooter = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -2567,7 +2571,7 @@ var AlertDialogTitle = React8__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescription = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -2576,7 +2580,7 @@ var AlertDialogDescription = React8__namespace.forwardRef(({ className, ...props
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React8__namespace.forwardRef(({ children, className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = React35__namespace.forwardRef(({ children, className, variant: variant3, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -2586,7 +2590,7 @@ var AlertDialogAction = React8__namespace.forwardRef(({ children, className, var
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React8__namespace.forwardRef(({ children, className, variant: variant3 = "secondary", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = React35__namespace.forwardRef(({ children, className, variant: variant3 = "secondary", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -2596,7 +2600,7 @@ var AlertDialogCancel = React8__namespace.forwardRef(({ children, className, var
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
-var Checkbox = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -2651,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 = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerOverlay = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -2676,8 +2680,8 @@ var DrawerVariants = classVarianceAuthority.cva("fixed flex flex-col z-50 shadow
     side: "right"
   }
 });
-var DrawerContent = React8__namespace.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
-  const Comp = portal ? DrawerPortal : React8__namespace.Fragment;
+var DrawerContent = React35__namespace.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
+  const Comp = portal ? DrawerPortal : React35__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2743,7 +2747,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -2755,7 +2759,7 @@ var DrawerTitle = React8__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DrawerTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DrawerDescription = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerDescription = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -2764,9 +2768,9 @@ var DrawerDescription = React8__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 DrawerDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var Breadcrumb = React8__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React35__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbList = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ol",
   {
     ref,
@@ -2778,7 +2782,7 @@ var BreadcrumbList = React8__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbItem = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
     ref,
@@ -2790,7 +2794,7 @@ var BreadcrumbItem = React8__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React8__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React35__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "a";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -2805,7 +2809,7 @@ var BreadcrumbLink = React8__namespace.forwardRef(({ asChild, className, ...prop
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var BreadcrumbPage = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     ref,
@@ -2852,7 +2856,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-var Switch = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitives__namespace.Root,
   {
     className: cn(
@@ -2911,7 +2915,7 @@ var Switch = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
-var Tooltip = React8__namespace.forwardRef(
+var Tooltip = React35__namespace.forwardRef(
   ({
     children,
     content: content2,
@@ -2922,7 +2926,7 @@ var Tooltip = React8__namespace.forwardRef(
     className,
     ...props
   }, ref) => {
-    const Comp = portal ? TooltipPrimitive__namespace.Portal : React8__namespace.Fragment;
+    const Comp = portal ? TooltipPrimitive__namespace.Portal : React35__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(
@@ -3069,11 +3073,11 @@ AccordionContent.displayName = "AccordionContent";
 AccordionTrigger.displayName = "AccordionTrigger";
 AccordionTitle.displayName = "AccordionTitle";
 AccordionDescription.displayName = "AccordionDescription";
-var TabsContext = React8__namespace.createContext({});
-var Tabs = React8__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 = 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 }) }));
 Tabs.displayName = TabsPrimitive__namespace.Root.displayName;
-var TabsList = React8__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { isFitted } = React8__namespace.useContext(TabsContext);
+var TabsList = React35__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { isFitted } = React35__namespace.useContext(TabsContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
     {
@@ -3094,8 +3098,8 @@ var TabsList = React8__namespace.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React8__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { isFitted } = React8__namespace.useContext(TabsContext);
+var TabsTrigger = React35__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { isFitted } = React35__namespace.useContext(TabsContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Trigger,
     {
@@ -3134,7 +3138,7 @@ var TabsTrigger = React8__namespace.forwardRef(({ className, ...props }, ref) =>
   );
 });
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React35__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -3198,7 +3202,7 @@ function ToastComponent({
   options,
   t
 }) {
-  const CustomIcon = React8__namespace.default.isValidElement(options?.icon) ? React8__namespace.default.cloneElement(options.icon, {
+  const CustomIcon = React35__namespace.default.isValidElement(options?.icon) ? React35__namespace.default.cloneElement(options.icon, {
     className: cn("text-toast-icon-default", options.icon.props.className),
     size: 20
   }) : null;
@@ -3324,15 +3328,15 @@ var toast = {
   custom,
   promise
 };
-var ActionBar = React8__namespace.forwardRef(({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { modal: false, ...props }));
+var ActionBar = React35__namespace.forwardRef(({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { modal: false, ...props }));
 ActionBar.displayName = "ActionBar";
-var ActionBarTrigger = React8__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { ref, ...props }));
+var ActionBarTrigger = React35__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 = React8__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { ref, ...props }));
+var ActionBarClose = React35__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { ref, ...props }));
 ActionBarClose.displayName = "ActionBarClose";
-var ActionBarButton = React8__namespace.forwardRef(
+var ActionBarButton = React35__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Button,
@@ -3347,7 +3351,7 @@ var ActionBarButton = React8__namespace.forwardRef(
   }
 );
 ActionBarButton.displayName = "ActionBarButton";
-var ActionBarDivider = React8__namespace.forwardRef(({ className, ...props }, ref) => {
+var ActionBarDivider = React35__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Separator2,
     {
@@ -3359,8 +3363,8 @@ var ActionBarDivider = React8__namespace.forwardRef(({ className, ...props }, re
   );
 });
 ActionBarDivider.displayName = "ActionBarDivider";
-var ActionBarContent = React8__namespace.forwardRef(({ className, children, portal = false, ...props }, ref) => {
-  const Comp = portal ? ActionBarPortal : React8__namespace.Fragment;
+var ActionBarContent = React35__namespace.forwardRef(({ className, children, portal = false, ...props }, ref) => {
+  const Comp = portal ? ActionBarPortal : React35__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
     {
@@ -3383,9 +3387,9 @@ var ActionBarContent = React8__namespace.forwardRef(({ className, children, port
   ) });
 });
 ActionBarContent.displayName = "ActionBarContent";
-var Heading = React8.forwardRef(
+var Heading = React35.forwardRef(
   ({ level, className, ...rest }, ref) => {
-    const element = React8.useMemo(
+    const element = React35.useMemo(
       () => ({
         1: "h1",
         2: "h2",
@@ -3396,7 +3400,7 @@ var Heading = React8.forwardRef(
       })[level],
       [level]
     );
-    const headingStyles = React8.useMemo(
+    const headingStyles = React35.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",
@@ -3408,7 +3412,7 @@ var Heading = React8.forwardRef(
       [level]
     );
     if (!element) return null;
-    return React8__namespace.default.createElement(element, {
+    return React35__namespace.default.createElement(element, {
       ...rest,
       ref,
       className: cn(headingStyles, className)
@@ -3416,7 +3420,7 @@ var Heading = React8.forwardRef(
   }
 );
 Heading.displayName = "Heading";
-var Paragraph = React8.forwardRef(
+var Paragraph = React35.forwardRef(
   ({ size: size4 = "md", className, ...rest }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "p",
@@ -3436,7 +3440,7 @@ var Paragraph = React8.forwardRef(
   }
 );
 Paragraph.displayName = "Paragraph";
-var Caption = React8.forwardRef(
+var Caption = React35.forwardRef(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "caption",
@@ -3452,7 +3456,7 @@ var Caption = React8.forwardRef(
   }
 );
 Caption.displayName = "Caption";
-var Link = React8.forwardRef(
+var Link = React35.forwardRef(
   ({ className, size: size4 = "md", asChild = false, ...rest }, ref) => {
     const classNames = cn(
       "cursor-pointer",
@@ -3508,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 = React8__namespace.default.forwardRef(({ className, ...props }, ref) => {
+var PhoneInput = React35__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(
@@ -3536,10 +3540,10 @@ function InputPhone({
   onChange,
   ...props
 }) {
-  const [valueState, setValueState] = React8.useState("");
-  const [isFirstRender, setIsFirstRender] = React8.useState(true);
+  const [valueState, setValueState] = React35.useState("");
+  const [isFirstRender, setIsFirstRender] = React35.useState(true);
   const countryCode = defaultCountry ? RPNInput__namespace.getCountryCallingCode(defaultCountry) : null;
-  const normalizePhoneNumber = React8.useCallback(
+  const normalizePhoneNumber = React35.useCallback(
     (inputValue) => {
       if (!inputValue) return "";
       const cleanValue = inputValue.toString().replace(/[^\d+]/g, "");
@@ -3557,7 +3561,7 @@ function InputPhone({
     },
     [countryCode]
   );
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     if (value !== void 0 && value !== null) {
       const normalizedValue = normalizePhoneNumber(value);
       setValueState(normalizedValue);
@@ -3565,7 +3569,7 @@ function InputPhone({
       setValueState("");
     }
   }, [value, normalizePhoneNumber]);
-  const handleChange = React8.useCallback(
+  const handleChange = React35.useCallback(
     (newValue) => {
       setIsFirstRender(false);
       setValueState(newValue);
@@ -3599,7 +3603,7 @@ function InputPhone({
     }
   );
 }
-var Skeleton = React8__namespace.default.forwardRef(
+var Skeleton = React35__namespace.default.forwardRef(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -3644,14 +3648,14 @@ var Calendar = ({
   ...props
 }) => {
   const { locale } = useNebulaI18n();
-  const [selectedMonth, setSelectedMonth] = React8.useState(/* @__PURE__ */ new Date());
-  const [showMonthGridSelection, setShowMonthGridSelection] = React8.useState(false);
+  const [selectedMonth, setSelectedMonth] = React35.useState(/* @__PURE__ */ new Date());
+  const [showMonthGridSelection, setShowMonthGridSelection] = React35.useState(false);
   const isRange = props.mode === "range";
-  const currentMonth = React8.useMemo(
+  const currentMonth = React35.useMemo(
     () => month ?? selectedMonth,
     [month, selectedMonth]
   );
-  const handleSelectMonthByOption = React8.useCallback(
+  const handleSelectMonthByOption = React35.useCallback(
     (monthOption) => {
       setShowMonthGridSelection(false);
       const calendarDate = currentMonth;
@@ -3664,7 +3668,7 @@ var Calendar = ({
     },
     [currentMonth, month, onNextClick]
   );
-  const components2 = React8.useMemo(() => {
+  const components2 = React35.useMemo(() => {
     return {
       Day(props2) {
         const {
@@ -3951,7 +3955,7 @@ var Calendar = ({
   );
 };
 function useClickOutside(refs, onClickOutside) {
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     const refArray = Array.isArray(refs) ? refs : [refs];
     function handleClick(event) {
       const isInside = refArray.some(
@@ -3977,7 +3981,7 @@ function useClickOutside(refs, onClickOutside) {
   }, [refs, onClickOutside]);
 }
 function useKeyPress(key, callback) {
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     function handleKeyDown(event) {
       if (event.key === key) {
         callback();
@@ -4010,6 +4014,24 @@ var formatDateToSubmit = (dateStr, timeFallback = "23:59") => {
 };
 
 // src/utils/valid-date-format.ts
+function dateParts(dateSlice, locale, time) {
+  const [day, month, year] = [
+    locale !== "en-US" /* EN_US */ ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
+    locale === "en-US" /* EN_US */ ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
+    dateSlice.substring(6)
+  ];
+  const [hour = 0, minute = 0] = time?.split(":") ?? [];
+  return {
+    date: new Date(
+      Number(year),
+      Number(month) - 1,
+      Number(day),
+      Number(Math.min(Math.max(Number(hour), 0), 23)),
+      Number(Math.min(Math.max(Number(minute), 0), 59))
+    ),
+    dateParts: [Number(day), Number(month), Number(year)]
+  };
+}
 function dateFormatIsValid(dateStr, locale) {
   const regexBR = /^(?:(?:31\/(0[13578]|1[02]))\/(?:\d{4})|(?:29|30)\/(0[13-9]|1[0-2])\/(?:\d{4})|29\/02\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:0[1-9]|1\d|2[0-8])\/(0[1-9]|1[0-2])\/(?:\d{4}))$/;
   const regexUS = /^(?:(?:(0[13578]|1[02])\/31)\/(?:\d{4})|(?:(0[13-9]|1[0-2])\/(29|30))\/(?:\d{4})|(?:02\/29)\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:(0[1-9]|1[0-2])\/(0[1-9]|1\d|2[0-8]))\/(?:\d{4}))$/;
@@ -4073,12 +4095,12 @@ var InputDatePickerSingle = ({
   ...rest
 }) => {
   const formattedDateByLanguage = formatDateToSubmit(value ?? "");
-  const [innerDate, setInnerDate] = React8.useState(
+  const [innerDate, setInnerDate] = React35.useState(
     formattedDateByLanguage ? new Date(formattedDateByLanguage) : void 0
   );
-  const [popoverIsOpen, setPopoverIsOpen] = React8.useState(false);
+  const [popoverIsOpen, setPopoverIsOpen] = React35.useState(false);
   const { locale } = useNebulaI18n();
-  const [month, setMonth] = React8.useState(/* @__PURE__ */ new Date());
+  const [month, setMonth] = React35.useState(/* @__PURE__ */ new Date());
   const handleClearValue = () => {
     setInnerDate(void 0);
     setMonth(/* @__PURE__ */ new Date());
@@ -4090,13 +4112,8 @@ var InputDatePickerSingle = ({
       handleClearValue();
       return;
     }
-    const [day, month2, year] = [
-      locale !== "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
-      locale === "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
-      dateSlice.substring(6)
-    ];
-    const date = new Date(Number(year), Number(month2) - 1, Number(day));
-    if ([day, month2, year].some((value2) => !value2) || !dateFormatIsValid(dateSlice, locale) || !dateFns.isValid(new Date(date)) || !dateIsAvailable(date, disabledDates)) {
+    const { date } = dateParts(dateSlice, locale);
+    if (!dateFns.isValid(date) || !dateFormatIsValid(dateSlice, locale) || !dateIsAvailable(date, disabledDates)) {
       onChange?.(text);
       handleClearValue();
       return;
@@ -4129,10 +4146,10 @@ var InputDatePickerSingle = ({
     setInnerDate(date);
     onChange?.(dateToStr, date);
   };
-  const normalizedCalendarDate = React8.useMemo(() => {
+  const normalizedCalendarDate = React35.useMemo(() => {
     return dateFns.isValid(innerDate) ? innerDate : void 0;
   }, [innerDate]);
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     if (innerDate) setMonth(innerDate);
   }, [innerDate]);
   const maskOptions = {
@@ -4140,8 +4157,8 @@ var InputDatePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
-  const conteinerRef = React8.useRef(null);
-  const calendarRef = React8.useRef(null);
+  const conteinerRef = React35.useRef(null);
+  const calendarRef = React35.useRef(null);
   useClickOutside([conteinerRef, calendarRef], () => {
     setPopoverIsOpen(false);
   });
@@ -4209,9 +4226,9 @@ var InputDatePickerSingle = ({
     ) })
   ] });
 };
-var InputTime = React8.forwardRef(
+var InputTime = React35.forwardRef(
   ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
-    const [displayValue, setDisplayValue] = React8.useState(value);
+    const [displayValue, setDisplayValue] = React35.useState(value);
     const handleKeyDown = (e) => {
       const currentValue = e.currentTarget.value;
       if ((e.altKey || e.ctrlKey || e.metaKey) && e.key !== "z") return;
@@ -4253,7 +4270,7 @@ var InputTime = React8.forwardRef(
         onChange?.(value2);
       }
     };
-    React8.useEffect(() => {
+    React35.useEffect(() => {
       if (!value) {
         setDisplayValue("");
       }
@@ -4286,7 +4303,7 @@ var InputDateTimePickerSingle = ({
   disabledDates,
   ...rest
 }) => {
-  const [innerTimeValue, setInnerTimeValue] = React8.useState(
+  const [innerTimeValue, setInnerTimeValue] = React35.useState(
     () => {
       const [, time] = (value || "")?.split?.(DATA_TIME_SEPARATOR);
       return time ?? "";
@@ -4295,13 +4312,13 @@ var InputDateTimePickerSingle = ({
   const formattedDateByLanguage = formatDateToSubmit(
     value?.split(DATA_TIME_SEPARATOR)?.at(0) ?? ""
   );
-  const [innerDate, setInnerDate] = React8.useState(
+  const [innerDate, setInnerDate] = React35.useState(
     formattedDateByLanguage ? new Date(formattedDateByLanguage) : void 0
   );
-  const [popoverIsOpen, setPopoverIsOpen] = React8.useState(false);
+  const [popoverIsOpen, setPopoverIsOpen] = React35.useState(false);
   const { locale, messages: messages20 } = useNebulaI18n();
-  const [month, setMonth] = React8.useState(/* @__PURE__ */ new Date());
-  const inputTimeRef = React8.useRef(null);
+  const [month, setMonth] = React35.useState(/* @__PURE__ */ new Date());
+  const inputTimeRef = React35.useRef(null);
   const handleClearValue = () => {
     setInnerTimeValue("");
     setInnerDate(void 0);
@@ -4314,13 +4331,8 @@ var InputDateTimePickerSingle = ({
       handleClearValue();
       return;
     }
-    const [day, month2, year] = [
-      locale !== "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
-      locale === "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
-      dateSlice.substring(6)
-    ];
-    const date = new Date(Number(year), Number(month2) - 1, Number(day));
-    if ([day, month2, year].some((value2) => !value2) || !dateFormatIsValid(dateSlice, locale) || !dateFns.isValid(new Date(date)) || !dateIsAvailable(date, disabledDates)) {
+    const date = dateParts(dateSlice, locale, hourSlice).date;
+    if (!dateFns.isValid(date) || !dateFormatIsValid(dateSlice, locale) || !dateIsAvailable(date, disabledDates)) {
       onChange?.(text);
       handleClearValue();
       return;
@@ -4396,10 +4408,10 @@ var InputDateTimePickerSingle = ({
     );
     setTimeout(() => inputTimeRef.current?.focus(), 100);
   };
-  const normalizedCalendarDate = React8.useMemo(() => {
+  const normalizedCalendarDate = React35.useMemo(() => {
     return dateFns.isValid(innerDate) ? innerDate : void 0;
   }, [innerDate]);
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     if (innerDate) setMonth(innerDate);
   }, [innerDate]);
   const maskOptions = {
@@ -4407,8 +4419,8 @@ var InputDateTimePickerSingle = ({
     replacement: { _: /\d/ }
   };
   const inputRef = mask.useMask(maskOptions);
-  const conteinerRef = React8.useRef(null);
-  const calendarRef = React8.useRef(null);
+  const conteinerRef = React35.useRef(null);
+  const calendarRef = React35.useRef(null);
   useClickOutside([conteinerRef, calendarRef], () => {
     setPopoverIsOpen(false);
   });
@@ -4491,6 +4503,143 @@ var InputDateTimePickerSingle = ({
     ) })
   ] });
 };
+var InputDateRangePicker = ({
+  placeholder,
+  className,
+  value,
+  onChange,
+  numberOfMonths = 1,
+  onClean,
+  disabledDates,
+  ...rest
+}) => {
+  const [month, setMonth] = React35.useState(/* @__PURE__ */ new Date());
+  const [innerValue, setInnerValue] = React35.useState();
+  const [popoverIsOpen, setPopoverIsOpen] = React35.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);
+  useClickOutside([conteinerRef, calendarRef], () => {
+    setPopoverIsOpen(false);
+  });
+  useKeyPress("Escape", () => {
+    setPopoverIsOpen(false);
+  });
+  const handleInnerInputChange = (value2) => {
+    const [startDate, endDate] = value2.split(" - ");
+    const dateStart = startDate && dateFormatIsValid(startDate, locale) ? dateParts(startDate, locale).date : void 0;
+    const dateEnd = endDate && dateFormatIsValid(endDate, locale) ? dateParts(endDate, locale).date : void 0;
+    onChange?.(value2, [dateStart, dateEnd]);
+  };
+  const handleChangeCalendarDate = React35.useCallback(
+    (date) => {
+      setInnerValue(date);
+      const [from, to] = date;
+      const fromStr = from ? Intl.DateTimeFormat(locale ?? "en-US", {
+        month: "2-digit",
+        year: "numeric",
+        day: "2-digit"
+      }).format(from) : "";
+      const toStr = to ? Intl.DateTimeFormat(locale ?? "en-US", {
+        month: "2-digit",
+        year: "numeric",
+        day: "2-digit"
+      }).format(to) : "";
+      onChange?.(
+        [fromStr, toStr !== fromStr ? toStr : void 0].filter(Boolean).join(" - "),
+        date
+      );
+      setMonth(to ?? /* @__PURE__ */ new Date());
+    },
+    [locale, onChange]
+  );
+  React35.useEffect(() => {
+    if (value) {
+      const [startDate, endDate] = value.split(" - ");
+      const dateStart = startDate && dateFormatIsValid(startDate, locale) ? dateParts(startDate, locale).date : void 0;
+      const dateEnd = endDate && dateFormatIsValid(endDate, locale) ? dateParts(endDate, locale).date : void 0;
+      setInnerValue(
+        [dateStart, dateEnd].filter(Boolean)
+      );
+      if (dateEnd instanceof Date) {
+        setMonth(dateEnd);
+      } else {
+        setMonth(/* @__PURE__ */ new Date());
+      }
+    } else {
+      setInnerValue([void 0, void 0]);
+      setMonth(/* @__PURE__ */ new Date());
+    }
+  }, [value, locale]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds w-full", ref: conteinerRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      InputText,
+      {
+        ref: inputRef,
+        placeholder,
+        value,
+        className,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.CalendarIcon,
+          {
+            tabIndex: 0,
+            role: "button",
+            onClick: () => setPopoverIsOpen((s) => !s),
+            onKeyUp: (e) => {
+              if (e.key === "Enter") {
+                setPopoverIsOpen((s) => !s);
+              }
+            },
+            className: "nebula-ds cursor-pointer"
+          }
+        ),
+        iconPlacement: "end",
+        onKeyUp: (e) => {
+          if (e.key === "ArrowDown") {
+            setPopoverIsOpen(true);
+          }
+        },
+        onClean: onClean ? () => {
+          onClean();
+        } : void 0,
+        ...rest,
+        onChange: (e) => handleInnerInputChange(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds  relative", children: popoverIsOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "nebula-ds absolute top-full left-0-0 z-40 pb-2 pt-1",
+        ref: calendarRef,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar,
+          {
+            required: false,
+            mode: "range",
+            numberOfMonths,
+            disabled: disabledDates,
+            month,
+            onPrevClick: setMonth,
+            onNextClick: setMonth,
+            selected: {
+              from: innerValue?.[0],
+              to: innerValue?.[1]
+            },
+            onSelect: (date) => {
+              handleChangeCalendarDate([date?.from, date?.to]);
+            }
+          }
+        )
+      }
+    ) })
+  ] });
+};
+InputDateRangePicker.displayName = "InputDateRangePicker";
 var FileUploadError = /* @__PURE__ */ ((FileUploadError4) => {
   FileUploadError4["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";
   FileUploadError4["MAXIMUM_FILE_SIZE_EXCEEDED"] = "MAXIMUM_FILE_SIZE_EXCEEDED";
@@ -4507,7 +4656,7 @@ var useFileUpload = (options = {}) => {
     onFilesChange,
     onFilesAdded
   } = options;
-  const [state, setState] = React8.useState({
+  const [state, setState] = React35.useState({
     files: initialFiles.map((file) => ({
       file,
       id: file.id,
@@ -4516,8 +4665,8 @@ var useFileUpload = (options = {}) => {
     isDragging: false,
     errors: []
   });
-  const inputRef = React8.useRef(null);
-  const validateFile = React8.useCallback(
+  const inputRef = React35.useRef(null);
+  const validateFile = React35.useCallback(
     (file) => {
       if (file instanceof File) {
         if (file.size > maxSize) {
@@ -4556,7 +4705,7 @@ var useFileUpload = (options = {}) => {
     },
     [accept, maxSize]
   );
-  const createPreview = React8.useCallback(
+  const createPreview = React35.useCallback(
     (file) => {
       if (file instanceof File) {
         return URL.createObjectURL(file);
@@ -4565,13 +4714,13 @@ var useFileUpload = (options = {}) => {
     },
     []
   );
-  const generateUniqueId = React8.useCallback((file) => {
+  const generateUniqueId = React35.useCallback((file) => {
     if (file instanceof File) {
       return `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
     }
     return file.id;
   }, []);
-  const clearFiles = React8.useCallback(() => {
+  const clearFiles = React35.useCallback(() => {
     setState((prev) => {
       prev.files.forEach((file) => {
         if (file.preview && file.file instanceof File && file.file.type.startsWith("image/")) {
@@ -4590,7 +4739,7 @@ var useFileUpload = (options = {}) => {
       return newState;
     });
   }, [onFilesChange]);
-  const addFiles = React8.useCallback(
+  const addFiles = React35.useCallback(
     (newFiles) => {
       if (!newFiles || newFiles.length === 0) return;
       const newFilesArray = Array.from(newFiles);
@@ -4666,7 +4815,7 @@ var useFileUpload = (options = {}) => {
       onFilesAdded
     ]
   );
-  const removeFile = React8.useCallback(
+  const removeFile = React35.useCallback(
     (id) => {
       setState((prev) => {
         const fileToRemove = prev.files.find((file) => file.id === id);
@@ -4684,18 +4833,18 @@ var useFileUpload = (options = {}) => {
     },
     [onFilesChange]
   );
-  const clearErrors = React8.useCallback(() => {
+  const clearErrors = React35.useCallback(() => {
     setState((prev) => ({
       ...prev,
       errors: []
     }));
   }, []);
-  const handleDragEnter = React8.useCallback((e) => {
+  const handleDragEnter = React35.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     setState((prev) => ({ ...prev, isDragging: true }));
   }, []);
-  const handleDragLeave = React8.useCallback((e) => {
+  const handleDragLeave = React35.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     if (e.currentTarget.contains(e.relatedTarget)) {
@@ -4703,11 +4852,11 @@ var useFileUpload = (options = {}) => {
     }
     setState((prev) => ({ ...prev, isDragging: false }));
   }, []);
-  const handleDragOver = React8.useCallback((e) => {
+  const handleDragOver = React35.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
   }, []);
-  const handleDrop = React8.useCallback(
+  const handleDrop = React35.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -4728,7 +4877,7 @@ var useFileUpload = (options = {}) => {
     },
     [addFiles, multiple]
   );
-  const handleFileChange = React8.useCallback(
+  const handleFileChange = React35.useCallback(
     (e) => {
       if (e.target.files && e.target.files.length > 0) {
         addFiles(e.target.files);
@@ -4736,12 +4885,12 @@ var useFileUpload = (options = {}) => {
     },
     [addFiles]
   );
-  const openFileDialog = React8.useCallback(() => {
+  const openFileDialog = React35.useCallback(() => {
     if (inputRef.current) {
       inputRef.current.click();
     }
   }, []);
-  const getInputProps = React8.useCallback(
+  const getInputProps = React35.useCallback(
     (props = {}) => {
       return {
         ...props,
@@ -4754,7 +4903,7 @@ var useFileUpload = (options = {}) => {
     },
     [accept, multiple, handleFileChange]
   );
-  return React8.useMemo(
+  return React35.useMemo(
     () => [
       state,
       {
@@ -4838,10 +4987,10 @@ function FileUpload({
     ...rest,
     maxFiles
   });
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     onError?.(errors);
-  }, [errors]);
-  const disabled = React8.useMemo(() => {
+  }, [errors, onError]);
+  const disabled = React35.useMemo(() => {
     if (rest.disabled) return true;
     if (rest.multiple) {
       if (!Number.isFinite(maxFiles)) return false;
@@ -4946,7 +5095,7 @@ function FileUpload({
   ] });
 }
 FileUpload.displayName = "FileUpload";
-var TextArea = React8__namespace.forwardRef(
+var TextArea = React35__namespace.forwardRef(
   ({
     className,
     isError = false,
@@ -4958,14 +5107,14 @@ var TextArea = React8__namespace.forwardRef(
     asInput,
     ...props
   }, ref) => {
-    const innerRef = React8__namespace.useRef(
+    const innerRef = React35__namespace.useRef(
       null
     );
-    const [count, setCount] = React8__namespace.useState(String(props.value ?? "").length);
+    const [count, setCount] = React35__namespace.useState(String(props.value ?? "").length);
     const countParts = [count, maxLength].filter(
       (part) => typeof part === "number"
     );
-    React8__namespace.useEffect(() => {
+    React35__namespace.useEffect(() => {
       const textarea = innerRef.current;
       if (!textarea || !autoResize) return;
       const adjustHeight = () => {
@@ -4978,7 +5127,7 @@ var TextArea = React8__namespace.forwardRef(
         textarea.removeEventListener("input", adjustHeight);
       };
     }, [asInput, autoResize, props.value]);
-    React8__namespace.useImperativeHandle(ref, () => innerRef.current);
+    React35__namespace.useImperativeHandle(ref, () => innerRef.current);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds relative w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -5026,9 +5175,9 @@ TextArea.displayName = "TextArea";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
-var CropperContext = React8.createContext(null);
+var CropperContext = React35.createContext(null);
 var useCropperContext = () => {
-  const context = React8.useContext(CropperContext);
+  const context = React35.useContext(CropperContext);
   if (!context) {
     throw new Error("useCropperContext must be used within a Cropper.Root");
   }
@@ -5050,33 +5199,33 @@ var CropperRoot = ({
   children,
   ...restProps
 }) => {
-  const descriptionId = React8.useId();
-  const [imgWidth, setImgWidth] = React8.useState(null);
-  const [imgHeight, setImgHeight] = React8.useState(null);
-  const containerRef = React8.useRef(null);
-  const [cropAreaWidth, setCropAreaWidth] = React8.useState(0);
-  const [cropAreaHeight, setCropAreaHeight] = React8.useState(0);
-  const [imageWrapperWidth, setImageWrapperWidth] = React8.useState(0);
-  const [imageWrapperHeight, setImageWrapperHeight] = React8.useState(0);
-  const [offsetX, setOffsetX] = React8.useState(0);
-  const [offsetY, setOffsetY] = React8.useState(0);
-  const [internalZoom, setInternalZoom] = React8.useState(minZoom);
-  const [isDragging, setIsDragging] = React8.useState(false);
-  const dragStartPointRef = React8.useRef({ x: 0, y: 0 });
-  const dragStartOffsetRef = React8.useRef({ x: 0, y: 0 });
-  const latestRestrictedOffsetRef = React8.useRef({
+  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({
     x: offsetX,
     y: offsetY
   });
-  const latestZoomRef = React8.useRef(internalZoom);
-  const isInitialSetupDoneRef = React8.useRef(false);
-  const initialPinchDistanceRef = React8.useRef(0);
-  const initialPinchZoomRef = React8.useRef(1);
-  const isPinchingRef = React8.useRef(false);
-  const hasWarnedRef = React8.useRef(false);
+  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 isZoomControlled = zoomProp !== void 0;
   const effectiveZoom = isZoomControlled ? zoomProp : internalZoom;
-  const updateZoom = React8.useCallback(
+  const updateZoom = React35.useCallback(
     (newZoomValue) => {
       const clampedZoom = clamp(newZoomValue, minZoom, maxZoom);
       if (onZoomChange) {
@@ -5088,10 +5237,10 @@ var CropperRoot = ({
     },
     [minZoom, maxZoom, onZoomChange, isZoomControlled]
   );
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     latestZoomRef.current = effectiveZoom;
   }, [effectiveZoom]);
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     setOffsetX(0);
     setOffsetY(0);
     if (!isZoomControlled) {
@@ -5122,7 +5271,7 @@ var CropperRoot = ({
       isMounted = false;
     };
   }, [image, minZoom, isZoomControlled]);
-  const updateCropAreaDimensions = React8.useCallback(
+  const updateCropAreaDimensions = React35.useCallback(
     (containerWidth, containerHeight) => {
       if (containerWidth <= 0 || containerHeight <= 0) {
         setCropAreaWidth(0);
@@ -5145,7 +5294,7 @@ var CropperRoot = ({
     },
     [aspectRatio, cropPadding]
   );
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     const element = containerRef.current;
     if (!element) return;
     const observer = new ResizeObserver((entries) => {
@@ -5161,7 +5310,7 @@ var CropperRoot = ({
       updateCropAreaDimensions(initialWidth, initialHeight);
     return () => observer.disconnect();
   }, [updateCropAreaDimensions]);
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     if (cropAreaWidth <= 0 || cropAreaHeight <= 0 || !imgWidth || !imgHeight) {
       setImageWrapperWidth(0);
       setImageWrapperHeight(0);
@@ -5181,7 +5330,7 @@ var CropperRoot = ({
     setImageWrapperWidth(targetWrapperWidth);
     setImageWrapperHeight(targetWrapperHeight);
   }, [cropAreaWidth, cropAreaHeight, imgWidth, imgHeight]);
-  const restrictOffset = React8.useCallback(
+  const restrictOffset = React35.useCallback(
     (dragOffsetX, dragOffsetY, currentZoom) => {
       if (imageWrapperWidth <= 0 || imageWrapperHeight <= 0 || cropAreaWidth <= 0 || cropAreaHeight <= 0)
         return { x: 0, y: 0 };
@@ -5199,7 +5348,7 @@ var CropperRoot = ({
     },
     [imageWrapperWidth, imageWrapperHeight, cropAreaWidth, cropAreaHeight]
   );
-  const calculateCropData = React8.useCallback(
+  const calculateCropData = React35.useCallback(
     (finalOffsetX, finalOffsetY, finalZoom) => {
       const currentOffsetX = finalOffsetX !== void 0 ? finalOffsetX : latestRestrictedOffsetRef.current.x;
       const currentOffsetY = finalOffsetY !== void 0 ? finalOffsetY : latestRestrictedOffsetRef.current.y;
@@ -5233,7 +5382,7 @@ var CropperRoot = ({
       effectiveZoom
     ]
   );
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     if (imageWrapperWidth > 0 && imageWrapperHeight > 0 && cropAreaWidth > 0 && cropAreaHeight > 0) {
       const currentZoomForSetup = effectiveZoom;
       if (!isInitialSetupDoneRef.current) {
@@ -5304,7 +5453,7 @@ var CropperRoot = ({
     updateZoom,
     imageWrapperHeight
   ]);
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     const checkTimeout = setTimeout(() => {
       if (containerRef.current && !hasWarnedRef.current) {
         const hasDescription = document.getElementById(descriptionId);
@@ -5315,7 +5464,7 @@ var CropperRoot = ({
     }, 100);
     return () => clearTimeout(checkTimeout);
   }, [descriptionId]);
-  const handleInteractionEnd = React8.useCallback(() => {
+  const handleInteractionEnd = React35.useCallback(() => {
     if (onCropChange) {
       const finalData = calculateCropData(
         latestRestrictedOffsetRef.current.x,
@@ -5325,7 +5474,7 @@ var CropperRoot = ({
       onCropChange(finalData);
     }
   }, [onCropChange, calculateCropData, effectiveZoom]);
-  const handleMouseDown = React8.useCallback(
+  const handleMouseDown = React35.useCallback(
     (e) => {
       if (e.button !== 0 || !containerRef.current) return;
       e.preventDefault();
@@ -5361,7 +5510,7 @@ var CropperRoot = ({
     },
     [restrictOffset, effectiveZoom, handleInteractionEnd]
   );
-  const handleWheel = React8.useCallback(
+  const handleWheel = React35.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -5417,7 +5566,7 @@ var CropperRoot = ({
     x: (touches[0].clientX + touches[1].clientX) / 2,
     y: (touches[0].clientY + touches[1].clientY) / 2
   });
-  const handleTouchStart = React8.useCallback(
+  const handleTouchStart = React35.useCallback(
     (e) => {
       if (!containerRef.current || imageWrapperWidth <= 0 || imageWrapperHeight <= 0)
         return;
@@ -5447,7 +5596,7 @@ var CropperRoot = ({
     },
     [imageWrapperWidth, imageWrapperHeight]
   );
-  const handleTouchMove = React8.useCallback(
+  const handleTouchMove = React35.useCallback(
     (e) => {
       if (!containerRef.current || imageWrapperWidth <= 0 || imageWrapperHeight <= 0)
         return;
@@ -5515,7 +5664,7 @@ var CropperRoot = ({
       calculateCropData
     ]
   );
-  const handleTouchEnd = React8.useCallback(
+  const handleTouchEnd = React35.useCallback(
     (e) => {
       e.preventDefault();
       const touches = e.touches;
@@ -5542,7 +5691,7 @@ var CropperRoot = ({
     },
     [isDragging, handleInteractionEnd]
   );
-  const handleKeyDown = React8.useCallback(
+  const handleKeyDown = React35.useCallback(
     (e) => {
       if (imageWrapperWidth <= 0) return;
       let targetOffsetX = latestRestrictedOffsetRef.current.x;
@@ -5584,7 +5733,7 @@ var CropperRoot = ({
     },
     [keyboardStep, imageWrapperWidth, restrictOffset, effectiveZoom]
   );
-  const handleKeyUp = React8.useCallback(
+  const handleKeyUp = React35.useCallback(
     (e) => {
       if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) {
         handleInteractionEnd();
@@ -5592,7 +5741,7 @@ var CropperRoot = ({
     },
     [handleInteractionEnd]
   );
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     const node = containerRef.current;
     if (!node) return;
     const options = { passive: false };
@@ -5609,7 +5758,7 @@ var CropperRoot = ({
       node.removeEventListener("touchcancel", handleTouchEnd, options);
     };
   }, [handleWheel, handleTouchStart, handleTouchMove, handleTouchEnd]);
-  const getRootProps = React8.useCallback(
+  const getRootProps = React35.useCallback(
     () => ({
       className,
       style,
@@ -5637,7 +5786,7 @@ var CropperRoot = ({
       effectiveZoom
     ]
   );
-  const getImageWrapperStyle = React8.useCallback(
+  const getImageWrapperStyle = React35.useCallback(
     () => ({
       width: imageWrapperWidth,
       height: imageWrapperHeight,
@@ -5649,7 +5798,7 @@ var CropperRoot = ({
     }),
     [imageWrapperWidth, imageWrapperHeight, offsetX, offsetY, effectiveZoom]
   );
-  const getImageProps = React8.useCallback(
+  const getImageProps = React35.useCallback(
     () => ({
       src: image,
       alt: "Image being cropped",
@@ -5658,14 +5807,14 @@ var CropperRoot = ({
     }),
     [image]
   );
-  const getCropAreaStyle = React8.useCallback(
+  const getCropAreaStyle = React35.useCallback(
     () => ({
       width: cropAreaWidth,
       height: cropAreaHeight
     }),
     [cropAreaWidth, cropAreaHeight]
   );
-  const getCropAreaProps = React8.useCallback(
+  const getCropAreaProps = React35.useCallback(
     () => ({
       style: getCropAreaStyle(),
       "aria-hidden": true
@@ -5699,7 +5848,7 @@ var CropperImage = ({ className, ...restProps }) => {
   const { image, getImageProps, getImageWrapperStyle } = useCropperContext();
   if (!image) return null;
   const imageProps = getImageProps();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: getImageWrapperStyle(), children: /* @__PURE__ */ jsxRuntime.jsx("img", { ...imageProps, className, ...restProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: getImageWrapperStyle(), children: /* @__PURE__ */ jsxRuntime.jsx("img", { ...imageProps, className, ...restProps, alt: "cropper" }) });
 };
 var CropperCropArea = ({
   className,
@@ -5743,10 +5892,10 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const [internalValues, setInternalValues] = React8__namespace.useState(
+  const [internalValues, setInternalValues] = React35__namespace.useState(
     Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]
   );
-  React8__namespace.useEffect(() => {
+  React35__namespace.useEffect(() => {
     if (value !== void 0) {
       setInternalValues(Array.isArray(value) ? value : [value]);
     }
@@ -5799,7 +5948,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: internalValues.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(React8__namespace.Fragment, { children: renderThumb() }, index))
+        Array.from({ length: internalValues.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(React35__namespace.Fragment, { children: renderThumb() }, index))
       ]
     }
   );
@@ -5915,10 +6064,10 @@ function Cropper2({
   rounded = false,
   portal = false
 }) {
-  const [finalImageUrl, setFinalImageUrl] = React8.useState(null);
-  const [croppedAreaPixels, setCroppedAreaPixels] = React8.useState(null);
-  const [zoom, setZoom] = React8.useState(1);
-  const handleCropChange = React8.useCallback((pixels) => {
+  const [finalImageUrl, setFinalImageUrl] = React35.useState(null);
+  const [croppedAreaPixels, setCroppedAreaPixels] = React35.useState(null);
+  const [zoom, setZoom] = React35.useState(1);
+  const handleCropChange = React35.useCallback((pixels) => {
     setCroppedAreaPixels(pixels);
   }, []);
   const handleApply = async () => {
@@ -5951,7 +6100,7 @@ function Cropper2({
     onOpenChange?.(false);
     onCancelCrop?.();
   };
-  React8.useEffect(() => {
+  React35.useEffect(() => {
     const currentFinalUrl = finalImageUrl;
     return () => {
       if (currentFinalUrl && currentFinalUrl.startsWith("blob:")) {
@@ -6074,8 +6223,8 @@ var ProfileImage = ({
   icon
 }) => {
   const maxSize = maxSizeMB * 1024 * 1024;
-  const id = React8.useId();
-  const withCropper = React8.useMemo(() => !!cropperProps, [cropperProps]);
+  const id = React35.useId();
+  const withCropper = React35.useMemo(() => !!cropperProps, [cropperProps]);
   const handleFileChange = (file2, blob) => {
     if (!file2) {
       return;
@@ -6118,23 +6267,23 @@ var ProfileImage = ({
       handleFileChange(file2?.file);
     }
   });
-  const [finalImageUrl, setFinalImageUrl] = React8.useState(
+  const [finalImageUrl, setFinalImageUrl] = React35.useState(
     image || null
   );
-  const [isDialogOpen, setIsDialogOpen] = React8.useState(false);
-  React8.useEffect(() => {
+  const [isDialogOpen, setIsDialogOpen] = React35.useState(false);
+  React35.useEffect(() => {
     onError?.(errors);
-  }, [errors]);
+  }, [errors, onError]);
   const [file] = files;
   const fileId = file?.id;
-  const previousFileIdRef = React8.useRef(null);
+  const previousFileIdRef = React35.useRef(null);
   const previewUrl = file?.preview || null;
-  const profileImagePreview = React8.useMemo(() => {
+  const profileImagePreview = React35.useMemo(() => {
     if (withCropper) return finalImageUrl;
     return previewUrl;
   }, [previewUrl, withCropper, finalImageUrl]);
-  const initialRenderRef = React8.useRef(true);
-  React8.useEffect(() => {
+  const initialRenderRef = React35.useRef(true);
+  React35.useEffect(() => {
     if (!withCropper) return;
     if (fileId && fileId !== previousFileIdRef.current && !initialRenderRef.current) {
       setIsDialogOpen(true);
@@ -6307,19 +6456,19 @@ function RadioGroupItem({
     }
   );
 }
-var StepperContext = React8.createContext(void 0);
-var StepItemContext = React8.createContext(
+var StepperContext = React35.createContext(void 0);
+var StepItemContext = React35.createContext(
   void 0
 );
 var useStepper = () => {
-  const context = React8.useContext(StepperContext);
+  const context = React35.useContext(StepperContext);
   if (!context) {
     throw new Error("useStepper must be used within a Stepper");
   }
   return context;
 };
 var useStepItem = () => {
-  const context = React8.useContext(StepItemContext);
+  const context = React35.useContext(StepItemContext);
   if (!context) {
     throw new Error("useStepItem must be used within a StepperItem");
   }
@@ -6333,8 +6482,8 @@ function Stepper({
   className,
   ...props
 }) {
-  const [activeStep, setInternalStep] = React8__namespace.useState(defaultValue);
-  const setActiveStep = React8__namespace.useCallback(
+  const [activeStep, setInternalStep] = React35__namespace.useState(defaultValue);
+  const setActiveStep = React35__namespace.useCallback(
     (step) => {
       if (value === void 0) {
         setInternalStep(step);
@@ -6420,10 +6569,22 @@ function StepperTrigger({
   className,
   children,
   isClickable = true,
+  onClick,
   ...props
 }) {
   const { setActiveStep } = useStepper();
   const { step, isDisabled } = useStepItem();
+  const handleClick = React35__namespace.useCallback(
+    (e) => {
+      if (isClickable) {
+        setActiveStep(step);
+        onClick?.(e);
+      }
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    [isClickable, step, onClick, setActiveStep]
+  );
   if (asChild) {
     const Comp = asChild ? reactSlot.Slot : "span";
     return /* @__PURE__ */ jsxRuntime.jsx(Comp, { "data-slot": "stepper-trigger", className, children });
@@ -6448,9 +6609,10 @@ function StepperTrigger({
         `,
         className
       ),
-      onClick: () => isClickable ? setActiveStep(step) : null,
+      onClick: handleClick,
       disabled: isDisabled,
       ...props,
+      type: "button",
       children
     }
   );
@@ -6614,6 +6776,1190 @@ function StepperSeparator({
   }
   return line;
 }
+var BannerVariant = /* @__PURE__ */ ((BannerVariant2) => {
+  BannerVariant2["outline"] = "outline";
+  BannerVariant2["filled"] = "filled";
+  return BannerVariant2;
+})(BannerVariant || {});
+var BannerType = /* @__PURE__ */ ((BannerType2) => {
+  BannerType2["info"] = "info";
+  BannerType2["success"] = "success";
+  BannerType2["warning"] = "warning";
+  BannerType2["error"] = "error";
+  return BannerType2;
+})(BannerType || {});
+var bannerAlertVariants = classVarianceAuthority.cva("rounded-bannerAlert w-full", {
+  variants: {
+    variant: {
+      outline: "border border-box-border",
+      filled: "border-none"
+    },
+    type: {
+      info: "",
+      success: "",
+      warning: "",
+      error: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "outline",
+      type: "info",
+      class: "bg-bannerAlert-outline-info-background"
+    },
+    {
+      variant: "outline",
+      type: "success",
+      class: "bg-bannerAlert-outline-success-background"
+    },
+    {
+      variant: "outline",
+      type: "warning",
+      class: "bg-bannerAlert-outline-warning-background"
+    },
+    {
+      variant: "outline",
+      type: "error",
+      class: "bg-bannerAlert-outline-error-background"
+    },
+    {
+      variant: "filled",
+      type: "info",
+      class: "bg-bannerAlert-filled-info-background"
+    },
+    {
+      variant: "filled",
+      type: "success",
+      class: "bg-bannerAlert-filled-success-background"
+    },
+    {
+      variant: "filled",
+      type: "warning",
+      class: "bg-bannerAlert-filled-warning-background"
+    },
+    {
+      variant: "filled",
+      type: "error",
+      class: "bg-bannerAlert-filled-error-background"
+    }
+  ]
+});
+var bannerAlertIconVariants = classVarianceAuthority.cva("size-5", {
+  variants: {
+    variant: {
+      outline: "",
+      filled: ""
+    },
+    type: {
+      info: "",
+      success: "",
+      warning: "",
+      error: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "outline",
+      type: "info",
+      class: "text-bannerAlert-outline-info-icon"
+    },
+    {
+      variant: "outline",
+      type: "success",
+      class: "text-bannerAlert-outline-success-icon"
+    },
+    {
+      variant: "outline",
+      type: "warning",
+      class: "text-bannerAlert-outline-warning-icon"
+    },
+    {
+      variant: "outline",
+      type: "error",
+      class: "text-bannerAlert-outline-error-icon"
+    },
+    {
+      variant: "filled",
+      type: "info",
+      class: "text-bannerAlert-filled-info-icon"
+    },
+    {
+      variant: "filled",
+      type: "success",
+      class: "text-bannerAlert-filled-success-icon"
+    },
+    {
+      variant: "filled",
+      type: "warning",
+      class: "text-bannerAlert-filled-warning-icon"
+    },
+    {
+      variant: "filled",
+      type: "error",
+      class: "text-bannerAlert-filled-error-icon"
+    }
+  ]
+});
+var BannerAlertIcon = ({
+  variant: variant3,
+  type
+}) => {
+  const iconClass = bannerAlertIconVariants({ variant: variant3, type });
+  const icons = {
+    info: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: iconClass }),
+    success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheckBigIcon, { className: iconClass }),
+    warning: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, { className: iconClass }),
+    error: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: iconClass })
+  };
+  return icons[type];
+};
+var BannerAlert = ({
+  variant: variant3,
+  type,
+  title,
+  description,
+  onClose,
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: bannerAlertVariants({ variant: variant3, type }), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative py-4 ps-12 pe-4", !!onClose && "pe-12"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds absolute top-4 left-4", children: /* @__PURE__ */ jsxRuntime.jsx(BannerAlertIcon, { variant: variant3, type }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex-1 flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds w-full flex flex-col gap-1", children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds font-semibold leading-5 text-bannerAlert-title text-sm", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds leading-5 text-bannerAlert-description text-sm", children: description })
+      ] }),
+      children
+    ] }),
+    !!onClose && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds absolute top-2 right-2", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, icon: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}) }) })
+  ] }) });
+};
+var dropAnimation = {
+  sideEffects: core.defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.6"
+      }
+    }
+  })
+};
+var DEFAULT_MEASURING = {
+  droppable: {
+    strategy: core.MeasuringStrategy.Always
+  }
+};
+var DEFAULT_VIRTUAL_CARD_HEIGHT = 96;
+var DEFAULT_LOAD_MORE_OFFSET = 120;
+var KanbanColumnContext = React35__namespace.createContext(null);
+var KanbanColumn = React35__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 });
+});
+KanbanColumnHeader.displayName = "KanbanColumnHeader";
+var KanbanColumnTitle = React35__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h3",
+    {
+      ref,
+      className: cn("text-heading-6 font-semibold text-neutral-900", className),
+      ...props
+    }
+  );
+});
+KanbanColumnTitle.displayName = "KanbanColumnTitle";
+var KanbanColumnFooter = React35__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "border-t border-box-border px-5 py-4 text-xs text-neutral-500",
+        className
+      ),
+      ...props
+    }
+  );
+});
+KanbanColumnFooter.displayName = "KanbanColumnFooter";
+var KanbanCard = React35__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)]",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+KanbanCard.displayName = "KanbanCard";
+var KanbanColumnDragHandle = React35__namespace.forwardRef(({ className, children, ...props }, ref) => {
+  const context = React35__namespace.useContext(KanbanColumnContext);
+  if (!context) {
+    throw new Error(
+      "KanbanColumnDragHandle must be used inside a KanbanBoard column"
+    );
+  }
+  const mergedRef = React35__namespace.useCallback(
+    (node) => {
+      context.setActivatorNodeRef(node);
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [context, ref]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref: mergedRef,
+      type: "button",
+      className: cn(
+        "inline-flex size-6 items-center justify-center rounded-full border border-transparent bg-transparent text-neutral-500 transition-colors hover:text-neutral-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-button-primary-border-focus",
+        className
+      ),
+      "aria-label": "Reorder column",
+      ...context.attributes,
+      ...context.listeners,
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds sr-only", children: "Mover coluna" })
+    }
+  );
+});
+KanbanColumnDragHandle.displayName = "KanbanColumnDragHandle";
+function defaultRenderColumnHeader(context) {
+  const { column, cardCount } = context;
+  return /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnTitle, { className: "nebula-ds text-heading-6 font-semibold text-typography-heading-6", children: column.title }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds inline-flex items-center rounded-full border border-button-secondary-border-default bg-button-secondary-background-default px-3 py-1 text-xs font-medium text-tag-text", children: cardCount }),
+      column.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nebula-ds text-xs text-neutral-500", children: column.description }) : null
+    ] })
+  ] }) });
+}
+function defaultRenderEmptyState() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds w-full rounded-xl border border-dashed border-neutral-200 p-4 text-center text-sm text-neutral-500", children: "Empty column" });
+}
+function getCardSortDisabled(card, column) {
+  const disableDroppable = column.allowDrop === false;
+  const disableDraggable = card.isDraggable === false;
+  if (!disableDroppable && !disableDraggable) {
+    return false;
+  }
+  return {
+    draggable: disableDraggable,
+    droppable: disableDroppable
+  };
+}
+function calculateManualInsertionIndex({
+  overData,
+  fromColumnId,
+  targetColumnId,
+  columns
+}) {
+  const targetColumn = columns.find((column) => column.id === targetColumnId);
+  if (!targetColumn) {
+    return null;
+  }
+  if (overData.type === "column-droppable") {
+    const activeIsSameColumn2 = targetColumnId === fromColumnId;
+    if (activeIsSameColumn2) {
+      return targetColumn.cards.length - 1;
+    }
+    return targetColumn.cards.length;
+  }
+  const activeIsSameColumn = targetColumnId === fromColumnId;
+  const overIndex = overData.index;
+  if (activeIsSameColumn) {
+    return clampInsertIndex(overIndex, targetColumn.cards.length - 1);
+  }
+  return clampInsertIndex(overIndex, targetColumn.cards.length);
+}
+function moveCardBetweenColumns({
+  columns,
+  card,
+  cardId,
+  fromColumnId,
+  toColumnId,
+  toIndex,
+  getCardId
+}) {
+  if (fromColumnId === toColumnId) {
+    return columns.map((column) => {
+      if (column.id !== fromColumnId) {
+        return column;
+      }
+      const currentIndex = column.cards.findIndex(
+        (item) => getCardId(item) === cardId
+      );
+      if (currentIndex === -1) {
+        return column;
+      }
+      const maxIndex = column.cards.length > 0 ? column.cards.length - 1 : 0;
+      const clampedIndex = clampIndex(toIndex, maxIndex);
+      if (currentIndex === clampedIndex) {
+        return column;
+      }
+      return {
+        ...column,
+        cards: sortable.arrayMove(column.cards, currentIndex, clampedIndex)
+      };
+    });
+  }
+  return columns.map((column) => {
+    if (column.id === fromColumnId) {
+      return {
+        ...column,
+        cards: column.cards.filter((item) => getCardId(item) !== cardId)
+      };
+    }
+    if (column.id === toColumnId) {
+      const filteredCards = column.cards.filter(
+        (item) => getCardId(item) !== cardId
+      );
+      const nextCards = [...filteredCards];
+      const insertIndex = clampInsertIndex(toIndex, filteredCards.length);
+      nextCards.splice(insertIndex, 0, card);
+      return {
+        ...column,
+        cards: nextCards
+      };
+    }
+    return column;
+  });
+}
+function clampIndex(value, max) {
+  if (max < 0) {
+    return 0;
+  }
+  return Math.min(Math.max(value, 0), max);
+}
+function clampInsertIndex(value, length) {
+  if (length < 0) {
+    return 0;
+  }
+  if (value < 0) {
+    return 0;
+  }
+  if (value > length) {
+    return length;
+  }
+  return value;
+}
+function columnMoveCrossesLockedColumns({
+  columns,
+  fromIndex,
+  toIndex
+}) {
+  if (fromIndex === toIndex) {
+    return false;
+  }
+  const [start, end] = fromIndex < toIndex ? [fromIndex + 1, toIndex] : [toIndex, fromIndex - 1];
+  for (let index = start; index <= end; index += 1) {
+    const column = columns[index];
+    if (column && column.canDrag === false) {
+      return true;
+    }
+  }
+  const targetColumn = columns[toIndex];
+  if (targetColumn?.canDrag === false) {
+    return true;
+  }
+  return false;
+}
+function KanbanSortableCard({
+  card,
+  cardIndex,
+  column,
+  columnIndex,
+  renderCard,
+  getCardId,
+  activeCardId,
+  virtualizer,
+  virtualizationEnabled = false,
+  cardId,
+  isManualOrdering,
+  isDropTarget
+}) {
+  const sortable$1 = sortable.useSortable({
+    id: cardId ?? getCardId(card),
+    data: {
+      type: "card",
+      card,
+      columnId: column.id,
+      index: cardIndex,
+      ordering: column.ordering ?? "manual"
+    },
+    disabled: getCardSortDisabled(card, column),
+    animateLayoutChanges: (args) => {
+      if ((column.ordering ?? "manual") === "external") {
+        return false;
+      }
+      return sortable.defaultAnimateLayoutChanges({
+        ...args,
+        wasDragging: true
+      });
+    }
+  });
+  const {
+    setNodeRef,
+    attributes,
+    listeners,
+    transform,
+    transition,
+    isDragging
+  } = sortable$1;
+  const composedRef = React35__namespace.useCallback(
+    (node) => {
+      setNodeRef(node);
+      if (virtualizationEnabled && node) {
+        virtualizer?.measureElement(node);
+      }
+    },
+    [setNodeRef, virtualizer, virtualizationEnabled]
+  );
+  const cardContent = renderCard({
+    card,
+    column,
+    columnIndex,
+    index: cardIndex,
+    isDragging,
+    isOverlay: false
+  });
+  const resolvedCardId = cardId ?? getCardId(card);
+  const isActiveCard = activeCardId === resolvedCardId;
+  const showManualPreview = isManualOrdering && isDropTarget && isActiveCard;
+  const cardStyles = {
+    transform: utilities.CSS.Translate.toString(transform),
+    transition
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: composedRef,
+      style: cardStyles,
+      "data-card-id": resolvedCardId,
+      className: cn(
+        "relative touch-pan-y transition-transform duration-150",
+        isDragging && "z-10"
+      ),
+      ...attributes,
+      ...listeners,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "transition-[opacity,transform] duration-150",
+              isActiveCard ? "pointer-events-none opacity-0" : "opacity-100",
+              isDragging && "scale-[0.99]"
+            ),
+            children: cardContent
+          }
+        ),
+        showManualPreview ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds pointer-events-none absolute inset-0 rounded-2xl border-2 border-dashed border-button-primary-border-focus bg-button-primary-border-focus/10" }) : null
+      ]
+    }
+  );
+}
+var KanbanColumnBodyInner = ({
+  column,
+  columnIndex,
+  renderCard,
+  renderEmptyState,
+  getCardId,
+  activeCardId,
+  columnContext,
+  isManualOrdering,
+  isDropTarget
+}, ref) => {
+  const scrollRef = React35__namespace.useRef(null);
+  const combinedRef = React35__namespace.useCallback(
+    (node) => {
+      scrollRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [ref]
+  );
+  const virtualization = column.virtualization;
+  const virtualizationEnabled = Boolean(virtualization?.enabled);
+  const cardIds = React35__namespace.useMemo(
+    () => column.cards.map((card) => getCardId(card)),
+    [column.cards, getCardId]
+  );
+  const virtualizer = reactVirtual.useVirtualizer({
+    count: virtualizationEnabled ? column.cards.length : 0,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => virtualization?.estimateCardHeight ?? DEFAULT_VIRTUAL_CARD_HEIGHT,
+    overscan: virtualization?.overscan ?? 6,
+    enabled: virtualizationEnabled
+  });
+  const { onLoadMore, hasMore, isLoadingMore, loadMoreOffset } = column;
+  React35__namespace.useEffect(() => {
+    if (!onLoadMore || !hasMore || isLoadingMore) {
+      return;
+    }
+    const node = scrollRef.current;
+    if (!node) {
+      return;
+    }
+    const handleScroll = () => {
+      const remaining = node.scrollHeight - node.scrollTop - node.clientHeight;
+      const offset = loadMoreOffset ?? DEFAULT_LOAD_MORE_OFFSET;
+      if (remaining <= offset) {
+        onLoadMore?.();
+      }
+    };
+    node.addEventListener("scroll", handleScroll);
+    return () => {
+      node.removeEventListener("scroll", handleScroll);
+    };
+  }, [hasMore, isLoadingMore, loadMoreOffset, onLoadMore]);
+  const columnBodyClasses = cn(
+    "flex-1 overflow-y-auto px-4 pb-4 pt-1",
+    column.cards.length === 0 && "flex items-center justify-center"
+  );
+  const emptyState = renderEmptyState?.(columnContext) ?? column.emptyState ?? defaultRenderEmptyState();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: combinedRef, className: columnBodyClasses, children: /* @__PURE__ */ jsxRuntime.jsxs(sortable.SortableContext, { items: cardIds, strategy: sortable.verticalListSortingStrategy, children: [
+    column.cards.length === 0 ? isManualOrdering && isDropTarget && activeCardId ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex h-24 items-center justify-center rounded-2xl border-2 border-dashed border-button-primary-border-focus bg-button-primary-border-focus/10" }) : emptyState : virtualizationEnabled ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          height: virtualizer.getTotalSize(),
+          position: "relative"
+        },
+        children: virtualizer.getVirtualItems().map((virtualRow) => {
+          const card = column.cards[virtualRow.index];
+          if (!card) {
+            return null;
+          }
+          const cardId = getCardId(card);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-index": virtualRow.index,
+              style: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                transform: `translateY(${virtualRow.start}px)`
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                KanbanSortableCard,
+                {
+                  card,
+                  cardIndex: virtualRow.index,
+                  column,
+                  columnIndex,
+                  renderCard,
+                  getCardId,
+                  activeCardId,
+                  virtualizer,
+                  virtualizationEnabled,
+                  cardId,
+                  isManualOrdering,
+                  isDropTarget
+                }
+              )
+            },
+            virtualRow.key
+          );
+        })
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex flex-col gap-4", children: column.cards.map((card, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      KanbanSortableCard,
+      {
+        card,
+        cardIndex: index,
+        column,
+        columnIndex,
+        renderCard,
+        getCardId,
+        activeCardId,
+        isManualOrdering,
+        isDropTarget
+      },
+      getCardId(card)
+    )) }),
+    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);
+KanbanColumnBodyBase.displayName = "KanbanColumnBody";
+var KanbanColumnBody = KanbanColumnBodyBase;
+var KANBAN_COLUMN_BASE_CLASSNAME = "flex h-full w-full min-w-[360px] max-w-[360px] flex-col rounded-2xl box-content border bg-table-background transition-[box-shadow,transform,background-color]";
+function KanbanSortableColumn({
+  column,
+  columnIndex,
+  className,
+  renderCard,
+  renderColumnHeader,
+  renderColumnFooter,
+  renderEmptyState,
+  getCardId,
+  isManualTarget,
+  isExternalTarget,
+  columnContext,
+  activeCardId
+}) {
+  const {
+    setNodeRef,
+    setActivatorNodeRef,
+    listeners,
+    attributes,
+    transform,
+    transition,
+    isDragging
+  } = sortable.useSortable({
+    id: column.id,
+    data: {
+      type: "column",
+      column,
+      index: columnIndex
+    },
+    disabled: column.canDrag === false
+  });
+  const { setNodeRef: setDroppableRef } = core.useDroppable({
+    id: `${column.id}-droppable`,
+    data: {
+      type: "column-droppable",
+      columnId: column.id,
+      ordering: column.ordering ?? "manual",
+      allowDrop: column.allowDrop !== false
+    },
+    disabled: column.allowDrop === false
+  });
+  const columnContextValue = React35__namespace.useMemo(
+    () => ({
+      columnId: column.id,
+      setActivatorNodeRef,
+      listeners,
+      attributes,
+      isDragging,
+      isDragDisabled: column.canDrag === false
+    }),
+    [
+      attributes,
+      column.canDrag,
+      column.id,
+      isDragging,
+      listeners,
+      setActivatorNodeRef
+    ]
+  );
+  const ordering = column.ordering ?? "manual";
+  const isManualOrdering = ordering === "manual";
+  const columnClassNames = cn(
+    KANBAN_COLUMN_BASE_CLASSNAME,
+    isDragging && "translate-y-[1px]",
+    column.canDrag === false && "cursor-default",
+    isManualTarget && isManualOrdering && "ring-2 ring-button-primary-border-focus ring-offset-2 ring-offset-transparent",
+    isExternalTarget && !isManualOrdering && "ring-2 ring-button-primary-border-focus ring-offset-2 ring-offset-transparent",
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnContext.Provider, { value: columnContextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    KanbanColumn,
+    {
+      ref: setNodeRef,
+      className: columnClassNames,
+      style: {
+        transform: utilities.CSS.Translate.toString(transform),
+        transition
+      },
+      "data-column-id": column.id,
+      "data-ordering": column.ordering ?? "manual",
+      children: [
+        renderColumnHeader ? renderColumnHeader(columnContext) : defaultRenderColumnHeader(columnContext),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          KanbanColumnBody,
+          {
+            ref: setDroppableRef,
+            column,
+            columnIndex,
+            renderCard,
+            renderEmptyState,
+            getCardId,
+            activeCardId,
+            columnContext,
+            isManualOrdering,
+            isDropTarget: columnContext.isDropTarget
+          }
+        ),
+        column.footer || renderColumnFooter ? renderColumnFooter ? renderColumnFooter(columnContext) : /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnFooter, { children: column.footer }) : null
+      ]
+    }
+  ) });
+}
+function renderCardOverlay({
+  activeCard,
+  columns,
+  renderCard
+}) {
+  const column = columns.find((item) => item.id === activeCard.columnId);
+  if (!column) {
+    return null;
+  }
+  return renderCard({
+    card: activeCard.card,
+    column,
+    columnIndex: columns.indexOf(column),
+    index: column.cards.findIndex((card) => card.id === activeCard.card.id),
+    isDragging: true,
+    isOverlay: true
+  });
+}
+function renderColumnOverlay({
+  activeColumn,
+  renderCard,
+  renderColumnHeader,
+  renderColumnFooter,
+  renderEmptyState,
+  columnClassName,
+  sanitizedColumns
+}) {
+  const column = sanitizedColumns.find((item) => item.id === activeColumn.id);
+  if (!column) {
+    return null;
+  }
+  const columnContext = {
+    column,
+    columnIndex: sanitizedColumns.indexOf(column),
+    cardCount: column.cards.length,
+    isDropTarget: false,
+    isDropTargetExternal: false,
+    isDragDisabled: column.canDrag === false
+  };
+  const computedColumnClassName = typeof columnClassName === "function" ? columnClassName(columnContext) : columnClassName;
+  const overlayColumnContext = {
+    columnId: activeColumn.id,
+    setActivatorNodeRef: () => {
+    },
+    listeners: void 0,
+    attributes: {},
+    isDragging: false,
+    isDragDisabled: true
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnContext.Provider, { value: overlayColumnContext, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    KanbanColumn,
+    {
+      className: cn(KANBAN_COLUMN_BASE_CLASSNAME, computedColumnClassName),
+      children: [
+        renderColumnHeader ? renderColumnHeader(columnContext) : defaultRenderColumnHeader(columnContext),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex flex-col gap-4 px-4 pb-4 pt-1", children: column.cards.length === 0 ? renderEmptyState?.(columnContext) ?? column.emptyState ?? defaultRenderEmptyState() : column.cards.map(
+          (card, index) => renderCard({
+            card,
+            column,
+            columnIndex: columnContext.columnIndex,
+            index,
+            isDragging: false,
+            isOverlay: true
+          })
+        ) }),
+        column.footer || renderColumnFooter ? renderColumnFooter ? renderColumnFooter(columnContext) : /* @__PURE__ */ jsxRuntime.jsx(KanbanColumnFooter, { children: column.footer }) : null
+      ]
+    }
+  ) });
+}
+function KanbanBoard({
+  columns,
+  renderCard,
+  renderColumnHeader,
+  renderColumnFooter,
+  renderEmptyState,
+  getCardId: getCardIdProp,
+  onCardDrop,
+  onColumnDrop,
+  className,
+  columnClassName,
+  collisionDetection,
+  modifiers,
+  sensors: sensorsProp,
+  measuring
+}) {
+  const getCardId = React35__namespace.useCallback(
+    (card) => getCardIdProp ? getCardIdProp(card) : card.id,
+    [getCardIdProp]
+  );
+  const defaultSensors = core.useSensors(
+    core.useSensor(core.PointerSensor, {
+      activationConstraint: {
+        distance: 6
+      }
+    }),
+    core.useSensor(core.TouchSensor, {
+      activationConstraint: {
+        delay: 120,
+        tolerance: 6
+      }
+    }),
+    core.useSensor(core.KeyboardSensor, {
+      coordinateGetter: sortable.sortableKeyboardCoordinates
+    })
+  );
+  const sensors = sensorsProp ?? defaultSensors;
+  const measuringConfig = measuring ?? DEFAULT_MEASURING;
+  const columnMap = React35__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 sanitizedColumns = projectedColumns ?? columns;
+  React35__namespace.useEffect(() => {
+    if (!activeCard && !activeColumn) {
+      setProjectedColumns(null);
+    }
+  }, [columns, activeCard, activeColumn]);
+  const handleDragStart = React35__namespace.useCallback(
+    (event) => {
+      const data = event.active.data.current;
+      if (!data) {
+        return;
+      }
+      if (data.type === "card") {
+        setActiveCard({
+          id: getCardId(data.card),
+          columnId: data.columnId,
+          card: data.card
+        });
+        setHoveredColumnId(data.columnId);
+      }
+      if (data.type === "column") {
+        setActiveColumn({
+          id: data.column.id,
+          column: data.column,
+          index: data.index
+        });
+      }
+    },
+    [getCardId]
+  );
+  const handleDragOver = React35__namespace.useCallback(
+    (event) => {
+      const { active, over } = event;
+      if (!over) {
+        setHoveredColumnId(null);
+        return;
+      }
+      const activeData = active.data.current;
+      const overData = over.data.current;
+      if (!activeData) {
+        return;
+      }
+      if (activeData.type === "card") {
+        if (!activeCard) {
+          return;
+        }
+        const fromColumnId = activeCard.columnId;
+        const activeCardId = getCardId(activeData.card);
+        const baseColumns = projectedColumns ?? columns;
+        if (overData?.type === "card" || overData?.type === "column-droppable") {
+          const targetColumnId = overData.columnId;
+          const targetColumn = columnMap.get(targetColumnId);
+          if (!targetColumn || targetColumn.allowDrop === false) {
+            setHoveredColumnId(null);
+            return;
+          }
+          const ordering = targetColumn.ordering ?? "manual";
+          setHoveredColumnId(targetColumnId);
+          if (ordering === "manual") {
+            const nextIndex = calculateManualInsertionIndex({
+              overData,
+              fromColumnId,
+              targetColumnId,
+              columns: baseColumns
+            });
+            if (nextIndex === null) {
+              return;
+            }
+            const currentPosition = manualDropPosition.current;
+            const positionChanged = !currentPosition || currentPosition.columnId !== targetColumnId || currentPosition.index !== nextIndex;
+            if (positionChanged) {
+              setProjectedColumns(() => {
+                return moveCardBetweenColumns({
+                  columns,
+                  card: activeData.card,
+                  cardId: activeCardId,
+                  fromColumnId,
+                  toColumnId: targetColumnId,
+                  toIndex: nextIndex,
+                  getCardId
+                });
+              });
+              manualDropPosition.current = {
+                columnId: targetColumnId,
+                index: nextIndex
+              };
+            }
+          } else {
+            setProjectedColumns(null);
+            manualDropPosition.current = null;
+          }
+        } else {
+          setHoveredColumnId(null);
+          manualDropPosition.current = null;
+        }
+      }
+      if (activeData.type === "column" && activeColumn) {
+        if (!overData || overData.type !== "column" && overData.type !== "column-droppable") {
+          setProjectedColumns(null);
+          setHoveredColumnId(null);
+          manualDropPosition.current = null;
+          return;
+        }
+        setHoveredColumnId(null);
+        manualDropPosition.current = null;
+        const baseColumns = projectedColumns ?? columns;
+        const fromIndex = baseColumns.findIndex(
+          (column) => column.id === activeColumn.id
+        );
+        const targetColumnId = overData.type === "column" ? overData.column.id : overData.columnId;
+        const targetIndex = baseColumns.findIndex(
+          (column) => column.id === targetColumnId
+        );
+        if (targetIndex === -1 || targetIndex === fromIndex) {
+          setProjectedColumns(baseColumns === columns ? null : baseColumns);
+          return;
+        }
+        if (columnMoveCrossesLockedColumns({
+          columns: baseColumns,
+          fromIndex,
+          toIndex: targetIndex
+        })) {
+          return;
+        }
+        setProjectedColumns(sortable.arrayMove(baseColumns, fromIndex, targetIndex));
+      }
+    },
+    [activeCard, activeColumn, columns, columnMap, getCardId, projectedColumns]
+  );
+  const resetDragState = React35__namespace.useCallback(() => {
+    setActiveCard(null);
+    setActiveColumn(null);
+    setHoveredColumnId(null);
+    setProjectedColumns(null);
+    manualDropPosition.current = null;
+  }, []);
+  const handleDragEnd = React35__namespace.useCallback(
+    (event) => {
+      const { active, over } = event;
+      const activeData = active.data.current;
+      const overData = over?.data.current;
+      if (!activeData) {
+        resetDragState();
+        return;
+      }
+      const pendingManualPosition = manualDropPosition.current;
+      manualDropPosition.current = null;
+      if (activeData.type === "card" && activeCard) {
+        if (!over || !overData) {
+          resetDragState();
+          return;
+        }
+        if (overData.type !== "card" && overData.type !== "column-droppable") {
+          resetDragState();
+          return;
+        }
+        const fromColumnId = activeCard.columnId;
+        const toColumnId = overData.columnId;
+        const ordering = columnMap.get(toColumnId)?.ordering ?? "manual";
+        const sourceColumn = columns.find(
+          (column) => column.id === fromColumnId
+        );
+        const fromIndex = sourceColumn?.cards.findIndex(
+          (card) => getCardId(card) === activeCard.id
+        ) ?? 0;
+        let toIndex = null;
+        if (ordering === "manual") {
+          if (pendingManualPosition && pendingManualPosition.columnId === toColumnId) {
+            toIndex = pendingManualPosition.index;
+          } else {
+            const targetColumn = columns.find(
+              (column) => column.id === toColumnId
+            );
+            if (targetColumn && overData.type === "card") {
+              toIndex = targetColumn.cards.findIndex(
+                (card) => getCardId(card) === getCardId(overData.card)
+              );
+            } else if (targetColumn && overData.type === "column-droppable") {
+              if (fromColumnId === toColumnId) {
+                toIndex = targetColumn.cards.length - 1;
+              } else {
+                toIndex = targetColumn.cards.length;
+              }
+            }
+          }
+        }
+        if (ordering === "external") {
+          toIndex = null;
+        }
+        if (toIndex === null && toColumnId === fromColumnId && ordering === "external") {
+          resetDragState();
+          return;
+        }
+        if (toColumnId === fromColumnId && toIndex !== null && toIndex === fromIndex) {
+          resetDragState();
+          return;
+        }
+        onCardDrop?.({
+          event,
+          card: activeCard.card,
+          cardId: activeCard.id,
+          fromColumnId,
+          toColumnId,
+          fromIndex,
+          toIndex,
+          ordering,
+          isDifferentColumn: toColumnId !== fromColumnId
+        });
+      }
+      if (activeData.type === "column" && activeColumn) {
+        if (!over || !overData || overData.type !== "column" && overData.type !== "column-droppable") {
+          resetDragState();
+          return;
+        }
+        const finalColumns = projectedColumns ?? columns;
+        const targetColumnId = overData.type === "column" ? overData.column.id : overData.columnId;
+        const fromIndex = activeColumn.index;
+        const targetIndex = finalColumns.findIndex(
+          (column) => column.id === targetColumnId
+        );
+        const destinationIndex = finalColumns.findIndex(
+          (column) => column.id === activeColumn.id
+        );
+        if (targetIndex === -1 || destinationIndex === -1 || destinationIndex === fromIndex) {
+          resetDragState();
+          return;
+        }
+        if (columnMoveCrossesLockedColumns({
+          columns: finalColumns,
+          fromIndex,
+          toIndex: destinationIndex
+        })) {
+          resetDragState();
+          return;
+        }
+        onColumnDrop?.({
+          event,
+          column: activeColumn.column,
+          columnId: activeColumn.id,
+          fromIndex,
+          toIndex: destinationIndex
+        });
+      }
+      resetDragState();
+    },
+    [
+      activeCard,
+      activeColumn,
+      columnMap,
+      columns,
+      getCardId,
+      onCardDrop,
+      onColumnDrop,
+      projectedColumns,
+      resetDragState
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.DndContext,
+    {
+      collisionDetection,
+      modifiers,
+      sensors,
+      measuring: measuringConfig,
+      onDragStart: handleDragStart,
+      onDragOver: handleDragOver,
+      onDragEnd: handleDragEnd,
+      onDragCancel: resetDragState,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          sortable.SortableContext,
+          {
+            items: sanitizedColumns.map((column) => column.id),
+            strategy: sortable.horizontalListSortingStrategy,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "flex h-full w-full gap-4 overflow-x-auto p-1",
+                  className
+                ),
+                children: sanitizedColumns.map((column, index) => {
+                  const ordering = column.ordering ?? "manual";
+                  const isDropTarget = hoveredColumnId === column.id;
+                  const context = {
+                    column,
+                    columnIndex: index,
+                    cardCount: column.cards.length,
+                    isDropTarget,
+                    isDropTargetExternal: isDropTarget && ordering === "external",
+                    isDragDisabled: column.canDrag === false
+                  };
+                  const computedColumnClassName = typeof columnClassName === "function" ? columnClassName(context) : columnClassName;
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    KanbanSortableColumn,
+                    {
+                      column,
+                      columnIndex: index,
+                      className: computedColumnClassName,
+                      renderCard,
+                      renderColumnHeader,
+                      renderColumnFooter,
+                      renderEmptyState,
+                      getCardId,
+                      isManualTarget: isDropTarget && ordering === "manual",
+                      isExternalTarget: isDropTarget && ordering === "external",
+                      columnContext: context,
+                      activeCardId: activeCard?.id ?? null
+                    },
+                    column.id
+                  );
+                })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(core.DragOverlay, { dropAnimation, children: [
+          activeCard && renderCardOverlay({
+            activeCard,
+            columns,
+            renderCard
+          }),
+          !activeCard && activeColumn ? renderColumnOverlay({
+            activeColumn,
+            renderCard,
+            renderColumnHeader,
+            renderColumnFooter,
+            renderEmptyState,
+            columnClassName,
+            sanitizedColumns
+          }) : null
+        ] })
+      ]
+    }
+  );
+}
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -6654,6 +8000,9 @@ exports.AlertTitle = AlertTitle;
 exports.Async = StyledAsync;
 exports.AsyncCreatable = StyledAsyncCreatable;
 exports.Badge = Badge;
+exports.BannerAlert = BannerAlert;
+exports.BannerType = BannerType;
+exports.BannerVariant = BannerVariant;
 exports.Box = Box;
 exports.Breadcrumb = Breadcrumb;
 exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
@@ -6709,10 +8058,18 @@ exports.FileUpload = FileUpload;
 exports.FileUploadError = FileUploadError;
 exports.Heading = Heading;
 exports.InputDatePickerSingle = InputDatePickerSingle;
+exports.InputDateRangePicker = InputDateRangePicker;
 exports.InputDateTimePickerSingle = InputDateTimePickerSingle;
 exports.InputPhone = InputPhone;
 exports.InputText = InputText;
 exports.InputTime = InputTime;
+exports.KanbanBoard = KanbanBoard;
+exports.KanbanCard = KanbanCard;
+exports.KanbanColumn = KanbanColumn;
+exports.KanbanColumnDragHandle = KanbanColumnDragHandle;
+exports.KanbanColumnFooter = KanbanColumnFooter;
+exports.KanbanColumnHeader = KanbanColumnHeader;
+exports.KanbanColumnTitle = KanbanColumnTitle;
 exports.Label = Label;
 exports.Link = Link;
 exports.NebulaI18nProvider = NebulaI18nProvider;