@itaptec/form_components 0.0.1-beta.31

package/dist/index.mjs

@@ -0,0 +1,3016 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/components/forms/button/button.tsx
+import { Button, CircularProgress } from "@mui/material";
+import { CheckCircle, Error as Error2 } from "@mui/icons-material";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function ItaptecButton(_a) {
+  var _b = _a, {
+    startIcon,
+    color,
+    onClick
+  } = _b, rest = __objRest(_b, [
+    "startIcon",
+    "color",
+    "onClick"
+  ]);
+  const [status, setStatus] = useState("idle");
+  const onClickHandler = (event) => {
+    if (!onClick) return;
+    const result = onClick(event);
+    if (result instanceof Promise) {
+      setStatus("loading");
+      result.then(() => setStatus("success")).catch(() => setStatus("error"));
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    __spreadProps(__spreadValues({}, rest), {
+      disabled: status === "loading",
+      startIcon: status === "loading" ? /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) : status === "error" ? /* @__PURE__ */ jsx(Error2, {}) : status === "success" ? /* @__PURE__ */ jsx(CheckCircle, {}) : startIcon,
+      color: status === "error" ? "error" : status === "success" ? "success" : color,
+      onClick: onClickHandler
+    })
+  );
+}
+
+// src/components/forms/split-button/split-button.tsx
+import React2, { useEffect, useRef, useState as useState2 } from "react";
+import {
+  Button as Button2,
+  ButtonGroup,
+  CircularProgress as CircularProgress2,
+  ListItemIcon,
+  ListItemText,
+  MenuItem,
+  MenuList,
+  Popover
+} from "@mui/material";
+import { ArrowDropDown } from "@mui/icons-material";
+
+// src/hooks/useField.ts
+import {
+  useController
+} from "react-hook-form";
+function useField(props) {
+  const _a = useController(props), {
+    field: _b
+  } = _a, _c = _b, { value } = _c, restField = __objRest(_c, ["value"]), {
+    fieldState,
+    formState
+  } = _a;
+  const val = value;
+  return { field: __spreadValues({ value: val }, restField), fieldState, formState };
+}
+
+// src/hooks/useOptions.ts
+import { useQuery } from "@tanstack/react-query";
+function useOptions(props) {
+  const { getOptions } = props;
+  const {
+    data: options,
+    isSuccess,
+    isRefetching,
+    isLoading
+  } = useQuery({
+    queryKey: [
+      // `select-${name}`,
+      // ...(optionsDeps ?? [])
+      // TODO: hay que tener en cuenta que si cambian las opciones,
+      // hay que hacerle reset al hook form
+    ],
+    // staleTime: Infinity,
+    // enabled: !loadOnOpen, // The query will be disabled if loadOnOpen is true.
+    queryFn: () => {
+      if (Array.isArray(getOptions)) {
+        return Promise.resolve(getOptions);
+      }
+      const result = getOptions();
+      if (Array.isArray(result)) {
+        return Promise.resolve(result);
+      }
+      return result;
+    }
+  });
+  return {
+    options,
+    isSuccess,
+    isLoading: isLoading || isRefetching
+  };
+}
+
+// src/components/forms/split-button/split-button.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function SplitButton(props) {
+  const { loadOptions, onClick } = props;
+  const [optionsMenuIsOpen, setOptionsMenuIsOpen] = useState2(false);
+  const [selectedOption, setSelectedOptions] = React2.useState();
+  const [actionLoading, setActionLoading] = React2.useState(false);
+  const { options, isSuccess, isLoading } = useOptions({
+    getOptions: loadOptions
+  });
+  useEffect(() => {
+    if (options && options.length) {
+      setSelectedOptions(options[0]);
+    }
+  }, [options == null ? void 0 : options.length]);
+  const anchorRef = useRef(null);
+  const handleClick = (event) => {
+    if (!selectedOption) return;
+    const result = onClick(event, selectedOption);
+    if (result instanceof Promise) {
+      setActionLoading(true);
+      result.finally(() => setActionLoading(false));
+    }
+    if (!result) return;
+    return result;
+  };
+  const handleMenuItemClick = (event, selection) => {
+    setSelectedOptions(selection);
+    setOptionsMenuIsOpen(false);
+  };
+  const handleToggle = () => {
+    setOptionsMenuIsOpen((prevOpen) => !prevOpen);
+  };
+  const handleClose = (event) => {
+    if (anchorRef.current && anchorRef.current.contains(event.target))
+      return;
+    setOptionsMenuIsOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+    /* @__PURE__ */ jsxs(ButtonGroup, __spreadProps(__spreadValues({}, props.ButtonGroupProps), { children: [
+      /* @__PURE__ */ jsx2(
+        ItaptecButton,
+        {
+          onClick: handleClick,
+          disabled: !isSuccess,
+          startIcon: selectedOption == null ? void 0 : selectedOption.icon,
+          children: isLoading ? /* @__PURE__ */ jsx2(CircularProgress2, { color: "inherit", size: 20 }) : selectedOption ? selectedOption.label : null
+        },
+        selectedOption == null ? void 0 : selectedOption.value
+      ),
+      /* @__PURE__ */ jsx2(
+        Button2,
+        {
+          ref: anchorRef,
+          size: "small",
+          onClick: handleToggle,
+          disabled: !options || !options.length || actionLoading,
+          children: /* @__PURE__ */ jsx2(ArrowDropDown, {})
+        }
+      )
+    ] })),
+    /* @__PURE__ */ jsx2(
+      Popover,
+      __spreadProps(__spreadValues({
+        open: optionsMenuIsOpen,
+        anchorEl: anchorRef.current,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        }
+      }, props.PopoverProps), {
+        children: /* @__PURE__ */ jsx2(MenuList, __spreadProps(__spreadValues({}, props.MenuListProps), { children: options && options.map((option) => /* @__PURE__ */ jsxs(
+          MenuItem,
+          {
+            value: option.value,
+            selected: selectedOption && option.value === selectedOption.value,
+            onClick: (event) => handleMenuItemClick(event, option),
+            children: [
+              option.icon && /* @__PURE__ */ jsx2(ListItemIcon, { children: option.icon }),
+              /* @__PURE__ */ jsx2(ListItemText, { children: option.label })
+            ]
+          },
+          option.value
+        )) }))
+      })
+    )
+  ] });
+}
+
+// src/components/forms/text-field/text-field.tsx
+import { TextField } from "@mui/material";
+import { Controller } from "react-hook-form";
+import { useIMask } from "react-imask";
+import { useRef as useRef2, useState as useState3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function ControlledTextField(_a) {
+  var _b = _a, {
+    control,
+    name,
+    mask,
+    ControllerProps: ControllerProps2,
+    debounce = false,
+    debounceTime = 300
+  } = _b, rest = __objRest(_b, [
+    "control",
+    "name",
+    "mask",
+    "ControllerProps",
+    "debounce",
+    "debounceTime"
+  ]);
+  const [displayedValue, setDisplayedValue] = useState3("");
+  const displayedValueRef = useRef2(displayedValue);
+  const timerRef = useRef2(void 0);
+  const handleChange = (newValue, onChange) => {
+    setDisplayedValue(newValue);
+    if (debounce) {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+      timerRef.current = setTimeout(() => {
+        onChange(newValue);
+      }, debounceTime);
+    } else {
+      onChange(newValue);
+    }
+  };
+  return /* @__PURE__ */ jsx3(
+    Controller,
+    __spreadProps(__spreadValues({
+      control,
+      name
+    }, ControllerProps2), {
+      render: ({ field: { onChange, value }, fieldState: { error } }) => {
+        return mask ? /* @__PURE__ */ jsx3(
+          TextFieldWithMask,
+          __spreadValues({
+            mask,
+            onChange: (e) => handleChange(e.target.value, onChange),
+            value: displayedValue,
+            error: !!error,
+            helperText: error && error.message
+          }, rest)
+        ) : /* @__PURE__ */ jsx3(
+          TextField,
+          __spreadValues({
+            onChange: (e) => handleChange(e.target.value, onChange),
+            value: displayedValue,
+            error: !!error,
+            helperText: error && error.message
+          }, rest)
+        );
+      }
+    })
+  );
+}
+var TextFieldWithMask = (props) => {
+  const _a = props, { mask, onChange } = _a, textFieldProps = __objRest(_a, ["mask", "onChange"]);
+  const [value, setValue] = useState3("");
+  const { ref } = useIMask(mask, {
+    onAccept: (value2, mask2) => {
+      setValue(value2);
+      const event = {
+        target: { name: props.name, value: value2 }
+      };
+      onChange(event);
+    }
+  });
+  return /* @__PURE__ */ jsx3(TextField, __spreadProps(__spreadValues({}, textFieldProps), { value, inputRef: ref }));
+};
+
+// src/components/forms/date-pickers/ControlledDateRangePicker.tsx
+import { useState as useState4 } from "react";
+import { Controller as Controller2 } from "react-hook-form";
+import { DateRangePicker } from "react-date-range";
+
+// node_modules/date-fns/locale/_lib/buildFormatLongFn.mjs
+function buildFormatLongFn(args) {
+  return (options = {}) => {
+    const width = options.width ? String(options.width) : args.defaultWidth;
+    const format2 = args.formats[width] || args.formats[args.defaultWidth];
+    return format2;
+  };
+}
+
+// node_modules/date-fns/locale/_lib/buildLocalizeFn.mjs
+function buildLocalizeFn(args) {
+  return (value, options) => {
+    const context = (options == null ? void 0 : options.context) ? String(options.context) : "standalone";
+    let valuesArray;
+    if (context === "formatting" && args.formattingValues) {
+      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
+      const width = (options == null ? void 0 : options.width) ? String(options.width) : defaultWidth;
+      valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
+    } else {
+      const defaultWidth = args.defaultWidth;
+      const width = (options == null ? void 0 : options.width) ? String(options.width) : args.defaultWidth;
+      valuesArray = args.values[width] || args.values[defaultWidth];
+    }
+    const index = args.argumentCallback ? args.argumentCallback(value) : value;
+    return valuesArray[index];
+  };
+}
+
+// node_modules/date-fns/locale/_lib/buildMatchFn.mjs
+function buildMatchFn(args) {
+  return (string, options = {}) => {
+    const width = options.width;
+    const matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
+    const matchResult = string.match(matchPattern);
+    if (!matchResult) {
+      return null;
+    }
+    const matchedString = matchResult[0];
+    const parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
+    const key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString)) : (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      findKey(parsePatterns, (pattern) => pattern.test(matchedString))
+    );
+    let value;
+    value = args.valueCallback ? args.valueCallback(key) : key;
+    value = options.valueCallback ? (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      options.valueCallback(value)
+    ) : value;
+    const rest = string.slice(matchedString.length);
+    return { value, rest };
+  };
+}
+function findKey(object, predicate) {
+  for (const key in object) {
+    if (Object.prototype.hasOwnProperty.call(object, key) && predicate(object[key])) {
+      return key;
+    }
+  }
+  return void 0;
+}
+function findIndex(array, predicate) {
+  for (let key = 0; key < array.length; key++) {
+    if (predicate(array[key])) {
+      return key;
+    }
+  }
+  return void 0;
+}
+
+// node_modules/date-fns/locale/_lib/buildMatchPatternFn.mjs
+function buildMatchPatternFn(args) {
+  return (string, options = {}) => {
+    const matchResult = string.match(args.matchPattern);
+    if (!matchResult) return null;
+    const matchedString = matchResult[0];
+    const parseResult = string.match(args.parsePattern);
+    if (!parseResult) return null;
+    let value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
+    value = options.valueCallback ? options.valueCallback(value) : value;
+    const rest = string.slice(matchedString.length);
+    return { value, rest };
+  };
+}
+
+// node_modules/date-fns/toDate.mjs
+function toDate(argument) {
+  const argStr = Object.prototype.toString.call(argument);
+  if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
+    return new argument.constructor(+argument);
+  } else if (typeof argument === "number" || argStr === "[object Number]" || typeof argument === "string" || argStr === "[object String]") {
+    return new Date(argument);
+  } else {
+    return /* @__PURE__ */ new Date(NaN);
+  }
+}
+
+// node_modules/date-fns/_lib/defaultOptions.mjs
+var defaultOptions = {};
+function getDefaultOptions() {
+  return defaultOptions;
+}
+
+// node_modules/date-fns/startOfWeek.mjs
+function startOfWeek(date, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const defaultOptions2 = getDefaultOptions();
+  const weekStartsOn = (_h = (_g = (_d = (_c = options == null ? void 0 : options.weekStartsOn) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.weekStartsOn) != null ? _d : defaultOptions2.weekStartsOn) != null ? _g : (_f = (_e = defaultOptions2.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.weekStartsOn) != null ? _h : 0;
+  const _date = toDate(date);
+  const day = _date.getDay();
+  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+  _date.setDate(_date.getDate() - diff);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+// node_modules/date-fns/locale/en-US/_lib/formatDistance.mjs
+var formatDistanceLocale = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
+  },
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
+  }
+};
+var formatDistance = (token, count, options) => {
+  let result;
+  const tokenValue = formatDistanceLocale[token];
+  if (typeof tokenValue === "string") {
+    result = tokenValue;
+  } else if (count === 1) {
+    result = tokenValue.one;
+  } else {
+    result = tokenValue.other.replace("{{count}}", count.toString());
+  }
+  if (options == null ? void 0 : options.addSuffix) {
+    if (options.comparison && options.comparison > 0) {
+      return "in " + result;
+    } else {
+      return result + " ago";
+    }
+  }
+  return result;
+};
+
+// node_modules/date-fns/locale/en-US/_lib/formatRelative.mjs
+var formatRelativeLocale = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+};
+var formatRelative = (token, _date, _baseDate, _options) => formatRelativeLocale[token];
+
+// node_modules/date-fns/locale/en-US/_lib/localize.mjs
+var eraValues = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+};
+var quarterValues = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+};
+var monthValues = {
+  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
+  abbreviated: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  wide: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ]
+};
+var dayValues = {
+  narrow: ["S", "M", "T", "W", "T", "F", "S"],
+  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  wide: [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ]
+};
+var dayPeriodValues = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  }
+};
+var formattingDayPeriodValues = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  }
+};
+var ordinalNumber = (dirtyNumber, _options) => {
+  const number = Number(dirtyNumber);
+  const rem100 = number % 100;
+  if (rem100 > 20 || rem100 < 10) {
+    switch (rem100 % 10) {
+      case 1:
+        return number + "st";
+      case 2:
+        return number + "nd";
+      case 3:
+        return number + "rd";
+    }
+  }
+  return number + "th";
+};
+var localize = {
+  ordinalNumber,
+  era: buildLocalizeFn({
+    values: eraValues,
+    defaultWidth: "wide"
+  }),
+  quarter: buildLocalizeFn({
+    values: quarterValues,
+    defaultWidth: "wide",
+    argumentCallback: (quarter) => quarter - 1
+  }),
+  month: buildLocalizeFn({
+    values: monthValues,
+    defaultWidth: "wide"
+  }),
+  day: buildLocalizeFn({
+    values: dayValues,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: buildLocalizeFn({
+    values: dayPeriodValues,
+    defaultWidth: "wide",
+    formattingValues: formattingDayPeriodValues,
+    defaultFormattingWidth: "wide"
+  })
+};
+
+// node_modules/date-fns/locale/en-US/_lib/match.mjs
+var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
+var parseOrdinalNumberPattern = /\d+/i;
+var matchEraPatterns = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
+};
+var parseEraPatterns = {
+  any: [/^b/i, /^(a|c)/i]
+};
+var matchQuarterPatterns = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+};
+var parseQuarterPatterns = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+};
+var matchMonthPatterns = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+};
+var parseMonthPatterns = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^f/i,
+    /^mar/i,
+    /^ap/i,
+    /^may/i,
+    /^jun/i,
+    /^jul/i,
+    /^au/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+};
+var matchDayPatterns = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+};
+var parseDayPatterns = {
+  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+};
+var matchDayPeriodPatterns = {
+  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+};
+var parseDayPeriodPatterns = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+};
+var match = {
+  ordinalNumber: buildMatchPatternFn({
+    matchPattern: matchOrdinalNumberPattern,
+    parsePattern: parseOrdinalNumberPattern,
+    valueCallback: (value) => parseInt(value, 10)
+  }),
+  era: buildMatchFn({
+    matchPatterns: matchEraPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseEraPatterns,
+    defaultParseWidth: "any"
+  }),
+  quarter: buildMatchFn({
+    matchPatterns: matchQuarterPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseQuarterPatterns,
+    defaultParseWidth: "any",
+    valueCallback: (index) => index + 1
+  }),
+  month: buildMatchFn({
+    matchPatterns: matchMonthPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseMonthPatterns,
+    defaultParseWidth: "any"
+  }),
+  day: buildMatchFn({
+    matchPatterns: matchDayPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseDayPatterns,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: buildMatchFn({
+    matchPatterns: matchDayPeriodPatterns,
+    defaultMatchWidth: "any",
+    parsePatterns: parseDayPeriodPatterns,
+    defaultParseWidth: "any"
+  })
+};
+
+// node_modules/date-fns/locale/en-US/_lib/formatLong.mjs
+var dateFormats = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+};
+var timeFormats = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+};
+var dateTimeFormats = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+};
+var formatLong = {
+  date: buildFormatLongFn({
+    formats: dateFormats,
+    defaultWidth: "full"
+  }),
+  time: buildFormatLongFn({
+    formats: timeFormats,
+    defaultWidth: "full"
+  }),
+  dateTime: buildFormatLongFn({
+    formats: dateTimeFormats,
+    defaultWidth: "full"
+  })
+};
+
+// node_modules/date-fns/locale/en-US.mjs
+var enUS = {
+  code: "en-US",
+  formatDistance,
+  formatLong,
+  formatRelative,
+  localize,
+  match,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+
+// node_modules/date-fns/locale/es/_lib/formatDistance.mjs
+var formatDistanceLocale2 = {
+  lessThanXSeconds: {
+    one: "menos de un segundo",
+    other: "menos de {{count}} segundos"
+  },
+  xSeconds: {
+    one: "1 segundo",
+    other: "{{count}} segundos"
+  },
+  halfAMinute: "medio minuto",
+  lessThanXMinutes: {
+    one: "menos de un minuto",
+    other: "menos de {{count}} minutos"
+  },
+  xMinutes: {
+    one: "1 minuto",
+    other: "{{count}} minutos"
+  },
+  aboutXHours: {
+    one: "alrededor de 1 hora",
+    other: "alrededor de {{count}} horas"
+  },
+  xHours: {
+    one: "1 hora",
+    other: "{{count}} horas"
+  },
+  xDays: {
+    one: "1 d\xEDa",
+    other: "{{count}} d\xEDas"
+  },
+  aboutXWeeks: {
+    one: "alrededor de 1 semana",
+    other: "alrededor de {{count}} semanas"
+  },
+  xWeeks: {
+    one: "1 semana",
+    other: "{{count}} semanas"
+  },
+  aboutXMonths: {
+    one: "alrededor de 1 mes",
+    other: "alrededor de {{count}} meses"
+  },
+  xMonths: {
+    one: "1 mes",
+    other: "{{count}} meses"
+  },
+  aboutXYears: {
+    one: "alrededor de 1 a\xF1o",
+    other: "alrededor de {{count}} a\xF1os"
+  },
+  xYears: {
+    one: "1 a\xF1o",
+    other: "{{count}} a\xF1os"
+  },
+  overXYears: {
+    one: "m\xE1s de 1 a\xF1o",
+    other: "m\xE1s de {{count}} a\xF1os"
+  },
+  almostXYears: {
+    one: "casi 1 a\xF1o",
+    other: "casi {{count}} a\xF1os"
+  }
+};
+var formatDistance2 = (token, count, options) => {
+  let result;
+  const tokenValue = formatDistanceLocale2[token];
+  if (typeof tokenValue === "string") {
+    result = tokenValue;
+  } else if (count === 1) {
+    result = tokenValue.one;
+  } else {
+    result = tokenValue.other.replace("{{count}}", count.toString());
+  }
+  if (options == null ? void 0 : options.addSuffix) {
+    if (options.comparison && options.comparison > 0) {
+      return "en " + result;
+    } else {
+      return "hace " + result;
+    }
+  }
+  return result;
+};
+
+// node_modules/date-fns/locale/es/_lib/formatLong.mjs
+var dateFormats2 = {
+  full: "EEEE, d 'de' MMMM 'de' y",
+  long: "d 'de' MMMM 'de' y",
+  medium: "d MMM y",
+  short: "dd/MM/y"
+};
+var timeFormats2 = {
+  full: "HH:mm:ss zzzz",
+  long: "HH:mm:ss z",
+  medium: "HH:mm:ss",
+  short: "HH:mm"
+};
+var dateTimeFormats2 = {
+  full: "{{date}} 'a las' {{time}}",
+  long: "{{date}} 'a las' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+};
+var formatLong2 = {
+  date: buildFormatLongFn({
+    formats: dateFormats2,
+    defaultWidth: "full"
+  }),
+  time: buildFormatLongFn({
+    formats: timeFormats2,
+    defaultWidth: "full"
+  }),
+  dateTime: buildFormatLongFn({
+    formats: dateTimeFormats2,
+    defaultWidth: "full"
+  })
+};
+
+// node_modules/date-fns/locale/es/_lib/formatRelative.mjs
+var formatRelativeLocale2 = {
+  lastWeek: "'el' eeee 'pasado a la' p",
+  yesterday: "'ayer a la' p",
+  today: "'hoy a la' p",
+  tomorrow: "'ma\xF1ana a la' p",
+  nextWeek: "eeee 'a la' p",
+  other: "P"
+};
+var formatRelativeLocalePlural = {
+  lastWeek: "'el' eeee 'pasado a las' p",
+  yesterday: "'ayer a las' p",
+  today: "'hoy a las' p",
+  tomorrow: "'ma\xF1ana a las' p",
+  nextWeek: "eeee 'a las' p",
+  other: "P"
+};
+var formatRelative2 = (token, date, _baseDate, _options) => {
+  if (date.getHours() !== 1) {
+    return formatRelativeLocalePlural[token];
+  } else {
+    return formatRelativeLocale2[token];
+  }
+};
+
+// node_modules/date-fns/locale/es/_lib/localize.mjs
+var eraValues2 = {
+  narrow: ["AC", "DC"],
+  abbreviated: ["AC", "DC"],
+  wide: ["antes de cristo", "despu\xE9s de cristo"]
+};
+var quarterValues2 = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["T1", "T2", "T3", "T4"],
+  wide: ["1\xBA trimestre", "2\xBA trimestre", "3\xBA trimestre", "4\xBA trimestre"]
+};
+var monthValues2 = {
+  narrow: ["e", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
+  abbreviated: [
+    "ene",
+    "feb",
+    "mar",
+    "abr",
+    "may",
+    "jun",
+    "jul",
+    "ago",
+    "sep",
+    "oct",
+    "nov",
+    "dic"
+  ],
+  wide: [
+    "enero",
+    "febrero",
+    "marzo",
+    "abril",
+    "mayo",
+    "junio",
+    "julio",
+    "agosto",
+    "septiembre",
+    "octubre",
+    "noviembre",
+    "diciembre"
+  ]
+};
+var dayValues2 = {
+  narrow: ["d", "l", "m", "m", "j", "v", "s"],
+  short: ["do", "lu", "ma", "mi", "ju", "vi", "s\xE1"],
+  abbreviated: ["dom", "lun", "mar", "mi\xE9", "jue", "vie", "s\xE1b"],
+  wide: [
+    "domingo",
+    "lunes",
+    "martes",
+    "mi\xE9rcoles",
+    "jueves",
+    "viernes",
+    "s\xE1bado"
+  ]
+};
+var dayPeriodValues2 = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mn",
+    noon: "md",
+    morning: "ma\xF1ana",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noche"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "medianoche",
+    noon: "mediodia",
+    morning: "ma\xF1ana",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noche"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "medianoche",
+    noon: "mediodia",
+    morning: "ma\xF1ana",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noche"
+  }
+};
+var formattingDayPeriodValues2 = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mn",
+    noon: "md",
+    morning: "de la ma\xF1ana",
+    afternoon: "de la tarde",
+    evening: "de la tarde",
+    night: "de la noche"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "medianoche",
+    noon: "mediodia",
+    morning: "de la ma\xF1ana",
+    afternoon: "de la tarde",
+    evening: "de la tarde",
+    night: "de la noche"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "medianoche",
+    noon: "mediodia",
+    morning: "de la ma\xF1ana",
+    afternoon: "de la tarde",
+    evening: "de la tarde",
+    night: "de la noche"
+  }
+};
+var ordinalNumber2 = (dirtyNumber, _options) => {
+  const number = Number(dirtyNumber);
+  return number + "\xBA";
+};
+var localize2 = {
+  ordinalNumber: ordinalNumber2,
+  era: buildLocalizeFn({
+    values: eraValues2,
+    defaultWidth: "wide"
+  }),
+  quarter: buildLocalizeFn({
+    values: quarterValues2,
+    defaultWidth: "wide",
+    argumentCallback: (quarter) => Number(quarter) - 1
+  }),
+  month: buildLocalizeFn({
+    values: monthValues2,
+    defaultWidth: "wide"
+  }),
+  day: buildLocalizeFn({
+    values: dayValues2,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: buildLocalizeFn({
+    values: dayPeriodValues2,
+    defaultWidth: "wide",
+    formattingValues: formattingDayPeriodValues2,
+    defaultFormattingWidth: "wide"
+  })
+};
+
+// node_modules/date-fns/locale/es/_lib/match.mjs
+var matchOrdinalNumberPattern2 = /^(\d+)(º)?/i;
+var parseOrdinalNumberPattern2 = /\d+/i;
+var matchEraPatterns2 = {
+  narrow: /^(ac|dc|a|d)/i,
+  abbreviated: /^(a\.?\s?c\.?|a\.?\s?e\.?\s?c\.?|d\.?\s?c\.?|e\.?\s?c\.?)/i,
+  wide: /^(antes de cristo|antes de la era com[uú]n|despu[eé]s de cristo|era com[uú]n)/i
+};
+var parseEraPatterns2 = {
+  any: [/^ac/i, /^dc/i],
+  wide: [
+    /^(antes de cristo|antes de la era com[uú]n)/i,
+    /^(despu[eé]s de cristo|era com[uú]n)/i
+  ]
+};
+var matchQuarterPatterns2 = {
+  narrow: /^[1234]/i,
+  abbreviated: /^T[1234]/i,
+  wide: /^[1234](º)? trimestre/i
+};
+var parseQuarterPatterns2 = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+};
+var matchMonthPatterns2 = {
+  narrow: /^[efmajsond]/i,
+  abbreviated: /^(ene|feb|mar|abr|may|jun|jul|ago|sep|oct|nov|dic)/i,
+  wide: /^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)/i
+};
+var parseMonthPatterns2 = {
+  narrow: [
+    /^e/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^en/i,
+    /^feb/i,
+    /^mar/i,
+    /^abr/i,
+    /^may/i,
+    /^jun/i,
+    /^jul/i,
+    /^ago/i,
+    /^sep/i,
+    /^oct/i,
+    /^nov/i,
+    /^dic/i
+  ]
+};
+var matchDayPatterns2 = {
+  narrow: /^[dlmjvs]/i,
+  short: /^(do|lu|ma|mi|ju|vi|s[áa])/i,
+  abbreviated: /^(dom|lun|mar|mi[ée]|jue|vie|s[áa]b)/i,
+  wide: /^(domingo|lunes|martes|mi[ée]rcoles|jueves|viernes|s[áa]bado)/i
+};
+var parseDayPatterns2 = {
+  narrow: [/^d/i, /^l/i, /^m/i, /^m/i, /^j/i, /^v/i, /^s/i],
+  any: [/^do/i, /^lu/i, /^ma/i, /^mi/i, /^ju/i, /^vi/i, /^sa/i]
+};
+var matchDayPeriodPatterns2 = {
+  narrow: /^(a|p|mn|md|(de la|a las) (mañana|tarde|noche))/i,
+  any: /^([ap]\.?\s?m\.?|medianoche|mediodia|(de la|a las) (mañana|tarde|noche))/i
+};
+var parseDayPeriodPatterns2 = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mn/i,
+    noon: /^md/i,
+    morning: /mañana/i,
+    afternoon: /tarde/i,
+    evening: /tarde/i,
+    night: /noche/i
+  }
+};
+var match2 = {
+  ordinalNumber: buildMatchPatternFn({
+    matchPattern: matchOrdinalNumberPattern2,
+    parsePattern: parseOrdinalNumberPattern2,
+    valueCallback: function(value) {
+      return parseInt(value, 10);
+    }
+  }),
+  era: buildMatchFn({
+    matchPatterns: matchEraPatterns2,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseEraPatterns2,
+    defaultParseWidth: "any"
+  }),
+  quarter: buildMatchFn({
+    matchPatterns: matchQuarterPatterns2,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseQuarterPatterns2,
+    defaultParseWidth: "any",
+    valueCallback: (index) => index + 1
+  }),
+  month: buildMatchFn({
+    matchPatterns: matchMonthPatterns2,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseMonthPatterns2,
+    defaultParseWidth: "any"
+  }),
+  day: buildMatchFn({
+    matchPatterns: matchDayPatterns2,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseDayPatterns2,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: buildMatchFn({
+    matchPatterns: matchDayPeriodPatterns2,
+    defaultMatchWidth: "any",
+    parsePatterns: parseDayPeriodPatterns2,
+    defaultParseWidth: "any"
+  })
+};
+
+// node_modules/date-fns/locale/es.mjs
+var es = {
+  code: "es",
+  formatDistance: formatDistance2,
+  formatLong: formatLong2,
+  formatRelative: formatRelative2,
+  localize: localize2,
+  match: match2,
+  options: {
+    weekStartsOn: 1,
+    firstWeekContainsDate: 1
+  }
+};
+
+// node_modules/date-fns/constructFrom.mjs
+function constructFrom(date, value) {
+  if (date instanceof Date) {
+    return new date.constructor(value);
+  } else {
+    return new Date(value);
+  }
+}
+
+// node_modules/date-fns/addDays.mjs
+function addDays(date, amount) {
+  const _date = toDate(date);
+  if (isNaN(amount)) return constructFrom(date, NaN);
+  if (!amount) {
+    return _date;
+  }
+  _date.setDate(_date.getDate() + amount);
+  return _date;
+}
+
+// node_modules/date-fns/addMonths.mjs
+function addMonths(date, amount) {
+  const _date = toDate(date);
+  if (isNaN(amount)) return constructFrom(date, NaN);
+  if (!amount) {
+    return _date;
+  }
+  const dayOfMonth = _date.getDate();
+  const endOfDesiredMonth = constructFrom(date, _date.getTime());
+  endOfDesiredMonth.setMonth(_date.getMonth() + amount + 1, 0);
+  const daysInMonth = endOfDesiredMonth.getDate();
+  if (dayOfMonth >= daysInMonth) {
+    return endOfDesiredMonth;
+  } else {
+    _date.setFullYear(
+      endOfDesiredMonth.getFullYear(),
+      endOfDesiredMonth.getMonth(),
+      dayOfMonth
+    );
+    return _date;
+  }
+}
+
+// node_modules/date-fns/constants.mjs
+var daysInYear = 365.2425;
+var maxTime = Math.pow(10, 8) * 24 * 60 * 60 * 1e3;
+var minTime = -maxTime;
+var millisecondsInWeek = 6048e5;
+var millisecondsInDay = 864e5;
+var secondsInHour = 3600;
+var secondsInDay = secondsInHour * 24;
+var secondsInWeek = secondsInDay * 7;
+var secondsInYear = secondsInDay * daysInYear;
+var secondsInMonth = secondsInYear / 12;
+var secondsInQuarter = secondsInMonth * 3;
+
+// node_modules/date-fns/startOfISOWeek.mjs
+function startOfISOWeek(date) {
+  return startOfWeek(date, { weekStartsOn: 1 });
+}
+
+// node_modules/date-fns/getISOWeekYear.mjs
+function getISOWeekYear(date) {
+  const _date = toDate(date);
+  const year = _date.getFullYear();
+  const fourthOfJanuaryOfNextYear = constructFrom(date, 0);
+  fourthOfJanuaryOfNextYear.setFullYear(year + 1, 0, 4);
+  fourthOfJanuaryOfNextYear.setHours(0, 0, 0, 0);
+  const startOfNextYear = startOfISOWeek(fourthOfJanuaryOfNextYear);
+  const fourthOfJanuaryOfThisYear = constructFrom(date, 0);
+  fourthOfJanuaryOfThisYear.setFullYear(year, 0, 4);
+  fourthOfJanuaryOfThisYear.setHours(0, 0, 0, 0);
+  const startOfThisYear = startOfISOWeek(fourthOfJanuaryOfThisYear);
+  if (_date.getTime() >= startOfNextYear.getTime()) {
+    return year + 1;
+  } else if (_date.getTime() >= startOfThisYear.getTime()) {
+    return year;
+  } else {
+    return year - 1;
+  }
+}
+
+// node_modules/date-fns/startOfDay.mjs
+function startOfDay(date) {
+  const _date = toDate(date);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+// node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.mjs
+function getTimezoneOffsetInMilliseconds(date) {
+  const utcDate = new Date(
+    Date.UTC(
+      date.getFullYear(),
+      date.getMonth(),
+      date.getDate(),
+      date.getHours(),
+      date.getMinutes(),
+      date.getSeconds(),
+      date.getMilliseconds()
+    )
+  );
+  utcDate.setUTCFullYear(date.getFullYear());
+  return date.getTime() - utcDate.getTime();
+}
+
+// node_modules/date-fns/differenceInCalendarDays.mjs
+function differenceInCalendarDays(dateLeft, dateRight) {
+  const startOfDayLeft = startOfDay(dateLeft);
+  const startOfDayRight = startOfDay(dateRight);
+  const timestampLeft = startOfDayLeft.getTime() - getTimezoneOffsetInMilliseconds(startOfDayLeft);
+  const timestampRight = startOfDayRight.getTime() - getTimezoneOffsetInMilliseconds(startOfDayRight);
+  return Math.round((timestampLeft - timestampRight) / millisecondsInDay);
+}
+
+// node_modules/date-fns/startOfISOWeekYear.mjs
+function startOfISOWeekYear(date) {
+  const year = getISOWeekYear(date);
+  const fourthOfJanuary = constructFrom(date, 0);
+  fourthOfJanuary.setFullYear(year, 0, 4);
+  fourthOfJanuary.setHours(0, 0, 0, 0);
+  return startOfISOWeek(fourthOfJanuary);
+}
+
+// node_modules/date-fns/isSameDay.mjs
+function isSameDay(dateLeft, dateRight) {
+  const dateLeftStartOfDay = startOfDay(dateLeft);
+  const dateRightStartOfDay = startOfDay(dateRight);
+  return +dateLeftStartOfDay === +dateRightStartOfDay;
+}
+
+// node_modules/date-fns/isDate.mjs
+function isDate(value) {
+  return value instanceof Date || typeof value === "object" && Object.prototype.toString.call(value) === "[object Date]";
+}
+
+// node_modules/date-fns/isValid.mjs
+function isValid(date) {
+  if (!isDate(date) && typeof date !== "number") {
+    return false;
+  }
+  const _date = toDate(date);
+  return !isNaN(Number(_date));
+}
+
+// node_modules/date-fns/endOfDay.mjs
+function endOfDay(date) {
+  const _date = toDate(date);
+  _date.setHours(23, 59, 59, 999);
+  return _date;
+}
+
+// node_modules/date-fns/endOfMonth.mjs
+function endOfMonth(date) {
+  const _date = toDate(date);
+  const month = _date.getMonth();
+  _date.setFullYear(_date.getFullYear(), month + 1, 0);
+  _date.setHours(23, 59, 59, 999);
+  return _date;
+}
+
+// node_modules/date-fns/startOfMonth.mjs
+function startOfMonth(date) {
+  const _date = toDate(date);
+  _date.setDate(1);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+// node_modules/date-fns/startOfYear.mjs
+function startOfYear(date) {
+  const cleanDate = toDate(date);
+  const _date = constructFrom(date, 0);
+  _date.setFullYear(cleanDate.getFullYear(), 0, 1);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+// node_modules/date-fns/endOfWeek.mjs
+function endOfWeek(date, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const defaultOptions2 = getDefaultOptions();
+  const weekStartsOn = (_h = (_g = (_d = (_c = options == null ? void 0 : options.weekStartsOn) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.weekStartsOn) != null ? _d : defaultOptions2.weekStartsOn) != null ? _g : (_f = (_e = defaultOptions2.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.weekStartsOn) != null ? _h : 0;
+  const _date = toDate(date);
+  const day = _date.getDay();
+  const diff = (day < weekStartsOn ? -7 : 0) + 6 - (day - weekStartsOn);
+  _date.setDate(_date.getDate() + diff);
+  _date.setHours(23, 59, 59, 999);
+  return _date;
+}
+
+// node_modules/date-fns/getDayOfYear.mjs
+function getDayOfYear(date) {
+  const _date = toDate(date);
+  const diff = differenceInCalendarDays(_date, startOfYear(_date));
+  const dayOfYear = diff + 1;
+  return dayOfYear;
+}
+
+// node_modules/date-fns/getISOWeek.mjs
+function getISOWeek(date) {
+  const _date = toDate(date);
+  const diff = startOfISOWeek(_date).getTime() - startOfISOWeekYear(_date).getTime();
+  return Math.round(diff / millisecondsInWeek) + 1;
+}
+
+// node_modules/date-fns/getWeekYear.mjs
+function getWeekYear(date, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const _date = toDate(date);
+  const year = _date.getFullYear();
+  const defaultOptions2 = getDefaultOptions();
+  const firstWeekContainsDate = (_h = (_g = (_d = (_c = options == null ? void 0 : options.firstWeekContainsDate) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.firstWeekContainsDate) != null ? _d : defaultOptions2.firstWeekContainsDate) != null ? _g : (_f = (_e = defaultOptions2.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.firstWeekContainsDate) != null ? _h : 1;
+  const firstWeekOfNextYear = constructFrom(date, 0);
+  firstWeekOfNextYear.setFullYear(year + 1, 0, firstWeekContainsDate);
+  firstWeekOfNextYear.setHours(0, 0, 0, 0);
+  const startOfNextYear = startOfWeek(firstWeekOfNextYear, options);
+  const firstWeekOfThisYear = constructFrom(date, 0);
+  firstWeekOfThisYear.setFullYear(year, 0, firstWeekContainsDate);
+  firstWeekOfThisYear.setHours(0, 0, 0, 0);
+  const startOfThisYear = startOfWeek(firstWeekOfThisYear, options);
+  if (_date.getTime() >= startOfNextYear.getTime()) {
+    return year + 1;
+  } else if (_date.getTime() >= startOfThisYear.getTime()) {
+    return year;
+  } else {
+    return year - 1;
+  }
+}
+
+// node_modules/date-fns/startOfWeekYear.mjs
+function startOfWeekYear(date, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const defaultOptions2 = getDefaultOptions();
+  const firstWeekContainsDate = (_h = (_g = (_d = (_c = options == null ? void 0 : options.firstWeekContainsDate) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.firstWeekContainsDate) != null ? _d : defaultOptions2.firstWeekContainsDate) != null ? _g : (_f = (_e = defaultOptions2.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.firstWeekContainsDate) != null ? _h : 1;
+  const year = getWeekYear(date, options);
+  const firstWeek = constructFrom(date, 0);
+  firstWeek.setFullYear(year, 0, firstWeekContainsDate);
+  firstWeek.setHours(0, 0, 0, 0);
+  const _date = startOfWeek(firstWeek, options);
+  return _date;
+}
+
+// node_modules/date-fns/getWeek.mjs
+function getWeek(date, options) {
+  const _date = toDate(date);
+  const diff = startOfWeek(_date, options).getTime() - startOfWeekYear(_date, options).getTime();
+  return Math.round(diff / millisecondsInWeek) + 1;
+}
+
+// node_modules/date-fns/_lib/addLeadingZeros.mjs
+function addLeadingZeros(number, targetLength) {
+  const sign = number < 0 ? "-" : "";
+  const output = Math.abs(number).toString().padStart(targetLength, "0");
+  return sign + output;
+}
+
+// node_modules/date-fns/_lib/format/lightFormatters.mjs
+var lightFormatters = {
+  // Year
+  y(date, token) {
+    const signedYear = date.getFullYear();
+    const year = signedYear > 0 ? signedYear : 1 - signedYear;
+    return addLeadingZeros(token === "yy" ? year % 100 : year, token.length);
+  },
+  // Month
+  M(date, token) {
+    const month = date.getMonth();
+    return token === "M" ? String(month + 1) : addLeadingZeros(month + 1, 2);
+  },
+  // Day of the month
+  d(date, token) {
+    return addLeadingZeros(date.getDate(), token.length);
+  },
+  // AM or PM
+  a(date, token) {
+    const dayPeriodEnumValue = date.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (token) {
+      case "a":
+      case "aa":
+        return dayPeriodEnumValue.toUpperCase();
+      case "aaa":
+        return dayPeriodEnumValue;
+      case "aaaaa":
+        return dayPeriodEnumValue[0];
+      case "aaaa":
+      default:
+        return dayPeriodEnumValue === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h(date, token) {
+    return addLeadingZeros(date.getHours() % 12 || 12, token.length);
+  },
+  // Hour [0-23]
+  H(date, token) {
+    return addLeadingZeros(date.getHours(), token.length);
+  },
+  // Minute
+  m(date, token) {
+    return addLeadingZeros(date.getMinutes(), token.length);
+  },
+  // Second
+  s(date, token) {
+    return addLeadingZeros(date.getSeconds(), token.length);
+  },
+  // Fraction of second
+  S(date, token) {
+    const numberOfDigits = token.length;
+    const milliseconds = date.getMilliseconds();
+    const fractionalSeconds = Math.floor(
+      milliseconds * Math.pow(10, numberOfDigits - 3)
+    );
+    return addLeadingZeros(fractionalSeconds, token.length);
+  }
+};
+
+// node_modules/date-fns/_lib/format/formatters.mjs
+var dayPeriodEnum = {
+  am: "am",
+  pm: "pm",
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+};
+var formatters = {
+  // Era
+  G: function(date, token, localize3) {
+    const era = date.getFullYear() > 0 ? 1 : 0;
+    switch (token) {
+      // AD, BC
+      case "G":
+      case "GG":
+      case "GGG":
+        return localize3.era(era, { width: "abbreviated" });
+      // A, B
+      case "GGGGG":
+        return localize3.era(era, { width: "narrow" });
+      // Anno Domini, Before Christ
+      case "GGGG":
+      default:
+        return localize3.era(era, { width: "wide" });
+    }
+  },
+  // Year
+  y: function(date, token, localize3) {
+    if (token === "yo") {
+      const signedYear = date.getFullYear();
+      const year = signedYear > 0 ? signedYear : 1 - signedYear;
+      return localize3.ordinalNumber(year, { unit: "year" });
+    }
+    return lightFormatters.y(date, token);
+  },
+  // Local week-numbering year
+  Y: function(date, token, localize3, options) {
+    const signedWeekYear = getWeekYear(date, options);
+    const weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
+    if (token === "YY") {
+      const twoDigitYear = weekYear % 100;
+      return addLeadingZeros(twoDigitYear, 2);
+    }
+    if (token === "Yo") {
+      return localize3.ordinalNumber(weekYear, { unit: "year" });
+    }
+    return addLeadingZeros(weekYear, token.length);
+  },
+  // ISO week-numbering year
+  R: function(date, token) {
+    const isoWeekYear = getISOWeekYear(date);
+    return addLeadingZeros(isoWeekYear, token.length);
+  },
+  // Extended year. This is a single number designating the year of this calendar system.
+  // The main difference between `y` and `u` localizers are B.C. years:
+  // | Year | `y` | `u` |
+  // |------|-----|-----|
+  // | AC 1 |   1 |   1 |
+  // | BC 1 |   1 |   0 |
+  // | BC 2 |   2 |  -1 |
+  // Also `yy` always returns the last two digits of a year,
+  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
+  u: function(date, token) {
+    const year = date.getFullYear();
+    return addLeadingZeros(year, token.length);
+  },
+  // Quarter
+  Q: function(date, token, localize3) {
+    const quarter = Math.ceil((date.getMonth() + 1) / 3);
+    switch (token) {
+      // 1, 2, 3, 4
+      case "Q":
+        return String(quarter);
+      // 01, 02, 03, 04
+      case "QQ":
+        return addLeadingZeros(quarter, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "Qo":
+        return localize3.ordinalNumber(quarter, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "QQQ":
+        return localize3.quarter(quarter, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "QQQQQ":
+        return localize3.quarter(quarter, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // 1st quarter, 2nd quarter, ...
+      case "QQQQ":
+      default:
+        return localize3.quarter(quarter, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function(date, token, localize3) {
+    const quarter = Math.ceil((date.getMonth() + 1) / 3);
+    switch (token) {
+      // 1, 2, 3, 4
+      case "q":
+        return String(quarter);
+      // 01, 02, 03, 04
+      case "qq":
+        return addLeadingZeros(quarter, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "qo":
+        return localize3.ordinalNumber(quarter, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "qqq":
+        return localize3.quarter(quarter, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "qqqqq":
+        return localize3.quarter(quarter, {
+          width: "narrow",
+          context: "standalone"
+        });
+      // 1st quarter, 2nd quarter, ...
+      case "qqqq":
+      default:
+        return localize3.quarter(quarter, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function(date, token, localize3) {
+    const month = date.getMonth();
+    switch (token) {
+      case "M":
+      case "MM":
+        return lightFormatters.M(date, token);
+      // 1st, 2nd, ..., 12th
+      case "Mo":
+        return localize3.ordinalNumber(month + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "MMM":
+        return localize3.month(month, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // J, F, ..., D
+      case "MMMMM":
+        return localize3.month(month, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // January, February, ..., December
+      case "MMMM":
+      default:
+        return localize3.month(month, { width: "wide", context: "formatting" });
+    }
+  },
+  // Stand-alone month
+  L: function(date, token, localize3) {
+    const month = date.getMonth();
+    switch (token) {
+      // 1, 2, ..., 12
+      case "L":
+        return String(month + 1);
+      // 01, 02, ..., 12
+      case "LL":
+        return addLeadingZeros(month + 1, 2);
+      // 1st, 2nd, ..., 12th
+      case "Lo":
+        return localize3.ordinalNumber(month + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "LLL":
+        return localize3.month(month, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // J, F, ..., D
+      case "LLLLL":
+        return localize3.month(month, {
+          width: "narrow",
+          context: "standalone"
+        });
+      // January, February, ..., December
+      case "LLLL":
+      default:
+        return localize3.month(month, { width: "wide", context: "standalone" });
+    }
+  },
+  // Local week of year
+  w: function(date, token, localize3, options) {
+    const week = getWeek(date, options);
+    if (token === "wo") {
+      return localize3.ordinalNumber(week, { unit: "week" });
+    }
+    return addLeadingZeros(week, token.length);
+  },
+  // ISO week of year
+  I: function(date, token, localize3) {
+    const isoWeek = getISOWeek(date);
+    if (token === "Io") {
+      return localize3.ordinalNumber(isoWeek, { unit: "week" });
+    }
+    return addLeadingZeros(isoWeek, token.length);
+  },
+  // Day of the month
+  d: function(date, token, localize3) {
+    if (token === "do") {
+      return localize3.ordinalNumber(date.getDate(), { unit: "date" });
+    }
+    return lightFormatters.d(date, token);
+  },
+  // Day of year
+  D: function(date, token, localize3) {
+    const dayOfYear = getDayOfYear(date);
+    if (token === "Do") {
+      return localize3.ordinalNumber(dayOfYear, { unit: "dayOfYear" });
+    }
+    return addLeadingZeros(dayOfYear, token.length);
+  },
+  // Day of week
+  E: function(date, token, localize3) {
+    const dayOfWeek = date.getDay();
+    switch (token) {
+      // Tue
+      case "E":
+      case "EE":
+      case "EEE":
+        return localize3.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "EEEEE":
+        return localize3.day(dayOfWeek, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "EEEEEE":
+        return localize3.day(dayOfWeek, {
+          width: "short",
+          context: "formatting"
+        });
+      // Tuesday
+      case "EEEE":
+      default:
+        return localize3.day(dayOfWeek, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function(date, token, localize3, options) {
+    const dayOfWeek = date.getDay();
+    const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
+    switch (token) {
+      // Numerical value (Nth day of week with current locale or weekStartsOn)
+      case "e":
+        return String(localDayOfWeek);
+      // Padded numerical value
+      case "ee":
+        return addLeadingZeros(localDayOfWeek, 2);
+      // 1st, 2nd, ..., 7th
+      case "eo":
+        return localize3.ordinalNumber(localDayOfWeek, { unit: "day" });
+      case "eee":
+        return localize3.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "eeeee":
+        return localize3.day(dayOfWeek, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "eeeeee":
+        return localize3.day(dayOfWeek, {
+          width: "short",
+          context: "formatting"
+        });
+      // Tuesday
+      case "eeee":
+      default:
+        return localize3.day(dayOfWeek, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  c: function(date, token, localize3, options) {
+    const dayOfWeek = date.getDay();
+    const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
+    switch (token) {
+      // Numerical value (same as in `e`)
+      case "c":
+        return String(localDayOfWeek);
+      // Padded numerical value
+      case "cc":
+        return addLeadingZeros(localDayOfWeek, token.length);
+      // 1st, 2nd, ..., 7th
+      case "co":
+        return localize3.ordinalNumber(localDayOfWeek, { unit: "day" });
+      case "ccc":
+        return localize3.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // T
+      case "ccccc":
+        return localize3.day(dayOfWeek, {
+          width: "narrow",
+          context: "standalone"
+        });
+      // Tu
+      case "cccccc":
+        return localize3.day(dayOfWeek, {
+          width: "short",
+          context: "standalone"
+        });
+      // Tuesday
+      case "cccc":
+      default:
+        return localize3.day(dayOfWeek, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  i: function(date, token, localize3) {
+    const dayOfWeek = date.getDay();
+    const isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
+    switch (token) {
+      // 2
+      case "i":
+        return String(isoDayOfWeek);
+      // 02
+      case "ii":
+        return addLeadingZeros(isoDayOfWeek, token.length);
+      // 2nd
+      case "io":
+        return localize3.ordinalNumber(isoDayOfWeek, { unit: "day" });
+      // Tue
+      case "iii":
+        return localize3.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "iiiii":
+        return localize3.day(dayOfWeek, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "iiiiii":
+        return localize3.day(dayOfWeek, {
+          width: "short",
+          context: "formatting"
+        });
+      // Tuesday
+      case "iiii":
+      default:
+        return localize3.day(dayOfWeek, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function(date, token, localize3) {
+    const hours = date.getHours();
+    const dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
+    switch (token) {
+      case "a":
+      case "aa":
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "aaa":
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "aaaaa":
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "aaaa":
+      default:
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM, PM, midnight, noon
+  b: function(date, token, localize3) {
+    const hours = date.getHours();
+    let dayPeriodEnumValue;
+    if (hours === 12) {
+      dayPeriodEnumValue = dayPeriodEnum.noon;
+    } else if (hours === 0) {
+      dayPeriodEnumValue = dayPeriodEnum.midnight;
+    } else {
+      dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
+    }
+    switch (token) {
+      case "b":
+      case "bb":
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "bbb":
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "bbbbb":
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "bbbb":
+      default:
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // in the morning, in the afternoon, in the evening, at night
+  B: function(date, token, localize3) {
+    const hours = date.getHours();
+    let dayPeriodEnumValue;
+    if (hours >= 17) {
+      dayPeriodEnumValue = dayPeriodEnum.evening;
+    } else if (hours >= 12) {
+      dayPeriodEnumValue = dayPeriodEnum.afternoon;
+    } else if (hours >= 4) {
+      dayPeriodEnumValue = dayPeriodEnum.morning;
+    } else {
+      dayPeriodEnumValue = dayPeriodEnum.night;
+    }
+    switch (token) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "BBBB":
+      default:
+        return localize3.dayPeriod(dayPeriodEnumValue, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Hour [1-12]
+  h: function(date, token, localize3) {
+    if (token === "ho") {
+      let hours = date.getHours() % 12;
+      if (hours === 0) hours = 12;
+      return localize3.ordinalNumber(hours, { unit: "hour" });
+    }
+    return lightFormatters.h(date, token);
+  },
+  // Hour [0-23]
+  H: function(date, token, localize3) {
+    if (token === "Ho") {
+      return localize3.ordinalNumber(date.getHours(), { unit: "hour" });
+    }
+    return lightFormatters.H(date, token);
+  },
+  // Hour [0-11]
+  K: function(date, token, localize3) {
+    const hours = date.getHours() % 12;
+    if (token === "Ko") {
+      return localize3.ordinalNumber(hours, { unit: "hour" });
+    }
+    return addLeadingZeros(hours, token.length);
+  },
+  // Hour [1-24]
+  k: function(date, token, localize3) {
+    let hours = date.getHours();
+    if (hours === 0) hours = 24;
+    if (token === "ko") {
+      return localize3.ordinalNumber(hours, { unit: "hour" });
+    }
+    return addLeadingZeros(hours, token.length);
+  },
+  // Minute
+  m: function(date, token, localize3) {
+    if (token === "mo") {
+      return localize3.ordinalNumber(date.getMinutes(), { unit: "minute" });
+    }
+    return lightFormatters.m(date, token);
+  },
+  // Second
+  s: function(date, token, localize3) {
+    if (token === "so") {
+      return localize3.ordinalNumber(date.getSeconds(), { unit: "second" });
+    }
+    return lightFormatters.s(date, token);
+  },
+  // Fraction of second
+  S: function(date, token) {
+    return lightFormatters.S(date, token);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(date, token, _localize, options) {
+    const originalDate = options._originalDate || date;
+    const timezoneOffset = originalDate.getTimezoneOffset();
+    if (timezoneOffset === 0) {
+      return "Z";
+    }
+    switch (token) {
+      // Hours and optional minutes
+      case "X":
+        return formatTimezoneWithOptionalMinutes(timezoneOffset);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XX`
+      case "XXXX":
+      case "XX":
+        return formatTimezone(timezoneOffset);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XXX`
+      case "XXXXX":
+      case "XXX":
+      // Hours and minutes with `:` delimiter
+      default:
+        return formatTimezone(timezoneOffset, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(date, token, _localize, options) {
+    const originalDate = options._originalDate || date;
+    const timezoneOffset = originalDate.getTimezoneOffset();
+    switch (token) {
+      // Hours and optional minutes
+      case "x":
+        return formatTimezoneWithOptionalMinutes(timezoneOffset);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xx`
+      case "xxxx":
+      case "xx":
+        return formatTimezone(timezoneOffset);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xxx`
+      case "xxxxx":
+      case "xxx":
+      // Hours and minutes with `:` delimiter
+      default:
+        return formatTimezone(timezoneOffset, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(date, token, _localize, options) {
+    const originalDate = options._originalDate || date;
+    const timezoneOffset = originalDate.getTimezoneOffset();
+    switch (token) {
+      // Short
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
+      // Long
+      case "OOOO":
+      default:
+        return "GMT" + formatTimezone(timezoneOffset, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(date, token, _localize, options) {
+    const originalDate = options._originalDate || date;
+    const timezoneOffset = originalDate.getTimezoneOffset();
+    switch (token) {
+      // Short
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
+      // Long
+      case "zzzz":
+      default:
+        return "GMT" + formatTimezone(timezoneOffset, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(date, token, _localize, options) {
+    const originalDate = options._originalDate || date;
+    const timestamp = Math.floor(originalDate.getTime() / 1e3);
+    return addLeadingZeros(timestamp, token.length);
+  },
+  // Milliseconds timestamp
+  T: function(date, token, _localize, options) {
+    const originalDate = options._originalDate || date;
+    const timestamp = originalDate.getTime();
+    return addLeadingZeros(timestamp, token.length);
+  }
+};
+function formatTimezoneShort(offset, delimiter = "") {
+  const sign = offset > 0 ? "-" : "+";
+  const absOffset = Math.abs(offset);
+  const hours = Math.floor(absOffset / 60);
+  const minutes = absOffset % 60;
+  if (minutes === 0) {
+    return sign + String(hours);
+  }
+  return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
+}
+function formatTimezoneWithOptionalMinutes(offset, delimiter) {
+  if (offset % 60 === 0) {
+    const sign = offset > 0 ? "-" : "+";
+    return sign + addLeadingZeros(Math.abs(offset) / 60, 2);
+  }
+  return formatTimezone(offset, delimiter);
+}
+function formatTimezone(offset, delimiter = "") {
+  const sign = offset > 0 ? "-" : "+";
+  const absOffset = Math.abs(offset);
+  const hours = addLeadingZeros(Math.floor(absOffset / 60), 2);
+  const minutes = addLeadingZeros(absOffset % 60, 2);
+  return sign + hours + delimiter + minutes;
+}
+
+// node_modules/date-fns/_lib/format/longFormatters.mjs
+var dateLongFormatter = (pattern, formatLong3) => {
+  switch (pattern) {
+    case "P":
+      return formatLong3.date({ width: "short" });
+    case "PP":
+      return formatLong3.date({ width: "medium" });
+    case "PPP":
+      return formatLong3.date({ width: "long" });
+    case "PPPP":
+    default:
+      return formatLong3.date({ width: "full" });
+  }
+};
+var timeLongFormatter = (pattern, formatLong3) => {
+  switch (pattern) {
+    case "p":
+      return formatLong3.time({ width: "short" });
+    case "pp":
+      return formatLong3.time({ width: "medium" });
+    case "ppp":
+      return formatLong3.time({ width: "long" });
+    case "pppp":
+    default:
+      return formatLong3.time({ width: "full" });
+  }
+};
+var dateTimeLongFormatter = (pattern, formatLong3) => {
+  const matchResult = pattern.match(/(P+)(p+)?/) || [];
+  const datePattern = matchResult[1];
+  const timePattern = matchResult[2];
+  if (!timePattern) {
+    return dateLongFormatter(pattern, formatLong3);
+  }
+  let dateTimeFormat;
+  switch (datePattern) {
+    case "P":
+      dateTimeFormat = formatLong3.dateTime({ width: "short" });
+      break;
+    case "PP":
+      dateTimeFormat = formatLong3.dateTime({ width: "medium" });
+      break;
+    case "PPP":
+      dateTimeFormat = formatLong3.dateTime({ width: "long" });
+      break;
+    case "PPPP":
+    default:
+      dateTimeFormat = formatLong3.dateTime({ width: "full" });
+      break;
+  }
+  return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong3)).replace("{{time}}", timeLongFormatter(timePattern, formatLong3));
+};
+var longFormatters = {
+  p: timeLongFormatter,
+  P: dateTimeLongFormatter
+};
+
+// node_modules/date-fns/_lib/protectedTokens.mjs
+var protectedDayOfYearTokens = ["D", "DD"];
+var protectedWeekYearTokens = ["YY", "YYYY"];
+function isProtectedDayOfYearToken(token) {
+  return protectedDayOfYearTokens.indexOf(token) !== -1;
+}
+function isProtectedWeekYearToken(token) {
+  return protectedWeekYearTokens.indexOf(token) !== -1;
+}
+function throwProtectedError(token, format2, input) {
+  if (token === "YYYY") {
+    throw new RangeError(
+      `Use \`yyyy\` instead of \`YYYY\` (in \`${format2}\`) for formatting years to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`
+    );
+  } else if (token === "YY") {
+    throw new RangeError(
+      `Use \`yy\` instead of \`YY\` (in \`${format2}\`) for formatting years to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`
+    );
+  } else if (token === "D") {
+    throw new RangeError(
+      `Use \`d\` instead of \`D\` (in \`${format2}\`) for formatting days of the month to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`
+    );
+  } else if (token === "DD") {
+    throw new RangeError(
+      `Use \`dd\` instead of \`DD\` (in \`${format2}\`) for formatting days of the month to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`
+    );
+  }
+}
+
+// node_modules/date-fns/format.mjs
+var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
+var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
+var escapedStringRegExp = /^'([^]*?)'?$/;
+var doubleQuoteRegExp = /''/g;
+var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
+function format(date, formatStr, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  const defaultOptions2 = getDefaultOptions();
+  const locale = (_b = (_a = options == null ? void 0 : options.locale) != null ? _a : defaultOptions2.locale) != null ? _b : enUS;
+  const firstWeekContainsDate = (_j = (_i = (_f = (_e = options == null ? void 0 : options.firstWeekContainsDate) != null ? _e : (_d = (_c = options == null ? void 0 : options.locale) == null ? void 0 : _c.options) == null ? void 0 : _d.firstWeekContainsDate) != null ? _f : defaultOptions2.firstWeekContainsDate) != null ? _i : (_h = (_g = defaultOptions2.locale) == null ? void 0 : _g.options) == null ? void 0 : _h.firstWeekContainsDate) != null ? _j : 1;
+  const weekStartsOn = (_r = (_q = (_n = (_m = options == null ? void 0 : options.weekStartsOn) != null ? _m : (_l = (_k = options == null ? void 0 : options.locale) == null ? void 0 : _k.options) == null ? void 0 : _l.weekStartsOn) != null ? _n : defaultOptions2.weekStartsOn) != null ? _q : (_p = (_o = defaultOptions2.locale) == null ? void 0 : _o.options) == null ? void 0 : _p.weekStartsOn) != null ? _r : 0;
+  const originalDate = toDate(date);
+  if (!isValid(originalDate)) {
+    throw new RangeError("Invalid time value");
+  }
+  const formatterOptions = {
+    firstWeekContainsDate,
+    weekStartsOn,
+    locale,
+    _originalDate: originalDate
+  };
+  const result = formatStr.match(longFormattingTokensRegExp).map(function(substring) {
+    const firstCharacter = substring[0];
+    if (firstCharacter === "p" || firstCharacter === "P") {
+      const longFormatter = longFormatters[firstCharacter];
+      return longFormatter(substring, locale.formatLong);
+    }
+    return substring;
+  }).join("").match(formattingTokensRegExp).map(function(substring) {
+    if (substring === "''") {
+      return "'";
+    }
+    const firstCharacter = substring[0];
+    if (firstCharacter === "'") {
+      return cleanEscapedString(substring);
+    }
+    const formatter = formatters[firstCharacter];
+    if (formatter) {
+      if (!(options == null ? void 0 : options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken(substring)) {
+        throwProtectedError(substring, formatStr, String(date));
+      }
+      if (!(options == null ? void 0 : options.useAdditionalDayOfYearTokens) && isProtectedDayOfYearToken(substring)) {
+        throwProtectedError(substring, formatStr, String(date));
+      }
+      return formatter(
+        originalDate,
+        substring,
+        locale.localize,
+        formatterOptions
+      );
+    }
+    if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + firstCharacter + "`"
+      );
+    }
+    return substring;
+  }).join("");
+  return result;
+}
+function cleanEscapedString(input) {
+  const matched = input.match(escapedStringRegExp);
+  if (!matched) {
+    return input;
+  }
+  return matched[1].replace(doubleQuoteRegExp, "'");
+}
+
+// src/components/forms/date-pickers/ControlledDateRangePicker.tsx
+import "react-date-range/dist/styles.css";
+import "react-date-range/dist/theme/default.css";
+import { Button as Button3, Popover as Popover2, Stack, TextField as TextField2, useTheme } from "@mui/material";
+import { Event } from "@mui/icons-material";
+
+// src/components/forms/date-pickers/utils/staticRanges.ts
+var defineds = {
+  startOfWeek: startOfWeek(/* @__PURE__ */ new Date()),
+  endOfWeek: endOfWeek(/* @__PURE__ */ new Date()),
+  startOfLastWeek: startOfWeek(addDays(/* @__PURE__ */ new Date(), -7)),
+  endOfLastWeek: endOfWeek(addDays(/* @__PURE__ */ new Date(), -7)),
+  startOfToday: startOfDay(/* @__PURE__ */ new Date()),
+  endOfToday: endOfDay(/* @__PURE__ */ new Date()),
+  startOfYesterday: startOfDay(addDays(/* @__PURE__ */ new Date(), -1)),
+  endOfYesterday: endOfDay(addDays(/* @__PURE__ */ new Date(), -1)),
+  startOfMonth: startOfMonth(/* @__PURE__ */ new Date()),
+  endOfMonth: endOfMonth(/* @__PURE__ */ new Date()),
+  startOfLastMonth: startOfMonth(addMonths(/* @__PURE__ */ new Date(), -1)),
+  endOfLastMonth: endOfMonth(addMonths(/* @__PURE__ */ new Date(), -1))
+};
+var staticRangeHandler = {
+  range: function() {
+    return {
+      startDate: /* @__PURE__ */ new Date(),
+      endDate: /* @__PURE__ */ new Date(),
+      color: void 0
+      // color is optional
+    };
+  },
+  isSelected: function(range) {
+    const definedRange = this.range();
+    return isSameDay(range.startDate || 0, definedRange.startDate) && isSameDay(range.endDate || 0, definedRange.endDate);
+  }
+};
+function createStaticRanges(ranges) {
+  return ranges.map((range) => __spreadValues(__spreadValues({}, staticRangeHandler), range));
+}
+var defaultStaticRanges = createStaticRanges(
+  [
+    {
+      label: "Hoy",
+      range: () => ({
+        startDate: defineds.startOfToday,
+        endDate: defineds.endOfToday,
+        color: void 0
+      })
+    },
+    {
+      label: "Ayer",
+      range: () => ({
+        startDate: defineds.startOfYesterday,
+        endDate: defineds.endOfYesterday,
+        color: void 0
+      })
+    },
+    {
+      label: "Esta semana",
+      range: () => ({
+        startDate: defineds.startOfWeek,
+        endDate: defineds.endOfWeek,
+        color: void 0
+      })
+    },
+    {
+      label: "Semana pasada",
+      range: () => ({
+        startDate: defineds.startOfLastWeek,
+        endDate: defineds.endOfLastWeek,
+        color: void 0
+      })
+    },
+    {
+      label: "Este Mes",
+      range: () => ({
+        startDate: defineds.startOfMonth,
+        endDate: defineds.endOfMonth,
+        color: void 0
+      })
+    },
+    {
+      label: "Mes Pasado",
+      range: () => ({
+        startDate: defineds.startOfLastMonth,
+        endDate: defineds.endOfLastMonth,
+        color: void 0
+      })
+    }
+  ]
+);
+var defaultInputRanges = [
+  {
+    label: "d\xEDas hasta hoy",
+    range(value) {
+      return {
+        startDate: addDays(defineds.startOfToday, (Math.max(Number(value), 1) - 1) * -1),
+        endDate: defineds.endOfToday
+      };
+    },
+    getCurrentValue(range) {
+      if (!isSameDay(range.endDate || 0, defineds.endOfToday)) return "-";
+      if (!range.startDate) return "\u221E";
+      return differenceInCalendarDays(defineds.endOfToday, range.startDate) + 1;
+    }
+  },
+  {
+    label: "d\xEDas desde hoy",
+    range(value) {
+      const today = /* @__PURE__ */ new Date();
+      return {
+        startDate: today,
+        endDate: addDays(today, Math.max(Number(value), 1) - 1)
+      };
+    },
+    getCurrentValue(range) {
+      if (!isSameDay(range.startDate || 0, defineds.startOfToday)) return "-";
+      if (!range.endDate) return "\u221E";
+      return differenceInCalendarDays(range.endDate, defineds.startOfToday) + 1;
+    }
+  }
+];
+
+// src/components/forms/date-pickers/ControlledDateRangePicker.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var ControlledDateRangePicker = ({
+  control,
+  startDateName,
+  endDateName,
+  label,
+  dateFormatter
+}) => {
+  const theme = useTheme();
+  const [anchorEl, setAnchorEl] = useState4(null);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  const open = !!anchorEl;
+  const toShortDate = (date) => {
+    if (!date) return "";
+    return dateFormatter ? dateFormatter(date) : format(new Date(date), "dd/MM/yyyy");
+  };
+  return /* @__PURE__ */ jsx4(Fragment, { children: /* @__PURE__ */ jsx4(
+    Controller2,
+    {
+      control,
+      name: startDateName,
+      render: ({ field: { onChange: onStartDateChange, value: valueStart } }) => /* @__PURE__ */ jsx4(
+        Controller2,
+        {
+          control,
+          name: endDateName,
+          render: ({ field: { onChange: onEndDateChange, value: valueEnd } }) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+            /* @__PURE__ */ jsx4(
+              TextField2,
+              {
+                label: label || "Fecha Desde - Hasta",
+                value: `${toShortDate(valueStart)} - ${toShortDate(valueEnd)}`,
+                onClick: (e) => handleClick(e),
+                InputProps: {
+                  readOnly: true,
+                  endAdornment: /* @__PURE__ */ jsx4(Event, {})
+                },
+                size: "small"
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              Popover2,
+              {
+                id: "date-picker-popover",
+                open,
+                anchorEl,
+                onClose: handleClose,
+                anchorOrigin: {
+                  vertical: "bottom",
+                  horizontal: "left"
+                },
+                children: /* @__PURE__ */ jsxs2(
+                  Stack,
+                  {
+                    direction: "column",
+                    alignItems: "flex-end",
+                    children: [
+                      /* @__PURE__ */ jsx4(
+                        DateRangePicker,
+                        {
+                          onChange: (item) => {
+                            const { startDate, endDate } = item.selection;
+                            onStartDateChange(startDate);
+                            onEndDateChange(endDate);
+                          },
+                          moveRangeOnFirstSelection: false,
+                          retainEndDateOnFirstSelection: false,
+                          months: 2,
+                          ranges: [
+                            {
+                              startDate: valueStart || /* @__PURE__ */ new Date(),
+                              endDate: valueEnd || /* @__PURE__ */ new Date(),
+                              key: "selection",
+                              color: theme.palette.primary.main
+                            }
+                          ],
+                          direction: "horizontal",
+                          preventSnapRefocus: true,
+                          calendarFocus: "backwards",
+                          locale: es,
+                          staticRanges: defaultStaticRanges,
+                          color: theme.palette.primary.main,
+                          showPreview: true,
+                          inputRanges: defaultInputRanges
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs2(Stack, { direction: "row", children: [
+                        /* @__PURE__ */ jsx4(Button3, { onClick: () => {
+                          onEndDateChange(void 0);
+                          onStartDateChange(void 0);
+                        }, children: "Limpiar" }),
+                        /* @__PURE__ */ jsx4(
+                          Button3,
+                          {
+                            onClick: handleClose,
+                            sx: { width: 1 / 4 },
+                            children: "Cerrar"
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              }
+            )
+          ] })
+        }
+      )
+    }
+  ) });
+};
+
+// src/components/forms/select/select.tsx
+import {
+  Autocomplete,
+  CircularProgress as CircularProgress3,
+  InputAdornment,
+  ListItemIcon as ListItemIcon2,
+  ListItemText as ListItemText2,
+  MenuItem as MenuItem2,
+  TextField as TextField3
+} from "@mui/material";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { createElement } from "react";
+function ControlledSelect(props) {
+  const _a = props, {
+    control,
+    name,
+    getOptions,
+    label,
+    disabled,
+    required,
+    variant,
+    size,
+    searchable
+  } = _a, rest = __objRest(_a, [
+    "control",
+    "name",
+    "getOptions",
+    "label",
+    "disabled",
+    "required",
+    "variant",
+    "size",
+    "searchable"
+  ]);
+  const { field, fieldState, formState } = useField({
+    name,
+    control
+  });
+  const { options, isSuccess, isLoading } = useOptions({
+    getOptions
+  });
+  return /* @__PURE__ */ jsx5(
+    Autocomplete,
+    __spreadValues({
+      options: options ? options : [],
+      loading: isLoading,
+      value: field.value || "",
+      onChange: (event, newValue) => {
+        field.onChange(newValue || void 0);
+      },
+      getOptionKey: (option) => option.value,
+      renderOption: (props2, option) => {
+        return /* @__PURE__ */ createElement(MenuItem2, __spreadProps(__spreadValues({}, props2), { key: option.value }), option.icon && /* @__PURE__ */ jsx5(ListItemIcon2, { children: option.icon }), /* @__PURE__ */ jsx5(ListItemText2, { children: option.label }));
+      },
+      isOptionEqualToValue: (option, value) => option.value === value.value,
+      filterOptions: searchable ? (options2, state) => options2.filter(
+        (option) => option.label.toLowerCase().includes(state.inputValue.toLowerCase())
+        // TODO: se puede mejorar el filtro para que sea de tipo "localeContains"
+      ) : void 0,
+      renderInput: (params) => {
+        var _a2, _b, _c;
+        return /* @__PURE__ */ jsx5(
+          TextField3,
+          __spreadProps(__spreadValues({}, params), {
+            label: props.label,
+            error: !!fieldState.error,
+            helperText: (_a2 = fieldState.error) == null ? void 0 : _a2.message,
+            required: props.required,
+            variant,
+            size,
+            inputProps: __spreadProps(__spreadValues({}, params.inputProps), {
+              readOnly: !searchable,
+              style: {
+                cursor: !searchable ? "pointer" : void 0
+              }
+            }),
+            InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
+              endAdornment: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                isLoading ? /* @__PURE__ */ jsx5(CircularProgress3, { color: "inherit", size: 20 }) : null,
+                params.InputProps.endAdornment
+              ] }),
+              startAdornment: ((_b = field.value) == null ? void 0 : _b.icon) ? /* @__PURE__ */ jsx5(InputAdornment, { position: "start", children: (_c = field.value) == null ? void 0 : _c.icon }) : void 0,
+              // value: field.value?.label,
+              sx: {
+                cursor: !searchable ? "pointer" : void 0
+              }
+            })
+          })
+        );
+      }
+    }, rest)
+  );
+}
+
+// src/components/forms/multiselect/multiselect.tsx
+import {
+  Autocomplete as Autocomplete2,
+  Chip,
+  CircularProgress as CircularProgress4,
+  ListItemIcon as ListItemIcon3,
+  ListItemText as ListItemText3,
+  MenuItem as MenuItem3,
+  TextField as TextField4
+} from "@mui/material";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function ControlledMultiselect(props) {
+  const _a = props, {
+    control,
+    name,
+    getOptions,
+    label,
+    disabled,
+    required,
+    variant,
+    size,
+    TagComponent,
+    searchable
+  } = _a, rest = __objRest(_a, [
+    "control",
+    "name",
+    "getOptions",
+    "label",
+    "disabled",
+    "required",
+    "variant",
+    "size",
+    "TagComponent",
+    "searchable"
+  ]);
+  const { field, fieldState, formState } = useField({
+    name,
+    control
+  });
+  const { options, isSuccess, isLoading } = useOptions({
+    getOptions
+  });
+  return /* @__PURE__ */ jsx6(
+    Autocomplete2,
+    __spreadValues({
+      multiple: true,
+      options: options ? options : [],
+      loading: isLoading,
+      value: field.value || [],
+      onChange: (event, newValue) => {
+        field.onChange(newValue || void 0);
+      },
+      getOptionKey: (option) => option.value,
+      renderOption: (props2, option, state, ownerState) => {
+        return /* @__PURE__ */ jsxs4(MenuItem3, __spreadProps(__spreadValues({}, props2), { children: [
+          option.icon && /* @__PURE__ */ jsx6(ListItemIcon3, { children: option.icon }),
+          /* @__PURE__ */ jsx6(ListItemText3, { children: option.label })
+        ] }));
+      },
+      isOptionEqualToValue: (option, value) => option.value === value.value,
+      filterOptions: searchable ? (options2, state) => options2.filter(
+        (option) => option.label.toLowerCase().includes(state.inputValue.toLowerCase())
+        // TODO: se puede mejorar el filtro para que sea de tipo "localeContains"
+      ) : void 0,
+      renderInput: (params) => {
+        var _a2;
+        return /* @__PURE__ */ jsx6(
+          TextField4,
+          __spreadProps(__spreadValues({}, params), {
+            label: props.label,
+            error: !!fieldState.error,
+            helperText: (_a2 = fieldState.error) == null ? void 0 : _a2.message,
+            required: props.required,
+            variant,
+            size,
+            inputProps: __spreadProps(__spreadValues({}, params.inputProps), {
+              readOnly: !searchable,
+              style: {
+                cursor: !searchable ? "pointer" : void 0
+              }
+            }),
+            InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
+              endAdornment: /* @__PURE__ */ jsxs4(Fragment3, { children: [
+                isLoading ? /* @__PURE__ */ jsx6(CircularProgress4, { color: "inherit", size: 20 }) : null,
+                params.InputProps.endAdornment
+              ] }),
+              // value: field.value?.label,
+              sx: {
+                cursor: !searchable ? "pointer" : void 0
+              }
+            })
+          })
+        );
+      },
+      renderTags: (value, getTagProps) => {
+        return value.map((option, index) => {
+          if (TagComponent) {
+            return /* @__PURE__ */ jsx6(TagComponent, __spreadValues({ value: option }, getTagProps({ index })));
+          }
+          return /* @__PURE__ */ jsx6(
+            Chip,
+            __spreadValues({
+              variant: "outlined",
+              label: option.label
+            }, getTagProps({ index }))
+          );
+        });
+      }
+    }, rest)
+  );
+}
+
+// src/components/forms/toggle-button-group/toggle-button-group.tsx
+import {
+  ToggleButton,
+  ToggleButtonGroup
+} from "@mui/material";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function ItecToggleButtonGroup(props) {
+  const _a = props, { options, renderOption, onChange, value, toggleButtonProps } = _a, rest = __objRest(_a, ["options", "renderOption", "onChange", "value", "toggleButtonProps"]);
+  return /* @__PURE__ */ jsx7(
+    ToggleButtonGroup,
+    __spreadProps(__spreadValues({
+      value: value || 0,
+      exclusive: true,
+      onChange: (_, newValue) => {
+        onChange(newValue);
+      }
+    }, rest), {
+      children: options.map((option) => /* @__PURE__ */ jsx7(
+        ToggleButton,
+        __spreadProps(__spreadValues({
+          value: option.value
+        }, toggleButtonProps ? typeof toggleButtonProps === "function" ? toggleButtonProps(option) : toggleButtonProps : {}), {
+          children: renderOption ? renderOption(option) : option.label
+        }),
+        option.value
+      ))
+    })
+  );
+}
+
+// src/components/forms/toggle-button-group/controlled-toggle-button-group.tsx
+import { FormControl, FormHelperText, FormLabel } from "@mui/material";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function ControlledToggleButtonGroup(props) {
+  var _b, _c;
+  const _a = props, {
+    name,
+    control,
+    label,
+    helperText,
+    enforceValueSet,
+    options
+  } = _a, rest = __objRest(_a, [
+    "name",
+    "control",
+    "label",
+    "helperText",
+    "enforceValueSet",
+    "options"
+  ]);
+  const { field, fieldState, formState } = useField({
+    name,
+    control
+  });
+  const handleChange = (value) => {
+    var _a2;
+    if (!value && enforceValueSet) return;
+    if (value === ((_a2 = field.value) == null ? void 0 : _a2.value)) {
+      field.onChange(void 0);
+    } else {
+      field.onChange(options.find((v) => v.value === value));
+    }
+  };
+  return /* @__PURE__ */ jsxs5(FormControl, { error: !!fieldState.error, children: [
+    label && /* @__PURE__ */ jsx8(FormLabel, { children: label }),
+    /* @__PURE__ */ jsx8(
+      ItecToggleButtonGroup,
+      __spreadValues({
+        value: (_b = field.value) == null ? void 0 : _b.value,
+        onChange: handleChange,
+        options
+      }, rest)
+    ),
+    /* @__PURE__ */ jsx8(FormHelperText, { children: ((_c = fieldState.error) == null ? void 0 : _c.message) || helperText && helperText })
+  ] });
+}
+
+// src/components/forms/toggle-button-group/toggle-button-group-multiple.tsx
+import {
+  ToggleButton as ToggleButton2,
+  ToggleButtonGroup as ToggleButtonGroup2
+} from "@mui/material";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function ItecToggleButtonGroupMultiple(props) {
+  const _a = props, { options, renderOption, onChange, value, toggleButtonProps } = _a, rest = __objRest(_a, ["options", "renderOption", "onChange", "value", "toggleButtonProps"]);
+  return /* @__PURE__ */ jsx9(
+    ToggleButtonGroup2,
+    __spreadProps(__spreadValues({
+      value: value || [],
+      onChange: (_, newValue) => {
+        onChange(newValue);
+      }
+    }, rest), {
+      children: options.map((option) => /* @__PURE__ */ jsx9(
+        ToggleButton2,
+        __spreadProps(__spreadValues({
+          value: option.value
+        }, toggleButtonProps ? typeof toggleButtonProps === "function" ? toggleButtonProps(option) : toggleButtonProps : {}), {
+          children: renderOption ? renderOption(option) : option.label
+        }),
+        option.value
+      ))
+    })
+  );
+}
+
+// src/components/forms/toggle-button-group/controlled-toggle-button-group-multiple.tsx
+import { FormControl as FormControl2, FormHelperText as FormHelperText2, FormLabel as FormLabel2 } from "@mui/material";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+function ControlledToggleButtonGroupMultiple(props) {
+  var _b, _c, _d;
+  const _a = props, {
+    name,
+    control,
+    label,
+    helperText,
+    enforceValueSet,
+    options
+  } = _a, rest = __objRest(_a, [
+    "name",
+    "control",
+    "label",
+    "helperText",
+    "enforceValueSet",
+    "options"
+  ]);
+  const { field, fieldState, formState } = useField({
+    name,
+    control
+  });
+  const handleChange = (value) => {
+    if (!value.length && enforceValueSet) return;
+    field.onChange(options.filter((v) => value.includes(v.value)));
+  };
+  return /* @__PURE__ */ jsxs6(FormControl2, { error: !!fieldState.error, children: [
+    label && /* @__PURE__ */ jsx10(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx10(
+      ItecToggleButtonGroupMultiple,
+      __spreadValues({
+        value: (_c = (_b = field.value) == null ? void 0 : _b.map((v) => v.value)) != null ? _c : [],
+        onChange: handleChange,
+        options
+      }, rest)
+    ),
+    /* @__PURE__ */ jsx10(FormHelperText2, { children: ((_d = fieldState.error) == null ? void 0 : _d.message) || helperText && helperText })
+  ] });
+}
+export {
+  ItaptecButton as Button,
+  ControlledDateRangePicker,
+  ItecToggleButtonGroup,
+  ControlledMultiselect as Multiselect,
+  ControlledSelect as Select,
+  SplitButton,
+  ControlledTextField as TextField,
+  ControlledToggleButtonGroup as ToggleButtonGroup,
+  ControlledToggleButtonGroupMultiple as ToggleButtonGroupMultiple
+};
+//# sourceMappingURL=index.mjs.map