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

package/dist/components/Menu/index.cjs

@@ -0,0 +1,868 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Menu/index.tsx
+var Menu_exports = {};
+__export(Menu_exports, {
+  Menu: () => Menu
+});
+module.exports = __toCommonJS(Menu_exports);
+var import_menu4 = require("@base-ui/react/menu");
+var import_react6 = require("react");
+
+// src/components/Menu/MenuModal/index.tsx
+var import_menu3 = require("@base-ui/react/menu");
+var import_react5 = require("react");
+
+// src/components/Input/index.tsx
+var import_field = require("@base-ui/react/field");
+var import_input = require("@base-ui/react/input");
+var import_react3 = require("react");
+var import_react_number_format = require("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/utils/functions.ts
+var import_axios = __toESM(require("axios"), 1);
+var import_date_fns = require("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);
+}
+
+// src/components/FieldInfo/FieldMessage.tsx
+var import_react = require("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
+var import_jsx_runtime = require("react/jsx-runtime");
+function useDelayedUnmount(visible, delay) {
+  const [mounted, setMounted] = (0, import_react.useState)(visible);
+  (0, import_react.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      className: fieldInfoContainerClass,
+      "data-visible": visible ? "true" : "false",
+      style: { color },
+      children: content
+    }
+  );
+}
+
+// src/components/icons/IconChevronLeft.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var IconChevronLeft = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M15.457 19.207a1 1 0 0 0 0-1.414L9.664 12l5.793-5.793a1 1 0 0 0-1.414-1.414L8.25 10.586a2 2 0 0 0 0 2.828l5.793 5.793a1 1 0 0 0 1.414 0",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+
+// src/components/icons/IconExclamation.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var IconExclamation = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "mask",
+          {
+            id: "IconExclamation_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("g", { mask: "url(#IconExclamation_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var IconEye = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var IconEyeSlash = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "mask",
+          {
+            id: "IconEyeSlash_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { mask: "url(#IconEyeSlash_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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/Spinner/index.tsx
+var import_progress = require("@base-ui/react/progress");
+var import_react2 = require("react");
+
+// src/components/Spinner/styles.css.ts
+var spinnerStyles = "styles_spinnerStyles__15ydgey1";
+
+// src/components/Spinner/index.tsx
+var import_jsx_runtime6 = require("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 = (0, import_react2.forwardRef)(function Spinner2({ color, size, value, max = 100, ...props }, ref) {
+  const resolvedColor = color || vars.colors.primary.default;
+  const resolvedSize = size || 22;
+  const spinnerDiv = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "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__ */ (0, import_jsx_runtime6.jsx)(import_progress.Progress.Root, { value, max, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_progress.Progress.Track, { style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_progress.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
+var import_jsx_runtime7 = require("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 = (0, import_react3.forwardRef)(
+  ({
+    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] = (0, import_react3.useState)(false);
+    const togglePasswordVisibility = () => {
+      setPasswordShowing((prev) => !prev);
+    };
+    const isPasswordField = props.type === "password";
+    const inputType = isPasswordField && passwordShowing ? "text" : props.type;
+    const passwordIcon = isPasswordField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "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__ */ (0, import_jsx_runtime7.jsx)(IconEyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(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__ */ (0, import_jsx_runtime7.jsxs)(
+      import_field.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__ */ (0, import_jsx_runtime7.jsx)(import_field.Field.Label, { "data-size": size, "data-slot": "input-label", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+            "div",
+            {
+              className: `${inputContainerClass} ${inputContainerSizeVariants[size]}`,
+              "data-slot": "input-container",
+              children: [
+                iconLeft && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "icon-left", children: iconLeft }),
+                isCurrency ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  CurrencyInput,
+                  {
+                    hasPrefix,
+                    minimumFractionDigits,
+                    ...props,
+                    style: { ...props.style, ...inputStyle },
+                    type: inputType,
+                    ref,
+                    sizeClass: inputSizeVariants[size]
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  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__ */ (0, import_jsx_runtime7.jsx)(
+                  Spinner,
+                  {
+                    size: spinnerSize,
+                    color: vars.colors.neutral.light,
+                    style: {
+                      position: "absolute",
+                      right: 16,
+                      top: "50%",
+                      transform: "translateY(-50%)"
+                    }
+                  }
+                ) : error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconExclamation, { className: "error-icon" }) : passwordIcon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "icon-right", children: passwordIcon })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            FieldMessage,
+            {
+              error,
+              info,
+              isDisabled: props.disabled || isLoading
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var NormalInput = (0, import_react3.forwardRef)(
+  ({ isLoading, mask, sizeClass, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_input.Input,
+      {
+        ...props,
+        disabled: isLoading || props.disabled,
+        className: `${inputClass} ${sizeClass || ""}`,
+        ref
+      }
+    );
+  }
+);
+NormalInput.displayName = "NormalInput";
+var CurrencyInput = (0, import_react3.forwardRef)(
+  ({
+    hasPrefix,
+    minimumFractionDigits = 2,
+    value,
+    isLoading,
+    sizeClass,
+    ...props
+  }, ref) => {
+    const multiplicator = 10 ** minimumFractionDigits;
+    const inputElementRef = (0, import_react3.useRef)(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__ */ (0, import_jsx_runtime7.jsx)(
+      import_react_number_format.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/Menu/MenuSearchItem/index.tsx
+var import_menu = require("@base-ui/react/menu");
+
+// src/components/Menu/menuLinkContext.tsx
+var import_react4 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var MenuLinkContext = (0, import_react4.createContext)(null);
+var MenuLinkProvider = ({
+  component,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuLinkContext.Provider, { value: component, children });
+};
+var useMenuLink = () => {
+  const context = (0, import_react4.useContext)(MenuLinkContext);
+  if (context === null) {
+    return "a";
+  }
+  return context;
+};
+
+// src/components/Menu/MenuSearchItem/styles.css.ts
+var searchItemStylesClass = "styles_searchItemStylesClass__sboyhr0";
+
+// src/components/Menu/MenuSearchItem/index.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var MenuSearchItem = ({
+  subsubitem,
+  parentPath
+}) => {
+  const LinkComponent = useMenuLink();
+  const pathToGo = subsubitem.overridePath || parentPath + subsubitem.path;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_menu.Menu.Item,
+    {
+      id: `menu-item-${subsubitem.id}`,
+      render: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        LinkComponent,
+        {
+          to: pathToGo,
+          href: pathToGo,
+          className: searchItemStylesClass,
+          children: subsubitem.searchText
+        }
+      ),
+      closeOnClick: true,
+      children: subsubitem.searchText
+    }
+  );
+};
+
+// src/components/Menu/MenuSubitem/index.tsx
+var import_menu2 = require("@base-ui/react/menu");
+
+// src/components/Menu/styles.css.ts
+var circleIndicatorClass = "styles_circleIndicatorClass__17tx1bkg";
+var fillerClass = "styles_fillerClass__17tx1bk0";
+var firstBarClass = "styles_firstBarClass__17tx1bkh";
+var itemContainerClass = "styles_itemContainerClass__17tx1bk4 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_justifyContent_center__1hu819ud1 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xxs_desktop__1hu819u6b sprinkles_backgroundColor_primary.default__1hu819ufh sprinkles_borderRadius_m_desktop__1hu819uch sprinkles_cursor_pointer__1hu819uds sprinkles_position_relative__1hu819ude";
+var itemsGridClass = "styles_itemsGridClass__17tx1bka";
+var menuContainerClass = "styles_menuContainerClass__17tx1bk2 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_position_relative__1hu819ude sprinkles_backgroundColor_primary.default__1hu819ufh";
+var menuPopupContainerClass = "styles_menuPopupContainerClass__17tx1bk7 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_overflow_auto__1hu819udl";
+var modalHeaderClass = "styles_modalHeaderClass__17tx1bk9 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xs_desktop__1hu819u6e sprinkles_padding_xs_desktop__1hu819uk sprinkles_cursor_pointer__1hu819uds sprinkles_color_neutral.dark__1hu819ufb sprinkles_fontFamily_default__1hu819udz";
+var nothingFoundSpanClass = "styles_nothingFoundSpanClass__17tx1bkd";
+var searchDivClass = "styles_searchDivClass__17tx1bkc sprinkles_padding_xs_desktop__1hu819uk sprinkles_position_sticky__1hu819udh";
+var secondBarClass = "styles_secondBarClass__17tx1bki";
+var styledMenuPositionerClass = "styles_styledMenuPositionerClass__17tx1bk5";
+
+// src/components/Menu/MenuSubitem/styles.css.ts
+var subitemContainerClass = "styles_subitemContainerClass__cf7e510";
+var subitemHeaderClass = "styles_subitemHeaderClass__cf7e511";
+var subitemHeaderRegularClass = "styles_subitemHeaderRegularClass__cf7e513";
+var subitemHeaderSubsubitemClass = "styles_subitemHeaderSubsubitemClass__cf7e512";
+
+// src/components/Menu/MenuSubitem/index.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var MenuSubitem = ({ subitem }) => {
+  const LinkComponent = useMenuLink();
+  const hasSubitems = subitem.subitems && subitem.subitems.length > 0;
+  const pathToGo = subitem.overridePath ? subitem.overridePath : subitem.external ? "#" : subitem.path || "#";
+  const hasSecondBar = !subitem.isSubsubitem && hasSubitems || subitem.isSubsubitem && !subitem.isLastSubsubitem;
+  const handleClick = () => {
+    if (subitem.external) {
+      window.open(subitem.external, "_blank");
+    }
+  };
+  const subitemClass = subitemHeaderClass + " " + (subitem.isSubsubitem ? subitemHeaderSubsubitemClass : subitemHeaderRegularClass);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { id: `menu-item-${subitem.id}`, className: subitemContainerClass, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_menu2.Menu.Item,
+    {
+      render: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        LinkComponent,
+        {
+          to: pathToGo,
+          href: pathToGo,
+          className: subitemClass
+        }
+      ),
+      onClick: handleClick,
+      closeOnClick: true,
+      children: [
+        subitem.isSubsubitem && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: firstBarClass }),
+        (hasSubitems || subitem.isSubsubitem) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: circleIndicatorClass }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: subitem.text }),
+        hasSecondBar && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: secondBarClass })
+      ]
+    }
+  ) });
+};
+
+// src/components/Menu/MenuModal/index.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var formatSearchItems = (menuItems, parentPath = "", parentTexts = []) => {
+  return menuItems.filter(
+    (item) => !item.filler && item.condition !== false && !item.id.includes("search")
+  ).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("/")
+      }
+    ];
+  });
+};
+var formatMenuItems = (item) => {
+  var _a;
+  const flattenedSubitems = (_a = item.subitems) == null ? void 0 : _a.filter((subitem) => !subitem.filler && subitem.condition !== false).flatMap((subitem) => {
+    const parentPath = item.path || "";
+    const currentPath = parentPath + (subitem.path || "");
+    if (!subitem.subitems) {
+      return { ...subitem, path: currentPath };
+    }
+    const filteredSubsubitems = subitem.subitems.filter(
+      (subsubitem) => !subsubitem.filler && subsubitem.condition !== false
+    );
+    const formattedSubsubitems = filteredSubsubitems.map((subsubitem) => {
+      return {
+        ...subsubitem,
+        path: currentPath + (subsubitem.path || ""),
+        isSubsubitem: true,
+        isLastSubsubitem: subsubitem.id === filteredSubsubitems.slice(-1)[0].id
+      };
+    });
+    return [
+      {
+        ...subitem,
+        path: currentPath + (subitem.subitems ? subitem.subitems[0].path : "")
+      },
+      ...formattedSubsubitems
+    ];
+  });
+  return { ...item, subitems: flattenedSubitems };
+};
+var filterItems = (item, search) => {
+  var _a;
+  return (_a = item.searchText) == null ? void 0 : _a.toLowerCase().includes(search.toLowerCase());
+};
+var MenuModal = ({ item, menuItems, onClose }) => {
+  var _a;
+  const [search, setSearch] = (0, import_react5.useState)("");
+  const searchItemsFormatted = formatSearchItems(menuItems);
+  const searchItemsFiltered = searchItemsFormatted.filter(
+    (item2) => filterItems(item2, search)
+  );
+  const itemFormatted = formatMenuItems(item);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_menu3.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_menu3.Menu.Positioner,
+    {
+      className: styledMenuPositionerClass,
+      side: "right",
+      align: "start",
+      sideOffset: 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_menu3.Menu.Popup, { className: menuPopupContainerClass, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: modalHeaderClass, onClick: onClose, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconChevronLeft, {}),
+          item.text
+        ] }),
+        item.id.includes("search") ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: searchDivClass, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            Input,
+            {
+              autoFocus: true,
+              label: "Buscar",
+              value: search,
+              onChange: (e) => setSearch(e.target.value)
+            }
+          ) }),
+          search.length > 0 && (searchItemsFiltered.length > 0 ? searchItemsFiltered.map((item2) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            MenuSearchItem,
+            {
+              subsubitem: item2,
+              parentPath: ""
+            },
+            item2.id
+          )) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: nothingFoundSpanClass, children: "Nada encontrado" }))
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: itemsGridClass, children: (_a = itemFormatted.subitems) == null ? void 0 : _a.map((subitem) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MenuSubitem, { subitem }, subitem.id);
+        }) })
+      ] })
+    }
+  ) });
+};
+
+// src/components/Menu/index.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var MenuItemWithModal = ({
+  item,
+  menuItems,
+  location
+}) => {
+  var _a;
+  const actionsRef = (0, import_react6.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_menu4.Menu.Root, { actionsRef, modal: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      import_menu4.Menu.Trigger,
+      {
+        render: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "a",
+          {
+            id: `menu-item-${item.id}`,
+            href: "#",
+            className: itemContainerClass,
+            "aria-selected": location === ((_a = item.path) == null ? void 0 : _a.split("/")[1])
+          }
+        ),
+        nativeButton: false,
+        children: [
+          item.icon,
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: item.text })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      MenuModal,
+      {
+        item,
+        menuItems,
+        onClose: () => {
+          var _a2;
+          return (_a2 = actionsRef.current) == null ? void 0 : _a2.close();
+        }
+      }
+    )
+  ] });
+};
+var Menu = (0, import_react6.forwardRef)(function Menu2({ menuItems = [], linkComponent = "a", ...props }, ref) {
+  const location = window.location.pathname.split("/")[1];
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MenuLinkProvider, { component: linkComponent, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref, ...props, className: menuContainerClass, children: menuItems.map((item) => {
+    var _a;
+    if (item.condition === false) return;
+    if (item.filler) {
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "div",
+        {
+          className: fillerClass,
+          style: { height: `${item.height || 20}px` }
+        },
+        item.id
+      );
+    }
+    const hasSubitems = item.subitems && item.subitems.length > 0;
+    const isSearchItem = item.id.includes("search");
+    if (hasSubitems || isSearchItem) {
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        MenuItemWithModal,
+        {
+          item,
+          menuItems,
+          location
+        },
+        item.id
+      );
+    }
+    const pathToGo = item.external ? "#" : item.path || "#";
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "a",
+      {
+        id: `menu-item-${item.id}`,
+        href: pathToGo,
+        className: itemContainerClass,
+        "aria-selected": location === ((_a = item.path) == null ? void 0 : _a.split("/")[1]),
+        onClick: (e) => {
+          e.stopPropagation();
+          if (item.external) window.open(item.external, "_blank");
+        },
+        children: [
+          item.icon,
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: item.text })
+        ]
+      },
+      item.id
+    );
+  }) }) });
+});
+Menu.displayName = "Menu";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Menu
+});
+//# sourceMappingURL=index.cjs.map