@lets-events/react 7.0.0 → 7.1.0

package/dist/index.js

@@ -1068,10 +1068,9 @@ __export(index_exports, {
   TextFieldStyled: () => TextFieldStyled,
   TextStyle: () => TextStyle,
   TimePicker: () => TimePicker,
-  TimePickerDialogStyled: () => TimePickerDialogStyled,
+  TimePickerDropdownStyled: () => TimePickerDropdownStyled,
   TimePickerFooterStyled: () => TimePickerFooterStyled,
   TimePickerStyled: () => TimePickerStyled,
-  TimePickerTitleStyled: () => TimePickerTitleStyled,
   TimerPickerContentStyled: () => TimerPickerContentStyled
 });
 module.exports = __toCommonJS(index_exports);
@@ -2703,13 +2702,16 @@ var InputAddon = styled(TextStyle, {
   boxSizing: "border-box",
   border: "1px solid $dark300",
   height: "$40",
-  padding: "0",
+  padding: "0 $12",
   color: "$dark600",
   borderRadius: "$sm 0px 0px $sm",
   borderRightWidth: "0px",
   margin: "auto 0",
   display: "flex",
-  alignItems: "center"
+  flexWrap: "nowrap",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  lineHeight: 1
 });
 function TextField(_a) {
   var _b = _a, {
@@ -3663,7 +3665,28 @@ function Modal(_a) {
 }
 
 // src/components/Calendar/index.tsx
+var import_react4 = require("react");
+
+// src/hooks/useOnClickOutside.tsx
 var import_react3 = require("react");
+function useOnClickOutside(ref, handler) {
+  (0, import_react3.useEffect)(() => {
+    const listener = (event) => {
+      if (!ref.current || ref.current.contains(event.target)) {
+        return;
+      }
+      handler();
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
+}
+
+// src/components/Calendar/index.tsx
 var import_react_day_picker = require("react-day-picker");
 
 // ../../node_modules/date-fns/locale/_lib/buildFormatLongFn.js
@@ -4670,9 +4693,6 @@ var ptBR = {
   }
 };
 
-// src/components/Calendar/index.tsx
-var import_themes16 = require("@radix-ui/themes");
-
 // ../../node_modules/date-fns/addDays.js
 function addDays(date, amount, options) {
   const _date = toDate(date, options == null ? void 0 : options.in);
@@ -7558,18 +7578,26 @@ function cleanEscapedString2(input) {
 }
 
 // src/components/Calendar/styledComponents.ts
-var import_themes15 = require("@radix-ui/themes");
 var CalendarStyled = styled("div", {
   fontFamily: "$default",
   lineHeight: "$base",
   fontSize: "$14",
-  maxWidth: "200px",
-  borderRadius: "$sm"
+  borderRadius: "$sm",
+  position: "relative"
 });
-var CalendarTitleStyled = styled(import_themes15.Dialog.Title, {
-  display: "none"
+var CalendarButtonStyled = styled("button", {
+  backgroundColor: "transparent",
+  border: "none",
+  maxWidth: "200px",
+  padding: "0",
+  "> div > div": {
+    paddingLeft: "1rem",
+    "input": {
+      textAlign: "right"
+    }
+  }
 });
-var CalendarContentStyled = styled(import_themes15.Dialog.Content, {
+var CalendarContentStyled = styled("div", {
   fontFamily: "$default",
   lineHeight: "$base",
   fontSize: "$14",
@@ -7577,7 +7605,11 @@ var CalendarContentStyled = styled(import_themes15.Dialog.Content, {
   maxWidth: "fit-content",
   border: "1px solid $neutral300",
   borderRadius: "$sm",
-  boxShadow: "0px 2px 8px 0px $shadow50"
+  boxShadow: "0px 2px 8px 0px $shadow50",
+  position: "absolute",
+  left: "0",
+  backgroundColor: "$neutral50",
+  zIndex: "999999"
 });
 var CalendarFooterStyled = styled("div", {
   borderTop: "2px solid $neutral100",
@@ -7765,20 +7797,25 @@ function Calendar(_a) {
     calendarLayout,
     selected,
     setSelected,
-    onAction
+    position = "bottom"
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
     "calendarLayout",
     "selected",
     "setSelected",
-    "onAction"
+    "position"
   ]);
-  const [inputValue, setInputValue] = (0, import_react3.useState)("");
+  const [inputValue, setInputValue] = (0, import_react4.useState)("");
+  const [showContainer, setShowCalendar] = (0, import_react4.useState)(false);
+  const dropdownRef = (0, import_react4.useRef)(null);
+  useOnClickOutside(dropdownRef, () => {
+    console.warn("Clicked outside");
+    setShowCalendar(false);
+  });
   const today = /* @__PURE__ */ new Date();
   const maxDate = addYears(today, 20);
-  (0, import_react3.useEffect)(() => {
-    console.log("selected", selected);
+  (0, import_react4.useEffect)(() => {
     if (selected) {
       setInputValue(format(selected, "dd/MM/yyyy"));
     } else {
@@ -7795,8 +7832,8 @@ function Calendar(_a) {
       console.warn("Data inv\xE1lida inserida no input:", masked);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes16.Dialog.Root, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(CalendarStyled, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes16.Dialog.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(CalendarStyled, __spreadProps(__spreadValues({}, props), { ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CalendarButtonStyled, { onClick: () => setShowCalendar((prev) => !prev), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       TextField,
       {
         placeholder: "00/00/0000",
@@ -7804,57 +7841,72 @@ function Calendar(_a) {
         value: inputValue,
         onChange: handleInputChange,
         inputMode: "numeric",
+        textAlign: "right",
         children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TextFieldSlot, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon_default, { name: "calendar", size: "xl" }) })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(CalendarContentStyled, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CalendarTitleStyled, { children: "Calend\xE1rio" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DayPickerWrapperStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_react_day_picker.DayPicker,
-        {
-          mode: "single",
-          captionLayout: calendarLayout,
-          selected,
-          onSelect: setSelected,
-          required: true,
-          locale: ptBR,
-          disabled: { before: today },
-          startMonth: today,
-          endMonth: maxDate
-        }
-      ) }) }),
-      action && onAction && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CalendarFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes16.Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        Button,
-        {
-          variant: "text",
-          color: "brand",
-          onClick: onAction,
-          typography: "buttonMedium",
-          fontWeight: "medium",
-          children: actionText != null ? actionText : "Aplicar"
-        }
-      ) }) })
-    ] })
+    showContainer && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      CalendarContentStyled,
+      {
+        style: position === "top" ? { bottom: "110%" } : { top: "110%" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DayPickerWrapperStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_react_day_picker.DayPicker,
+            {
+              mode: "single",
+              captionLayout: calendarLayout,
+              selected,
+              onSelect: setSelected,
+              required: true,
+              locale: ptBR,
+              disabled: { before: today },
+              startMonth: today,
+              endMonth: maxDate
+            }
+          ) }) }),
+          action && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CalendarFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            Button,
+            {
+              variant: "text",
+              color: "brand",
+              onClick: () => {
+                setShowCalendar(false);
+              },
+              typography: "buttonMedium",
+              fontWeight: "medium",
+              children: actionText != null ? actionText : "Aplicar"
+            }
+          ) })
+        ]
+      }
+    )
   ] })) });
 }
 
 // src/components/TimePicker.tsx
-var import_react4 = require("react");
-var import_themes17 = require("@radix-ui/themes");
+var import_react5 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var TimePickerStyled = styled("div", {
+  position: "relative",
   fontFamily: "$default",
   lineHeight: "$base",
   fontSize: "$14",
   maxWidth: "200px",
-  borderRadius: "$sm"
-});
-var TimePickerTitleStyled = styled(import_themes17.Dialog.Title, {
-  display: "none"
+  borderRadius: "$sm",
+  "> div > div": {
+    paddingLeft: "1rem",
+    input: {
+      textAlign: "right"
+    }
+  }
 });
-var TimePickerDialogStyled = styled(import_themes17.Dialog.Content, {
+var TimePickerDropdownStyled = styled("div", {
+  position: "absolute",
+  left: 0,
+  zIndex: 10,
   width: "100%",
   maxWidth: "8.875rem",
+  backgroundColor: "$neutral50",
   border: "1px solid $neutral300",
   borderRadius: "$sm",
   boxShadow: "0px 2px 8px 0px $shadow50"
@@ -7874,19 +7926,31 @@ var TimerPickerContentStyled = styled("div", {
   padding: "$16 $16 $8 ",
   "& > div:nth-child(2)": {
     order: 2
+  },
+  input: {
+    padding: "0",
+    textAlign: "center!important"
   }
 });
-function TimePicker({ selected, setSelected }) {
-  const [hours, setHours] = (0, import_react4.useState)("00");
-  const [minutes, setMinutes] = (0, import_react4.useState)("00");
+function TimePicker({
+  selected,
+  setSelected,
+  position = "bottom"
+}) {
+  const [hours, setHours] = (0, import_react5.useState)("00");
+  const [minutes, setMinutes] = (0, import_react5.useState)("00");
+  const [isOpen, setIsOpen] = (0, import_react5.useState)(false);
+  const dropdownRef = (0, import_react5.useRef)(null);
+  useOnClickOutside(dropdownRef, () => setIsOpen(false));
   const pad = (num) => String(num).padStart(2, "0");
-  const handleInputValue = (0, import_react4.useCallback)(
+  const handleInputValue = (0, import_react5.useCallback)(
     (time) => {
       setSelected(time);
+      setIsOpen(false);
     },
     [setSelected]
   );
-  const handleIncrement = (0, import_react4.useCallback)(
+  const handleIncrement = (0, import_react5.useCallback)(
     (type) => {
       if (type === "hours") {
         const next = (parseInt(hours) + 1) % 24;
@@ -7898,7 +7962,7 @@ function TimePicker({ selected, setSelected }) {
     },
     [hours, minutes]
   );
-  const handleDecrement = (0, import_react4.useCallback)(
+  const handleDecrement = (0, import_react5.useCallback)(
     (type) => {
       if (type === "hours") {
         const prev = (parseInt(hours) - 1 + 24) % 24;
@@ -7910,8 +7974,8 @@ function TimePicker({ selected, setSelected }) {
     },
     [hours, minutes]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes17.Dialog.Root, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(TimePickerStyled, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes17.Dialog.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(TimePickerStyled, { ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       TextField,
       {
         value: selected,
@@ -7920,125 +7984,130 @@ function TimePicker({ selected, setSelected }) {
         placeholder: "00:00",
         typography: "labelSmall",
         fontWeight: "regular",
+        onClick: () => setIsOpen((prev) => !prev),
         children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextFieldSlot, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon_default, { name: "clock", size: "xl" }) })
       }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(TimePickerDialogStyled, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TimePickerTitleStyled, { children: "Hor\xE1rio" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(TimerPickerContentStyled, { children: [
-        ["hours", "minutes"].map((unit) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-          Box,
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              flexDirection: "column"
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                Button,
-                {
-                  variant: "text",
-                  onClick: () => handleIncrement(unit),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-                    "svg",
+    ),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      TimePickerDropdownStyled,
+      {
+        style: position === "top" ? { bottom: "110%" } : { top: "110%" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(TimerPickerContentStyled, { children: [
+            ["hours", "minutes"].map((unit) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+              Box,
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  flexDirection: "column"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    Button,
                     {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "32",
-                      height: "32",
-                      viewBox: "0 0 32 32",
-                      fill: "none",
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                          "path",
-                          {
-                            d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
-                            fill: "white"
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                          "path",
-                          {
-                            d: "M16.7063 12.2937C16.3157 11.9031 15.6813 11.9031 15.2907 12.2937L10.2907 17.2937C9.9001 17.6843 9.9001 18.3187 10.2907 18.7093C10.6813 19.1 11.3157 19.1 11.7063 18.7093L16.0001 14.4156L20.2938 18.7062C20.6845 19.0968 21.3188 19.0968 21.7095 18.7062C22.1001 18.3156 22.1001 17.6812 21.7095 17.2906L16.7095 12.2906L16.7063 12.2937Z",
-                            fill: "#808289"
-                          }
-                        )
-                      ]
+                      variant: "text",
+                      onClick: () => handleIncrement(unit),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "32",
+                          height: "32",
+                          viewBox: "0 0 32 32",
+                          fill: "none",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                              "path",
+                              {
+                                d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
+                                fill: "white"
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                              "path",
+                              {
+                                d: "M16.7063 12.2937C16.3157 11.9031 15.6813 11.9031 15.2907 12.2937L10.2907 17.2937C9.9001 17.6843 9.9001 18.3187 10.2907 18.7093C10.6813 19.1 11.3157 19.1 11.7063 18.7093L16.0001 14.4156L20.2938 18.7062C20.6845 19.0968 21.3188 19.0968 21.7095 18.7062C22.1001 18.3156 22.1001 17.6812 21.7095 17.2906L16.7095 12.2906L16.7063 12.2937Z",
+                                fill: "#808289"
+                              }
+                            )
+                          ]
+                        }
+                      )
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                TextField,
-                {
-                  value: unit === "hours" ? hours : minutes,
-                  onChange: (e) => handleInputValue(e.target.value),
-                  type: "text",
-                  placeholder: "00",
-                  typography: "labelSmall",
-                  fontWeight: "regular",
-                  textAlign: "center",
-                  style: { padding: "4px" }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                Button,
-                {
-                  variant: "text",
-                  onClick: () => handleDecrement(unit),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-                    "svg",
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    TextField,
+                    {
+                      value: unit === "hours" ? hours : minutes,
+                      onChange: (e) => handleInputValue(e.target.value),
+                      type: "text",
+                      placeholder: "00",
+                      typography: "labelSmall",
+                      fontWeight: "regular",
+                      textAlign: "center"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    Button,
                     {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "32",
-                      height: "32",
-                      viewBox: "0 0 32 32",
-                      fill: "none",
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                          "path",
-                          {
-                            d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
-                            fill: "white"
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                          "path",
-                          {
-                            d: "M15.2937 19.7063C15.6843 20.0969 16.3187 20.0969 16.7093 19.7063L21.7093 14.7063C22.0999 14.3157 22.0999 13.6813 21.7093 13.2907C21.3187 12.9 20.6843 12.9 20.2937 13.2907L15.9999 17.5844L11.7062 13.2938C11.3155 12.9032 10.6812 12.9032 10.2905 13.2938C9.8999 13.6844 9.8999 14.3188 10.2905 14.7094L15.2905 19.7094L15.2937 19.7063Z",
-                            fill: "#808289"
-                          }
-                        )
-                      ]
+                      variant: "text",
+                      onClick: () => handleDecrement(unit),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "32",
+                          height: "32",
+                          viewBox: "0 0 32 32",
+                          fill: "none",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                              "path",
+                              {
+                                d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
+                                fill: "white"
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                              "path",
+                              {
+                                d: "M15.2937 19.7063C15.6843 20.0969 16.3187 20.0969 16.7093 19.7063L21.7093 14.7063C22.0999 14.3157 22.0999 13.6813 21.7093 13.2907C21.3187 12.9 20.6843 12.9 20.2937 13.2907L15.9999 17.5844L11.7062 13.2938C11.3155 12.9032 10.6812 12.9032 10.2905 13.2938C9.8999 13.6844 9.8999 14.3188 10.2905 14.7094L15.2905 19.7094L15.2937 19.7063Z",
+                                fill: "#808289"
+                              }
+                            )
+                          ]
+                        }
+                      )
                     }
                   )
-                }
-              )
-            ]
-          },
-          unit
-        )),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: ":" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TimePickerFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes17.Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        Button,
-        {
-          variant: "text",
-          color: "brand",
-          onClick: () => handleInputValue(`${hours}:${minutes}`),
-          typography: "buttonMedium",
-          fontWeight: "medium",
-          children: "Aplicar"
-        }
-      ) }) })
-    ] })
-  ] }) });
+                ]
+              },
+              unit
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: ":" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TimePickerFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            Button,
+            {
+              variant: "text",
+              color: "brand",
+              onClick: () => handleInputValue(`${hours}:${minutes}`),
+              typography: "buttonMedium",
+              fontWeight: "medium",
+              children: "Aplicar"
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
 }
 
 // src/components/Alert.tsx
-var import_themes18 = require("@radix-ui/themes");
+var import_themes15 = require("@radix-ui/themes");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var AlertDialogSimpleStyled = styled(import_themes18.AlertDialog.Content, {
+var AlertDialogSimpleStyled = styled(import_themes15.AlertDialog.Content, {
   fontFamily: "$default",
   lineHeight: "$base",
   fontSize: "$13",
@@ -8089,7 +8158,7 @@ var AlertDialogSimpleStyled = styled(import_themes18.AlertDialog.Content, {
     color: "success"
   }
 });
-var AlertDialogCompleteStyled = styled(import_themes18.AlertDialog.Content, {
+var AlertDialogCompleteStyled = styled(import_themes15.AlertDialog.Content, {
   fontFamily: "$default",
   lineHeight: "$base",
   fontSize: "$13",
@@ -8112,11 +8181,11 @@ var AlertDialogCompleteStyled = styled(import_themes18.AlertDialog.Content, {
     color: {}
   }
 });
-var AlertDialogDescriptionStyled = styled(import_themes18.AlertDialog.Description, {
+var AlertDialogDescriptionStyled = styled(import_themes15.AlertDialog.Description, {
   padding: 0,
   margin: 0
 });
-var AlertDialogTitleStyled = styled(import_themes18.AlertDialog.Title, {
+var AlertDialogTitleStyled = styled(import_themes15.AlertDialog.Title, {
   fontFamily: "$default",
   lineHeight: "$base",
   fontSize: "$20",
@@ -8153,15 +8222,15 @@ function Alert(_a) {
   ]);
   console.log("completAlert", completAlert, " simpleAlert", simpleAlert);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    simpleAlert && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes18.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes18.AlertDialog.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes18.AlertDialog.Trigger, { children: trigger }),
+    simpleAlert && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes15.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes15.AlertDialog.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes15.AlertDialog.Trigger, { children: trigger }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(AlertDialogSimpleStyled, __spreadProps(__spreadValues({}, props), { children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlertDialogDescriptionStyled, { children: simpleAlert.description }),
-        simpleAlert.cancel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes18.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "text", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon_default, { name: "close" }) }) })
+        simpleAlert.cancel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes15.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "text", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon_default, { name: "close" }) }) })
       ] })) })
     ] }) }),
-    completAlert && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes18.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes18.AlertDialog.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes18.AlertDialog.Trigger, { children: trigger }),
+    completAlert && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes15.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes15.AlertDialog.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes15.AlertDialog.Trigger, { children: trigger }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(AlertDialogCompleteStyled, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(AlertDialogRowStyled, { className: "le-alert-dialog-row", children: [
           color === "success" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { width: "56", height: "56", viewBox: "0 0 56 56", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
@@ -8190,8 +8259,8 @@ function Alert(_a) {
         ] }),
         completAlert.onAction || completAlert.cancel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlertDialoghrStyled, {}) : null,
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlertDialogRowStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Flex2, { gap: "10", justify: "end", width: "100%", children: [
-          completAlert.onAction && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes18.AlertDialog.Action, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "contained", onClick: completAlert.onAction, children: completAlert.actionText || "Salvar" }) }),
-          completAlert.cancel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes18.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "outlined", color: "neutral", children: completAlert.cancelText || "Cancelar" }) })
+          completAlert.onAction && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes15.AlertDialog.Action, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "contained", onClick: completAlert.onAction, children: completAlert.actionText || "Salvar" }) }),
+          completAlert.cancel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes15.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "outlined", color: "neutral", children: completAlert.cancelText || "Cancelar" }) })
         ] }) })
       ] })
     ] }) })
@@ -8199,9 +8268,9 @@ function Alert(_a) {
 }
 
 // src/components/Switch.tsx
-var import_themes19 = require("@radix-ui/themes");
+var import_themes16 = require("@radix-ui/themes");
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var SwitchStyled = styled(import_themes19.Switch, {
+var SwitchStyled = styled(import_themes16.Switch, {
   all: "unset",
   borderRadius: "$full",
   position: "relative",
@@ -8298,15 +8367,15 @@ function Switch(props) {
 }
 
 // src/components/Step.tsx
-var import_react5 = __toESM(require("react"));
-var import_themes20 = require("@radix-ui/themes");
+var import_react6 = __toESM(require("react"));
+var import_themes17 = require("@radix-ui/themes");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var StepStyled = styled("div", {
   fontFamily: "$default",
   color: "$gray100",
   letterSpacing: "0px"
 });
-var StepTriggerStyled = styled(import_themes20.Tabs.Trigger, {
+var StepTriggerStyled = styled(import_themes17.Tabs.Trigger, {
   all: "unset",
   position: "relative",
   display: "flex",
@@ -8365,7 +8434,7 @@ var StepTriggerStyled = styled(import_themes20.Tabs.Trigger, {
     backgroundColor: "$blue500"
   }
 });
-var StepListStyled = styled(import_themes20.Tabs.List, {
+var StepListStyled = styled(import_themes17.Tabs.List, {
   display: "flex",
   alignItems: "center",
   justifyContent: "flex-start",
@@ -8373,7 +8442,7 @@ var StepListStyled = styled(import_themes20.Tabs.List, {
 });
 function Step(_a) {
   var _b = _a, { children, defaultValue } = _b, props = __objRest(_b, ["children", "defaultValue"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes20.Tabs.Root, { defaultValue: String(defaultValue), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StepStyled, __spreadProps(__spreadValues({}, props), { children })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes17.Tabs.Root, { defaultValue: String(defaultValue), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StepStyled, __spreadProps(__spreadValues({}, props), { children })) });
 }
 function StepTrigger(_a) {
   var _b = _a, { value, children, currentStep } = _b, props = __objRest(_b, ["value", "children", "currentStep"]);
@@ -8383,26 +8452,26 @@ function StepTrigger(_a) {
 }
 function StepContent(_a) {
   var _b = _a, { value, children } = _b, props = __objRest(_b, ["value", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes20.Tabs.Content, __spreadProps(__spreadValues({ value: String(value) }, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes17.Tabs.Content, __spreadProps(__spreadValues({ value: String(value) }, props), { children }));
 }
 function StepList(_a) {
   var _b = _a, { children, currentStep } = _b, props = __objRest(_b, ["children", "currentStep"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react5.default.Children.map(children, (child) => {
-    if (import_react5.default.isValidElement(child) && child.type === StepTrigger) {
-      return import_react5.default.cloneElement(child, { currentStep });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react6.default.Children.map(children, (child) => {
+    if (import_react6.default.isValidElement(child) && child.type === StepTrigger) {
+      return import_react6.default.cloneElement(child, { currentStep });
     }
     return child;
   }) }));
 }
 function StepWrapper(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes20.Box, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes17.Box, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/Grid.tsx
-var import_themes21 = require("@radix-ui/themes");
+var import_themes18 = require("@radix-ui/themes");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var GridStyled = styled(import_themes21.Grid, {
+var GridStyled = styled(import_themes18.Grid, {
   display: "grid",
   variants: {
     display: {
@@ -8527,9 +8596,9 @@ function Grid(_a) {
 }
 
 // src/components/Container.tsx
-var import_themes22 = require("@radix-ui/themes");
+var import_themes19 = require("@radix-ui/themes");
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var ContainerStyled = styled(import_themes22.Container, {
+var ContainerStyled = styled(import_themes19.Container, {
   variants: {
     size: {
       xs: { maxWidth: "576px" },
@@ -8562,9 +8631,9 @@ function Container(_a) {
 }
 
 // src/components/Section.tsx
-var import_themes23 = require("@radix-ui/themes");
+var import_themes20 = require("@radix-ui/themes");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var SectionStyled = styled(import_themes23.Section, {
+var SectionStyled = styled(import_themes20.Section, {
   variants: {
     size: {
       xs: { maxWidth: "576px" },
@@ -8648,10 +8717,9 @@ function Section(_a) {
   TextFieldStyled,
   TextStyle,
   TimePicker,
-  TimePickerDialogStyled,
+  TimePickerDropdownStyled,
   TimePickerFooterStyled,
   TimePickerStyled,
-  TimePickerTitleStyled,
   TimerPickerContentStyled
 });
 /*! Bundled license information: