@ikatec/nebula-react 1.0.14 → 1.0.15

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,22 @@ 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/index.ts
 var enMessages = {
   pagination: pagination_default,
   inputSelect: input_select_default,
-  inputPhone: input_phone_default
+  inputPhone: input_phone_default,
+  timePicker: time_picker_default
 };
 
 // src/i18n/messages/es/pagination.ts
-var messages4 = {
+var messages5 = {
   totalResultsLabel(pagesSize, totalResults) {
     if (totalResults < pagesSize) {
       pagesSize = totalResults;
@@ -1346,16 +1170,16 @@ var messages4 = {
     return `P\xE1gina ${currentPage} de ${totalPages}`;
   }
 };
-var pagination_default2 = messages4;
+var pagination_default2 = messages5;
 
 // src/i18n/messages/es/input-select.ts
-var messages5 = {
+var messages6 = {
   noOptions: "No hay opciones disponibles"
 };
-var input_select_default2 = messages5;
+var input_select_default2 = messages6;
 
 // src/i18n/messages/es/input-phone.ts
-var messages6 = {
+var messages7 = {
   countries: {
     empty: "Seleccionar",
     AF: "Afganist\xE1n",
@@ -1605,17 +1429,24 @@ var messages6 = {
     ZW: "Zimbabue"
   }
 };
-var input_phone_default2 = messages6;
+var input_phone_default2 = messages7;
+
+// src/i18n/messages/es/time-picker.ts
+var messages8 = {
+  label: "Tiempo"
+};
+var time_picker_default2 = messages8;
 
 // 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
 };
 
 // src/i18n/messages/pt-br/pagination.ts
-var messages7 = {
+var messages9 = {
   totalResultsLabel(pagesSize, totalResults) {
     if (totalResults < pagesSize) {
       pagesSize = totalResults;
@@ -1626,16 +1457,16 @@ var messages7 = {
     return `P\xE1gina ${currentPage} de ${totalPages}`;
   }
 };
-var pagination_default3 = messages7;
+var pagination_default3 = messages9;
 
 // src/i18n/messages/pt-br/input-select.ts
-var messages8 = {
+var messages10 = {
   noOptions: "Nenhuma op\xE7\xE3o dispon\xEDvel"
 };
-var input_select_default3 = messages8;
+var input_select_default3 = messages10;
 
 // src/i18n/messages/pt-br/input-phone.ts
-var messages9 = {
+var messages11 = {
   countries: {
     empty: "Selecione",
     AF: "Afeganist\xE3o",
@@ -1885,13 +1716,20 @@ var messages9 = {
     ZW: "Zimb\xE1bue"
   }
 };
-var input_phone_default3 = messages9;
+var input_phone_default3 = messages11;
+
+// src/i18n/messages/pt-br/time-picker.ts
+var messages12 = {
+  label: "Hor\xE1rio"
+};
+var time_picker_default3 = messages12;
 
 // 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
 };
 
 // src/i18n/message-storage-handler.ts
@@ -1916,7 +1754,7 @@ var setNebulaLanguage = (language) => {
   }
   localStorage.setItem(getNebulaI18nStorageKey(), language);
 };
-var messages10 = /* @__PURE__ */ new Map([
+var messages13 = /* @__PURE__ */ new Map([
   [null, enMessages],
   [void 0, enMessages],
   ["en-US", enMessages],
@@ -1934,14 +1772,14 @@ var NebulaI18nProvider = ({
     () => customI18nStorageKey ?? localStorageKey,
     [customI18nStorageKey]
   );
-  const [messages11, setMessages] = React8.useState(
-    messages10.get(getNebulaLanguage()) ?? messages10.get("en-US")
+  const [messages14, setMessages] = React8.useState(
+    messages13.get(getNebulaLanguage()) ?? messages13.get("en-US")
   );
   const handleStorageChange = React8.useCallback(
     ({ detail }) => {
       if (detail.key === storageKey) {
         setMessages(
-          messages10.get(detail.value) ?? messages10.get("en-US")
+          messages13.get(detail.value) ?? messages13.get("en-US")
         );
       }
     },
@@ -1981,7 +1819,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: messages14,
+        locale: getNebulaLanguage()
+      },
+      children
+    }
+  );
 };
 var useNebulaI18n = () => {
   const context = React8.useContext(NebulaI18nContext);
@@ -1998,7 +1845,7 @@ var Pagination = ({
   onChangePage,
   ...props
 }) => {
-  const { messages: messages11 } = useNebulaI18n();
+  const { messages: messages14 } = useNebulaI18n();
   const totalPages = React8.useMemo(() => {
     return Math.ceil(total / (pageSize || 1));
   }, [total, pageSize]);
@@ -2031,13 +1878,13 @@ var Pagination = ({
   }, [totalPages, pageSize, total]);
   const totalResultsLabel = React8.useMemo(() => {
     if (page === totalPages) {
-      return messages11.pagination.totalResultsLabel(lastPageSize, total);
+      return messages14.pagination.totalResultsLabel(lastPageSize, total);
     }
-    return messages11.pagination.totalResultsLabel(pageSize, total);
-  }, [messages11.pagination, pageSize, total, page, totalPages, lastPageSize]);
+    return messages14.pagination.totalResultsLabel(pageSize, total);
+  }, [messages14.pagination, pageSize, total, page, totalPages, lastPageSize]);
   const currentPageLabel = React8.useMemo(
-    () => messages11.pagination.currentPageLabel(normalizedPage, totalPages),
-    [messages11.pagination, normalizedPage, totalPages]
+    () => messages14.pagination.currentPageLabel(normalizedPage, totalPages),
+    [messages14.pagination, normalizedPage, totalPages]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "nav",
@@ -2157,7 +2004,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 +2016,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 +2028,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 +2038,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 +2078,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 +2120,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 +2157,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
     isError = false,
     ...props
   }) => {
-    const { messages: messages11 } = useNebulaI18n();
+    const { messages: messages14 } = useNebulaI18n();
     const customClassNames = React8.useMemo(() => {
       return {
         control: (props2) => controlStyles(props2, isError),
@@ -2357,7 +2204,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: messages14.inputSelect.noOptions }),
         ...props
       }
     );
@@ -2373,7 +2220,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 +2236,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 +2382,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 +2573,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 +2635,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 +2763,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 +2781,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 +2934,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 +3138,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 +3160,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 +3207,13 @@ function custom(message, options) {
     }
   );
 }
-async function promise(promise2, messages11, options) {
+async function promise(promise2, messages14, options) {
   const loadingToast = sonner.toast.custom(
     (t) => /* @__PURE__ */ jsxRuntime.jsx(
       ToastComponent,
       {
         type: "info",
-        message: messages11.loading,
+        message: messages14.loading,
         options,
         t
       }
@@ -3353,7 +3227,7 @@ async function promise(promise2, messages11, options) {
         ToastComponent,
         {
           type: "success",
-          message: messages11.success,
+          message: messages14.success,
           options,
           t
         }
@@ -3368,7 +3242,7 @@ async function promise(promise2, messages11, options) {
         ToastComponent,
         {
           type: "error",
-          message: messages11.error,
+          message: messages14.error,
           options,
           t
         }
@@ -3538,12 +3412,12 @@ var CountrySelect = ({
   const handleSelect = (event) => {
     onChange(event.target.value);
   };
-  const { messages: messages11 } = useNebulaI18n();
-  const { countries } = messages11.inputPhone;
+  const { messages: messages14 } = useNebulaI18n();
+  const { countries } = messages14.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 +3441,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 +3549,741 @@ 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,
+          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", {
+              "!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
+            }),
+            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(
+            calendarMonth.date,
+            props.pagedNavigation || numberOfMonths === 1 ? 1 : 0
+          );
+          if (typeof month !== "undefined") {
+            onNextClick?.(newMonth);
+            return;
+          }
+          setSelectedMonth(newMonth);
+        };
+        const handlePreviousMonth = () => {
+          const newMonth = dateFns.addMonths(
+            calendarMonth.date,
+            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", {
+              "ps-3": numberOfMonths === 1
+            }),
+            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: month ?? selectedMonth,
+          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 InputDatePickerSingle = ({
+  portal,
+  placeholder,
+  className,
+  value,
+  onChange,
+  numberOfMonths = 1,
+  onClean,
+  ...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();
+    onChange?.(text);
+    if (!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)
+    ];
+    if ([day, month2, year].some((value2) => !value2) || !dateFormatIsValid(dateSlice, locale)) {
+      handleClearValue();
+      return;
+    }
+    const date = new Date(Number(year), Number(month2) - 1, Number(day));
+    if (!dateFns.isValid(new Date(date))) {
+      handleClearValue();
+      return;
+    }
+    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);
+  };
+  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
+          }
+        )
+      }
+    )
+  ] });
+};
+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,
+  ...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: messages14 } = 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();
+    const hourSlice = text.substring(11).trim();
+    onChange?.(text);
+    if (!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)
+    ];
+    if ([day, month2, year].some((value2) => !value2) || !dateFormatIsValid(dateSlice, locale)) {
+      handleClearValue();
+      return;
+    }
+    if (!timeFormatIsValid(hourSlice)) {
+      setInnerTimeValue("");
+    } else {
+      setInnerTimeValue(hourSlice);
+    }
+    const date = new Date(Number(year), Number(month2) - 1, Number(day));
+    if (!dateFns.isValid(new Date(date))) {
+      handleClearValue();
+      return;
+    }
+    setInnerDate(date);
+  };
+  const handleOnChangeTime = (newTime) => {
+    const [date = ""] = value?.split(" ") ?? [];
+    setInnerTimeValue(newTime);
+    if (date && !dateFormatIsValid(date, locale)) {
+      handleClearValue();
+    }
+    onChange?.(date + " " + 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(" "));
+    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,
+            footer: /* @__PURE__ */ jsxRuntime.jsxs(Space, { className: "nebula-ds items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Label, { children: [
+                messages14.timePicker.label,
+                ":"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                InputTime,
+                {
+                  placeholder: "00:00",
+                  value: innerTimeValue,
+                  onChange: handleOnChangeTime,
+                  ref: inputTimeRef
+                }
+              )
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+};
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -3685,36 +4294,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 +4333,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;
@@ -3792,8 +4372,11 @@ exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
 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;
@@ -3831,7 +4414,8 @@ exports.buttonSizeEnum = buttonSizeEnum;
 exports.buttonVariantEnum = buttonVariantEnum;
 exports.buttonVariantsConfig = buttonVariantsConfig;
 exports.getNebulaLanguage = getNebulaLanguage;
-exports.messages = messages10;
+exports.localeByi18nKey = localeByi18nKey;
+exports.messages = messages13;
 exports.separatorVariants = separatorVariants;
 exports.setNebulaLanguage = setNebulaLanguage;
 exports.tagVariantsEnum = tagVariantsEnum;