@ikatec/nebula-react 1.0.14 → 1.0.15

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as React8 from 'react';
-import React8__default, { forwardRef, createElement, createContext, useMemo, useState, useCallback, useEffect, useContext } from 'react';
+import React8__default, { createContext, forwardRef, useMemo, useState, useEffect, useCallback, useContext, useRef } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { extendTailwindMerge } from 'tailwind-merge';
@@ -7,6 +7,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { ChevronRight, Check, Circle, CircleX, Eye, EyeOff, X, Minus, ClockIcon, ChevronsLeft, ChevronLeft, ChevronsRight, MoreHorizontal, ChevronDown, ChevronLeftIcon, ChevronDownIcon, ChevronRightIcon, CalendarIcon, PhoneIcon, Info, CircleCheckBig } from 'lucide-react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import Select, { components } from 'react-select';
 import Creatable from 'react-select/creatable';
@@ -22,6 +23,9 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { Toaster as Toaster$1, toast as toast$1 } from 'sonner';
 import * as RPNInput from 'react-phone-number-input';
 import flags from 'react-phone-number-input/flags';
+import { formatDate, isValid, addMonths } from 'date-fns';
+import { DayPicker } from 'react-day-picker';
+import { ptBR, enUS, es } from 'react-day-picker/locale';
 
 // src/button.tsx
 
@@ -495,193 +499,6 @@ var TableCell = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 TableCell.displayName = "TableCell";
 var TableCaption = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm", className), ...props }));
 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 = forwardRef(
-  ({
-    color: color2 = "currentColor",
-    size: size4 = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => {
-    return 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]) => createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = forwardRef(
-    ({ className, ...props }, ref) => 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.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -1287,15 +1104,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;
@@ -1306,16 +1130,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",
@@ -1565,17 +1389,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;
@@ -1586,16 +1417,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",
@@ -1845,13 +1676,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
@@ -1876,7 +1714,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],
@@ -1894,14 +1732,14 @@ var NebulaI18nProvider = ({
     () => customI18nStorageKey ?? localStorageKey,
     [customI18nStorageKey]
   );
-  const [messages11, setMessages] = useState(
-    messages10.get(getNebulaLanguage()) ?? messages10.get("en-US")
+  const [messages14, setMessages] = useState(
+    messages13.get(getNebulaLanguage()) ?? messages13.get("en-US")
   );
   const handleStorageChange = useCallback(
     ({ detail }) => {
       if (detail.key === storageKey) {
         setMessages(
-          messages10.get(detail.value) ?? messages10.get("en-US")
+          messages13.get(detail.value) ?? messages13.get("en-US")
         );
       }
     },
@@ -1941,7 +1779,16 @@ var NebulaI18nProvider = ({
     localStorage.removeItem(localStorageKey);
     localStorage.setItem(customNebulaI18nStorageKey, customI18nStorageKey);
   }, [customI18nStorageKey]);
-  return /* @__PURE__ */ jsx(NebulaI18nContext.Provider, { value: { messages: messages11 }, children });
+  return /* @__PURE__ */ jsx(
+    NebulaI18nContext.Provider,
+    {
+      value: {
+        messages: messages14,
+        locale: getNebulaLanguage()
+      },
+      children
+    }
+  );
 };
 var useNebulaI18n = () => {
   const context = useContext(NebulaI18nContext);
@@ -1958,7 +1805,7 @@ var Pagination = ({
   onChangePage,
   ...props
 }) => {
-  const { messages: messages11 } = useNebulaI18n();
+  const { messages: messages14 } = useNebulaI18n();
   const totalPages = useMemo(() => {
     return Math.ceil(total / (pageSize || 1));
   }, [total, pageSize]);
@@ -1991,13 +1838,13 @@ var Pagination = ({
   }, [totalPages, pageSize, total]);
   const totalResultsLabel = 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 = useMemo(
-    () => messages11.pagination.currentPageLabel(normalizedPage, totalPages),
-    [messages11.pagination, normalizedPage, totalPages]
+    () => messages14.pagination.currentPageLabel(normalizedPage, totalPages),
+    [messages14.pagination, normalizedPage, totalPages]
   );
   return /* @__PURE__ */ jsxs(
     "nav",
@@ -2270,7 +2117,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
     isError = false,
     ...props
   }) => {
-    const { messages: messages11 } = useNebulaI18n();
+    const { messages: messages14 } = useNebulaI18n();
     const customClassNames = useMemo(() => {
       return {
         control: (props2) => controlStyles(props2, isError),
@@ -2317,7 +2164,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
         isDisabled: disabled,
         components: customComponents,
         classNames: customClassNames,
-        noOptionsMessage: () => /* @__PURE__ */ jsx("p", { children: messages11.inputSelect.noOptions }),
+        noOptionsMessage: () => /* @__PURE__ */ jsx("p", { children: messages14.inputSelect.noOptions }),
         ...props
       }
     );
@@ -2333,7 +2180,15 @@ var StyledAsyncCreatable = createStyledSelect(
   "AsyncCreatable"
 );
 var InputText = React8.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.useState(initialInputType);
     const iconClass = {
@@ -2341,60 +2196,79 @@ var InputText = React8.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__ */ jsxs("div", { className: "nebula-ds relative w-full", children: [
-      icon && /* @__PURE__ */ jsx("span", { className: "nebula-ds absolute left-4 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "w-4 h-4 flex items-center justify-center disabled:text-inputText-icon-disabled",
-            iconClass
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("relative w-full", {
+          "pointer-events-none": disabled
+        }),
+        children: [
+          /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(CircleX, { className: cn("w-4 h-4", iconClass) })
+            }
           ),
-          ...props,
-          type
-        }
-      ),
-      onClean && props.value && /* @__PURE__ */ 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__ */ jsx(CircleX, { className: cn("w-4 h-4", iconClass) })
-        }
-      ),
-      initialInputType === "password" && /* @__PURE__ */ 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__ */ jsx(Eye, { className: cn("w-4 h-4", iconClass) }) : /* @__PURE__ */ jsx(EyeOff, { className: cn("w-4 h-4", iconClass) })
-        }
-      )
-    ] });
+          initialInputType === "password" && /* @__PURE__ */ 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__ */ jsx(Eye, { className: cn("w-4 h-4", iconClass) }) : /* @__PURE__ */ jsx(EyeOff, { className: cn("w-4 h-4", iconClass) })
+            }
+          ),
+          icon && /* @__PURE__ */ 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__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "w-4 h-4 flex items-center justify-center disabled:text-inputText-icon-disabled",
+                    iconClass
+                  ),
+                  children: icon
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
   }
 );
 InputText.displayName = "InputText";
@@ -2867,7 +2741,7 @@ var BreadcrumbEllipsis = ({
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx(Ellipsis, { className: "nebula-ds h-3 w-3" }),
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "nebula-ds h-3 w-3" }),
       /* @__PURE__ */ jsx("span", { className: "nebula-ds sr-only", children: "More" })
     ]
   }
@@ -3293,13 +3167,13 @@ function custom(message, options) {
     }
   );
 }
-async function promise(promise2, messages11, options) {
+async function promise(promise2, messages14, options) {
   const loadingToast = toast$1.custom(
     (t) => /* @__PURE__ */ jsx(
       ToastComponent,
       {
         type: "info",
-        message: messages11.loading,
+        message: messages14.loading,
         options,
         t
       }
@@ -3313,7 +3187,7 @@ async function promise(promise2, messages11, options) {
         ToastComponent,
         {
           type: "success",
-          message: messages11.success,
+          message: messages14.success,
           options,
           t
         }
@@ -3328,7 +3202,7 @@ async function promise(promise2, messages11, options) {
         ToastComponent,
         {
           type: "error",
-          message: messages11.error,
+          message: messages14.error,
           options,
           t
         }
@@ -3498,12 +3372,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__ */ 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__ */ jsxs("div", { className: "nebula-ds inline-flex items-center gap-1", "aria-hidden": "true", children: [
       /* @__PURE__ */ jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsx(ChevronDown, { size: 16, "aria-hidden": "true" }) })
+      /* @__PURE__ */ jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16, "aria-hidden": "true" }) })
     ] }),
     /* @__PURE__ */ jsxs(
       "select",
@@ -3527,7 +3401,7 @@ var CountrySelect = ({
 };
 var FlagComponent = ({ country, countryName }) => {
   const Flag = flags[country];
-  return /* @__PURE__ */ jsx("span", { className: "nebula-ds w-5 overflow-hidden rounded-sm", children: Flag ? /* @__PURE__ */ jsx(Flag, { title: countryName }) : /* @__PURE__ */ jsx(Phone, { size: 16, "aria-hidden": "true" }) });
+  return /* @__PURE__ */ jsx("span", { className: "nebula-ds w-5 overflow-hidden rounded-sm", children: Flag ? /* @__PURE__ */ jsx(Flag, { title: countryName }) : /* @__PURE__ */ jsx(PhoneIcon, { size: 16, "aria-hidden": "true" }) });
 };
 var PhoneInput = React8__default.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex items-center justify-center rounded-e-[20px] w-full", children: [
@@ -3635,6 +3509,741 @@ var Skeleton = React8__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,
+  "en-US": enUS,
+  "pt-BR": ptBR
+};
+var Calendar = ({
+  numberOfMonths = 1,
+  hideNavigation = false,
+  month,
+  onNextClick,
+  onPrevClick,
+  components: calendarComponents,
+  ...props
+}) => {
+  const { locale } = useNebulaI18n();
+  const [selectedMonth, setSelectedMonth] = useState(/* @__PURE__ */ new Date());
+  const [showMonthGridSelection, setShowMonthGridSelection] = useState(false);
+  const isRange = props.mode === "range";
+  const currentMonth = useMemo(
+    () => month ?? selectedMonth,
+    [month, selectedMonth]
+  );
+  const handleSelectMonthByOption = 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 = 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__ */ 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__ */ 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__ */ jsxs(
+              "div",
+              {
+                className: cn({
+                  "flex flex-col relative items-center text-inherit": today
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Paragraph,
+                    {
+                      size: "md",
+                      className: "!font-medium !text-inherit text-center",
+                      children: props2.children
+                    }
+                  ),
+                  today && /* @__PURE__ */ 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 = addMonths(
+            calendarMonth.date,
+            props.pagedNavigation || numberOfMonths === 1 ? 1 : 0
+          );
+          if (typeof month !== "undefined") {
+            onNextClick?.(newMonth);
+            return;
+          }
+          setSelectedMonth(newMonth);
+        };
+        const handlePreviousMonth = () => {
+          const newMonth = addMonths(
+            calendarMonth.date,
+            props.pagedNavigation ? -2 : -1
+          );
+          if (typeof month !== "undefined") {
+            onPrevClick?.(newMonth);
+            return;
+          }
+          setSelectedMonth(newMonth);
+        };
+        const handleToggleShowMonthGridSelection = () => {
+          setShowMonthGridSelection((s) => !s);
+        };
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn("flex justify-between items-center !h-9", {
+              "ps-3": numberOfMonths === 1
+            }),
+            children: [
+              !hideNavigation && numberOfMonths > 1 && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  icon: true,
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: handlePreviousMonth,
+                  className: cn({
+                    "pointer-events-none invisible": displayIndex === 1
+                  }),
+                  children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "nebula-ds !w-[unset] !h-[unset]" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ...rest,
+                  className: cn(
+                    rest.className,
+                    "!h-auto select-none ",
+                    numberOfMonths > 1 && "pointer-events-none"
+                  ),
+                  role: "button",
+                  onClick: handleToggleShowMonthGridSelection,
+                  children: /* @__PURE__ */ jsxs(Space, { size: "xs", className: "nebula-ds items-center", children: [
+                    /* @__PURE__ */ jsx("span", { className: "nebula-ds !text-calendar-month-label !text-sm !font-semibold", children: formatDate(calendarMonth.date, "LLL yyyy", {
+                      locale: localeByi18nKey[locale ?? "en-US"]
+                    }).replace(/^./, (char) => char.toUpperCase()) }),
+                    numberOfMonths === 1 && /* @__PURE__ */ jsx(ChevronDownIcon, { className: "nebula-ds !text-calendar-month-selectionChevron" })
+                  ] })
+                }
+              ),
+              !hideNavigation && numberOfMonths === 1 && !showMonthGridSelection && /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex gap-x-1", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    icon: true,
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: handlePreviousMonth,
+                    children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "nebula-ds !w-[unset] !h-[unset] !text-calendar-month-navigator" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    icon: true,
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: handleNextMonth,
+                    children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "nebula-ds !w-[unset] !h-[unset] !text-calendar-month-navigator" })
+                  }
+                )
+              ] }),
+              !hideNavigation && numberOfMonths > 1 && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  icon: true,
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: handleNextMonth,
+                  className: cn({
+                    "pointer-events-none invisible": displayIndex !== numberOfMonths - 1
+                  }),
+                  children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "nebula-ds !w-[unset] !h-[unset]" })
+                }
+              )
+            ]
+          }
+        );
+      },
+      MonthGrid(props2) {
+        if (!showMonthGridSelection) {
+          return /* @__PURE__ */ jsx("table", { ...props2 });
+        }
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: "nebula-ds z-40 !p-0 flex gap-2 flex-col justify-between w-full",
+            border: false,
+            children: /* @__PURE__ */ 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 = formatDate(monthOptionAsDate, "LLLL", {
+                locale: localeByi18nKey[locale ?? "en-US"]
+              });
+              return /* @__PURE__ */ 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__ */ jsx("div", { ...props2, className: cn(props2.className, "gap-2 flex p-2") });
+      },
+      Month(props2) {
+        return /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("tr", { ...props2, className: cn(props2.className) }),
+          /* @__PURE__ */ jsx("tr", { className: "nebula-ds h-1 last:h-0" })
+        ] });
+      },
+      Weekdays(props2) {
+        return /* @__PURE__ */ jsx("tr", { ...props2 });
+      },
+      Weekday(props2) {
+        return /* @__PURE__ */ 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__ */ 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__ */ jsx(
+    Box,
+    {
+      border: true,
+      className: cn("p-0 w-fit", numberOfMonths === 1 && "w-[270px]"),
+      shadow: "md",
+      children: /* @__PURE__ */ jsx(
+        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] = useState(false);
+  const [innerDate, setInnerDate] = useState(
+    value ? new Date(value) : void 0
+  );
+  const { locale } = useNebulaI18n();
+  const [month, setMonth] = 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 (!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 = useMemo(() => {
+    return isValid(innerDate) ? innerDate : void 0;
+  }, [innerDate]);
+  useEffect(() => {
+    if (innerDate) setMonth(innerDate);
+  }, [innerDate]);
+  return /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        onClick: (e) => e.preventDefault(),
+        onFocus: (e) => e.preventDefault(),
+        children: /* @__PURE__ */ jsx(
+          InputText,
+          {
+            placeholder,
+            value,
+            className,
+            onChange: (e) => handleInnerInputChange(e.target.value),
+            onKeyDown: handleKeyDown,
+            icon: /* @__PURE__ */ jsx(
+              CalendarIcon,
+              {
+                tabIndex: 0,
+                role: "button",
+                onClick: () => setPopoverIsOpen((s) => !s),
+                onKeyUp: (e) => {
+                  if (e.key === "Enter") {
+                    setPopoverIsOpen((s) => !s);
+                  }
+                },
+                className: "nebula-ds cursor-pointer"
+              }
+            ),
+            iconPlacement: "end",
+            onKeyUp: (e) => {
+              if (e.key === "ArrowDown") {
+                setPopoverIsOpen(true);
+              }
+            },
+            maxLength: 10,
+            onClean: onClean ? () => {
+              onClean();
+              handleClearValue();
+            } : void 0,
+            ...rest
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        portal,
+        side: "bottom",
+        className: "nebula-ds p-0 border-none bg-transparent shadow-none",
+        align: "start",
+        children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            required: false,
+            mode: "single",
+            numberOfMonths,
+            selected: normalizedCalendarDate,
+            onSelect: handleCalendarSelect,
+            month,
+            onPrevClick: setMonth,
+            onNextClick: setMonth
+          }
+        )
+      }
+    )
+  ] });
+};
+var InputTime = forwardRef(
+  ({ value = "", onChange, placeholder = "--:--", ...rest }, ref) => {
+    const [displayValue, setDisplayValue] = 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);
+      }
+    };
+    useEffect(() => {
+      if (!value) {
+        setDisplayValue("");
+      }
+    }, [value]);
+    return /* @__PURE__ */ jsx(
+      InputText,
+      {
+        ref,
+        type: "text",
+        value: displayValue,
+        placeholder,
+        ...rest,
+        onChange: (e) => handleInput(e.target.value),
+        onKeyDown: handleKeyDown,
+        maxLength: 5,
+        icon: /* @__PURE__ */ jsx(ClockIcon, {})
+      }
+    );
+  }
+);
+InputTime.displayName = "InputTime";
+var InputDateTimePickerSingle = ({
+  portal,
+  placeholder,
+  className,
+  value,
+  onChange,
+  numberOfMonths = 1,
+  onClean,
+  ...rest
+}) => {
+  const [popoverIsOpen, setPopoverIsOpen] = useState(false);
+  const [innerTimeValue, setInnerTimeValue] = useState();
+  const [innerDate, setInnerDate] = useState(
+    value ? new Date(value) : void 0
+  );
+  const { locale, messages: messages14 } = useNebulaI18n();
+  const [month, setMonth] = useState(/* @__PURE__ */ new Date());
+  const inputTimeRef = 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 (!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 = useMemo(() => {
+    return isValid(innerDate) ? innerDate : void 0;
+  }, [innerDate]);
+  useEffect(() => {
+    if (innerDate) setMonth(innerDate);
+  }, [innerDate]);
+  return /* @__PURE__ */ jsxs(Popover, { open: popoverIsOpen, onOpenChange: setPopoverIsOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { className, asChild: true, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        onClick: (e) => e.preventDefault(),
+        onFocus: (e) => e.preventDefault(),
+        children: /* @__PURE__ */ jsx(
+          InputText,
+          {
+            placeholder,
+            value,
+            className,
+            onChange: (e) => handleInnerInputChange(e.target.value),
+            onKeyDown: handleKeyDown,
+            icon: /* @__PURE__ */ jsx(
+              CalendarIcon,
+              {
+                tabIndex: 0,
+                role: "button",
+                onClick: () => setPopoverIsOpen((s) => !s),
+                onKeyUp: (e) => {
+                  if (e.key === "Enter") {
+                    setPopoverIsOpen((s) => !s);
+                  }
+                },
+                className: "nebula-ds cursor-pointer"
+              }
+            ),
+            iconPlacement: "end",
+            onKeyUp: (e) => {
+              if (e.key === "ArrowDown") {
+                setPopoverIsOpen(true);
+              }
+            },
+            maxLength: 16,
+            onClean: onClean ? () => {
+              onClean();
+              handleClearValue();
+            } : void 0,
+            ...rest
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        portal,
+        side: "bottom",
+        className: "nebula-ds p-0 border-none bg-transparent shadow-none",
+        align: "start",
+        children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            required: false,
+            mode: "single",
+            numberOfMonths,
+            selected: normalizedCalendarDate,
+            onSelect: handleCalendarSelect,
+            month,
+            onPrevClick: setMonth,
+            onNextClick: setMonth,
+            footer: /* @__PURE__ */ jsxs(Space, { className: "nebula-ds items-center", children: [
+              /* @__PURE__ */ jsxs(Label, { children: [
+                messages14.timePicker.label,
+                ":"
+              ] }),
+              /* @__PURE__ */ jsx(
+                InputTime,
+                {
+                  placeholder: "00:00",
+                  value: innerTimeValue,
+                  onChange: handleOnChangeTime,
+                  ref: inputTimeRef
+                }
+              )
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+};
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -3645,35 +4254,5 @@ 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.
-   *)
-*/
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Caption, Checkbox, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Heading, InputPhone, InputText, Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, Separator2 as Separator, Skeleton, Space, SpaceDirectionEnum, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages10 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Caption, Checkbox, StyledCreatable as Creatable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Heading, InputDatePickerSingle, InputDateTimePickerSingle, InputPhone, InputText, InputTime, Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, Separator2 as Separator, Skeleton, Space, SpaceDirectionEnum, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, localeByi18nKey, messages13 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };