takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/components/CollapsableMenu/index.js

@@ -0,0 +1,1839 @@
+"use client";
+
+// src/components/CollapsableMenu/index.tsx
+import { NavigationMenu as NavigationMenu3 } from "@base-ui/react/navigation-menu";
+import { forwardRef as forwardRef4, useCallback as useCallback2, useMemo } from "react";
+
+// src/utils/functions.ts
+import axios from "axios";
+import {
+  addDays,
+  getDaysInMonth,
+  isAfter,
+  isBefore,
+  set,
+  subDays
+} from "date-fns";
+function currencyFormatter(value, hasPrefix, minimumFractionDigits = 2, max, min) {
+  if (value === null || value === void 0 || Number.isNaN(value)) return "";
+  if (max && value > max * 100) {
+    value = max * 100;
+  }
+  if (min && value < min * 100) {
+    value = min * 100;
+  }
+  const amount = new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL",
+    minimumFractionDigits
+  }).format(value / 10 ** minimumFractionDigits);
+  return hasPrefix ? `${amount}` : `${amount}`.substring(3);
+}
+var formatSearchItems = (menuItems, parentPath = "", parentTexts = []) => {
+  return menuItems.filter((item) => item.condition !== false).flatMap((item) => {
+    const currentPath = parentPath + (item.path || "");
+    const currentTexts = [...parentTexts, item.text];
+    if (item.subitems && item.subitems.length > 0) {
+      return formatSearchItems(item.subitems, currentPath, currentTexts);
+    }
+    return [
+      {
+        ...item,
+        path: currentPath,
+        searchText: currentTexts.join("/"),
+        key: `${currentPath}|${currentTexts.join("/")}`
+      }
+    ];
+  });
+};
+var filterItems = (item, search) => {
+  var _a;
+  return (_a = item.searchText) == null ? void 0 : _a.toLowerCase().includes(search.toLowerCase());
+};
+var filterSidebarItems = (items) => {
+  return items.map((item) => {
+    if (item.subitems) {
+      return {
+        ...item,
+        subitems: item.subitems.filter(
+          (subitem) => (subitem.displayType === "sidebar" || !subitem.displayType) && subitem.condition !== false
+        )
+      };
+    }
+    return item;
+  }).filter(
+    (item) => (item.displayType === "sidebar" || !item.displayType) && item.condition !== false
+  );
+};
+
+// src/components/ScrollArea/index.tsx
+import { ScrollArea as BaseScrollArea } from "@base-ui/react/scroll-area";
+import { forwardRef, useCallback, useRef } from "react";
+
+// src/components/ScrollArea/styles.css.ts
+var scrollAreaRootClass = "styles_scrollAreaRootClass__opl8v70";
+var scrollAreaScrollbarClass = "styles_scrollAreaScrollbarClass__opl8v73";
+var scrollAreaThumbClass = "styles_scrollAreaThumbClass__opl8v74";
+var scrollAreaViewportClass = "styles_scrollAreaViewportClass__opl8v71";
+var scrollAreaViewportDraggableClass = "styles_scrollAreaViewportDraggableClass__opl8v72";
+
+// src/components/ScrollArea/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ScrollArea = forwardRef(
+  function ScrollArea2({ children, className, style, maxHeight, draggable = false }, ref) {
+    const viewportRef = useRef(null);
+    const dragState = useRef({
+      active: false,
+      startX: 0,
+      startY: 0,
+      scrollLeft: 0,
+      scrollTop: 0,
+      moved: false
+    });
+    const onPointerDown = useCallback(
+      (e) => {
+        if (!draggable) return;
+        if (e.pointerType === "touch") return;
+        const el = viewportRef.current;
+        if (!el) return;
+        dragState.current = {
+          active: true,
+          startX: e.clientX,
+          startY: e.clientY,
+          scrollLeft: el.scrollLeft,
+          scrollTop: el.scrollTop,
+          moved: false
+        };
+        el.setPointerCapture(e.pointerId);
+      },
+      [draggable]
+    );
+    const onPointerMove = useCallback(
+      (e) => {
+        const s = dragState.current;
+        if (!s.active) return;
+        const el = viewportRef.current;
+        if (!el) return;
+        const dx = e.clientX - s.startX;
+        const dy = e.clientY - s.startY;
+        if (!s.moved && Math.hypot(dx, dy) > 3) s.moved = true;
+        el.scrollLeft = s.scrollLeft - dx;
+        el.scrollTop = s.scrollTop - dy;
+      },
+      []
+    );
+    const onPointerUp = useCallback((e) => {
+      var _a;
+      const s = dragState.current;
+      if (!s.active) return;
+      s.active = false;
+      (_a = viewportRef.current) == null ? void 0 : _a.releasePointerCapture(e.pointerId);
+      if (s.moved) {
+        const stopClick = (ev) => {
+          ev.stopPropagation();
+          ev.preventDefault();
+        };
+        const el = viewportRef.current;
+        el == null ? void 0 : el.addEventListener("click", stopClick, { capture: true, once: true });
+        setTimeout(() => el == null ? void 0 : el.removeEventListener("click", stopClick, true), 0);
+      }
+    }, []);
+    return /* @__PURE__ */ jsxs(
+      BaseScrollArea.Root,
+      {
+        ref,
+        className: `${scrollAreaRootClass}${className ? ` ${className}` : ""}`,
+        style: {
+          maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight,
+          ...style
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            BaseScrollArea.Viewport,
+            {
+              ref: viewportRef,
+              className: `${scrollAreaViewportClass}${draggable ? ` ${scrollAreaViewportDraggableClass}` : ""}`,
+              onPointerDown: draggable ? onPointerDown : void 0,
+              onPointerMove: draggable ? onPointerMove : void 0,
+              onPointerUp: draggable ? onPointerUp : void 0,
+              onPointerCancel: draggable ? onPointerUp : void 0,
+              children
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            BaseScrollArea.Scrollbar,
+            {
+              orientation: "vertical",
+              className: scrollAreaScrollbarClass,
+              children: /* @__PURE__ */ jsx(BaseScrollArea.Thumb, { className: scrollAreaThumbClass })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            BaseScrollArea.Scrollbar,
+            {
+              orientation: "horizontal",
+              className: scrollAreaScrollbarClass,
+              children: /* @__PURE__ */ jsx(BaseScrollArea.Thumb, { className: scrollAreaThumbClass })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ScrollArea.displayName = "ScrollArea";
+
+// src/components/CollapsableMenu/hooks/useMenuState.ts
+import { useEffect, useReducer } from "react";
+function menuReducer(state, action) {
+  switch (action.type) {
+    case "TOGGLE_SIDEBAR":
+      return { ...state, sideBarOpen: !state.sideBarOpen };
+    case "SET_SEARCH_INPUT":
+      return { ...state, searchInput: action.payload };
+    case "SET_ACTIVE_SEARCH":
+      return { ...state, activeSearch: action.payload };
+    case "SET_CATEGORY_OPEN":
+      return { ...state, categoryOpen: action.payload };
+    default:
+      return state;
+  }
+}
+var useMenuState = (defaultSideBarOpen, onSideBarToggle) => {
+  const initialState = {
+    sideBarOpen: defaultSideBarOpen || false,
+    searchInput: "",
+    activeSearch: "",
+    categoryOpen: null
+  };
+  const [state, dispatch] = useReducer(menuReducer, initialState);
+  const actions = {
+    toggleSidebar: () => dispatch({ type: "TOGGLE_SIDEBAR" }),
+    setSearchInput: (value) => dispatch({ type: "SET_SEARCH_INPUT", payload: value }),
+    setActiveSearch: (value) => dispatch({ type: "SET_ACTIVE_SEARCH", payload: value }),
+    setCategoryOpen: (value) => dispatch({ type: "SET_CATEGORY_OPEN", payload: value })
+  };
+  useEffect(() => {
+    if (state.searchInput || state.searchInput === "") {
+      dispatch({ type: "SET_ACTIVE_SEARCH", payload: state.searchInput });
+    }
+  }, [state.searchInput]);
+  useEffect(() => {
+    onSideBarToggle == null ? void 0 : onSideBarToggle(state.sideBarOpen);
+  }, [state.sideBarOpen, onSideBarToggle]);
+  return { state, actions };
+};
+
+// src/components/icons/IconChevronDown.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var IconChevronDown = ({ ...props }) => {
+  return /* @__PURE__ */ jsx2(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: /* @__PURE__ */ jsx2(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M4.793 8.543a1 1 0 0 1 1.414 0L12 14.336l5.793-5.793a1 1 0 1 1 1.414 1.414l-5.793 5.793a2 2 0 0 1-2.828 0L4.793 9.957a1 1 0 0 1 0-1.414",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+
+// src/components/icons/IconClose.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var IconClose = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx3(
+          "mask",
+          {
+            id: "IconClose_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx3("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx3("g", { mask: "url(#IconClose_svg__a)", children: /* @__PURE__ */ jsx3("path", { d: "m12 13.4-4.9 4.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.9-4.9-4.9-4.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.9 4.9 4.9-4.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L13.4 12l4.9 4.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z" }) })
+      ]
+    }
+  );
+};
+
+// src/components/icons/IconCloseMenu.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var IconCloseMenu = ({ ...props }) => {
+  return /* @__PURE__ */ jsx4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      ...props,
+      children: /* @__PURE__ */ jsx4("path", { d: "M3.138 19q-.484 0-.81-.335A1.14 1.14 0 0 1 2 17.833q0-.495.327-.83.327-.336.811-.336h12.518q.483 0 .81.335t.328.831-.327.832a1.09 1.09 0 0 1-.811.335zm16.956-1.983-4.097-4.2a1.13 1.13 0 0 1-.341-.817q0-.466.341-.817l4.097-4.2q.312-.32.796-.32t.797.32q.313.32.313.817t-.313.817L18.387 12l3.3 3.383q.313.32.313.817 0 .495-.313.817-.313.32-.797.32-.483 0-.796-.32m-16.956-3.85q-.484 0-.81-.336A1.14 1.14 0 0 1 2 12q0-.496.327-.831.327-.336.811-.336h9.104q.483 0 .81.336.328.335.328.831t-.327.831a1.09 1.09 0 0 1-.811.336zm0-5.834q-.484 0-.81-.335A1.14 1.14 0 0 1 2 6.167q0-.495.327-.832Q2.654 5 3.138 5h12.518q.483 0 .81.335.328.336.328.832t-.327.83a1.09 1.09 0 0 1-.811.336z" })
+    }
+  );
+};
+
+// src/components/icons/IconExclamation.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var IconExclamation = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs3(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx5(
+          "mask",
+          {
+            id: "IconExclamation_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx5("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx5("g", { mask: "url(#IconExclamation_svg__a)", children: /* @__PURE__ */ jsx5("path", { d: "M12 21q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 19q0-.824.588-1.413A1.93 1.93 0 0 1 12 17q.825 0 1.412.587Q14 18.176 14 19q0 .824-.588 1.413A1.93 1.93 0 0 1 12 21m0-6q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 13V5q0-.824.588-1.412A1.93 1.93 0 0 1 12 3q.825 0 1.412.587Q14 4.176 14 5v8q0 .825-.588 1.412A1.93 1.93 0 0 1 12 15" }) })
+      ]
+    }
+  );
+};
+
+// src/components/icons/IconEye.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var IconEye = ({ ...props }) => {
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: /* @__PURE__ */ jsx6("path", { d: "M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.187T12 7 8.813 8.313 7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.787A2.6 2.6 0 0 1 9.3 11.5q0-1.125.787-1.912A2.6 2.6 0 0 1 12 8.8q1.125 0 1.912.787.788.788.788 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.35 0-6.112-1.8t-4.363-4.75a1.907 1.907 0 0 1-.187-1.437q.062-.238.187-.463 1.6-2.95 4.363-4.75Q8.65 4 12 4t6.113 1.8 4.362 4.75q.125.225.188.462a1.9 1.9 0 0 1 0 .976 2 2 0 0 1-.188.462q-1.6 2.95-4.363 4.75Q15.35 19 12 19m0-2a9.54 9.54 0 0 0 5.188-1.488A9.77 9.77 0 0 0 20.8 11.5a9.77 9.77 0 0 0-3.613-4.012A9.54 9.54 0 0 0 12 6a9.55 9.55 0 0 0-5.187 1.487A9.77 9.77 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.613 4.012A9.54 9.54 0 0 0 12 17" })
+    }
+  );
+};
+
+// src/components/icons/IconEyeSlash.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var IconEyeSlash = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx7(
+          "mask",
+          {
+            id: "IconEyeSlash_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx7("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx7("g", { mask: "url(#IconEyeSlash_svg__a)", children: /* @__PURE__ */ jsx7("path", { d: "M15.175 8.325a4.5 4.5 0 0 1 1.063 1.65q.337.925.237 1.9 0 .375-.275.637a.9.9 0 0 1-.65.263.87.87 0 0 1-.638-.263.87.87 0 0 1-.262-.637q.124-.65-.075-1.25A2.6 2.6 0 0 0 13.95 9.6a2.8 2.8 0 0 0-1.025-.65q-.6-.225-1.275-.1a.85.85 0 0 1-.638-.275.9.9 0 0 1-.262-.65q0-.375.262-.638a.87.87 0 0 1 .638-.262 4.14 4.14 0 0 1 1.875.237 4.5 4.5 0 0 1 1.65 1.063M12 6q-.475 0-.925.037t-.9.138a1.08 1.08 0 0 1-.763-.125 1.02 1.02 0 0 1-.462-.6.94.94 0 0 1 .088-.775q.211-.375.612-.45.574-.125 1.162-.175T12 4q3.424 0 6.262 1.8t4.338 4.85a1.9 1.9 0 0 1 .2.85q0 .225-.038.438-.036.212-.137.412-.45 1-1.113 1.875-.662.875-1.462 1.6a.84.84 0 0 1-.7.225.91.91 0 0 1-.65-.4 1.1 1.1 0 0 1-.212-.763q.037-.412.337-.687.6-.575 1.1-1.25t.875-1.45a9.77 9.77 0 0 0-3.613-4.013A9.55 9.55 0 0 0 12 6m0 13q-3.35 0-6.125-1.812A13 13 0 0 1 1.5 12.425a1.6 1.6 0 0 1-.187-.437 2 2 0 0 1-.063-.488q0-.25.05-.475t.175-.45a13.6 13.6 0 0 1 1.163-1.913Q3.3 7.75 4.15 7L2.075 4.9a.97.97 0 0 1-.263-.713A.98.98 0 0 1 2.1 3.5a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-3.5-3.45A12 12 0 0 1 12 19M5.55 8.4q-.725.65-1.325 1.425A9 9 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.613 4.012A9.55 9.55 0 0 0 12 17q.5 0 .975-.062.475-.063.975-.138l-.9-.95q-.274.075-.525.113A3.5 3.5 0 0 1 12 16q-1.875 0-3.187-1.312Q7.499 13.375 7.5 11.5q0-.274.037-.525.038-.25.113-.525z" }) })
+      ]
+    }
+  );
+};
+
+// src/components/icons/IconMenu.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var IconMenu = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs5(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx8(
+          "mask",
+          {
+            id: "IconMenu_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx8("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx8("g", { mask: "url(#IconMenu_svg__a)", children: /* @__PURE__ */ jsx8("path", { d: "M4 18a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 17q0-.424.288-.712A.97.97 0 0 1 4 16h16q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 20 18zm0-5a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 12q0-.424.288-.713A.97.97 0 0 1 4 11h16q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 20 13zm0-5a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 7q0-.424.288-.713A.97.97 0 0 1 4 6h16q.424 0 .712.287Q21 6.576 21 7q0 .424-.288.713A.97.97 0 0 1 20 8z" }) })
+      ]
+    }
+  );
+};
+
+// src/components/icons/IconSearch.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var IconSearch = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs6(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx9(
+          "mask",
+          {
+            id: "IconSearch_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx9("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx9("g", { mask: "url(#IconSearch_svg__a)", children: /* @__PURE__ */ jsx9("path", { d: "M9.5 16q-2.725 0-4.612-1.887T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5a6.1 6.1 0 0 1-1.3 3.8l5.6 5.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16m0-2q1.875 0 3.188-1.312Q14 11.375 14 9.5t-1.312-3.187T9.5 5 6.313 6.313 5 9.5t1.313 3.188T9.5 14" }) })
+      ]
+    }
+  );
+};
+
+// src/theme/themeValues.ts
+var themeValues = {
+  colors: {
+    primary: {
+      lightest: "#e5a1a4",
+      lighter: "#db6e72",
+      light: "#d13f45",
+      default: "#c8131b",
+      dark: "#94090f",
+      darker: "#610206"
+    },
+    red: {
+      lightest: "#e5a1a4",
+      lighter: "#db6e72",
+      light: "#d13f45",
+      default: "#c8131b",
+      dark: "#94090f",
+      darker: "#610206"
+    },
+    yellow: {
+      lightest: "#ffebc8",
+      lighter: "#ffd894",
+      light: "#ffc561",
+      default: "#ffb32f",
+      dark: "#cc8c1d",
+      darker: "#99670f"
+    },
+    green: {
+      lightest: "#bce3de",
+      lighter: "#89d9cf",
+      light: "#59cfc1",
+      default: "#2ec9b7",
+      dark: "#1d9688",
+      darker: "#0f635a"
+    },
+    blue: {
+      lightest: "#99dfff",
+      lighter: "#66cfff",
+      light: "#33bfff",
+      default: "#01afff",
+      dark: "#018ccc",
+      darker: "#016999"
+    },
+    orange: {
+      lightest: "#FFD8BD",
+      lighter: "#FFB98A",
+      light: "#FF9B57",
+      default: "#FF7D24",
+      dark: "#CC5F14",
+      darker: "#994409"
+    },
+    second_green: {
+      lightest: "#A5C7AF",
+      lighter: "#77BD8B",
+      light: "#4DB26A",
+      default: "#27A84C",
+      dark: "#167532",
+      darker: "#0A421A"
+    },
+    neutral: {
+      white: "#ffffff",
+      lightest: "#f6f6f6",
+      lighter: "#ededed",
+      light: "#c6c6c6",
+      default: "#7a7a7a",
+      dark: "#545454",
+      darker: "#222222",
+      black: "#000000"
+    }
+  },
+  shadows: {
+    lighter: "0px 0px 2px 0px #0000001F, 0px 1px 2px 0px #00000024;",
+    light: "0px 0px 2px 0px #0000001F, 0px 2px 4px 0px #00000024;",
+    default: "0px 0px 2px 0px #0000001F, 0px 4px 8px 0px #00000024;",
+    dark: "0px 0px 2px 0px #0000001F, 0px 8px 16px 0px #00000024;",
+    darker: "0px 0px 8px 0px #00000033, 0px 10px 25px 0px #00000024;"
+  },
+  typography: {
+    family: {
+      default: '"Poppins", sans-serif'
+    },
+    weights: {
+      regular: "400",
+      medium: "500",
+      semibold: "600",
+      bold: "700"
+    },
+    scale: {
+      display: { fontSize: "24px", lineHeight: "28px", fontWeight: "700" },
+      heading: { fontSize: "20px", lineHeight: "24px", fontWeight: "700" },
+      body: { fontSize: "14px", lineHeight: "20px", fontWeight: "400" },
+      caption: { fontSize: "12px", lineHeight: "16px", fontWeight: "500" },
+      small: { fontSize: "10px", lineHeight: "14px", fontWeight: "400" }
+    }
+  },
+  spacing: {
+    xxs: "4px",
+    xs: "8px",
+    s: "16px",
+    m: "24px",
+    l: "32px",
+    xl: "40px",
+    xxl: "48px"
+  },
+  radius: {
+    s: "4px",
+    m: "8px",
+    l: "12px",
+    xl: "16px",
+    xxl: "24px"
+  },
+  semantic: {
+    error: "#c8131b",
+    success: "#2ec9b7",
+    info: "#01afff",
+    warning: "#ffb32f"
+  },
+  zIndex: {
+    dropdown: "1000",
+    modal: "1100",
+    tooltip: "1200",
+    toast: "1300"
+  },
+  motion: {
+    fast: "150ms",
+    normal: "300ms",
+    slow: "500ms"
+  },
+  components: {
+    fieldInfo: {
+      fontSize: {
+        desktop: "12px",
+        tablet: "14px",
+        totem: "16px"
+      }
+    },
+    input: {
+      label: {
+        fontSize: {
+          desktop: "16px",
+          large: "16px",
+          medium: "14px",
+          small: "12px",
+          tablet: "18px",
+          "tablet-medium": "16px",
+          "tablet-small": "16px",
+          totem: "20px",
+          "totem-medium": "18px",
+          "totem-small": "16px"
+        }
+      },
+      input: {
+        fontSize: {
+          desktop: "14px",
+          large: "14px",
+          medium: "12px",
+          small: "12px",
+          tablet: "16px",
+          "tablet-medium": "16px",
+          "tablet-small": "16px",
+          totem: "18px",
+          "totem-medium": "16px",
+          "totem-small": "16px"
+        },
+        height: {
+          desktop: "40px",
+          large: "40px",
+          medium: "32px",
+          small: "24px",
+          tablet: "48px",
+          "tablet-medium": "40px",
+          "tablet-small": "32px",
+          totem: "56px",
+          "totem-medium": "48px",
+          "totem-small": "40px"
+        },
+        borderRadius: {
+          desktop: "8px",
+          large: "8px",
+          medium: "8px",
+          small: "4px",
+          tablet: "12px",
+          "tablet-medium": "8px",
+          "tablet-small": "4px",
+          totem: "16px",
+          "totem-medium": "8px",
+          "totem-small": "8px"
+        },
+        padding: {
+          desktop: "8px 16px",
+          large: "8px 16px",
+          medium: "4px 12px",
+          small: "4px 8px",
+          tablet: "8px 16px",
+          "tablet-medium": "4px 16px",
+          "tablet-small": "4px 12px",
+          totem: "8px 12px",
+          "totem-medium": "8px 12px",
+          "totem-small": "4px 12px"
+        }
+      }
+    },
+    select: {
+      padding: {
+        desktop: "4px 16px",
+        tablet: "4px 16px",
+        totem: "4px 12px"
+      }
+    },
+    button: {
+      fontSize: {
+        medium: "14px",
+        small: "12px",
+        large: "14px",
+        tablet: "16px",
+        "tablet-medium": "14px",
+        "tablet-small": "12px",
+        totem: "18px",
+        "totem-medium": "16px",
+        "totem-small": "14px"
+      },
+      height: {
+        large: "40px",
+        medium: "32px",
+        small: "24px",
+        tablet: "48px",
+        "tablet-medium": "40px",
+        "tablet-small": "32px",
+        totem: "56px",
+        "totem-medium": "48px",
+        "totem-small": "40px"
+      },
+      padding: {
+        large: {
+          text: "0 24px",
+          icon: "0 8px",
+          textAndIcon: "0 24px 0 16px"
+        },
+        medium: {
+          text: "0 16px",
+          icon: "0 8px",
+          textAndIcon: "0 12px 0 8px"
+        },
+        small: {
+          text: "0 8px",
+          icon: "0 4px",
+          textAndIcon: "0 6px 0 4px"
+        },
+        tablet: {
+          text: "0 24px",
+          icon: "0 8px",
+          textAndIcon: "0 24px 0 16px"
+        },
+        "tablet-medium": {
+          text: "0 16px",
+          icon: "0 8px",
+          textAndIcon: "0 16px 0 12px"
+        },
+        "tablet-small": {
+          text: "0 12px",
+          icon: "0 4px",
+          textAndIcon: "0 10px 0 6px"
+        },
+        totem: {
+          text: "0 32px",
+          icon: "0 8px",
+          textAndIcon: "0 32px 0 16px"
+        },
+        "totem-medium": {
+          text: "0 24px",
+          icon: "0 8px",
+          textAndIcon: "0 24px 0 16px"
+        },
+        "totem-small": {
+          text: "0 16px",
+          icon: "0 4px",
+          textAndIcon: "0 14px 0 8px"
+        }
+      },
+      borderRadius: {
+        large: "12px",
+        medium: "8px",
+        small: "4px",
+        tablet: "12px",
+        "tablet-medium": "8px",
+        "tablet-small": "4px",
+        totem: "12px",
+        "totem-medium": "8px",
+        "totem-small": "8px"
+      },
+      iconSize: {
+        large: "24px",
+        medium: "20px",
+        small: "16px",
+        tablet: "24px",
+        "tablet-medium": "20px",
+        "tablet-small": "16px",
+        totem: "24px",
+        "totem-medium": "20px",
+        "totem-small": "16px"
+      }
+    }
+  },
+  device: "desktop"
+};
+
+// src/utils/consts.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var DEFAULT_THEME = {
+  ...themeValues,
+  components: {
+    ...themeValues.components,
+    button: {
+      ...themeValues.components.button,
+      iconPadding: {
+        large: 8,
+        medium: 8,
+        small: 4,
+        tablet: 24,
+        "tablet-medium": 16,
+        "tablet-small": 8,
+        totem: 32,
+        "totem-medium": 24,
+        "totem-small": 16
+      }
+    }
+  }
+};
+var MENU_CONSTANTS = {
+  TOOLTIPS: {
+    CLOSE_MENU: "Fechar menu",
+    OPEN_MENU: "Abrir menu"
+  },
+  SEARCH: {
+    PLACEHOLDER: "Buscar",
+    NO_RESULTS: "Nenhum resultado encontrado"
+  }
+};
+
+// src/components/CollapsableMenu/menuContext.tsx
+import { createContext, useContext } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var MenuContext = createContext(null);
+var MenuProvider = ({ component, children }) => {
+  return /* @__PURE__ */ jsx11(MenuContext.Provider, { value: component, children });
+};
+var useMenu = () => {
+  const context = useContext(MenuContext);
+  if (context === null) {
+    throw new Error("useMenu must be used within a MenuProvider");
+  }
+  return context;
+};
+
+// src/components/CollapsableMenu/styles.css.ts
+var itemContainerClass = "styles_itemContainerClass__1f3rcn2s sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_justifyContent_center__1hu819ud1 sprinkles_alignItems_center__1hu819ucx sprinkles_position_relative__1hu819ude";
+var itemContainerOpenClass = "styles_itemContainerOpenClass__1f3rcn2t";
+var itemsListClass = "styles_itemsListClass__1f3rcn2n sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_overflow_auto__1hu819udl";
+var menuBodyClass = "styles_menuBodyClass__1f3rcn2b sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_flexGrow_1__1hu819udc";
+var menuContainerClass = "styles_menuContainerClass__1f3rcn21 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_alignItems_center__1hu819ucx sprinkles_backgroundColor_neutral.white__1hu819ugk";
+var menuContainerOpenClass = "styles_menuContainerOpenClass__1f3rcn22";
+var menuFooterClass = "styles_menuFooterClass__1f3rcn2d sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct";
+var menuHeaderClass = "styles_menuHeaderClass__1f3rcn24 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_alignItems_center__1hu819ucx";
+var menuHeaderIconContainerClass = "styles_menuHeaderIconContainerClass__1f3rcn28 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_justifyContent_center__1hu819ud1 sprinkles_cursor_pointer__1hu819uds";
+var menuHeaderOpenClass = "styles_menuHeaderOpenClass__1f3rcn26 sprinkles_flexDirection_row-reverse__1hu819ucs sprinkles_justifyContent_space-between__1hu819ud3";
+var menuItemWrapperClass = "styles_menuItemWrapperClass__1f3rcn2q sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_position_relative__1hu819ude";
+var menuModalStyleClass = "styles_menuModalStyleClass__1f3rcn2k sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_position_relative__1hu819ude sprinkles_backgroundColor_neutral.white__1hu819ugk";
+var menuPopupWrapperClass = "styles_menuPopupWrapperClass__1f3rcn2h";
+var menuViewportClass = "styles_menuViewportClass__1f3rcn2i";
+var modalHeaderClass = "styles_modalHeaderClass__1f3rcn2l";
+var nothingFoundSpanClass = "styles_nothingFoundSpanClass__1f3rcn2o";
+var profileImageClass = "styles_profileImageClass__1f3rcn29";
+var searchContainerClass = "styles_searchContainerClass__1f3rcn2f sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_justifyContent_center__1hu819ud1 sprinkles_alignItems_center__1hu819ucx sprinkles_cursor_pointer__1hu819uds sprinkles_position_relative__1hu819ude";
+var searchContainerOpenClass = "styles_searchContainerOpenClass__1f3rcn2g";
+var styledCollapsiblePanelClass = "styles_styledCollapsiblePanelClass__1f3rcn2u";
+var subitemContainerActiveClass = "styles_subitemContainerActiveClass__1f3rcn210";
+var subitemContainerClass = "styles_subitemContainerClass__1f3rcn2z";
+var subitesInnerClass = "styles_subitesInnerClass__1f3rcn2w sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_overflow_hidden__1hu819udj";
+
+// src/components/CollapsableMenu/MenuSubitem/index.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var MenuSubitem = ({
+  subitem,
+  parentPath = "",
+  setSearch,
+  ...props
+}) => {
+  const SubitemComponent = useMenu();
+  const pathToGo = subitem.function ? "#" : parentPath + subitem.path || "#";
+  const isActive = pathToGo === window.location.pathname;
+  const componentProps = {
+    to: pathToGo,
+    href: pathToGo,
+    id: `menu-item-${subitem.path}`,
+    className: `${subitemContainerClass} ${isActive ? subitemContainerActiveClass : ""}`,
+    onClick: () => {
+      var _a;
+      setSearch == null ? void 0 : setSearch("");
+      (_a = subitem.function) == null ? void 0 : _a.call(subitem);
+    },
+    ...props
+  };
+  return /* @__PURE__ */ jsx12(SubitemComponent, { ...componentProps, children: /* @__PURE__ */ jsx12("span", { children: subitem.searchText || subitem.text }) });
+};
+
+// src/components/CollapsableMenu/MenuContent/index.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var MenuContent = ({
+  activeSearch,
+  sideBarOpen,
+  searchItemsFiltered,
+  bodyItems,
+  onSearchChange,
+  renderMenuItem
+}) => {
+  if (activeSearch && sideBarOpen) {
+    return searchItemsFiltered.length > 0 ? searchItemsFiltered.map((item, index) => /* @__PURE__ */ jsx13(
+      MenuSubitem,
+      {
+        subitem: item,
+        setSearch: onSearchChange
+      },
+      (item.path || "") + index
+    )) : /* @__PURE__ */ jsx13("span", { className: nothingFoundSpanClass, style: { textAlign: "center" }, children: MENU_CONSTANTS.SEARCH.NO_RESULTS });
+  }
+  return bodyItems.map(renderMenuItem);
+};
+
+// src/components/CollapsableMenu/MenuHeader/index.tsx
+import { useEffect as useEffect2, useState } from "react";
+
+// src/components/CollapsableMenu/MenuModal/index.tsx
+import { Popover } from "@base-ui/react/popover";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+var MenuModal = ({ item }) => {
+  var _a;
+  const anchor = document.getElementById(`menu-item${item.path}`);
+  return /* @__PURE__ */ jsx14(Popover.Root, { open: true, modal: false, children: /* @__PURE__ */ jsx14(Popover.Portal, { children: /* @__PURE__ */ jsx14(
+    Popover.Positioner,
+    {
+      anchor,
+      side: "right",
+      align: "start",
+      sideOffset: 4,
+      children: /* @__PURE__ */ jsx14(
+        Popover.Popup,
+        {
+          className: menuPopupWrapperClass,
+          initialFocus: false,
+          finalFocus: false,
+          children: /* @__PURE__ */ jsxs7(
+            "div",
+            {
+              className: menuModalStyleClass,
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ jsx14("span", { className: modalHeaderClass, children: item.text }),
+                /* @__PURE__ */ jsx14(ScrollArea, { maxHeight: "calc(100vh - 48px)", children: /* @__PURE__ */ jsx14("div", { className: itemsListClass, children: (_a = item.subitems) == null ? void 0 : _a.map((subitem) => /* @__PURE__ */ jsx14(
+                  MenuSubitem,
+                  {
+                    subitem,
+                    parentPath: item.path
+                  },
+                  `menu-subitem${item.path}${subitem.path}`
+                )) }) })
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) }) });
+};
+
+// src/components/CollapsableMenu/MenuHeader/index.tsx
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+var MenuHeader = ({
+  sideBarOpen,
+  profile,
+  onToggleSidebar
+}) => {
+  const [profileModalOpen, setProfileModalOpen] = useState(false);
+  const [deactivateProfilePicture, setDeactivateProfilePicture] = useState(false);
+  useEffect2(() => {
+    if (sideBarOpen) {
+      setDeactivateProfilePicture(true);
+      setTimeout(() => {
+        setDeactivateProfilePicture(false);
+      }, 500);
+    }
+  }, [sideBarOpen]);
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: `${menuHeaderClass} ${sideBarOpen ? menuHeaderOpenClass : ""}`,
+      children: [
+        /* @__PURE__ */ jsx15(
+          "button",
+          {
+            onClick: onToggleSidebar,
+            className: menuHeaderIconContainerClass,
+            "aria-label": sideBarOpen ? "Fechar menu" : "Abrir menu",
+            style: { border: "none", background: "none" },
+            children: sideBarOpen ? /* @__PURE__ */ jsx15(IconCloseMenu, { id: "icon-menu" }) : /* @__PURE__ */ jsx15(IconMenu, { id: "icon-menu" })
+          }
+        ),
+        sideBarOpen && /* @__PURE__ */ jsx15("span", { children: profile.name }),
+        /* @__PURE__ */ jsxs8(
+          "div",
+          {
+            style: { height: 48 },
+            onMouseLeave: () => setProfileModalOpen(false),
+            children: [
+              /* @__PURE__ */ jsx15(
+                "img",
+                {
+                  id: "menu-item/profile",
+                  src: profile.image,
+                  alt: "Foto do perfil",
+                  className: profileImageClass,
+                  onMouseEnter: () => setProfileModalOpen(true),
+                  style: { pointerEvents: deactivateProfilePicture ? "none" : "auto" }
+                }
+              ),
+              profileModalOpen && /* @__PURE__ */ jsx15(MenuModal, { item: profile })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/CollapsableMenu/MenuItem/index.tsx
+import { Collapsible } from "@base-ui/react/collapsible";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+import { useRef as useRef2 } from "react";
+import { Fragment, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+var SubitemsKeyboardList = ({
+  children
+}) => {
+  const ref = useRef2(null);
+  const handleKeyDown = (e) => {
+    var _a, _b;
+    const navKeys = ["ArrowDown", "ArrowUp", "Home", "End"];
+    if (!navKeys.includes(e.key)) return;
+    const items = Array.from(
+      ((_a = ref.current) == null ? void 0 : _a.querySelectorAll('[role="menuitem"]')) ?? []
+    );
+    if (items.length === 0) return;
+    const active = document.activeElement;
+    const idx = active ? items.indexOf(active) : -1;
+    let next = idx;
+    if (e.key === "ArrowDown") next = idx < 0 ? 0 : (idx + 1) % items.length;
+    if (e.key === "ArrowUp")
+      next = idx < 0 ? items.length - 1 : (idx - 1 + items.length) % items.length;
+    if (e.key === "Home") next = 0;
+    if (e.key === "End") next = items.length - 1;
+    (_b = items[next]) == null ? void 0 : _b.focus();
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      ref,
+      role: "menu",
+      className: itemsListClass,
+      onKeyDown: handleKeyDown,
+      children
+    }
+  );
+};
+var MenuItem = ({
+  item,
+  sideBarOpen,
+  categoryOpen,
+  toggleCategoryOpen
+}) => {
+  var _a, _b, _c;
+  const LinkComponent = useMenu();
+  const location = window.location.pathname.split("/")[1];
+  const hasSubitems = item.subitems && item.subitems.length > 0;
+  const pathToGo = item.function || hasSubitems || !item.path ? "#" : item.path;
+  const handleItemClick = (e) => {
+    e.stopPropagation();
+    if (item.function) item.function();
+  };
+  const linkProps = {
+    id: `menu-item${item.path}`,
+    className: `${itemContainerClass} ${sideBarOpen ? itemContainerOpenClass : ""}`,
+    to: pathToGo,
+    href: pathToGo,
+    "aria-selected": location === ((_a = item.path) == null ? void 0 : _a.split("/")[1]),
+    onClick: handleItemClick
+  };
+  if (sideBarOpen) {
+    if (hasSubitems) {
+      return /* @__PURE__ */ jsx16("div", { className: menuItemWrapperClass, children: /* @__PURE__ */ jsxs9(
+        Collapsible.Root,
+        {
+          open: categoryOpen === item.text,
+          onOpenChange: () => toggleCategoryOpen(item.text),
+          children: [
+            /* @__PURE__ */ jsxs9(
+              Collapsible.Trigger,
+              {
+                nativeButton: false,
+                render: /* @__PURE__ */ jsx16(LinkComponent, { ...linkProps }),
+                children: [
+                  item.icon,
+                  /* @__PURE__ */ jsx16("span", { children: item.text }),
+                  /* @__PURE__ */ jsx16(IconChevronDown, { className: "chevron" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx16(
+              Collapsible.Panel,
+              {
+                className: styledCollapsiblePanelClass,
+                keepMounted: true,
+                children: /* @__PURE__ */ jsx16("div", { className: subitesInnerClass, children: (_b = item.subitems) == null ? void 0 : _b.map((subitem) => /* @__PURE__ */ jsx16(
+                  MenuSubitem,
+                  {
+                    subitem,
+                    style: { marginLeft: 32 },
+                    parentPath: item.path
+                  },
+                  `menu-subitem${item.path}${subitem.path}`
+                )) })
+              }
+            )
+          ]
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsx16("div", { className: menuItemWrapperClass, children: /* @__PURE__ */ jsxs9(LinkComponent, { ...linkProps, children: [
+      item.icon,
+      /* @__PURE__ */ jsx16("span", { children: item.text })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx16(NavigationMenu.Item, { className: menuItemWrapperClass, children: hasSubitems ? /* @__PURE__ */ jsxs9(Fragment, { children: [
+    /* @__PURE__ */ jsxs9(
+      NavigationMenu.Trigger,
+      {
+        nativeButton: false,
+        render: /* @__PURE__ */ jsx16(LinkComponent, { ...linkProps }),
+        children: [
+          item.icon,
+          /* @__PURE__ */ jsx16("span", { children: item.text })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs9(NavigationMenu.Content, { className: menuModalStyleClass, children: [
+      /* @__PURE__ */ jsx16("span", { className: modalHeaderClass, children: item.text }),
+      /* @__PURE__ */ jsx16(ScrollArea, { maxHeight: "calc(100vh - 48px)", children: /* @__PURE__ */ jsx16(SubitemsKeyboardList, { children: (_c = item.subitems) == null ? void 0 : _c.map((subitem) => /* @__PURE__ */ jsx16(
+        MenuSubitem,
+        {
+          subitem,
+          parentPath: item.path,
+          role: "menuitem"
+        },
+        `menu-subitem${item.path}${subitem.path}`
+      )) }) })
+    ] })
+  ] }) : /* @__PURE__ */ jsxs9(NavigationMenu.Link, { render: /* @__PURE__ */ jsx16(LinkComponent, { ...linkProps }), children: [
+    item.icon,
+    /* @__PURE__ */ jsx16("span", { children: item.text })
+  ] }) });
+};
+
+// src/components/CollapsableMenu/MenuSearch/index.tsx
+import { NavigationMenu as NavigationMenu2 } from "@base-ui/react/navigation-menu";
+import { useState as useState5 } from "react";
+
+// src/components/Input/index.tsx
+import { Field } from "@base-ui/react/field";
+import { Input as BaseInput } from "@base-ui/react/input";
+import { forwardRef as forwardRef3, useRef as useRef3, useState as useState3 } from "react";
+import { NumberFormatBase } from "react-number-format";
+
+// src/theme/theme.css.ts
+var vars = { colors: { primary: { lightest: "var(--colors-primary-lightest__14bhs4v0)", lighter: "var(--colors-primary-lighter__14bhs4v1)", light: "var(--colors-primary-light__14bhs4v2)", "default": "var(--colors-primary-default__14bhs4v3)", dark: "var(--colors-primary-dark__14bhs4v4)", darker: "var(--colors-primary-darker__14bhs4v5)" }, red: { lightest: "var(--colors-red-lightest__14bhs4v6)", lighter: "var(--colors-red-lighter__14bhs4v7)", light: "var(--colors-red-light__14bhs4v8)", "default": "var(--colors-red-default__14bhs4v9)", dark: "var(--colors-red-dark__14bhs4va)", darker: "var(--colors-red-darker__14bhs4vb)" }, yellow: { lightest: "var(--colors-yellow-lightest__14bhs4vc)", lighter: "var(--colors-yellow-lighter__14bhs4vd)", light: "var(--colors-yellow-light__14bhs4ve)", "default": "var(--colors-yellow-default__14bhs4vf)", dark: "var(--colors-yellow-dark__14bhs4vg)", darker: "var(--colors-yellow-darker__14bhs4vh)" }, green: { lightest: "var(--colors-green-lightest__14bhs4vi)", lighter: "var(--colors-green-lighter__14bhs4vj)", light: "var(--colors-green-light__14bhs4vk)", "default": "var(--colors-green-default__14bhs4vl)", dark: "var(--colors-green-dark__14bhs4vm)", darker: "var(--colors-green-darker__14bhs4vn)" }, blue: { lightest: "var(--colors-blue-lightest__14bhs4vo)", lighter: "var(--colors-blue-lighter__14bhs4vp)", light: "var(--colors-blue-light__14bhs4vq)", "default": "var(--colors-blue-default__14bhs4vr)", dark: "var(--colors-blue-dark__14bhs4vs)", darker: "var(--colors-blue-darker__14bhs4vt)" }, orange: { lightest: "var(--colors-orange-lightest__14bhs4vu)", lighter: "var(--colors-orange-lighter__14bhs4vv)", light: "var(--colors-orange-light__14bhs4vw)", "default": "var(--colors-orange-default__14bhs4vx)", dark: "var(--colors-orange-dark__14bhs4vy)", darker: "var(--colors-orange-darker__14bhs4vz)" }, second_green: { lightest: "var(--colors-second_green-lightest__14bhs4v10)", lighter: "var(--colors-second_green-lighter__14bhs4v11)", light: "var(--colors-second_green-light__14bhs4v12)", "default": "var(--colors-second_green-default__14bhs4v13)", dark: "var(--colors-second_green-dark__14bhs4v14)", darker: "var(--colors-second_green-darker__14bhs4v15)" }, neutral: { white: "var(--colors-neutral-white__14bhs4v16)", lightest: "var(--colors-neutral-lightest__14bhs4v17)", lighter: "var(--colors-neutral-lighter__14bhs4v18)", light: "var(--colors-neutral-light__14bhs4v19)", "default": "var(--colors-neutral-default__14bhs4v1a)", dark: "var(--colors-neutral-dark__14bhs4v1b)", darker: "var(--colors-neutral-darker__14bhs4v1c)", black: "var(--colors-neutral-black__14bhs4v1d)" } }, shadows: { lighter: "var(--shadows-lighter__14bhs4v1e)", light: "var(--shadows-light__14bhs4v1f)", "default": "var(--shadows-default__14bhs4v1g)", dark: "var(--shadows-dark__14bhs4v1h)", darker: "var(--shadows-darker__14bhs4v1i)" }, typography: { family: { "default": "var(--typography-family-default__14bhs4v1j)" }, weights: { regular: "var(--typography-weights-regular__14bhs4v1k)", medium: "var(--typography-weights-medium__14bhs4v1l)", semibold: "var(--typography-weights-semibold__14bhs4v1m)", bold: "var(--typography-weights-bold__14bhs4v1n)" }, scale: { display: { fontSize: "var(--typography-scale-display-fontSize__14bhs4v1o)", lineHeight: "var(--typography-scale-display-lineHeight__14bhs4v1p)", fontWeight: "var(--typography-scale-display-fontWeight__14bhs4v1q)" }, heading: { fontSize: "var(--typography-scale-heading-fontSize__14bhs4v1r)", lineHeight: "var(--typography-scale-heading-lineHeight__14bhs4v1s)", fontWeight: "var(--typography-scale-heading-fontWeight__14bhs4v1t)" }, body: { fontSize: "var(--typography-scale-body-fontSize__14bhs4v1u)", lineHeight: "var(--typography-scale-body-lineHeight__14bhs4v1v)", fontWeight: "var(--typography-scale-body-fontWeight__14bhs4v1w)" }, caption: { fontSize: "var(--typography-scale-caption-fontSize__14bhs4v1x)", lineHeight: "var(--typography-scale-caption-lineHeight__14bhs4v1y)", fontWeight: "var(--typography-scale-caption-fontWeight__14bhs4v1z)" }, small: { fontSize: "var(--typography-scale-small-fontSize__14bhs4v20)", lineHeight: "var(--typography-scale-small-lineHeight__14bhs4v21)", fontWeight: "var(--typography-scale-small-fontWeight__14bhs4v22)" } } }, spacing: { xxs: "var(--spacing-xxs__14bhs4v23)", xs: "var(--spacing-xs__14bhs4v24)", s: "var(--spacing-s__14bhs4v25)", m: "var(--spacing-m__14bhs4v26)", l: "var(--spacing-l__14bhs4v27)", xl: "var(--spacing-xl__14bhs4v28)", xxl: "var(--spacing-xxl__14bhs4v29)" }, radius: { s: "var(--radius-s__14bhs4v2a)", m: "var(--radius-m__14bhs4v2b)", l: "var(--radius-l__14bhs4v2c)", xl: "var(--radius-xl__14bhs4v2d)", xxl: "var(--radius-xxl__14bhs4v2e)" }, semantic: { error: "var(--semantic-error__14bhs4v2f)", success: "var(--semantic-success__14bhs4v2g)", info: "var(--semantic-info__14bhs4v2h)", warning: "var(--semantic-warning__14bhs4v2i)" }, zIndex: { dropdown: "var(--zIndex-dropdown__14bhs4v2j)", modal: "var(--zIndex-modal__14bhs4v2k)", tooltip: "var(--zIndex-tooltip__14bhs4v2l)", toast: "var(--zIndex-toast__14bhs4v2m)" }, motion: { fast: "var(--motion-fast__14bhs4v2n)", normal: "var(--motion-normal__14bhs4v2o)", slow: "var(--motion-slow__14bhs4v2p)" }, components: { fieldInfo: { fontSize: { desktop: "var(--components-fieldInfo-fontSize-desktop__14bhs4v2q)", tablet: "var(--components-fieldInfo-fontSize-tablet__14bhs4v2r)", totem: "var(--components-fieldInfo-fontSize-totem__14bhs4v2s)" } }, input: { label: { fontSize: { desktop: "var(--components-input-label-fontSize-desktop__14bhs4v2t)", large: "var(--components-input-label-fontSize-large__14bhs4v2u)", medium: "var(--components-input-label-fontSize-medium__14bhs4v2v)", small: "var(--components-input-label-fontSize-small__14bhs4v2w)", tablet: "var(--components-input-label-fontSize-tablet__14bhs4v2x)", "tablet-medium": "var(--components-input-label-fontSize-tablet-medium__14bhs4v2y)", "tablet-small": "var(--components-input-label-fontSize-tablet-small__14bhs4v2z)", totem: "var(--components-input-label-fontSize-totem__14bhs4v30)", "totem-medium": "var(--components-input-label-fontSize-totem-medium__14bhs4v31)", "totem-small": "var(--components-input-label-fontSize-totem-small__14bhs4v32)" } }, input: { fontSize: { desktop: "var(--components-input-input-fontSize-desktop__14bhs4v33)", large: "var(--components-input-input-fontSize-large__14bhs4v34)", medium: "var(--components-input-input-fontSize-medium__14bhs4v35)", small: "var(--components-input-input-fontSize-small__14bhs4v36)", tablet: "var(--components-input-input-fontSize-tablet__14bhs4v37)", "tablet-medium": "var(--components-input-input-fontSize-tablet-medium__14bhs4v38)", "tablet-small": "var(--components-input-input-fontSize-tablet-small__14bhs4v39)", totem: "var(--components-input-input-fontSize-totem__14bhs4v3a)", "totem-medium": "var(--components-input-input-fontSize-totem-medium__14bhs4v3b)", "totem-small": "var(--components-input-input-fontSize-totem-small__14bhs4v3c)" }, height: { desktop: "var(--components-input-input-height-desktop__14bhs4v3d)", large: "var(--components-input-input-height-large__14bhs4v3e)", medium: "var(--components-input-input-height-medium__14bhs4v3f)", small: "var(--components-input-input-height-small__14bhs4v3g)", tablet: "var(--components-input-input-height-tablet__14bhs4v3h)", "tablet-medium": "var(--components-input-input-height-tablet-medium__14bhs4v3i)", "tablet-small": "var(--components-input-input-height-tablet-small__14bhs4v3j)", totem: "var(--components-input-input-height-totem__14bhs4v3k)", "totem-medium": "var(--components-input-input-height-totem-medium__14bhs4v3l)", "totem-small": "var(--components-input-input-height-totem-small__14bhs4v3m)" }, borderRadius: { desktop: "var(--components-input-input-borderRadius-desktop__14bhs4v3n)", large: "var(--components-input-input-borderRadius-large__14bhs4v3o)", medium: "var(--components-input-input-borderRadius-medium__14bhs4v3p)", small: "var(--components-input-input-borderRadius-small__14bhs4v3q)", tablet: "var(--components-input-input-borderRadius-tablet__14bhs4v3r)", "tablet-medium": "var(--components-input-input-borderRadius-tablet-medium__14bhs4v3s)", "tablet-small": "var(--components-input-input-borderRadius-tablet-small__14bhs4v3t)", totem: "var(--components-input-input-borderRadius-totem__14bhs4v3u)", "totem-medium": "var(--components-input-input-borderRadius-totem-medium__14bhs4v3v)", "totem-small": "var(--components-input-input-borderRadius-totem-small__14bhs4v3w)" }, padding: { desktop: "var(--components-input-input-padding-desktop__14bhs4v3x)", large: "var(--components-input-input-padding-large__14bhs4v3y)", medium: "var(--components-input-input-padding-medium__14bhs4v3z)", small: "var(--components-input-input-padding-small__14bhs4v40)", tablet: "var(--components-input-input-padding-tablet__14bhs4v41)", "tablet-medium": "var(--components-input-input-padding-tablet-medium__14bhs4v42)", "tablet-small": "var(--components-input-input-padding-tablet-small__14bhs4v43)", totem: "var(--components-input-input-padding-totem__14bhs4v44)", "totem-medium": "var(--components-input-input-padding-totem-medium__14bhs4v45)", "totem-small": "var(--components-input-input-padding-totem-small__14bhs4v46)" } } }, select: { padding: { desktop: "var(--components-select-padding-desktop__14bhs4v47)", tablet: "var(--components-select-padding-tablet__14bhs4v48)", totem: "var(--components-select-padding-totem__14bhs4v49)" } }, button: { fontSize: { medium: "var(--components-button-fontSize-medium__14bhs4v4a)", small: "var(--components-button-fontSize-small__14bhs4v4b)", large: "var(--components-button-fontSize-large__14bhs4v4c)", tablet: "var(--components-button-fontSize-tablet__14bhs4v4d)", "tablet-medium": "var(--components-button-fontSize-tablet-medium__14bhs4v4e)", "tablet-small": "var(--components-button-fontSize-tablet-small__14bhs4v4f)", totem: "var(--components-button-fontSize-totem__14bhs4v4g)", "totem-medium": "var(--components-button-fontSize-totem-medium__14bhs4v4h)", "totem-small": "var(--components-button-fontSize-totem-small__14bhs4v4i)" }, height: { large: "var(--components-button-height-large__14bhs4v4j)", medium: "var(--components-button-height-medium__14bhs4v4k)", small: "var(--components-button-height-small__14bhs4v4l)", tablet: "var(--components-button-height-tablet__14bhs4v4m)", "tablet-medium": "var(--components-button-height-tablet-medium__14bhs4v4n)", "tablet-small": "var(--components-button-height-tablet-small__14bhs4v4o)", totem: "var(--components-button-height-totem__14bhs4v4p)", "totem-medium": "var(--components-button-height-totem-medium__14bhs4v4q)", "totem-small": "var(--components-button-height-totem-small__14bhs4v4r)" }, padding: { large: { text: "var(--components-button-padding-large-text__14bhs4v4s)", icon: "var(--components-button-padding-large-icon__14bhs4v4t)", textAndIcon: "var(--components-button-padding-large-textAndIcon__14bhs4v4u)" }, medium: { text: "var(--components-button-padding-medium-text__14bhs4v4v)", icon: "var(--components-button-padding-medium-icon__14bhs4v4w)", textAndIcon: "var(--components-button-padding-medium-textAndIcon__14bhs4v4x)" }, small: { text: "var(--components-button-padding-small-text__14bhs4v4y)", icon: "var(--components-button-padding-small-icon__14bhs4v4z)", textAndIcon: "var(--components-button-padding-small-textAndIcon__14bhs4v50)" }, tablet: { text: "var(--components-button-padding-tablet-text__14bhs4v51)", icon: "var(--components-button-padding-tablet-icon__14bhs4v52)", textAndIcon: "var(--components-button-padding-tablet-textAndIcon__14bhs4v53)" }, "tablet-medium": { text: "var(--components-button-padding-tablet-medium-text__14bhs4v54)", icon: "var(--components-button-padding-tablet-medium-icon__14bhs4v55)", textAndIcon: "var(--components-button-padding-tablet-medium-textAndIcon__14bhs4v56)" }, "tablet-small": { text: "var(--components-button-padding-tablet-small-text__14bhs4v57)", icon: "var(--components-button-padding-tablet-small-icon__14bhs4v58)", textAndIcon: "var(--components-button-padding-tablet-small-textAndIcon__14bhs4v59)" }, totem: { text: "var(--components-button-padding-totem-text__14bhs4v5a)", icon: "var(--components-button-padding-totem-icon__14bhs4v5b)", textAndIcon: "var(--components-button-padding-totem-textAndIcon__14bhs4v5c)" }, "totem-medium": { text: "var(--components-button-padding-totem-medium-text__14bhs4v5d)", icon: "var(--components-button-padding-totem-medium-icon__14bhs4v5e)", textAndIcon: "var(--components-button-padding-totem-medium-textAndIcon__14bhs4v5f)" }, "totem-small": { text: "var(--components-button-padding-totem-small-text__14bhs4v5g)", icon: "var(--components-button-padding-totem-small-icon__14bhs4v5h)", textAndIcon: "var(--components-button-padding-totem-small-textAndIcon__14bhs4v5i)" } }, borderRadius: { large: "var(--components-button-borderRadius-large__14bhs4v5j)", medium: "var(--components-button-borderRadius-medium__14bhs4v5k)", small: "var(--components-button-borderRadius-small__14bhs4v5l)", tablet: "var(--components-button-borderRadius-tablet__14bhs4v5m)", "tablet-medium": "var(--components-button-borderRadius-tablet-medium__14bhs4v5n)", "tablet-small": "var(--components-button-borderRadius-tablet-small__14bhs4v5o)", totem: "var(--components-button-borderRadius-totem__14bhs4v5p)", "totem-medium": "var(--components-button-borderRadius-totem-medium__14bhs4v5q)", "totem-small": "var(--components-button-borderRadius-totem-small__14bhs4v5r)" }, iconSize: { large: "var(--components-button-iconSize-large__14bhs4v5s)", medium: "var(--components-button-iconSize-medium__14bhs4v5t)", small: "var(--components-button-iconSize-small__14bhs4v5u)", tablet: "var(--components-button-iconSize-tablet__14bhs4v5v)", "tablet-medium": "var(--components-button-iconSize-tablet-medium__14bhs4v5w)", "tablet-small": "var(--components-button-iconSize-tablet-small__14bhs4v5x)", totem: "var(--components-button-iconSize-totem__14bhs4v5y)", "totem-medium": "var(--components-button-iconSize-totem-medium__14bhs4v5z)", "totem-small": "var(--components-button-iconSize-totem-small__14bhs4v60)" } } } };
+
+// src/components/FieldInfo/FieldMessage.tsx
+import { useEffect as useEffect3, useState as useState2 } from "react";
+
+// src/components/FieldInfo/styles.css.ts
+var fieldInfoContainerClass = "styles_fieldInfoContainerClass__1v4k68v1 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xxs_desktop__1hu819u6b";
+
+// src/components/FieldInfo/FieldMessage.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function useDelayedUnmount(visible, delay) {
+  const [mounted, setMounted] = useState2(visible);
+  useEffect3(() => {
+    if (visible) {
+      setMounted(true);
+      return;
+    }
+    const t = setTimeout(() => setMounted(false), delay);
+    return () => clearTimeout(t);
+  }, [visible, delay]);
+  return mounted;
+}
+function FieldMessage({ error, info, isDisabled }) {
+  const content = error ?? info;
+  const visible = !!content;
+  const mounted = useDelayedUnmount(visible, 200);
+  if (!mounted) return null;
+  const color = error ? vars.colors.red.default : isDisabled ? vars.colors.neutral.light : vars.colors.neutral.dark;
+  return /* @__PURE__ */ jsx17(
+    "p",
+    {
+      className: fieldInfoContainerClass,
+      "data-visible": visible ? "true" : "false",
+      style: { color },
+      children: content
+    }
+  );
+}
+
+// src/components/Spinner/index.tsx
+import { Progress } from "@base-ui/react/progress";
+import { forwardRef as forwardRef2 } from "react";
+
+// src/components/Spinner/styles.css.ts
+var spinnerStyles = "styles_spinnerStyles__15ydgey1";
+
+// src/components/Spinner/index.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var SVG_MASK = `url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z'/></svg>")`;
+var Spinner = forwardRef2(function Spinner2({ color, size, value, max = 100, ...props }, ref) {
+  const resolvedColor = color || vars.colors.primary.default;
+  const resolvedSize = size || 22;
+  const spinnerDiv = /* @__PURE__ */ jsx18(
+    "div",
+    {
+      ref,
+      className: spinnerStyles,
+      ...props,
+      style: {
+        width: `${resolvedSize}px`,
+        height: `${resolvedSize}px`,
+        backgroundImage: `conic-gradient(${resolvedColor} 0%, transparent 5%, transparent 10%, ${resolvedColor} 100%)`,
+        maskImage: SVG_MASK,
+        maskSize: "contain",
+        maskRepeat: "no-repeat",
+        maskPosition: "center",
+        ...props.style
+      }
+    }
+  );
+  if (value !== void 0) {
+    return /* @__PURE__ */ jsx18(Progress.Root, { value, max, children: /* @__PURE__ */ jsx18(Progress.Track, { style: { display: "contents" }, children: /* @__PURE__ */ jsx18(Progress.Indicator, { style: { display: "contents" }, children: spinnerDiv }) }) });
+  }
+  return spinnerDiv;
+});
+Spinner.displayName = "Spinner";
+
+// src/components/Input/styles.css.ts
+var iconSizeVar = "var(--iconSizeVar__vsoa470)";
+var inputClass = "styles_inputClass__vsoa479";
+var inputContainerClass = "styles_inputContainerClass__vsoa472";
+var inputContainerSizeVariants = { large: "styles_inputContainerSizeVariants_large__vsoa473", medium: "styles_inputContainerSizeVariants_medium__vsoa474", small: "styles_inputContainerSizeVariants_small__vsoa475" };
+var inputSizeVariants = { large: "styles_inputSizeVariants_large__vsoa476", medium: "styles_inputSizeVariants_medium__vsoa477", small: "styles_inputSizeVariants_small__vsoa478" };
+var inputWrapperClass = "styles_inputWrapperClass__vsoa471";
+
+// src/components/Input/index.tsx
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+var maskValue = (value, mask) => {
+  if (!value || value.length === 0) return "";
+  let maskedValue = "";
+  let valueIndex = 0;
+  const letterRegex = /^[a-zA-ZÀ-ÿ~^´`]+$/;
+  for (let i = 0; i < mask.length; i++) {
+    const maskChar = mask[i];
+    const inputChar = value[valueIndex];
+    if (!inputChar) break;
+    if (maskChar === "9") {
+      if (/\d/.test(inputChar)) {
+        maskedValue += inputChar;
+        valueIndex++;
+      } else {
+        break;
+      }
+    } else if (maskChar === "a") {
+      if (letterRegex.test(inputChar)) {
+        maskedValue += inputChar;
+        valueIndex++;
+      } else {
+        break;
+      }
+    } else if (maskChar === "*") {
+      maskedValue += inputChar;
+      valueIndex++;
+    } else {
+      maskedValue += maskChar;
+      if (inputChar === maskChar) {
+        valueIndex++;
+      }
+    }
+  }
+  return maskedValue;
+};
+var Input = forwardRef3(
+  ({
+    label,
+    info,
+    error,
+    size = "large",
+    isLoading,
+    mask,
+    containerStyles,
+    isCurrency,
+    hasPrefix,
+    minimumFractionDigits,
+    iconLeft,
+    iconRight,
+    ...props
+  }, ref) => {
+    var _a;
+    const spinnerSize = size === "large" ? 18 : 16;
+    const [passwordShowing, setPasswordShowing] = useState3(false);
+    const togglePasswordVisibility = () => {
+      setPasswordShowing((prev) => !prev);
+    };
+    const isPasswordField = props.type === "password";
+    const inputType = isPasswordField && passwordShowing ? "text" : props.type;
+    const passwordIcon = isPasswordField ? /* @__PURE__ */ jsx19(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Toggle password visibility",
+        onClick: togglePasswordVisibility,
+        style: {
+          background: "none",
+          border: "none",
+          padding: 0,
+          cursor: "pointer",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: passwordShowing ? /* @__PURE__ */ jsx19(IconEyeSlash, {}) : /* @__PURE__ */ jsx19(IconEye, {})
+      }
+    ) : iconRight;
+    const valueFormatted = props.value !== void 0 ? mask ? maskValue(props.value.toString(), mask) : props.value : void 0;
+    const hasRightIcon = isLoading || !!error || !!passwordIcon;
+    const inputStyle = {
+      ...iconLeft ? { paddingLeft: `calc(var(${iconSizeVar}) + 24px)` } : {},
+      ...hasRightIcon ? { paddingRight: `calc(var(${iconSizeVar}) + 24px)` } : {}
+    };
+    return /* @__PURE__ */ jsxs10(
+      Field.Root,
+      {
+        className: `${inputWrapperClass} ${props.className || ""}`,
+        style: { width: (_a = props.style) == null ? void 0 : _a.width, ...containerStyles },
+        invalid: !!error,
+        "data-slot": "input-root",
+        children: [
+          label && /* @__PURE__ */ jsx19(Field.Label, { "data-size": size, "data-slot": "input-label", children: label }),
+          /* @__PURE__ */ jsxs10(
+            "div",
+            {
+              className: `${inputContainerClass} ${inputContainerSizeVariants[size]}`,
+              "data-slot": "input-container",
+              children: [
+                iconLeft && /* @__PURE__ */ jsx19("div", { className: "icon-left", children: iconLeft }),
+                isCurrency ? /* @__PURE__ */ jsx19(
+                  CurrencyInput,
+                  {
+                    hasPrefix,
+                    minimumFractionDigits,
+                    ...props,
+                    style: { ...props.style, ...inputStyle },
+                    type: inputType,
+                    ref,
+                    sizeClass: inputSizeVariants[size]
+                  }
+                ) : /* @__PURE__ */ jsx19(
+                  NormalInput,
+                  {
+                    isLoading,
+                    ...props,
+                    style: { ...props.style, ...inputStyle },
+                    value: valueFormatted,
+                    type: inputType,
+                    ref,
+                    mask,
+                    sizeClass: inputSizeVariants[size],
+                    onChange: (e) => {
+                      var _a2;
+                      if (mask) {
+                        const maskedValue = maskValue(e.target.value, mask);
+                        e.target.value = maskedValue;
+                      }
+                      (_a2 = props.onChange) == null ? void 0 : _a2.call(props, e);
+                    }
+                  }
+                ),
+                isLoading ? /* @__PURE__ */ jsx19(
+                  Spinner,
+                  {
+                    size: spinnerSize,
+                    color: vars.colors.neutral.light,
+                    style: {
+                      position: "absolute",
+                      right: 16,
+                      top: "50%",
+                      transform: "translateY(-50%)"
+                    }
+                  }
+                ) : error ? /* @__PURE__ */ jsx19(IconExclamation, { className: "error-icon" }) : passwordIcon && /* @__PURE__ */ jsx19("div", { className: "icon-right", children: passwordIcon })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            FieldMessage,
+            {
+              error,
+              info,
+              isDisabled: props.disabled || isLoading
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var NormalInput = forwardRef3(
+  ({ isLoading, mask, sizeClass, ...props }, ref) => {
+    return /* @__PURE__ */ jsx19(
+      BaseInput,
+      {
+        ...props,
+        disabled: isLoading || props.disabled,
+        className: `${inputClass} ${sizeClass || ""}`,
+        ref
+      }
+    );
+  }
+);
+NormalInput.displayName = "NormalInput";
+var CurrencyInput = forwardRef3(
+  ({
+    hasPrefix,
+    minimumFractionDigits = 2,
+    value,
+    isLoading,
+    sizeClass,
+    ...props
+  }, ref) => {
+    const multiplicator = 10 ** minimumFractionDigits;
+    const inputElementRef = useRef3(null);
+    const assignInputRef = (el) => {
+      inputElementRef.current = el;
+      if (typeof ref === "function") {
+        ref(el);
+      } else if (ref) {
+        ref.current = el;
+      }
+    };
+    const handleKeyDownCommon = (e) => {
+      if (e.key === "0" && e.currentTarget.value.length === 0) {
+        setTimeout(() => {
+          const el = inputElementRef.current;
+          if (el) {
+            const end = el.value.length;
+            try {
+              el.setSelectionRange(end, end);
+            } catch {
+            }
+          }
+        }, 1);
+      }
+    };
+    const inputClassName = `${inputClass} ${sizeClass || ""}`;
+    return /* @__PURE__ */ jsx19(
+      NumberFormatBase,
+      {
+        format: (e) => currencyFormatter(
+          parseFloat(e),
+          hasPrefix,
+          minimumFractionDigits,
+          Number(props.max),
+          Number(props.min)
+        ),
+        ...props,
+        value: Number(value) * multiplicator,
+        className: inputClassName,
+        defaultValue: props.defaultValue,
+        disabled: isLoading || props.disabled,
+        onKeyDown: (e) => {
+          var _a;
+          handleKeyDownCommon(e);
+          if (e.key === "Backspace") {
+            const el = inputElementRef.current;
+            const digits = ((el == null ? void 0 : el.value) || "").replace(/\D/g, "");
+            const numeric = digits.length ? parseInt(digits, 10) : 0;
+            if (numeric === 0) {
+              e.preventDefault();
+              const event = new Event("change", { bubbles: true });
+              Object.defineProperty(event, "target", {
+                value: {
+                  value: "",
+                  name: props.name ?? "",
+                  type: "text"
+                },
+                enumerable: true
+              });
+              Object.defineProperty(event, "currentTarget", {
+                value: {
+                  value: "",
+                  name: props.name ?? "",
+                  type: "text"
+                },
+                enumerable: true
+              });
+              (_a = props.onChange) == null ? void 0 : _a.call(props, event);
+              if (el) {
+                el.value = "";
+                try {
+                  el.setSelectionRange(0, 0);
+                } catch {
+                }
+              }
+            }
+          }
+        },
+        onChange: void 0,
+        onValueChange: (e) => {
+          var _a;
+          if (e.floatValue === 0) {
+            setTimeout(() => {
+              const el = inputElementRef.current;
+              if (el) {
+                el.setSelectionRange(el.value.length, el.value.length);
+              }
+            }, 1);
+          }
+          const numericValue = e.floatValue || e.floatValue === 0 ? e.floatValue / multiplicator : void 0;
+          const valueStr = numericValue !== void 0 ? numericValue.toString() : "";
+          const event = new Event("change", { bubbles: true });
+          Object.defineProperty(event, "target", {
+            value: {
+              value: valueStr,
+              name: props.name ?? "",
+              type: "text"
+            },
+            enumerable: true
+          });
+          Object.defineProperty(event, "currentTarget", {
+            value: {
+              value: valueStr,
+              name: props.name ?? "",
+              type: "text"
+            },
+            enumerable: true
+          });
+          (_a = props.onChange) == null ? void 0 : _a.call(props, event);
+        },
+        type: "text",
+        getInputRef: assignInputRef
+      }
+    );
+  }
+);
+CurrencyInput.displayName = "CurrencyInput";
+
+// src/components/CollapsableMenu/MenuModalSearch/index.tsx
+import { Popover as Popover2 } from "@base-ui/react/popover";
+import { useState as useState4 } from "react";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+var MenuModalSearch = ({
+  searchItems,
+  setIsFocused,
+  searchPlaceholder = "Buscar",
+  searchEmptyMessage = "Nenhum resultado encontrado"
+}) => {
+  const [search, setSearch] = useState4("");
+  const searchItemsFiltered = searchItems.filter(
+    (item) => {
+      var _a;
+      return (_a = item.searchText) == null ? void 0 : _a.toLowerCase().includes(search.toLowerCase());
+    }
+  );
+  const anchor = document.getElementById("menu-item/search");
+  return /* @__PURE__ */ jsx20(Popover2.Root, { open: true, modal: false, children: /* @__PURE__ */ jsx20(Popover2.Portal, { children: /* @__PURE__ */ jsx20(
+    Popover2.Positioner,
+    {
+      anchor,
+      side: "right",
+      align: "start",
+      sideOffset: 4,
+      children: /* @__PURE__ */ jsx20(
+        Popover2.Popup,
+        {
+          className: menuPopupWrapperClass,
+          initialFocus: false,
+          finalFocus: false,
+          children: /* @__PURE__ */ jsxs11(
+            "div",
+            {
+              className: menuModalStyleClass,
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ jsx20("span", { className: modalHeaderClass, children: searchPlaceholder }),
+                /* @__PURE__ */ jsxs11("div", { className: itemsListClass, children: [
+                  /* @__PURE__ */ jsx20(
+                    Input,
+                    {
+                      placeholder: searchPlaceholder,
+                      iconLeft: /* @__PURE__ */ jsx20(IconSearch, {}),
+                      iconRight: search.length > 0 && /* @__PURE__ */ jsx20(
+                        IconClose,
+                        {
+                          style: { cursor: "pointer" },
+                          onClick: () => setSearch("")
+                        }
+                      ),
+                      value: search,
+                      onChange: (e) => setSearch(e.target.value),
+                      onFocus: () => setIsFocused(true),
+                      onBlur: () => setIsFocused(false)
+                    }
+                  ),
+                  search && (searchItemsFiltered.length > 0 ? searchItemsFiltered == null ? void 0 : searchItemsFiltered.map((subitem) => {
+                    return /* @__PURE__ */ jsx20(MenuSubitem, { subitem }, subitem.key);
+                  }) : /* @__PURE__ */ jsx20(
+                    "span",
+                    {
+                      className: nothingFoundSpanClass,
+                      style: { textAlign: "center" },
+                      children: searchEmptyMessage
+                    }
+                  ))
+                ] })
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) }) });
+};
+
+// src/components/CollapsableMenu/MenuSearch/index.tsx
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+var MenuSearch = ({
+  sideBarOpen,
+  searchInput,
+  onSearchChange,
+  onActiveSearchChange,
+  searchItems,
+  searchPlaceholder = "Buscar",
+  searchEmptyMessage = "Nenhum resultado encontrado"
+}) => {
+  const [isSearchFocused, setIsSearchFocused] = useState5(false);
+  const [innerSearch, setInnerSearch] = useState5("");
+  const filtered = searchItems.filter(
+    (item) => {
+      var _a;
+      return (_a = item.searchText) == null ? void 0 : _a.toLowerCase().includes(innerSearch.toLowerCase());
+    }
+  );
+  if (sideBarOpen) {
+    return /* @__PURE__ */ jsxs12(
+      "div",
+      {
+        id: "menu-item/search",
+        className: `${searchContainerClass} ${searchContainerOpenClass}`,
+        children: [
+          /* @__PURE__ */ jsx21(
+            Input,
+            {
+              placeholder: searchPlaceholder,
+              iconLeft: /* @__PURE__ */ jsx21(IconSearch, {}),
+              iconRight: searchInput.length > 0 && /* @__PURE__ */ jsx21(IconClose, { onClick: () => onSearchChange("") }),
+              value: searchInput,
+              onChange: (e) => onSearchChange(e.target.value),
+              onFocus: () => onActiveSearchChange(searchInput)
+            }
+          ),
+          isSearchFocused && /* @__PURE__ */ jsx21(
+            MenuModalSearch,
+            {
+              searchItems,
+              setIsFocused: setIsSearchFocused,
+              searchPlaceholder,
+              searchEmptyMessage
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs12(NavigationMenu2.Item, { className: menuItemWrapperClass, children: [
+    /* @__PURE__ */ jsx21(
+      NavigationMenu2.Trigger,
+      {
+        nativeButton: false,
+        render: /* @__PURE__ */ jsx21("div", { className: searchContainerClass, id: "menu-item/search" }),
+        children: /* @__PURE__ */ jsx21(IconSearch, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs12(NavigationMenu2.Content, { className: menuModalStyleClass, children: [
+      /* @__PURE__ */ jsx21("span", { className: modalHeaderClass, children: searchPlaceholder }),
+      /* @__PURE__ */ jsxs12("div", { className: itemsListClass, children: [
+        /* @__PURE__ */ jsx21(
+          Input,
+          {
+            placeholder: searchPlaceholder,
+            iconLeft: /* @__PURE__ */ jsx21(IconSearch, {}),
+            iconRight: innerSearch.length > 0 && /* @__PURE__ */ jsx21(
+              IconClose,
+              {
+                style: { cursor: "pointer" },
+                onClick: () => setInnerSearch("")
+              }
+            ),
+            value: innerSearch,
+            onChange: (e) => setInnerSearch(e.target.value)
+          }
+        ),
+        innerSearch && /* @__PURE__ */ jsx21(ScrollArea, { maxHeight: "calc(100vh - 120px)", children: filtered.length > 0 ? filtered.map((subitem) => /* @__PURE__ */ jsx21(MenuSubitem, { subitem }, subitem.key)) : /* @__PURE__ */ jsx21(
+          "span",
+          {
+            className: nothingFoundSpanClass,
+            style: { textAlign: "center" },
+            children: searchEmptyMessage
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/CollapsableMenu/index.tsx
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+var CollapsableMenu = forwardRef4(
+  ({
+    menuObject,
+    defaultSideBarOpen,
+    onSideBarToggle,
+    subitemComponent = "a",
+    searchPlaceholder = "Buscar",
+    searchEmptyMessage = "Nenhum resultado encontrado",
+    ...props
+  }, ref) => {
+    const { state, actions } = useMenuState(
+      defaultSideBarOpen,
+      onSideBarToggle
+    );
+    const itemsFormattedToSearch = useMemo(
+      () => formatSearchItems(menuObject.categories),
+      [menuObject.categories]
+    );
+    const searchItemsFiltered = useMemo(
+      () => itemsFormattedToSearch.filter(
+        (item) => filterItems(item, state.searchInput)
+      ),
+      [itemsFormattedToSearch, state.searchInput]
+    );
+    const { footerItems, bodyItems } = useMemo(() => {
+      const filtered = filterSidebarItems(menuObject.categories);
+      return {
+        footerItems: filtered.filter((item) => item.barPosition === "footer"),
+        bodyItems: filtered.filter((item) => !item.barPosition)
+      };
+    }, [menuObject.categories]);
+    const renderMenuItem = useCallback2(
+      (item, index) => /* @__PURE__ */ jsx22(
+        MenuItem,
+        {
+          item,
+          sideBarOpen: state.sideBarOpen,
+          categoryOpen: state.categoryOpen,
+          toggleCategoryOpen: (category) => actions.setCategoryOpen(
+            state.categoryOpen === category ? null : category
+          )
+        },
+        `menu-item${item.path || ""}-${index}`
+      ),
+      [state.sideBarOpen, state.categoryOpen, actions]
+    );
+    return /* @__PURE__ */ jsx22(MenuProvider, { component: subitemComponent, children: /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        ref,
+        className: `${menuContainerClass} ${state.sideBarOpen ? menuContainerOpenClass : ""}`,
+        role: "navigation",
+        "aria-label": "Menu principal",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx22(
+            MenuHeader,
+            {
+              sideBarOpen: state.sideBarOpen,
+              profile: menuObject.profile,
+              onToggleSidebar: actions.toggleSidebar
+            }
+          ),
+          /* @__PURE__ */ jsx22("div", { className: menuBodyClass, children: state.sideBarOpen ? /* @__PURE__ */ jsxs13(ScrollArea, { maxHeight: "calc(100vh - 48px)", children: [
+            /* @__PURE__ */ jsx22(
+              MenuSearch,
+              {
+                sideBarOpen: state.sideBarOpen,
+                searchInput: state.searchInput,
+                onSearchChange: actions.setSearchInput,
+                onActiveSearchChange: actions.setActiveSearch,
+                searchItems: itemsFormattedToSearch,
+                searchPlaceholder,
+                searchEmptyMessage
+              }
+            ),
+            /* @__PURE__ */ jsx22(
+              MenuContent,
+              {
+                activeSearch: state.activeSearch,
+                sideBarOpen: state.sideBarOpen,
+                searchItemsFiltered,
+                bodyItems,
+                onSearchChange: actions.setActiveSearch,
+                renderMenuItem
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs13(
+            NavigationMenu3.Root,
+            {
+              delay: 100,
+              closeDelay: 150,
+              orientation: "vertical",
+              children: [
+                /* @__PURE__ */ jsxs13(NavigationMenu3.List, { children: [
+                  /* @__PURE__ */ jsx22(
+                    MenuSearch,
+                    {
+                      sideBarOpen: state.sideBarOpen,
+                      searchInput: state.searchInput,
+                      onSearchChange: actions.setSearchInput,
+                      onActiveSearchChange: actions.setActiveSearch,
+                      searchItems: itemsFormattedToSearch,
+                      searchPlaceholder,
+                      searchEmptyMessage
+                    }
+                  ),
+                  bodyItems.map(renderMenuItem)
+                ] }),
+                /* @__PURE__ */ jsx22(NavigationMenu3.Portal, { children: /* @__PURE__ */ jsx22(
+                  NavigationMenu3.Positioner,
+                  {
+                    sideOffset: 4,
+                    side: "right",
+                    align: "start",
+                    collisionAvoidance: { align: "none" },
+                    children: /* @__PURE__ */ jsx22(NavigationMenu3.Popup, { className: menuPopupWrapperClass, children: /* @__PURE__ */ jsx22(NavigationMenu3.Viewport, { className: menuViewportClass }) })
+                  }
+                ) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx22("div", { className: menuFooterClass, children: state.sideBarOpen ? footerItems.map(renderMenuItem) : /* @__PURE__ */ jsxs13(
+            NavigationMenu3.Root,
+            {
+              delay: 100,
+              closeDelay: 150,
+              orientation: "vertical",
+              children: [
+                /* @__PURE__ */ jsx22(NavigationMenu3.List, { children: footerItems.map(renderMenuItem) }),
+                /* @__PURE__ */ jsx22(NavigationMenu3.Portal, { children: /* @__PURE__ */ jsx22(
+                  NavigationMenu3.Positioner,
+                  {
+                    sideOffset: 4,
+                    side: "right",
+                    align: "start",
+                    collisionAvoidance: { align: "none" },
+                    children: /* @__PURE__ */ jsx22(NavigationMenu3.Popup, { className: menuPopupWrapperClass, children: /* @__PURE__ */ jsx22(NavigationMenu3.Viewport, { className: menuViewportClass }) })
+                  }
+                ) })
+              ]
+            }
+          ) })
+        ]
+      }
+    ) });
+  }
+);
+CollapsableMenu.displayName = "CollapsableMenu";
+export {
+  CollapsableMenu
+};
+//# sourceMappingURL=index.js.map