@ikatec/nebula-react 1.0.14 → 1.0.16

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, ImageUpIcon, XIcon, PhoneIcon, FileTextIcon, FileAudioIcon, FileVideoIcon, 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, isSameDay, isBefore, isAfter } 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,29 @@ var messages3 = {
 };
 var input_phone_default = messages3;
 
+// src/i18n/messages/en/time-picker.ts
+var messages4 = {
+  label: "Time"
+};
+var time_picker_default = messages4;
+
+// src/i18n/messages/en/file-upload.ts
+var messages5 = {
+  deleteAll: "Remove all"
+};
+var file_upload_default = messages5;
+
 // src/i18n/messages/en/index.ts
 var enMessages = {
   pagination: pagination_default,
   inputSelect: input_select_default,
-  inputPhone: input_phone_default
+  inputPhone: input_phone_default,
+  timePicker: time_picker_default,
+  fileUpload: file_upload_default
 };
 
 // src/i18n/messages/es/pagination.ts
-var messages4 = {
+var messages6 = {
   totalResultsLabel(pagesSize, totalResults) {
     if (totalResults < pagesSize) {
       pagesSize = totalResults;
@@ -1306,16 +1137,16 @@ var messages4 = {
     return `P\xE1gina ${currentPage} de ${totalPages}`;
   }
 };
-var pagination_default2 = messages4;
+var pagination_default2 = messages6;
 
 // src/i18n/messages/es/input-select.ts
-var messages5 = {
+var messages7 = {
   noOptions: "No hay opciones disponibles"
 };
-var input_select_default2 = messages5;
+var input_select_default2 = messages7;
 
 // src/i18n/messages/es/input-phone.ts
-var messages6 = {
+var messages8 = {
   countries: {
     empty: "Seleccionar",
     AF: "Afganist\xE1n",
@@ -1565,17 +1396,31 @@ var messages6 = {
     ZW: "Zimbabue"
   }
 };
-var input_phone_default2 = messages6;
+var input_phone_default2 = messages8;
+
+// src/i18n/messages/es/time-picker.ts
+var messages9 = {
+  label: "Tiempo"
+};
+var time_picker_default2 = messages9;
+
+// src/i18n/messages/es/file-upload.ts
+var messages10 = {
+  deleteAll: "Remover todos"
+};
+var file_upload_default2 = messages10;
 
 // src/i18n/messages/es/index.ts
 var esMessages = {
   pagination: pagination_default2,
   inputSelect: input_select_default2,
-  inputPhone: input_phone_default2
+  inputPhone: input_phone_default2,
+  timePicker: time_picker_default2,
+  fileUpload: file_upload_default2
 };
 
 // src/i18n/messages/pt-br/pagination.ts
-var messages7 = {
+var messages11 = {
   totalResultsLabel(pagesSize, totalResults) {
     if (totalResults < pagesSize) {
       pagesSize = totalResults;
@@ -1586,16 +1431,16 @@ var messages7 = {
     return `P\xE1gina ${currentPage} de ${totalPages}`;
   }
 };
-var pagination_default3 = messages7;
+var pagination_default3 = messages11;
 
 // src/i18n/messages/pt-br/input-select.ts
-var messages8 = {
+var messages12 = {
   noOptions: "Nenhuma op\xE7\xE3o dispon\xEDvel"
 };
-var input_select_default3 = messages8;
+var input_select_default3 = messages12;
 
 // src/i18n/messages/pt-br/input-phone.ts
-var messages9 = {
+var messages13 = {
   countries: {
     empty: "Selecione",
     AF: "Afeganist\xE3o",
@@ -1845,13 +1690,27 @@ var messages9 = {
     ZW: "Zimb\xE1bue"
   }
 };
-var input_phone_default3 = messages9;
+var input_phone_default3 = messages13;
+
+// src/i18n/messages/pt-br/time-picker.ts
+var messages14 = {
+  label: "Hor\xE1rio"
+};
+var time_picker_default3 = messages14;
+
+// src/i18n/messages/pt-br/file-upload.ts
+var messages15 = {
+  deleteAll: "Remover todos"
+};
+var file_upload_default3 = messages15;
 
 // src/i18n/messages/pt-br/index.ts
 var ptBrMessages = {
   pagination: pagination_default3,
   inputSelect: input_select_default3,
-  inputPhone: input_phone_default3
+  inputPhone: input_phone_default3,
+  timePicker: time_picker_default3,
+  fileUpload: file_upload_default3
 };
 
 // src/i18n/message-storage-handler.ts
@@ -1876,7 +1735,7 @@ var setNebulaLanguage = (language) => {
   }
   localStorage.setItem(getNebulaI18nStorageKey(), language);
 };
-var messages10 = /* @__PURE__ */ new Map([
+var messages16 = /* @__PURE__ */ new Map([
   [null, enMessages],
   [void 0, enMessages],
   ["en-US", enMessages],
@@ -1894,14 +1753,14 @@ var NebulaI18nProvider = ({
     () => customI18nStorageKey ?? localStorageKey,
     [customI18nStorageKey]
   );
-  const [messages11, setMessages] = useState(
-    messages10.get(getNebulaLanguage()) ?? messages10.get("en-US")
+  const [messages17, setMessages] = useState(
+    messages16.get(getNebulaLanguage()) ?? messages16.get("en-US")
   );
   const handleStorageChange = useCallback(
     ({ detail }) => {
       if (detail.key === storageKey) {
         setMessages(
-          messages10.get(detail.value) ?? messages10.get("en-US")
+          messages16.get(detail.value) ?? messages16.get("en-US")
         );
       }
     },
@@ -1941,7 +1800,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: messages17,
+        locale: getNebulaLanguage()
+      },
+      children
+    }
+  );
 };
 var useNebulaI18n = () => {
   const context = useContext(NebulaI18nContext);
@@ -1958,7 +1826,7 @@ var Pagination = ({
   onChangePage,
   ...props
 }) => {
-  const { messages: messages11 } = useNebulaI18n();
+  const { messages: messages17 } = useNebulaI18n();
   const totalPages = useMemo(() => {
     return Math.ceil(total / (pageSize || 1));
   }, [total, pageSize]);
@@ -1991,13 +1859,13 @@ var Pagination = ({
   }, [totalPages, pageSize, total]);
   const totalResultsLabel = useMemo(() => {
     if (page === totalPages) {
-      return messages11.pagination.totalResultsLabel(lastPageSize, total);
+      return messages17.pagination.totalResultsLabel(lastPageSize, total);
     }
-    return messages11.pagination.totalResultsLabel(pageSize, total);
-  }, [messages11.pagination, pageSize, total, page, totalPages, lastPageSize]);
+    return messages17.pagination.totalResultsLabel(pageSize, total);
+  }, [messages17.pagination, pageSize, total, page, totalPages, lastPageSize]);
   const currentPageLabel = useMemo(
-    () => messages11.pagination.currentPageLabel(normalizedPage, totalPages),
-    [messages11.pagination, normalizedPage, totalPages]
+    () => messages17.pagination.currentPageLabel(normalizedPage, totalPages),
+    [messages17.pagination, normalizedPage, totalPages]
   );
   return /* @__PURE__ */ jsxs(
     "nav",
@@ -2270,7 +2138,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
     isError = false,
     ...props
   }) => {
-    const { messages: messages11 } = useNebulaI18n();
+    const { messages: messages17 } = useNebulaI18n();
     const customClassNames = useMemo(() => {
       return {
         control: (props2) => controlStyles(props2, isError),
@@ -2317,7 +2185,7 @@ var createStyledSelect = (BaseSelect, displayName) => {
         isDisabled: disabled,
         components: customComponents,
         classNames: customClassNames,
-        noOptionsMessage: () => /* @__PURE__ */ jsx("p", { children: messages11.inputSelect.noOptions }),
+        noOptionsMessage: () => /* @__PURE__ */ jsx("p", { children: messages17.inputSelect.noOptions }),
         ...props
       }
     );
@@ -2333,7 +2201,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 +2217,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 +2762,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 +3188,13 @@ function custom(message, options) {
     }
   );
 }
-async function promise(promise2, messages11, options) {
+async function promise(promise2, messages17, options) {
   const loadingToast = toast$1.custom(
     (t) => /* @__PURE__ */ jsx(
       ToastComponent,
       {
         type: "info",
-        message: messages11.loading,
+        message: messages17.loading,
         options,
         t
       }
@@ -3313,7 +3208,7 @@ async function promise(promise2, messages11, options) {
         ToastComponent,
         {
           type: "success",
-          message: messages11.success,
+          message: messages17.success,
           options,
           t
         }
@@ -3328,7 +3223,7 @@ async function promise(promise2, messages11, options) {
         ToastComponent,
         {
           type: "error",
-          message: messages11.error,
+          message: messages17.error,
           options,
           t
         }
@@ -3498,12 +3393,12 @@ var CountrySelect = ({
   const handleSelect = (event) => {
     onChange(event.target.value);
   };
-  const { messages: messages11 } = useNebulaI18n();
-  const { countries } = messages11.inputPhone;
+  const { messages: messages17 } = useNebulaI18n();
+  const { countries } = messages17.inputPhone;
   return /* @__PURE__ */ 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 +3422,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 +3530,1315 @@ 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,
+          disabled,
+          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 hover:bg-button-ghost-background-hover hover:rounded-full",
+              {
+                "!text-calendar-day-color": !outside,
+                "!text-calendar-outsideDay-color !opacity-1": outside,
+                "!bg-calendar-daySelected-background !border-calendar-daySelected-background !text-calendar-daySelected-color rounded-full": (selected || rangeEnd || rangeStart) && !rangeMiddle,
+                "!text-neutral-200 dark:!text-neutral-900 pointer-events-none cursor-not-allowed": disabled
+              }
+            ),
+            children: /* @__PURE__ */ 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(
+            currentMonth,
+            props.pagedNavigation || numberOfMonths === 1 ? 1 : 0
+          );
+          if (typeof month !== "undefined") {
+            onNextClick?.(newMonth);
+            return;
+          }
+          setSelectedMonth(newMonth);
+        };
+        const handlePreviousMonth = () => {
+          const newMonth = addMonths(
+            currentMonth,
+            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 mb-3", {
+              "ps-3": numberOfMonths === 1,
+              "mb-0": showMonthGridSelection
+            }),
+            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: currentMonth,
+          hideNavigation: true,
+          numberOfMonths: Math.min(Math.max(numberOfMonths, 1), 2),
+          components: components2,
+          locale: localeByi18nKey[locale ?? "en-US"],
+          footer: showMonthGridSelection ? void 0 : props.footer
+        }
+      )
+    }
+  );
+};
+
+// src/utils/valid-date-format.ts
+function dateFormatIsValid(dateStr, locale) {
+  const regexBR = /^(?:(?:31\/(0[13578]|1[02]))\/(?:\d{4})|(?:29|30)\/(0[13-9]|1[0-2])\/(?:\d{4})|29\/02\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:0[1-9]|1\d|2[0-8])\/(0[1-9]|1[0-2])\/(?:\d{4}))$/;
+  const regexUS = /^(?:(?:(0[13578]|1[02])\/31)\/(?:\d{4})|(?:(0[13-9]|1[0-2])\/(29|30))\/(?:\d{4})|(?:02\/29)\/(?:\d\d(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)|(?:(0[1-9]|1[0-2])\/(0[1-9]|1\d|2[0-8]))\/(?:\d{4}))$/;
+  const regex = locale === "en-US" ? regexUS : regexBR;
+  return regex.test(dateStr);
+}
+function timeFormatIsValid(timeStr) {
+  const regex = /^(?:[01]\d|2[0-3]):[0-5]\d$/;
+  return regex.test(timeStr);
+}
+var dateIsAvailable = (inputDate, disabledDates) => {
+  if (!disabledDates || !inputDate) return true;
+  const dateIsDisabled = (d, matcher) => {
+    if (Array.isArray(matcher)) {
+      return matcher.some((date) => isSameDay(date, d));
+    }
+    if (typeof matcher === "boolean") return matcher;
+    if (typeof matcher === "function") {
+      return matcher(d);
+    }
+    if ("from" in matcher) {
+      const { from, to } = matcher;
+      if (!from) return false;
+      if (from && to) {
+        return isBefore(d, to) && isAfter(d, from) || isSameDay(d, from) || isSameDay(d, to);
+      }
+      return isSameDay(d, from);
+    }
+    if ("before" in matcher && !("after" in matcher)) {
+      const { before } = matcher;
+      return isBefore(d, before) && !isSameDay(d, before);
+    }
+    if ("after" in matcher && !("before" in matcher)) {
+      const { after } = matcher;
+      return isAfter(d, after) && !isSameDay(d, after);
+    }
+    if ("after" in matcher && "before" in matcher) {
+      const { after, before } = matcher;
+      return isAfter(d, after) && !isSameDay(d, after) || isBefore(d, before) && !isSameDay(d, before);
+    }
+    if ("dayOfWeek" in matcher) {
+      const { dayOfWeek } = matcher;
+      if (Array.isArray(dayOfWeek)) {
+        return dayOfWeek.includes(d.getDay());
+      }
+      return dayOfWeek === d.getDay();
+    }
+    return isSameDay(d, matcher);
+  };
+  if (Array.isArray(disabledDates)) {
+    return disabledDates.every((matcher) => {
+      return dateIsDisabled(inputDate, matcher) === false;
+    });
+  }
+  return !dateIsDisabled(inputDate, disabledDates);
+};
+var InputDatePickerSingle = ({
+  portal,
+  placeholder,
+  className,
+  value,
+  onChange,
+  numberOfMonths = 1,
+  onClean,
+  disabledDates,
+  ...rest
+}) => {
+  const [popoverIsOpen, setPopoverIsOpen] = 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();
+    if (!text) {
+      onChange?.(text);
+      handleClearValue();
+      return;
+    }
+    const [day, month2, year] = [
+      locale !== "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
+      locale === "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
+      dateSlice.substring(6)
+    ];
+    const date = new Date(Number(year), Number(month2) - 1, Number(day));
+    if ([day, month2, year].some((value2) => !value2) || !dateFormatIsValid(dateSlice, locale) || !isValid(new Date(date)) || !dateIsAvailable(date, disabledDates)) {
+      onChange?.(text);
+      handleClearValue();
+      return;
+    }
+    onChange?.(text, date);
+    setInnerDate(date);
+  };
+  const handleKeyDown = (e) => {
+    if ((e.altKey || e.ctrlKey || e.metaKey) && e.key !== "z") return;
+    const allowedKeys = [
+      "Backspace",
+      "Delete",
+      "Tab",
+      "ArrowLeft",
+      "ArrowRight",
+      "Home",
+      "End",
+      "/"
+    ];
+    if (!allowedKeys.includes(e.key) && !/^[0-9]$/.test(e.key)) {
+      e.preventDefault();
+    }
+  };
+  const handleCalendarSelect = (date) => {
+    const dateToStr = Intl.DateTimeFormat(locale ?? "en-US", {
+      month: "2-digit",
+      year: "numeric",
+      day: "2-digit"
+    }).format(date);
+    setInnerDate(date);
+    onChange?.(dateToStr, date);
+  };
+  const normalizedCalendarDate = 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,
+            disabled: disabledDates
+          }
+        )
+      }
+    )
+  ] });
+};
+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,
+  disabledDates,
+  ...rest
+}) => {
+  const [popoverIsOpen, setPopoverIsOpen] = useState(false);
+  const [innerTimeValue, setInnerTimeValue] = useState();
+  const [innerDate, setInnerDate] = useState(
+    value ? new Date(value) : void 0
+  );
+  const { locale, messages: messages17 } = 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();
+    let hourSlice = text.substring(11).trim();
+    if (!text) {
+      onChange?.(text);
+      handleClearValue();
+      return;
+    }
+    const [day, month2, year] = [
+      locale !== "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
+      locale === "en-US" ? dateSlice.substring(0, 2) : dateSlice.substring(3, 5),
+      dateSlice.substring(6)
+    ];
+    const date = new Date(Number(year), Number(month2) - 1, Number(day));
+    if ([day, month2, year].some((value2) => !value2) || !dateFormatIsValid(dateSlice, locale) || !isValid(new Date(date)) || !dateIsAvailable(date, disabledDates)) {
+      onChange?.(text);
+      handleClearValue();
+      return;
+    }
+    if (!timeFormatIsValid(hourSlice)) {
+      hourSlice = "";
+      setInnerTimeValue("");
+    } else {
+      setInnerTimeValue(hourSlice);
+    }
+    onChange?.(text, date, hourSlice);
+    setInnerDate(date);
+  };
+  const handleOnChangeTime = (newTime) => {
+    const [date = ""] = value?.split(" ") ?? [];
+    setInnerTimeValue(newTime);
+    if (date && !dateFormatIsValid(date, locale)) {
+      handleClearValue();
+    }
+    onChange?.(date + " " + newTime, innerDate, newTime);
+  };
+  const handleKeyDown = (e) => {
+    if ((e.altKey || e.ctrlKey || e.metaKey) && e.key !== "z") return;
+    const allowedKeys = [
+      "Backspace",
+      "Delete",
+      "Tab",
+      "ArrowLeft",
+      "ArrowRight",
+      "Home",
+      "End",
+      ":",
+      "/",
+      " "
+    ];
+    if (!allowedKeys.includes(e.key) && !/^[0-9]$/.test(e.key)) {
+      e.preventDefault();
+    }
+  };
+  const handleCalendarSelect = (date) => {
+    const dateToStr = Intl.DateTimeFormat(locale ?? "en-US", {
+      month: "2-digit",
+      year: "numeric",
+      day: "2-digit"
+    }).format(date);
+    setInnerDate(date);
+    onChange?.(
+      [dateToStr, innerTimeValue].filter(Boolean).join(" "),
+      date,
+      innerTimeValue
+    );
+    if (!innerTimeValue) {
+      setTimeout(() => inputTimeRef.current?.focus(), 100);
+    }
+  };
+  const normalizedCalendarDate = 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,
+            disabled: disabledDates,
+            footer: /* @__PURE__ */ jsxs(Space, { className: "nebula-ds items-center", children: [
+              /* @__PURE__ */ jsxs(Label, { children: [
+                messages17.timePicker.label,
+                ":"
+              ] }),
+              /* @__PURE__ */ jsx(
+                InputTime,
+                {
+                  placeholder: "00:00",
+                  value: innerTimeValue,
+                  onChange: handleOnChangeTime,
+                  ref: inputTimeRef,
+                  className: "nebula-ds max-w-[188px]"
+                }
+              )
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+};
+var FileUploadError = /* @__PURE__ */ ((FileUploadError2) => {
+  FileUploadError2["MAX_FILES_EXCEEDED"] = "MAX_FILES_EXCEEDED";
+  FileUploadError2["MAXIMUM_FILE_SIZE_EXCEEDED"] = "MAXIMUM_FILE_SIZE_EXCEEDED";
+  FileUploadError2["INVALID_FORMAT"] = "INVALID_FORMAT";
+  return FileUploadError2;
+})(FileUploadError || {});
+var useFileUpload = (options = {}) => {
+  const {
+    maxFiles = Infinity,
+    maxSize = Infinity,
+    accept = "*",
+    multiple = false,
+    initialFiles = [],
+    onFilesChange,
+    onFilesAdded
+  } = options;
+  const [state, setState] = useState({
+    files: initialFiles.map((file) => ({
+      file,
+      id: file.id,
+      preview: file.url
+    })),
+    isDragging: false,
+    errors: []
+  });
+  const inputRef = useRef(null);
+  const validateFile = useCallback(
+    (file) => {
+      if (file instanceof File) {
+        if (file.size > maxSize) {
+          return {
+            file,
+            error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */
+          };
+        }
+      } else {
+        if (file.size > maxSize) {
+          return { error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */, file };
+        }
+      }
+      if (accept !== "*") {
+        const acceptedTypes = accept.split(",").map((type) => type.trim());
+        const fileType = file instanceof File ? file.type || "" : file.type;
+        const fileExtension = `.${file instanceof File ? file.name.split(".").pop() : file.name.split(".").pop()}`;
+        const isAccepted = acceptedTypes.some((type) => {
+          if (type.startsWith(".")) {
+            return fileExtension.toLowerCase() === type.toLowerCase();
+          }
+          if (type.endsWith("/*")) {
+            const baseType = type.split("/")[0];
+            return fileType.startsWith(`${baseType}/`);
+          }
+          return fileType === type;
+        });
+        if (!isAccepted) {
+          return {
+            file,
+            error: "INVALID_FORMAT" /* INVALID_FORMAT */
+          };
+        }
+      }
+      return null;
+    },
+    [accept, maxSize]
+  );
+  const createPreview = useCallback(
+    (file) => {
+      if (file instanceof File) {
+        return URL.createObjectURL(file);
+      }
+      return file.url;
+    },
+    []
+  );
+  const generateUniqueId = useCallback((file) => {
+    if (file instanceof File) {
+      return `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+    }
+    return file.id;
+  }, []);
+  const clearFiles = useCallback(() => {
+    setState((prev) => {
+      prev.files.forEach((file) => {
+        if (file.preview && file.file instanceof File && file.file.type.startsWith("image/")) {
+          URL.revokeObjectURL(file.preview);
+        }
+      });
+      if (inputRef.current) {
+        inputRef.current.value = "";
+      }
+      const newState = {
+        ...prev,
+        files: [],
+        errors: []
+      };
+      onFilesChange?.(newState.files);
+      return newState;
+    });
+  }, [onFilesChange]);
+  const addFiles = useCallback(
+    (newFiles) => {
+      if (!newFiles || newFiles.length === 0) return;
+      const newFilesArray = Array.from(newFiles);
+      const errors = [];
+      setState((prev) => ({ ...prev, errors: [] }));
+      if (!multiple) {
+        clearFiles();
+      }
+      if (multiple && maxFiles !== Infinity && state.files.length + newFilesArray.length > maxFiles) {
+        errors.push({ error: "MAX_FILES_EXCEEDED" /* MAX_FILES_EXCEEDED */ });
+        setState((prev) => ({ ...prev, errors }));
+        return;
+      }
+      const validFiles = [];
+      newFilesArray.forEach((file) => {
+        if (multiple) {
+          const isDuplicate = state.files.some(
+            (existingFile) => existingFile.file.name === file.name && existingFile.file.size === file.size
+          );
+          if (isDuplicate) {
+            return;
+          }
+        }
+        if (file.size > maxSize) {
+          errors.push({
+            error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */,
+            file
+          });
+          return;
+        }
+        const error2 = validateFile(file);
+        if (error2) {
+          errors.push(error2);
+        } else {
+          validFiles.push({
+            file,
+            id: generateUniqueId(file),
+            preview: createPreview(file)
+          });
+        }
+      });
+      if (validFiles.length > 0) {
+        onFilesAdded?.(validFiles);
+        setState((prev) => {
+          const newFiles2 = !multiple ? validFiles : [...prev.files, ...validFiles];
+          onFilesChange?.(newFiles2);
+          return {
+            ...prev,
+            files: newFiles2,
+            errors
+          };
+        });
+      } else if (errors.length > 0) {
+        setState((prev) => ({
+          ...prev,
+          errors
+        }));
+      }
+      if (inputRef.current) {
+        inputRef.current.value = "";
+      }
+    },
+    [
+      state.files,
+      maxFiles,
+      multiple,
+      maxSize,
+      validateFile,
+      createPreview,
+      generateUniqueId,
+      clearFiles,
+      onFilesChange,
+      onFilesAdded
+    ]
+  );
+  const removeFile = useCallback(
+    (id) => {
+      setState((prev) => {
+        const fileToRemove = prev.files.find((file) => file.id === id);
+        if (fileToRemove && fileToRemove.preview && fileToRemove.file instanceof File && fileToRemove.file.type.startsWith("image/")) {
+          URL.revokeObjectURL(fileToRemove.preview);
+        }
+        const newFiles = prev.files.filter((file) => file.id !== id);
+        onFilesChange?.(newFiles);
+        return {
+          ...prev,
+          files: newFiles,
+          errors: []
+        };
+      });
+    },
+    [onFilesChange]
+  );
+  const clearErrors = useCallback(() => {
+    setState((prev) => ({
+      ...prev,
+      errors: []
+    }));
+  }, []);
+  const handleDragEnter = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setState((prev) => ({ ...prev, isDragging: true }));
+  }, []);
+  const handleDragLeave = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.currentTarget.contains(e.relatedTarget)) {
+      return;
+    }
+    setState((prev) => ({ ...prev, isDragging: false }));
+  }, []);
+  const handleDragOver = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const handleDrop = useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setState((prev) => ({ ...prev, isDragging: false }));
+      if (inputRef.current?.disabled) {
+        return;
+      }
+      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+        if (!multiple) {
+          const file = e.dataTransfer.files[0];
+          if (file) {
+            addFiles([file]);
+          }
+        } else {
+          addFiles(e.dataTransfer.files);
+        }
+      }
+    },
+    [addFiles, multiple]
+  );
+  const handleFileChange = useCallback(
+    (e) => {
+      if (e.target.files && e.target.files.length > 0) {
+        addFiles(e.target.files);
+      }
+    },
+    [addFiles]
+  );
+  const openFileDialog = useCallback(() => {
+    if (inputRef.current) {
+      inputRef.current.click();
+    }
+  }, []);
+  const getInputProps = useCallback(
+    (props = {}) => {
+      return {
+        ...props,
+        type: "file",
+        onChange: handleFileChange,
+        accept: props.accept || accept,
+        multiple: props.multiple !== void 0 ? props.multiple : multiple,
+        ref: inputRef
+      };
+    },
+    [accept, multiple, handleFileChange]
+  );
+  return [
+    state,
+    {
+      addFiles,
+      removeFile,
+      clearFiles,
+      clearErrors,
+      handleDragEnter,
+      handleDragLeave,
+      handleDragOver,
+      handleDrop,
+      handleFileChange,
+      openFileDialog,
+      getInputProps
+    }
+  ];
+};
+var formatBytes = (bytes, decimals = 2) => {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + (sizes?.[i] || "");
+};
+var filePreviewByMimetype = (mimetype) => {
+  if (mimetype.match("text") || mimetype.match("application")) {
+    return /* @__PURE__ */ jsx(FileTextIcon, {});
+  }
+  if (mimetype.match("audio")) {
+    return /* @__PURE__ */ jsx(FileAudioIcon, {});
+  }
+  if (mimetype.match("video")) {
+    return /* @__PURE__ */ jsx(FileVideoIcon, {});
+  }
+  return null;
+};
+function FileUpload({
+  maxSizeMB = 2,
+  subtitle,
+  title,
+  imagePreview,
+  showPreview = true,
+  onError,
+  maxFiles = Infinity,
+  ...rest
+}) {
+  const { fileUpload } = useNebulaI18n().messages;
+  const maxSize = maxSizeMB * 1024 * 1024;
+  const [
+    { files, isDragging, errors },
+    {
+      handleDragEnter,
+      handleDragLeave,
+      handleDragOver,
+      handleDrop,
+      openFileDialog,
+      removeFile,
+      getInputProps,
+      clearFiles
+    }
+  ] = useFileUpload({
+    multiple: false,
+    maxSize: maxSize > 0 ? maxSize : void 0,
+    accept: "*",
+    ...rest,
+    maxFiles
+  });
+  useEffect(() => {
+    onError?.(errors);
+  }, [errors, onError]);
+  const disabled = useMemo(() => {
+    if (rest.disabled) return true;
+    if (rest.multiple) {
+      if (!Number.isFinite(maxFiles)) return false;
+      return files.length === maxFiles;
+    }
+    return files.length;
+  }, [rest.disabled, rest.multiple, files.length, maxFiles]);
+  return /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex flex-col gap-2 w-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "nebula-ds relative  w-full", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "button",
+        onClick: openFileDialog,
+        onDragEnter: handleDragEnter,
+        onDragLeave: handleDragLeave,
+        onDragOver: handleDragOver,
+        onDrop: handleDrop,
+        "data-dragging": isDragging || void 0,
+        className: cn(
+          "bg-fileUpload-background hover:bg-fileUpload-backgroundHover transition-colors",
+          "border border-dashed border-fileUpload-border rounded-2xl",
+          "py-14",
+          disabled && "pointer-events-none cursor-not-allowed"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...getInputProps(),
+              className: "nebula-ds sr-only",
+              "aria-label": "Upload file"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col items-center justify-center px-4 py-3 text-center w-full",
+                disabled && "opacity-60"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "nebula-ds mb-2 flex size-12 shrink-0 items-center justify-center rounded-full border border-fileUpload-border",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(ImageUpIcon, { className: "nebula-ds size-4 opacity-60 text-fileUpload-icon" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(Heading, { level: "5", className: "nebula-ds mb-1", children: title }),
+                /* @__PURE__ */ jsx(Paragraph, { size: "sm", children: subtitle })
+              ]
+            }
+          )
+        ]
+      }
+    ) }),
+    files.length > 0 && showPreview && /* @__PURE__ */ jsx("div", { className: "nebula-ds space-y-2", children: files.map((file, idx) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "nebula-ds bg-fileUpload-backgroundFile flex items-center justify-between gap-2 rounded-xl border border-fileUpload-borderFile p-2",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex items-center gap-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx("div", { className: "nebula-ds bg-[inherit] aspect-square shrink-0 rounded border border-fileUpload-borderFile size-10 [&>svg]:size-4 [&>svg]:text-fileUpload-icon flex items-center justify-center", children: imagePreview?.(file) || filePreviewByMimetype(file.file.type) || /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: file.preview,
+                alt: file.file.name,
+                className: "nebula-ds rounded-[inherit] object-cover h-full w-full"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex min-w-0 flex-col gap-1", children: [
+              /* @__PURE__ */ jsx(Heading, { level: "5", className: "nebula-ds text-xs", children: file.file.name }),
+              /* @__PURE__ */ jsx(Paragraph, { size: "sm", children: formatBytes(file.file.size) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: true,
+              variant: "ghost",
+              onClick: () => removeFile(file.id),
+              "aria-label": "Remove file",
+              "data-testid": `file-upload-remove-file-${idx}`,
+              children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      },
+      file.id
+    )) }),
+    files.length > 1 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "md",
+        variant: "secondary",
+        onClick: clearFiles,
+        "data-testid": "file-upload-remove-all-files",
+        children: fileUpload.deleteAll
+      }
+    ) })
+  ] });
+}
+var TextArea = React8.forwardRef(
+  ({
+    className,
+    isError = false,
+    disabled,
+    resize = true,
+    showCount = false,
+    autoResize = true,
+    maxLength,
+    asInput,
+    ...props
+  }, ref) => {
+    const innerRef = React8.useRef(
+      null
+    );
+    const [count, setCount] = React8.useState(String(props.value ?? "").length);
+    const countParts = [count, maxLength].filter(
+      (part) => typeof part === "number"
+    );
+    React8.useEffect(() => {
+      const textarea = innerRef.current;
+      if (!textarea || !autoResize) return;
+      const adjustHeight = () => {
+        textarea.style.height = "auto";
+        textarea.style.height = asInput && !textarea.value || !textarea.value.match("\n") ? "22px" : `${textarea.scrollHeight}px`;
+      };
+      adjustHeight();
+      textarea.addEventListener("input", adjustHeight);
+      return () => {
+        textarea.removeEventListener("input", adjustHeight);
+      };
+    }, [asInput, autoResize, props.value]);
+    React8.useImperativeHandle(ref, () => innerRef.current);
+    return /* @__PURE__ */ jsxs("div", { className: "nebula-ds relative", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "w-full pl-0 pr-2 py-2 overflow-hidden flex box-border",
+            "w-full outline-none rounded-textarea text-sm font-medium",
+            "bg-inputText-background-default",
+            "border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
+            "text-inputText-text-filled focus-within:text-inputText-text-focus ",
+            "disabled:cursor-not-allowed",
+            "[&>textarea]:bg-transparent [&>textarea]:w-full [&>textarea]:py-0 [&>textarea]:pr-2 [&>textarea]:pl-4 [&>textarea]:flex-1 [&>textarea]:min-h-[62px] [&>textarea]:box-border",
+            "[&>textarea]:focus:ring-0 [&>textarea]:focus:border-none [&>textarea]:border-none [&>textarea]:outline-none [&>textarea]:ring-0",
+            "[&>textarea]:bg-inputText-background-default disabled:[&>textarea]:bg-inputText-background-disabled",
+            "[&>textarea]:placeholder:text-inputText-text-default disabled:[&>textarea]:text-inputText-text-disabled",
+            {
+              "bg-inputText-background-disabled text-inputText-text-disabled [&>textarea]:ps-4 [&>textarea]:pr-2": disabled,
+              "border-inputText-border-danger focus-within:border-inputText-border-danger focus-within:ring-button-danger-border-focus": isError,
+              "[&>textarea]:resize-none": !resize,
+              "[&>textarea]:min-h-[22px] !rounded-input": asInput
+            },
+            className
+          ),
+          children: /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              ref: innerRef,
+              ...props,
+              disabled,
+              onChange: (e) => {
+                if (showCount) {
+                  setCount(e.target.value.length);
+                }
+                props.onChange?.(e);
+              }
+            }
+          )
+        }
+      ),
+      !!showCount && /* @__PURE__ */ jsx("div", { className: "nebula-ds absolute right-0 top-[100%] pt-1", children: /* @__PURE__ */ jsx(Paragraph, { size: "sm", children: countParts.join("/") }) })
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -3645,35 +4849,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, FileUpload, FileUploadError, 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, TextArea, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages16 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };