karsten-design-system 1.1.68 → 1.1.70

package/dist/index.cjs.js

@@ -0,0 +1,4537 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var iconfield = require('primereact/iconfield');
+var inputicon = require('primereact/inputicon');
+var inputtext = require('primereact/inputtext');
+var reactRouterDom = require('react-router-dom');
+var button = require('primereact/button');
+var api = require('primereact/api');
+var calendar = require('primereact/calendar');
+var chart = require('primereact/chart');
+var divider = require('primereact/divider');
+var ReactDOM = require('react-dom');
+var inputswitch = require('primereact/inputswitch');
+var inputtextarea = require('primereact/inputtextarea');
+var sidebar = require('primereact/sidebar');
+var paginator = require('primereact/paginator');
+var utils = require('primereact/utils');
+var skeleton = require('primereact/skeleton');
+
+function Accordion({ tabsChildren, headers, multiple = false, activeIndex, className, onClickFavorite, showFavorite = false, }) {
+    const [openIndexes, setOpenIndexes] = React.useState(activeIndex
+        ? Array.isArray(activeIndex)
+            ? activeIndex
+            : [activeIndex]
+        : []);
+    const toggleTab = (index) => {
+        if (multiple) {
+            setOpenIndexes((prev) => prev.includes(index)
+                ? prev.filter((i) => i !== index)
+                : [...prev, index]);
+        }
+        else {
+            setOpenIndexes((prev) => (prev.includes(index) ? [] : [index]));
+        }
+    };
+    return (jsxRuntime.jsx("div", { className: clsx('w-full flex flex-col text-primary', className), children: tabsChildren.map((tab, index) => (jsxRuntime.jsxs("div", { className: "w-full", children: [jsxRuntime.jsx("div", { className: "flex items-center justify-between w-full border-b border-b-primary bg-background", children: jsxRuntime.jsxs("button", { onClick: () => toggleTab(index), className: "flex items-center justify-between w-full px-4 py-2", "aria-label": "Abrir aba de menus", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [showFavorite && (jsxRuntime.jsx("i", { className: clsx('text-primary cursor-pointer text-lg', headers[index]?.isFavorite
+                                            ? 'pi pi-star-fill text-primary'
+                                            : 'pi pi-star'), onClick: (e) => {
+                                            e.stopPropagation();
+                                            onClickFavorite?.(index);
+                                        } })), jsxRuntime.jsx("span", { className: "text-left text-primary text-base font-bold font-roboto", children: headers[index].label })] }), jsxRuntime.jsx("i", { className: clsx('pi', openIndexes.includes(index) ? 'pi-angle-up' : 'pi-angle-down', 'text-primary ml-4') })] }) }), openIndexes.includes(index) && jsxRuntime.jsx("div", { className: "py-4", children: tab })] }, index))) }));
+}
+
+const FloatingLabel = ({ value, label, disabled, error, }) => {
+    const [isFloating, setIsFloating] = React.useState(!!value);
+    React.useEffect(() => {
+        setIsFloating(!!value);
+    }, [value]);
+    return (jsxRuntime.jsx("label", { className: clsx('absolute left-4 text-gray transition-all bg-background px-1 z-20 font-roboto text-sm', isFloating ? '-top-3 text-primary' : 'top-[9px]', disabled ? 'text-stoneDark' : error ? 'text-redError' : 'text-gray'), children: isFloating ? label : value }));
+};
+
+const maskCPF = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 11);
+    if (value.length <= 3) {
+        return value;
+    }
+    if (value.length <= 6) {
+        return value.replace(/(\d{3})(\d{1,})/, '$1.$2');
+    }
+    if (value.length <= 9) {
+        return value.replace(/(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3');
+    }
+    return value.replace(/(\d{3})(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3-$4');
+};
+const maskCNPJ = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 14);
+    if (value.length <= 2) {
+        return value;
+    }
+    if (value.length <= 5) {
+        return value.replace(/(\d{2})(\d{1,})/, '$1.$2');
+    }
+    if (value.length <= 8) {
+        return value.replace(/(\d{2})(\d{3})(\d{1,})/, '$1.$2.$3');
+    }
+    if (value.length <= 12) {
+        return value.replace(/(\d{2})(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3/$4');
+    }
+    return value.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{1,})/, '$1.$2.$3/$4-$5');
+};
+// export const maskNumber = (value: string) => {
+//   value = value.replace(/\D/g, '');
+//   value = value.slice(0, 12);
+//   return value.replace(/(\d)(\d{2})$/, '$1,$2');
+// };
+const maskOnlyNumbers = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 15);
+    return value;
+};
+const maskNumberWithDecimal = (value) => {
+    const regex = /^[0-9]+([.,][0-9]+)?$/;
+    value = value.slice(0, 20);
+    if (!regex.test(value)) {
+        return value.replace(/[^0-9.,]/g, '').replace(/([.,]).*\1/g, '$1');
+    }
+    return value;
+};
+const maskCellphone = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 11);
+    if (value.length <= 2) {
+        return value.replace(/(\d{2})/, '($1');
+    }
+    if (value.length <= 6) {
+        return value.replace(/(\d{2})(\d{4})/, '($1) $2');
+    }
+    return value.replace(/(\d{2})(\d{4})(\d{4})/, '($1) $2-$3');
+};
+const maskPhone = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 10);
+    if (value.length <= 2) {
+        return value.replace(/(\d{2})/, '($1');
+    }
+    if (value.length <= 6) {
+        return value.replace(/(\d{2})(\d{4})/, '($1) $2');
+    }
+    return value.replace(/(\d{2})(\d{4})(\d{4})/, '($1) $2-$3');
+};
+const maskCEP = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 8);
+    return value.replace(/(\d{5})(\d{1,})/, '$1-$2');
+};
+const maskMoneyBRL = (value) => {
+    value = value.replace(/\D/g, '');
+    if (!value)
+        return '';
+    value = value.slice(0, 13);
+    const numericValue = parseFloat(value) / 100;
+    return numericValue.toLocaleString('pt-BR', {
+        style: 'currency',
+        currency: 'BRL',
+    });
+};
+
+const variants$4 = {
+    green: 'text-green',
+    gray: 'text-gray',
+};
+function Input({ onChange, placeholder, disabled = false, error, icon, onClickIcon, iconColor = 'green', label, mask, ...props }) {
+    const inputId = React.useId();
+    const [inputValue, setInputValue] = React.useState('');
+    const applyMask = (value, mask) => {
+        switch (mask) {
+            case 'cpf':
+                return maskCPF(value);
+            case 'cnpj':
+                return maskCNPJ(value);
+            case 'numbers':
+                return maskOnlyNumbers(value);
+            case 'cellphone':
+                return maskCellphone(value);
+            case 'phone':
+                return maskPhone(value);
+            case 'decimal':
+                return maskNumberWithDecimal(value);
+            case 'cep':
+                return maskCEP(value);
+            case 'currency':
+                return maskMoneyBRL(value);
+            default:
+                return value;
+        }
+    };
+    React.useEffect(() => {
+        const formatted = applyMask(props?.value ?? '', mask);
+        setInputValue(formatted);
+    }, [props?.value, mask]);
+    const handleChange = (e) => {
+        const value = applyMask(e.target.value, mask);
+        setInputValue(value);
+        onChange(value);
+    };
+    const hasError = (props?.value && error && !disabled) ||
+        (!!error && !disabled && props?.value?.length === 0);
+    return (jsxRuntime.jsxs("div", { className: "relative flex flex-col w-100", children: [jsxRuntime.jsxs(iconfield.IconField, { className: "w-100", children: [jsxRuntime.jsx(inputicon.InputIcon, { className: clsx(`pi ${icon} px-2 cursor-pointer`, hasError
+                            ? 'text-redError'
+                            : disabled
+                                ? 'text-stone'
+                                : variants$4[iconColor]), onClick: onClickIcon }), jsxRuntime.jsx(inputtext.InputText, { id: inputId, type: "text", placeholder: placeholder, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md', hasError
+                            ? 'border-redError placeholder:text-redError'
+                            : 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray'), onChange: handleChange, disabled: disabled, invalid: hasError, ...props, value: inputValue })] }), jsxRuntime.jsx(FloatingLabel, { value: props?.value ? props?.value?.toString() : '', label: label || '', disabled: disabled, error: error }), hasError && jsxRuntime.jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
+}
+
+function AutoComplete({ items, onChange, error, ...props }) {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [filteredItems, setFilteredItems] = React.useState(items);
+    const handleInputChange = (value) => {
+        onChange(value);
+        setIsOpen(!!value);
+        const filtered = items.filter((item) => item.toLowerCase().includes(value.toLowerCase()));
+        setFilteredItems(filtered);
+    };
+    const handleSelect = (selectedValue) => {
+        onChange(selectedValue);
+        setIsOpen(false);
+    };
+    const handleIconClick = () => {
+        if (isOpen) {
+            onChange('');
+            setFilteredItems(items);
+        }
+        setIsOpen(!isOpen);
+    };
+    return (jsxRuntime.jsxs("div", { className: "relative w-100", children: [jsxRuntime.jsx(iconfield.IconField, { className: "w-100", children: jsxRuntime.jsx(Input, { ...props, onChange: handleInputChange, icon: isOpen ? 'pi-times' : 'pi-search', iconColor: isOpen ? 'gray' : 'green', onClickIcon: handleIconClick, error: error }) }), isOpen && filteredItems.length > 0 && (jsxRuntime.jsx("div", { className: "absolute w-100 max-h-48 -bottom-1 translate-y-full overflow-y-auto bg-white shadow-md z-10 rounded-md border border-stoneDark [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: jsxRuntime.jsx("ul", { children: filteredItems.map((item) => (jsxRuntime.jsx("li", { onClick: () => handleSelect(item), className: "p-3 text-backgroundDark cursor-pointer hover:bg-secondary rounded-md", children: item }, item))) }) }))] }));
+}
+
+function LogoSmall() {
+    return (jsxRuntime.jsxs("svg", { width: "92", height: "19", viewBox: "0 0 92 19", fill: "none", children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_297_2300)", children: [jsxRuntime.jsx("path", { d: "M91.7394 11.8865C91.7803 10.4995 91.7909 9.58382 91.7705 9.14601C91.7156 7.98967 91.4236 7.04721 90.8966 6.31195C90.3697 5.5767 89.4247 4.87486 88.0886 4.78128C85.8182 4.62755 84.8462 4.99183 83.2655 6.19498C82.5381 6.74642 81.8208 7.64544 81.1852 8.34393L81.3415 5.3862H77.1061C77.1809 7.94956 77.1775 10.5229 77.0959 13.1031L77.0109 15.2888C76.9701 16.141 76.9225 16.9932 76.8647 17.8488H81.1274C81.1172 17.0066 81.1443 15.8736 81.2123 14.4499C81.2803 13.0295 81.3619 11.9968 81.4639 11.3451C81.6236 10.4126 82.0046 9.63732 82.6027 9.02573C83.2008 8.41077 83.9454 7.66883 84.8699 7.66883C86.5865 7.70893 87.484 9.38328 87.6403 11.8331C87.7082 13.2066 87.6943 15.2152 87.6059 17.8488H91.8179C91.7328 16.1644 91.7091 14.1759 91.7394 11.8865Z", fill: "#878787" }), jsxRuntime.jsx("path", { d: "M70.8993 16.094C69.6314 16.1241 68.5607 15.586 67.7176 15.0079C66.8747 14.4297 66.4192 13.4137 66.3477 11.9532H76.0593V10.9806C75.8622 6.92673 73.6051 4.90479 69.2337 4.90479C68.1051 4.90479 67.0854 5.0886 66.1778 5.45622C65.2702 5.82385 64.5054 6.33853 63.8697 7.00695C63.2409 7.66868 62.7718 8.44069 62.4727 9.31301C62.1701 10.1919 62.0409 11.1311 62.0919 12.1337C62.1667 13.6777 62.595 14.9009 63.3734 15.7966C64.1553 16.6956 65.1274 17.3206 66.2933 17.6648C67.4593 18.0091 68.7204 18.263 70.0665 18.1828C72.361 18.0491 74.5875 16.9563 76.0593 16.0172V14.0988C74.4414 15.195 72.0211 16.0673 70.8993 16.094ZM66.2253 10.5261C66.1778 9.55028 66.4089 8.70469 66.9222 7.98617C67.4389 7.26428 68.2411 6.88329 69.3323 6.8365C69.9033 6.8365 70.386 6.96684 70.7803 7.22084C71.178 7.47483 71.4738 7.80904 71.6709 8.22012C71.8681 8.62785 71.9803 9.06567 72.0041 9.52688C72.0109 9.6672 71.9973 9.84769 71.9667 10.0783C71.9361 10.3022 71.9157 10.4493 71.9123 10.5261H66.2253Z", fill: "#878787" }), jsxRuntime.jsx("path", { d: "M62.0138 5.39624H57.9823L58.1285 1.92383L54.1003 2.76603C53.876 6.74309 53.8114 10.7335 53.7095 14.7239C53.7026 15.0214 53.6823 15.3924 53.7061 15.8368C53.7367 16.4451 53.9372 16.9364 54.148 17.3107C54.3587 17.6817 54.6918 17.9657 55.1337 18.1563C55.5756 18.3468 56.3643 18.5372 57.1087 18.4938C58.8321 18.3902 59.7363 18.0827 60.4705 17.8288L60.909 15.5394C60.4909 15.6864 60.0116 15.8101 59.6717 15.8368C58.9612 15.887 58.5262 15.8435 57.9517 15.252C57.6016 14.8877 57.7851 12.7588 57.8021 12.0871L57.9075 7.95292H61.4631C61.5549 7.09736 61.7827 6.3153 62.0138 5.39624Z", fill: "#878787" }), jsxRuntime.jsx("path", { d: "M51.4557 7.79912L51.6257 5.51983C49.8478 5.15554 47.9443 4.94165 46.6764 5.01851C45.1841 5.10541 43.9808 5.33935 43.0766 5.89414C42.1758 6.45226 41.7475 7.27107 41.8018 8.34387C41.8291 8.94547 41.9922 9.4534 42.2811 9.86453C42.5701 10.2789 43.046 10.7535 43.7122 11.2916C43.8822 11.4319 44.2221 11.6826 44.7286 12.0469C45.2351 12.4145 45.643 12.7253 45.9523 12.986C46.2651 13.2467 46.5234 13.5307 46.7444 13.8382C46.9585 14.1457 47.0775 14.4632 47.0945 14.784C47.0673 15.2619 46.826 15.5961 46.3738 15.7866C45.9252 15.9738 45.3982 16.0708 44.8068 16.0708C44.2255 16.0373 43.6 15.9371 42.9169 15.7666C42.237 15.5928 41.6659 15.3722 41.207 15.1115L41.5164 17.9189C42.9882 18.2664 44.7116 18.4402 46.69 18.4402C47.5092 18.4402 48.3012 18.2932 49.0694 18.0058C49.8376 17.7117 50.4563 17.3039 50.9254 16.7826C51.3945 16.2545 51.6121 15.663 51.5815 15.0046C51.5509 14.3964 51.3265 13.8215 50.905 13.2901C50.4869 12.762 49.8717 12.204 49.0661 11.6224C48.8485 11.4787 48.5799 11.3016 48.2604 11.0911C47.9409 10.8738 47.635 10.6365 47.3427 10.3658C47.0537 10.0917 46.8123 9.79769 46.6186 9.4768C46.4283 9.15599 46.2855 8.81513 46.3059 8.4575C46.35 7.73895 47.0469 7.33791 48.2672 7.29112C49.0729 7.2577 49.943 7.37801 51.4557 7.79912Z", fill: "#878787" }), jsxRuntime.jsx("path", { d: "M40.459 8.32386L40.7479 4.92163C39.9151 4.92163 38.5826 5.22577 37.7396 5.69365C36.917 6.15151 36.4139 6.68624 35.6593 7.43153L35.7375 5.41292C34.3132 5.41292 32.9739 5.36947 31.5496 5.36947C31.7161 9.63397 31.7569 13.7113 31.5088 17.9658H35.8497C35.8258 17.4812 35.7443 17.0634 35.7238 16.7024C35.6593 15.6129 35.6083 14.6337 35.6253 13.7614C35.6422 12.8891 35.7273 12.0402 35.87 11.2315C36.0162 10.416 36.2099 9.66065 36.5396 9.27635C37.2399 8.46088 38.2767 8.21357 39.3882 8.21357C39.7553 8.21357 40.1122 8.24699 40.459 8.32386Z", fill: "#878787" }), jsxRuntime.jsx("path", { d: "M24.2312 5.07852C22.1339 5.10192 20.0467 5.36928 17.9086 5.77368L17.6435 7.81233C18.8842 7.41128 20.1793 7.11384 21.539 6.84982C24.7445 6.22485 27.1749 9.11574 23.2692 10.0983C20.0196 10.9104 16.9365 11.6825 16.2362 13.0794C14.8595 15.8233 16.9501 17.5946 19.7646 18.2095C21.5798 18.6072 23.3779 18.5036 25.1523 17.9622C26.5427 17.9555 27.7018 17.9488 29.092 17.9388C29.1091 14.5867 29.3164 11.2346 29.2892 7.87918C29.2756 5.90401 27.1409 5.04845 24.2312 5.07852ZM25.3088 15.9135C24.068 16.368 22.936 16.6354 21.4812 16.2744C19.9584 15.8968 19.5641 13.9685 21.1651 13.1062C22.552 12.3542 24.4793 11.8997 25.5365 11.2346L25.3088 15.9135Z", fill: "#878787" }), jsxRuntime.jsx("path", { d: "M16.6135 0.5C14.8935 0.5 13.1735 0.5 11.4535 0.5C8.955 2.37156 5.90933 5.30589 4.76379 8.58446C4.77399 7.47824 4.79439 6.12804 4.82838 4.53054C4.85897 2.8194 4.87937 1.47589 4.89297 0.5H0.249625C0.259823 2.42503 0.27342 3.87549 0.27342 4.85805C0.280218 5.84062 0.283618 7.12732 0.283618 8.73148C0.287018 10.3357 0.280219 11.95 0.259824 13.5808C0.242828 15.2118 0.219032 16.6389 0.181641 17.8587H4.99154C4.98135 17.6615 4.96435 17.3741 4.93716 16.9931C4.90996 16.6121 4.88956 16.3247 4.88277 16.1375C4.82158 14.8709 4.78419 13.6209 4.77059 12.3944C4.757 11.2514 4.7536 10.5596 4.76379 9.48347C6.27985 11.1612 7.39819 12.4981 8.22761 13.6978C9.09099 14.9478 9.80141 16.3314 10.6784 17.8587H16.1478L8.80209 8.67804C9.04001 6.5057 13.9791 1.58617 16.6135 0.5Z", fill: "#878787" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_297_2300", children: jsxRuntime.jsx("rect", { width: "91.6364", height: "18", fill: "white", transform: "translate(0.181641 0.5)" }) }) })] }));
+}
+
+function BasicHeader() {
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { className: "w-100 min-h-16  border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header", children: jsxRuntime.jsx("div", { className: "flex flex-row items-center gap-4", children: jsxRuntime.jsx(LogoSmall, {}) }) }) }));
+}
+
+function Breadcrumb({ items }) {
+    return (jsxRuntime.jsx("nav", { className: "w-100", children: jsxRuntime.jsx("ol", { className: "flex items-center gap-2", children: items?.map((item, index) => (jsxRuntime.jsxs("li", { className: "flex flex-row gap-2", "aria-label": "breadcrumb", children: [jsxRuntime.jsx(reactRouterDom.Link, { to: item.href, className: clsx('text-base text-primary hover:underline'), children: item.label }), index < items.length - 1 && (jsxRuntime.jsx("span", { className: "text-base text-primary", children: '>' }))] }, index))) }) }));
+}
+
+const variants$3 = {
+    primary: 'bg-primary !text-background border-primary hover:bg-primaryActive disabled:bg-stoneDark disabled:border-stoneDark',
+    outline: 'bg-background !text-primary border-primary hover:bg-stone disabled:bg-stoneDark disabled:text-background disabled:border-stoneDark',
+    secondary: 'bg-stoneLight !text-grayDark border-stoneLight hover:bg-stone hover:border-stone disabled:bg-stone disabled:border-stone',
+    secondaryOutline: 'bg-transparent !text-backgroundDark border-stoneDark hover:bg-stone disabled:text-stoneDark',
+    gray: 'bg-gray !text-background border-gray hover:bg-grayDark hover:border-grayDark ',
+    grayOutline: 'bg-transparent !text-gray100 border-gray50 hover:bg-stone disabled:bg-stone disabled:text-stoneDark',
+    tab: 'bg-background !text-primary border-background hover:bg-secondaryActive hover:border-grayDark disabled:bg-stoneDark disabled:text-background disabled:border-stoneDark',
+};
+function Button({ variant = 'primary', selected = false, rightIcon, className, width = 'w-100', ...props }) {
+    return (jsxRuntime.jsx(button.Button, { ...props, className: clsx('!py-2 !shadow-none font-roboto', variants$3[variant], selected && variant === 'tab' && 'bg-secondary border-grayDark ', width, className), "aria-label": "Componente Bot\u00E3o Padr\u00E3o", children: rightIcon && jsxRuntime.jsx("span", { className: `pi pl-2 ${rightIcon}`, children: " " }) }));
+}
+
+api.addLocale('pt-BR', {
+    firstDayOfWeek: 0,
+    dayNames: [
+        'domingo',
+        'segunda-feira',
+        'terça-feira',
+        'quarta-feira',
+        'quinta-feira',
+        'sexta-feira',
+        'sábado',
+    ],
+    dayNamesShort: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sáb'],
+    dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
+    monthNames: [
+        'janeiro',
+        'fevereiro',
+        'março',
+        'abril',
+        'maio',
+        'junho',
+        'julho',
+        'agosto',
+        'setembro',
+        'outubro',
+        'novembro',
+        'dezembro',
+    ],
+    monthNamesShort: [
+        'jan',
+        'fev',
+        'mar',
+        'abr',
+        'mai',
+        'jun',
+        'jul',
+        'ago',
+        'set',
+        'out',
+        'nov',
+        'dez',
+    ],
+    today: 'Hoje',
+    clear: 'Limpar',
+    dateFormat: 'dd/mm/yy',
+});
+function CalendarInput({ error, placeholder = 'Selecione uma data', label, disabled = false, ...props }) {
+    const calendarRef = React.useRef(null);
+    const hasError = (error && !disabled) || (!!error && !disabled);
+    const dateTemplate = (data) => {
+        const date = new Date(`${data.year}/${data.month + 1}/${data.day}`);
+        const dayComponent = (className) => {
+            return (jsxRuntime.jsx("div", { className: `w-full h-full flex justify-center items-center text-grayDark ${className}`, children: data.day }));
+        };
+        if (props.selectionMode === 'range') {
+            const [start, end] = Array.isArray(props.value)
+                ? props.value
+                : [null, null];
+            if (start && date.getTime() === start.getTime()) {
+                return dayComponent('bg-stone');
+            }
+            if (start && end && date >= start && date <= end) {
+                return dayComponent('bg-stone');
+            }
+            return dayComponent();
+        }
+        if (props.selectionMode === 'single' || !props.selectionMode) {
+            const selectedDate = props.value;
+            if (selectedDate && date.getTime() === selectedDate.getTime()) {
+                return dayComponent('bg-stone');
+            }
+        }
+        return dayComponent();
+    };
+    const handleInputClick = () => {
+        if (!disabled) {
+            calendarRef.current?.show();
+        }
+    };
+    return (jsxRuntime.jsx("div", { className: "relative flex flex-col w-full min-w-full", children: jsxRuntime.jsxs("div", { onClick: handleInputClick, children: [jsxRuntime.jsx(FloatingLabel, { value: props?.value ? props.value.toString() : '', label: label, disabled: disabled, error: error }), jsxRuntime.jsxs("div", { className: "relative w-full min-w-full", children: [jsxRuntime.jsx(calendar.Calendar, { ...props, disabled: disabled, placeholder: placeholder, ref: calendarRef, panelStyle: { width: '530px', height: '500px' }, className: clsx('w-full min-w-full focus:shadow-none border-none z-0 font-roboto border rounded-md', hasError
+                                ? 'border-redError placeholder:!text-redError p-invalid'
+                                : 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError p-invalid', !error && 'border-gray p-custom'), dateFormat: "dd/mm/yy", inputStyle: {
+                                border: `1px solid ${error && !props.value ? '#EC4A54' : '#a0a4b3'}`,
+                                boxShadow: 'none',
+                                color: hasError ? '#EC4A54' : '',
+                                height: '42px',
+                                fontSize: '16px',
+                            }, hideOnDateTimeSelect: true, hideOnRangeSelection: true, todayButtonClassName: "bg-primary text-background", dateTemplate: dateTemplate, invalid: hasError, locale: "pt-BR" }), jsxRuntime.jsx(inputicon.InputIcon, { className: clsx(`pi pi-calendar text-gray cursor-pointer absolute right-3 top-1/2 transform -translate-y-1/2`, disabled && 'text-disabled', hasError && 'text-redError') })] }), hasError && (jsxRuntime.jsx("div", { className: "mb-4", children: jsxRuntime.jsx("span", { className: "absolute text-redError text-xs px-2", children: error }) }))] }) }));
+}
+
+function Card({ children, className, ariaLabel = 'Card de informação', }) {
+    return (jsxRuntime.jsx("div", { className: clsx('bg-background shadow-container rounded-md p-3', className ? className : 'w-full h-full'), "aria-label": ariaLabel, children: children }));
+}
+
+function CardButton({ label, description, onClick, isLight = true, }) {
+    return (jsxRuntime.jsxs("div", { className: `cursor-pointer rounded-2xl p-4 h-[160px] w-full bg-gradient-to-br hover:shadow-md transition-shadow duration-200 border ${isLight ? 'border-[#f3f4f6] from-[#f3f4f6] to-white' : 'border-[#13294B] from-[#13294B] to-[#0C1C34]'}`, onClick: () => {
+            if (onClick)
+                onClick();
+        }, children: [jsxRuntime.jsx("h3", { className: `text-lg font-bold ${isLight ? 'text-[#13294B]' : 'text-white'}`, children: label }), description && (jsxRuntime.jsx("p", { className: `text-sm mt-2 line-clamp-3 ${isLight ? 'text-[#13294B]' : 'text-white'}`, children: description }))] }));
+}
+
+function CardIconsButton({ label, leftIcon, onClick, isLight = true, }) {
+    return (jsxRuntime.jsxs("div", { className: `cursor-pointer rounded-xl p-4 w-full min-h-[60px] bg-gradient-to-br hover:shadow-md transition-shadow duration-200 border flex items-center justify-between gap-4 ${isLight ? 'border-[#f3f4f6] from-[#f3f4f6] to-white' : 'border-[#13294B] from-[#13294B] to-[#0C1C34]'}`, onClick: () => {
+            if (onClick)
+                onClick();
+        }, "aria-label": `Botão de navegação para ${label}`, children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-grow overflow-hidden", children: [leftIcon && (jsxRuntime.jsx("div", { className: `text-xl flex-shrink-0 flex items-center ${isLight ? 'text-[#13294B]' : 'text-white'}`, children: leftIcon })), jsxRuntime.jsx("h3", { className: `text-base font-semibold break-words ${isLight ? 'text-[#646981]' : 'text-white'}`, children: label })] }), jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full", children: jsxRuntime.jsx("i", { className: `pi pi-angle-right text-xl flex-shrink-0 ${isLight ? 'text-[#646981]' : 'text-white'}` }) })] }));
+}
+
+function Chart(props) {
+    return jsxRuntime.jsx(chart.Chart, { ...props });
+}
+
+function Dialog({ title, description, labelConfirmButton, onClose, onClick, }) {
+    return (jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-20 flex justify-center items-center", children: jsxRuntime.jsxs(Card, { className: "flex flex-col", children: [jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-between px-4 pt-4 pb-6 border-b border-b-stone", children: [jsxRuntime.jsx("h2", { className: "text-primary font-semibold", children: title }), jsxRuntime.jsx("i", { className: "pi pi-times", style: { color: '#606060', cursor: 'pointer' }, onClick: onClose })] }), jsxRuntime.jsxs("div", { className: "flex flex-col items-center p-6", children: [jsxRuntime.jsx("span", { className: "text-primary", children: description }), jsxRuntime.jsxs("div", { className: "w-100 flex flex-row justify-end pt-10 gap-4", children: [jsxRuntime.jsx("div", { className: "w-1/3", children: jsxRuntime.jsx(Button, { label: "Cancelar", variant: "outline", onClick: onClose }) }), jsxRuntime.jsx("div", { className: "w-1/3", children: jsxRuntime.jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onClick }) })] })] })] }) }));
+}
+
+function Divider({ ...props }) {
+    return jsxRuntime.jsx(divider.Divider, { ...props });
+}
+
+function EmptyContent({ message = 'Não há dados disponíveis.' }) {
+    return (jsxRuntime.jsx("div", { className: "p-6 text-justify text-primary bg-stoneBackground", children: jsxRuntime.jsxs("div", { className: 'py-2 px-4 rounded-lg font-semibold', children: [jsxRuntime.jsx("i", { className: 'pi pi-database mr-2' }), message] }) }));
+}
+
+function ExpandablePanel({ title, children, defaultOpen = true, isLight = true, }) {
+    const [isOpen, setIsOpen] = React.useState(defaultOpen);
+    return (jsxRuntime.jsx("div", { className: "relative p-[2px] rounded-lg bg-gradient-to-r from-[#FAFAFB] via-[#FAFAFB] to-[#FAFAFB] mb-4", children: jsxRuntime.jsxs("div", { className: "bg-white rounded-lg overflow-hidden", children: [jsxRuntime.jsxs("div", { className: `flex justify-between items-center px-4 py-2 cursor-pointer bg-gradient-to-r ${isLight ? 'from-[#FFFFFF] via-[#FAFAFB] to-[#FFFFFF]' : 'from-[#13294B] to-[#0C1C34]'}`, onClick: () => setIsOpen(!isOpen), children: [jsxRuntime.jsx("div", { className: `text-xl font-bold ${isLight ? 'text-primary' : 'text-white'}`, children: title }), jsxRuntime.jsx("button", { children: isOpen ? (jsxRuntime.jsx("i", { className: `pi pi-chevron-down ${isLight ? 'text-primary' : 'text-white'}` })) : (jsxRuntime.jsx("i", { className: `pi pi-chevron-up ${isLight ? 'text-primary' : 'text-white'}` })) })] }), isOpen && jsxRuntime.jsx("div", { className: "p-4 text-primary", children: children })] }) }));
+}
+
+function FileUpload({ label = 'Enviar arquivos', value = [], onChange, multiple = true, fileTypes, className, error, disabled = false, }) {
+    const [isDragging, setIsDragging] = React.useState(false);
+    const fileInputRef = React.useRef(null);
+    const [uploadFiles, setUploadFiles] = React.useState(value);
+    React.useEffect(() => {
+        setUploadFiles(value);
+    }, [value]);
+    const updateFiles = (newFiles) => {
+        setUploadFiles(newFiles);
+        onChange?.(newFiles);
+    };
+    const generateFileWithPreview = (files, allowedTypes = ['image', 'pdf']) => {
+        const allowedMimeTypes = getAcceptedMimeTypes(allowedTypes).split(',');
+        return Array.from(files)
+            .filter((file) => allowedMimeTypes.some((mime) => {
+            if (mime === 'image/*')
+                return file.type.startsWith('image/');
+            return file.type === mime;
+        }))
+            .map((file) => {
+            const type = file.type.startsWith('image/') ? 'image' : 'pdf';
+            const previewUrl = type === 'image' ? URL.createObjectURL(file) : undefined;
+            return { file, type, previewUrl };
+        });
+    };
+    const getAcceptedMimeTypes = (types = ['image', 'pdf']) => {
+        const mimeMap = {
+            image: 'image/*',
+            pdf: 'application/pdf',
+        };
+        return types.map((type) => mimeMap[type]).join(',');
+    };
+    const handleFileChange = (selectedFiles) => {
+        if (!selectedFiles)
+            return;
+        const newFiles = generateFileWithPreview(selectedFiles, fileTypes);
+        updateFiles([...(uploadFiles || []), ...newFiles]);
+    };
+    const handleRemoveFile = (fileToRemove) => {
+        const updated = uploadFiles
+            .map((file) => {
+            if (file.id && file.id === fileToRemove.id) {
+                return { ...file, isDeleted: true };
+            }
+            if (!file.id && file.file === fileToRemove.file) {
+                return null;
+            }
+            return file;
+        })
+            .filter(Boolean);
+        updateFiles(updated);
+    };
+    const getSupportedFileText = (types = ['image', 'pdf']) => {
+        const includesImage = types.includes('image');
+        const includesPdf = types.includes('pdf');
+        if (includesImage && includesPdf)
+            return 'Suporta imagens e PDFs';
+        if (includesImage)
+            return 'Suporta apenas imagens';
+        if (includesPdf)
+            return 'Suporta apenas PDFs';
+        return '';
+    };
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        setIsDragging(true);
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+        if (isDisabled || disabled)
+            return;
+        handleFileChange(e.dataTransfer.files);
+    };
+    const visibleFiles = uploadFiles.filter((file) => !file.isDeleted);
+    const isDisabled = !multiple && visibleFiles.length > 0;
+    return (jsxRuntime.jsxs("div", { className: clsx('space-y-3', className), children: [jsxRuntime.jsx("label", { htmlFor: "file-upload", className: "text-[18px] font-medium text-primary", children: label }), jsxRuntime.jsxs("div", { role: "button", "aria-label": "\u00C1rea de envio de arquivos", "aria-disabled": isDisabled || disabled, className: clsx('border-2 border-dashed rounded-lg p-2 text-center cursor-pointer transition-colors', isDragging && !error
+                    ? 'border-primary bg-primary/5'
+                    : 'border-[#e6e6e6] hover:border-primary/50', isDisabled || (disabled && 'bg-gray-200 cursor-auto'), error && 'border-red-500 hover:border-red-500'), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => fileInputRef.current?.click(), children: [jsxRuntime.jsx("input", { id: "file-upload", ref: fileInputRef, type: "file", onChange: (e) => handleFileChange(e.target.files), className: "hidden", multiple: multiple, accept: getAcceptedMimeTypes(fileTypes), disabled: isDisabled || disabled }), jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center space-y-3", children: [jsxRuntime.jsx("i", { className: "pi pi-upload text-xl text-[#a0a4b3]" }), jsxRuntime.jsx("p", { className: "text-lg font-semibold text-primary", children: isDisabled ? 'Limite atingido' : 'Arraste e solte arquivos aqui' }), jsxRuntime.jsx("p", { className: "text-sm text-[#a0a4b3]", children: isDisabled
+                                    ? 'Já possui um arquivo selecionado'
+                                    : 'ou clique para selecionar arquivos' }), jsxRuntime.jsx("p", { className: "text-xs text-[#a0a4b3]", children: getSupportedFileText(fileTypes) })] })] }), error && (jsxRuntime.jsx("span", { className: "text-redError text-xs", role: "alert", "aria-live": "assertive", children: error })), visibleFiles.length > 0 && (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsxs("p", { className: "text-base text-[#a0a4b3]", children: ["Arquivos selecionados (", visibleFiles.length, ")"] }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: visibleFiles.map((file, index) => (jsxRuntime.jsxs("div", { className: "relative group overflow-hidden rounded border border-gray-200", children: [jsxRuntime.jsx("div", { className: "aspect-square bg-[#e6e6e6] flex items-center justify-center", children: file.type === 'image' && file.previewUrl ? (jsxRuntime.jsx("img", { src: file?.previewUrl, alt: file?.file?.name || file?.name, className: "object-cover w-full h-full transition-transform duration-300 ease-in-out group-hover:scale-105" })) : (jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center p-4 transition-transform duration-300 ease-in-out group-hover:scale-105", children: [jsxRuntime.jsx("i", { className: "pi pi-file-pdf text-4xl text-primary" }), jsxRuntime.jsx("span", { className: "mt-2 text-xs text-center truncate max-w-full", children: file?.file?.name || file?.name })] })) }), jsxRuntime.jsx("button", { type: "button", className: "absolute top-1 right-1 w-6 h-6 flex items-center justify-center bg-primary hover:bg-primaryActive rounded-full transition-colors", onClick: (e) => {
+                                        e.stopPropagation();
+                                        handleRemoveFile(file);
+                                    }, "aria-label": `Remover o arquivo ${file.file?.name || file.name}`, children: jsxRuntime.jsx("i", { className: "pi pi-times text-white text-xs hover:text-slate-200" }) })] }, index))) })] }))] }));
+}
+
+const variants$2 = {
+    green: {
+        text: '!text-green',
+        button: 'bg-greenBackground hover:bg-greenBackgroundActive',
+    },
+    main: {
+        text: '!text-white',
+        button: 'bg-gray hover:bg-grayDark',
+    },
+    primary: {
+        text: '!text-white',
+        button: 'bg-primary hover:bg-primaryActive',
+    },
+};
+function FilterButton({ filterOptions, setOption, option, variant, icon, label, ...props }) {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const toggleDropdown = () => {
+        setIsOpen(!isOpen);
+    };
+    const handleSelect = (selectedOption) => {
+        setIsOpen(false);
+        setOption(selectedOption.value === option?.value ? null : selectedOption);
+    };
+    return (jsxRuntime.jsxs("div", { className: "relative flex flex-col items-end", children: [jsxRuntime.jsx(button.Button, { ...props, icon: icon, label: label, className: clsx('w-max shadow-none border-none !py-2 gap-2 items-center disabled:bg-stoneDark', props.disabled ? '!disabled:text-background' : variants$2[variant].text, variants$2[variant].button), onClick: toggleDropdown }), isOpen && (jsxRuntime.jsx("div", { className: `absolute w-40 bg-background shadow-md border border-gray z-[9] rounded-md p-2 -bottom-1 translate-y-full`, children: jsxRuntime.jsx("ul", { children: filterOptions.map((filterOption) => (jsxRuntime.jsxs("li", { onClick: () => handleSelect(filterOption), className: "p-2 flex justify-between items-center cursor-pointer", children: [filterOption.label, jsxRuntime.jsx("input", { type: "radio", onChange: () => handleSelect(filterOption), checked: filterOption?.value === option?.value, className: "appearance-none w-2 h-2 rounded-full ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer" })] }, filterOption.value))) }) }))] }));
+}
+
+function Tooltip({ text, children }) {
+    const [isVisible, setIsVisible] = React.useState(false);
+    const [coords, setCoords] = React.useState({ top: 0, left: 0 });
+    const [adjustedLeft, setAdjustedLeft] = React.useState(null);
+    const [isClient, setIsClient] = React.useState(false);
+    const ref = React.useRef(null);
+    const tooltipRef = React.useRef(null);
+    React.useEffect(() => {
+        setIsClient(true);
+    }, []);
+    const showTooltip = () => {
+        if (!text)
+            return;
+        setIsVisible(true);
+        if (ref?.current) {
+            const rect = ref.current.getBoundingClientRect();
+            setCoords({
+                top: rect.top,
+                left: rect.left + rect.width / 2,
+            });
+        }
+    };
+    React.useEffect(() => {
+        if (isClient && isVisible && tooltipRef.current) {
+            const tooltipRect = tooltipRef.current.getBoundingClientRect();
+            const overflowRight = tooltipRect.right > window.innerWidth;
+            const overflowLeft = tooltipRect.left < 0;
+            let newLeft = coords.left;
+            if (overflowLeft) {
+                newLeft = 120;
+            }
+            if (overflowRight && !overflowLeft) {
+                newLeft += -28;
+            }
+            setAdjustedLeft(newLeft);
+        }
+    }, [isClient, isVisible, coords]);
+    return (jsxRuntime.jsxs("div", { ref: ref, className: "inline-block", onMouseEnter: showTooltip, onMouseLeave: () => {
+            setIsVisible(false);
+            setAdjustedLeft(null);
+        }, children: [children, isClient &&
+                isVisible &&
+                typeof document !== 'undefined' &&
+                ReactDOM.createPortal(jsxRuntime.jsx("div", { ref: tooltipRef, className: "fixed z-50 bg-[#646981] text-white text-sm py-1 px-2 rounded-md whitespace-nowrap", style: {
+                        top: coords.top - 10,
+                        left: adjustedLeft ?? coords.left,
+                        transform: 'translate(-50%, -100%)',
+                        pointerEvents: 'none',
+                    }, children: text }), document.body)] }));
+}
+
+function Sidebar({ item, onClose, topItem }) {
+    return (jsxRuntime.jsxs("div", { className: "relative w-100", children: [jsxRuntime.jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-50", onClick: onClose }), jsxRuntime.jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-50", children: [jsxRuntime.jsx("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold", children: jsxRuntime.jsx(reactRouterDom.Link, { to: "/", className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: onClose, "aria-label": "Ir para o inicio", children: "In\u00EDcio" }, "home-id") }, 'home-div'), topItem &&
+                        topItem.map((item) => (jsxRuntime.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold", children: [item?.isWindowOpen && (jsxRuntime.jsx("button", { className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: () => {
+                                        if (onClose)
+                                            onClose();
+                                        if (typeof window !== 'undefined') {
+                                            window.open(item?.path, '_blank');
+                                        }
+                                    }, "aria-label": `Ir para ${item?.title}`, children: jsxRuntime.jsx(Tooltip, { text: item?.tooltipText, children: item?.title }) }, item?.id || item.title)), !item?.isWindowOpen && (jsxRuntime.jsx(reactRouterDom.Link, { to: item?.path || '', className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: onClose, "aria-label": `Ir para ${item?.title}`, children: jsxRuntime.jsx(Tooltip, { text: item?.tooltipText, children: item?.title }) }, item?.id || item.title))] }, `top-item-${item?.id ?? item.title}`))), jsxRuntime.jsxs("div", { className: "flex flex-row gap-3 items-center pl-6 pt-8 pb-4", children: [jsxRuntime.jsx("i", { className: "pi pi-star !text-backgroundDark !font-bold text-lg" }), jsxRuntime.jsx("p", { className: "text-backgroundDark font-bold text-lg", children: "Favoritos" })] }), jsxRuntime.jsx("div", { className: "overflow-y-auto overflow-x-hidden [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: item &&
+                            item.map((item) => (jsxRuntime.jsx(reactRouterDom.Link, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone hover:bg-stoneBackground hover:font-bold", to: item.path || '', onClick: onClose, "aria-label": `Ir para ${item.title}`, children: jsxRuntime.jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark hover:font-bold", children: jsxRuntime.jsx(Tooltip, { text: item?.tooltipText, children: item.title }) }) }, item.id))) })] }, 'sidebar-div')] }));
+}
+
+function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, }) {
+    const [openSidebar, setOpenSidebar] = React.useState(false);
+    const [openUserConfig, setOpenUserConfig] = React.useState(false);
+    const userConfigRef = React.useRef(null);
+    React.useEffect(() => {
+        function handleClickOutside(event) {
+            if (userConfigRef.current &&
+                !userConfigRef.current.contains(event.target)) {
+                setOpenUserConfig(false);
+            }
+        }
+        if (openUserConfig) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [openUserConfig]);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "w-100 min-h-16  border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header", children: [jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-4", children: [jsxRuntime.jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenSidebar(!openSidebar), "aria-label": "Abrir menu lateral", children: jsxRuntime.jsx("i", { className: `${openSidebar ? 'pi pi-list' : 'pi pi-bars'} text-[#878787] cursor-pointer hover:text-backgroundDark text-xl mt-1 }` }) }), jsxRuntime.jsx(LogoSmall, {})] }), jsxRuntime.jsxs("div", { className: "relative flex flex-row gap-4 items-center", children: [jsxRuntime.jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenNotifications(true), "aria-label": "Abrir notifica\u00E7\u00E3o", children: jsxRuntime.jsx("i", { className: "pi pi-bell text-[#878787] cursor-pointer hover:text-backgroundDark" }) }), jsxRuntime.jsxs("div", { ref: userConfigRef, className: "relative", children: [jsxRuntime.jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenUserConfig(!openUserConfig), "aria-label": "Abrir menu de configura\u00E7\u00F5es do usu\u00E1rio", children: jsxRuntime.jsxs("p", { className: "text-[#878787] hover:text-backgroundDark font-roboto font-bold cursor-pointer transition-colors duration-200", children: ["Ol\u00E1, ", username] }) }), openUserConfig && (jsxRuntime.jsx("div", { className: `absolute w-100 bg-background shadow-md border border-stoneLight z-20 rounded-md p-2 -bottom-1 translate-y-full`, children: jsxRuntime.jsx("ul", { children: userConfigItems.map(({ id, title, onClick, path }) => (jsxRuntime.jsx("li", { className: "p-2 hover:bg-stoneBackground", children: jsxRuntime.jsx("a", { onClick: () => {
+                                                        if (onClick)
+                                                            onClick();
+                                                        setOpenUserConfig(false);
+                                                    }, href: path, className: "block w-full font-base font-roboto text-backgroundDark cursor-pointer hover:font-bold", "aria-label": "Op\u00E7\u00F5es de configura\u00E7\u00F5es do usu\u00E1rio", children: title }) }, id))) }) }))] })] })] }), openSidebar && (jsxRuntime.jsx(Sidebar, { topItem: sidebarTopItems, item: sidebarItems, onClose: () => {
+                    setOpenSidebar(false);
+                } }))] }));
+}
+
+const variants$1 = {
+    border: 'border-primary hover:border-primary shadow-none',
+    shadow: 'border-background hover:border-stone focus:shadow-md',
+};
+function IconButton({ variant, icon, ...props }) {
+    return (jsxRuntime.jsx(button.Button, { ...props, icon: `pi ${icon}`, rounded: true, text: variant === 'shadow', raised: variant === 'shadow', outlined: variant === 'border', className: clsx('bg-background text-primary hover:bg-stone disabled:bg-stoneDark disabled:border-stoneDark disabled:text-background', variants$1[variant]) }));
+}
+
+function InfoCard({ title, children, icon, className, titleClassName, }) {
+    return (jsxRuntime.jsxs("div", { className: clsx('bg-background rounded-lg p-4 border border-stone overflow-hidden', className), children: [jsxRuntime.jsxs("div", { className: "flex justify-between items-center mb-2", children: [jsxRuntime.jsx("span", { className: clsx('text-sm font-roboto text-primary', titleClassName), children: title }), icon] }), jsxRuntime.jsx("div", { className: "font-roboto text-primary break-words overflow-wrap break-all max-w-full", children: children })] }));
+}
+
+function InputSwitch({ checked, onChange, disabled = false, error, ariaLabel = 'Switch', }) {
+    const inputId = React.useId();
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsx(inputswitch.InputSwitch, { id: inputId, checked: checked, onChange: (e) => onChange(e.value), disabled: disabled, className: clsx('transition-all border-2 rounded-full p-inputswitch', disabled
+                    ? 'opacity-50 cursor-not-allowed border-none'
+                    : 'border-none', error ? 'p-inputswitch-error' : '', checked ? 'p-inputswitch-checked' : ''), "aria-label": ariaLabel }), error && jsxRuntime.jsx("span", { className: "text-redError text-xs", children: error })] }));
+}
+
+function InputTextArea({ onChange, placeholder, disabled = false, error, label, rows = 2, ...props }) {
+    const inputTextAreaId = React.useId();
+    const handleChange = (e) => {
+        onChange(e.target.value);
+    };
+    const hasError = (props.value && error && !disabled) ||
+        (!!error && !disabled && props.value?.length === 0);
+    return (jsxRuntime.jsxs("div", { className: "relative flex flex-col w-full", children: [jsxRuntime.jsx(inputtextarea.InputTextarea, { id: inputTextAreaId, rows: rows, placeholder: placeholder, onChange: handleChange, disabled: disabled, invalid: hasError, className: clsx('w-100 font-roboto border !p-2 rounded-md focus:shadow-none', hasError
+                    ? 'border-redError placeholder:text-redError'
+                    : 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray'), ...props }), jsxRuntime.jsx(FloatingLabel, { value: props?.value ? props.value.toString() : '', label: label || '', disabled: disabled, error: error }), hasError && jsxRuntime.jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
+}
+
+function TextIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "16", height: "10", viewBox: "0 0 16 10", fill: "none", children: [jsxRuntime.jsx("path", { d: "M1 1H14.5", stroke: "#666666", strokeWidth: "2", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M1 5H14.5", stroke: "#666666", strokeWidth: "2", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M1 9H10", stroke: "#666666", strokeWidth: "2", strokeLinecap: "round" })] }));
+}
+
+function InternalMenu({ item, isFiltering }) {
+    const [openItems, setOpenItems] = React.useState([]);
+    const toggleMenu = (menuItem) => {
+        setOpenItems((prev) => prev.includes(menuItem)
+            ? prev.filter((item) => item !== menuItem)
+            : [...prev, menuItem]);
+    };
+    React.useEffect(() => {
+        if (isFiltering) {
+            setOpenItems(item);
+        }
+        else {
+            const initialOpen = item.filter((menuItem) => menuItem.isActive);
+            setOpenItems(initialOpen);
+        }
+    }, [isFiltering, item]);
+    return (jsxRuntime.jsx("div", { className: "w-72 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark ", children: item.map((menuItem) => {
+            const isOpen = openItems.includes(menuItem);
+            return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-stone", onClick: () => toggleMenu(menuItem), children: [jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2", children: [jsxRuntime.jsx(TextIcon, {}), jsxRuntime.jsx("span", { className: "font-roboto text-base text-primary", children: menuItem.title })] }), menuItem.subItem && (jsxRuntime.jsx("i", { className: `pi ${isOpen ? 'pi-angle-up' : 'pi-angle-down'} px-2 text-primary` }))] }), menuItem.subItem && isOpen && (jsxRuntime.jsx("div", { className: "flex flex-col", children: menuItem.subItem.map((subItem) => (jsxRuntime.jsx(reactRouterDom.Link, { className: clsx('cursor-pointer text-base text-primary pl-6 py-1 hover:font-bold hover:text-primary hover:bg-stoneBackground', subItem.isActive ? 'text-primary font-bold' : ''), to: subItem.path, children: jsxRuntime.jsx(Tooltip, { text: subItem?.tooltipText, children: jsxRuntime.jsx("span", { children: subItem.title }) }) }, subItem.id))) }))] }, menuItem.id));
+        }) }));
+}
+
+function Link({ href, children, className }) {
+    return (jsxRuntime.jsx("a", { href: href, className: `text-primary hover:underline font-bold font-roboto ${className}`, children: children }));
+}
+
+function MegaMenu({ items }) {
+    return (jsxRuntime.jsx("div", { className: "w-100 flex items-center justify-between", children: items.map((item, index) => {
+            const isfirst = index === 0;
+            const isLast = index === items.length - 1;
+            return (jsxRuntime.jsx("a", { onClick: item.onClick, className: clsx('w-100 p-2 font-medium border border-stoneDark text-center cursor-pointer', item.active && 'bg-primary text-background', !item.active && 'text-primary', isfirst && 'rounded-l-full', !isfirst && 'border-l-0', isLast && 'rounded-r-full'), "aria-label": "Itens do menu", children: item.label }, index));
+        }) }));
+}
+
+function Modal({ title, size = 'md', onClose, onConfirm, labelCloseButton = 'Fechar', labelConfirmButton = 'Confirmar', isExpanded = false, ariaLabel = 'Modal de informçoes', children, }) {
+    const [isFullScreen, setIsFullScreen] = React.useState(false);
+    const toggleFullScreen = () => {
+        setIsFullScreen(!isFullScreen);
+    };
+    const modalSizeClass = isFullScreen
+        ? 'w-screen h-screen'
+        : {
+            sm: 'w-1/3',
+            md: 'w-1/2',
+            lg: 'w-2/3',
+            xl: 'w-[90%]',
+        }[size];
+    return (jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-20 flex justify-center items-center", children: jsxRuntime.jsxs(Card, { className: `flex flex-col ${modalSizeClass}`, "aria-label": ariaLabel, children: [jsxRuntime.jsxs("div", { className: `flex flex-row items-center justify-between px-4 pt-4 pb-6 border-b border-b-stone`, children: [title && (jsxRuntime.jsx("div", { className: "text-primary font-bold text-xl", children: title })), jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [isExpanded && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isFullScreen ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("button", { onClick: toggleFullScreen, "aria-label": "Minimizar tela", style: {
+                                                color: '#606060',
+                                                width: '24px',
+                                                height: '24px',
+                                                cursor: 'pointer',
+                                            }, children: jsxRuntime.jsx("i", { className: "pi pi-window-minimize" }) }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("button", { onClick: toggleFullScreen, "aria-label": "Maximizar tela", style: {
+                                                color: '#606060',
+                                                width: '24px',
+                                                height: '24px',
+                                                cursor: 'pointer',
+                                            }, children: jsxRuntime.jsx("i", { className: "pi pi-window-maximize" }) }) })) })), jsxRuntime.jsx("button", { onClick: onClose, "aria-label": "Fechar modal", style: {
+                                        color: '#606060',
+                                        width: '24px',
+                                        height: '24px',
+                                        cursor: 'pointer',
+                                    }, children: jsxRuntime.jsx("i", { className: "pi pi-times cursor-pointer" }) })] })] }), jsxRuntime.jsx("div", { className: `flex-1 overflow-y-auto text-primary ${isFullScreen ? 'h-full' : 'max-h-[70vh]'} p-6`, children: children }), jsxRuntime.jsxs("div", { className: "w-full flex flex-col sm:flex-row sm:justify-end pt-10 gap-4 px-6", children: [onClose && (jsxRuntime.jsx(Button, { label: labelCloseButton, variant: "outline", onClick: onClose, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Fechar modal" })), onConfirm && (jsxRuntime.jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onConfirm, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Confirmar modal", type: "button" }))] })] }) }));
+}
+
+function MultiSelect(props) {
+    const { options, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, isLoading = false, isReadOnly = true, ariaLabel = 'Selecione uma ou mais opções', } = props;
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [visibleText, setVisibleText] = React.useState('');
+    const [searchText, setSearchText] = React.useState('');
+    const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
+    const containerRef = React.useRef(null);
+    const normalize = (str) => str
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')
+        .toLowerCase();
+    const filteredOptions = options.filter((option) => normalize(option.label).includes(normalize(searchText)));
+    const toggleDropdown = () => {
+        if (!disabled && !isLoading) {
+            const newState = !isOpen;
+            setIsOpen(newState);
+            if (!newState) {
+                setSearchText('');
+                setHighlightedIndex(-1);
+            }
+        }
+    };
+    const handleSelect = (option) => {
+        const currentValues = Array.isArray(props.value) ? props.value : [];
+        const alreadySelected = currentValues.some((v) => v.value === option.value);
+        const newValues = alreadySelected
+            ? currentValues.filter((v) => v.value !== option.value)
+            : [...currentValues, option];
+        props.onChange(newValues.length > 0 ? newValues : null);
+        setSearchText('');
+        const newFiltered = options.filter((opt) => normalize(opt.label).includes(normalize('')));
+        const newIndex = newFiltered.findIndex((o) => o.value === option.value);
+        setHighlightedIndex(newIndex);
+    };
+    const hasError = !!error && !disabled;
+    const isInputDisabled = disabled || isLoading;
+    React.useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+                setSearchText('');
+                setHighlightedIndex(-1);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    const selectedText = () => {
+        const selected = Array.isArray(props.value) ? props.value : [];
+        if (selected.length === 0)
+            return '';
+        if (selected.length === 1)
+            return selected[0].label;
+        return `${selected.length} itens selecionados`;
+    };
+    React.useEffect(() => {
+        const selected = Array.isArray(props.value) ? props.value : [];
+        if (selected.length === 0) {
+            setVisibleText('');
+        }
+        else if (selected.length === 1) {
+            setVisibleText(selected[0].label);
+        }
+        else {
+            const count = selected.length;
+            setVisibleText(`${count} itens selecionados`);
+        }
+    }, [props.value]);
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { ref: containerRef, className: "relative flex flex-col w-100", children: [jsxRuntime.jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsxRuntime.jsx(FloatingLabel, { value: selectedText(), label: label, disabled: isInputDisabled, error: error }), jsxRuntime.jsxs(iconfield.IconField, { className: "w-full", children: [jsxRuntime.jsx(inputtext.InputText, { placeholder: placeholder, type: "text", value: isLoading
+                                        ? 'Carregando...'
+                                        : isOpen && !isReadOnly
+                                            ? searchText
+                                            : visibleText, onChange: (e) => {
+                                        setSearchText(e.target.value);
+                                        props.onInputChange?.(e.target.value);
+                                        if (!isOpen)
+                                            setIsOpen(true);
+                                        setHighlightedIndex(-1);
+                                    }, onKeyDown: (e) => {
+                                        if (!isOpen)
+                                            return;
+                                        if (e.key === 'ArrowDown') {
+                                            e.preventDefault();
+                                            setHighlightedIndex((prev) => prev < filteredOptions.length - 1 ? prev + 1 : 0);
+                                        }
+                                        if (e.key === 'ArrowUp') {
+                                            e.preventDefault();
+                                            setHighlightedIndex((prev) => prev > 0 ? prev - 1 : filteredOptions.length - 1);
+                                        }
+                                        if (e.key === 'Enter') {
+                                            e.preventDefault();
+                                            if (highlightedIndex >= 0 &&
+                                                highlightedIndex < filteredOptions.length) {
+                                                handleSelect(filteredOptions[highlightedIndex]);
+                                            }
+                                        }
+                                        if (e.key === 'Escape') {
+                                            e.preventDefault();
+                                            setIsOpen(false);
+                                            setSearchText('');
+                                            setHighlightedIndex(-1);
+                                        }
+                                    }, onClick: toggleDropdown, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md', hasError
+                                        ? 'border-redError placeholder:text-redError'
+                                        : 'border-gray focus:border-primary', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsxRuntime.jsx(inputicon.InputIcon, { className: clsx(isLoading
+                                        ? 'pi pi-spinner pi-spin'
+                                        : isOpen
+                                            ? 'pi pi-angle-up'
+                                            : 'pi pi-angle-down', 'text-gray px-2 flex items-center cursor-pointer', isInputDisabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && !isLoading && (jsxRuntime.jsx("div", { className: clsx('absolute w-full bg-background border shadow-md z-40 rounded-md -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx("ul", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option, index) => (jsxRuntime.jsxs("li", { onClick: () => handleSelect(option), className: clsx('p-2 flex justify-between items-center cursor-pointer', 'hover:bg-stoneBackground hover:font-bold', index === highlightedIndex &&
+                                    'bg-stoneBackground font-bold'), title: option.label, children: [jsxRuntime.jsx("span", { className: "truncate max-w-[calc(100%-20px)]", children: option.label }), jsxRuntime.jsx("input", { type: 'checkbox', checked: Array.isArray(props.value) &&
+                                            props.value.some((v) => v.value === option.value), onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer rounded-md') })] }, option.value))) }) }) })), hasError && (jsxRuntime.jsx("span", { className: "text-redError text-xs px-2", children: error }))] }) }));
+}
+
+function FilterIcon({ color }) {
+    return (jsxRuntime.jsx("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", children: jsxRuntime.jsx("path", { d: "M14.3164 0.75C14.918 0.75 15.2188 1.46094 14.7812 1.87109L9.75 6.92969V14.0938C9.75 14.6406 9.14844 14.9414 8.71094 14.6406L6.52344 13.1094C6.33203 13 6.25 12.7812 6.25 12.5625V6.92969L1.19141 1.87109C0.753906 1.46094 1.05469 0.75 1.65625 0.75H14.3164Z", fill: color }) }));
+}
+
+/**
+ * @module constants
+ * @summary Useful constants
+ * @description
+ * Collection of useful date constants.
+ *
+ * The constants could be imported from `date-fns/constants`:
+ *
+ * ```ts
+ * import { maxTime, minTime } from "./constants/date-fns/constants";
+ *
+ * function isAllowedTime(time) {
+ *   return time <= maxTime && time >= minTime;
+ * }
+ * ```
+ */
+
+
+/**
+ * @constant
+ * @name millisecondsInWeek
+ * @summary Milliseconds in 1 week.
+ */
+const millisecondsInWeek = 604800000;
+
+/**
+ * @constant
+ * @name millisecondsInDay
+ * @summary Milliseconds in 1 day.
+ */
+const millisecondsInDay = 86400000;
+
+/**
+ * @constant
+ * @name constructFromSymbol
+ * @summary Symbol enabling Date extensions to inherit properties from the reference date.
+ *
+ * The symbol is used to enable the `constructFrom` function to construct a date
+ * using a reference date and a value. It allows to transfer extra properties
+ * from the reference date to the new date. It's useful for extensions like
+ * [`TZDate`](https://github.com/date-fns/tz) that accept a time zone as
+ * a constructor argument.
+ */
+const constructFromSymbol = Symbol.for("constructDateFrom");
+
+/**
+ * @name constructFrom
+ * @category Generic Helpers
+ * @summary Constructs a date using the reference date and the value
+ *
+ * @description
+ * The function constructs a new date using the constructor from the reference
+ * date and the given value. It helps to build generic functions that accept
+ * date extensions.
+ *
+ * It defaults to `Date` if the passed reference date is a number or a string.
+ *
+ * Starting from v3.7.0, it allows to construct a date using `[Symbol.for("constructDateFrom")]`
+ * enabling to transfer extra properties from the reference date to the new date.
+ * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
+ * that accept a time zone as a constructor argument.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The reference date to take constructor from
+ * @param value - The value to create the date
+ *
+ * @returns Date initialized using the given date and value
+ *
+ * @example
+ * import { constructFrom } from "./constructFrom/date-fns";
+ *
+ * // A function that clones a date preserving the original type
+ * function cloneDate<DateType extends Date>(date: DateType): DateType {
+ *   return constructFrom(
+ *     date, // Use constructor from the given date
+ *     date.getTime() // Use the date value to create a new date
+ *   );
+ * }
+ */
+function constructFrom(date, value) {
+  if (typeof date === "function") return date(value);
+
+  if (date && typeof date === "object" && constructFromSymbol in date)
+    return date[constructFromSymbol](value);
+
+  if (date instanceof Date) return new date.constructor(value);
+
+  return new Date(value);
+}
+
+/**
+ * @name toDate
+ * @category Common Helpers
+ * @summary Convert the given argument to an instance of Date.
+ *
+ * @description
+ * Convert the given argument to an instance of Date.
+ *
+ * If the argument is an instance of Date, the function returns its clone.
+ *
+ * If the argument is a number, it is treated as a timestamp.
+ *
+ * If the argument is none of the above, the function returns Invalid Date.
+ *
+ * Starting from v3.7.0, it clones a date using `[Symbol.for("constructDateFrom")]`
+ * enabling to transfer extra properties from the reference date to the new date.
+ * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
+ * that accept a time zone as a constructor argument.
+ *
+ * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param argument - The value to convert
+ *
+ * @returns The parsed date in the local time zone
+ *
+ * @example
+ * // Clone the date:
+ * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert the timestamp to date:
+ * const result = toDate(1392098430000)
+ * //=> Tue Feb 11 2014 11:30:30
+ */
+function toDate(argument, context) {
+  // [TODO] Get rid of `toDate` or `constructFrom`?
+  return constructFrom(context || argument, argument);
+}
+
+let defaultOptions = {};
+
+function getDefaultOptions() {
+  return defaultOptions;
+}
+
+/**
+ * The {@link startOfWeek} function options.
+ */
+
+/**
+ * @name startOfWeek
+ * @category Week Helpers
+ * @summary Return the start of a week for the given date.
+ *
+ * @description
+ * Return the start of a week for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The start of a week
+ *
+ * @example
+ * // The start of a week for 2 September 2014 11:55:00:
+ * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Sun Aug 31 2014 00:00:00
+ *
+ * @example
+ * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:
+ * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
+ * //=> Mon Sep 01 2014 00:00:00
+ */
+function startOfWeek(date, options) {
+  const defaultOptions = getDefaultOptions();
+  const weekStartsOn =
+    options?.weekStartsOn ??
+    options?.locale?.options?.weekStartsOn ??
+    defaultOptions.weekStartsOn ??
+    defaultOptions.locale?.options?.weekStartsOn ??
+    0;
+
+  const _date = toDate(date, options?.in);
+  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;
+}
+
+/**
+ * The {@link startOfISOWeek} function options.
+ */
+
+/**
+ * @name startOfISOWeek
+ * @category ISO Week Helpers
+ * @summary Return the start of an ISO week for the given date.
+ *
+ * @description
+ * Return the start of an ISO week for the given date.
+ * The result will be in the local timezone.
+ *
+ * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The start of an ISO week
+ *
+ * @example
+ * // The start of an ISO week for 2 September 2014 11:55:00:
+ * const result = startOfISOWeek(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Mon Sep 01 2014 00:00:00
+ */
+function startOfISOWeek(date, options) {
+  return startOfWeek(date, { ...options, weekStartsOn: 1 });
+}
+
+/**
+ * The {@link getISOWeekYear} function options.
+ */
+
+/**
+ * @name getISOWeekYear
+ * @category ISO Week-Numbering Year Helpers
+ * @summary Get the ISO week-numbering year of the given date.
+ *
+ * @description
+ * Get the ISO week-numbering year of the given date,
+ * which always starts 3 days before the year's first Thursday.
+ *
+ * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
+ *
+ * @param date - The given date
+ *
+ * @returns The ISO week-numbering year
+ *
+ * @example
+ * // Which ISO-week numbering year is 2 January 2005?
+ * const result = getISOWeekYear(new Date(2005, 0, 2))
+ * //=> 2004
+ */
+function getISOWeekYear(date, options) {
+  const _date = toDate(date, options?.in);
+  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;
+  }
+}
+
+/**
+ * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
+ * They usually appear for dates that denote time before the timezones were introduced
+ * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
+ * and GMT+01:00:00 after that date)
+ *
+ * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
+ * which would lead to incorrect calculations.
+ *
+ * This function returns the timezone offset in milliseconds that takes seconds in account.
+ */
+function getTimezoneOffsetInMilliseconds(date) {
+  const _date = toDate(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 - +utcDate;
+}
+
+function normalizeDates(context, ...dates) {
+  const normalize = constructFrom.bind(
+    null,
+    dates.find((date) => typeof date === "object"),
+  );
+  return dates.map(normalize);
+}
+
+/**
+ * The {@link startOfDay} function options.
+ */
+
+/**
+ * @name startOfDay
+ * @category Day Helpers
+ * @summary Return the start of a day for the given date.
+ *
+ * @description
+ * Return the start of a day for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - The options
+ *
+ * @returns The start of a day
+ *
+ * @example
+ * // The start of a day for 2 September 2014 11:55:00:
+ * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Tue Sep 02 2014 00:00:00
+ */
+function startOfDay(date, options) {
+  const _date = toDate(date, options?.in);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+/**
+ * The {@link differenceInCalendarDays} function options.
+ */
+
+/**
+ * @name differenceInCalendarDays
+ * @category Day Helpers
+ * @summary Get the number of calendar days between the given dates.
+ *
+ * @description
+ * Get the number of calendar days between the given dates. This means that the times are removed
+ * from the dates and then the difference in days is calculated.
+ *
+ * @param laterDate - The later date
+ * @param earlierDate - The earlier date
+ * @param options - The options object
+ *
+ * @returns The number of calendar days
+ *
+ * @example
+ * // How many calendar days are between
+ * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
+ * const result = differenceInCalendarDays(
+ *   new Date(2012, 6, 2, 0, 0),
+ *   new Date(2011, 6, 2, 23, 0)
+ * )
+ * //=> 366
+ * // How many calendar days are between
+ * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
+ * const result = differenceInCalendarDays(
+ *   new Date(2011, 6, 3, 0, 1),
+ *   new Date(2011, 6, 2, 23, 59)
+ * )
+ * //=> 1
+ */
+function differenceInCalendarDays(laterDate, earlierDate, options) {
+  const [laterDate_, earlierDate_] = normalizeDates(
+    options?.in,
+    laterDate,
+    earlierDate,
+  );
+
+  const laterStartOfDay = startOfDay(laterDate_);
+  const earlierStartOfDay = startOfDay(earlierDate_);
+
+  const laterTimestamp =
+    +laterStartOfDay - getTimezoneOffsetInMilliseconds(laterStartOfDay);
+  const earlierTimestamp =
+    +earlierStartOfDay - getTimezoneOffsetInMilliseconds(earlierStartOfDay);
+
+  // Round the number of days to the nearest integer because the number of
+  // milliseconds in a day is not constant (e.g. it's different in the week of
+  // the daylight saving time clock shift).
+  return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);
+}
+
+/**
+ * The {@link startOfISOWeekYear} function options.
+ */
+
+/**
+ * @name startOfISOWeekYear
+ * @category ISO Week-Numbering Year Helpers
+ * @summary Return the start of an ISO week-numbering year for the given date.
+ *
+ * @description
+ * Return the start of an ISO week-numbering year,
+ * which always starts 3 days before the year's first Thursday.
+ * The result will be in the local timezone.
+ *
+ * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The start of an ISO week-numbering year
+ *
+ * @example
+ * // The start of an ISO week-numbering year for 2 July 2005:
+ * const result = startOfISOWeekYear(new Date(2005, 6, 2))
+ * //=> Mon Jan 03 2005 00:00:00
+ */
+function startOfISOWeekYear(date, options) {
+  const year = getISOWeekYear(date, options);
+  const fourthOfJanuary = constructFrom(date, 0);
+  fourthOfJanuary.setFullYear(year, 0, 4);
+  fourthOfJanuary.setHours(0, 0, 0, 0);
+  return startOfISOWeek(fourthOfJanuary);
+}
+
+/**
+ * @name isDate
+ * @category Common Helpers
+ * @summary Is the given value a date?
+ *
+ * @description
+ * Returns true if the given value is an instance of Date. The function works for dates transferred across iframes.
+ *
+ * @param value - The value to check
+ *
+ * @returns True if the given value is a date
+ *
+ * @example
+ * // For a valid date:
+ * const result = isDate(new Date())
+ * //=> true
+ *
+ * @example
+ * // For an invalid date:
+ * const result = isDate(new Date(NaN))
+ * //=> true
+ *
+ * @example
+ * // For some value:
+ * const result = isDate('2014-02-31')
+ * //=> false
+ *
+ * @example
+ * // For an object:
+ * const result = isDate({})
+ * //=> false
+ */
+function isDate(value) {
+  return (
+    value instanceof Date ||
+    (typeof value === "object" &&
+      Object.prototype.toString.call(value) === "[object Date]")
+  );
+}
+
+/**
+ * @name isValid
+ * @category Common Helpers
+ * @summary Is the given date valid?
+ *
+ * @description
+ * Returns false if argument is Invalid Date and true otherwise.
+ * Argument is converted to Date using `toDate`. See [toDate](https://date-fns.org/docs/toDate)
+ * Invalid Date is a Date, whose time value is NaN.
+ *
+ * Time value of Date: http://es5.github.io/#x15.9.1.1
+ *
+ * @param date - The date to check
+ *
+ * @returns The date is valid
+ *
+ * @example
+ * // For the valid date:
+ * const result = isValid(new Date(2014, 1, 31))
+ * //=> true
+ *
+ * @example
+ * // For the value, convertible into a date:
+ * const result = isValid(1393804800000)
+ * //=> true
+ *
+ * @example
+ * // For the invalid date:
+ * const result = isValid(new Date(''))
+ * //=> false
+ */
+function isValid(date) {
+  return !((!isDate(date) && typeof date !== "number") || isNaN(+toDate(date)));
+}
+
+/**
+ * The {@link startOfYear} function options.
+ */
+
+/**
+ * @name startOfYear
+ * @category Year Helpers
+ * @summary Return the start of a year for the given date.
+ *
+ * @description
+ * Return the start of a year for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - The options
+ *
+ * @returns The start of a year
+ *
+ * @example
+ * // The start of a year for 2 September 2014 11:55:00:
+ * const result = startOfYear(new Date(2014, 8, 2, 11, 55, 00))
+ * //=> Wed Jan 01 2014 00:00:00
+ */
+function startOfYear(date, options) {
+  const date_ = toDate(date, options?.in);
+  date_.setFullYear(date_.getFullYear(), 0, 1);
+  date_.setHours(0, 0, 0, 0);
+  return date_;
+}
+
+const formatDistanceLocale$1 = {
+  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",
+  },
+};
+
+const formatDistance$1 = (token, count, options) => {
+  let result;
+
+  const tokenValue = formatDistanceLocale$1[token];
+  if (typeof tokenValue === "string") {
+    result = tokenValue;
+  } else if (count === 1) {
+    result = tokenValue.one;
+  } else {
+    result = tokenValue.other.replace("{{count}}", count.toString());
+  }
+
+  if (options?.addSuffix) {
+    if (options.comparison && options.comparison > 0) {
+      return "in " + result;
+    } else {
+      return result + " ago";
+    }
+  }
+
+  return result;
+};
+
+function buildFormatLongFn(args) {
+  return (options = {}) => {
+    // TODO: Remove String()
+    const width = options.width ? String(options.width) : args.defaultWidth;
+    const format = args.formats[width] || args.formats[args.defaultWidth];
+    return format;
+  };
+}
+
+const dateFormats$1 = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy",
+};
+
+const timeFormats$1 = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a",
+};
+
+const dateTimeFormats$1 = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}",
+};
+
+const formatLong$1 = {
+  date: buildFormatLongFn({
+    formats: dateFormats$1,
+    defaultWidth: "full",
+  }),
+
+  time: buildFormatLongFn({
+    formats: timeFormats$1,
+    defaultWidth: "full",
+  }),
+
+  dateTime: buildFormatLongFn({
+    formats: dateTimeFormats$1,
+    defaultWidth: "full",
+  }),
+};
+
+const formatRelativeLocale$1 = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P",
+};
+
+const formatRelative$1 = (token, _date, _baseDate, _options) =>
+  formatRelativeLocale$1[token];
+
+/**
+ * The localize function argument callback which allows to convert raw value to
+ * the actual type.
+ *
+ * @param value - The value to convert
+ *
+ * @returns The converted value
+ */
+
+/**
+ * The map of localized values for each width.
+ */
+
+/**
+ * The index type of the locale unit value. It types conversion of units of
+ * values that don't start at 0 (i.e. quarters).
+ */
+
+/**
+ * Converts the unit value to the tuple of values.
+ */
+
+/**
+ * The tuple of localized era values. The first element represents BC,
+ * the second element represents AD.
+ */
+
+/**
+ * The tuple of localized quarter values. The first element represents Q1.
+ */
+
+/**
+ * The tuple of localized day values. The first element represents Sunday.
+ */
+
+/**
+ * The tuple of localized month values. The first element represents January.
+ */
+
+function buildLocalizeFn(args) {
+  return (value, options) => {
+    const context = options?.context ? String(options.context) : "standalone";
+
+    let valuesArray;
+    if (context === "formatting" && args.formattingValues) {
+      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
+      const width = options?.width ? String(options.width) : defaultWidth;
+
+      valuesArray =
+        args.formattingValues[width] || args.formattingValues[defaultWidth];
+    } else {
+      const defaultWidth = args.defaultWidth;
+      const width = options?.width ? String(options.width) : args.defaultWidth;
+
+      valuesArray = args.values[width] || args.values[defaultWidth];
+    }
+    const index = args.argumentCallback ? args.argumentCallback(value) : value;
+
+    // @ts-expect-error - For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
+    return valuesArray[index];
+  };
+}
+
+const eraValues$1 = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"],
+};
+
+const quarterValues$1 = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"],
+};
+
+// Note: in English, the names of days of the week and months are capitalized.
+// If you are making a new locale based on this one, check if the same is true for the language you're working on.
+// Generally, formatted dates should look like they are in the middle of a sentence,
+// e.g. in Spanish language the weekdays and months should be in the lowercase.
+const monthValues$1 = {
+  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",
+  ],
+};
+
+const dayValues$1 = {
+  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",
+  ],
+};
+
+const dayPeriodValues$1 = {
+  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",
+  },
+};
+
+const formattingDayPeriodValues$1 = {
+  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",
+  },
+};
+
+const ordinalNumber$1 = (dirtyNumber, _options) => {
+  const number = Number(dirtyNumber);
+
+  // If ordinal numbers depend on context, for example,
+  // if they are different for different grammatical genders,
+  // use `options.unit`.
+  //
+  // `unit` can be 'year', 'quarter', 'month', 'week', 'date', 'dayOfYear',
+  // 'day', 'hour', 'minute', 'second'.
+
+  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";
+};
+
+const localize$1 = {
+  ordinalNumber: ordinalNumber$1,
+
+  era: buildLocalizeFn({
+    values: eraValues$1,
+    defaultWidth: "wide",
+  }),
+
+  quarter: buildLocalizeFn({
+    values: quarterValues$1,
+    defaultWidth: "wide",
+    argumentCallback: (quarter) => quarter - 1,
+  }),
+
+  month: buildLocalizeFn({
+    values: monthValues$1,
+    defaultWidth: "wide",
+  }),
+
+  day: buildLocalizeFn({
+    values: dayValues$1,
+    defaultWidth: "wide",
+  }),
+
+  dayPeriod: buildLocalizeFn({
+    values: dayPeriodValues$1,
+    defaultWidth: "wide",
+    formattingValues: formattingDayPeriodValues$1,
+    defaultFormattingWidth: "wide",
+  }),
+};
+
+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))
+      : // [TODO] -- I challenge you to fix the type
+        findKey(parsePatterns, (pattern) => pattern.test(matchedString));
+
+    let value;
+
+    value = args.valueCallback ? args.valueCallback(key) : key;
+    value = options.valueCallback
+      ? // [TODO] -- I challenge 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 undefined;
+}
+
+function findIndex(array, predicate) {
+  for (let key = 0; key < array.length; key++) {
+    if (predicate(array[key])) {
+      return key;
+    }
+  }
+  return undefined;
+}
+
+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];
+
+    // [TODO] I challenge you to fix the type
+    value = options.valueCallback ? options.valueCallback(value) : value;
+
+    const rest = string.slice(matchedString.length);
+
+    return { value, rest };
+  };
+}
+
+const matchOrdinalNumberPattern$1 = /^(\d+)(th|st|nd|rd)?/i;
+const parseOrdinalNumberPattern$1 = /\d+/i;
+
+const matchEraPatterns$1 = {
+  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,
+};
+const parseEraPatterns$1 = {
+  any: [/^b/i, /^(a|c)/i],
+};
+
+const matchQuarterPatterns$1 = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i,
+};
+const parseQuarterPatterns$1 = {
+  any: [/1/i, /2/i, /3/i, /4/i],
+};
+
+const matchMonthPatterns$1 = {
+  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,
+};
+const parseMonthPatterns$1 = {
+  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,
+  ],
+};
+
+const matchDayPatterns$1 = {
+  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,
+};
+const parseDayPatterns$1 = {
+  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],
+};
+
+const matchDayPeriodPatterns$1 = {
+  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,
+};
+const parseDayPeriodPatterns$1 = {
+  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,
+  },
+};
+
+const match$1 = {
+  ordinalNumber: buildMatchPatternFn({
+    matchPattern: matchOrdinalNumberPattern$1,
+    parsePattern: parseOrdinalNumberPattern$1,
+    valueCallback: (value) => parseInt(value, 10),
+  }),
+
+  era: buildMatchFn({
+    matchPatterns: matchEraPatterns$1,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseEraPatterns$1,
+    defaultParseWidth: "any",
+  }),
+
+  quarter: buildMatchFn({
+    matchPatterns: matchQuarterPatterns$1,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseQuarterPatterns$1,
+    defaultParseWidth: "any",
+    valueCallback: (index) => index + 1,
+  }),
+
+  month: buildMatchFn({
+    matchPatterns: matchMonthPatterns$1,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseMonthPatterns$1,
+    defaultParseWidth: "any",
+  }),
+
+  day: buildMatchFn({
+    matchPatterns: matchDayPatterns$1,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseDayPatterns$1,
+    defaultParseWidth: "any",
+  }),
+
+  dayPeriod: buildMatchFn({
+    matchPatterns: matchDayPeriodPatterns$1,
+    defaultMatchWidth: "any",
+    parsePatterns: parseDayPeriodPatterns$1,
+    defaultParseWidth: "any",
+  }),
+};
+
+/**
+ * @category Locales
+ * @summary English locale (United States).
+ * @language English
+ * @iso-639-2 eng
+ * @author Sasha Koss [@kossnocorp](https://github.com/kossnocorp)
+ * @author Lesha Koss [@leshakoss](https://github.com/leshakoss)
+ */
+const enUS = {
+  code: "en-US",
+  formatDistance: formatDistance$1,
+  formatLong: formatLong$1,
+  formatRelative: formatRelative$1,
+  localize: localize$1,
+  match: match$1,
+  options: {
+    weekStartsOn: 0 /* Sunday */,
+    firstWeekContainsDate: 1,
+  },
+};
+
+/**
+ * The {@link getDayOfYear} function options.
+ */
+
+/**
+ * @name getDayOfYear
+ * @category Day Helpers
+ * @summary Get the day of the year of the given date.
+ *
+ * @description
+ * Get the day of the year of the given date.
+ *
+ * @param date - The given date
+ * @param options - The options
+ *
+ * @returns The day of year
+ *
+ * @example
+ * // Which day of the year is 2 July 2014?
+ * const result = getDayOfYear(new Date(2014, 6, 2))
+ * //=> 183
+ */
+function getDayOfYear(date, options) {
+  const _date = toDate(date, options?.in);
+  const diff = differenceInCalendarDays(_date, startOfYear(_date));
+  const dayOfYear = diff + 1;
+  return dayOfYear;
+}
+
+/**
+ * The {@link getISOWeek} function options.
+ */
+
+/**
+ * @name getISOWeek
+ * @category ISO Week Helpers
+ * @summary Get the ISO week of the given date.
+ *
+ * @description
+ * Get the ISO week of the given date.
+ *
+ * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
+ *
+ * @param date - The given date
+ * @param options - The options
+ *
+ * @returns The ISO week
+ *
+ * @example
+ * // Which week of the ISO-week numbering year is 2 January 2005?
+ * const result = getISOWeek(new Date(2005, 0, 2))
+ * //=> 53
+ */
+function getISOWeek(date, options) {
+  const _date = toDate(date, options?.in);
+  const diff = +startOfISOWeek(_date) - +startOfISOWeekYear(_date);
+
+  // Round the number of weeks to the nearest integer because the number of
+  // milliseconds in a week is not constant (e.g. it's different in the week of
+  // the daylight saving time clock shift).
+  return Math.round(diff / millisecondsInWeek) + 1;
+}
+
+/**
+ * The {@link getWeekYear} function options.
+ */
+
+/**
+ * @name getWeekYear
+ * @category Week-Numbering Year Helpers
+ * @summary Get the local week-numbering year of the given date.
+ *
+ * @description
+ * Get the local week-numbering year of the given date.
+ * The exact calculation depends on the values of
+ * `options.weekStartsOn` (which is the index of the first day of the week)
+ * and `options.firstWeekContainsDate` (which is the day of January, which is always in
+ * the first week of the week-numbering year)
+ *
+ * Week numbering: https://en.wikipedia.org/wiki/Week#The_ISO_week_date_system
+ *
+ * @param date - The given date
+ * @param options - An object with options.
+ *
+ * @returns The local week-numbering year
+ *
+ * @example
+ * // Which week numbering year is 26 December 2004 with the default settings?
+ * const result = getWeekYear(new Date(2004, 11, 26))
+ * //=> 2005
+ *
+ * @example
+ * // Which week numbering year is 26 December 2004 if week starts on Saturday?
+ * const result = getWeekYear(new Date(2004, 11, 26), { weekStartsOn: 6 })
+ * //=> 2004
+ *
+ * @example
+ * // Which week numbering year is 26 December 2004 if the first week contains 4 January?
+ * const result = getWeekYear(new Date(2004, 11, 26), { firstWeekContainsDate: 4 })
+ * //=> 2004
+ */
+function getWeekYear(date, options) {
+  const _date = toDate(date, options?.in);
+  const year = _date.getFullYear();
+
+  const defaultOptions = getDefaultOptions();
+  const firstWeekContainsDate =
+    options?.firstWeekContainsDate ??
+    options?.locale?.options?.firstWeekContainsDate ??
+    defaultOptions.firstWeekContainsDate ??
+    defaultOptions.locale?.options?.firstWeekContainsDate ??
+    1;
+
+  const firstWeekOfNextYear = constructFrom(options?.in || date, 0);
+  firstWeekOfNextYear.setFullYear(year + 1, 0, firstWeekContainsDate);
+  firstWeekOfNextYear.setHours(0, 0, 0, 0);
+  const startOfNextYear = startOfWeek(firstWeekOfNextYear, options);
+
+  const firstWeekOfThisYear = constructFrom(options?.in || date, 0);
+  firstWeekOfThisYear.setFullYear(year, 0, firstWeekContainsDate);
+  firstWeekOfThisYear.setHours(0, 0, 0, 0);
+  const startOfThisYear = startOfWeek(firstWeekOfThisYear, options);
+
+  if (+_date >= +startOfNextYear) {
+    return year + 1;
+  } else if (+_date >= +startOfThisYear) {
+    return year;
+  } else {
+    return year - 1;
+  }
+}
+
+/**
+ * The {@link startOfWeekYear} function options.
+ */
+
+/**
+ * @name startOfWeekYear
+ * @category Week-Numbering Year Helpers
+ * @summary Return the start of a local week-numbering year for the given date.
+ *
+ * @description
+ * Return the start of a local week-numbering year.
+ * The exact calculation depends on the values of
+ * `options.weekStartsOn` (which is the index of the first day of the week)
+ * and `options.firstWeekContainsDate` (which is the day of January, which is always in
+ * the first week of the week-numbering year)
+ *
+ * Week numbering: https://en.wikipedia.org/wiki/Week#The_ISO_week_date_system
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The start of a week-numbering year
+ *
+ * @example
+ * // The start of an a week-numbering year for 2 July 2005 with default settings:
+ * const result = startOfWeekYear(new Date(2005, 6, 2))
+ * //=> Sun Dec 26 2004 00:00:00
+ *
+ * @example
+ * // The start of a week-numbering year for 2 July 2005
+ * // if Monday is the first day of week
+ * // and 4 January is always in the first week of the year:
+ * const result = startOfWeekYear(new Date(2005, 6, 2), {
+ *   weekStartsOn: 1,
+ *   firstWeekContainsDate: 4
+ * })
+ * //=> Mon Jan 03 2005 00:00:00
+ */
+function startOfWeekYear(date, options) {
+  const defaultOptions = getDefaultOptions();
+  const firstWeekContainsDate =
+    options?.firstWeekContainsDate ??
+    options?.locale?.options?.firstWeekContainsDate ??
+    defaultOptions.firstWeekContainsDate ??
+    defaultOptions.locale?.options?.firstWeekContainsDate ??
+    1;
+
+  const year = getWeekYear(date, options);
+  const firstWeek = constructFrom(options?.in || date, 0);
+  firstWeek.setFullYear(year, 0, firstWeekContainsDate);
+  firstWeek.setHours(0, 0, 0, 0);
+  const _date = startOfWeek(firstWeek, options);
+  return _date;
+}
+
+/**
+ * The {@link getWeek} function options.
+ */
+
+/**
+ * @name getWeek
+ * @category Week Helpers
+ * @summary Get the local week index of the given date.
+ *
+ * @description
+ * Get the local week index of the given date.
+ * The exact calculation depends on the values of
+ * `options.weekStartsOn` (which is the index of the first day of the week)
+ * and `options.firstWeekContainsDate` (which is the day of January, which is always in
+ * the first week of the week-numbering year)
+ *
+ * Week numbering: https://en.wikipedia.org/wiki/Week#The_ISO_week_date_system
+ *
+ * @param date - The given date
+ * @param options - An object with options
+ *
+ * @returns The week
+ *
+ * @example
+ * // Which week of the local week numbering year is 2 January 2005 with default options?
+ * const result = getWeek(new Date(2005, 0, 2))
+ * //=> 2
+ *
+ * @example
+ * // Which week of the local week numbering year is 2 January 2005,
+ * // if Monday is the first day of the week,
+ * // and the first week of the year always contains 4 January?
+ * const result = getWeek(new Date(2005, 0, 2), {
+ *   weekStartsOn: 1,
+ *   firstWeekContainsDate: 4
+ * })
+ * //=> 53
+ */
+function getWeek(date, options) {
+  const _date = toDate(date, options?.in);
+  const diff = +startOfWeek(_date, options) - +startOfWeekYear(_date, options);
+
+  // Round the number of weeks to the nearest integer because the number of
+  // milliseconds in a week is not constant (e.g. it's different in the week of
+  // the daylight saving time clock shift).
+  return Math.round(diff / millisecondsInWeek) + 1;
+}
+
+function addLeadingZeros(number, targetLength) {
+  const sign = number < 0 ? "-" : "";
+  const output = Math.abs(number).toString().padStart(targetLength, "0");
+  return sign + output;
+}
+
+/*
+ * |     | Unit                           |     | Unit                           |
+ * |-----|--------------------------------|-----|--------------------------------|
+ * |  a  | AM, PM                         |  A* |                                |
+ * |  d  | Day of month                   |  D  |                                |
+ * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
+ * |  m  | Minute                         |  M  | Month                          |
+ * |  s  | Second                         |  S  | Fraction of second             |
+ * |  y  | Year (abs)                     |  Y  |                                |
+ *
+ * Letters marked by * are not implemented but reserved by Unicode standard.
+ */
+
+const lightFormatters = {
+  // Year
+  y(date, token) {
+    // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
+    // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
+    // |----------|-------|----|-------|-------|-------|
+    // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
+    // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
+    // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
+    // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
+    // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
+
+    const signedYear = date.getFullYear();
+    // Returns 1 for 1 BC (which is year 0 in JavaScript)
+    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.trunc(
+      milliseconds * Math.pow(10, numberOfDigits - 3),
+    );
+    return addLeadingZeros(fractionalSeconds, token.length);
+  },
+};
+
+const dayPeriodEnum = {
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night",
+};
+
+/*
+ * |     | Unit                           |     | Unit                           |
+ * |-----|--------------------------------|-----|--------------------------------|
+ * |  a  | AM, PM                         |  A* | Milliseconds in day            |
+ * |  b  | AM, PM, noon, midnight         |  B  | Flexible day period            |
+ * |  c  | Stand-alone local day of week  |  C* | Localized hour w/ day period   |
+ * |  d  | Day of month                   |  D  | Day of year                    |
+ * |  e  | Local day of week              |  E  | Day of week                    |
+ * |  f  |                                |  F* | Day of week in month           |
+ * |  g* | Modified Julian day            |  G  | Era                            |
+ * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
+ * |  i! | ISO day of week                |  I! | ISO week of year               |
+ * |  j* | Localized hour w/ day period   |  J* | Localized hour w/o day period  |
+ * |  k  | Hour [1-24]                    |  K  | Hour [0-11]                    |
+ * |  l* | (deprecated)                   |  L  | Stand-alone month              |
+ * |  m  | Minute                         |  M  | Month                          |
+ * |  n  |                                |  N  |                                |
+ * |  o! | Ordinal number modifier        |  O  | Timezone (GMT)                 |
+ * |  p! | Long localized time            |  P! | Long localized date            |
+ * |  q  | Stand-alone quarter            |  Q  | Quarter                        |
+ * |  r* | Related Gregorian year         |  R! | ISO week-numbering year        |
+ * |  s  | Second                         |  S  | Fraction of second             |
+ * |  t! | Seconds timestamp              |  T! | Milliseconds timestamp         |
+ * |  u  | Extended year                  |  U* | Cyclic year                    |
+ * |  v* | Timezone (generic non-locat.)  |  V* | Timezone (location)            |
+ * |  w  | Local week of year             |  W* | Week of month                  |
+ * |  x  | Timezone (ISO-8601 w/o Z)      |  X  | Timezone (ISO-8601)            |
+ * |  y  | Year (abs)                     |  Y  | Local week-numbering year      |
+ * |  z  | Timezone (specific non-locat.) |  Z* | Timezone (aliases)             |
+ *
+ * Letters marked by * are not implemented but reserved by Unicode standard.
+ *
+ * Letters marked by ! are non-standard, but implemented by date-fns:
+ * - `o` modifies the previous token to turn it into an ordinal (see `format` docs)
+ * - `i` is ISO day of week. For `i` and `ii` is returns numeric ISO week days,
+ *   i.e. 7 for Sunday, 1 for Monday, etc.
+ * - `I` is ISO week of year, as opposed to `w` which is local week of year.
+ * - `R` is ISO week-numbering year, as opposed to `Y` which is local week-numbering year.
+ *   `R` is supposed to be used in conjunction with `I` and `i`
+ *   for universal ISO week-numbering date, whereas
+ *   `Y` is supposed to be used in conjunction with `w` and `e`
+ *   for week-numbering date specific to the locale.
+ * - `P` is long localized date format
+ * - `p` is long localized time format
+ */
+
+const formatters = {
+  // Era
+  G: function (date, token, localize) {
+    const era = date.getFullYear() > 0 ? 1 : 0;
+    switch (token) {
+      // AD, BC
+      case "G":
+      case "GG":
+      case "GGG":
+        return localize.era(era, { width: "abbreviated" });
+      // A, B
+      case "GGGGG":
+        return localize.era(era, { width: "narrow" });
+      // Anno Domini, Before Christ
+      case "GGGG":
+      default:
+        return localize.era(era, { width: "wide" });
+    }
+  },
+
+  // Year
+  y: function (date, token, localize) {
+    // Ordinal number
+    if (token === "yo") {
+      const signedYear = date.getFullYear();
+      // Returns 1 for 1 BC (which is year 0 in JavaScript)
+      const year = signedYear > 0 ? signedYear : 1 - signedYear;
+      return localize.ordinalNumber(year, { unit: "year" });
+    }
+
+    return lightFormatters.y(date, token);
+  },
+
+  // Local week-numbering year
+  Y: function (date, token, localize, options) {
+    const signedWeekYear = getWeekYear(date, options);
+    // Returns 1 for 1 BC (which is year 0 in JavaScript)
+    const weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
+
+    // Two digit year
+    if (token === "YY") {
+      const twoDigitYear = weekYear % 100;
+      return addLeadingZeros(twoDigitYear, 2);
+    }
+
+    // Ordinal number
+    if (token === "Yo") {
+      return localize.ordinalNumber(weekYear, { unit: "year" });
+    }
+
+    // Padding
+    return addLeadingZeros(weekYear, token.length);
+  },
+
+  // ISO week-numbering year
+  R: function (date, token) {
+    const isoWeekYear = getISOWeekYear(date);
+
+    // Padding
+    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, localize) {
+    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 localize.ordinalNumber(quarter, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "QQQ":
+        return localize.quarter(quarter, {
+          width: "abbreviated",
+          context: "formatting",
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "QQQQQ":
+        return localize.quarter(quarter, {
+          width: "narrow",
+          context: "formatting",
+        });
+      // 1st quarter, 2nd quarter, ...
+      case "QQQQ":
+      default:
+        return localize.quarter(quarter, {
+          width: "wide",
+          context: "formatting",
+        });
+    }
+  },
+
+  // Stand-alone quarter
+  q: function (date, token, localize) {
+    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 localize.ordinalNumber(quarter, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "qqq":
+        return localize.quarter(quarter, {
+          width: "abbreviated",
+          context: "standalone",
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "qqqqq":
+        return localize.quarter(quarter, {
+          width: "narrow",
+          context: "standalone",
+        });
+      // 1st quarter, 2nd quarter, ...
+      case "qqqq":
+      default:
+        return localize.quarter(quarter, {
+          width: "wide",
+          context: "standalone",
+        });
+    }
+  },
+
+  // Month
+  M: function (date, token, localize) {
+    const month = date.getMonth();
+    switch (token) {
+      case "M":
+      case "MM":
+        return lightFormatters.M(date, token);
+      // 1st, 2nd, ..., 12th
+      case "Mo":
+        return localize.ordinalNumber(month + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "MMM":
+        return localize.month(month, {
+          width: "abbreviated",
+          context: "formatting",
+        });
+      // J, F, ..., D
+      case "MMMMM":
+        return localize.month(month, {
+          width: "narrow",
+          context: "formatting",
+        });
+      // January, February, ..., December
+      case "MMMM":
+      default:
+        return localize.month(month, { width: "wide", context: "formatting" });
+    }
+  },
+
+  // Stand-alone month
+  L: function (date, token, localize) {
+    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 localize.ordinalNumber(month + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "LLL":
+        return localize.month(month, {
+          width: "abbreviated",
+          context: "standalone",
+        });
+      // J, F, ..., D
+      case "LLLLL":
+        return localize.month(month, {
+          width: "narrow",
+          context: "standalone",
+        });
+      // January, February, ..., December
+      case "LLLL":
+      default:
+        return localize.month(month, { width: "wide", context: "standalone" });
+    }
+  },
+
+  // Local week of year
+  w: function (date, token, localize, options) {
+    const week = getWeek(date, options);
+
+    if (token === "wo") {
+      return localize.ordinalNumber(week, { unit: "week" });
+    }
+
+    return addLeadingZeros(week, token.length);
+  },
+
+  // ISO week of year
+  I: function (date, token, localize) {
+    const isoWeek = getISOWeek(date);
+
+    if (token === "Io") {
+      return localize.ordinalNumber(isoWeek, { unit: "week" });
+    }
+
+    return addLeadingZeros(isoWeek, token.length);
+  },
+
+  // Day of the month
+  d: function (date, token, localize) {
+    if (token === "do") {
+      return localize.ordinalNumber(date.getDate(), { unit: "date" });
+    }
+
+    return lightFormatters.d(date, token);
+  },
+
+  // Day of year
+  D: function (date, token, localize) {
+    const dayOfYear = getDayOfYear(date);
+
+    if (token === "Do") {
+      return localize.ordinalNumber(dayOfYear, { unit: "dayOfYear" });
+    }
+
+    return addLeadingZeros(dayOfYear, token.length);
+  },
+
+  // Day of week
+  E: function (date, token, localize) {
+    const dayOfWeek = date.getDay();
+    switch (token) {
+      // Tue
+      case "E":
+      case "EE":
+      case "EEE":
+        return localize.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "formatting",
+        });
+      // T
+      case "EEEEE":
+        return localize.day(dayOfWeek, {
+          width: "narrow",
+          context: "formatting",
+        });
+      // Tu
+      case "EEEEEE":
+        return localize.day(dayOfWeek, {
+          width: "short",
+          context: "formatting",
+        });
+      // Tuesday
+      case "EEEE":
+      default:
+        return localize.day(dayOfWeek, {
+          width: "wide",
+          context: "formatting",
+        });
+    }
+  },
+
+  // Local day of week
+  e: function (date, token, localize, 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 localize.ordinalNumber(localDayOfWeek, { unit: "day" });
+      case "eee":
+        return localize.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "formatting",
+        });
+      // T
+      case "eeeee":
+        return localize.day(dayOfWeek, {
+          width: "narrow",
+          context: "formatting",
+        });
+      // Tu
+      case "eeeeee":
+        return localize.day(dayOfWeek, {
+          width: "short",
+          context: "formatting",
+        });
+      // Tuesday
+      case "eeee":
+      default:
+        return localize.day(dayOfWeek, {
+          width: "wide",
+          context: "formatting",
+        });
+    }
+  },
+
+  // Stand-alone local day of week
+  c: function (date, token, localize, 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 localize.ordinalNumber(localDayOfWeek, { unit: "day" });
+      case "ccc":
+        return localize.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "standalone",
+        });
+      // T
+      case "ccccc":
+        return localize.day(dayOfWeek, {
+          width: "narrow",
+          context: "standalone",
+        });
+      // Tu
+      case "cccccc":
+        return localize.day(dayOfWeek, {
+          width: "short",
+          context: "standalone",
+        });
+      // Tuesday
+      case "cccc":
+      default:
+        return localize.day(dayOfWeek, {
+          width: "wide",
+          context: "standalone",
+        });
+    }
+  },
+
+  // ISO day of week
+  i: function (date, token, localize) {
+    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 localize.ordinalNumber(isoDayOfWeek, { unit: "day" });
+      // Tue
+      case "iii":
+        return localize.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "formatting",
+        });
+      // T
+      case "iiiii":
+        return localize.day(dayOfWeek, {
+          width: "narrow",
+          context: "formatting",
+        });
+      // Tu
+      case "iiiiii":
+        return localize.day(dayOfWeek, {
+          width: "short",
+          context: "formatting",
+        });
+      // Tuesday
+      case "iiii":
+      default:
+        return localize.day(dayOfWeek, {
+          width: "wide",
+          context: "formatting",
+        });
+    }
+  },
+
+  // AM or PM
+  a: function (date, token, localize) {
+    const hours = date.getHours();
+    const dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
+
+    switch (token) {
+      case "a":
+      case "aa":
+        return localize.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting",
+        });
+      case "aaa":
+        return localize
+          .dayPeriod(dayPeriodEnumValue, {
+            width: "abbreviated",
+            context: "formatting",
+          })
+          .toLowerCase();
+      case "aaaaa":
+        return localize.dayPeriod(dayPeriodEnumValue, {
+          width: "narrow",
+          context: "formatting",
+        });
+      case "aaaa":
+      default:
+        return localize.dayPeriod(dayPeriodEnumValue, {
+          width: "wide",
+          context: "formatting",
+        });
+    }
+  },
+
+  // AM, PM, midnight, noon
+  b: function (date, token, localize) {
+    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 localize.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting",
+        });
+      case "bbb":
+        return localize
+          .dayPeriod(dayPeriodEnumValue, {
+            width: "abbreviated",
+            context: "formatting",
+          })
+          .toLowerCase();
+      case "bbbbb":
+        return localize.dayPeriod(dayPeriodEnumValue, {
+          width: "narrow",
+          context: "formatting",
+        });
+      case "bbbb":
+      default:
+        return localize.dayPeriod(dayPeriodEnumValue, {
+          width: "wide",
+          context: "formatting",
+        });
+    }
+  },
+
+  // in the morning, in the afternoon, in the evening, at night
+  B: function (date, token, localize) {
+    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 localize.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting",
+        });
+      case "BBBBB":
+        return localize.dayPeriod(dayPeriodEnumValue, {
+          width: "narrow",
+          context: "formatting",
+        });
+      case "BBBB":
+      default:
+        return localize.dayPeriod(dayPeriodEnumValue, {
+          width: "wide",
+          context: "formatting",
+        });
+    }
+  },
+
+  // Hour [1-12]
+  h: function (date, token, localize) {
+    if (token === "ho") {
+      let hours = date.getHours() % 12;
+      if (hours === 0) hours = 12;
+      return localize.ordinalNumber(hours, { unit: "hour" });
+    }
+
+    return lightFormatters.h(date, token);
+  },
+
+  // Hour [0-23]
+  H: function (date, token, localize) {
+    if (token === "Ho") {
+      return localize.ordinalNumber(date.getHours(), { unit: "hour" });
+    }
+
+    return lightFormatters.H(date, token);
+  },
+
+  // Hour [0-11]
+  K: function (date, token, localize) {
+    const hours = date.getHours() % 12;
+
+    if (token === "Ko") {
+      return localize.ordinalNumber(hours, { unit: "hour" });
+    }
+
+    return addLeadingZeros(hours, token.length);
+  },
+
+  // Hour [1-24]
+  k: function (date, token, localize) {
+    let hours = date.getHours();
+    if (hours === 0) hours = 24;
+
+    if (token === "ko") {
+      return localize.ordinalNumber(hours, { unit: "hour" });
+    }
+
+    return addLeadingZeros(hours, token.length);
+  },
+
+  // Minute
+  m: function (date, token, localize) {
+    if (token === "mo") {
+      return localize.ordinalNumber(date.getMinutes(), { unit: "minute" });
+    }
+
+    return lightFormatters.m(date, token);
+  },
+
+  // Second
+  s: function (date, token, localize) {
+    if (token === "so") {
+      return localize.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) {
+    const timezoneOffset = date.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": // Hours and minutes without `:` delimiter
+        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) {
+    const timezoneOffset = date.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": // Hours and minutes without `:` delimiter
+        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) {
+    const timezoneOffset = date.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) {
+    const timezoneOffset = date.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) {
+    const timestamp = Math.trunc(+date / 1000);
+    return addLeadingZeros(timestamp, token.length);
+  },
+
+  // Milliseconds timestamp
+  T: function (date, token, _localize) {
+    return addLeadingZeros(+date, token.length);
+  },
+};
+
+function formatTimezoneShort(offset, delimiter = "") {
+  const sign = offset > 0 ? "-" : "+";
+  const absOffset = Math.abs(offset);
+  const hours = Math.trunc(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.trunc(absOffset / 60), 2);
+  const minutes = addLeadingZeros(absOffset % 60, 2);
+  return sign + hours + delimiter + minutes;
+}
+
+const dateLongFormatter = (pattern, formatLong) => {
+  switch (pattern) {
+    case "P":
+      return formatLong.date({ width: "short" });
+    case "PP":
+      return formatLong.date({ width: "medium" });
+    case "PPP":
+      return formatLong.date({ width: "long" });
+    case "PPPP":
+    default:
+      return formatLong.date({ width: "full" });
+  }
+};
+
+const timeLongFormatter = (pattern, formatLong) => {
+  switch (pattern) {
+    case "p":
+      return formatLong.time({ width: "short" });
+    case "pp":
+      return formatLong.time({ width: "medium" });
+    case "ppp":
+      return formatLong.time({ width: "long" });
+    case "pppp":
+    default:
+      return formatLong.time({ width: "full" });
+  }
+};
+
+const dateTimeLongFormatter = (pattern, formatLong) => {
+  const matchResult = pattern.match(/(P+)(p+)?/) || [];
+  const datePattern = matchResult[1];
+  const timePattern = matchResult[2];
+
+  if (!timePattern) {
+    return dateLongFormatter(pattern, formatLong);
+  }
+
+  let dateTimeFormat;
+
+  switch (datePattern) {
+    case "P":
+      dateTimeFormat = formatLong.dateTime({ width: "short" });
+      break;
+    case "PP":
+      dateTimeFormat = formatLong.dateTime({ width: "medium" });
+      break;
+    case "PPP":
+      dateTimeFormat = formatLong.dateTime({ width: "long" });
+      break;
+    case "PPPP":
+    default:
+      dateTimeFormat = formatLong.dateTime({ width: "full" });
+      break;
+  }
+
+  return dateTimeFormat
+    .replace("{{date}}", dateLongFormatter(datePattern, formatLong))
+    .replace("{{time}}", timeLongFormatter(timePattern, formatLong));
+};
+
+const longFormatters = {
+  p: timeLongFormatter,
+  P: dateTimeLongFormatter,
+};
+
+const dayOfYearTokenRE = /^D+$/;
+const weekYearTokenRE = /^Y+$/;
+
+const throwTokens = ["D", "DD", "YY", "YYYY"];
+
+function isProtectedDayOfYearToken(token) {
+  return dayOfYearTokenRE.test(token);
+}
+
+function isProtectedWeekYearToken(token) {
+  return weekYearTokenRE.test(token);
+}
+
+function warnOrThrowProtectedError(token, format, input) {
+  const _message = message(token, format, input);
+  console.warn(_message);
+  if (throwTokens.includes(token)) throw new RangeError(_message);
+}
+
+function message(token, format, input) {
+  const subject = token[0] === "Y" ? "years" : "days of the month";
+  return `Use \`${token.toLowerCase()}\` instead of \`${token}\` (in \`${format}\`) for formatting ${subject} to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+}
+
+// This RegExp consists of three parts separated by `|`:
+// - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
+//   (one of the certain letters followed by `o`)
+// - (\w)\1* matches any sequences of the same letter
+// - '' matches two quote characters in a row
+// - '(''|[^'])+('|$) matches anything surrounded by two quote characters ('),
+//   except a single quote symbol, which ends the sequence.
+//   Two quote characters do not end the sequence.
+//   If there is no matching single quote
+//   then the sequence will continue until the end of the string.
+// - . matches any single character unmatched by previous parts of the RegExps
+const formattingTokensRegExp =
+  /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
+
+// This RegExp catches symbols escaped by quotes, and also
+// sequences of symbols P, p, and the combinations like `PPPPPPPppppp`
+const longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
+
+const escapedStringRegExp = /^'([^]*?)'?$/;
+const doubleQuoteRegExp = /''/g;
+const unescapedLatinCharacterRegExp = /[a-zA-Z]/;
+
+/**
+ * The {@link format} function options.
+ */
+
+/**
+ * @name format
+ * @alias formatDate
+ * @category Common Helpers
+ * @summary Format the date.
+ *
+ * @description
+ * Return the formatted date string in the given format. The result may vary by locale.
+ *
+ * > ⚠️ Please note that the `format` tokens differ from Moment.js and other libraries.
+ * > See: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+ *
+ * The characters wrapped between two single quotes characters (') are escaped.
+ * Two single quotes in a row, whether inside or outside a quoted sequence, represent a 'real' single quote.
+ * (see the last example)
+ *
+ * Format of the string is based on Unicode Technical Standard #35:
+ * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+ * with a few additions (see note 7 below the table).
+ *
+ * Accepted patterns:
+ * | Unit                            | Pattern | Result examples                   | Notes |
+ * |---------------------------------|---------|-----------------------------------|-------|
+ * | Era                             | G..GGG  | AD, BC                            |       |
+ * |                                 | GGGG    | Anno Domini, Before Christ        | 2     |
+ * |                                 | GGGGG   | A, B                              |       |
+ * | Calendar year                   | y       | 44, 1, 1900, 2017                 | 5     |
+ * |                                 | yo      | 44th, 1st, 0th, 17th              | 5,7   |
+ * |                                 | yy      | 44, 01, 00, 17                    | 5     |
+ * |                                 | yyy     | 044, 001, 1900, 2017              | 5     |
+ * |                                 | yyyy    | 0044, 0001, 1900, 2017            | 5     |
+ * |                                 | yyyyy   | ...                               | 3,5   |
+ * | Local week-numbering year       | Y       | 44, 1, 1900, 2017                 | 5     |
+ * |                                 | Yo      | 44th, 1st, 1900th, 2017th         | 5,7   |
+ * |                                 | YY      | 44, 01, 00, 17                    | 5,8   |
+ * |                                 | YYY     | 044, 001, 1900, 2017              | 5     |
+ * |                                 | YYYY    | 0044, 0001, 1900, 2017            | 5,8   |
+ * |                                 | YYYYY   | ...                               | 3,5   |
+ * | ISO week-numbering year         | R       | -43, 0, 1, 1900, 2017             | 5,7   |
+ * |                                 | RR      | -43, 00, 01, 1900, 2017           | 5,7   |
+ * |                                 | RRR     | -043, 000, 001, 1900, 2017        | 5,7   |
+ * |                                 | RRRR    | -0043, 0000, 0001, 1900, 2017     | 5,7   |
+ * |                                 | RRRRR   | ...                               | 3,5,7 |
+ * | Extended year                   | u       | -43, 0, 1, 1900, 2017             | 5     |
+ * |                                 | uu      | -43, 01, 1900, 2017               | 5     |
+ * |                                 | uuu     | -043, 001, 1900, 2017             | 5     |
+ * |                                 | uuuu    | -0043, 0001, 1900, 2017           | 5     |
+ * |                                 | uuuuu   | ...                               | 3,5   |
+ * | Quarter (formatting)            | Q       | 1, 2, 3, 4                        |       |
+ * |                                 | Qo      | 1st, 2nd, 3rd, 4th                | 7     |
+ * |                                 | QQ      | 01, 02, 03, 04                    |       |
+ * |                                 | QQQ     | Q1, Q2, Q3, Q4                    |       |
+ * |                                 | QQQQ    | 1st quarter, 2nd quarter, ...     | 2     |
+ * |                                 | QQQQQ   | 1, 2, 3, 4                        | 4     |
+ * | Quarter (stand-alone)           | q       | 1, 2, 3, 4                        |       |
+ * |                                 | qo      | 1st, 2nd, 3rd, 4th                | 7     |
+ * |                                 | qq      | 01, 02, 03, 04                    |       |
+ * |                                 | qqq     | Q1, Q2, Q3, Q4                    |       |
+ * |                                 | qqqq    | 1st quarter, 2nd quarter, ...     | 2     |
+ * |                                 | qqqqq   | 1, 2, 3, 4                        | 4     |
+ * | Month (formatting)              | M       | 1, 2, ..., 12                     |       |
+ * |                                 | Mo      | 1st, 2nd, ..., 12th               | 7     |
+ * |                                 | MM      | 01, 02, ..., 12                   |       |
+ * |                                 | MMM     | Jan, Feb, ..., Dec                |       |
+ * |                                 | MMMM    | January, February, ..., December  | 2     |
+ * |                                 | MMMMM   | J, F, ..., D                      |       |
+ * | Month (stand-alone)             | L       | 1, 2, ..., 12                     |       |
+ * |                                 | Lo      | 1st, 2nd, ..., 12th               | 7     |
+ * |                                 | LL      | 01, 02, ..., 12                   |       |
+ * |                                 | LLL     | Jan, Feb, ..., Dec                |       |
+ * |                                 | LLLL    | January, February, ..., December  | 2     |
+ * |                                 | LLLLL   | J, F, ..., D                      |       |
+ * | Local week of year              | w       | 1, 2, ..., 53                     |       |
+ * |                                 | wo      | 1st, 2nd, ..., 53th               | 7     |
+ * |                                 | ww      | 01, 02, ..., 53                   |       |
+ * | ISO week of year                | I       | 1, 2, ..., 53                     | 7     |
+ * |                                 | Io      | 1st, 2nd, ..., 53th               | 7     |
+ * |                                 | II      | 01, 02, ..., 53                   | 7     |
+ * | Day of month                    | d       | 1, 2, ..., 31                     |       |
+ * |                                 | do      | 1st, 2nd, ..., 31st               | 7     |
+ * |                                 | dd      | 01, 02, ..., 31                   |       |
+ * | Day of year                     | D       | 1, 2, ..., 365, 366               | 9     |
+ * |                                 | Do      | 1st, 2nd, ..., 365th, 366th       | 7     |
+ * |                                 | DD      | 01, 02, ..., 365, 366             | 9     |
+ * |                                 | DDD     | 001, 002, ..., 365, 366           |       |
+ * |                                 | DDDD    | ...                               | 3     |
+ * | Day of week (formatting)        | E..EEE  | Mon, Tue, Wed, ..., Sun           |       |
+ * |                                 | EEEE    | Monday, Tuesday, ..., Sunday      | 2     |
+ * |                                 | EEEEE   | M, T, W, T, F, S, S               |       |
+ * |                                 | EEEEEE  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
+ * | ISO day of week (formatting)    | i       | 1, 2, 3, ..., 7                   | 7     |
+ * |                                 | io      | 1st, 2nd, ..., 7th                | 7     |
+ * |                                 | ii      | 01, 02, ..., 07                   | 7     |
+ * |                                 | iii     | Mon, Tue, Wed, ..., Sun           | 7     |
+ * |                                 | iiii    | Monday, Tuesday, ..., Sunday      | 2,7   |
+ * |                                 | iiiii   | M, T, W, T, F, S, S               | 7     |
+ * |                                 | iiiiii  | Mo, Tu, We, Th, Fr, Sa, Su        | 7     |
+ * | Local day of week (formatting)  | e       | 2, 3, 4, ..., 1                   |       |
+ * |                                 | eo      | 2nd, 3rd, ..., 1st                | 7     |
+ * |                                 | ee      | 02, 03, ..., 01                   |       |
+ * |                                 | eee     | Mon, Tue, Wed, ..., Sun           |       |
+ * |                                 | eeee    | Monday, Tuesday, ..., Sunday      | 2     |
+ * |                                 | eeeee   | M, T, W, T, F, S, S               |       |
+ * |                                 | eeeeee  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
+ * | Local day of week (stand-alone) | c       | 2, 3, 4, ..., 1                   |       |
+ * |                                 | co      | 2nd, 3rd, ..., 1st                | 7     |
+ * |                                 | cc      | 02, 03, ..., 01                   |       |
+ * |                                 | ccc     | Mon, Tue, Wed, ..., Sun           |       |
+ * |                                 | cccc    | Monday, Tuesday, ..., Sunday      | 2     |
+ * |                                 | ccccc   | M, T, W, T, F, S, S               |       |
+ * |                                 | cccccc  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
+ * | AM, PM                          | a..aa   | AM, PM                            |       |
+ * |                                 | aaa     | am, pm                            |       |
+ * |                                 | aaaa    | a.m., p.m.                        | 2     |
+ * |                                 | aaaaa   | a, p                              |       |
+ * | AM, PM, noon, midnight          | b..bb   | AM, PM, noon, midnight            |       |
+ * |                                 | bbb     | am, pm, noon, midnight            |       |
+ * |                                 | bbbb    | a.m., p.m., noon, midnight        | 2     |
+ * |                                 | bbbbb   | a, p, n, mi                       |       |
+ * | Flexible day period             | B..BBB  | at night, in the morning, ...     |       |
+ * |                                 | BBBB    | at night, in the morning, ...     | 2     |
+ * |                                 | BBBBB   | at night, in the morning, ...     |       |
+ * | Hour [1-12]                     | h       | 1, 2, ..., 11, 12                 |       |
+ * |                                 | ho      | 1st, 2nd, ..., 11th, 12th         | 7     |
+ * |                                 | hh      | 01, 02, ..., 11, 12               |       |
+ * | Hour [0-23]                     | H       | 0, 1, 2, ..., 23                  |       |
+ * |                                 | Ho      | 0th, 1st, 2nd, ..., 23rd          | 7     |
+ * |                                 | HH      | 00, 01, 02, ..., 23               |       |
+ * | Hour [0-11]                     | K       | 1, 2, ..., 11, 0                  |       |
+ * |                                 | Ko      | 1st, 2nd, ..., 11th, 0th          | 7     |
+ * |                                 | KK      | 01, 02, ..., 11, 00               |       |
+ * | Hour [1-24]                     | k       | 24, 1, 2, ..., 23                 |       |
+ * |                                 | ko      | 24th, 1st, 2nd, ..., 23rd         | 7     |
+ * |                                 | kk      | 24, 01, 02, ..., 23               |       |
+ * | Minute                          | m       | 0, 1, ..., 59                     |       |
+ * |                                 | mo      | 0th, 1st, ..., 59th               | 7     |
+ * |                                 | mm      | 00, 01, ..., 59                   |       |
+ * | Second                          | s       | 0, 1, ..., 59                     |       |
+ * |                                 | so      | 0th, 1st, ..., 59th               | 7     |
+ * |                                 | ss      | 00, 01, ..., 59                   |       |
+ * | Fraction of second              | S       | 0, 1, ..., 9                      |       |
+ * |                                 | SS      | 00, 01, ..., 99                   |       |
+ * |                                 | SSS     | 000, 001, ..., 999                |       |
+ * |                                 | SSSS    | ...                               | 3     |
+ * | Timezone (ISO-8601 w/ Z)        | X       | -08, +0530, Z                     |       |
+ * |                                 | XX      | -0800, +0530, Z                   |       |
+ * |                                 | XXX     | -08:00, +05:30, Z                 |       |
+ * |                                 | XXXX    | -0800, +0530, Z, +123456          | 2     |
+ * |                                 | XXXXX   | -08:00, +05:30, Z, +12:34:56      |       |
+ * | Timezone (ISO-8601 w/o Z)       | x       | -08, +0530, +00                   |       |
+ * |                                 | xx      | -0800, +0530, +0000               |       |
+ * |                                 | xxx     | -08:00, +05:30, +00:00            | 2     |
+ * |                                 | xxxx    | -0800, +0530, +0000, +123456      |       |
+ * |                                 | xxxxx   | -08:00, +05:30, +00:00, +12:34:56 |       |
+ * | Timezone (GMT)                  | O...OOO | GMT-8, GMT+5:30, GMT+0            |       |
+ * |                                 | OOOO    | GMT-08:00, GMT+05:30, GMT+00:00   | 2     |
+ * | Timezone (specific non-locat.)  | z...zzz | GMT-8, GMT+5:30, GMT+0            | 6     |
+ * |                                 | zzzz    | GMT-08:00, GMT+05:30, GMT+00:00   | 2,6   |
+ * | Seconds timestamp               | t       | 512969520                         | 7     |
+ * |                                 | tt      | ...                               | 3,7   |
+ * | Milliseconds timestamp          | T       | 512969520900                      | 7     |
+ * |                                 | TT      | ...                               | 3,7   |
+ * | Long localized date             | P       | 04/29/1453                        | 7     |
+ * |                                 | PP      | Apr 29, 1453                      | 7     |
+ * |                                 | PPP     | April 29th, 1453                  | 7     |
+ * |                                 | PPPP    | Friday, April 29th, 1453          | 2,7   |
+ * | Long localized time             | p       | 12:00 AM                          | 7     |
+ * |                                 | pp      | 12:00:00 AM                       | 7     |
+ * |                                 | ppp     | 12:00:00 AM GMT+2                 | 7     |
+ * |                                 | pppp    | 12:00:00 AM GMT+02:00             | 2,7   |
+ * | Combination of date and time    | Pp      | 04/29/1453, 12:00 AM              | 7     |
+ * |                                 | PPpp    | Apr 29, 1453, 12:00:00 AM         | 7     |
+ * |                                 | PPPppp  | April 29th, 1453 at ...           | 7     |
+ * |                                 | PPPPpppp| Friday, April 29th, 1453 at ...   | 2,7   |
+ * Notes:
+ * 1. "Formatting" units (e.g. formatting quarter) in the default en-US locale
+ *    are the same as "stand-alone" units, but are different in some languages.
+ *    "Formatting" units are declined according to the rules of the language
+ *    in the context of a date. "Stand-alone" units are always nominative singular:
+ *
+ *    `format(new Date(2017, 10, 6), 'do LLLL', {locale: cs}) //=> '6. listopad'`
+ *
+ *    `format(new Date(2017, 10, 6), 'do MMMM', {locale: cs}) //=> '6. listopadu'`
+ *
+ * 2. Any sequence of the identical letters is a pattern, unless it is escaped by
+ *    the single quote characters (see below).
+ *    If the sequence is longer than listed in table (e.g. `EEEEEEEEEEE`)
+ *    the output will be the same as default pattern for this unit, usually
+ *    the longest one (in case of ISO weekdays, `EEEE`). Default patterns for units
+ *    are marked with "2" in the last column of the table.
+ *
+ *    `format(new Date(2017, 10, 6), 'MMM') //=> 'Nov'`
+ *
+ *    `format(new Date(2017, 10, 6), 'MMMM') //=> 'November'`
+ *
+ *    `format(new Date(2017, 10, 6), 'MMMMM') //=> 'N'`
+ *
+ *    `format(new Date(2017, 10, 6), 'MMMMMM') //=> 'November'`
+ *
+ *    `format(new Date(2017, 10, 6), 'MMMMMMM') //=> 'November'`
+ *
+ * 3. Some patterns could be unlimited length (such as `yyyyyyyy`).
+ *    The output will be padded with zeros to match the length of the pattern.
+ *
+ *    `format(new Date(2017, 10, 6), 'yyyyyyyy') //=> '00002017'`
+ *
+ * 4. `QQQQQ` and `qqqqq` could be not strictly numerical in some locales.
+ *    These tokens represent the shortest form of the quarter.
+ *
+ * 5. The main difference between `y` and `u` patterns 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:
+ *
+ *    | Year | `yy` | `uu` |
+ *    |------|------|------|
+ *    | 1    |   01 |   01 |
+ *    | 14   |   14 |   14 |
+ *    | 376  |   76 |  376 |
+ *    | 1453 |   53 | 1453 |
+ *
+ *    The same difference is true for local and ISO week-numbering years (`Y` and `R`),
+ *    except local week-numbering years are dependent on `options.weekStartsOn`
+ *    and `options.firstWeekContainsDate` (compare [getISOWeekYear](https://date-fns.org/docs/getISOWeekYear)
+ *    and [getWeekYear](https://date-fns.org/docs/getWeekYear)).
+ *
+ * 6. Specific non-location timezones are currently unavailable in `date-fns`,
+ *    so right now these tokens fall back to GMT timezones.
+ *
+ * 7. These patterns are not in the Unicode Technical Standard #35:
+ *    - `i`: ISO day of week
+ *    - `I`: ISO week of year
+ *    - `R`: ISO week-numbering year
+ *    - `t`: seconds timestamp
+ *    - `T`: milliseconds timestamp
+ *    - `o`: ordinal number modifier
+ *    - `P`: long localized date
+ *    - `p`: long localized time
+ *
+ * 8. `YY` and `YYYY` tokens represent week-numbering years but they are often confused with years.
+ *    You should enable `options.useAdditionalWeekYearTokens` to use them. See: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+ *
+ * 9. `D` and `DD` tokens represent days of the year but they are often confused with days of the month.
+ *    You should enable `options.useAdditionalDayOfYearTokens` to use them. See: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+ *
+ * @param date - The original date
+ * @param format - The string of tokens
+ * @param options - An object with options
+ *
+ * @returns The formatted date string
+ *
+ * @throws `date` must not be Invalid Date
+ * @throws `options.locale` must contain `localize` property
+ * @throws `options.locale` must contain `formatLong` property
+ * @throws use `yyyy` instead of `YYYY` for formatting years using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+ * @throws use `yy` instead of `YY` for formatting years using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+ * @throws use `d` instead of `D` for formatting days of the month using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+ * @throws use `dd` instead of `DD` for formatting days of the month using [format provided] to the input [input provided]; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md
+ * @throws format string contains an unescaped latin alphabet character
+ *
+ * @example
+ * // Represent 11 February 2014 in middle-endian format:
+ * const result = format(new Date(2014, 1, 11), 'MM/dd/yyyy')
+ * //=> '02/11/2014'
+ *
+ * @example
+ * // Represent 2 July 2014 in Esperanto:
+ * import { eoLocale } from 'date-fns/locale/eo'
+ * const result = format(new Date(2014, 6, 2), "do 'de' MMMM yyyy", {
+ *   locale: eoLocale
+ * })
+ * //=> '2-a de julio 2014'
+ *
+ * @example
+ * // Escape string by single quote characters:
+ * const result = format(new Date(2014, 6, 2, 15), "h 'o''clock'")
+ * //=> "3 o'clock"
+ */
+function format(date, formatStr, options) {
+  const defaultOptions = getDefaultOptions();
+  const locale = options?.locale ?? defaultOptions.locale ?? enUS;
+
+  const firstWeekContainsDate =
+    options?.firstWeekContainsDate ??
+    options?.locale?.options?.firstWeekContainsDate ??
+    defaultOptions.firstWeekContainsDate ??
+    defaultOptions.locale?.options?.firstWeekContainsDate ??
+    1;
+
+  const weekStartsOn =
+    options?.weekStartsOn ??
+    options?.locale?.options?.weekStartsOn ??
+    defaultOptions.weekStartsOn ??
+    defaultOptions.locale?.options?.weekStartsOn ??
+    0;
+
+  const originalDate = toDate(date, options?.in);
+
+  if (!isValid(originalDate)) {
+    throw new RangeError("Invalid time value");
+  }
+
+  let parts = formatStr
+    .match(longFormattingTokensRegExp)
+    .map((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((substring) => {
+      // Replace two single quote characters with one single quote character
+      if (substring === "''") {
+        return { isToken: false, value: "'" };
+      }
+
+      const firstCharacter = substring[0];
+      if (firstCharacter === "'") {
+        return { isToken: false, value: cleanEscapedString(substring) };
+      }
+
+      if (formatters[firstCharacter]) {
+        return { isToken: true, value: substring };
+      }
+
+      if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
+        throw new RangeError(
+          "Format string contains an unescaped latin alphabet character `" +
+            firstCharacter +
+            "`",
+        );
+      }
+
+      return { isToken: false, value: substring };
+    });
+
+  // invoke localize preprocessor (only for french locales at the moment)
+  if (locale.localize.preprocessor) {
+    parts = locale.localize.preprocessor(originalDate, parts);
+  }
+
+  const formatterOptions = {
+    firstWeekContainsDate,
+    weekStartsOn,
+    locale,
+  };
+
+  return parts
+    .map((part) => {
+      if (!part.isToken) return part.value;
+
+      const token = part.value;
+
+      if (
+        (!options?.useAdditionalWeekYearTokens &&
+          isProtectedWeekYearToken(token)) ||
+        (!options?.useAdditionalDayOfYearTokens &&
+          isProtectedDayOfYearToken(token))
+      ) {
+        warnOrThrowProtectedError(token, formatStr, String(date));
+      }
+
+      const formatter = formatters[token[0]];
+      return formatter(originalDate, token, locale.localize, formatterOptions);
+    })
+    .join("");
+}
+
+function cleanEscapedString(input) {
+  const matched = input.match(escapedStringRegExp);
+
+  if (!matched) {
+    return input;
+  }
+
+  return matched[1].replace(doubleQuoteRegExp, "'");
+}
+
+const formatDistanceLocale = {
+  lessThanXSeconds: {
+    one: "menos de um segundo",
+    other: "menos de {{count}} segundos",
+  },
+
+  xSeconds: {
+    one: "1 segundo",
+    other: "{{count}} segundos",
+  },
+
+  halfAMinute: "meio minuto",
+
+  lessThanXMinutes: {
+    one: "menos de um minuto",
+    other: "menos de {{count}} minutos",
+  },
+
+  xMinutes: {
+    one: "1 minuto",
+    other: "{{count}} minutos",
+  },
+
+  aboutXHours: {
+    one: "cerca de 1 hora",
+    other: "cerca de {{count}} horas",
+  },
+
+  xHours: {
+    one: "1 hora",
+    other: "{{count}} horas",
+  },
+
+  xDays: {
+    one: "1 dia",
+    other: "{{count}} dias",
+  },
+
+  aboutXWeeks: {
+    one: "cerca de 1 semana",
+    other: "cerca de {{count}} semanas",
+  },
+
+  xWeeks: {
+    one: "1 semana",
+    other: "{{count}} semanas",
+  },
+
+  aboutXMonths: {
+    one: "cerca de 1 mês",
+    other: "cerca de {{count}} meses",
+  },
+
+  xMonths: {
+    one: "1 mês",
+    other: "{{count}} meses",
+  },
+
+  aboutXYears: {
+    one: "cerca de 1 ano",
+    other: "cerca de {{count}} anos",
+  },
+
+  xYears: {
+    one: "1 ano",
+    other: "{{count}} anos",
+  },
+
+  overXYears: {
+    one: "mais de 1 ano",
+    other: "mais de {{count}} anos",
+  },
+
+  almostXYears: {
+    one: "quase 1 ano",
+    other: "quase {{count}} anos",
+  },
+};
+
+const 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}}", String(count));
+  }
+
+  if (options?.addSuffix) {
+    if (options.comparison && options.comparison > 0) {
+      return "em " + result;
+    } else {
+      return "há " + result;
+    }
+  }
+
+  return result;
+};
+
+const dateFormats = {
+  full: "EEEE, d 'de' MMMM 'de' y",
+  long: "d 'de' MMMM 'de' y",
+  medium: "d MMM y",
+  short: "dd/MM/yyyy",
+};
+
+const timeFormats = {
+  full: "HH:mm:ss zzzz",
+  long: "HH:mm:ss z",
+  medium: "HH:mm:ss",
+  short: "HH:mm",
+};
+
+const dateTimeFormats = {
+  full: "{{date}} 'às' {{time}}",
+  long: "{{date}} 'às' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}",
+};
+
+const formatLong = {
+  date: buildFormatLongFn({
+    formats: dateFormats,
+    defaultWidth: "full",
+  }),
+
+  time: buildFormatLongFn({
+    formats: timeFormats,
+    defaultWidth: "full",
+  }),
+
+  dateTime: buildFormatLongFn({
+    formats: dateTimeFormats,
+    defaultWidth: "full",
+  }),
+};
+
+const formatRelativeLocale = {
+  lastWeek: (date) => {
+    const weekday = date.getDay();
+    const last = weekday === 0 || weekday === 6 ? "último" : "última";
+    return "'" + last + "' eeee 'às' p";
+  },
+  yesterday: "'ontem às' p",
+  today: "'hoje às' p",
+  tomorrow: "'amanhã às' p",
+  nextWeek: "eeee 'às' p",
+  other: "P",
+};
+
+const formatRelative = (token, date, _baseDate, _options) => {
+  const format = formatRelativeLocale[token];
+
+  if (typeof format === "function") {
+    return format(date);
+  }
+
+  return format;
+};
+
+const eraValues = {
+  narrow: ["AC", "DC"],
+  abbreviated: ["AC", "DC"],
+  wide: ["antes de cristo", "depois de cristo"],
+};
+
+const quarterValues = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["T1", "T2", "T3", "T4"],
+  wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"],
+};
+
+const monthValues = {
+  narrow: ["j", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
+  abbreviated: [
+    "jan",
+    "fev",
+    "mar",
+    "abr",
+    "mai",
+    "jun",
+    "jul",
+    "ago",
+    "set",
+    "out",
+    "nov",
+    "dez",
+  ],
+
+  wide: [
+    "janeiro",
+    "fevereiro",
+    "março",
+    "abril",
+    "maio",
+    "junho",
+    "julho",
+    "agosto",
+    "setembro",
+    "outubro",
+    "novembro",
+    "dezembro",
+  ],
+};
+
+const dayValues = {
+  narrow: ["D", "S", "T", "Q", "Q", "S", "S"],
+  short: ["dom", "seg", "ter", "qua", "qui", "sex", "sab"],
+  abbreviated: [
+    "domingo",
+    "segunda",
+    "terça",
+    "quarta",
+    "quinta",
+    "sexta",
+    "sábado",
+  ],
+
+  wide: [
+    "domingo",
+    "segunda-feira",
+    "terça-feira",
+    "quarta-feira",
+    "quinta-feira",
+    "sexta-feira",
+    "sábado",
+  ],
+};
+
+const dayPeriodValues = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mn",
+    noon: "md",
+    morning: "manhã",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noite",
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "manhã",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noite",
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "manhã",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noite",
+  },
+};
+
+const formattingDayPeriodValues = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mn",
+    noon: "md",
+    morning: "da manhã",
+    afternoon: "da tarde",
+    evening: "da tarde",
+    night: "da noite",
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "da manhã",
+    afternoon: "da tarde",
+    evening: "da tarde",
+    night: "da noite",
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "da manhã",
+    afternoon: "da tarde",
+    evening: "da tarde",
+    night: "da noite",
+  },
+};
+
+const ordinalNumber = (dirtyNumber, options) => {
+  const number = Number(dirtyNumber);
+
+  if (options?.unit === "week") {
+    return number + "ª";
+  }
+  return number + "º";
+};
+
+const 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",
+  }),
+};
+
+const matchOrdinalNumberPattern = /^(\d+)[ºªo]?/i;
+const parseOrdinalNumberPattern = /\d+/i;
+
+const matchEraPatterns = {
+  narrow: /^(ac|dc|a|d)/i,
+  abbreviated: /^(a\.?\s?c\.?|d\.?\s?c\.?)/i,
+  wide: /^(antes de cristo|depois de cristo)/i,
+};
+const parseEraPatterns = {
+  any: [/^ac/i, /^dc/i],
+  wide: [/^antes de cristo/i, /^depois de cristo/i],
+};
+
+const matchQuarterPatterns = {
+  narrow: /^[1234]/i,
+  abbreviated: /^T[1234]/i,
+  wide: /^[1234](º)? trimestre/i,
+};
+const parseQuarterPatterns = {
+  any: [/1/i, /2/i, /3/i, /4/i],
+};
+
+const matchMonthPatterns = {
+  narrow: /^[jfmajsond]/i,
+  abbreviated: /^(jan|fev|mar|abr|mai|jun|jul|ago|set|out|nov|dez)/i,
+  wide: /^(janeiro|fevereiro|março|abril|maio|junho|julho|agosto|setembro|outubro|novembro|dezembro)/i,
+};
+const 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,
+    /^fev/i,
+    /^mar/i,
+    /^abr/i,
+    /^mai/i,
+    /^jun/i,
+    /^jul/i,
+    /^ago/i,
+    /^set/i,
+    /^out/i,
+    /^nov/i,
+    /^dez/i,
+  ],
+};
+
+const matchDayPatterns = {
+  narrow: /^(dom|[23456]ª?|s[aá]b)/i,
+  short: /^(dom|[23456]ª?|s[aá]b)/i,
+  abbreviated: /^(dom|seg|ter|qua|qui|sex|s[aá]b)/i,
+  wide: /^(domingo|(segunda|ter[cç]a|quarta|quinta|sexta)([- ]feira)?|s[aá]bado)/i,
+};
+const parseDayPatterns = {
+  short: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
+  narrow: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
+  any: [/^d/i, /^seg/i, /^t/i, /^qua/i, /^qui/i, /^sex/i, /^s[aá]b/i],
+};
+
+const matchDayPeriodPatterns = {
+  narrow: /^(a|p|mn|md|(da) (manhã|tarde|noite))/i,
+  any: /^([ap]\.?\s?m\.?|meia[-\s]noite|meio[-\s]dia|(da) (manhã|tarde|noite))/i,
+};
+const parseDayPeriodPatterns = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mn|^meia[-\s]noite/i,
+    noon: /^md|^meio[-\s]dia/i,
+    morning: /manhã/i,
+    afternoon: /tarde/i,
+    evening: /tarde/i,
+    night: /noite/i,
+  },
+};
+
+const 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",
+  }),
+};
+
+/**
+ * @category Locales
+ * @summary Portuguese locale (Brazil).
+ * @language Portuguese
+ * @iso-639-2 por
+ * @author Lucas Duailibe [@duailibe](https://github.com/duailibe)
+ * @author Yago Carballo [@yagocarballo](https://github.com/YagoCarballo)
+ */
+const ptBR = {
+  code: "pt-BR",
+  formatDistance: formatDistance,
+  formatLong: formatLong,
+  formatRelative: formatRelative,
+  localize: localize,
+  match: match,
+  options: {
+    weekStartsOn: 0 /* Sunday */,
+    firstWeekContainsDate: 1,
+  },
+};
+
+const formatDate = (date) => {
+    return format(date, "EEEE',' dd 'de' MMM '-' HH:mm", {
+        locale: ptBR,
+    }).replace('.', '');
+};
+function NotificationItem({ notification, onDelete, onClick, }) {
+    return (jsxRuntime.jsxs("div", { className: "flex flex-row items-start gap-2 px-4 hover:text-primary cursor-pointer rounded", children: [jsxRuntime.jsx("i", { className: "pi pi-circle-fill text-xs pt-1.5", style: { color: notification.active ? '#0AA836' : '#A0A4B3' } }), jsxRuntime.jsxs("div", { className: "flex-1 text-left", onClick: () => onClick(notification.id), children: [jsxRuntime.jsx("h2", { className: clsx('text-base font-bold', !notification.active && 'text-gray'), children: notification.title }), jsxRuntime.jsx("p", { className: clsx('text-sm py-1 text-gray'), children: notification.description }), jsxRuntime.jsx("p", { className: clsx('text-sm font-bold', !notification.active && 'text-gray'), children: formatDate(notification.date) })] }), jsxRuntime.jsx("div", { className: "min-w-6 cursor-pointer", onClick: () => onDelete(notification.id), children: jsxRuntime.jsx("i", { className: "pi pi-trash text-[#878787] hover:text-backgroundDark" }) })] }, notification.id));
+}
+
+function Notification({ onClose, onReadAll, onDeleteNotificationbyId, onClickNotification, notifications, setFilter, filter, setInputValue, inputValue, filterOptions, }) {
+    const customContent = (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "flex justify-between items-center px-4 py-3 border-b border-[#F1F1F4]", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("i", { className: "pi pi-bell text-backgroundDark" }), jsxRuntime.jsx("h2", { className: "font-roboto text-base text-backgroundDark font-bold", children: "Notifica\u00E7\u00F5es" })] }), jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: jsxRuntime.jsx(Button, { label: "Marcar todas como lidas", variant: "secondaryOutline", onClick: onReadAll, className: "px-2 py-1 text-xs h-7" }) })] }), jsxRuntime.jsxs("div", { className: "px-4 py-2 flex flex-row gap-4", children: [jsxRuntime.jsx(Input, { value: inputValue, onChange: setInputValue, label: "Pesquisar", placeholder: "Pesquisar", icon: "pi-search", iconColor: "gray" }), jsxRuntime.jsx(FilterButton, { variant: "primary", label: "Filter", icon: jsxRuntime.jsx(FilterIcon, { color: "#FFFFFF" }), option: filter, setOption: (option) => setFilter(option), filterOptions: filterOptions })] }), jsxRuntime.jsx("div", { className: "text-center pt-4", children: notifications.length > 0 ? (jsxRuntime.jsx("div", { className: "w-100 h-[calc(100vh_-114.8px)] overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: notifications.map((notification) => (jsxRuntime.jsxs("div", { className: "w-100 hover:bg-stoneBackground", children: [jsxRuntime.jsx(NotificationItem, { notification: notification, onDelete: onDeleteNotificationbyId, onClick: onClickNotification }), jsxRuntime.jsx(divider.Divider, {})] }, notification.id))) })) : (jsxRuntime.jsx("p", { children: " Sem notifica\u00E7\u00F5es" })) })] }));
+    return (jsxRuntime.jsx(sidebar.Sidebar, { visible: true, position: "right", onHide: onClose, className: "w-10/12 md:w-1/2 lg:w-1/3", content: customContent }));
+}
+
+function Paginator(props) {
+    const template = {
+        layout: 'PrevPageLink PageLinks NextPageLink',
+        PrevPageLink: (options) => {
+            return (jsxRuntime.jsx("button", { className: utils.classNames(options.className, '!w-8 !h-8 min-w-0 mr-2 font-roboto'), onClick: options.onClick, disabled: options.disabled, "aria-label": "Pr\u00F3xima p\u00E1gina", children: jsxRuntime.jsx("span", { className: "pi pi-angle-left" }) }));
+        },
+        NextPageLink: (options) => {
+            return (jsxRuntime.jsx("button", { className: utils.classNames(options.className, '!w-8 !h-8 min-w-0 ml-2 font-roboto'), onClick: options.onClick, disabled: options.disabled, "aria-label": "P\u00E1gina anterior", children: jsxRuntime.jsx("span", { className: "pi pi-angle-right" }) }));
+        },
+        PageLinks: (options) => {
+            return React.cloneElement(options.element, {
+                className: utils.classNames(options.element.props.className, '!rounded-full !w-8 !h-8 min-w-0 font-roboto', {
+                    'bg-primary text-white': options.page === options.currentPage,
+                    'hover:bg-gray-100': options.page !== options.currentPage,
+                }),
+            });
+        },
+    };
+    return jsxRuntime.jsx(paginator.Paginator, { ...props, template: template });
+}
+
+const variants = {
+    white: 'ring-offset-background',
+    secondary: 'ring-offset-secondary',
+};
+function RadioButton({ label, value, checked, onChange, disabled = false, error = false, variant = 'secondary', ariaLabel = 'Radio button', }) {
+    return (jsxRuntime.jsxs("label", { className: clsx('flex items-center gap-2 cursor-pointer font-roboto text-primary', disabled && 'text-disabled', error && !checked && 'text-redError'), children: [jsxRuntime.jsx("input", { type: "radio", value: value, checked: checked, onChange: onChange, disabled: disabled, className: clsx('font-roboto appearance-none w-2 h-2 border-0 rounded-full shadow-none ring-1 ring-offset-2 checked:bg-primary transition-colors duration-200', disabled
+                    ? 'ring-stone'
+                    : error && !checked
+                        ? 'ring-redError'
+                        : 'ring-gray', variants[variant]), "aria-label": ariaLabel }), label] }));
+}
+
+function Select(props) {
+    const { options, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, isLoading = false, isReadOnly = true, ariaLabel = 'Selecione uma opção', } = props;
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [searchText, setSearchText] = React.useState('');
+    const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
+    const containerRef = React.useRef(null);
+    const normalize = (str) => str
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')
+        .toLowerCase();
+    const filteredOptions = options.filter((option) => normalize(option.label).includes(normalize(searchText)));
+    const toggleDropdown = () => {
+        if (!disabled && !isLoading) {
+            const newState = !isOpen;
+            setIsOpen(newState);
+            setSearchText('');
+            setHighlightedIndex(-1);
+        }
+    };
+    const handleSelect = (option) => {
+        if (props.value?.value === option.value) {
+            props.onChange(null);
+        }
+        else {
+            props.onChange(option);
+        }
+        setSearchText('');
+        setIsOpen(false);
+        setHighlightedIndex(-1);
+    };
+    const hasError = !!error && !disabled;
+    const isInputDisabled = disabled || isLoading;
+    React.useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+                setSearchText('');
+                setHighlightedIndex(-1);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    return (jsxRuntime.jsxs("div", { ref: containerRef, className: "relative flex flex-col w-100", children: [jsxRuntime.jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsxRuntime.jsx(FloatingLabel, { value: props.value ? props.value.label : '', label: label, disabled: isInputDisabled, error: error }), jsxRuntime.jsxs(iconfield.IconField, { className: "w-full", children: [jsxRuntime.jsx(inputtext.InputText, { placeholder: placeholder, type: "text", value: isLoading
+                                    ? 'Carregando...'
+                                    : isOpen
+                                        ? searchText
+                                        : (props.value?.label ?? ''), onClick: toggleDropdown, onChange: (e) => {
+                                    if (isOpen) {
+                                        setSearchText(e.target.value);
+                                        setHighlightedIndex(0);
+                                        props.onInputChange?.(e.target.value);
+                                    }
+                                }, onKeyDown: (e) => {
+                                    if (!isOpen)
+                                        return;
+                                    if (e.key === 'ArrowDown') {
+                                        e.preventDefault();
+                                        setHighlightedIndex((prev) => prev < filteredOptions.length - 1 ? prev + 1 : 0);
+                                    }
+                                    if (e.key === 'ArrowUp') {
+                                        e.preventDefault();
+                                        setHighlightedIndex((prev) => prev > 0 ? prev - 1 : filteredOptions.length - 1);
+                                    }
+                                    if (e.key === 'Enter') {
+                                        e.preventDefault();
+                                        if (highlightedIndex >= 0 &&
+                                            highlightedIndex < filteredOptions.length) {
+                                            handleSelect(filteredOptions[highlightedIndex]);
+                                        }
+                                    }
+                                    if (e.key === 'Escape') {
+                                        e.preventDefault();
+                                        setIsOpen(false);
+                                        setSearchText('');
+                                        setHighlightedIndex(-1);
+                                    }
+                                }, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md', hasError
+                                    ? 'border-redError placeholder:text-redError'
+                                    : 'border-gray focus:border-primary', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsxRuntime.jsx(inputicon.InputIcon, { className: clsx(isLoading
+                                    ? 'pi pi-spinner pi-spin'
+                                    : isOpen
+                                        ? 'pi pi-angle-up'
+                                        : 'pi pi-angle-down', 'text-gray px-2 flex items-center cursor-pointer', isInputDisabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && !isLoading && (jsxRuntime.jsx("div", { className: clsx('absolute w-full bg-background border shadow-md z-40 rounded-md p-2 -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsxRuntime.jsx("ul", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option, index) => (jsxRuntime.jsxs("li", { onClick: () => handleSelect(option), className: clsx('p-2 flex justify-between items-center cursor-pointer', 'hover:bg-stoneBackground hover:font-bold', index === highlightedIndex && 'bg-stoneBackground font-bold'), children: [jsxRuntime.jsx("span", { className: "truncate max-w-[calc(100%-20px)]", children: option.label }), jsxRuntime.jsx("input", { type: 'radio', checked: props.value?.value === option.value, onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 rounded-full ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer') })] }, option.value))) }) })), hasError && jsxRuntime.jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
+}
+
+function Skeleton({ shape = 'rectangle', width = '100%', height = '1rem', borderRadius, animation = 'wave', size, className, }) {
+    return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(skeleton.Skeleton, { shape: shape, width: width, height: height, borderRadius: borderRadius, animation: animation, size: size, "aria-label": "skeleton" }) }));
+}
+
+const colorVariants = {
+    primary: 'border-primary',
+    secondary: 'border-secondary',
+};
+const sizeVariants = {
+    sm: 'w-4 h-4',
+    md: 'w-6 h-6',
+    lg: 'w-8 h-8',
+};
+function Spinner({ size = 'md', color = 'primary' }) {
+    return (jsxRuntime.jsx("div", { className: clsx('border-2 border-t-transparent animate-spin rounded-full', colorVariants[color], sizeVariants[size]), "aria-label": "loading", role: "status" }));
+}
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function getNestedValue(obj, path) {
+    if (!obj || !path)
+        return undefined;
+    return path.split('.').reduce((acc, part) => acc?.[part], obj);
+}
+
+// import { SortDirection } from '../types'
+// export function sortData<T>(
+//   data: T[],
+//   column: keyof T,
+//   direction: SortDirection
+// ): T[] {
+//   return [...data].sort((a, b) => {
+//     const aValue = a[column]
+//     const bValue = b[column]
+//     if (typeof aValue === 'number' && typeof bValue === 'number') {
+//       return direction === 'ASC' ? aValue - bValue : bValue - aValue
+//     }
+//     if (aValue instanceof Date && bValue instanceof Date) {
+//       return direction === 'ASC'
+//         ? aValue.getTime() - bValue.getTime()
+//         : bValue.getTime() - aValue.getTime()
+//     }
+//     const aString = String(aValue).toLowerCase()
+//     const bString = String(bValue).toLowerCase()
+//     return direction === 'ASC'
+//       ? aString.localeCompare(bString)
+//       : bString.localeCompare(aString)
+//   })
+// }
+function sortData(data, columnPath, direction) {
+    return [...data].sort((a, b) => {
+        const aValue = getNestedValue(a, columnPath);
+        const bValue = getNestedValue(b, columnPath);
+        if (typeof aValue === 'number' && typeof bValue === 'number') {
+            return direction === 'ASC' ? aValue - bValue : bValue - aValue;
+        }
+        if (aValue instanceof Date && bValue instanceof Date) {
+            return direction === 'ASC'
+                ? aValue.getTime() - bValue.getTime()
+                : bValue.getTime() - aValue.getTime();
+        }
+        const aString = String(aValue || '').toLowerCase();
+        const bString = String(bValue || '').toLowerCase();
+        return direction === 'ASC'
+            ? aString.localeCompare(bString)
+            : bString.localeCompare(aString);
+    });
+}
+
+function parseDateRange(value) {
+    try {
+        const parsed = JSON.parse(value);
+        const start = parsed[0] ? new Date(parsed[0]) : null;
+        const end = parsed[1] ? new Date(parsed[1]) : null;
+        return [start, end];
+    }
+    catch {
+        return [null, null];
+    }
+}
+function Table({ columns, data, totalRecords, actions = [], isOrdered = true, actionsHeaderClassName = '', actionsColumnsClassName = '', rowsPerPage = 10, onPageChange, isPaginated = true, isLoading = false, onFilterChange, onSortChange, }) {
+    const [sortDirection, setSortDirection] = React.useState({});
+    const [sortedData, setSortedData] = React.useState(data);
+    const [currentPage, setCurrentPage] = React.useState(1);
+    const [filters, setFilters] = React.useState({});
+    const [openFilter, setOpenFilter] = React.useState(null);
+    const filterModalRef = React.useRef(null);
+    const [filterStatus, setFilterStatus] = React.useState({});
+    const handleSort = (dataIndex) => {
+        setSortDirection((prev) => {
+            const current = prev[dataIndex];
+            let nextDirection;
+            if (current === 'ASC')
+                nextDirection = 'DESC';
+            else if (current === 'DESC')
+                nextDirection = null;
+            else
+                nextDirection = 'ASC';
+            const newSortDirection = { [dataIndex]: nextDirection };
+            if (nextDirection === null) {
+                setSortedData(data);
+            }
+            else {
+                const sorted = sortData(data, dataIndex, nextDirection);
+                setSortedData(sorted);
+            }
+            if (onSortChange) {
+                onSortChange(dataIndex, nextDirection);
+            }
+            return newSortDirection;
+        });
+    };
+    React.useEffect(() => {
+        setSortedData(data);
+    }, [data]);
+    React.useEffect(() => {
+        const handleClickOutside = (event) => {
+            const target = event.target;
+            const isClickInsideFilter = filterModalRef.current && filterModalRef.current.contains(target);
+            const isClickInsideCalendar = (target instanceof HTMLElement && target.closest('.p-datepicker')) !==
+                null;
+            if (!isClickInsideFilter && !isClickInsideCalendar) {
+                setOpenFilter(null);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    const handleFilter = (column) => {
+        setOpenFilter(null);
+        if (onFilterChange) {
+            onFilterChange(filters);
+        }
+        setFilterStatus((prev) => ({
+            ...prev,
+            [column.dataIndex]: filters[column.dataIndex]
+                ? 'applied'
+                : 'default',
+        }));
+    };
+    const handleClearFilter = (column) => {
+        const dataIndex = column.dataIndex;
+        const newFilters = {
+            ...filters,
+            [dataIndex]: '',
+        };
+        setFilters(newFilters);
+        setFilterStatus((prev) => ({
+            ...prev,
+            [dataIndex]: 'default',
+        }));
+        setOpenFilter(null);
+        if (onFilterChange) {
+            onFilterChange(newFilters);
+        }
+    };
+    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("table", { className: "w-100", children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { className: "bg-gray-100", children: [columns.map((column) => (jsxRuntime.jsxs("th", { scope: "col", className: "bg-primary first:rounded-ss-lg font-bold text-background text-sm uppercase p-3 text-left", children: [jsxRuntime.jsx("div", { children: openFilter === column.dataIndex && (jsxRuntime.jsxs("div", { ref: filterModalRef, className: "absolute mt-6 bg-background border rounded-md shadow-md p-4 z-10 w-[276px] normal-case", children: [jsxRuntime.jsxs("div", { className: "space-y-4 text-primary", children: [jsxRuntime.jsxs("h1", { className: "text-primary text-sm", children: ["Filtrar por ", column?.label?.toLowerCase()] }), jsxRuntime.jsxs("div", { className: "w-full", children: [column.filterType === 'text' && (jsxRuntime.jsx(Input, { placeholder: "Digite para filtrar", value: filters[column.dataIndex] || '', onChange: (e) => setFilters((prev) => ({
+                                                                            ...prev,
+                                                                            [column.dataIndex]: e,
+                                                                        })), mask: column?.mask, "aria-label": `Filtrar por ${column.label}` })), column.filterType === 'select' && (jsxRuntime.jsx(Select, { options: column.filterOptions || [], value: column.filterOptions?.find((option) => option.value ===
+                                                                            filters[column.dataIndex]) || null, onChange: (selected) => setFilters((prev) => ({
+                                                                            ...prev,
+                                                                            [column.dataIndex]: selected?.value ?? null,
+                                                                        })), placeholder: "Selecione uma op\u00E7\u00E3o", label: "", "aria-label": `Filtrar por ${column.label}` })), column.filterType === 'multiSelect' && (jsxRuntime.jsx(MultiSelect, { options: column.filterOptions || [], value: (filters[column.dataIndex]
+                                                                            ? JSON.parse(filters[column.dataIndex])
+                                                                            : []), onChange: (selected) => setFilters((prev) => ({
+                                                                            ...prev,
+                                                                            [column.dataIndex]: selected
+                                                                                ? JSON.stringify(selected)
+                                                                                : '',
+                                                                        })), placeholder: "Selecione uma ou mais op\u00E7\u00F5es", label: "", "aria-label": `Filtrar por ${column.label}` })), column.filterType === 'singleDate' && (jsxRuntime.jsx(CalendarInput, { label: "", selectionMode: "single", placeholder: "Selecione uma data", value: filters[column.dataIndex]
+                                                                            ? new Date(filters[column.dataIndex])
+                                                                            : null, onChange: (e) => {
+                                                                            const value = e?.value;
+                                                                            setFilters((prev) => ({
+                                                                                ...prev,
+                                                                                [column.dataIndex]: value instanceof Date
+                                                                                    ? value.toISOString()
+                                                                                    : '',
+                                                                            }));
+                                                                        }, ariaLabel: `Filtrar por ${column.label}` })), column.filterType === 'rangeDate' && (jsxRuntime.jsx(CalendarInput, { label: "", selectionMode: "range", placeholder: "Selecione as datas", value: filters[column.dataIndex]
+                                                                            ? parseDateRange(filters[column.dataIndex])
+                                                                            : null, onChange: (e) => {
+                                                                            const range = e?.value;
+                                                                            setFilters((prev) => ({
+                                                                                ...prev,
+                                                                                [column.dataIndex]: range
+                                                                                    ? JSON.stringify(range)
+                                                                                    : '',
+                                                                            }));
+                                                                        }, ariaLabel: `Filtrar por ${column.label}` }))] })] }), jsxRuntime.jsxs("div", { className: "flex justify-between mt-4", children: [jsxRuntime.jsx(Button, { variant: "outline", onClick: () => {
+                                                                    setFilters((prev) => ({
+                                                                        ...prev,
+                                                                        [column.dataIndex]: '',
+                                                                    }));
+                                                                    setOpenFilter(null);
+                                                                }, label: "Fechar", width: "10", size: "small", "aria-label": "Fechar filtro" }), jsxRuntime.jsx(Button, { variant: "secondary", onClick: () => handleClearFilter(column), label: "Limpar", width: "10", size: "small", "aria-label": "Limpar filtro" }), jsxRuntime.jsx(Button, { variant: "primary", onClick: () => handleFilter(column), label: "Aplicar", width: "10", size: "small", "aria-label": "Aplicar filtro" })] })] })) }), column.label, isOrdered && (jsxRuntime.jsx("button", { onClick: () => handleSort(column.dataIndex), "aria-label": `Ordenar por ${column.label}`, children: jsxRuntime.jsx("i", { className: clsx('pl-2 text-xs cursor-pointer pi', sortDirection[column.dataIndex] === 'ASC' &&
+                                                    'pi-sort-amount-up-alt', sortDirection[column.dataIndex] === 'DESC' &&
+                                                    'pi-sort-amount-down', !sortDirection[column.dataIndex] && 'pi-sort-alt') }) })), column.filterable && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("button", { onClick: () => setOpenFilter((prev) => prev === column.dataIndex
+                                                    ? null
+                                                    : column.dataIndex), "aria-label": `Filtrar por ${column.label}`, children: jsxRuntime.jsx("i", { className: clsx('pl-2 text-xs cursor-pointer', filterStatus[column.dataIndex] === 'applied'
+                                                        ? 'pi pi-filter-slash'
+                                                        : 'pi pi-filter') }) }) }))] }, String(column.dataIndex)))), actions.length > 0 && (jsxRuntime.jsx("th", { scope: "col", className: clsx('bg-primary rounded-se-lg font-bold text-background text-sm uppercase p-3 text-right pr-4', actionsHeaderClassName), children: "A\u00C7\u00D5ES" }))] }) }), jsxRuntime.jsx("tbody", { children: isLoading ? (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center bg-gray-50", children: jsxRuntime.jsx("div", { className: "py-2 px-4 flex justify-center items-center gap-2", children: jsxRuntime.jsx(Spinner, { size: "lg" }) }) }) })) : sortedData.length > 0 ? (sortedData.map((row, index) => (jsxRuntime.jsxs("tr", { className: clsx(index % 2 === 0 ? 'bg-stoneBackground' : 'bg-background', 'text-primary text-base'), children: [columns.map((column) => {
+                                    const value = getNestedValue(row, column.dataIndex);
+                                    return (jsxRuntime.jsx("td", { className: clsx('p-3 text-sm text-left', typeof column.style === 'function'
+                                            ? column.style(getNestedValue(row, column.dataIndex), row)
+                                            : column.style), children: jsxRuntime.jsxs(Tooltip, { text: column?.tooltipText?.(value, row), children: [' ', column.render
+                                                    ? column.render(value, row)
+                                                    : String(value)] }) }, String(column.dataIndex)));
+                                }), actions.length > 0 && (jsxRuntime.jsx("td", { className: clsx('text-sm text-right flex flex-row justify-end p-3 gap-2', actionsColumnsClassName), children: actions.map((action, idx) => (jsxRuntime.jsx("span", { className: clsx('cursor-pointer', action.disabled &&
+                                            'opacity-50 pointer-events-none cursor-not-allowed'), onClick: () => {
+                                            if (!action.disabled)
+                                                action.onClick(row);
+                                        }, "aria-label": action?.ariaLabel || action.label, role: "button", children: jsxRuntime.jsx(Tooltip, { text: action?.label, children: action.icon }) }, idx))) }))] }, index)))) : (jsxRuntime.jsx("tr", { children: jsxRuntime.jsxs("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center text-primary bg-stoneBackground", children: [jsxRuntime.jsx("i", { className: "pi pi-database mr-2" }), " N\u00E3o h\u00E1 dados dispon\u00EDveis."] }) })) })] }), sortedData.length > 0 && isPaginated && (jsxRuntime.jsx(Paginator, { first: (currentPage - 1) * rowsPerPage, rows: rowsPerPage, totalRecords: totalRecords, onPageChange: (event) => {
+                    setCurrentPage(event.page + 1);
+                    onPageChange(event.page + 1);
+                } }))] }));
+}
+
+function Tabs({ tabs, activeIndex = 0, onTabChange, className, }) {
+    const [internalIndex, setInternalIndex] = React.useState(activeIndex);
+    const currentIndex = onTabChange ? activeIndex : internalIndex;
+    const setIndex = (index) => {
+        if (tabs[index].disabled)
+            return;
+        if (onTabChange) {
+            onTabChange(index);
+        }
+        else {
+            setInternalIndex(index);
+        }
+    };
+    return (jsxRuntime.jsxs("div", { className: clsx('w-full', className), children: [jsxRuntime.jsx("div", { className: "flex border-b border-gray-300", children: tabs.map((tab, index) => {
+                    const isActive = index === currentIndex;
+                    return (jsxRuntime.jsx("button", { type: "button", onClick: () => setIndex(index), disabled: tab.disabled, className: clsx('px-4 py-2 -mb-[1px] border-b-2 text-md transition-all duration-200 hover:bg-stoneBackground cursor-pointer text-base text-primary', tab.disabled ? 'disabled:text-stoneDark' : '', isActive
+                            ? 'border-primary font-semibold'
+                            : 'border-transparent hover:text-primary hover:border-grayDark font-normal', !isActive && !tab.disabled && 'hover:font-semibold'), children: tab.label }, index));
+                }) }), jsxRuntime.jsx("div", { className: "py-1 px-3", children: tabs.map((tab, index) => (jsxRuntime.jsx("div", { className: clsx(index !== currentIndex && 'hidden'), children: tab.content }, index))) })] }));
+}
+
+const colorMap = {
+    blue: 'bg-[#DBEAFE] text-[#1E40AF] border-[#BFDBFE]',
+    red: 'bg-[#FEE2E2] text-[#991B1B] border-[#FCA5A5]',
+    green: 'bg-[#D1FAE5] text-[#065F46] border-[#6EE7B7]',
+    gray: 'bg-[#F3F4F6] text-[#374151] border-[#D1D5DB]',
+    purple: 'bg-[#EDE9FE] text-[#6B21A8] border-[#C4B5FD]',
+    yellow: 'bg-[#FEF9C3] text-[#92400E] border-[#FCD34D]',
+    orange: 'bg-[#FFEDD5] text-[#9A3412] border-[#FDBA74]',
+    pink: 'bg-[#FCE7F3] text-[#9D174D] border-[#F9A8D4]',
+    emerald: 'bg-[#D1FAE5] text-[#065F46] border-[#6EE7B7]',
+    teal: 'bg-[#CCFBF1] text-[#134E4A] border-[#5EEAD4]',
+    cyan: 'bg-[#CFFAFE] text-[#155E75] border-[#67E8F9]',
+    sky: 'bg-[#E0F2FE] text-[#0369A1] border-[#7DD3FC]',
+    indigo: 'bg-[#E0E7FF] text-[#3730A3] border-[#A5B4FC]',
+    violet: 'bg-[#EDE9FE] text-[#6D28D9] border-[#C4B5FD]',
+    fuchsia: 'bg-[#FAE8FF] text-[#A21CAF] border-[#F0ABFC]',
+    rose: 'bg-[#FFE4E6] text-[#BE123C] border-[#FDA4AF]',
+    stone: 'bg-[#E7E5E4] text-[#44403C] border-[#D6D3D1]',
+    amber: 'bg-[#FEF3C7] text-[#92400E] border-[#FCD34D]',
+    lime: 'bg-[#ECFCCB] text-[#365314] border-[#BEF264]',
+    slate: 'bg-[#F1F5F9] text-[#334155] border-[#CBD5E1]',
+    zinc: 'bg-[#F4F4F5] text-[#3F3F46] border-[#D4D4D8]',
+    neutral: 'bg-[#F5F5F5] text-[#404040] border-[#D4D4D4]',
+};
+function TagStatus({ value, color = 'gray' }) {
+    const colorClass = colorMap[color];
+    return (jsxRuntime.jsx("span", { className: `text-sm px-2 py-1 rounded-xl font-medium border ${colorClass}`, children: value }));
+}
+
+function ErrorIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "27", height: "27", viewBox: "0 0 27 27", fill: "none", className: "min-w-7", children: [jsxRuntime.jsx("circle", { cx: "13.5", cy: "13.5", r: "12.5", stroke: "#B71C1C", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M8 8L19 19", stroke: "#B71C1C", strokeWidth: "2", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M19 8L8 19", stroke: "#B71C1C", strokeWidth: "2", strokeLinecap: "round" })] }));
+}
+
+function InfoIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "27", height: "27", viewBox: "0 0 27 27", fill: "none", children: [jsxRuntime.jsx("circle", { cx: "13.5", cy: "13.5", r: "12.5", stroke: "#0045ba", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M14.6294 8L14.3877 15.4048H12.6299L12.3809 8H14.6294ZM12.3223 17.6973C12.3223 17.3848 12.4297 17.126 12.6445 16.9209C12.8643 16.7109 13.1523 16.606 13.5088 16.606C13.8701 16.606 14.1582 16.7109 14.373 16.9209C14.5879 17.126 14.6953 17.3848 14.6953 17.6973C14.6953 18 14.5879 18.2563 14.373 18.4663C14.1582 18.6763 13.8701 18.7812 13.5088 18.7812C13.1523 18.7812 12.8643 18.6763 12.6445 18.4663C12.4297 18.2563 12.3223 18 12.3223 17.6973Z", fill: "#0045ba" })] }));
+}
+
+function SuccessIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "27", height: "27", viewBox: "0 0 27 27", fill: "none", className: "min-w-7", children: [jsxRuntime.jsx("circle", { cx: "13.5", cy: "13.5", r: "12.5", stroke: '#1B5E20', strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M7 12.5L12 17.5L19.5 10", stroke: '#1B5E20', strokeWidth: "2", strokeLinecap: "round" })] }));
+}
+
+function Toast({ messages }) {
+    return (jsxRuntime.jsx("div", { className: "fixed top-5 right-5 flex flex-col gap-2 z-[999]", children: messages.map(({ id, severity, summary, detail }) => (jsxRuntime.jsxs("div", { className: clsx('p-2 rounded flex items-center gap-2 transition-opacity bg-white border border-l-4 rounded-r-lg shadow-[0_4px_12px_rgba(0,0,0,0.50)]', severity === 'success'
+                ? 'bg-[#E6F4EA] border-[#2E7D32] text-[#1B5E20]'
+                : '', severity === 'info'
+                ? 'bg-[#E3F2FD] border-[#1565C0] text-[#0D47A1]'
+                : '', severity === 'error'
+                ? 'bg-[#FFEBEE] border-[#C62828] text-[#B71C1C]'
+                : ''), "aria-label": "toast", children: [severity === 'success' && jsxRuntime.jsx(SuccessIcon, {}), severity === 'info' && jsxRuntime.jsx(InfoIcon, {}), severity === 'error' && jsxRuntime.jsx(ErrorIcon, {}), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("strong", { children: summary }), jsxRuntime.jsx("p", { children: detail })] })] }, id))) }));
+}
+
+exports.Accordion = Accordion;
+exports.AutoComplete = AutoComplete;
+exports.BasicHeader = BasicHeader;
+exports.Breadcrumb = Breadcrumb;
+exports.Button = Button;
+exports.CalendarInput = CalendarInput;
+exports.Card = Card;
+exports.CardButton = CardButton;
+exports.CardIconsButton = CardIconsButton;
+exports.Chart = Chart;
+exports.Dialog = Dialog;
+exports.Divider = Divider;
+exports.EmptyContent = EmptyContent;
+exports.ExpandablePanel = ExpandablePanel;
+exports.FileUpload = FileUpload;
+exports.FilterButton = FilterButton;
+exports.Header = Header;
+exports.IconButton = IconButton;
+exports.InfoCard = InfoCard;
+exports.Input = Input;
+exports.InputSwitch = InputSwitch;
+exports.InputTextArea = InputTextArea;
+exports.InternalMenu = InternalMenu;
+exports.Link = Link;
+exports.MegaMenu = MegaMenu;
+exports.Modal = Modal;
+exports.MultiSelect = MultiSelect;
+exports.Notification = Notification;
+exports.Paginator = Paginator;
+exports.RadioButton = RadioButton;
+exports.Select = Select;
+exports.Sidebar = Sidebar;
+exports.Skeleton = Skeleton;
+exports.Spinner = Spinner;
+exports.Table = Table;
+exports.Tabs = Tabs;
+exports.TagStatus = TagStatus;
+exports.Toast = Toast;
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=index.cjs.js.map