@ikatec/nebula-react 1.0.14 → 1.0.16

package/dist/index.js

@@ -8,6 +8,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var LabelPrimitive = require('@radix-ui/react-label');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var lucideReact = require('lucide-react');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var Select = require('react-select');
 var Creatable = require('react-select/creatable');
@@ -23,6 +24,9 @@ var TabsPrimitive = require('@radix-ui/react-tabs');
 var sonner = require('sonner');
 var RPNInput = require('react-phone-number-input');
 var flags = require('react-phone-number-input/flags');
+var dateFns = require('date-fns');
+var reactDayPicker = require('react-day-picker');
+var locale = require('react-day-picker/locale');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -535,193 +539,6 @@ 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 }));
 TableCaption.displayName = "TableCaption";
-
-// ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-
-// ../../node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// ../../node_modules/lucide-react/dist/esm/Icon.js
-var Icon = React8.forwardRef(
-  ({
-    color: color2 = "currentColor",
-    size: size4 = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => {
-    return React8.createElement(
-      "svg",
-      {
-        ref,
-        ...defaultAttributes,
-        width: size4,
-        height: size4,
-        stroke: color2,
-        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
-        className: mergeClasses("lucide", className),
-        ...rest
-      },
-      [
-        ...iconNode.map(([tag, attrs]) => React8.createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = React8.forwardRef(
-    ({ className, ...props }, ref) => React8.createElement(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
-      ...props
-    })
-  );
-  Component.displayName = `${iconName}`;
-  return Component;
-};
-
-// ../../node_modules/lucide-react/dist/esm/icons/check.js
-var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-var Check = createLucideIcon("Check", __iconNode);
-
-// ../../node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("ChevronDown", __iconNode2);
-
-// ../../node_modules/lucide-react/dist/esm/icons/chevron-left.js
-var __iconNode3 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-var ChevronLeft = createLucideIcon("ChevronLeft", __iconNode3);
-
-// ../../node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode4 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("ChevronRight", __iconNode4);
-
-// ../../node_modules/lucide-react/dist/esm/icons/chevrons-left.js
-var __iconNode5 = [
-  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
-  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
-];
-var ChevronsLeft = createLucideIcon("ChevronsLeft", __iconNode5);
-
-// ../../node_modules/lucide-react/dist/esm/icons/chevrons-right.js
-var __iconNode6 = [
-  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
-  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
-];
-var ChevronsRight = createLucideIcon("ChevronsRight", __iconNode6);
-
-// ../../node_modules/lucide-react/dist/esm/icons/circle-check-big.js
-var __iconNode7 = [
-  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
-  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-];
-var CircleCheckBig = createLucideIcon("CircleCheckBig", __iconNode7);
-
-// ../../node_modules/lucide-react/dist/esm/icons/circle-x.js
-var __iconNode8 = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
-  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-];
-var CircleX = createLucideIcon("CircleX", __iconNode8);
-
-// ../../node_modules/lucide-react/dist/esm/icons/circle.js
-var __iconNode9 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-var Circle = createLucideIcon("Circle", __iconNode9);
-
-// ../../node_modules/lucide-react/dist/esm/icons/ellipsis.js
-var __iconNode10 = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
-  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-];
-var Ellipsis = createLucideIcon("Ellipsis", __iconNode10);
-
-// ../../node_modules/lucide-react/dist/esm/icons/eye-off.js
-var __iconNode11 = [
-  [
-    "path",
-    {
-      d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
-      key: "ct8e1f"
-    }
-  ],
-  ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }],
-  [
-    "path",
-    {
-      d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
-      key: "13bj9a"
-    }
-  ],
-  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
-];
-var EyeOff = createLucideIcon("EyeOff", __iconNode11);
-
-// ../../node_modules/lucide-react/dist/esm/icons/eye.js
-var __iconNode12 = [
-  [
-    "path",
-    {
-      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
-      key: "1nclc0"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-];
-var Eye = createLucideIcon("Eye", __iconNode12);
-
-// ../../node_modules/lucide-react/dist/esm/icons/info.js
-var __iconNode13 = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "M12 16v-4", key: "1dtifu" }],
-  ["path", { d: "M12 8h.01", key: "e9boi3" }]
-];
-var Info = createLucideIcon("Info", __iconNode13);
-
-// ../../node_modules/lucide-react/dist/esm/icons/minus.js
-var __iconNode14 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-var Minus = createLucideIcon("Minus", __iconNode14);
-
-// ../../node_modules/lucide-react/dist/esm/icons/phone.js
-var __iconNode15 = [
-  [
-    "path",
-    {
-      d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z",
-      key: "foiqr5"
-    }
-  ]
-];
-var Phone = createLucideIcon("Phone", __iconNode15);
-
-// ../../node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode16 = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-];
-var X = createLucideIcon("X", __iconNode16);
 var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
@@ -754,7 +571,7 @@ var DropdownMenuSubTrigger = React8__namespace.forwardRef(({ className, inset, c
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "nebula-ds ml-auto size-4" })
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nebula-ds ml-auto size-4" })
     ]
   }
 ));
@@ -879,7 +696,7 @@ var DropdownMenuCheckboxItem = React8__namespace.forwardRef(({ className, childr
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { className: "nebula-ds absolute left-4 h-11 w-4 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "nebula-ds h-4 w-4" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { className: "nebula-ds absolute left-4 h-11 w-4 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nebula-ds h-4 w-4" }) }),
       children
     ]
   }
@@ -915,7 +732,7 @@ var DropdownMenuRadioItem = React8__namespace.forwardRef(({ className, children,
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { className: "nebula-ds absolute left-4 flex h-11 w-2 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Circle, { className: "nebula-ds h-2 w-2 fill-current" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { className: "nebula-ds absolute left-4 flex h-11 w-2 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "nebula-ds h-2 w-2 fill-current" }) }),
       children
     ]
   }
@@ -1327,15 +1144,29 @@ var messages3 = {
 };
 var input_phone_default = messages3;
 
+// src/i18n/messages/en/time-picker.ts
+var messages4 = {
+  label: "Time"
+};
+var time_picker_default = messages4;
+
+// src/i18n/messages/en/file-upload.ts
+var messages5 = {
+  deleteAll: "Remove all"
+};
+var file_upload_default = messages5;
+
 // src/i18n/messages/en/index.ts
 var enMessages = {
   pagination: pagination_default,
   inputSelect: input_select_default,
-  inputPhone: input_phone_default
+  inputPhone: input_phone_default,
+  timePicker: time_picker_default,
+  fileUpload: file_upload_default
 };
 
 // src/i18n/messages/es/pagination.ts
-var messages4 = {
+var messages6 = {
   totalResultsLabel(pagesSize, totalResults) {
     if (totalResults < pagesSize) {
       pagesSize = totalResults;
@@ -1346,16 +1177,16 @@ var messages4 = {
     return `P\xE1gina ${currentPage} de ${totalPages}`;
   }
 };
-var pagination_default2 = messages4;
+var pagination_default2 = messages6;
 
 // src/i18n/messages/es/input-select.ts
-var messages5 = {
+var messages7 = {
   noOptions: "No hay opciones disponibles"
 };
-var input_select_default2 = messages5;
+var input_select_default2 = messages7;
 
 // src/i18n/messages/es/input-phone.ts
-var messages6 = {
+var messages8 = {
   countries: {
     empty: "Seleccionar",
     AF: "Afganist\xE1n",
@@ -1605,17 +1436,31 @@ var messages6 = {
     ZW: "Zimbabue"
   }
 };
-var input_phone_default2 = messages6;
+var input_phone_default2 = messages8;
+
+// src/i18n/messages/es/time-picker.ts
+var messages9 = {
+  label: "Tiempo"
+};
+var time_picker_default2 = messages9;
+
+// src/i18n/messages/es/file-upload.ts
+var messages10 = {
+  deleteAll: "Remover todos"
+};
+var file_upload_default2 = messages10;
 
 // src/i18n/messages/es/index.ts
 var esMessages = {
   pagination: pagination_default2,
   inputSelect: input_select_default2,
-  inputPhone: input_phone_default2
+  inputPhone: input_phone_default2,
+  timePicker: time_picker_default2,
+  fileUpload: file_upload_default2
 };
 
 // src/i18n/messages/pt-br/pagination.ts
-var messages7 = {
+var messages11 = {
   totalResultsLabel(pagesSize, totalResults) {
     if (totalResults < pagesSize) {
       pagesSize = totalResults;
@@ -1626,16 +1471,16 @@ var messages7 = {
     return `P\xE1gina ${currentPage} de ${totalPages}`;
   }
 };
-var pagination_default3 = messages7;
+var pagination_default3 = messages11;
 
 // src/i18n/messages/pt-br/input-select.ts
-var messages8 = {
+var messages12 = {
   noOptions: "Nenhuma op\xE7\xE3o dispon\xEDvel"
 };
-var input_select_default3 = messages8;
+var input_select_default3 = messages12;
 
 // src/i18n/messages/pt-br/input-phone.ts
-var messages9 = {
+var messages13 = {
   countries: {
     empty: "Selecione",
     AF: "Afeganist\xE3o",
@@ -1885,13 +1730,27 @@ var messages9 = {
     ZW: "Zimb\xE1bue"
   }
 };
-var input_phone_default3 = messages9;
+var input_phone_default3 = messages13;
+
+// src/i18n/messages/pt-br/time-picker.ts
+var messages14 = {
+  label: "Hor\xE1rio"
+};
+var time_picker_default3 = messages14;
+
+// src/i18n/messages/pt-br/file-upload.ts
+var messages15 = {
+  deleteAll: "Remover todos"
+};
+var file_upload_default3 = messages15;
 
 // src/i18n/messages/pt-br/index.ts
 var ptBrMessages = {
   pagination: pagination_default3,
   inputSelect: input_select_default3,
-  inputPhone: input_phone_default3
+  inputPhone: input_phone_default3,
+  timePicker: time_picker_default3,
+  fileUpload: file_upload_default3
 };
 
 // src/i18n/message-storage-handler.ts
@@ -1916,7 +1775,7 @@ var setNebulaLanguage = (language) => {
   }
   localStorage.setItem(getNebulaI18nStorageKey(), language);
 };
-var messages10 = /* @__PURE__ */ new Map([
+var messages16 = /* @__PURE__ */ new Map([
   [null, enMessages],
   [void 0, enMessages],
   ["en-US", enMessages],
@@ -1934,14 +1793,14 @@ var NebulaI18nProvider = ({
     () => customI18nStorageKey ?? localStorageKey,
     [customI18nStorageKey]
   );
-  const [messages11, setMessages] = React8.useState(
-    messages10.get(getNebulaLanguage()) ?? messages10.get("en-US")
+  const [messages17, setMessages] = React8.useState(
+    messages16.get(getNebulaLanguage()) ?? messages16.get("en-US")
   );
   const handleStorageChange = React8.useCallback(
     ({ detail }) => {
       if (detail.key === storageKey) {
         setMessages(
-          messages10.get(detail.value) ?? messages10.get("en-US")
+          messages16.get(detail.value) ?? messages16.get("en-US")
         );
       }
     },
@@ -1981,7 +1840,16 @@ var NebulaI18nProvider = ({
     localStorage.removeItem(localStorageKey);
     localStorage.setItem(customNebulaI18nStorageKey, customI18nStorageKey);
   }, [customI18nStorageKey]);
-  return /* @__PURE__ */ jsxRuntime.jsx(NebulaI18nContext.Provider, { value: { messages: messages11 }, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NebulaI18nContext.Provider,
+    {
+      value: {
+        messages: messages17,
+        locale: getNebulaLanguage()
+      },
+      children
+    }
+  );
 };
 var useNebulaI18n = () => {
   const context = React8.useContext(NebulaI18nContext);
@@ -1998,7 +1866,7 @@ var Pagination = ({
   onChangePage,
   ...props
 }) => {
-  const { messages: messages11 } = useNebulaI18n();
+  const { messages: messages17 } = useNebulaI18n();
   const totalPages = React8.useMemo(() => {
     return Math.ceil(total / (pageSize || 1));
   }, [total, pageSize]);
@@ -2031,13 +1899,13 @@ var Pagination = ({
   }, [totalPages, pageSize, total]);
   const totalResultsLabel = React8.useMemo(() => {
     if (page === totalPages) {
-      return messages11.pagination.totalResultsLabel(lastPageSize, total);
+      return messages17.pagination.totalResultsLabel(lastPageSize, total);
     }
-    return messages11.pagination.totalResultsLabel(pageSize, total);
-  }, [messages11.pagination, pageSize, total, page, totalPages, lastPageSize]);
+    return messages17.pagination.totalResultsLabel(pageSize, total);
+  }, [messages17.pagination, pageSize, total, page, totalPages, lastPageSize]);
   const currentPageLabel = React8.useMemo(
-    () => messages11.pagination.currentPageLabel(normalizedPage, totalPages),
-    [messages11.pagination, normalizedPage, totalPages]
+    () => messages17.pagination.currentPageLabel(normalizedPage, totalPages),
+    [messages17.pagination, normalizedPage, totalPages]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "nav",
@@ -2157,7 +2025,7 @@ var PaginationButtonFirstPage = ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx
     "aria-label": "Go to previous chunk",
     "data-testid": "nebula-pagination-button-first-page",
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronsLeft, { className: "nebula-ds h-4 w-4" })
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsLeft, { className: "nebula-ds h-4 w-4" })
   }
 );
 PaginationButtonFirstPage.displayName = "PaginationButtonFirstPage";
@@ -2169,7 +2037,7 @@ var PaginationButtonPreviousPage = ({
     "aria-label": "Go to previous page",
     "data-testid": "nebula-pagination-button-previous-page",
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, { className: "nebula-ds h-4" })
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "nebula-ds h-4" })
   }
 );
 PaginationButtonPreviousPage.displayName = "PaginationButtonPreviousPage";
@@ -2181,7 +2049,7 @@ var PaginationButtonNextPage = ({
     "aria-label": "Go to next page",
     "data-testid": "nebula-pagination-button-next-page",
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "nebula-ds h-4" })
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nebula-ds h-4" })
   }
 );
 PaginationButtonNextPage.displayName = "PaginationButtonNextPage";
@@ -2191,7 +2059,7 @@ var PaginationButtonLastPage = ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
     "aria-label": "Go to next chunk",
     "data-testid": "nebula-pagination-button-last-page",
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronsRight, { className: "nebula-ds h-4 w-4" })
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRight, { className: "nebula-ds h-4 w-4" })
   }
 );
 PaginationButtonLastPage.displayName = "PaginationButtonLastPage";
@@ -2231,23 +2099,23 @@ var Tag = React8__namespace.forwardRef(
         children: [
           color2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(tagVariantsConfig({ color: color2 })) }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-tag-text text-xs font-medium px-1 leading-none", children }),
-          onDelete && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onDelete, children: /* @__PURE__ */ jsxRuntime.jsx(CircleX, { className: "nebula-ds w-3 h-3 block rounded-sm text-tag-icon" }) })
+          onDelete && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onDelete, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { className: "nebula-ds w-3 h-3 block rounded-sm text-tag-icon" }) })
         ]
       }
     );
   }
 );
 Tag.displayName = "Tag";
-var DropdownIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.DropdownIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { size: "16px" }) });
+var DropdownIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.DropdownIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: "16px" }) });
 var ClearIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   Select.components.ClearIndicator,
   {
     ...props,
     className: cn(props.className, "cursor-pointer"),
-    children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: "16px" })
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: "16px" })
   }
 );
-var MultiValueRemove = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(CircleX, { size: "16px" }) });
+var MultiValueRemove = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { size: "16px" }) });
 var Option = (props) => {
   const { isSelected, data, innerRef, innerProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2273,7 +2141,7 @@ var Option = (props) => {
         }
       ),
       children: [
-        isSelected && /* @__PURE__ */ jsxRuntime.jsx(Check, { size: "16px" }),
+        isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: "16px" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: data.label })
       ]
     }
@@ -2310,7 +2178,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
     isError = false,
     ...props
   }) => {
-    const { messages: messages11 } = useNebulaI18n();
+    const { messages: messages17 } = useNebulaI18n();
     const customClassNames = React8.useMemo(() => {
       return {
         control: (props2) => controlStyles(props2, isError),
@@ -2357,7 +2225,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
         isDisabled: disabled,
         components: customComponents,
         classNames: customClassNames,
-        noOptionsMessage: () => /* @__PURE__ */ jsxRuntime.jsx("p", { children: messages11.inputSelect.noOptions }),
+        noOptionsMessage: () => /* @__PURE__ */ jsxRuntime.jsx("p", { children: messages17.inputSelect.noOptions }),
         ...props
       }
     );
@@ -2373,7 +2241,15 @@ var StyledAsyncCreatable = createStyledSelect(
   "AsyncCreatable"
 );
 var InputText = React8__namespace.forwardRef(
-  ({ className, icon, isError = false, onClean, ...props }, ref) => {
+  ({
+    className,
+    icon,
+    isError = false,
+    onClean,
+    iconPlacement = "start",
+    disabled,
+    ...props
+  }, ref) => {
     const initialInputType = props.type || "text";
     const [type, setType] = React8__namespace.useState(initialInputType);
     const iconClass = {
@@ -2381,60 +2257,79 @@ var InputText = React8__namespace.forwardRef(
       "text-inputText-icon-default focus:text-inputText-icon-focus": !isError && !props.value,
       "text-inputText-icon-filled focus:text-inputText-icon-filled": !isError && !!props.value
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds relative w-full", children: [
-      icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds absolute left-4 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: cn(
-            "w-4 h-4 flex items-center justify-center disabled:text-inputText-icon-disabled",
-            iconClass
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn("relative w-full", {
+          "pointer-events-none": disabled
+        }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref,
+              className: cn(
+                "w-full h-10 outline-none rounded-input text-sm leading-none font-medium",
+                "bg-inputText-background-default disabled:bg-inputText-background-disabled",
+                "border border-inputText-border-default focus:ring-[3px] focus:ring-inputText-border-focus focus:border-inputText-border-focus",
+                "text-inputText-text-filled focus:text-inputText-text-focus placeholder:text-inputText-text-default disabled:text-inputText-text-disabled",
+                "disabled:cursor-not-allowed",
+                {
+                  "pl-10 pr-4": !!icon && iconPlacement === "start",
+                  "pr-10 pl-4": !!icon && iconPlacement === "end" && initialInputType !== "password",
+                  "px-4": !icon,
+                  "border-inputText-border-danger focus:border-inputText-border-danger focus:ring-button-danger-border-focus": isError
+                },
+                className
+              ),
+              ...props,
+              disabled,
+              type
+            }
           ),
-          children: icon
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          ref,
-          className: cn(
-            "w-full h-10 outline-none rounded-input text-sm leading-none font-medium",
-            "bg-inputText-background-default disabled:bg-inputText-background-disabled",
-            "border border-inputText-border-default focus:ring-[3px] focus:ring-inputText-border-focus focus:border-inputText-border-focus",
-            "text-inputText-text-filled focus:text-inputText-text-focus placeholder:text-inputText-text-default disabled:text-inputText-text-disabled",
-            "disabled:cursor-not-allowed",
+          onClean && props.value && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
             {
-              "pl-10 pr-4": !!icon,
-              "px-4": !icon,
-              "border-inputText-border-danger focus:border-inputText-border-danger focus:ring-button-danger-border-focus": isError
-            },
-            className
+              type: "button",
+              className: cn("absolute top-1/2 transform -translate-y-1/2", {
+                "right-10": initialInputType === "password" || iconPlacement === "end",
+                "right-4": initialInputType === "text" && iconPlacement === "start"
+              }),
+              onClick: onClean,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { className: cn("w-4 h-4", iconClass) })
+            }
           ),
-          ...props,
-          type
-        }
-      ),
-      onClean && props.value && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: cn("absolute top-1/2 transform -translate-y-1/2", {
-            "right-10": initialInputType === "password",
-            "right-4": initialInputType === "text"
-          }),
-          onClick: onClean,
-          children: /* @__PURE__ */ jsxRuntime.jsx(CircleX, { className: cn("w-4 h-4", iconClass) })
-        }
-      ),
-      initialInputType === "password" && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: "nebula-ds absolute right-4 top-1/2 transform -translate-y-1/2",
-          onClick: () => setType((prev) => prev === "text" ? "password" : "text"),
-          children: type === "text" ? /* @__PURE__ */ jsxRuntime.jsx(Eye, { className: cn("w-4 h-4", iconClass) }) : /* @__PURE__ */ jsxRuntime.jsx(EyeOff, { className: cn("w-4 h-4", iconClass) })
-        }
-      )
-    ] });
+          initialInputType === "password" && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "nebula-ds absolute right-4 top-1/2 transform -translate-y-1/2",
+              onClick: () => setType((prev) => prev === "text" ? "password" : "text"),
+              children: type === "text" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: cn("w-4 h-4", iconClass) }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: cn("w-4 h-4", iconClass) })
+            }
+          ),
+          icon && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn("absolute top-1/2 transform -translate-y-1/2", {
+                "left-4": iconPlacement === "start",
+                "right-4": iconPlacement === "end" && initialInputType !== "password"
+              }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    "w-4 h-4 flex items-center justify-center disabled:text-inputText-icon-disabled",
+                    iconClass
+                  ),
+                  children: icon
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
   }
 );
 InputText.displayName = "InputText";
@@ -2508,7 +2403,7 @@ var DialogContent = React8__namespace.forwardRef(({ className, children, portal
           right-4
           top-4`,
               children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", icon: true, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(X, { className: "nebula-ds !h-4 !w-4 !text-dialog-icon" }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nebula-ds !h-4 !w-4 !text-dialog-icon" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds sr-only", children: "Close" })
               ] })
             }
@@ -2699,7 +2594,7 @@ var Checkbox = React8__namespace.forwardRef(({ className, ...props }, ref) => /*
       CheckboxPrimitive__namespace.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: props.variant === "multiselect" ? /* @__PURE__ */ jsxRuntime.jsx(Minus, { className: "nebula-ds h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "nebula-ds h-3 w-3" })
+        children: props.variant === "multiselect" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "nebula-ds h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nebula-ds h-3 w-3" })
       }
     )
   }
@@ -2761,7 +2656,7 @@ var DrawerHeader = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds bg-drawer-header-background text-drawer-header-title flex w-full min-h-16 items-start gap-2 p-4 border-b border-drawer-header-border", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", icon: true, tabIndex: -1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(X, { className: "nebula-ds !h-4 !w-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nebula-ds !h-4 !w-4" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds sr-only", children: "Close" })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2889,7 +2784,7 @@ var BreadcrumbSeparator = ({
     "aria-hidden": "true",
     className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {})
+    children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
@@ -2907,7 +2802,7 @@ var BreadcrumbEllipsis = ({
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Ellipsis, { className: "nebula-ds h-3 w-3" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "nebula-ds h-3 w-3" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds sr-only", children: "More" })
     ]
   }
@@ -3060,7 +2955,7 @@ function AccordionTrigger({
       children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex flex-col gap-2", children }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex items-center justify-center w-5 h-5", children: /* @__PURE__ */ jsxRuntime.jsx(
-          ChevronDown,
+          lucideReact.ChevronDown,
           {
             "data-slot": "accordion-icon",
             className: "nebula-ds text-accordion-icon w-4 h-4"
@@ -3264,9 +3159,9 @@ function ToastComponent({
     size: 20
   }) : null;
   const typeIcons = {
-    success: /* @__PURE__ */ jsxRuntime.jsx(CircleCheckBig, { className: "nebula-ds text-toast-icon-default", size: 20 }),
-    error: /* @__PURE__ */ jsxRuntime.jsx(CircleX, { className: "nebula-ds text-toast-icon-error", size: 20 }),
-    info: /* @__PURE__ */ jsxRuntime.jsx(Info, { className: "nebula-ds text-toast-icon-default", size: 20 }),
+    success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheckBig, { className: "nebula-ds text-toast-icon-default", size: 20 }),
+    error: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { className: "nebula-ds text-toast-icon-error", size: 20 }),
+    info: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "nebula-ds text-toast-icon-default", size: 20 }),
     custom: CustomIcon
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds w-[400px] bg-toast-background border border-toast-border rounded-xl p-4 flex items-start justify-start gap-2 shadow-md", children: [
@@ -3286,7 +3181,7 @@ function ToastComponent({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => sonner.toast.dismiss(t), children: /* @__PURE__ */ jsxRuntime.jsx(X, { className: "nebula-ds text-toast-icon-default", size: 20 }) })
+    /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => sonner.toast.dismiss(t), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nebula-ds text-toast-icon-default", size: 20 }) })
   ] });
 }
 function success(message, options) {
@@ -3333,13 +3228,13 @@ function custom(message, options) {
     }
   );
 }
-async function promise(promise2, messages11, options) {
+async function promise(promise2, messages17, options) {
   const loadingToast = sonner.toast.custom(
     (t) => /* @__PURE__ */ jsxRuntime.jsx(
       ToastComponent,
       {
         type: "info",
-        message: messages11.loading,
+        message: messages17.loading,
         options,
         t
       }
@@ -3353,7 +3248,7 @@ async function promise(promise2, messages11, options) {
         ToastComponent,
         {
           type: "success",
-          message: messages11.success,
+          message: messages17.success,
           options,
           t
         }
@@ -3368,7 +3263,7 @@ async function promise(promise2, messages11, options) {
         ToastComponent,
         {
           type: "error",
-          message: messages11.error,
+          message: messages17.error,
           options,
           t
         }
@@ -3538,12 +3433,12 @@ var CountrySelect = ({
   const handleSelect = (event) => {
     onChange(event.target.value);
   };
-  const { messages: messages11 } = useNebulaI18n();
-  const { countries } = messages11.inputPhone;
+  const { messages: messages17 } = useNebulaI18n();
+  const { countries } = messages17.inputPhone;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds rounded-s-[20px] relative inline-flex items-center self-stretch py-2 ps-4 pe-2 transition-[color,box-shadow] outline-none has-disabled:pointer-events-none has-disabled:opacity-50", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds inline-flex items-center gap-1", "aria-hidden": "true", children: [
       /* @__PURE__ */ jsxRuntime.jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { size: 16, "aria-hidden": "true" }) })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { size: 16, "aria-hidden": "true" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "select",
@@ -3567,7 +3462,7 @@ var CountrySelect = ({
 };
 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(Phone, { size: 16, "aria-hidden": "true" }) });
+  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) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex items-center justify-center rounded-e-[20px] w-full", children: [
@@ -3675,6 +3570,1315 @@ var Skeleton = React8__namespace.default.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
+var MONTHS = [
+  "01/01",
+  "02/01",
+  "03/01",
+  "04/01",
+  "05/01",
+  "06/01",
+  "07/01",
+  "08/01",
+  "09/01",
+  "10/01",
+  "11/01",
+  "12/01"
+];
+var localeByi18nKey = {
+  es: locale.es,
+  "en-US": locale.enUS,
+  "pt-BR": locale.ptBR
+};
+var Calendar = ({
+  numberOfMonths = 1,
+  hideNavigation = false,
+  month,
+  onNextClick,
+  onPrevClick,
+  components: calendarComponents,
+  ...props
+}) => {
+  const { locale } = useNebulaI18n();
+  const [selectedMonth, setSelectedMonth] = React8.useState(/* @__PURE__ */ new Date());
+  const [showMonthGridSelection, setShowMonthGridSelection] = React8.useState(false);
+  const isRange = props.mode === "range";
+  const currentMonth = React8.useMemo(
+    () => month ?? selectedMonth,
+    [month, selectedMonth]
+  );
+  const handleSelectMonthByOption = React8.useCallback(
+    (monthOption) => {
+      setShowMonthGridSelection(false);
+      const calendarDate = currentMonth;
+      currentMonth.setMonth(monthOption.getMonth());
+      if (typeof month !== "undefined") {
+        onNextClick?.(calendarDate);
+      } else {
+        setSelectedMonth(calendarDate);
+      }
+    },
+    [currentMonth, month, onNextClick]
+  );
+  const components2 = React8.useMemo(() => {
+    return {
+      Day(props2) {
+        const {
+          selected,
+          range_end: rangeEnd,
+          range_start: rangeStart
+        } = props2.modifiers;
+        const isSaturday = props2.day.date.getDay() === 0;
+        const isSunday = props2.day.date.getDay() === 6;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "td",
+          {
+            ...props2,
+            className: cn(props2.className, "!w-9 !h-9 !p-0", {
+              "rounded-r-full": isSunday && selected || rangeEnd,
+              "rounded-l-full": isSaturday && selected || rangeStart,
+              "!bg-calendar-rowSelected-background [&>button]:!border-none": selected && isRange
+            })
+          }
+        );
+      },
+      DayButton(props2) {
+        const {
+          outside,
+          today,
+          selected,
+          disabled,
+          range_middle: rangeMiddle,
+          range_end: rangeEnd,
+          range_start: rangeStart
+        } = props2.modifiers;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            ...props2,
+            tabIndex: 0,
+            className: cn(
+              props2.className,
+              "!w-9 !h-9 hover:bg-button-ghost-background-hover hover:rounded-full",
+              {
+                "!text-calendar-day-color": !outside,
+                "!text-calendar-outsideDay-color !opacity-1": outside,
+                "!bg-calendar-daySelected-background !border-calendar-daySelected-background !text-calendar-daySelected-color rounded-full": (selected || rangeEnd || rangeStart) && !rangeMiddle,
+                "!text-neutral-200 dark:!text-neutral-900 pointer-events-none cursor-not-allowed": disabled
+              }
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn({
+                  "flex flex-col relative items-center text-inherit": today
+                }),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Paragraph,
+                    {
+                      size: "md",
+                      className: "!font-medium !text-inherit text-center",
+                      children: props2.children
+                    }
+                  ),
+                  today && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds !bg-calendar-today-dotColor w-1 h-1 rounded-full absolute -bottom-[2px]" })
+                ]
+              }
+            )
+          }
+        );
+      },
+      MonthCaption({ calendarMonth, displayIndex, ...rest }) {
+        const handleNextMonth = () => {
+          const newMonth = dateFns.addMonths(
+            currentMonth,
+            props.pagedNavigation || numberOfMonths === 1 ? 1 : 0
+          );
+          if (typeof month !== "undefined") {
+            onNextClick?.(newMonth);
+            return;
+          }
+          setSelectedMonth(newMonth);
+        };
+        const handlePreviousMonth = () => {
+          const newMonth = dateFns.addMonths(
+            currentMonth,
+            props.pagedNavigation ? -2 : -1
+          );
+          if (typeof month !== "undefined") {
+            onPrevClick?.(newMonth);
+            return;
+          }
+          setSelectedMonth(newMonth);
+        };
+        const handleToggleShowMonthGridSelection = () => {
+          setShowMonthGridSelection((s) => !s);
+        };
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn("flex justify-between items-center !h-9 mb-3", {
+              "ps-3": numberOfMonths === 1,
+              "mb-0": showMonthGridSelection
+            }),
+            children: [
+              !hideNavigation && numberOfMonths > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  icon: true,
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: handlePreviousMonth,
+                  className: cn({
+                    "pointer-events-none invisible": displayIndex === 1
+                  }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "nebula-ds !w-[unset] !h-[unset]" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  ...rest,
+                  className: cn(
+                    rest.className,
+                    "!h-auto select-none ",
+                    numberOfMonths > 1 && "pointer-events-none"
+                  ),
+                  role: "button",
+                  onClick: handleToggleShowMonthGridSelection,
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(Space, { size: "xs", className: "nebula-ds items-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds !text-calendar-month-label !text-sm !font-semibold", children: dateFns.formatDate(calendarMonth.date, "LLL yyyy", {
+                      locale: localeByi18nKey[locale ?? "en-US"]
+                    }).replace(/^./, (char) => char.toUpperCase()) }),
+                    numberOfMonths === 1 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "nebula-ds !text-calendar-month-selectionChevron" })
+                  ] })
+                }
+              ),
+              !hideNavigation && numberOfMonths === 1 && !showMonthGridSelection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex gap-x-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    icon: true,
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: handlePreviousMonth,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "nebula-ds !w-[unset] !h-[unset] !text-calendar-month-navigator" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    icon: true,
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: handleNextMonth,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "nebula-ds !w-[unset] !h-[unset] !text-calendar-month-navigator" })
+                  }
+                )
+              ] }),
+              !hideNavigation && numberOfMonths > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  icon: true,
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: handleNextMonth,
+                  className: cn({
+                    "pointer-events-none invisible": displayIndex !== numberOfMonths - 1
+                  }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "nebula-ds !w-[unset] !h-[unset]" })
+                }
+              )
+            ]
+          }
+        );
+      },
+      MonthGrid(props2) {
+        if (!showMonthGridSelection) {
+          return /* @__PURE__ */ jsxRuntime.jsx("table", { ...props2 });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Box,
+          {
+            className: "nebula-ds z-40 !p-0 flex gap-2 flex-col justify-between w-full",
+            border: false,
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds z-40 grid grid-cols-2 gap-1 bg-inherit pt-2", children: MONTHS.map((monthOption) => {
+              const monthOptionAsDate = new Date(monthOption);
+              const isSelectedMonth = month ? month.getMonth() === monthOptionAsDate.getMonth() : monthOptionAsDate.getMonth() === currentMonth.getMonth();
+              const monthLabel = dateFns.formatDate(monthOptionAsDate, "LLLL", {
+                locale: localeByi18nKey[locale ?? "en-US"]
+              });
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  variant: isSelectedMonth ? "primary" : "secondary",
+                  type: "button",
+                  className: cn("rounded-lg", {
+                    "border-neutral-200 dark:border-neutral-800": !isSelectedMonth
+                  }),
+                  size: "md",
+                  onClick: () => handleSelectMonthByOption(monthOptionAsDate),
+                  children: monthLabel
+                },
+                monthLabel
+              );
+            }) })
+          }
+        );
+      },
+      Months(props2) {
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props2, className: cn(props2.className, "gap-2 flex p-2") });
+      },
+      Month(props2) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ...props2,
+            className: cn(
+              props2.className,
+              "[&:not(:last-child)]:pr-2 [&:not(:last-child)]:border-neutral-200 [&:not(:last-child)]:border-r dark:[&:not(:last-child)]:border-neutral-800"
+            )
+          }
+        );
+      },
+      Week(props2) {
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props2, className: cn(props2.className) }),
+          /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "nebula-ds h-1 last:h-0" })
+        ] });
+      },
+      Weekdays(props2) {
+        return /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props2 });
+      },
+      Weekday(props2) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "th",
+          {
+            ...props2,
+            className: cn(
+              props2.className,
+              "font-medium text-xs !text-calendar-weekDay-color"
+            ),
+            children: String(props2.children)?.toUpperCase()?.[0]
+          }
+        );
+      },
+      Footer(props2) {
+        if (showMonthGridSelection) return void 0;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ...props2,
+            className: cn(props2.className, "p-3 border-t border-t-box-border")
+          }
+        );
+      },
+      ...calendarComponents
+    };
+  }, [
+    calendarComponents,
+    isRange,
+    currentMonth,
+    handleSelectMonthByOption,
+    hideNavigation,
+    locale,
+    month,
+    numberOfMonths,
+    onNextClick,
+    onPrevClick,
+    props.pagedNavigation,
+    showMonthGridSelection
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box,
+    {
+      border: true,
+      className: cn("p-0 w-fit", numberOfMonths === 1 && "w-[270px]"),
+      shadow: "md",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactDayPicker.DayPicker,
+        {
+          showOutsideDays: true,
+          mode: "single",
+          animate: false,
+          ...props,
+          month: currentMonth,
+          hideNavigation: true,
+          numberOfMonths: Math.min(Math.max(numberOfMonths, 1), 2),
+          components: components2,
+          locale: localeByi18nKey[locale ?? "en-US"],
+          footer: showMonthGridSelection ? void 0 : props.footer
+        }
+      )
+    }
+  );
+};
+
+// src/utils/valid-date-format.ts
+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}))$/;
+  const regex = locale === "en-US" ? regexUS : regexBR;
+  return regex.test(dateStr);
+}
+function timeFormatIsValid(timeStr) {
+  const regex = /^(?:[01]\d|2[0-3]):[0-5]\d$/;
+  return regex.test(timeStr);
+}
+var dateIsAvailable = (inputDate, disabledDates) => {
+  if (!disabledDates || !inputDate) return true;
+  const dateIsDisabled = (d, matcher) => {
+    if (Array.isArray(matcher)) {
+      return matcher.some((date) => dateFns.isSameDay(date, d));
+    }
+    if (typeof matcher === "boolean") return matcher;
+    if (typeof matcher === "function") {
+      return matcher(d);
+    }
+    if ("from" in matcher) {
+      const { from, to } = matcher;
+      if (!from) return false;
+      if (from && to) {
+        return dateFns.isBefore(d, to) && dateFns.isAfter(d, from) || dateFns.isSameDay(d, from) || dateFns.isSameDay(d, to);
+      }
+      return dateFns.isSameDay(d, from);
+    }
+    if ("before" in matcher && !("after" in matcher)) {
+      const { before } = matcher;
+      return dateFns.isBefore(d, before) && !dateFns.isSameDay(d, before);
+    }
+    if ("after" in matcher && !("before" in matcher)) {
+      const { after } = matcher;
+      return dateFns.isAfter(d, after) && !dateFns.isSameDay(d, after);
+    }
+    if ("after" in matcher && "before" in matcher) {
+      const { after, before } = matcher;
+      return dateFns.isAfter(d, after) && !dateFns.isSameDay(d, after) || dateFns.isBefore(d, before) && !dateFns.isSameDay(d, before);
+    }
+    if ("dayOfWeek" in matcher) {
+      const { dayOfWeek } = matcher;
+      if (Array.isArray(dayOfWeek)) {
+        return dayOfWeek.includes(d.getDay());
+      }
+      return dayOfWeek === d.getDay();
+    }
+    return dateFns.isSameDay(d, matcher);
+  };
+  if (Array.isArray(disabledDates)) {
+    return disabledDates.every((matcher) => {
+      return dateIsDisabled(inputDate, matcher) === false;
+    });
+  }
+  return !dateIsDisabled(inputDate, disabledDates);
+};
+var InputDatePickerSingle = ({
+  portal,
+  placeholder,
+  className,
+  value,
+  onChange,
+  numberOfMonths = 1,
+  onClean,
+  disabledDates,
+  ...rest
+}) => {
+  const [popoverIsOpen, setPopoverIsOpen] = React8.useState(false);
+  const [innerDate, setInnerDate] = React8.useState(
+    value ? new Date(value) : void 0
+  );
+  const { locale } = useNebulaI18n();
+  const [month, setMonth] = React8.useState(/* @__PURE__ */ new Date());
+  const handleClearValue = () => {
+    setInnerDate(void 0);
+    setMonth(/* @__PURE__ */ new Date());
+  };
+  const handleInnerInputChange = (text) => {
+    const dateSlice = text.substring(0, 10).trim();
+    if (!text) {
+      onChange?.(text);
+      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)) {
+      onChange?.(text);
+      handleClearValue();
+      return;
+    }
+    onChange?.(text, date);
+    setInnerDate(date);
+  };
+  const handleKeyDown = (e) => {
+    if ((e.altKey || e.ctrlKey || e.metaKey) && e.key !== "z") return;
+    const allowedKeys = [
+      "Backspace",
+      "Delete",
+      "Tab",
+      "ArrowLeft",
+      "ArrowRight",
+      "Home",
+      "End",
+      "/"
+    ];
+    if (!allowedKeys.includes(e.key) && !/^[0-9]$/.test(e.key)) {
+      e.preventDefault();
+    }
+  };
+  const handleCalendarSelect = (date) => {
+    const dateToStr = Intl.DateTimeFormat(locale ?? "en-US", {
+      month: "2-digit",
+      year: "numeric",
+      day: "2-digit"
+    }).format(date);
+    setInnerDate(date);
+    onChange?.(dateToStr, date);
+  };
+  const normalizedCalendarDate = React8.useMemo(() => {
+    return dateFns.isValid(innerDate) ? innerDate : void 0;
+  }, [innerDate]);
+  React8.useEffect(() => {
+    if (innerDate) setMonth(innerDate);
+  }, [innerDate]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        onClick: (e) => e.preventDefault(),
+        onFocus: (e) => e.preventDefault(),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          InputText,
+          {
+            placeholder,
+            value,
+            className,
+            onChange: (e) => handleInnerInputChange(e.target.value),
+            onKeyDown: handleKeyDown,
+            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);
+              }
+            },
+            maxLength: 10,
+            onClean: onClean ? () => {
+              onClean();
+              handleClearValue();
+            } : void 0,
+            ...rest
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverContent,
+      {
+        portal,
+        side: "bottom",
+        className: "nebula-ds p-0 border-none bg-transparent shadow-none",
+        align: "start",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar,
+          {
+            required: false,
+            mode: "single",
+            numberOfMonths,
+            selected: normalizedCalendarDate,
+            onSelect: handleCalendarSelect,
+            month,
+            onPrevClick: setMonth,
+            onNextClick: setMonth,
+            disabled: disabledDates
+          }
+        )
+      }
+    )
+  ] });
+};
+var InputTime = React8.forwardRef(
+  ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
+    const [displayValue, setDisplayValue] = React8.useState(value);
+    const handleKeyDown = (e) => {
+      const currentValue = e.currentTarget.value;
+      if ((e.altKey || e.ctrlKey || e.metaKey) && e.key !== "z") return;
+      const allowedKeys = [
+        "Backspace",
+        "Delete",
+        "Tab",
+        "ArrowLeft",
+        "ArrowRight",
+        "Home",
+        "End",
+        ":"
+      ];
+      if (!allowedKeys.includes(e.key) && !/^[0-9]$/.test(e.key)) {
+        e.preventDefault();
+      }
+      if (currentValue.indexOf(":") > -1 && e.key === ":" || e.key === ":" && currentValue.length < 2) {
+        e.preventDefault();
+      }
+    };
+    const handleInput = (value2) => {
+      if (value2.startsWith(":")) return;
+      let clean = value2.replace(/\D/g, "");
+      if (clean.length === 2) {
+        clean = String(
+          Math.min(Math.max(parseInt(clean || "0", 10), 0), 23)
+        ).padStart(2, "0");
+      }
+      if (clean.length === 4) {
+        let h = parseInt(clean.slice(0, 2) || "0", 10);
+        let m = parseInt(clean.slice(2, 4) || "0", 10);
+        h = Math.min(Math.max(h, 0), 23);
+        m = Math.min(Math.max(m, 0), 59);
+        const value24h = `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
+        setDisplayValue(value24h);
+        onChange?.(value24h);
+      } else {
+        setDisplayValue(value2);
+        onChange?.(value2);
+      }
+    };
+    React8.useEffect(() => {
+      if (!value) {
+        setDisplayValue("");
+      }
+    }, [value]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      InputText,
+      {
+        ref,
+        type: "text",
+        value: displayValue,
+        placeholder,
+        ...rest,
+        onChange: (e) => handleInput(e.target.value),
+        onKeyDown: handleKeyDown,
+        maxLength: 5,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, {})
+      }
+    );
+  }
+);
+InputTime.displayName = "InputTime";
+var InputDateTimePickerSingle = ({
+  portal,
+  placeholder,
+  className,
+  value,
+  onChange,
+  numberOfMonths = 1,
+  onClean,
+  disabledDates,
+  ...rest
+}) => {
+  const [popoverIsOpen, setPopoverIsOpen] = React8.useState(false);
+  const [innerTimeValue, setInnerTimeValue] = React8.useState();
+  const [innerDate, setInnerDate] = React8.useState(
+    value ? new Date(value) : void 0
+  );
+  const { locale, messages: messages17 } = useNebulaI18n();
+  const [month, setMonth] = React8.useState(/* @__PURE__ */ new Date());
+  const inputTimeRef = React8.useRef(null);
+  const handleClearValue = () => {
+    setInnerTimeValue("");
+    setInnerDate(void 0);
+    setMonth(/* @__PURE__ */ new Date());
+  };
+  const handleInnerInputChange = (text) => {
+    const dateSlice = text.substring(0, 11).trim();
+    let hourSlice = text.substring(11).trim();
+    if (!text) {
+      onChange?.(text);
+      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)) {
+      onChange?.(text);
+      handleClearValue();
+      return;
+    }
+    if (!timeFormatIsValid(hourSlice)) {
+      hourSlice = "";
+      setInnerTimeValue("");
+    } else {
+      setInnerTimeValue(hourSlice);
+    }
+    onChange?.(text, date, hourSlice);
+    setInnerDate(date);
+  };
+  const handleOnChangeTime = (newTime) => {
+    const [date = ""] = value?.split(" ") ?? [];
+    setInnerTimeValue(newTime);
+    if (date && !dateFormatIsValid(date, locale)) {
+      handleClearValue();
+    }
+    onChange?.(date + " " + newTime, innerDate, newTime);
+  };
+  const handleKeyDown = (e) => {
+    if ((e.altKey || e.ctrlKey || e.metaKey) && e.key !== "z") return;
+    const allowedKeys = [
+      "Backspace",
+      "Delete",
+      "Tab",
+      "ArrowLeft",
+      "ArrowRight",
+      "Home",
+      "End",
+      ":",
+      "/",
+      " "
+    ];
+    if (!allowedKeys.includes(e.key) && !/^[0-9]$/.test(e.key)) {
+      e.preventDefault();
+    }
+  };
+  const handleCalendarSelect = (date) => {
+    const dateToStr = Intl.DateTimeFormat(locale ?? "en-US", {
+      month: "2-digit",
+      year: "numeric",
+      day: "2-digit"
+    }).format(date);
+    setInnerDate(date);
+    onChange?.(
+      [dateToStr, innerTimeValue].filter(Boolean).join(" "),
+      date,
+      innerTimeValue
+    );
+    if (!innerTimeValue) {
+      setTimeout(() => inputTimeRef.current?.focus(), 100);
+    }
+  };
+  const normalizedCalendarDate = React8.useMemo(() => {
+    return dateFns.isValid(innerDate) ? innerDate : void 0;
+  }, [innerDate]);
+  React8.useEffect(() => {
+    if (innerDate) setMonth(innerDate);
+  }, [innerDate]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        onClick: (e) => e.preventDefault(),
+        onFocus: (e) => e.preventDefault(),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          InputText,
+          {
+            placeholder,
+            value,
+            className,
+            onChange: (e) => handleInnerInputChange(e.target.value),
+            onKeyDown: handleKeyDown,
+            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);
+              }
+            },
+            maxLength: 16,
+            onClean: onClean ? () => {
+              onClean();
+              handleClearValue();
+            } : void 0,
+            ...rest
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverContent,
+      {
+        portal,
+        side: "bottom",
+        className: "nebula-ds p-0 border-none bg-transparent shadow-none",
+        align: "start",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar,
+          {
+            required: false,
+            mode: "single",
+            numberOfMonths,
+            selected: normalizedCalendarDate,
+            onSelect: handleCalendarSelect,
+            month,
+            onPrevClick: setMonth,
+            onNextClick: setMonth,
+            disabled: disabledDates,
+            footer: /* @__PURE__ */ jsxRuntime.jsxs(Space, { className: "nebula-ds items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Label, { children: [
+                messages17.timePicker.label,
+                ":"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                InputTime,
+                {
+                  placeholder: "00:00",
+                  value: innerTimeValue,
+                  onChange: handleOnChangeTime,
+                  ref: inputTimeRef,
+                  className: "nebula-ds max-w-[188px]"
+                }
+              )
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+};
+var FileUploadError = /* @__PURE__ */ ((FileUploadError2) => {
+  FileUploadError2["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";
+  FileUploadError2["MAXIMUM_FILE_SIZE_EXCEEDED"] = "MAXIMUM_FILE_SIZE_EXCEEDED";
+  FileUploadError2["INVALID_FORMAT"] = "INVALID_FORMAT";
+  return FileUploadError2;
+})(FileUploadError || {});
+var useFileUpload = (options = {}) => {
+  const {
+    maxFiles = Infinity,
+    maxSize = Infinity,
+    accept = "*",
+    multiple = false,
+    initialFiles = [],
+    onFilesChange,
+    onFilesAdded
+  } = options;
+  const [state, setState] = React8.useState({
+    files: initialFiles.map((file) => ({
+      file,
+      id: file.id,
+      preview: file.url
+    })),
+    isDragging: false,
+    errors: []
+  });
+  const inputRef = React8.useRef(null);
+  const validateFile = React8.useCallback(
+    (file) => {
+      if (file instanceof File) {
+        if (file.size > maxSize) {
+          return {
+            file,
+            error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */
+          };
+        }
+      } else {
+        if (file.size > maxSize) {
+          return { error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */, file };
+        }
+      }
+      if (accept !== "*") {
+        const acceptedTypes = accept.split(",").map((type) => type.trim());
+        const fileType = file instanceof File ? file.type || "" : file.type;
+        const fileExtension = `.${file instanceof File ? file.name.split(".").pop() : file.name.split(".").pop()}`;
+        const isAccepted = acceptedTypes.some((type) => {
+          if (type.startsWith(".")) {
+            return fileExtension.toLowerCase() === type.toLowerCase();
+          }
+          if (type.endsWith("/*")) {
+            const baseType = type.split("/")[0];
+            return fileType.startsWith(`${baseType}/`);
+          }
+          return fileType === type;
+        });
+        if (!isAccepted) {
+          return {
+            file,
+            error: "INVALID_FORMAT" /* INVALID_FORMAT */
+          };
+        }
+      }
+      return null;
+    },
+    [accept, maxSize]
+  );
+  const createPreview = React8.useCallback(
+    (file) => {
+      if (file instanceof File) {
+        return URL.createObjectURL(file);
+      }
+      return file.url;
+    },
+    []
+  );
+  const generateUniqueId = React8.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(() => {
+    setState((prev) => {
+      prev.files.forEach((file) => {
+        if (file.preview && file.file instanceof File && file.file.type.startsWith("image/")) {
+          URL.revokeObjectURL(file.preview);
+        }
+      });
+      if (inputRef.current) {
+        inputRef.current.value = "";
+      }
+      const newState = {
+        ...prev,
+        files: [],
+        errors: []
+      };
+      onFilesChange?.(newState.files);
+      return newState;
+    });
+  }, [onFilesChange]);
+  const addFiles = React8.useCallback(
+    (newFiles) => {
+      if (!newFiles || newFiles.length === 0) return;
+      const newFilesArray = Array.from(newFiles);
+      const errors = [];
+      setState((prev) => ({ ...prev, errors: [] }));
+      if (!multiple) {
+        clearFiles();
+      }
+      if (multiple && maxFiles !== Infinity && state.files.length + newFilesArray.length > maxFiles) {
+        errors.push({ error: "MAX_FILES_EXCEEDED" /* MAX_FILES_EXCEEDED */ });
+        setState((prev) => ({ ...prev, errors }));
+        return;
+      }
+      const validFiles = [];
+      newFilesArray.forEach((file) => {
+        if (multiple) {
+          const isDuplicate = state.files.some(
+            (existingFile) => existingFile.file.name === file.name && existingFile.file.size === file.size
+          );
+          if (isDuplicate) {
+            return;
+          }
+        }
+        if (file.size > maxSize) {
+          errors.push({
+            error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */,
+            file
+          });
+          return;
+        }
+        const error2 = validateFile(file);
+        if (error2) {
+          errors.push(error2);
+        } else {
+          validFiles.push({
+            file,
+            id: generateUniqueId(file),
+            preview: createPreview(file)
+          });
+        }
+      });
+      if (validFiles.length > 0) {
+        onFilesAdded?.(validFiles);
+        setState((prev) => {
+          const newFiles2 = !multiple ? validFiles : [...prev.files, ...validFiles];
+          onFilesChange?.(newFiles2);
+          return {
+            ...prev,
+            files: newFiles2,
+            errors
+          };
+        });
+      } else if (errors.length > 0) {
+        setState((prev) => ({
+          ...prev,
+          errors
+        }));
+      }
+      if (inputRef.current) {
+        inputRef.current.value = "";
+      }
+    },
+    [
+      state.files,
+      maxFiles,
+      multiple,
+      maxSize,
+      validateFile,
+      createPreview,
+      generateUniqueId,
+      clearFiles,
+      onFilesChange,
+      onFilesAdded
+    ]
+  );
+  const removeFile = React8.useCallback(
+    (id) => {
+      setState((prev) => {
+        const fileToRemove = prev.files.find((file) => file.id === id);
+        if (fileToRemove && fileToRemove.preview && fileToRemove.file instanceof File && fileToRemove.file.type.startsWith("image/")) {
+          URL.revokeObjectURL(fileToRemove.preview);
+        }
+        const newFiles = prev.files.filter((file) => file.id !== id);
+        onFilesChange?.(newFiles);
+        return {
+          ...prev,
+          files: newFiles,
+          errors: []
+        };
+      });
+    },
+    [onFilesChange]
+  );
+  const clearErrors = React8.useCallback(() => {
+    setState((prev) => ({
+      ...prev,
+      errors: []
+    }));
+  }, []);
+  const handleDragEnter = React8.useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setState((prev) => ({ ...prev, isDragging: true }));
+  }, []);
+  const handleDragLeave = React8.useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.currentTarget.contains(e.relatedTarget)) {
+      return;
+    }
+    setState((prev) => ({ ...prev, isDragging: false }));
+  }, []);
+  const handleDragOver = React8.useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const handleDrop = React8.useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setState((prev) => ({ ...prev, isDragging: false }));
+      if (inputRef.current?.disabled) {
+        return;
+      }
+      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+        if (!multiple) {
+          const file = e.dataTransfer.files[0];
+          if (file) {
+            addFiles([file]);
+          }
+        } else {
+          addFiles(e.dataTransfer.files);
+        }
+      }
+    },
+    [addFiles, multiple]
+  );
+  const handleFileChange = React8.useCallback(
+    (e) => {
+      if (e.target.files && e.target.files.length > 0) {
+        addFiles(e.target.files);
+      }
+    },
+    [addFiles]
+  );
+  const openFileDialog = React8.useCallback(() => {
+    if (inputRef.current) {
+      inputRef.current.click();
+    }
+  }, []);
+  const getInputProps = React8.useCallback(
+    (props = {}) => {
+      return {
+        ...props,
+        type: "file",
+        onChange: handleFileChange,
+        accept: props.accept || accept,
+        multiple: props.multiple !== void 0 ? props.multiple : multiple,
+        ref: inputRef
+      };
+    },
+    [accept, multiple, handleFileChange]
+  );
+  return [
+    state,
+    {
+      addFiles,
+      removeFile,
+      clearFiles,
+      clearErrors,
+      handleDragEnter,
+      handleDragLeave,
+      handleDragOver,
+      handleDrop,
+      handleFileChange,
+      openFileDialog,
+      getInputProps
+    }
+  ];
+};
+var formatBytes = (bytes, decimals = 2) => {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + (sizes?.[i] || "");
+};
+var filePreviewByMimetype = (mimetype) => {
+  if (mimetype.match("text") || mimetype.match("application")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileTextIcon, {});
+  }
+  if (mimetype.match("audio")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileAudioIcon, {});
+  }
+  if (mimetype.match("video")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileVideoIcon, {});
+  }
+  return null;
+};
+function FileUpload({
+  maxSizeMB = 2,
+  subtitle,
+  title,
+  imagePreview,
+  showPreview = true,
+  onError,
+  maxFiles = Infinity,
+  ...rest
+}) {
+  const { fileUpload } = useNebulaI18n().messages;
+  const maxSize = maxSizeMB * 1024 * 1024;
+  const [
+    { files, isDragging, errors },
+    {
+      handleDragEnter,
+      handleDragLeave,
+      handleDragOver,
+      handleDrop,
+      openFileDialog,
+      removeFile,
+      getInputProps,
+      clearFiles
+    }
+  ] = useFileUpload({
+    multiple: false,
+    maxSize: maxSize > 0 ? maxSize : void 0,
+    accept: "*",
+    ...rest,
+    maxFiles
+  });
+  React8.useEffect(() => {
+    onError?.(errors);
+  }, [errors, onError]);
+  const disabled = React8.useMemo(() => {
+    if (rest.disabled) return true;
+    if (rest.multiple) {
+      if (!Number.isFinite(maxFiles)) return false;
+      return files.length === maxFiles;
+    }
+    return files.length;
+  }, [rest.disabled, rest.multiple, files.length, maxFiles]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex flex-col gap-2 w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative  w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "button",
+        onClick: openFileDialog,
+        onDragEnter: handleDragEnter,
+        onDragLeave: handleDragLeave,
+        onDragOver: handleDragOver,
+        onDrop: handleDrop,
+        "data-dragging": isDragging || void 0,
+        className: cn(
+          "bg-fileUpload-background hover:bg-fileUpload-backgroundHover transition-colors",
+          "border border-dashed border-fileUpload-border rounded-2xl",
+          "py-14",
+          disabled && "pointer-events-none cursor-not-allowed"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ...getInputProps(),
+              className: "nebula-ds sr-only",
+              "aria-label": "Upload file"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col items-center justify-center px-4 py-3 text-center w-full",
+                disabled && "opacity-60"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "nebula-ds mb-2 flex size-12 shrink-0 items-center justify-center rounded-full border border-fileUpload-border",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageUpIcon, { className: "nebula-ds size-4 opacity-60 text-fileUpload-icon" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: "5", className: "nebula-ds mb-1", children: title }),
+                /* @__PURE__ */ jsxRuntime.jsx(Paragraph, { size: "sm", children: subtitle })
+              ]
+            }
+          )
+        ]
+      }
+    ) }),
+    files.length > 0 && showPreview && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds space-y-2", children: files.map((file, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "nebula-ds bg-fileUpload-backgroundFile flex items-center justify-between gap-2 rounded-xl border border-fileUpload-borderFile p-2",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex items-center gap-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds bg-[inherit] aspect-square shrink-0 rounded border border-fileUpload-borderFile size-10 [&>svg]:size-4 [&>svg]:text-fileUpload-icon flex items-center justify-center", children: imagePreview?.(file) || filePreviewByMimetype(file.file.type) || /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: file.preview,
+                alt: file.file.name,
+                className: "nebula-ds rounded-[inherit] object-cover h-full w-full"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex min-w-0 flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: "5", className: "nebula-ds text-xs", children: file.file.name }),
+              /* @__PURE__ */ jsxRuntime.jsx(Paragraph, { size: "sm", children: formatBytes(file.file.size) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              icon: true,
+              variant: "ghost",
+              onClick: () => removeFile(file.id),
+              "aria-label": "Remove file",
+              "data-testid": `file-upload-remove-file-${idx}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      },
+      file.id
+    )) }),
+    files.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        size: "md",
+        variant: "secondary",
+        onClick: clearFiles,
+        "data-testid": "file-upload-remove-all-files",
+        children: fileUpload.deleteAll
+      }
+    ) })
+  ] });
+}
+var TextArea = React8__namespace.forwardRef(
+  ({
+    className,
+    isError = false,
+    disabled,
+    resize = true,
+    showCount = false,
+    autoResize = true,
+    maxLength,
+    asInput,
+    ...props
+  }, ref) => {
+    const innerRef = React8__namespace.useRef(
+      null
+    );
+    const [count, setCount] = React8__namespace.useState(String(props.value ?? "").length);
+    const countParts = [count, maxLength].filter(
+      (part) => typeof part === "number"
+    );
+    React8__namespace.useEffect(() => {
+      const textarea = innerRef.current;
+      if (!textarea || !autoResize) return;
+      const adjustHeight = () => {
+        textarea.style.height = "auto";
+        textarea.style.height = asInput && !textarea.value || !textarea.value.match("\n") ? "22px" : `${textarea.scrollHeight}px`;
+      };
+      adjustHeight();
+      textarea.addEventListener("input", adjustHeight);
+      return () => {
+        textarea.removeEventListener("input", adjustHeight);
+      };
+    }, [asInput, autoResize, props.value]);
+    React8__namespace.useImperativeHandle(ref, () => innerRef.current);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "w-full pl-0 pr-2 py-2 overflow-hidden flex box-border",
+            "w-full outline-none rounded-textarea text-sm font-medium",
+            "bg-inputText-background-default",
+            "border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
+            "text-inputText-text-filled focus-within:text-inputText-text-focus ",
+            "disabled:cursor-not-allowed",
+            "[&>textarea]:bg-transparent [&>textarea]:w-full [&>textarea]:py-0 [&>textarea]:pr-2 [&>textarea]:pl-4 [&>textarea]:flex-1 [&>textarea]:min-h-[62px] [&>textarea]:box-border",
+            "[&>textarea]:focus:ring-0 [&>textarea]:focus:border-none [&>textarea]:border-none [&>textarea]:outline-none [&>textarea]:ring-0",
+            "[&>textarea]:bg-inputText-background-default disabled:[&>textarea]:bg-inputText-background-disabled",
+            "[&>textarea]:placeholder:text-inputText-text-default disabled:[&>textarea]:text-inputText-text-disabled",
+            {
+              "bg-inputText-background-disabled text-inputText-text-disabled [&>textarea]:ps-4 [&>textarea]:pr-2": disabled,
+              "border-inputText-border-danger focus-within:border-inputText-border-danger focus-within:ring-button-danger-border-focus": isError,
+              "[&>textarea]:resize-none": !resize,
+              "[&>textarea]:min-h-[22px] !rounded-input": asInput
+            },
+            className
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              ref: innerRef,
+              ...props,
+              disabled,
+              onChange: (e) => {
+                if (showCount) {
+                  setCount(e.target.value.length);
+                }
+                props.onChange?.(e);
+              }
+            }
+          )
+        }
+      ),
+      !!showCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds absolute right-0 top-[100%] pt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Paragraph, { size: "sm", children: countParts.join("/") }) })
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -3685,36 +4889,6 @@ var tailwind = {
   content
   // plugin: () => require("tailwindcss")("node_modules/@nebulareact/dist/tailwind.config.js"),
 };
-/*! Bundled license information:
-
-lucide-react/dist/esm/shared/src/utils.js:
-lucide-react/dist/esm/defaultAttributes.js:
-lucide-react/dist/esm/Icon.js:
-lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/check.js:
-lucide-react/dist/esm/icons/chevron-down.js:
-lucide-react/dist/esm/icons/chevron-left.js:
-lucide-react/dist/esm/icons/chevron-right.js:
-lucide-react/dist/esm/icons/chevrons-left.js:
-lucide-react/dist/esm/icons/chevrons-right.js:
-lucide-react/dist/esm/icons/circle-check-big.js:
-lucide-react/dist/esm/icons/circle-x.js:
-lucide-react/dist/esm/icons/circle.js:
-lucide-react/dist/esm/icons/ellipsis.js:
-lucide-react/dist/esm/icons/eye-off.js:
-lucide-react/dist/esm/icons/eye.js:
-lucide-react/dist/esm/icons/info.js:
-lucide-react/dist/esm/icons/minus.js:
-lucide-react/dist/esm/icons/phone.js:
-lucide-react/dist/esm/icons/x.js:
-lucide-react/dist/esm/lucide-react.js:
-  (**
-   * @license lucide-react v0.476.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-*/
 
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
@@ -3754,6 +4928,7 @@ exports.BreadcrumbList = BreadcrumbList;
 exports.BreadcrumbPage = BreadcrumbPage;
 exports.BreadcrumbSeparator = BreadcrumbSeparator;
 exports.Button = Button;
+exports.Calendar = Calendar;
 exports.Caption = Caption;
 exports.Checkbox = Checkbox;
 exports.Creatable = StyledCreatable;
@@ -3791,9 +4966,14 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.FileUpload = FileUpload;
+exports.FileUploadError = FileUploadError;
 exports.Heading = Heading;
+exports.InputDatePickerSingle = InputDatePickerSingle;
+exports.InputDateTimePickerSingle = InputDateTimePickerSingle;
 exports.InputPhone = InputPhone;
 exports.InputText = InputText;
+exports.InputTime = InputTime;
 exports.Label = Label;
 exports.Link = Link;
 exports.NebulaI18nProvider = NebulaI18nProvider;
@@ -3822,6 +5002,7 @@ exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
 exports.Tag = Tag;
+exports.TextArea = TextArea;
 exports.Toaster = Toaster;
 exports.Tooltip = Tooltip;
 exports.alertVariants = alertVariants;
@@ -3830,8 +5011,11 @@ exports.badgeVariantEnum = badgeVariantEnum;
 exports.buttonSizeEnum = buttonSizeEnum;
 exports.buttonVariantEnum = buttonVariantEnum;
 exports.buttonVariantsConfig = buttonVariantsConfig;
+exports.dateIsAvailable = dateIsAvailable;
+exports.formatBytes = formatBytes;
 exports.getNebulaLanguage = getNebulaLanguage;
-exports.messages = messages10;
+exports.localeByi18nKey = localeByi18nKey;
+exports.messages = messages16;
 exports.separatorVariants = separatorVariants;
 exports.setNebulaLanguage = setNebulaLanguage;
 exports.tagVariantsEnum = tagVariantsEnum;