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

package/dist/components/Calendar/index.js

@@ -0,0 +1,1938 @@
+"use client";
+
+// src/components/Calendar/index.tsx
+import { Popover } from "@base-ui/react/popover";
+import {
+  addDays as addDays2,
+  addMonths,
+  addYears,
+  compareAsc,
+  eachDayOfInterval,
+  endOfDay as endOfDay2,
+  endOfMonth as endOfMonth2,
+  endOfWeek as endOfWeek2,
+  format as format2,
+  isAfter as isAfter2,
+  isBefore as isBefore2,
+  isSameDay,
+  isSameMonth,
+  startOfDay as startOfDay2,
+  startOfMonth as startOfMonth2,
+  startOfWeek as startOfWeek2,
+  subDays as subDays3,
+  subMonths as subMonths2,
+  subYears
+} from "date-fns";
+import { ptBR } from "date-fns/locale";
+import React, {
+  forwardRef as forwardRef5,
+  useCallback as useCallback2,
+  useEffect as useEffect4,
+  useLayoutEffect,
+  useMemo as useMemo2,
+  useRef as useRef3,
+  useState as useState4
+} from "react";
+
+// 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
+import axios from "axios";
+import {
+  addDays,
+  getDaysInMonth,
+  isAfter,
+  isBefore,
+  set,
+  subDays
+} from "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 = 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 = 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 = set(currentDate, { hours, minutes });
+  if (compareDate && type === "start" && isAfter(adjustedDate, compareDate)) {
+    return compareDate;
+  } else if (compareDate && type === "end" && 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 = getDaysInMonth(new Date(year, month));
+  day = Math.max(1, Math.min(maxDay, day));
+  const adjustedDate = set(currentDate, { year, month, date: day });
+  if (compareDate && type === "start" && isAfter(adjustedDate, compareDate)) {
+    return compareDate;
+  } else if (compareDate && type === "end" && 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
+import { Button as BaseButton } from "@base-ui/react/button";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import clsx from "clsx";
+import {
+  forwardRef as forwardRef2,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef
+} from "react";
+
+// src/components/Spinner/index.tsx
+import { Progress } from "@base-ui/react/progress";
+import { forwardRef } from "react";
+
+// src/components/Spinner/styles.css.ts
+var spinnerStyles = "styles_spinnerStyles__15ydgey1";
+
+// src/components/Spinner/index.tsx
+import { jsx } from "react/jsx-runtime";
+var SVG_MASK = `url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z'/></svg>")`;
+var Spinner = forwardRef(function Spinner2({ color, size, value, max = 100, ...props }, ref) {
+  const resolvedColor = color || vars.colors.primary.default;
+  const resolvedSize = size || 22;
+  const spinnerDiv = /* @__PURE__ */ 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__ */ jsx(Progress.Root, { value, max, children: /* @__PURE__ */ jsx(Progress.Track, { style: { display: "contents" }, children: /* @__PURE__ */ jsx(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
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var variantMap = {
+  default: primaryVariantClass,
+  outlined: outlineVariantClass,
+  tonal: tonalVariantClass,
+  text: textVariantClass,
+  link: linkVariantClass,
+  segmented: segmentedVariantClass
+};
+var Button = forwardRef2(function Button2({
+  variant = "default",
+  size = "large",
+  icon,
+  customColor,
+  color,
+  isLoading,
+  isSelected,
+  children,
+  triggerKey,
+  ...props
+}, ref) {
+  const buttonRef = useRef(null);
+  const mergedRef = useCallback(
+    (node) => {
+      buttonRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref)
+        ref.current = node;
+    },
+    [ref]
+  );
+  const customColorStyles = useMemo(() => {
+    if (!customColor) return void 0;
+    const variants = generateColorVariants(customColor);
+    return 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 = clsx(
+    buttonBaseClass,
+    variantClass,
+    colorClass,
+    sizeClass,
+    paddingClass,
+    radiusClass
+  );
+  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__ */ jsx2(
+    BaseButton,
+    {
+      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__ */ jsxs(
+        "span",
+        {
+          "data-slot": "button-content",
+          style: {
+            position: "relative",
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: "inherit"
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                "data-slot": "button-inner",
+                style: {
+                  visibility: isLoading ? "hidden" : "visible",
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: "inherit"
+                },
+                children: [
+                  icon && /* @__PURE__ */ jsx2("span", { "data-slot": "button-icon", children: icon }),
+                  children
+                ]
+              }
+            ),
+            isLoading && /* @__PURE__ */ jsx2(
+              "span",
+              {
+                "data-slot": "button-spinner",
+                style: {
+                  position: "absolute",
+                  inset: 0,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                children: /* @__PURE__ */ jsx2(Spinner, { size: 16, color: vars.colors.neutral.light })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+Button.displayName = "Button";
+
+// src/components/Checkbox/index.tsx
+import { Checkbox as BaseCheckbox } from "@base-ui/react/checkbox";
+import { forwardRef as forwardRef3, useId } from "react";
+
+// src/components/icons/IconArrowDropDown.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var IconArrowDropDown = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx3(
+          "mask",
+          {
+            id: "IconArrowDropDown_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx3("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx3("g", { mask: "url(#IconArrowDropDown_svg__a)", children: /* @__PURE__ */ jsx3("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
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var IconCalendarCheck = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs3(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx4(
+          "mask",
+          {
+            id: "IconCalendarCheck_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx4("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx4("g", { mask: "url(#IconCalendarCheck_svg__a)", children: /* @__PURE__ */ jsx4("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/IconCheckbox.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var IconCheckbox = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx5(
+          "mask",
+          {
+            id: "IconCheckbox_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx5("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx5("g", { mask: "url(#IconCheckbox_svg__a)", children: /* @__PURE__ */ jsx5("path", { d: "M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z" }) })
+      ]
+    }
+  );
+};
+
+// src/components/icons/IconCheckboxCheckedFilled.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var IconCheckboxCheckedFilled = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs5(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs5("g", { clipPath: "url(#IconCheckboxCheckedFilled_svg__a)", children: [
+          /* @__PURE__ */ jsx6("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-8.3 13.3c-.4.4-1 .4-1.4 0l-3.6-3.6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l2.9 2.9 6.9-6.9c.4-.4 1-.4 1.4 0s.4 1 0 1.4z" }),
+          /* @__PURE__ */ jsx6(
+            "path",
+            {
+              fill: "#fff",
+              d: "M10.7 16.3c-.4.4-1 .4-1.4 0l-3.6-3.6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l2.9 2.9 6.9-6.9c.4-.4 1-.4 1.4 0s.4 1 0 1.4z"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx6("defs", { children: /* @__PURE__ */ jsx6("clipPath", { id: "IconCheckboxCheckedFilled_svg__a", children: /* @__PURE__ */ jsx6("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+      ]
+    }
+  );
+};
+
+// src/components/icons/IconExclamation.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var IconExclamation = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs6(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx7(
+          "mask",
+          {
+            id: "IconExclamation_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx7("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx7("g", { mask: "url(#IconExclamation_svg__a)", children: /* @__PURE__ */ jsx7("path", { d: "M12 21q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 19q0-.824.588-1.413A1.93 1.93 0 0 1 12 17q.825 0 1.412.587Q14 18.176 14 19q0 .824-.588 1.413A1.93 1.93 0 0 1 12 21m0-6q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 13V5q0-.824.588-1.412A1.93 1.93 0 0 1 12 3q.825 0 1.412.587Q14 4.176 14 5v8q0 .825-.588 1.412A1.93 1.93 0 0 1 12 15" }) })
+      ]
+    }
+  );
+};
+
+// src/components/icons/IconEye.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var IconEye = ({ ...props }) => {
+  return /* @__PURE__ */ jsx8(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: /* @__PURE__ */ jsx8("path", { d: "M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.187T12 7 8.813 8.313 7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.787A2.6 2.6 0 0 1 9.3 11.5q0-1.125.787-1.912A2.6 2.6 0 0 1 12 8.8q1.125 0 1.912.787.788.788.788 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.35 0-6.112-1.8t-4.363-4.75a1.907 1.907 0 0 1-.187-1.437q.062-.238.187-.463 1.6-2.95 4.363-4.75Q8.65 4 12 4t6.113 1.8 4.362 4.75q.125.225.188.462a1.9 1.9 0 0 1 0 .976 2 2 0 0 1-.188.462q-1.6 2.95-4.363 4.75Q15.35 19 12 19m0-2a9.54 9.54 0 0 0 5.188-1.488A9.77 9.77 0 0 0 20.8 11.5a9.77 9.77 0 0 0-3.613-4.012A9.54 9.54 0 0 0 12 6a9.55 9.55 0 0 0-5.187 1.487A9.77 9.77 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.613 4.012A9.54 9.54 0 0 0 12 17" })
+    }
+  );
+};
+
+// src/components/icons/IconEyeSlash.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var IconEyeSlash = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs7(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx9(
+          "mask",
+          {
+            id: "IconEyeSlash_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ jsx9("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ jsx9("g", { mask: "url(#IconEyeSlash_svg__a)", children: /* @__PURE__ */ jsx9("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/Checkbox/styles.css.ts
+var checkboxIndicatorClass = "styles_checkboxIndicatorClass__yueg2q1 sprinkles_display_inline-flex_desktop__1hu819u8 sprinkles_alignItems_center__1hu819ucx sprinkles_justifyContent_center__1hu819ud1 sprinkles_position_absolute__1hu819udf";
+var checkboxLabelClass = "styles_checkboxLabelClass__yueg2q5 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xxs_desktop__1hu819u6b sprinkles_cursor_pointer__1hu819uds sprinkles_color_neutral.darker__1hu819ufc";
+var checkboxLabelColumnClass = "styles_checkboxLabelColumnClass__yueg2qb sprinkles_flexDirection_column__1hu819uct";
+var checkboxLabelColumnReverseClass = "styles_checkboxLabelColumnReverseClass__yueg2qd sprinkles_flexDirection_column-reverse__1hu819ucu";
+var checkboxLabelRowClass = "styles_checkboxLabelRowClass__yueg2q7 sprinkles_flexDirection_row__1hu819ucr";
+var checkboxLabelRowReverseClass = "styles_checkboxLabelRowReverseClass__yueg2q9 sprinkles_flexDirection_row-reverse__1hu819ucs";
+var checkboxRootClass = "styles_checkboxRootClass__yueg2q3 sprinkles_display_inline-flex_desktop__1hu819u8 sprinkles_alignItems_center__1hu819ucx sprinkles_justifyContent_center__1hu819ud1 sprinkles_flexShrink_0__1hu819ud9 sprinkles_position_relative__1hu819ude sprinkles_cursor_pointer__1hu819uds";
+var checkboxTextColumnClass = "styles_checkboxTextColumnClass__yueg2qh sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_gap_xxs_desktop__1hu819u6b";
+var checkboxWrapperClass = "styles_checkboxWrapperClass__yueg2qf sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_row__1hu819ucr sprinkles_gap_xs_desktop__1hu819u6e sprinkles_position_relative__1hu819ude";
+
+// src/components/Checkbox/index.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var Checkbox = forwardRef3(function Checkbox2({
+  label,
+  labelPosition = "right",
+  labelStyles,
+  containerStyles,
+  description,
+  checked,
+  defaultChecked,
+  disabled,
+  indeterminate,
+  onCheckedChange,
+  onChange,
+  id,
+  name,
+  value,
+  required,
+  readOnly,
+  render
+}, ref) {
+  const reactId = useId();
+  const controlId = id ?? reactId;
+  const labelId = `${controlId}-label`;
+  const handleCheckedChange = (isChecked) => {
+    if (onChange) {
+      onChange({
+        target: { checked: isChecked, name: name ?? "" }
+      });
+    }
+    onCheckedChange == null ? void 0 : onCheckedChange(isChecked);
+  };
+  const flexDirectionClassMap = {
+    left: checkboxLabelRowReverseClass,
+    // row-reverse → text left, checkbox right
+    right: checkboxLabelRowClass,
+    // row → checkbox left, text right
+    top: checkboxLabelColumnReverseClass,
+    // column-reverse → text top, checkbox bottom
+    bottom: checkboxLabelColumnClass
+    // column → checkbox top, text bottom
+  };
+  const flexDirectionClass = flexDirectionClassMap[labelPosition];
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: `${checkboxWrapperClass} ${flexDirectionClass}`,
+      style: containerStyles,
+      "data-slot": "checkbox-root",
+      children: [
+        /* @__PURE__ */ jsxs8(
+          BaseCheckbox.Root,
+          {
+            ref,
+            id: controlId,
+            name,
+            checked,
+            defaultChecked,
+            disabled,
+            indeterminate,
+            required,
+            readOnly,
+            value,
+            onCheckedChange: handleCheckedChange,
+            className: checkboxRootClass,
+            "data-slot": "checkbox-control",
+            "aria-labelledby": label ? labelId : void 0,
+            ...render !== void 0 && { render },
+            children: [
+              /* @__PURE__ */ jsx10(IconCheckbox, { className: "icon-not-checked", "data-slot": "checkbox-icon" }),
+              /* @__PURE__ */ jsx10(
+                BaseCheckbox.Indicator,
+                {
+                  keepMounted: true,
+                  className: checkboxIndicatorClass,
+                  "data-slot": "checkbox-indicator",
+                  children: /* @__PURE__ */ jsx10(IconCheckboxCheckedFilled, { className: "icon-checked" })
+                }
+              )
+            ]
+          }
+        ),
+        (label || description) && /* @__PURE__ */ jsxs8("div", { className: checkboxTextColumnClass, children: [
+          label && /* @__PURE__ */ jsx10(
+            "label",
+            {
+              id: labelId,
+              htmlFor: controlId,
+              className: checkboxLabelClass,
+              "aria-disabled": disabled,
+              style: labelStyles,
+              "data-slot": "checkbox-label",
+              children: label
+            }
+          ),
+          description && /* @__PURE__ */ jsx10(
+            "p",
+            {
+              "aria-disabled": disabled,
+              className: "checkbox-description",
+              "data-slot": "checkbox-description",
+              children: description
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+Checkbox.displayName = "Checkbox";
+
+// src/components/Calendar/CalendarComponents/index.tsx
+import {
+  endOfDay,
+  endOfMonth,
+  endOfWeek,
+  endOfYear,
+  format,
+  startOfDay,
+  startOfMonth,
+  startOfWeek,
+  startOfYear,
+  subDays as subDays2,
+  subMonths,
+  subWeeks
+} from "date-fns";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+
+// src/components/Input/index.tsx
+import { Field } from "@base-ui/react/field";
+import { Input as BaseInput } from "@base-ui/react/input";
+import { forwardRef as forwardRef4, useRef as useRef2, useState as useState2 } from "react";
+import { NumberFormatBase } from "react-number-format";
+
+// src/components/FieldInfo/FieldMessage.tsx
+import { useEffect as useEffect2, useState } from "react";
+
+// src/components/FieldInfo/styles.css.ts
+var fieldInfoContainerClass = "styles_fieldInfoContainerClass__1v4k68v1 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xxs_desktop__1hu819u6b";
+
+// src/components/FieldInfo/FieldMessage.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function useDelayedUnmount(visible, delay) {
+  const [mounted, setMounted] = useState(visible);
+  useEffect2(() => {
+    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__ */ jsx11(
+    "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
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var maskValue = (value, mask) => {
+  if (!value || value.length === 0) return "";
+  let maskedValue = "";
+  let valueIndex = 0;
+  const letterRegex = /^[a-zA-ZÀ-ÿ~^´`]+$/;
+  for (let i = 0; i < mask.length; i++) {
+    const maskChar = mask[i];
+    const inputChar = value[valueIndex];
+    if (!inputChar) break;
+    if (maskChar === "9") {
+      if (/\d/.test(inputChar)) {
+        maskedValue += inputChar;
+        valueIndex++;
+      } else {
+        break;
+      }
+    } else if (maskChar === "a") {
+      if (letterRegex.test(inputChar)) {
+        maskedValue += inputChar;
+        valueIndex++;
+      } else {
+        break;
+      }
+    } else if (maskChar === "*") {
+      maskedValue += inputChar;
+      valueIndex++;
+    } else {
+      maskedValue += maskChar;
+      if (inputChar === maskChar) {
+        valueIndex++;
+      }
+    }
+  }
+  return maskedValue;
+};
+var Input = forwardRef4(
+  ({
+    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] = useState2(false);
+    const togglePasswordVisibility = () => {
+      setPasswordShowing((prev) => !prev);
+    };
+    const isPasswordField = props.type === "password";
+    const inputType = isPasswordField && passwordShowing ? "text" : props.type;
+    const passwordIcon = isPasswordField ? /* @__PURE__ */ jsx12(
+      "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__ */ jsx12(IconEyeSlash, {}) : /* @__PURE__ */ jsx12(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__ */ jsxs9(
+      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__ */ jsx12(Field.Label, { "data-size": size, "data-slot": "input-label", children: label }),
+          /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              className: `${inputContainerClass} ${inputContainerSizeVariants[size]}`,
+              "data-slot": "input-container",
+              children: [
+                iconLeft && /* @__PURE__ */ jsx12("div", { className: "icon-left", children: iconLeft }),
+                isCurrency ? /* @__PURE__ */ jsx12(
+                  CurrencyInput,
+                  {
+                    hasPrefix,
+                    minimumFractionDigits,
+                    ...props,
+                    style: { ...props.style, ...inputStyle },
+                    type: inputType,
+                    ref,
+                    sizeClass: inputSizeVariants[size]
+                  }
+                ) : /* @__PURE__ */ jsx12(
+                  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__ */ jsx12(
+                  Spinner,
+                  {
+                    size: spinnerSize,
+                    color: vars.colors.neutral.light,
+                    style: {
+                      position: "absolute",
+                      right: 16,
+                      top: "50%",
+                      transform: "translateY(-50%)"
+                    }
+                  }
+                ) : error ? /* @__PURE__ */ jsx12(IconExclamation, { className: "error-icon" }) : passwordIcon && /* @__PURE__ */ jsx12("div", { className: "icon-right", children: passwordIcon })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx12(
+            FieldMessage,
+            {
+              error,
+              info,
+              isDisabled: props.disabled || isLoading
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var NormalInput = forwardRef4(
+  ({ isLoading, mask, sizeClass, ...props }, ref) => {
+    return /* @__PURE__ */ jsx12(
+      BaseInput,
+      {
+        ...props,
+        disabled: isLoading || props.disabled,
+        className: `${inputClass} ${sizeClass || ""}`,
+        ref
+      }
+    );
+  }
+);
+NormalInput.displayName = "NormalInput";
+var CurrencyInput = forwardRef4(
+  ({
+    hasPrefix,
+    minimumFractionDigits = 2,
+    value,
+    isLoading,
+    sizeClass,
+    ...props
+  }, ref) => {
+    const multiplicator = 10 ** minimumFractionDigits;
+    const inputElementRef = useRef2(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__ */ jsx12(
+      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/styles.css.ts
+var dateHourInput = "styles_dateHourInput__47iu8e1";
+var inputsArea = "styles_inputsArea__47iu8e0";
+var optionsList = "styles_optionsList__47iu8e2";
+
+// src/components/Calendar/CalendarComponents/index.tsx
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var INPUT_HEIGHT = 28;
+var DATE_WIDTH = 105;
+var TIME_WIDTH = 60;
+var CalendarInputs = ({
+  selectedDate,
+  clearHover,
+  setSelectedDate,
+  disabled
+}) => {
+  return /* @__PURE__ */ jsxs10("div", { className: inputsArea, children: [
+    /* @__PURE__ */ jsxs10("div", { className: dateHourInput, children: [
+      /* @__PURE__ */ jsx13("span", { children: "De" }),
+      /* @__PURE__ */ jsx13(
+        DateInput,
+        {
+          value: selectedDate.start,
+          type: "start",
+          compareDate: selectedDate.end,
+          setValue: (e) => {
+            clearHover();
+            setSelectedDate({
+              start: e,
+              end: selectedDate.end
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx13(
+        TimeInput,
+        {
+          value: selectedDate.start,
+          type: "start",
+          disabled,
+          compareDate: selectedDate.end,
+          setValue: (e) => {
+            clearHover();
+            setSelectedDate({
+              start: e,
+              end: selectedDate.end
+            });
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { className: dateHourInput, children: [
+      /* @__PURE__ */ jsx13("span", { children: "At\xE9" }),
+      /* @__PURE__ */ jsx13(
+        DateInput,
+        {
+          value: selectedDate.end,
+          type: "end",
+          compareDate: selectedDate.start,
+          setValue: (e) => {
+            clearHover();
+            setSelectedDate({
+              start: selectedDate.start,
+              end: e
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx13(
+        TimeInput,
+        {
+          value: selectedDate.end,
+          type: "end",
+          disabled,
+          compareDate: selectedDate.start,
+          setValue: (e) => {
+            clearHover();
+            setSelectedDate({
+              start: selectedDate.start,
+              end: e
+            });
+          }
+        }
+      )
+    ] })
+  ] });
+};
+var OPTIONS_FUNCTIONS = {
+  Hoje: () => ({
+    start: startOfDay(/* @__PURE__ */ new Date()),
+    end: endOfDay(/* @__PURE__ */ new Date())
+  }),
+  Ontem: () => {
+    const yesterday = subDays2(/* @__PURE__ */ new Date(), 1);
+    return {
+      start: startOfDay(yesterday),
+      end: endOfDay(yesterday)
+    };
+  },
+  "Essa semana": () => ({
+    start: startOfWeek(/* @__PURE__ */ new Date()),
+    end: endOfWeek(/* @__PURE__ */ new Date())
+  }),
+  "Semana passada": () => {
+    const lastWeek = subWeeks(/* @__PURE__ */ new Date(), 1);
+    return {
+      start: startOfWeek(lastWeek),
+      end: endOfWeek(lastWeek)
+    };
+  },
+  "Esse m\xEAs": () => ({
+    start: startOfMonth(/* @__PURE__ */ new Date()),
+    end: endOfMonth(/* @__PURE__ */ new Date())
+  }),
+  "M\xEAs passado": () => {
+    const lastMonth = subMonths(/* @__PURE__ */ new Date(), 1);
+    return {
+      start: startOfMonth(lastMonth),
+      end: endOfMonth(lastMonth)
+    };
+  },
+  "Esse ano": () => ({
+    start: startOfYear(/* @__PURE__ */ new Date()),
+    end: endOfYear(/* @__PURE__ */ new Date())
+  })
+};
+var CalendarOptions = ({
+  hideOptions,
+  setSelectedDate,
+  handleSelectDate
+}) => {
+  return /* @__PURE__ */ jsx13("ul", { className: optionsList, children: Object.keys(OPTIONS_FUNCTIONS).filter(
+    (option) => !hideOptions.includes(option)
+  ).map((option) => {
+    return /* @__PURE__ */ jsx13(
+      "li",
+      {
+        onClick: () => {
+          setSelectedDate(
+            OPTIONS_FUNCTIONS[option]()
+          );
+          handleSelectDate(
+            OPTIONS_FUNCTIONS[option]()
+          );
+        },
+        children: option
+      },
+      option
+    );
+  }) });
+};
+var TimeInput = ({
+  value,
+  setValue,
+  type = "start",
+  compareDate,
+  disabled,
+  styled
+}) => {
+  const [timeValue, setTimeValue] = useState3(format(value, "HH:mm"));
+  useEffect3(() => {
+    setTimeValue(format(value, "HH:mm"));
+  }, [value]);
+  const handleBlur = () => {
+    const clampedDate = clampTimeString(timeValue, value, type, compareDate);
+    if (Number.isNaN(clampedDate.getTime())) {
+      setTimeValue(format(value, "HH:mm"));
+      return;
+    }
+    setValue(clampedDate);
+  };
+  return /* @__PURE__ */ jsx13(
+    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] = useState3(
+    format(new Date(value), "dd/MM/yyyy")
+  );
+  useEffect3(() => {
+    setDateValue(format(value, "dd/MM/yyyy"));
+  }, [value]);
+  const handleBlur = () => {
+    const clampedDate = clampDateString(dateValue, value, type, compareDate);
+    if (Number.isNaN(clampedDate.getTime())) {
+      setDateValue(format(value, "dd/MM/yyyy"));
+      return;
+    }
+    setValue(clampedDate);
+  };
+  return /* @__PURE__ */ jsx13(
+    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/Calendar/styles.css.ts
+var calendarContainer = "shared_calendarContainer__nvtd296 sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_padding_s_desktop__1hu819un";
+var containerLengthTime = "shared_containerLengthTime__nvtd29l";
+var containerTime = "shared_containerTime__nvtd29k sprinkles_display_flex_desktop__1hu819u5";
+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__kjz6if2 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__kjz6if0";
+var dayButton = "styles_dayButton__kjz6if4 sprinkles_display_flex_desktop__1hu819u5 sprinkles_justifyContent_center__1hu819ud1 sprinkles_alignItems_center__1hu819ucx sprinkles_cursor_pointer__1hu819uds sprinkles_fontFamily_default__1hu819udz";
+var dayButtonBetween = "styles_dayButtonBetween__kjz6if6";
+var dayButtonFirst = "styles_dayButtonFirst__kjz6if7";
+var dayButtonHovered = "shared_dayButtonHovered__nvtd29b";
+var dayButtonLast = "styles_dayButtonLast__kjz6if8";
+var dayButtonOtherMonth = "styles_dayButtonOtherMonth__kjz6if5";
+var dayButtonSelected = "shared_dayButtonSelected__nvtd29a";
+var filterIntervalDiary = "shared_filterIntervalDiary__nvtd29g sprinkles_display_flex_desktop__1hu819u5 sprinkles_flexDirection_column__1hu819uct sprinkles_padding_s_desktop__1hu819un sprinkles_gap_s_desktop__1hu819u6h";
+var filterIntervalDiaryFull = "shared_filterIntervalDiaryFull__nvtd29h";
+var filterIntervalDiaryNarrow = "shared_filterIntervalDiaryNarrow__nvtd29i";
+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 range = "shared_range__nvtd29n";
+var sliderContainer = "shared_sliderContainer__nvtd29m";
+var styledCalendar = "shared_styledCalendar__nvtd299";
+var textHour = "shared_textHour__nvtd29p";
+var thumb = "shared_thumb__nvtd29o";
+
+// src/components/Calendar/index.tsx
+import { Fragment, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var DayButtonComponent = React.memo(function DayButton({
+  $isSelected,
+  $isHovered,
+  $isFirst,
+  $isLast,
+  $isThisMonth,
+  children,
+  className,
+  ...props
+}) {
+  const classNames = [dayButton];
+  if ($isSelected) {
+    classNames.push(dayButtonSelected);
+  }
+  if ($isHovered) {
+    classNames.push(dayButtonHovered);
+  }
+  if (!$isThisMonth) {
+    classNames.push(dayButtonOtherMonth);
+  }
+  if (($isSelected || $isHovered) && !$isFirst && !$isLast) {
+    classNames.push(dayButtonBetween);
+  }
+  if ($isFirst && !$isLast) {
+    classNames.push(dayButtonFirst);
+  }
+  if ($isLast && !$isFirst) {
+    classNames.push(dayButtonLast);
+  }
+  return /* @__PURE__ */ jsx14("button", { className: classNames.join(" "), ...props, children });
+});
+var DayButtonMemo = React.memo(DayButtonComponent);
+var Calendar = forwardRef5(function Calendar2({
+  hideOptions = [],
+  hideAllOptions,
+  onlyDate,
+  onSelectDate,
+  defaultDate,
+  isLoading,
+  disabled,
+  minDate,
+  maxDate,
+  value,
+  containerStyles,
+  useTimeRange,
+  onFilterIntervalChange,
+  ...props
+}, ref) {
+  const [show, setShow] = useState4(false);
+  const [selectedDate, setSelectedDate] = useState4(
+    defaultDate || {
+      start: startOfDay2(/* @__PURE__ */ new Date()),
+      end: endOfDay2(/* @__PURE__ */ new Date())
+    }
+  );
+  const [dateOnButton, setDateOnButton] = useState4(
+    defaultDate || {
+      start: startOfDay2(/* @__PURE__ */ new Date()),
+      end: endOfDay2(/* @__PURE__ */ new Date())
+    }
+  );
+  const toggleShow = useCallback2(() => {
+    setSelectedDate(dateOnButton);
+    setShow((state) => !state);
+  }, [dateOnButton]);
+  const [isSelecting, setIsSelecting] = useState4(false);
+  const [hoveredBoundary, setHoveredBoundary] = useState4(null);
+  const [monthToShow, setMonthToShow] = useState4({
+    start: startOfMonth2(selectedDate.start),
+    end: endOfMonth2(selectedDate.start)
+  });
+  const [focusedDate, setFocusedDate] = useState4(selectedDate.start);
+  const gridRef = useRef3(null);
+  const focusPendingRef = useRef3(false);
+  useLayoutEffect(() => {
+    var _a;
+    if (!focusPendingRef.current) return;
+    focusPendingRef.current = false;
+    const btn = (_a = gridRef.current) == null ? void 0 : _a.querySelector(
+      `[data-date="${format2(focusedDate, "yyyy-MM-dd")}"]`
+    );
+    btn == null ? void 0 : btn.focus({ preventScroll: true });
+  });
+  const [firstDay, lastDay] = useMemo2(() => {
+    if (hoveredBoundary && compareAsc(hoveredBoundary, selectedDate.start) < 0) {
+      return [hoveredBoundary, selectedDate.end];
+    }
+    if (hoveredBoundary && compareAsc(hoveredBoundary, selectedDate.start) > 0) {
+      return [selectedDate.start, hoveredBoundary];
+    }
+    return [selectedDate.start, selectedDate.end];
+  }, [hoveredBoundary, selectedDate.start, selectedDate.end]);
+  const onClickDay = useCallback2(
+    (day) => {
+      setFocusedDate(day);
+      setHoveredBoundary(null);
+      if (!isSelecting) {
+        setIsSelecting(true);
+        setSelectedDate({
+          start: startOfDay2(day),
+          end: endOfDay2(day)
+        });
+        return;
+      }
+      if (compareAsc(day, selectedDate.start) > 0) {
+        setSelectedDate({
+          start: selectedDate.start,
+          end: endOfDay2(day)
+        });
+      } else {
+        setSelectedDate({
+          start: startOfDay2(day),
+          end: selectedDate.end
+        });
+      }
+      setIsSelecting(false);
+    },
+    [isSelecting, selectedDate]
+  );
+  const daysToShowMemo = useMemo2(() => {
+    const daysOfTheMonth = eachDayOfInterval(monthToShow);
+    fillDaysArray(daysOfTheMonth);
+    return daysOfTheMonth.map((day) => ({
+      value: day,
+      day: day.getDate(),
+      month: day.getMonth(),
+      year: day.getFullYear(),
+      weekday: day.getDay()
+    }));
+  }, [monthToShow]);
+  const SLIDER_WIDTH = !hideAllOptions ? Number(250) : Number(90);
+  const hoursToTime = (h) => {
+    const hours = Math.floor(h);
+    const minutes = Math.round((h - hours) * 60);
+    return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}`;
+  };
+  const timeToHours = (date) => date ? date.getHours() + date.getMinutes() / 60 : 0;
+  const [filterInterval, setFilterInterval] = useState4(false);
+  const [min, setMin] = useState4(timeToHours(selectedDate.start));
+  const [max, setMax] = useState4(timeToHours(selectedDate.end));
+  const getThumbLeft = (value2) => {
+    const sliderWidth = SLIDER_WIDTH;
+    return value2 / 24 * sliderWidth;
+  };
+  const handleSelectDate = useCallback2(
+    (date) => {
+      onSelectDate == null ? void 0 : onSelectDate(date);
+      setDateOnButton(date);
+      onFilterIntervalChange == null ? void 0 : onFilterIntervalChange(filterInterval);
+      setShow(false);
+    },
+    [onSelectDate, filterInterval, onFilterIntervalChange]
+  );
+  useEffect4(() => {
+    if (show) {
+      setMin(timeToHours(selectedDate.start));
+      setMax(timeToHours(selectedDate.end));
+    }
+  }, [show, selectedDate.start, selectedDate.end, timeToHours]);
+  const [activeThumb, setActiveThumb] = useState4(null);
+  const updateDateBoundary = (type, rawValue) => {
+    let value2 = rawValue;
+    if (type === "start") {
+      value2 = Math.min(value2, max - 0.25);
+      setMin(value2);
+      const startDate = new Date(selectedDate.start);
+      const hours = Math.floor(value2);
+      const minutes = Math.round((value2 - hours) * 60);
+      startDate.setHours(hours, minutes, 0, 0);
+      setSelectedDate({ start: startDate, end: selectedDate.end });
+      setActiveThumb("min");
+    } else {
+      value2 = Math.min(value2, 23.99);
+      value2 = Math.max(value2, min + 0.25);
+      setMax(value2);
+      const endDate = new Date(selectedDate.end);
+      const hours = Math.floor(value2);
+      const minutes = Math.round((value2 - hours) * 60);
+      endDate.setHours(hours, minutes, 0, 0);
+      setSelectedDate({ start: selectedDate.start, end: endDate });
+      setActiveThumb("max");
+    }
+  };
+  useEffect4(() => {
+    if (value) {
+      setDateOnButton(value);
+      setSelectedDate(value);
+      setFocusedDate(value.start);
+    }
+  }, [value]);
+  useEffect4(() => {
+    setMonthToShow({
+      start: startOfMonth2(selectedDate.start),
+      end: endOfMonth2(selectedDate.start)
+    });
+  }, [selectedDate]);
+  const handleGridKeyDown = useCallback2(
+    (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 = subDays3(focusedDate, 1);
+          break;
+        case "ArrowRight":
+          next = addDays2(focusedDate, 1);
+          break;
+        case "ArrowUp":
+          next = subDays3(focusedDate, 7);
+          break;
+        case "ArrowDown":
+          next = addDays2(focusedDate, 7);
+          break;
+        case "PageUp":
+          next = e.shiftKey ? subYears(focusedDate, 1) : subMonths2(focusedDate, 1);
+          break;
+        case "PageDown":
+          next = e.shiftKey ? addYears(focusedDate, 1) : addMonths(focusedDate, 1);
+          break;
+        case "Home":
+          next = startOfWeek2(focusedDate);
+          break;
+        case "End":
+          next = endOfWeek2(focusedDate);
+          break;
+      }
+      if (minDate && isBefore2(next, startOfDay2(minDate)))
+        next = startOfDay2(minDate);
+      if (maxDate && isAfter2(next, endOfDay2(maxDate))) next = endOfDay2(maxDate);
+      focusPendingRef.current = true;
+      setFocusedDate(next);
+      if (!isSameMonth(next, monthToShow.start)) {
+        setMonthToShow({
+          start: startOfMonth2(next),
+          end: endOfMonth2(next)
+        });
+      }
+    },
+    [focusedDate, monthToShow.start, minDate, maxDate, onClickDay]
+  );
+  return /* @__PURE__ */ jsx14("div", { className: datePickerWrapper, style: containerStyles, ref, children: /* @__PURE__ */ jsxs11(Popover.Root, { open: show, onOpenChange: setShow, children: [
+    /* @__PURE__ */ jsxs11(
+      Popover.Trigger,
+      {
+        render: /* @__PURE__ */ jsx14(
+          "button",
+          {
+            className: datePickerTrigger,
+            type: "button",
+            disabled: disabled || isLoading,
+            ...props
+          }
+        ),
+        onClick: toggleShow,
+        children: [
+          format2(
+            dateOnButton.start,
+            !onlyDate ? "dd/MM/yyyy - HH:mm" : useTimeRange ? "dd/MM/yyyy - HH:mm" : "dd/MM/yyyy"
+          ),
+          /* @__PURE__ */ jsx14("span", { children: "a" }),
+          format2(
+            dateOnButton.end,
+            !onlyDate ? "dd/MM/yyyy - HH:mm" : useTimeRange ? "dd/MM/yyyy - HH:mm" : "dd/MM/yyyy"
+          ),
+          isLoading ? /* @__PURE__ */ jsx14(Spinner, { size: 20, color: vars.colors.neutral.light }) : /* @__PURE__ */ jsx14(IconCalendarCheck, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx14(Popover.Portal, { children: /* @__PURE__ */ jsx14(
+      Popover.Positioner,
+      {
+        side: "bottom",
+        align: "start",
+        sideOffset: 4,
+        className: datePickerPositioner,
+        children: /* @__PURE__ */ jsxs11(
+          Popover.Popup,
+          {
+            initialFocus: false,
+            finalFocus: false,
+            className: datePickerContent,
+            children: [
+              /* @__PURE__ */ jsxs11("div", { className: contentBody, children: [
+                !hideAllOptions && /* @__PURE__ */ jsx14(
+                  CalendarOptions,
+                  {
+                    hideOptions,
+                    setSelectedDate,
+                    handleSelectDate
+                  }
+                ),
+                /* @__PURE__ */ jsxs11("div", { className: calendarContainer, children: [
+                  /* @__PURE__ */ jsxs11("div", { className: monthYearHeader, children: [
+                    /* @__PURE__ */ jsx14(
+                      IconArrowDropDown,
+                      {
+                        style: { transform: "rotate(90deg)" },
+                        onClick: () => {
+                          const newMonth = subMonths2(monthToShow.start, 1);
+                          setMonthToShow({
+                            start: startOfMonth2(newMonth),
+                            end: endOfMonth2(newMonth)
+                          });
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs11("span", { children: [
+                      format2(monthToShow.start, "MMMM", { locale: ptBR }),
+                      ", ",
+                      format2(monthToShow.start, "yyyy")
+                    ] }),
+                    /* @__PURE__ */ jsx14(
+                      IconArrowDropDown,
+                      {
+                        style: { transform: "rotate(-90deg)" },
+                        onClick: () => {
+                          const newMonth = addMonths(monthToShow.start, 1);
+                          setMonthToShow({
+                            start: startOfMonth2(newMonth),
+                            end: endOfMonth2(newMonth)
+                          });
+                        }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs11("ul", { children: [
+                    /* @__PURE__ */ jsx14("li", { children: "D" }),
+                    /* @__PURE__ */ jsx14("li", { children: "S" }),
+                    /* @__PURE__ */ jsx14("li", { children: "T" }),
+                    /* @__PURE__ */ jsx14("li", { children: "Q" }),
+                    /* @__PURE__ */ jsx14("li", { children: "Q" }),
+                    /* @__PURE__ */ jsx14("li", { children: "S" }),
+                    /* @__PURE__ */ jsx14("li", { children: "S" })
+                  ] }),
+                  /* @__PURE__ */ jsx14(
+                    "div",
+                    {
+                      className: styledCalendar,
+                      ref: gridRef,
+                      role: "grid",
+                      "aria-label": "Calend\xE1rio",
+                      onKeyDown: handleGridKeyDown,
+                      children: daysToShowMemo.map((day) => {
+                        return /* @__PURE__ */ jsx14(
+                          DayButtonMemo,
+                          {
+                            "data-date": format2(day.value, "yyyy-MM-dd"),
+                            tabIndex: isSameDay(day.value, focusedDate) ? 0 : -1,
+                            "aria-label": format2(
+                              day.value,
+                              "d 'de' MMMM 'de' yyyy",
+                              { locale: ptBR }
+                            ),
+                            "aria-selected": isAfter2(endOfDay2(day.value), selectedDate.start) && isBefore2(day.value, selectedDate.end),
+                            onClick: () => onClickDay(day.value),
+                            onMouseEnter: () => isSelecting && setHoveredBoundary(day.value),
+                            onMouseLeave: () => isSelecting && setHoveredBoundary(null),
+                            $isHovered: hoveredBoundary !== null && isAfter2(endOfDay2(day.value), firstDay) && isBefore2(day.value, endOfDay2(lastDay)),
+                            $isSelected: isAfter2(endOfDay2(day.value), selectedDate.start) && isBefore2(day.value, selectedDate.end),
+                            $isFirst: isSameDay(firstDay, day.value),
+                            $isLast: isSameDay(lastDay, day.value),
+                            $isThisMonth: day.month === monthToShow.start.getMonth(),
+                            disabled: minDate && isBefore2(day.value, minDate) || maxDate && isAfter2(day.value, maxDate),
+                            children: day.day
+                          },
+                          day.value.toString()
+                        );
+                      })
+                    }
+                  ),
+                  !onlyDate && /* @__PURE__ */ jsx14(
+                    CalendarInputs,
+                    {
+                      selectedDate,
+                      setSelectedDate,
+                      clearHover: () => setHoveredBoundary(null),
+                      disabled: filterInterval
+                    }
+                  )
+                ] })
+              ] }),
+              useTimeRange && /* @__PURE__ */ jsxs11(
+                "div",
+                {
+                  className: `${filterIntervalDiary} ${!hideAllOptions ? filterIntervalDiaryFull : filterIntervalDiaryNarrow}`,
+                  children: [
+                    /* @__PURE__ */ jsx14(
+                      Checkbox,
+                      {
+                        onChange: (e) => {
+                          setFilterInterval(e.target.checked);
+                        },
+                        description: filterInterval ? "Hor\xE1rio fixo aplicado a todos os dias selecionados." : "",
+                        label: "Filtrar por intervalo (Di\xE1rio)"
+                      }
+                    ),
+                    filterInterval && /* @__PURE__ */ jsxs11(Fragment, { children: [
+                      /* @__PURE__ */ jsxs11(
+                        "div",
+                        {
+                          className: containerTime,
+                          style: { position: "relative" },
+                          children: [
+                            /* @__PURE__ */ jsx14(
+                              TimeInput,
+                              {
+                                type: "start",
+                                value: selectedDate.start,
+                                styled: {
+                                  position: "absolute",
+                                  left: `${getThumbLeft(min)}px`
+                                },
+                                setValue: (e) => {
+                                  setHoveredBoundary(null);
+                                  setSelectedDate({
+                                    start: e,
+                                    end: selectedDate.end
+                                  });
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx14(
+                              TimeInput,
+                              {
+                                type: "end",
+                                value: selectedDate.end,
+                                styled: {
+                                  position: "absolute",
+                                  left: `${getThumbLeft(max - 24)}px`
+                                },
+                                setValue: (e) => {
+                                  setHoveredBoundary(null);
+                                  setSelectedDate({
+                                    start: selectedDate.start,
+                                    end: e
+                                  });
+                                }
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx14("div", { className: containerLengthTime, children: /* @__PURE__ */ jsxs11("div", { className: sliderContainer, children: [
+                        /* @__PURE__ */ jsx14(
+                          "div",
+                          {
+                            className: range,
+                            style: {
+                              left: `${min / 24 * 100}%`,
+                              right: `${100 - max / 24 * 100}%`
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx14(
+                          "input",
+                          {
+                            className: thumb,
+                            type: "range",
+                            min: 0,
+                            max: 23.75,
+                            step: 0.25,
+                            value: min,
+                            onChange: (e) => updateDateBoundary(
+                              "start",
+                              Number(e.target.value)
+                            ),
+                            style: { zIndex: activeThumb === "min" ? 3 : 2 }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx14(
+                          "input",
+                          {
+                            className: thumb,
+                            type: "range",
+                            min: 0,
+                            max: 24,
+                            step: 0.25,
+                            value: max,
+                            onChange: (e) => updateDateBoundary("end", Number(e.target.value)),
+                            style: { zIndex: activeThumb === "max" ? 3 : 2 }
+                          }
+                        )
+                      ] }) }),
+                      /* @__PURE__ */ jsxs11("span", { className: textHour, children: [
+                        "Todos os dias de ",
+                        hoursToTime(min),
+                        " at\xE9",
+                        " ",
+                        hoursToTime(max)
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx14("div", { className: contentFooter, children: /* @__PURE__ */ jsx14(
+                Button,
+                {
+                  variant: "outlined",
+                  onClick: () => {
+                    handleSelectDate(selectedDate);
+                  },
+                  children: "Aplicar"
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ) })
+  ] }) });
+});
+Calendar.displayName = "Calendar";
+export {
+  Calendar
+};
+//# sourceMappingURL=index.js.map