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

package/dist/components/SingleCalendar/index.cjs

@@ -0,0 +1,1414 @@
+"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/SingleCalendar/index.tsx
+var SingleCalendar_exports = {};
+__export(SingleCalendar_exports, {
+  SingleCalendar: () => SingleCalendar
+});
+module.exports = __toCommonJS(SingleCalendar_exports);
+var import_field2 = require("@base-ui/react/field");
+var import_popover = require("@base-ui/react/popover");
+var import_date_fns4 = require("date-fns");
+var import_locale = require("date-fns/locale");
+var import_react6 = __toESM(require("react"), 1);
+
+// 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");
+var hexToHsb = (hex) => {
+  hex = hex.replace(/^#/, "");
+  const r = parseInt(hex.substring(0, 2), 16) / 255;
+  const g = parseInt(hex.substring(2, 4), 16) / 255;
+  const b = parseInt(hex.substring(4, 6), 16) / 255;
+  const max = Math.max(r, g, b), min = Math.min(r, g, b);
+  const delta = max - min;
+  const bValue = max * 100;
+  const sValue = max === 0 ? 0 : delta / max * 100;
+  let hValue = 0;
+  if (delta !== 0) {
+    if (max === r) hValue = (g - b) / delta + (g < b ? 6 : 0);
+    else if (max === g) hValue = (b - r) / delta + 2;
+    else hValue = (r - g) / delta + 4;
+    hValue = Math.round(hValue * 60);
+  }
+  return [hValue, Math.round(sValue), Math.round(bValue)];
+};
+var rgbToHex = (number) => number.toString(16).padStart(2, "0");
+var hsbToHex = (h, s, b) => {
+  s /= 100;
+  b /= 100;
+  const c = b * s;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = b - c;
+  let r = 0, g = 0, bl = 0;
+  if (0 <= h && h < 60) {
+    r = c;
+    g = x;
+    bl = 0;
+  } else if (60 <= h && h < 120) {
+    r = x;
+    g = c;
+    bl = 0;
+  } else if (120 <= h && h < 180) {
+    r = 0;
+    g = c;
+    bl = x;
+  } else if (180 <= h && h < 240) {
+    r = 0;
+    g = x;
+    bl = c;
+  } else if (240 <= h && h < 300) {
+    r = x;
+    g = 0;
+    bl = c;
+  } else if (300 <= h && h < 360) {
+    r = c;
+    g = 0;
+    bl = x;
+  }
+  r = Math.round((r + m) * 255);
+  g = Math.round((g + m) * 255);
+  bl = Math.round((bl + m) * 255);
+  return `#${rgbToHex(r)}${rgbToHex(g)}${rgbToHex(bl)}`;
+};
+var colorVariantsCache = /* @__PURE__ */ new Map();
+var MAX_CACHE_SIZE = 50;
+var cacheColorVariants = (hex, variants) => {
+  if (colorVariantsCache.size >= MAX_CACHE_SIZE) {
+    const firstKey = colorVariantsCache.keys().next().value;
+    colorVariantsCache.delete(firstKey);
+  }
+  colorVariantsCache.set(hex, variants);
+  return variants;
+};
+var generateColorVariants = (hex) => {
+  const cached = colorVariantsCache.get(hex);
+  if (cached) {
+    return cached;
+  }
+  const [h, s, b] = hexToHsb(hex);
+  const lightS = Math.max(s - 20, 0);
+  const lightB = Math.min(b + 4, 100);
+  const lightColor = hsbToHex(h, lightS, lightB);
+  const lighterS = Math.max(s - 40, 0);
+  const lighterB = Math.min(b + 8, 100);
+  const lighterColor = hsbToHex(h, lighterS, lighterB);
+  const lightestS = Math.max(s - 60, 0);
+  const lightestB = Math.min(b + 12, 100);
+  const lightestColor = hsbToHex(h, lightestS, lightestB);
+  const darkS = Math.min(s + 4, 100);
+  const darkB = Math.max(b - 20, 0);
+  const darkColor = hsbToHex(h, darkS, darkB);
+  const darkerS = Math.min(s + 8, 100);
+  const darkerB = Math.max(b - 40, 0);
+  const darkerColor = hsbToHex(h, darkerS, darkerB);
+  const variants = {
+    lightest: lightestColor,
+    lighter: lighterColor,
+    light: lightColor,
+    default: hex,
+    dark: darkColor,
+    darker: darkerColor
+  };
+  return cacheColorVariants(hex, variants);
+};
+var fillDaysArray = (arr) => {
+  const firstDay = arr[0];
+  for (let i = 1; i <= firstDay.getDay(); i++) {
+    const date = (0, import_date_fns.subDays)(firstDay, i);
+    arr.unshift(date);
+  }
+  const multiplier = Math.ceil(arr.length / 7);
+  const left = 7 * multiplier - arr.length;
+  const lastDay = arr[arr.length - 1];
+  for (let i = 1; i <= left; i++) {
+    const date = (0, import_date_fns.addDays)(lastDay, i);
+    arr.push(date);
+  }
+};
+var clampTimeString = (timeStr, currentDate, type, compareDate) => {
+  const [hourStr, minuteStr] = timeStr.split(":");
+  let hours = parseInt(hourStr, 10);
+  let minutes = parseInt(minuteStr, 10);
+  hours = Math.max(0, Math.min(23, hours));
+  minutes = Math.max(0, Math.min(59, minutes));
+  const adjustedDate = (0, import_date_fns.set)(currentDate, { hours, minutes });
+  if (compareDate && type === "start" && (0, import_date_fns.isAfter)(adjustedDate, compareDate)) {
+    return compareDate;
+  } else if (compareDate && type === "end" && (0, import_date_fns.isBefore)(adjustedDate, compareDate)) {
+    return compareDate;
+  }
+  return adjustedDate;
+};
+var clampDateString = (dateStr, currentDate, type, compareDate) => {
+  const [dayStr, monthStr, yearStr] = dateStr.split("/");
+  let day = parseInt(dayStr, 10);
+  let month = parseInt(monthStr, 10) - 1;
+  const year = parseInt(yearStr, 10);
+  month = Math.max(0, Math.min(11, month));
+  const maxDay = (0, import_date_fns.getDaysInMonth)(new Date(year, month));
+  day = Math.max(1, Math.min(maxDay, day));
+  const adjustedDate = (0, import_date_fns.set)(currentDate, { year, month, date: day });
+  if (compareDate && type === "start" && (0, import_date_fns.isAfter)(adjustedDate, compareDate)) {
+    return compareDate;
+  } else if (compareDate && type === "end" && (0, import_date_fns.isBefore)(adjustedDate, compareDate)) {
+    return compareDate;
+  }
+  return adjustedDate;
+};
+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/Button/index.tsx
+var import_button = require("@base-ui/react/button");
+var import_dynamic = require("@vanilla-extract/dynamic");
+var import_clsx = __toESM(require("clsx"), 1);
+var import_react2 = require("react");
+
+// src/components/Spinner/index.tsx
+var import_progress = require("@base-ui/react/progress");
+var import_react = require("react");
+
+// src/components/Spinner/styles.css.ts
+var spinnerStyles = "styles_spinnerStyles__15ydgey1";
+
+// src/components/Spinner/index.tsx
+var import_jsx_runtime = 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_react.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_runtime.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_runtime.jsx)(import_progress.Progress.Root, { value, max, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress.Progress.Track, { style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress.Progress.Indicator, { style: { display: "contents" }, children: spinnerDiv }) }) });
+  }
+  return spinnerDiv;
+});
+Spinner.displayName = "Spinner";
+
+// src/components/Button/styles.css.ts
+var buttonBaseClass = "styles_buttonBaseClass__3jl68w8";
+var buttonBorderRadiusVariants = { large: "styles_buttonBorderRadiusVariants_large__3jl68wy", medium: "styles_buttonBorderRadiusVariants_medium__3jl68wz", small: "styles_buttonBorderRadiusVariants_small__3jl68w10" };
+var buttonColorVariants = { primary: "styles_buildColorVariant__3jl68w9", red: "styles_buildColorVariant__3jl68wa", yellow: "styles_buildColorVariant__3jl68wb", green: "styles_buildColorVariant__3jl68wc", blue: "styles_buildColorVariant__3jl68wd", orange: "styles_buildColorVariant__3jl68we", second_green: "styles_buildColorVariant__3jl68wf", neutral: "styles_buildColorVariant__3jl68wg" };
+var buttonPaddingVariants = { large: { text: "styles_makePad__3jl68w11", icon: "styles_makePad__3jl68w12", textAndIcon: "styles_makePad__3jl68w13" }, medium: { text: "styles_makePad__3jl68w14", icon: "styles_makePad__3jl68w15", textAndIcon: "styles_makePad__3jl68w16" }, small: { text: "styles_makePad__3jl68w17", icon: "styles_makePad__3jl68w18", textAndIcon: "styles_makePad__3jl68w19" } };
+var buttonSizeVariants = { large: "styles_buttonSizeVariants_large__3jl68wv", medium: "styles_buttonSizeVariants_medium__3jl68ww", small: "styles_buttonSizeVariants_small__3jl68wx" };
+var colorActiveVar = "var(--colorActiveVar__3jl68w2)";
+var colorHoverVar = "var(--colorHoverVar__3jl68w1)";
+var colorTextVar = "var(--colorTextVar__3jl68w3)";
+var colorVar = "var(--colorVar__3jl68w0)";
+var linkVariantClass = "styles_linkVariantClass__3jl68wt";
+var outlineVariantClass = "styles_outlineVariantClass__3jl68wq";
+var primaryVariantClass = "styles_primaryVariantClass__3jl68wp";
+var segmentedVariantClass = "styles_segmentedVariantClass__3jl68wu";
+var textVariantClass = "styles_textVariantClass__3jl68ws";
+var tonalVariantClass = "styles_tonalVariantClass__3jl68wr";
+
+// src/components/Button/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var variantMap = {
+  default: primaryVariantClass,
+  outlined: outlineVariantClass,
+  tonal: tonalVariantClass,
+  text: textVariantClass,
+  link: linkVariantClass,
+  segmented: segmentedVariantClass
+};
+var Button = (0, import_react2.forwardRef)(function Button2({
+  variant = "default",
+  size = "large",
+  icon,
+  customColor,
+  color,
+  isLoading,
+  isSelected,
+  children,
+  triggerKey,
+  ...props
+}, ref) {
+  const buttonRef = (0, import_react2.useRef)(null);
+  const mergedRef = (0, import_react2.useCallback)(
+    (node) => {
+      buttonRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref)
+        ref.current = node;
+    },
+    [ref]
+  );
+  const customColorStyles = (0, import_react2.useMemo)(() => {
+    if (!customColor) return void 0;
+    const variants = generateColorVariants(customColor);
+    return (0, import_dynamic.assignInlineVars)({
+      [colorVar]: variants.default,
+      [colorHoverVar]: variants.dark,
+      [colorActiveVar]: variants.darker,
+      [colorTextVar]: variants.darker
+    });
+  }, [customColor]);
+  const textAndIcon = !!icon && !!children;
+  if (process.env.NODE_ENV === "development" && icon && !children && !props["aria-label"]) {
+    console.warn(
+      "Button: icon-only button should have an aria-label prop for accessibility"
+    );
+  }
+  const variantClass = variantMap[variant] ?? primaryVariantClass;
+  const colorClass = !customColor && color ? buttonColorVariants[color] : void 0;
+  const paddingType = textAndIcon ? "textAndIcon" : icon ? "icon" : "text";
+  const paddingClass = buttonPaddingVariants[size][paddingType];
+  const radiusClass = buttonBorderRadiusVariants[size];
+  const sizeClass = buttonSizeVariants[size];
+  const className = (0, import_clsx.default)(
+    buttonBaseClass,
+    variantClass,
+    colorClass,
+    sizeClass,
+    paddingClass,
+    radiusClass
+  );
+  (0, import_react2.useEffect)(() => {
+    if (!triggerKey) return;
+    const handleKeyDown = (event) => {
+      if (event.key === triggerKey) {
+        if (!triggerKey || event.key !== triggerKey) return;
+        const activeElement = document.activeElement;
+        const isInputFocused = activeElement instanceof HTMLInputElement || activeElement instanceof HTMLTextAreaElement;
+        if (isInputFocused) return;
+        const button = buttonRef.current;
+        if (!button) return;
+        const rect = button.getBoundingClientRect();
+        const isVisible = rect.width > 0 && rect.height > 0;
+        if (!isVisible) return;
+        const topElement = document.elementFromPoint(
+          rect.left + rect.width / 2,
+          rect.top + rect.height / 2
+        );
+        const isOnTop = topElement === button || button.contains(topElement);
+        if (!isOnTop) return;
+        button.click();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [triggerKey]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_button.Button,
+    {
+      ref: mergedRef,
+      className,
+      style: customColorStyles,
+      "data-selected": isSelected,
+      "data-slot": "button",
+      ...props,
+      disabled: isLoading || props.disabled,
+      focusableWhenDisabled: false,
+      "aria-busy": isLoading,
+      "aria-disabled": isLoading,
+      onClick: (e) => {
+        var _a;
+        if (isLoading) {
+          e.preventDefault();
+          e.stopPropagation();
+          return;
+        }
+        (_a = props.onClick) == null ? void 0 : _a.call(props, e);
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "span",
+        {
+          "data-slot": "button-content",
+          style: {
+            position: "relative",
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: "inherit"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              "span",
+              {
+                "data-slot": "button-inner",
+                style: {
+                  visibility: isLoading ? "hidden" : "visible",
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: "inherit"
+                },
+                children: [
+                  icon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "data-slot": "button-icon", children: icon }),
+                  children
+                ]
+              }
+            ),
+            isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "span",
+              {
+                "data-slot": "button-spinner",
+                style: {
+                  position: "absolute",
+                  inset: 0,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { size: 16, color: vars.colors.neutral.light })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+Button.displayName = "Button";
+
+// src/components/FieldInfo/styles.css.ts
+var errorSlotClass = "styles_errorSlotClass__1v4k68v4";
+var errorSlotInnerClass = "styles_errorSlotInnerClass__1v4k68v5";
+var fieldInfoContainerClass = "styles_fieldInfoContainerClass__1v4k68v1 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xxs_desktop__1hu819u6b";
+
+// src/components/icons/IconArrowDropDown.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var IconArrowDropDown = ({ ...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: "IconArrowDropDown_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(#IconArrowDropDown_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m11.39 15.204-4.216-4.216A.547.547 0 0 1 7 10.581q0-.232.16-.407A.55.55 0 0 1 7.58 10h8.838q.26 0 .421.174.16.175.16.407 0 .06-.174.407l-4.216 4.216a.9.9 0 0 1-.29.203.9.9 0 0 1-.32.058.9.9 0 0 1-.32-.058.9.9 0 0 1-.29-.203" }) })
+      ]
+    }
+  );
+};
+
+// src/components/icons/IconCalendarCheck.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var IconCalendarCheck = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "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)(
+          "mask",
+          {
+            id: "IconCalendarCheck_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("g", { mask: "url(#IconCalendarCheck_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m10.95 15.45 3.475-3.475q.3-.3.725-.3t.725.3.3.725-.3.725L11.65 17.65q-.3.3-.7.3a.96.96 0 0 1-.7-.3l-2.125-2.125q-.3-.3-.3-.725t.3-.725.725-.3.725.3zM5 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 20V6q0-.824.587-1.412A1.93 1.93 0 0 1 5 4h1V3q0-.424.287-.712A.97.97 0 0 1 7 2q.424 0 .713.288Q8 2.575 8 3v1h8V3q0-.424.288-.712A.97.97 0 0 1 17 2q.424 0 .712.288Q18 2.575 18 3v1h1q.824 0 1.413.588Q21 5.175 21 6v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 22zm0-2h14V10H5zM5 8h14V6H5z" }) })
+      ]
+    }
+  );
+};
+
+// src/components/icons/IconExclamation.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var IconExclamation = ({ ...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: "IconExclamation_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(#IconExclamation_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime6 = require("react/jsx-runtime");
+var IconEye = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime7 = require("react/jsx-runtime");
+var IconEyeSlash = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "mask",
+          {
+            id: "IconEyeSlash_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("g", { mask: "url(#IconEyeSlash_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime7.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/SingleCalendar/CalendarComponents/index.tsx
+var import_date_fns3 = require("date-fns");
+
+// src/components/Calendar/CalendarComponents/index.tsx
+var import_date_fns2 = require("date-fns");
+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_react4 = require("react");
+var import_react_number_format = require("react-number-format");
+
+// src/components/FieldInfo/FieldMessage.tsx
+var import_react3 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function useDelayedUnmount(visible, delay) {
+  const [mounted, setMounted] = (0, import_react3.useState)(visible);
+  (0, import_react3.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_runtime8.jsx)(
+    "p",
+    {
+      className: fieldInfoContainerClass,
+      "data-visible": visible ? "true" : "false",
+      style: { color },
+      children: content
+    }
+  );
+}
+
+// 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_runtime9 = 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_react4.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_react4.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_runtime9.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_runtime9.jsx)(IconEyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.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_runtime9.jsx)(import_field.Field.Label, { "data-size": size, "data-slot": "input-label", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            "div",
+            {
+              className: `${inputContainerClass} ${inputContainerSizeVariants[size]}`,
+              "data-slot": "input-container",
+              children: [
+                iconLeft && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "icon-left", children: iconLeft }),
+                isCurrency ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  CurrencyInput,
+                  {
+                    hasPrefix,
+                    minimumFractionDigits,
+                    ...props,
+                    style: { ...props.style, ...inputStyle },
+                    type: inputType,
+                    ref,
+                    sizeClass: inputSizeVariants[size]
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsx)(
+                  Spinner,
+                  {
+                    size: spinnerSize,
+                    color: vars.colors.neutral.light,
+                    style: {
+                      position: "absolute",
+                      right: 16,
+                      top: "50%",
+                      transform: "translateY(-50%)"
+                    }
+                  }
+                ) : error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconExclamation, { className: "error-icon" }) : passwordIcon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "icon-right", children: passwordIcon })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            FieldMessage,
+            {
+              error,
+              info,
+              isDisabled: props.disabled || isLoading
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var NormalInput = (0, import_react4.forwardRef)(
+  ({ isLoading, mask, sizeClass, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_input.Input,
+      {
+        ...props,
+        disabled: isLoading || props.disabled,
+        className: `${inputClass} ${sizeClass || ""}`,
+        ref
+      }
+    );
+  }
+);
+NormalInput.displayName = "NormalInput";
+var CurrencyInput = (0, import_react4.forwardRef)(
+  ({
+    hasPrefix,
+    minimumFractionDigits = 2,
+    value,
+    isLoading,
+    sizeClass,
+    ...props
+  }, ref) => {
+    const multiplicator = 10 ** minimumFractionDigits;
+    const inputElementRef = (0, import_react4.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_runtime9.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/Calendar/CalendarComponents/index.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var INPUT_HEIGHT = 28;
+var DATE_WIDTH = 105;
+var TIME_WIDTH = 60;
+var TimeInput = ({
+  value,
+  setValue,
+  type = "start",
+  compareDate,
+  disabled,
+  styled
+}) => {
+  const [timeValue, setTimeValue] = (0, import_react5.useState)((0, import_date_fns2.format)(value, "HH:mm"));
+  (0, import_react5.useEffect)(() => {
+    setTimeValue((0, import_date_fns2.format)(value, "HH:mm"));
+  }, [value]);
+  const handleBlur = () => {
+    const clampedDate = clampTimeString(timeValue, value, type, compareDate);
+    if (Number.isNaN(clampedDate.getTime())) {
+      setTimeValue((0, import_date_fns2.format)(value, "HH:mm"));
+      return;
+    }
+    setValue(clampedDate);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Input,
+    {
+      mask: "99:99",
+      value: timeValue,
+      disabled,
+      onFocus: () => {
+        setTimeValue("");
+      },
+      onChange: (e) => {
+        setTimeValue(e.target.value);
+      },
+      onBlur: handleBlur,
+      style: {
+        width: TIME_WIDTH,
+        height: INPUT_HEIGHT,
+        padding: "4px 8px",
+        textAlign: "center",
+        ...styled
+      }
+    }
+  );
+};
+var DateInput = ({
+  value,
+  setValue,
+  type = "start",
+  compareDate
+}) => {
+  const [dateValue, setDateValue] = (0, import_react5.useState)(
+    (0, import_date_fns2.format)(new Date(value), "dd/MM/yyyy")
+  );
+  (0, import_react5.useEffect)(() => {
+    setDateValue((0, import_date_fns2.format)(value, "dd/MM/yyyy"));
+  }, [value]);
+  const handleBlur = () => {
+    const clampedDate = clampDateString(dateValue, value, type, compareDate);
+    if (Number.isNaN(clampedDate.getTime())) {
+      setDateValue((0, import_date_fns2.format)(value, "dd/MM/yyyy"));
+      return;
+    }
+    setValue(clampedDate);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Input,
+    {
+      mask: "99/99/9999",
+      value: dateValue,
+      onFocus: () => {
+        setDateValue("");
+      },
+      onBlur: handleBlur,
+      onChange: (e) => {
+        setDateValue(e.target.value);
+      },
+      style: {
+        width: DATE_WIDTH,
+        height: INPUT_HEIGHT,
+        padding: "4px 8px",
+        textAlign: "center"
+      }
+    }
+  );
+};
+
+// src/components/SingleCalendar/CalendarComponents/styles.css.ts
+var dateHourInput2 = "styles_dateHourInput__ek220u1";
+var inputsArea2 = "styles_inputsArea__ek220u0";
+
+// src/components/SingleCalendar/CalendarComponents/index.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var CalendarInputs = ({
+  selectedDate,
+  setSelectedDate
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: inputsArea2, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: dateHourInput2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      DateInput,
+      {
+        value: selectedDate,
+        setValue: (e) => {
+          setSelectedDate(e);
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      TimeInput,
+      {
+        value: selectedDate,
+        setValue: (e) => {
+          setSelectedDate(e);
+        }
+      }
+    )
+  ] }) });
+};
+
+// src/components/SingleCalendar/styles.css.ts
+var calendarContainer = "shared_calendarContainer__nvtd296 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_padding_s_desktop__1hu819un";
+var contentBody = "shared_contentBody__nvtd294 sprinkles_display_flex_desktop__1hu819u5";
+var contentFooter = "shared_contentFooter__nvtd29d sprinkles_display_flex_desktop__1hu819u5 sprinkles_justifyContent_flex-end__1hu819ud2 sprinkles_gap_xs_desktop__1hu819u6e sprinkles_padding_s_desktop__1hu819un";
+var datePickerContent = "shared_datePickerContent__nvtd292 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct";
+var datePickerPositioner = "shared_datePickerPositioner__nvtd290";
+var datePickerTrigger = "styles_datePickerTrigger__12xx47g3 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_justifyContent_center__1hu819ud1 sprinkles_gap_xs_desktop__1hu819u6e sprinkles_cursor_pointer__1hu819uds sprinkles_fontFamily_default__1hu819udz";
+var datePickerWrapper = "styles_datePickerWrapper__12xx47g1 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct";
+var dayButton = "styles_dayButton__12xx47g5 sprinkles_display_flex_desktop__1hu819u5 sprinkles_justifyContent_center__1hu819ud1 sprinkles_alignItems_center__1hu819ucx sprinkles_cursor_pointer__1hu819uds sprinkles_fontFamily_default__1hu819udz";
+var dayButtonFirstOrLast = "styles_dayButtonFirstOrLast__12xx47g6";
+var dayButtonHovered = "shared_dayButtonHovered__nvtd29b";
+var dayButtonSelected = "shared_dayButtonSelected__nvtd29a";
+var monthYearHeader = "shared_monthYearHeader__nvtd298 sprinkles_display_flex_desktop__1hu819u5 sprinkles_justifyContent_space-between__1hu819ud3 sprinkles_alignItems_center__1hu819ucx sprinkles_paddingBottom_xs_desktop__1hu819u1q";
+var styledCalendar = "shared_styledCalendar__nvtd299";
+
+// src/components/SingleCalendar/index.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var DayButtonComponent = import_react6.default.memo(
+  function DayButton({
+    $isSelected,
+    $isHovered,
+    $isFirst,
+    $isLast,
+    children,
+    className,
+    ...props
+  }) {
+    const classNames = [dayButton];
+    if ($isSelected) {
+      classNames.push(dayButtonSelected);
+    }
+    if ($isHovered) {
+      classNames.push(dayButtonHovered);
+    }
+    if ($isFirst || $isLast) {
+      classNames.push(dayButtonFirstOrLast);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { className: classNames.join(" "), ...props, children });
+  },
+  (prevProps, nextProps) => {
+    return prevProps.$isSelected === nextProps.$isSelected && prevProps.disabled === nextProps.disabled && prevProps.children === nextProps.children;
+  }
+);
+var DayButtonMemo = import_react6.default.memo(DayButtonComponent);
+var SingleCalendar = (0, import_react6.forwardRef)(function SingleCalendar2({
+  onlyDate,
+  onSelectDate,
+  defaultDate,
+  isLoading,
+  disabled,
+  minDate,
+  maxDate,
+  value,
+  containerStyles,
+  label,
+  error,
+  ...props
+}, ref) {
+  const [show, setShow] = (0, import_react6.useState)(false);
+  const defaultDateValue = (0, import_react6.useMemo)(() => (0, import_date_fns4.endOfDay)(/* @__PURE__ */ new Date()), []);
+  const [selectedDate, setSelectedDate] = (0, import_react6.useState)(
+    defaultDate || defaultDateValue
+  );
+  const [dateOnButton, setDateOnButton] = (0, import_react6.useState)(
+    defaultDate || defaultDateValue
+  );
+  const [monthToShow, setMonthToShow] = (0, import_react6.useState)({
+    start: (0, import_date_fns4.startOfMonth)(selectedDate),
+    end: (0, import_date_fns4.endOfMonth)(selectedDate)
+  });
+  const [focusedDate, setFocusedDate] = (0, import_react6.useState)(selectedDate);
+  const gridRef = (0, import_react6.useRef)(null);
+  const focusPendingRef = (0, import_react6.useRef)(false);
+  (0, import_react6.useLayoutEffect)(() => {
+    var _a;
+    if (!focusPendingRef.current) return;
+    focusPendingRef.current = false;
+    const btn = (_a = gridRef.current) == null ? void 0 : _a.querySelector(
+      `[data-date="${(0, import_date_fns4.format)(focusedDate, "yyyy-MM-dd")}"]`
+    );
+    btn == null ? void 0 : btn.focus({ preventScroll: true });
+  });
+  const daysToShowMemo = (0, import_react6.useMemo)(() => {
+    const daysOfTheMonth = (0, import_date_fns4.eachDayOfInterval)(monthToShow);
+    fillDaysArray(daysOfTheMonth);
+    return daysOfTheMonth.map((day) => ({
+      value: day,
+      day: day.getDate(),
+      month: day.getMonth(),
+      year: day.getFullYear(),
+      weekday: day.getDay()
+    }));
+  }, [monthToShow]);
+  const toggleShow = (0, import_react6.useCallback)(() => {
+    setSelectedDate(dateOnButton);
+    setShow((state) => !state);
+  }, [dateOnButton]);
+  const handleSelectDate = (0, import_react6.useCallback)(
+    (date) => {
+      onSelectDate == null ? void 0 : onSelectDate(date);
+      setDateOnButton(date);
+      setShow(false);
+    },
+    [onSelectDate]
+  );
+  const onClickDay = (0, import_react6.useCallback)(
+    (day) => {
+      setFocusedDate(day);
+      if (onlyDate) {
+        handleSelectDate(day);
+        return;
+      }
+      setSelectedDate((0, import_date_fns4.endOfDay)(day));
+    },
+    [onlyDate, handleSelectDate]
+  );
+  const handlePreviousMonth = (0, import_react6.useCallback)(() => {
+    const newMonth = (0, import_date_fns4.subMonths)(monthToShow.start, 1);
+    setMonthToShow({
+      start: (0, import_date_fns4.startOfMonth)(newMonth),
+      end: (0, import_date_fns4.endOfMonth)(newMonth)
+    });
+  }, [monthToShow.start]);
+  const handleNextMonth = (0, import_react6.useCallback)(() => {
+    const newMonth = (0, import_date_fns4.addMonths)(monthToShow.start, 1);
+    setMonthToShow({
+      start: (0, import_date_fns4.startOfMonth)(newMonth),
+      end: (0, import_date_fns4.endOfMonth)(newMonth)
+    });
+  }, [monthToShow.start]);
+  (0, import_react6.useEffect)(() => {
+    if (value) {
+      setDateOnButton(value);
+      setSelectedDate(value);
+      setFocusedDate(value);
+    }
+  }, [value]);
+  (0, import_react6.useEffect)(() => {
+    setMonthToShow({
+      start: (0, import_date_fns4.startOfMonth)(selectedDate),
+      end: (0, import_date_fns4.endOfMonth)(selectedDate)
+    });
+  }, [selectedDate]);
+  const handleGridKeyDown = (0, import_react6.useCallback)(
+    (e) => {
+      const NAV_KEYS = [
+        "ArrowLeft",
+        "ArrowRight",
+        "ArrowUp",
+        "ArrowDown",
+        "PageUp",
+        "PageDown",
+        "Home",
+        "End",
+        "Enter",
+        " "
+      ];
+      if (!NAV_KEYS.includes(e.key)) return;
+      e.preventDefault();
+      if (e.key === "Enter" || e.key === " ") {
+        onClickDay(focusedDate);
+        return;
+      }
+      let next = focusedDate;
+      switch (e.key) {
+        case "ArrowLeft":
+          next = (0, import_date_fns4.subDays)(focusedDate, 1);
+          break;
+        case "ArrowRight":
+          next = (0, import_date_fns4.addDays)(focusedDate, 1);
+          break;
+        case "ArrowUp":
+          next = (0, import_date_fns4.subDays)(focusedDate, 7);
+          break;
+        case "ArrowDown":
+          next = (0, import_date_fns4.addDays)(focusedDate, 7);
+          break;
+        case "PageUp":
+          next = e.shiftKey ? (0, import_date_fns4.subYears)(focusedDate, 1) : (0, import_date_fns4.subMonths)(focusedDate, 1);
+          break;
+        case "PageDown":
+          next = e.shiftKey ? (0, import_date_fns4.addYears)(focusedDate, 1) : (0, import_date_fns4.addMonths)(focusedDate, 1);
+          break;
+        case "Home":
+          next = (0, import_date_fns4.startOfWeek)(focusedDate);
+          break;
+        case "End":
+          next = (0, import_date_fns4.endOfWeek)(focusedDate);
+          break;
+      }
+      if (minDate && (0, import_date_fns4.isBefore)(next, (0, import_date_fns4.startOfDay)(minDate)))
+        next = (0, import_date_fns4.startOfDay)(minDate);
+      if (maxDate && (0, import_date_fns4.isAfter)(next, (0, import_date_fns4.endOfDay)(maxDate))) next = (0, import_date_fns4.endOfDay)(maxDate);
+      focusPendingRef.current = true;
+      setFocusedDate(next);
+      if (!(0, import_date_fns4.isSameMonth)(next, monthToShow.start)) {
+        setMonthToShow({
+          start: (0, import_date_fns4.startOfMonth)(next),
+          end: (0, import_date_fns4.endOfMonth)(next)
+        });
+      }
+    },
+    [focusedDate, monthToShow.start, minDate, maxDate, onClickDay]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_field2.Field.Root,
+    {
+      invalid: !!error,
+      className: datePickerWrapper,
+      style: containerStyles,
+      ref,
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_field2.Field.Label, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_popover.Popover.Root, { open: show, onOpenChange: setShow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            import_popover.Popover.Trigger,
+            {
+              render: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "button",
+                {
+                  className: datePickerTrigger,
+                  type: "button",
+                  disabled: disabled || isLoading,
+                  ...props
+                }
+              ),
+              onClick: toggleShow,
+              children: [
+                (0, import_date_fns4.format)(dateOnButton, `dd/MM/yyyy${onlyDate ? "" : "- HH:mm"}`),
+                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Spinner, { size: 20, color: vars.colors.neutral.light }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconCalendarCheck, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_popover.Popover.Positioner,
+            {
+              side: "bottom",
+              align: "start",
+              sideOffset: 4,
+              className: datePickerPositioner,
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                import_popover.Popover.Popup,
+                {
+                  initialFocus: false,
+                  finalFocus: false,
+                  className: datePickerContent,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: contentBody, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: calendarContainer, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: monthYearHeader, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          IconArrowDropDown,
+                          {
+                            fontSize: 24,
+                            style: { transform: "rotate(90deg)" },
+                            onClick: handlePreviousMonth
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
+                          (0, import_date_fns4.format)(monthToShow.start, "MMMM", { locale: import_locale.ptBR }),
+                          ", ",
+                          (0, import_date_fns4.format)(monthToShow.start, "yyyy")
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          IconArrowDropDown,
+                          {
+                            fontSize: 24,
+                            style: { transform: "rotate(-90deg)" },
+                            onClick: handleNextMonth
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("ul", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: "D" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: "S" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: "T" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: "Q" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: "Q" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: "S" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: "S" })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        "div",
+                        {
+                          className: styledCalendar,
+                          ref: gridRef,
+                          role: "grid",
+                          "aria-label": "Calend\xE1rio",
+                          onKeyDown: handleGridKeyDown,
+                          children: daysToShowMemo.map((day) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                            DayButtonMemo,
+                            {
+                              "data-date": (0, import_date_fns4.format)(day.value, "yyyy-MM-dd"),
+                              tabIndex: (0, import_date_fns4.isSameDay)(day.value, focusedDate) ? 0 : -1,
+                              "aria-label": (0, import_date_fns4.format)(day.value, "d 'de' MMMM 'de' yyyy", {
+                                locale: import_locale.ptBR
+                              }),
+                              "aria-selected": (0, import_date_fns4.isSameDay)(
+                                (0, import_date_fns4.endOfDay)(day.value),
+                                selectedDate
+                              ),
+                              onClick: () => onClickDay(day.value),
+                              $isSelected: (0, import_date_fns4.isSameDay)(
+                                (0, import_date_fns4.endOfDay)(day.value),
+                                selectedDate
+                              ),
+                              disabled: minDate && (0, import_date_fns4.isBefore)(day.value, minDate) || maxDate && (0, import_date_fns4.isAfter)(day.value, maxDate),
+                              children: day.day
+                            },
+                            day.value.toString()
+                          ))
+                        }
+                      ),
+                      !onlyDate && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        CalendarInputs,
+                        {
+                          selectedDate,
+                          setSelectedDate
+                        }
+                      )
+                    ] }) }),
+                    !onlyDate && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: contentFooter, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                      Button,
+                      {
+                        variant: "outlined",
+                        onClick: () => handleSelectDate(selectedDate),
+                        children: "Aplicar"
+                      }
+                    ) })
+                  ]
+                }
+              )
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: errorSlotClass, "data-visible": error ? "true" : "false", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: errorSlotInnerClass, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_field2.Field.Error,
+          {
+            className: fieldInfoContainerClass,
+            style: {
+              color: vars.colors.red.default,
+              opacity: 1,
+              transform: "none"
+            },
+            children: error
+          }
+        ) }) })
+      ]
+    }
+  );
+});
+SingleCalendar.displayName = "SingleCalendar";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SingleCalendar
+});
+//# sourceMappingURL=index.cjs.map