@andreagiugni/tailwind-dashboard-ui 1.0.1 → 1.0.3

package/README.md

@@ -18,7 +18,7 @@ references at **[taildashboardui.com](https://taildashboardui.com)**.
 ## Install
 
 ```bash
-npm i @andreagiugni/tailwind-dashboard-ui
+npm i @andreagiugni/tailwind-dashboard-ui lucide-react
 ```
 
 ### Peer dependencies
@@ -27,6 +27,7 @@ The core package requires:
 
 - **React 18 or 19** (`react`, `react-dom`)
 - **Tailwind CSS v4** (`tailwindcss@^4`)
+- **Lucide React** (`lucide-react@^1.21.0`) for the built-in component icons
 
 `clsx`, `tailwind-merge`, and `flatpickr` (used by `DatePicker`) are bundled runtime dependencies —
 you do not need to install them yourself.
@@ -167,7 +168,7 @@ Legend: **(+native)** = also extends the element's native HTML attributes.
 | `AvatarText` | `children`, `className`, (+native div) |
 | `Dropdown` | `isOpen`, `onClose`, `children`, `portal?` (default `true`, prevents clipping inside cards/tables/overflow containers), `triggerRef?` (optional custom trigger anchor), (+native div) |
 | `DropdownItem` | `variant` (default/primary/outline, like Button), `icon?`, `bgColor`/`textColor`/`borderColor` overrides, `tag` (a/button), `href`, `onClick`, `onItemClick`, `baseClassName` (full override) |
-| `Modal` | `isOpen`, `onClose`, `title?` (wrapping header aligned with close button), `showCloseButton`, `isFullscreen`, `closeOnBackdrop?`, `closeOnEsc?`; **alert preset** → `variant` (`success`/`info`/`warning`/`danger`) + `title`, `description`, `actionText?`, `onAction?`; (+native div) |
+| `Modal` | `isOpen`, `onClose`, `title?` (wrapping header aligned with close button), `showCloseButton`, `isFullscreen`, `closeOnBackdrop?`, `closeOnEsc?`; **alert preset** → `variant` (`confirm`/`error`/`warning`) + animated SVG icon, `title`, `description`, `actionText?`, `onAction?`; (+native div) |
 | `Table` (composable) | `TableHeader` / `TableBody` / `TableRow` / `TableCell` with `children`, `isHeader` (cell), (+native table elements; `onClick` / `onDoubleClick` on rows & cells) |
 | `Table` (data-driven) | pass `data` + `columns` (`key`, `header`, `sortable?`, `align?`, `render?`, `className?`) to get search + three-state per-column sort (neutral/ascending/descending) + pagination: `rowsPerPage?` (max rows/page, default 10), `rowsPerPageOptions?`, `searchKeys?` (**search box shown only when provided**), `searchPlaceholder?`, `defaultSortKey?` / `defaultSortDirection?`, `pagination?`, `paginationAlign?` (`left`/`center`/`right`/`full`, default `right`), `showSizeSelector?`, `onRowClick?`, `getRowId?`, `emptyContent?` |
 | `Pagination` | `currentPage`, `totalPages`, `onPageChange`, `align?` (`left`/`center`/`right`/`full` — `full` pins Previous/Next to the edges with page indices centered) |
@@ -211,7 +212,7 @@ Legend: **(+native)** = also extends the element's native HTML attributes.
 | `DateTimePicker` | `id`, `label?`, `placeholder?`, `defaultDate?`, `defaultTime?` (`"HH:MM"`), `onChange?({ date, time })` — flatpickr date calendar + a compact `HH:MM` time input |
 | `Slider` | `value` / `defaultValue`, `onChange(value)`, `min`, `max`, `step`, `color`, `label?`, `showValue?`, `disabled` |
 | `ColorPicker` | `defaultValue?` (hex), `defaultFormat?` / `formats?` (`hex`/`rgb`/`rgba`/`hsl`/`hsla`), `showInput?`, `withEyeDropper?`, `label?`, `onChange?(value, color)` — compact swatch + formatted value trigger opening a saturation/hue/alpha popup with a value input and format switcher; built on `react-beautiful-color` (bundled), client-only, **import its CSS** (see ColorPicker note above) |
-| `Editor` (WYSIWYG) | `content`, `onChange(html)`, `placeholder?`, `editable?`, `toolbar?` (ordered tool ids or custom buttons), `editorClassName?` — optional Tiptap peers; render client-only (see Data viz) |
+| `Editor` (WYSIWYG) | `content`, `onChange(html)`, `placeholder?`, `editable?`, `toolbar?` (ordered tool ids or custom buttons), `rows?` (minimum visible text rows, default `8`), `editorClassName?` — optional Tiptap peers; render client-only (see Data viz) |
 
 ### Data viz
 
@@ -223,7 +224,7 @@ in [Peer dependencies](#peer-dependencies)).
 | `BarChart` | `series`, `categories`, `colors?`, `height?`, `options?` (merged over defaults) |
 | `LineChart` | `series`, `categories`, `colors?`, `height?`, `options?` |
 | `Calendar` | `events`, `onEventClick`, `onDateSelect`, `initialView` |
-| `Editor` (WYSIWYG) | `content`, `onChange(html)`, `placeholder?`, `editable?`, `toolbar?` — Tiptap-powered, customizable toolbar |
+| `Editor` (WYSIWYG) | `content`, `onChange(html)`, `placeholder?`, `editable?`, `toolbar?`, `rows?` — Tiptap-powered, customizable toolbar |
 
 > The data-viz components default their data to sensible demo values, so they render
 > out-of-the-box and are fully overridable via the props above.
@@ -233,6 +234,7 @@ ordered `toolbar` array of built-in tool ids (`"bold" | "italic" | "strike" | "c
 "superscript" | "subscript" | "heading1" | "heading2" | "heading3" | "bulletList" |
 "orderedList" | "blockquote" | "codeBlock" | "link" | "undo" | "redo" | "divider"`) or custom `{ id, icon, title, onClick,
 isActive? }` button objects. Set `editable={false}` for a read-only view (toolbar hidden).
+Use `rows` to control the minimum visible text rows and therefore the editor content height.
 
 ```tsx
 import dynamic from 'next/dynamic';
@@ -245,6 +247,7 @@ const Editor = dynamic(
   content="<p>Hello <strong>world</strong></p>"
   onChange={(html) => save(html)}
   toolbar={['bold', 'italic', 'divider', 'bulletList', 'orderedList', 'link']}
+  rows={10}
 />
 ```
 

package/dist/{Editor-CHBOfOWf.d.cts → Editor-DEv5IZeb.d.cts}

@@ -36,6 +36,8 @@ interface EditorProps extends ColorOverrideProps {
     editable?: boolean;
     /** Ordered toolbar configuration. Defaults to a sensible full set. */
     toolbar?: EditorToolItem[];
+    /** Minimum visible text rows. Drives the editor content height. Default: 8. */
+    rows?: number;
     /** Wrapper class. */
     className?: string;
     /** Class for the prose content area. */

package/dist/{Editor-CHBOfOWf.d.ts → Editor-DEv5IZeb.d.ts}

@@ -36,6 +36,8 @@ interface EditorProps extends ColorOverrideProps {
     editable?: boolean;
     /** Ordered toolbar configuration. Defaults to a sensible full set. */
     toolbar?: EditorToolItem[];
+    /** Minimum visible text rows. Drives the editor content height. Default: 8. */
+    rows?: number;
     /** Wrapper class. */
     className?: string;
     /** Class for the prose content area. */

package/dist/{chunk-YSON6RJC.cjs → chunk-5DEBWZY7.cjs}

@@ -9,6 +9,7 @@ var dayGridPlugin = require('@fullcalendar/daygrid');
 var timeGridPlugin = require('@fullcalendar/timegrid');
 var interactionPlugin = require('@fullcalendar/interaction');
 var reactDom = require('react-dom');
+var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -19,40 +20,192 @@ var timeGridPlugin__default = /*#__PURE__*/_interopDefault(timeGridPlugin);
 var interactionPlugin__default = /*#__PURE__*/_interopDefault(interactionPlugin);
 
 var EXIT_DURATION = 220;
-var BLOB_PATH = "M34.364 6.85053C38.6205 -2.28351 51.3795 -2.28351 55.636 6.85053C58.0129 11.951 63.5594 14.6722 68.9556 13.3853C78.6192 11.0807 86.5743 21.2433 82.2185 30.3287C79.7862 35.402 81.1561 41.5165 85.5082 45.0122C93.3019 51.2725 90.4628 63.9451 80.7747 66.1403C75.3648 67.3661 71.5265 72.2695 71.5572 77.9156C71.6123 88.0265 60.1169 93.6664 52.3918 87.3184C48.0781 83.7737 41.9219 83.7737 37.6082 87.3184C29.8831 93.6664 18.3877 88.0266 18.4428 77.9156C18.4735 72.2695 14.6352 67.3661 9.22531 66.1403C-0.462787 63.9451 -3.30193 51.2725 4.49185 45.0122C8.84391 41.5165 10.2138 35.402 7.78151 30.3287C3.42572 21.2433 11.3808 11.0807 21.0444 13.3853C26.4406 14.6722 31.9871 11.951 34.364 6.85053Z";
 var VARIANTS = {
-  success: {
-    blob: "fill-success-50 dark:fill-success-500/15",
-    icon: "fill-success-600 dark:fill-success-500",
-    iconPath: "M5.9375 19.0004C5.9375 11.7854 11.7864 5.93652 19.0014 5.93652C26.2164 5.93652 32.0653 11.7854 32.0653 19.0004C32.0653 26.2154 26.2164 32.0643 19.0014 32.0643C11.7864 32.0643 5.9375 26.2154 5.9375 19.0004ZM19.0014 2.93652C10.1296 2.93652 2.9375 10.1286 2.9375 19.0004C2.9375 27.8723 10.1296 35.0643 19.0014 35.0643C27.8733 35.0643 35.0653 27.8723 35.0653 19.0004C35.0653 10.1286 27.8733 2.93652 19.0014 2.93652ZM24.7855 17.0575C25.3713 16.4717 25.3713 15.522 24.7855 14.9362C24.1997 14.3504 23.25 14.3504 22.6642 14.9362L17.7177 19.8827L15.3387 17.5037C14.7529 16.9179 13.8031 16.9179 13.2173 17.5037C12.6316 18.0894 12.6316 19.0392 13.2173 19.625L16.657 23.0647C16.9383 23.346 17.3199 23.504 17.7177 23.504C18.1155 23.504 18.4971 23.346 18.7784 23.0647L24.7855 17.0575Z",
+  confirm: {
+    halo: "bg-success-500/10 text-success-500 dark:bg-success-500/15",
+    stroke: "stroke-success-500",
+    fill: "fill-success-500",
     button: "bg-success-500 hover:bg-success-600"
   },
-  info: {
-    blob: "fill-blue-light-50 dark:fill-blue-light-500/15",
-    icon: "fill-blue-light-500 dark:fill-blue-light-500",
-    iconPath: "M5.85547 18.9998C5.85547 11.7396 11.7411 5.854 19.0013 5.854C26.2615 5.854 32.1471 11.7396 32.1471 18.9998C32.1471 26.2601 26.2615 32.1457 19.0013 32.1457C11.7411 32.1457 5.85547 26.2601 5.85547 18.9998ZM19.0013 2.854C10.0842 2.854 2.85547 10.0827 2.85547 18.9998C2.85547 27.9169 10.0842 35.1457 19.0013 35.1457C27.9184 35.1457 35.1471 27.9169 35.1471 18.9998C35.1471 10.0827 27.9184 2.854 19.0013 2.854ZM16.9999 11.9145C16.9999 13.0191 17.8953 13.9145 18.9999 13.9145H19.0015C20.106 13.9145 21.0015 13.0191 21.0015 11.9145C21.0015 10.81 20.106 9.91454 19.0015 9.91454H18.9999C17.8953 9.91454 16.9999 10.81 16.9999 11.9145ZM19.0014 27.8171C18.173 27.8171 17.5014 27.1455 17.5014 26.3171V17.3293C17.5014 16.5008 18.173 15.8293 19.0014 15.8293C19.8299 15.8293 20.5014 16.5008 20.5014 17.3293L20.5014 26.3171C20.5014 27.1455 19.8299 27.8171 19.0014 27.8171Z",
-    button: "bg-blue-light-500 hover:bg-blue-light-600"
-  },
   warning: {
-    blob: "fill-warning-50 dark:fill-warning-500/15",
-    icon: "fill-warning-600 dark:fill-orange-400",
-    iconPath: "M32.1445 19.0002C32.1445 26.2604 26.2589 32.146 18.9987 32.146C11.7385 32.146 5.85287 26.2604 5.85287 19.0002C5.85287 11.7399 11.7385 5.85433 18.9987 5.85433C26.2589 5.85433 32.1445 11.7399 32.1445 19.0002ZM18.9987 35.146C27.9158 35.146 35.1445 27.9173 35.1445 19.0002C35.1445 10.0831 27.9158 2.85433 18.9987 2.85433C10.0816 2.85433 2.85287 10.0831 2.85287 19.0002C2.85287 27.9173 10.0816 35.146 18.9987 35.146ZM21.0001 26.0855C21.0001 24.9809 20.1047 24.0855 19.0001 24.0855L18.9985 24.0855C17.894 24.0855 16.9985 24.9809 16.9985 26.0855C16.9985 27.19 17.894 28.0855 18.9985 28.0855L19.0001 28.0855C20.1047 28.0855 21.0001 27.19 21.0001 26.0855ZM18.9986 10.1829C19.827 10.1829 20.4986 10.8545 20.4986 11.6829L20.4986 20.6707C20.4986 21.4992 19.827 22.1707 18.9986 22.1707C18.1701 22.1707 17.4986 21.4992 17.4986 20.6707L17.4986 11.6829C17.4986 10.8545 18.1701 10.1829 18.9986 10.1829Z",
+    halo: "bg-warning-500/10 text-warning-500 dark:bg-warning-500/15 dark:text-orange-400",
+    stroke: "stroke-warning-500 dark:stroke-orange-400",
+    fill: "fill-warning-500 dark:fill-orange-400",
     button: "bg-warning-500 hover:bg-warning-600"
   },
-  danger: {
-    blob: "fill-error-50 dark:fill-error-500/15",
-    icon: "fill-error-600 dark:fill-error-500",
-    iconPath: "M9.62684 11.7496C9.04105 11.1638 9.04105 10.2141 9.62684 9.6283C10.2126 9.04252 11.1624 9.04252 11.7482 9.6283L18.9985 16.8786L26.2485 9.62851C26.8343 9.04273 27.7841 9.04273 28.3699 9.62851C28.9556 10.2143 28.9556 11.164 28.3699 11.7498L21.1198 18.9999L28.3699 26.25C28.9556 26.8358 28.9556 27.7855 28.3699 28.3713C27.7841 28.9571 26.8343 28.9571 26.2485 28.3713L18.9985 21.1212L11.7482 28.3715C11.1624 28.9573 10.2126 28.9573 9.62684 28.3715C9.04105 27.7857 9.04105 26.836 9.62684 26.2502L16.8771 18.9999L9.62684 11.7496Z",
+  error: {
+    halo: "bg-error-500/10 text-error-500 dark:bg-error-500/15",
+    stroke: "stroke-error-500",
+    fill: "fill-error-500",
     button: "bg-error-500 hover:bg-error-600"
   }
 };
+var AnimatedAlertIcon = ({ variant }) => {
+  const v = VARIANTS[variant];
+  const commonStroke = chunkYERNSNT4_cjs.cn(
+    "fill-none stroke-[4] [stroke-linecap:round] [stroke-linejoin:round]",
+    v.stroke
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: chunkYERNSNT4_cjs.cn(
+        "relative inline-flex h-[92px] w-[92px] items-center justify-center rounded-full",
+        v.halo
+      ),
+      "data-modal-alert-icon": variant,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          className: "h-[72px] w-[72px]",
+          viewBox: "0 0 72 72",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+            @keyframes tdui-alert-draw {
+              to { stroke-dashoffset: 0; }
+            }
+            @keyframes tdui-alert-pop {
+              0% { opacity: 0; transform: scale(.82); }
+              70% { opacity: 1; transform: scale(1.08); }
+              100% { opacity: 1; transform: scale(1); }
+            }
+            .tdui-alert-draw {
+              animation: tdui-alert-draw .72s cubic-bezier(.22,1,.36,1) forwards;
+            }
+            .tdui-alert-pop {
+              opacity: 0;
+              transform-origin: center;
+              animation: tdui-alert-pop .34s cubic-bezier(.22,1,.36,1) forwards;
+            }
+            @media (prefers-reduced-motion: reduce) {
+              .tdui-alert-draw {
+                animation: none;
+                stroke-dashoffset: 0;
+              }
+              .tdui-alert-pop {
+                animation: none;
+                opacity: 1;
+                transform: none;
+              }
+            }
+          ` }),
+            variant === "confirm" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  className: commonStroke,
+                  cx: "36",
+                  cy: "36",
+                  r: "27",
+                  style: {
+                    strokeDasharray: 170,
+                    strokeDashoffset: 170,
+                    animation: "tdui-alert-draw .72s cubic-bezier(.22,1,.36,1) forwards"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  className: commonStroke,
+                  d: "M23 37.5 31.5 46 50 27",
+                  style: {
+                    strokeDasharray: 44,
+                    strokeDashoffset: 44,
+                    animation: "tdui-alert-draw .48s cubic-bezier(.22,1,.36,1) .42s forwards"
+                  }
+                }
+              )
+            ] }),
+            variant === "error" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  className: commonStroke,
+                  cx: "36",
+                  cy: "36",
+                  r: "27",
+                  style: {
+                    strokeDasharray: 170,
+                    strokeDashoffset: 170,
+                    animation: "tdui-alert-draw .62s cubic-bezier(.22,1,.36,1) forwards"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  className: commonStroke,
+                  d: "M27 27 45 45",
+                  style: {
+                    strokeDasharray: 26,
+                    strokeDashoffset: 26,
+                    animation: "tdui-alert-draw .3s cubic-bezier(.22,1,.36,1) .38s forwards"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  className: commonStroke,
+                  d: "M45 27 27 45",
+                  style: {
+                    strokeDasharray: 26,
+                    strokeDashoffset: 26,
+                    animation: "tdui-alert-draw .3s cubic-bezier(.22,1,.36,1) .52s forwards"
+                  }
+                }
+              )
+            ] }),
+            variant === "warning" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  className: commonStroke,
+                  d: "M36 10 64 60H8L36 10Z",
+                  style: {
+                    strokeDasharray: 174,
+                    strokeDashoffset: 174,
+                    animation: "tdui-alert-draw .7s cubic-bezier(.22,1,.36,1) forwards"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  className: commonStroke,
+                  d: "M36 29V42",
+                  style: {
+                    strokeDasharray: 13,
+                    strokeDashoffset: 13,
+                    animation: "tdui-alert-draw .28s cubic-bezier(.22,1,.36,1) .42s forwards"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  className: chunkYERNSNT4_cjs.cn("tdui-alert-pop", v.fill),
+                  cx: "36",
+                  cy: "51",
+                  r: "2.6",
+                  style: { animationDelay: ".64s" }
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
 var ModalAlert = ({ variant, title, description, actionText, onAction }) => {
   const v = VARIANTS[variant];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-1 mb-7 flex items-center justify-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("svg", { className: v.blob, width: "90", height: "90", viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: BLOB_PATH }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: v.icon, width: "38", height: "38", viewBox: "0 0 38 38", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: v.iconPath }) }) })
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-1 mb-7 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(AnimatedAlertIcon, { variant }) }),
     title && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "mb-2 text-2xl font-semibold text-gray-800 dark:text-white/90", children: title }),
     description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-6 text-gray-500 dark:text-gray-400", children: description }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-7 flex w-full items-center justify-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -152,25 +305,7 @@ var Modal = ({
         "z-99 flex h-9.5 w-9.5 shrink-0 items-center justify-center rounded-full bg-gray-100 text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white sm:h-11 sm:w-11",
         !isInline && "absolute right-3 top-3 sm:right-6 sm:top-6"
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          width: "24",
-          height: "24",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M6.04289 16.5413C5.65237 16.9318 5.65237 17.565 6.04289 17.9555C6.43342 18.346 7.06658 18.346 7.45711 17.9555L11.9987 13.4139L16.5408 17.956C16.9313 18.3466 17.5645 18.3466 17.955 17.956C18.3455 17.5655 18.3455 16.9323 17.955 16.5418L13.4129 11.9997L17.955 7.4576C18.3455 7.06707 18.3455 6.43391 17.955 6.04338C17.5645 5.65286 16.9313 5.65286 16.5408 6.04338L11.9987 10.5855L7.45711 6.0439C7.06658 5.65338 6.43342 5.65338 6.04289 6.0439C5.65237 6.43442 5.65237 7.06759 6.04289 7.45811L10.5845 11.9997L6.04289 16.5413Z",
-              fill: "currentColor"
-            }
-          )
-        }
-      )
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-6 w-6", "aria-hidden": "true" })
     }
   );
   return reactDom.createPortal(
@@ -481,5 +616,5 @@ var renderEventContent = (eventInfo) => {
 
 exports.Calendar = Calendar;
 exports.Modal = Modal;
-//# sourceMappingURL=chunk-YSON6RJC.cjs.map
-//# sourceMappingURL=chunk-YSON6RJC.cjs.map
+//# sourceMappingURL=chunk-5DEBWZY7.cjs.map
+//# sourceMappingURL=chunk-5DEBWZY7.cjs.map

package/dist/chunk-5DEBWZY7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/Modal.tsx","../src/components/Calendar/Calendar.tsx"],"names":["cn","jsx","jsxs","Fragment","useRef","useState","useEffect","X","createPortal","layers","FullCalendar","dayGridPlugin","timeGridPlugin","interactionPlugin"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQA,IAAM,aAAA,GAAgB,GAAA;AAuBtB,IAAM,QAAA,GAQF;AAAA,EACF,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,2DAAA;AAAA,IACN,MAAA,EAAQ,oBAAA;AAAA,IACR,IAAA,EAAM,kBAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,gFAAA;AAAA,IACN,MAAA,EAAQ,2CAAA;AAAA,IACR,IAAA,EAAM,uCAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qDAAA;AAAA,IACN,MAAA,EAAQ,kBAAA;AAAA,IACR,IAAA,EAAM,gBAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAM,iBAAA,GAAyD,CAAC,EAAE,OAAA,EAAQ,KAAM;AAC9E,EAAA,MAAM,CAAA,GAAI,SAAS,OAAO,CAAA;AAC1B,EAAA,MAAM,YAAA,GAAeA,oBAAA;AAAA,IACnB,qEAAA;AAAA,IACA,CAAA,CAAE;AAAA,GACJ;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,oBAAA;AAAA,QACT,iFAAA;AAAA,QACA,CAAA,CAAE;AAAA,OACJ;AAAA,MACA,uBAAA,EAAuB,OAAA;AAAA,MACvB,aAAA,EAAY,MAAA;AAAA,MAEZ,QAAA,kBAAAE,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,mBAAA;AAAA,UACV,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,KAAA,EAAM,4BAAA;AAAA,UAEN,QAAA,EAAA;AAAA,4BAAAD,cAAA,CAAC,OAAA,EAAA,EACE,QAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,CAAA,EA6BH,CAAA;AAAA,YAEC,OAAA,KAAY,6BACXC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAAF,cAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,YAAA;AAAA,kBACX,EAAA,EAAG,IAAA;AAAA,kBACH,EAAA,EAAG,IAAA;AAAA,kBACH,CAAA,EAAE,IAAA;AAAA,kBACF,KAAA,EAAO;AAAA,oBACL,eAAA,EAAiB,GAAA;AAAA,oBACjB,gBAAA,EAAkB,GAAA;AAAA,oBAClB,SAAA,EAAW;AAAA;AACb;AAAA,eACF;AAAA,8BACAA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,YAAA;AAAA,kBACX,CAAA,EAAE,wBAAA;AAAA,kBACF,KAAA,EAAO;AAAA,oBACL,eAAA,EAAiB,EAAA;AAAA,oBACjB,gBAAA,EAAkB,EAAA;AAAA,oBAClB,SAAA,EAAW;AAAA;AACb;AAAA;AACF,aAAA,EACF,CAAA;AAAA,YAGD,OAAA,KAAY,2BACXC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAAF,cAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,YAAA;AAAA,kBACX,EAAA,EAAG,IAAA;AAAA,kBACH,EAAA,EAAG,IAAA;AAAA,kBACH,CAAA,EAAE,IAAA;AAAA,kBACF,KAAA,EAAO;AAAA,oBACL,eAAA,EAAiB,GAAA;AAAA,oBACjB,gBAAA,EAAkB,GAAA;AAAA,oBAClB,SAAA,EAAW;AAAA;AACb;AAAA,eACF;AAAA,8BACAA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,YAAA;AAAA,kBACX,CAAA,EAAE,cAAA;AAAA,kBACF,KAAA,EAAO;AAAA,oBACL,eAAA,EAAiB,EAAA;AAAA,oBACjB,gBAAA,EAAkB,EAAA;AAAA,oBAClB,SAAA,EAAW;AAAA;AACb;AAAA,eACF;AAAA,8BACAA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,YAAA;AAAA,kBACX,CAAA,EAAE,cAAA;AAAA,kBACF,KAAA,EAAO;AAAA,oBACL,eAAA,EAAiB,EAAA;AAAA,oBACjB,gBAAA,EAAkB,EAAA;AAAA,oBAClB,SAAA,EAAW;AAAA;AACb;AAAA;AACF,aAAA,EACF,CAAA;AAAA,YAGD,OAAA,KAAY,6BACXC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAAF,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,YAAA;AAAA,kBACX,CAAA,EAAE,uBAAA;AAAA,kBACF,KAAA,EAAO;AAAA,oBACL,eAAA,EAAiB,GAAA;AAAA,oBACjB,gBAAA,EAAkB,GAAA;AAAA,oBAClB,SAAA,EAAW;AAAA;AACb;AAAA,eACF;AAAA,8BACAA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,YAAA;AAAA,kBACX,CAAA,EAAE,WAAA;AAAA,kBACF,KAAA,EAAO;AAAA,oBACL,eAAA,EAAiB,EAAA;AAAA,oBACjB,gBAAA,EAAkB,EAAA;AAAA,oBAClB,SAAA,EAAW;AAAA;AACb;AAAA,eACF;AAAA,8BACAA,cAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAWD,oBAAA,CAAG,gBAAA,EAAkB,CAAA,CAAE,IAAI,CAAA;AAAA,kBACtC,EAAA,EAAG,IAAA;AAAA,kBACH,EAAA,EAAG,IAAA;AAAA,kBACH,CAAA,EAAE,KAAA;AAAA,kBACF,KAAA,EAAO,EAAE,cAAA,EAAgB,MAAA;AAAO;AAAA;AAClC,aAAA,EACF;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ,CAAA;AAEA,IAAM,UAAA,GAMD,CAAC,EAAE,OAAA,EAAS,OAAO,WAAA,EAAa,UAAA,EAAY,UAAS,KAAM;AAC9D,EAAA,MAAM,CAAA,GAAI,SAAS,OAAO,CAAA;AAC1B,EAAA,uBACEE,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EACb,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,SAAI,SAAA,EAAU,oDAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,iBAAA,EAAA,EAAkB,SAAkB,CAAA,EACvC,CAAA;AAAA,IACC,KAAA,oBACCA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gEACX,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IAED,WAAA,oBACCA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sDAAsD,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,oBAEjFA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,QAAA;AAAA,QACT,SAAA,EAAWD,oBAAA;AAAA,UACT,0GAAA;AAAA,UACA,CAAA,CAAE;AAAA,SACJ;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH,EACF;AAAA,GAAA,EACF,CAAA;AAEJ,CAAA;AAEO,IAAM,QAA8B,CAAC;AAAA,EAC1C,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB,YAAA,GAAe,KAAA;AAAA,EACf,eAAA,GAAkB,IAAA;AAAA,EAClB,UAAA,GAAa,IAAA;AAAA,EACb,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA,GAAa,cAAA;AAAA,EACb,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,QAAA,GAAWI,aAAuB,IAAI,CAAA;AAE5C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIC,eAAS,MAAM,CAAA;AAC3C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,SAAA,GAAYD,aAAkD,MAAS,CAAA;AAE7E,EAAAE,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,IAAI,SAAA,CAAU,OAAA,EAAS,YAAA,CAAa,SAAA,CAAU,OAAO,CAAA;AACrD,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAA,MAAO;AAEL,MAAA,SAAA,CAAU,CAAC,WAAA,KAAgB;AACzB,QAAA,IAAI,CAAC,aAAa,OAAO,KAAA;AACzB,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA,IAAI,SAAA,CAAU,OAAA,EAAS,YAAA,CAAa,SAAA,CAAU,OAAO,CAAA;AACrD,QAAA,SAAA,CAAU,OAAA,GAAU,WAAW,MAAM;AACnC,UAAA,SAAA,CAAU,KAAK,CAAA;AACf,UAAA,UAAA,CAAW,KAAK,CAAA;AAAA,QAClB,GAAG,aAAa,CAAA;AAChB,QAAA,OAAO,IAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,SAAA,CAAU,OAAA,EAAS,YAAA,CAAa,SAAA,CAAU,OAAO,CAAA;AAAA,IACvD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAyB;AAC7C,MAAA,IAAI,KAAA,CAAM,QAAQ,QAAA,EAAU;AAC1B,QAAA,OAAA,EAAQ;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,IAAI,UAAU,UAAA,EAAY;AACxB,MAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,YAAY,CAAA;AAAA,IACnD;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,YAAY,CAAA;AAAA,IACtD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,OAAA,EAAS,UAAU,CAAC,CAAA;AAEhC,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAAA,IACjC,CAAA,MAAO;AACL,MAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,OAAA;AAAA,IACjC;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,OAAA;AAAA,IACjC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,IAAI,CAAC,MAAA,IAAU,OAAO,QAAA,KAAa,aAAa,OAAO,IAAA;AAEvD,EAAA,MAAM,OAAA,GAAU,CAAC,CAAC,OAAA;AAClB,EAAA,MAAM,OAAA,GAAU,UAAU,oBAAA,GAAuB,gBAAA;AACjD,EAAA,MAAM,QAAA,GAAW,UAAU,qBAAA,GAAwB,iBAAA;AACnD,EAAA,MAAM,cAAA,GAAiB,YAAA,GACnBN,oBAAA,CAAG,eAAA,EAAiB,QAAQ,CAAA,GAC5BA,oBAAA;AAAA,IACE,uDAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA,IAAW;AAAA,GACb;AAEJ,EAAA,MAAM,WAAA,GAAc,CAAC,QAAA,qBACnBC,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,aAAA;AAAA,MACX,OAAA,EAAS,OAAA;AAAA,MACT,SAAA,EAAWD,oBAAA;AAAA,QACT,4PAAA;AAAA,QACA,CAAC,QAAA,IAAY;AAAA,OACf;AAAA,MAEA,QAAA,kBAAAC,cAAA,CAACM,aAAA,EAAA,EAAE,SAAA,EAAU,SAAA,EAAU,eAAY,MAAA,EAAO;AAAA;AAAA,GAC5C;AAGF,EAAA,OAAOC,qBAAA;AAAA,oBACLN,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWF,oBAAA;AAAA,UACT,8EAAA;AAAA,UACAS,wBAAA,CAAO;AAAA,SACT;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,CAAC,YAAA,oBACAR,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWD,oBAAA;AAAA,gBACT,qEAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,OAAA,EAAS,kBAAkB,OAAA,GAAU;AAAA;AAAA,WACtC;AAAA,0BAEHE,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,QAAA;AAAA,cACL,SAAA,EAAWF,oBAAA,CAAG,KAAA,EAAO,cAAA,EAAgB,SAAS,CAAA;AAAA,cAC9C,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,eAAA,EAAgB;AAAA,cACjC,GAAG,IAAA;AAAA,cAEH,QAAA,EAAA;AAAA,gBAAA,CAAC,OAAA,IAAW,KAAA,oBACXE,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wBAAA,EACb,QAAA,EAAA;AAAA,kCAAAD,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wFAAA,EACX,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,kBACC,eAAA,IAAmB,YAAY,IAAI;AAAA,iBAAA,EACtC,CAAA;AAAA,gBAED,eAAA,KAAoB,OAAA,IAAW,CAAC,KAAA,CAAA,IAAU,YAAY,KAAK,CAAA;AAAA,gBAC3D,OAAA,mBACCA,cAAA;AAAA,kBAAC,UAAA;AAAA,kBAAA;AAAA,oBACC,OAAA;AAAA,oBACA,KAAA;AAAA,oBACA,WAAA;AAAA,oBACA,UAAA;AAAA,oBACA,UAAU,QAAA,IAAY;AAAA;AAAA,iBACxB,kCAEC,KAAA,EAAA,EAAI,SAAA,EAAWD,qBAAG,KAAA,IAAS,MAAM,GAC/B,QAAA,EACH;AAAA;AAAA;AAAA;AAEJ;AAAA;AAAA,KACF;AAAA,IACA,QAAA,CAAS;AAAA,GACX;AACF;AC7WA,IAAM,aAAA,GAAiC;AAAA,EACrC;AAAA,IACE,EAAA,EAAI,GAAA;AAAA,IACJ,KAAA,EAAO,aAAA;AAAA,IACP,KAAA,EAAA,qBAAW,IAAA,EAAK,EAAE,aAAY,CAAE,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAA;AAAA,IAC5C,aAAA,EAAe,EAAE,QAAA,EAAU,QAAA;AAAS,GACtC;AAAA,EACA;AAAA,IACE,EAAA,EAAI,GAAA;AAAA,IACJ,KAAA,EAAO,SAAA;AAAA,IACP,KAAA,EAAO,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,EAAI,GAAI,KAAQ,CAAA,CAAE,WAAA,EAAY,CAAE,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA;AAAA,IACjE,aAAA,EAAe,EAAE,QAAA,EAAU,SAAA;AAAU,GACvC;AAAA,EACA;AAAA,IACE,EAAA,EAAI,GAAA;AAAA,IACJ,KAAA,EAAO,UAAA;AAAA,IACP,KAAA,EAAO,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,EAAI,GAAI,MAAS,CAAA,CAAE,WAAA,EAAY,CAAE,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA;AAAA,IAClE,GAAA,EAAK,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,EAAI,GAAI,MAAS,CAAA,CAAE,WAAA,EAAY,CAAE,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA;AAAA,IAChE,aAAA,EAAe,EAAE,QAAA,EAAU,SAAA;AAAU;AAEzC,CAAA;AAEO,IAAM,WAAoC,CAAC;AAAA,EAChD,MAAA,EAAQ,UAAA;AAAA,EACR,WAAA,GAAc,cAAA;AAAA,EACd,YAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIK,cAAAA;AAAA,IACxC;AAAA,GACF;AACA,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,EAAE,CAAA;AAC/C,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIA,eAAS,EAAE,CAAA;AACvD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,eAAS,EAAE,CAAA;AACnD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,EAAE,CAAA;AAC/C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,IAAIA,cAAAA,CAAuB,UAAA,IAAc,EAAE,CAAA;AACnE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,WAAA,GAAcD,aAAqB,IAAI,CAAA;AAE7C,EAAA,MAAM,SAAA,GAAY,MAAM,SAAA,CAAU,IAAI,CAAA;AACtC,EAAA,MAAM,UAAA,GAAa,MAAM,SAAA,CAAU,KAAK,CAAA;AAExC,EAAA,MAAM,eAAA,GAAkB;AAAA,IACtB,MAAA,EAAQ,QAAA;AAAA,IACR,OAAA,EAAS,SAAA;AAAA,IACT,OAAA,EAAS,SAAA;AAAA,IACT,OAAA,EAAS;AAAA,GACX;AAEA,EAAAE,gBAAU,MAAM;AAEd,IAAA,SAAA,CAAU,cAAc,aAAa,CAAA;AAAA,EACvC,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,MAAM,gBAAA,GAAmB,CAAC,UAAA,KAA8B;AACtD,IAAA,YAAA,GAAe,UAAU,CAAA;AACzB,IAAA,gBAAA,EAAiB;AACjB,IAAA,iBAAA,CAAkB,WAAW,QAAQ,CAAA;AACrC,IAAA,eAAA,CAAgB,UAAA,CAAW,MAAA,IAAU,UAAA,CAAW,QAAQ,CAAA;AACxD,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,KAA6B;AACrD,IAAA,YAAA,GAAe,SAAS,CAAA;AACxB,IAAA,MAAM,QAAQ,SAAA,CAAU,KAAA;AACxB,IAAA,gBAAA,CAAiB,KAAiC,CAAA;AAClD,IAAA,aAAA,CAAc,MAAM,KAAK,CAAA;AACzB,IAAA,iBAAA,CAAkB,KAAA,CAAM,OAAO,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAE,CAAA;AAChE,IAAA,eAAA,CAAgB,KAAA,CAAM,KAAK,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAE,CAAA;AAC5D,IAAA,aAAA,CAAc,KAAA,CAAM,cAAc,QAAQ,CAAA;AAC1C,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA;AAEA,EAAA,MAAM,yBAAyB,MAAM;AACnC,IAAA,IAAI,aAAA,EAAe;AAEjB,MAAA,SAAA;AAAA,QAAU,CAAC,eACT,UAAA,CAAW,GAAA;AAAA,UAAI,CAAC,KAAA,KACd,KAAA,CAAM,EAAA,KAAO,cAAc,EAAA,GACvB;AAAA,YACE,GAAG,KAAA;AAAA,YACH,KAAA,EAAO,UAAA;AAAA,YACP,KAAA,EAAO,cAAA;AAAA,YACP,GAAA,EAAK,YAAA;AAAA,YACL,aAAA,EAAe,EAAE,QAAA,EAAU,UAAA;AAAW,WACxC,GACA;AAAA;AACN,OACF;AAAA,IACF,CAAA,MAAO;AAEL,MAAA,MAAM,QAAA,GAA0B;AAAA,QAC9B,EAAA,EAAI,IAAA,CAAK,GAAA,EAAI,CAAE,QAAA,EAAS;AAAA,QACxB,KAAA,EAAO,UAAA;AAAA,QACP,KAAA,EAAO,cAAA;AAAA,QACP,GAAA,EAAK,YAAA;AAAA,QACL,MAAA,EAAQ,IAAA;AAAA,QACR,aAAA,EAAe,EAAE,QAAA,EAAU,UAAA;AAAW,OACxC;AACA,MAAA,SAAA,CAAU,CAAC,UAAA,KAAe,CAAC,GAAG,UAAA,EAAY,QAAQ,CAAC,CAAA;AAAA,IACrD;AACA,IAAA,UAAA,EAAW;AACX,IAAA,gBAAA,EAAiB;AAAA,EACnB,CAAA;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,aAAA,CAAc,EAAE,CAAA;AAChB,IAAA,iBAAA,CAAkB,EAAE,CAAA;AACpB,IAAA,eAAA,CAAgB,EAAE,CAAA;AAClB,IAAA,aAAA,CAAc,EAAE,CAAA;AAChB,IAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,uBACEJ,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wFAAA,EACb,QAAA,EAAA;AAAA,oBAAAD,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,kBAAAA,cAAAA;AAAA,MAACS,6BAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,WAAA;AAAA,QACL,OAAA,EAAS,CAACC,8BAAA,EAAeC,+BAAA,EAAgBC,kCAAiB,CAAA;AAAA,QAC1D,WAAA;AAAA,QACA,aAAA,EAAe;AAAA,UACb,IAAA,EAAM,0BAAA;AAAA,UACN,MAAA,EAAQ,OAAA;AAAA,UACR,KAAA,EAAO;AAAA,SACT;AAAA,QACA,MAAA;AAAA,QACA,UAAA,EAAY,IAAA;AAAA,QACZ,MAAA,EAAQ,gBAAA;AAAA,QACR,UAAA,EAAY,gBAAA;AAAA,QACZ,YAAA,EAAc,kBAAA;AAAA,QACd,aAAA,EAAe;AAAA,UACb,cAAA,EAAgB;AAAA,YACd,IAAA,EAAM,aAAA;AAAA,YACN,KAAA,EAAO;AAAA;AACT;AACF;AAAA,KACF,EACF,CAAA;AAAA,oBACAZ,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,OAAA,EAAS,UAAA;AAAA,QACT,SAAA,EAAU,2BAAA;AAAA,QAEV,QAAA,kBAAAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qDAAA,EACb,QAAA,EAAA;AAAA,0BAAAA,gBAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAAD,eAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2FAAA,EACX,QAAA,EAAA,aAAA,GAAgB,eAAe,WAAA,EAClC,CAAA;AAAA,4BACAA,cAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4CAA2C,QAAA,EAAA,uEAAA,EAGxD;AAAA,WAAA,EACF,CAAA;AAAA,0BACAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,EAAA;AAAA,4BAAAD,cAAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAC,eAAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAAD,cAAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,mEAAA,EAAoE,QAAA,EAAA,aAAA,EAErF,CAAA;AAAA,8BACAA,cAAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAG,aAAA;AAAA,kBACH,IAAA,EAAK,MAAA;AAAA,kBACL,KAAA,EAAO,UAAA;AAAA,kBACP,UAAU,CAAC,CAAA,KAAM,aAAA,CAAc,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,kBAC7C,SAAA,EAAU;AAAA;AAAA;AACZ,aAAA,EACF,CAAA,EACF,CAAA;AAAA,4BACAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,EAAA;AAAA,8BAAAD,cAAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,iEAAA,EAAkE,QAAA,EAAA,aAAA,EAEnF,CAAA;AAAA,8BACAA,eAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8CACZ,QAAA,EAAA,MAAA,CAAO,OAAA,CAAQ,eAAe,CAAA,CAAE,GAAA,CAAI,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,qBAC/CA,eAAC,KAAA,EAAA,EAAc,SAAA,EAAU,SACvB,QAAA,kBAAAA,cAAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,yBAAyB,KAAK,CAAA,kBAAA,CAAA;AAAA,kBAEzC,QAAA,kBAAAC,eAAAA;AAAA,oBAAC,OAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,6EAAA;AAAA,sBACV,OAAA,EAAS,QAAQ,GAAG,CAAA,CAAA;AAAA,sBAEpB,QAAA,EAAA;AAAA,wCAAAA,eAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EACd,QAAA,EAAA;AAAA,0CAAAD,cAAAA;AAAA,4BAAC,OAAA;AAAA,4BAAA;AAAA,8BACC,SAAA,EAAU,0BAAA;AAAA,8BACV,IAAA,EAAK,OAAA;AAAA,8BACL,IAAA,EAAK,aAAA;AAAA,8BACL,KAAA,EAAO,GAAA;AAAA,8BACP,EAAA,EAAI,QAAQ,GAAG,CAAA,CAAA;AAAA,8BACf,SAAS,UAAA,KAAe,GAAA;AAAA,8BACxB,QAAA,EAAU,MAAM,aAAA,CAAc,GAAG;AAAA;AAAA,2BACnC;AAAA,0CACAA,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8GACd,QAAA,kBAAAA,cAAAA;AAAA,4BAAC,MAAA;AAAA,4BAAA;AAAA,8BACC,SAAA,EAAW,CAAA,8BAAA,EACT,UAAA,KAAe,GAAA,GAAM,UAAU,QACjC,CAAA;AAAA;AAAA,2BACD,EACH;AAAA,yBAAA,EACF,CAAA;AAAA,wBACC;AAAA;AAAA;AAAA;AACH;AAAA,eACF,EAAA,EA5BQ,GA6BV,CACD,CAAA,EACH;AAAA,aAAA,EACF,CAAA;AAAA,4BAEAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,EAAA;AAAA,8BAAAD,cAAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,mEAAA,EAAoE,QAAA,EAAA,kBAAA,EAErF,CAAA;AAAA,8BACAA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YACb,QAAA,kBAAAA,cAAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAG,kBAAA;AAAA,kBACH,IAAA,EAAK,MAAA;AAAA,kBACL,KAAA,EAAO,cAAA;AAAA,kBACP,UAAU,CAAC,CAAA,KAAM,iBAAA,CAAkB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,kBACjD,SAAA,EAAU;AAAA;AAAA,eACZ,EACF;AAAA,aAAA,EACF,CAAA;AAAA,4BAEAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,EAAA;AAAA,8BAAAD,cAAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,mEAAA,EAAoE,QAAA,EAAA,gBAAA,EAErF,CAAA;AAAA,8BACAA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YACb,QAAA,kBAAAA,cAAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAG,gBAAA;AAAA,kBACH,IAAA,EAAK,MAAA;AAAA,kBACL,KAAA,EAAO,YAAA;AAAA,kBACP,UAAU,CAAC,CAAA,KAAM,eAAA,CAAgB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,kBAC/C,SAAA,EAAU;AAAA;AAAA,eACZ,EACF;AAAA,aAAA,EACF;AAAA,WAAA,EACF,CAAA;AAAA,0BACAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0DAAA,EACb,QAAA,EAAA;AAAA,4BAAAD,cAAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,UAAA;AAAA,gBACT,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,oOAAA;AAAA,gBACX,QAAA,EAAA;AAAA;AAAA,aAED;AAAA,4BACAA,cAAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,sBAAA;AAAA,gBACT,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,6JAAA;AAAA,gBAET,0BAAgB,gBAAA,GAAmB;AAAA;AAAA;AACtC,WAAA,EACF;AAAA,SAAA,EACF;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAEA,IAAM,kBAAA,GAAqB,CAAC,SAAA,KAA+B;AACzD,EAAA,MAAM,aAAa,CAAA,MAAA,EAAS,SAAA,CAAU,MAAM,aAAA,CAAc,QAAA,CAAS,aAAa,CAAA,CAAA;AAChF,EAAA,uBACEC,eAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,qCAAqC,UAAU,CAAA,eAAA,CAAA;AAAA,MAE1D,QAAA,EAAA;AAAA,wBAAAD,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAuB,CAAA;AAAA,wBACtCA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EAAiB,oBAAU,QAAA,EAAS,CAAA;AAAA,wBACnDA,cAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EAAkB,QAAA,EAAA,SAAA,CAAU,MAAM,KAAA,EAAM;AAAA;AAAA;AAAA,GACzD;AAEJ,CAAA","file":"chunk-5DEBWZY7.cjs","sourcesContent":["\"use client\";\nimport React, { useRef, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { layers } from \"../../lib/layers\";\n\n/** Must match the exit animation duration in theme.css (tdui-modal-*-out). */\nconst EXIT_DURATION = 220;\n\nexport type ModalVariant = \"confirm\" | \"error\" | \"warning\";\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n  isOpen: boolean;\n  onClose: () => void;\n  showCloseButton?: boolean;\n  isFullscreen?: boolean;\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  /** Render a preset alert layout (decorative icon + title + message + action button). */\n  variant?: ModalVariant;\n  /** Header title for a standard modal, or the alert heading when `variant` is set. */\n  title?: string;\n  /** Alert body text — used when `variant` is set. */\n  description?: string;\n  /** Action button label. Default: \"Okay, Got It\". */\n  actionText?: string;\n  /** Action button handler. Defaults to `onClose`. */\n  onAction?: () => void;\n}\n\nconst VARIANTS: Record<\n  ModalVariant,\n  {\n    halo: string;\n    stroke: string;\n    fill: string;\n    button: string;\n  }\n> = {\n  confirm: {\n    halo: \"bg-success-500/10 text-success-500 dark:bg-success-500/15\",\n    stroke: \"stroke-success-500\",\n    fill: \"fill-success-500\",\n    button: \"bg-success-500 hover:bg-success-600\",\n  },\n  warning: {\n    halo: \"bg-warning-500/10 text-warning-500 dark:bg-warning-500/15 dark:text-orange-400\",\n    stroke: \"stroke-warning-500 dark:stroke-orange-400\",\n    fill: \"fill-warning-500 dark:fill-orange-400\",\n    button: \"bg-warning-500 hover:bg-warning-600\",\n  },\n  error: {\n    halo: \"bg-error-500/10 text-error-500 dark:bg-error-500/15\",\n    stroke: \"stroke-error-500\",\n    fill: \"fill-error-500\",\n    button: \"bg-error-500 hover:bg-error-600\",\n  },\n};\n\nconst AnimatedAlertIcon: React.FC<{ variant: ModalVariant }> = ({ variant }) => {\n  const v = VARIANTS[variant];\n  const commonStroke = cn(\n    \"fill-none stroke-[4] [stroke-linecap:round] [stroke-linejoin:round]\",\n    v.stroke\n  );\n\n  return (\n    <span\n      className={cn(\n        \"relative inline-flex h-[92px] w-[92px] items-center justify-center rounded-full\",\n        v.halo\n      )}\n      data-modal-alert-icon={variant}\n      aria-hidden=\"true\"\n    >\n      <svg\n        className=\"h-[72px] w-[72px]\"\n        viewBox=\"0 0 72 72\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <style>\n          {`\n            @keyframes tdui-alert-draw {\n              to { stroke-dashoffset: 0; }\n            }\n            @keyframes tdui-alert-pop {\n              0% { opacity: 0; transform: scale(.82); }\n              70% { opacity: 1; transform: scale(1.08); }\n              100% { opacity: 1; transform: scale(1); }\n            }\n            .tdui-alert-draw {\n              animation: tdui-alert-draw .72s cubic-bezier(.22,1,.36,1) forwards;\n            }\n            .tdui-alert-pop {\n              opacity: 0;\n              transform-origin: center;\n              animation: tdui-alert-pop .34s cubic-bezier(.22,1,.36,1) forwards;\n            }\n            @media (prefers-reduced-motion: reduce) {\n              .tdui-alert-draw {\n                animation: none;\n                stroke-dashoffset: 0;\n              }\n              .tdui-alert-pop {\n                animation: none;\n                opacity: 1;\n                transform: none;\n              }\n            }\n          `}\n        </style>\n\n        {variant === \"confirm\" && (\n          <>\n            <circle\n              className={commonStroke}\n              cx=\"36\"\n              cy=\"36\"\n              r=\"27\"\n              style={{\n                strokeDasharray: 170,\n                strokeDashoffset: 170,\n                animation: \"tdui-alert-draw .72s cubic-bezier(.22,1,.36,1) forwards\",\n              }}\n            />\n            <path\n              className={commonStroke}\n              d=\"M23 37.5 31.5 46 50 27\"\n              style={{\n                strokeDasharray: 44,\n                strokeDashoffset: 44,\n                animation: \"tdui-alert-draw .48s cubic-bezier(.22,1,.36,1) .42s forwards\",\n              }}\n            />\n          </>\n        )}\n\n        {variant === \"error\" && (\n          <>\n            <circle\n              className={commonStroke}\n              cx=\"36\"\n              cy=\"36\"\n              r=\"27\"\n              style={{\n                strokeDasharray: 170,\n                strokeDashoffset: 170,\n                animation: \"tdui-alert-draw .62s cubic-bezier(.22,1,.36,1) forwards\",\n              }}\n            />\n            <path\n              className={commonStroke}\n              d=\"M27 27 45 45\"\n              style={{\n                strokeDasharray: 26,\n                strokeDashoffset: 26,\n                animation: \"tdui-alert-draw .3s cubic-bezier(.22,1,.36,1) .38s forwards\",\n              }}\n            />\n            <path\n              className={commonStroke}\n              d=\"M45 27 27 45\"\n              style={{\n                strokeDasharray: 26,\n                strokeDashoffset: 26,\n                animation: \"tdui-alert-draw .3s cubic-bezier(.22,1,.36,1) .52s forwards\",\n              }}\n            />\n          </>\n        )}\n\n        {variant === \"warning\" && (\n          <>\n            <path\n              className={commonStroke}\n              d=\"M36 10 64 60H8L36 10Z\"\n              style={{\n                strokeDasharray: 174,\n                strokeDashoffset: 174,\n                animation: \"tdui-alert-draw .7s cubic-bezier(.22,1,.36,1) forwards\",\n              }}\n            />\n            <path\n              className={commonStroke}\n              d=\"M36 29V42\"\n              style={{\n                strokeDasharray: 13,\n                strokeDashoffset: 13,\n                animation: \"tdui-alert-draw .28s cubic-bezier(.22,1,.36,1) .42s forwards\",\n              }}\n            />\n            <circle\n              className={cn(\"tdui-alert-pop\", v.fill)}\n              cx=\"36\"\n              cy=\"51\"\n              r=\"2.6\"\n              style={{ animationDelay: \".64s\" }}\n            />\n          </>\n        )}\n      </svg>\n    </span>\n  );\n};\n\nconst ModalAlert: React.FC<{\n  variant: ModalVariant;\n  title?: string;\n  description?: string;\n  actionText: string;\n  onAction: () => void;\n}> = ({ variant, title, description, actionText, onAction }) => {\n  const v = VARIANTS[variant];\n  return (\n    <div className=\"text-center\">\n      <div className=\"relative z-1 mb-7 flex items-center justify-center\">\n        <AnimatedAlertIcon variant={variant} />\n      </div>\n      {title && (\n        <h4 className=\"mb-2 text-2xl font-semibold text-gray-800 dark:text-white/90\">\n          {title}\n        </h4>\n      )}\n      {description && (\n        <p className=\"text-sm leading-6 text-gray-500 dark:text-gray-400\">{description}</p>\n      )}\n      <div className=\"mt-7 flex w-full items-center justify-center gap-3\">\n        <button\n          type=\"button\"\n          onClick={onAction}\n          className={cn(\n            \"flex w-full justify-center rounded-lg px-4 py-3 text-sm font-medium text-white shadow-theme-xs sm:w-auto\",\n            v.button\n          )}\n        >\n          {actionText}\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  isOpen,\n  onClose,\n  children,\n  className,\n  showCloseButton = true,\n  isFullscreen = false,\n  closeOnBackdrop = true,\n  closeOnEsc = true,\n  variant,\n  title,\n  description,\n  actionText = \"Okay, Got It\",\n  onAction,\n  ...rest\n}) => {\n  const modalRef = useRef<HTMLDivElement>(null);\n  // Keep the modal mounted while the close (fade-out) animation plays.\n  const [render, setRender] = useState(isOpen);\n  const [closing, setClosing] = useState(false);\n  const exitTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  useEffect(() => {\n    if (isOpen) {\n      if (exitTimer.current) clearTimeout(exitTimer.current);\n      setRender(true);\n      setClosing(false);\n    } else {\n      // Only animate out if it was actually showing.\n      setRender((wasRendered) => {\n        if (!wasRendered) return false;\n        setClosing(true);\n        if (exitTimer.current) clearTimeout(exitTimer.current);\n        exitTimer.current = setTimeout(() => {\n          setRender(false);\n          setClosing(false);\n        }, EXIT_DURATION);\n        return true;\n      });\n    }\n    return () => {\n      if (exitTimer.current) clearTimeout(exitTimer.current);\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n    };\n\n    if (isOpen && closeOnEsc) {\n      document.addEventListener(\"keydown\", handleEscape);\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [isOpen, onClose, closeOnEsc]);\n\n  useEffect(() => {\n    if (render) {\n      document.body.style.overflow = \"hidden\";\n    } else {\n      document.body.style.overflow = \"unset\";\n    }\n\n    return () => {\n      document.body.style.overflow = \"unset\";\n    };\n  }, [render]);\n\n  if (!render || typeof document === \"undefined\") return null;\n\n  const isAlert = !!variant;\n  const popAnim = closing ? \"tdui-modal-pop-out\" : \"tdui-modal-pop\";\n  const fadeAnim = closing ? \"tdui-modal-fade-out\" : \"tdui-modal-fade\";\n  const contentClasses = isFullscreen\n    ? cn(\"w-full h-full\", fadeAnim)\n    : cn(\n        \"relative w-full rounded-3xl bg-white dark:bg-gray-900\",\n        popAnim,\n        isAlert && \"max-w-[600px] p-5 lg:p-10\"\n      );\n\n  const closeButton = (isInline: boolean) => (\n    <button\n      type=\"button\"\n      aria-label=\"Close modal\"\n      onClick={onClose}\n      className={cn(\n        \"z-99 flex h-9.5 w-9.5 shrink-0 items-center justify-center rounded-full bg-gray-100 text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white sm:h-11 sm:w-11\",\n        !isInline && \"absolute right-3 top-3 sm:right-6 sm:top-6\"\n      )}\n    >\n      <X className=\"h-6 w-6\" aria-hidden=\"true\" />\n    </button>\n  );\n\n  return createPortal(\n    <div\n      className={cn(\n        \"modal fixed inset-0 isolate flex items-center justify-center overflow-y-auto\",\n        layers.overlay\n      )}\n    >\n      {!isFullscreen && (\n        <div\n          className={cn(\n            \"fixed inset-0 z-0 h-full w-full bg-gray-400/50 backdrop-blur-[32px]\",\n            fadeAnim\n          )}\n          onClick={closeOnBackdrop ? onClose : undefined}\n        ></div>\n      )}\n      <div\n        ref={modalRef}\n        className={cn(\"z-1\", contentClasses, className)}\n        onClick={(e) => e.stopPropagation()}\n        {...rest}\n      >\n        {!isAlert && title && (\n          <div className=\"flex items-start gap-4\">\n            <h2 className=\"min-w-0 flex-1 break-words pt-1 text-xl font-semibold text-gray-800 dark:text-white/90\">\n              {title}\n            </h2>\n            {showCloseButton && closeButton(true)}\n          </div>\n        )}\n        {showCloseButton && (isAlert || !title) && closeButton(false)}\n        {isAlert ? (\n          <ModalAlert\n            variant={variant}\n            title={title}\n            description={description}\n            actionText={actionText}\n            onAction={onAction ?? onClose}\n          />\n        ) : (\n          <div className={cn(title && \"mt-4\")}>\n            {children}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n};\n","\"use client\";\nimport React, { useState, useRef, useEffect } from \"react\";\nimport FullCalendar from \"@fullcalendar/react\";\nimport dayGridPlugin from \"@fullcalendar/daygrid\";\nimport timeGridPlugin from \"@fullcalendar/timegrid\";\nimport interactionPlugin from \"@fullcalendar/interaction\";\nimport {\n  EventInput,\n  DateSelectArg,\n  EventClickArg,\n  EventContentArg,\n} from \"@fullcalendar/core\";\nimport { Modal } from \"../Modal/Modal\";\n\ninterface CalendarEvent extends EventInput {\n  extendedProps: {\n    calendar: string;\n  };\n}\n\nexport interface CalendarProps {\n  events?: EventInput[];\n  initialView?: string;\n  onEventClick?: (arg: EventClickArg) => void;\n  onDateSelect?: (arg: DateSelectArg) => void;\n}\n\nconst defaultEvents: CalendarEvent[] = [\n  {\n    id: \"1\",\n    title: \"Event Conf.\",\n    start: new Date().toISOString().split(\"T\")[0],\n    extendedProps: { calendar: \"Danger\" },\n  },\n  {\n    id: \"2\",\n    title: \"Meeting\",\n    start: new Date(Date.now() + 86400000).toISOString().split(\"T\")[0],\n    extendedProps: { calendar: \"Success\" },\n  },\n  {\n    id: \"3\",\n    title: \"Workshop\",\n    start: new Date(Date.now() + 172800000).toISOString().split(\"T\")[0],\n    end: new Date(Date.now() + 259200000).toISOString().split(\"T\")[0],\n    extendedProps: { calendar: \"Primary\" },\n  },\n];\n\nexport const Calendar: React.FC<CalendarProps> = ({\n  events: eventsProp,\n  initialView = \"dayGridMonth\",\n  onEventClick,\n  onDateSelect,\n}) => {\n  const [selectedEvent, setSelectedEvent] = useState<CalendarEvent | null>(\n    null\n  );\n  const [eventTitle, setEventTitle] = useState(\"\");\n  const [eventStartDate, setEventStartDate] = useState(\"\");\n  const [eventEndDate, setEventEndDate] = useState(\"\");\n  const [eventLevel, setEventLevel] = useState(\"\");\n  const [events, setEvents] = useState<EventInput[]>(eventsProp ?? []);\n  const [isOpen, setIsOpen] = useState(false);\n  const calendarRef = useRef<FullCalendar>(null);\n\n  const openModal = () => setIsOpen(true);\n  const closeModal = () => setIsOpen(false);\n\n  const calendarsEvents = {\n    Danger: \"danger\",\n    Success: \"success\",\n    Primary: \"primary\",\n    Warning: \"warning\",\n  };\n\n  useEffect(() => {\n    // Initialize with provided events, or fall back to the demo events.\n    setEvents(eventsProp ?? defaultEvents);\n  }, [eventsProp]);\n\n  const handleDateSelect = (selectInfo: DateSelectArg) => {\n    onDateSelect?.(selectInfo);\n    resetModalFields();\n    setEventStartDate(selectInfo.startStr);\n    setEventEndDate(selectInfo.endStr || selectInfo.startStr);\n    openModal();\n  };\n\n  const handleEventClick = (clickInfo: EventClickArg) => {\n    onEventClick?.(clickInfo);\n    const event = clickInfo.event;\n    setSelectedEvent(event as unknown as CalendarEvent);\n    setEventTitle(event.title);\n    setEventStartDate(event.start?.toISOString().split(\"T\")[0] || \"\");\n    setEventEndDate(event.end?.toISOString().split(\"T\")[0] || \"\");\n    setEventLevel(event.extendedProps.calendar);\n    openModal();\n  };\n\n  const handleAddOrUpdateEvent = () => {\n    if (selectedEvent) {\n      // Update existing event\n      setEvents((prevEvents) =>\n        prevEvents.map((event) =>\n          event.id === selectedEvent.id\n            ? {\n                ...event,\n                title: eventTitle,\n                start: eventStartDate,\n                end: eventEndDate,\n                extendedProps: { calendar: eventLevel },\n              }\n            : event\n        )\n      );\n    } else {\n      // Add new event\n      const newEvent: CalendarEvent = {\n        id: Date.now().toString(),\n        title: eventTitle,\n        start: eventStartDate,\n        end: eventEndDate,\n        allDay: true,\n        extendedProps: { calendar: eventLevel },\n      };\n      setEvents((prevEvents) => [...prevEvents, newEvent]);\n    }\n    closeModal();\n    resetModalFields();\n  };\n\n  const resetModalFields = () => {\n    setEventTitle(\"\");\n    setEventStartDate(\"\");\n    setEventEndDate(\"\");\n    setEventLevel(\"\");\n    setSelectedEvent(null);\n  };\n\n  return (\n    <div className=\"rounded-2xl border  border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]\">\n      <div className=\"custom-calendar\">\n        <FullCalendar\n          ref={calendarRef}\n          plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}\n          initialView={initialView}\n          headerToolbar={{\n            left: \"prev,next addEventButton\",\n            center: \"title\",\n            right: \"dayGridMonth,timeGridWeek,timeGridDay\",\n          }}\n          events={events}\n          selectable={true}\n          select={handleDateSelect}\n          eventClick={handleEventClick}\n          eventContent={renderEventContent}\n          customButtons={{\n            addEventButton: {\n              text: \"Add Event +\",\n              click: openModal,\n            },\n          }}\n        />\n      </div>\n      <Modal\n        isOpen={isOpen}\n        onClose={closeModal}\n        className=\"max-w-[700px] p-6 lg:p-10\"\n      >\n        <div className=\"flex flex-col px-2 overflow-y-auto custom-scrollbar\">\n          <div>\n            <h5 className=\"mb-2 font-semibold text-gray-800 modal-title text-theme-xl dark:text-white/90 lg:text-2xl\">\n              {selectedEvent ? \"Edit Event\" : \"Add Event\"}\n            </h5>\n            <p className=\"text-sm text-gray-500 dark:text-gray-400\">\n              Plan your next big moment: schedule or edit an event to stay on\n              track\n            </p>\n          </div>\n          <div className=\"mt-8\">\n            <div>\n              <div>\n                <label className=\"mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400\">\n                  Event Title\n                </label>\n                <input\n                  id=\"event-title\"\n                  type=\"text\"\n                  value={eventTitle}\n                  onChange={(e) => setEventTitle(e.target.value)}\n                  className=\"dark:bg-dark-900 h-11 w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800\"\n                />\n              </div>\n            </div>\n            <div className=\"mt-6\">\n              <label className=\"block mb-4 text-sm font-medium text-gray-700 dark:text-gray-400\">\n                Event Color\n              </label>\n              <div className=\"flex flex-wrap items-center gap-4 sm:gap-5\">\n                {Object.entries(calendarsEvents).map(([key, value]) => (\n                  <div key={key} className=\"n-chk\">\n                    <div\n                      className={`form-check form-check-${value} form-check-inline`}\n                    >\n                      <label\n                        className=\"flex items-center text-sm text-gray-700 form-check-label dark:text-gray-400\"\n                        htmlFor={`modal${key}`}\n                      >\n                        <span className=\"relative\">\n                          <input\n                            className=\"sr-only form-check-input\"\n                            type=\"radio\"\n                            name=\"event-level\"\n                            value={key}\n                            id={`modal${key}`}\n                            checked={eventLevel === key}\n                            onChange={() => setEventLevel(key)}\n                          />\n                          <span className=\"flex items-center justify-center w-5 h-5 mr-2 border border-gray-300 rounded-full box dark:border-gray-700\">\n                            <span\n                              className={`h-2 w-2 rounded-full bg-white ${\n                                eventLevel === key ? \"block\" : \"hidden\"\n                              }`}\n                            ></span>\n                          </span>\n                        </span>\n                        {key}\n                      </label>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n\n            <div className=\"mt-6\">\n              <label className=\"mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400\">\n                Enter Start Date\n              </label>\n              <div className=\"relative\">\n                <input\n                  id=\"event-start-date\"\n                  type=\"date\"\n                  value={eventStartDate}\n                  onChange={(e) => setEventStartDate(e.target.value)}\n                  className=\"dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 pl-4 pr-11 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800\"\n                />\n              </div>\n            </div>\n\n            <div className=\"mt-6\">\n              <label className=\"mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400\">\n                Enter End Date\n              </label>\n              <div className=\"relative\">\n                <input\n                  id=\"event-end-date\"\n                  type=\"date\"\n                  value={eventEndDate}\n                  onChange={(e) => setEventEndDate(e.target.value)}\n                  className=\"dark:bg-dark-900 h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent bg-none px-4 py-2.5 pl-4 pr-11 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800\"\n                />\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-3 mt-6 modal-footer sm:justify-end\">\n            <button\n              onClick={closeModal}\n              type=\"button\"\n              className=\"flex w-full justify-center rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] sm:w-auto\"\n            >\n              Close\n            </button>\n            <button\n              onClick={handleAddOrUpdateEvent}\n              type=\"button\"\n              className=\"btn btn-success btn-update-event flex w-full justify-center rounded-lg bg-brand-500 px-4 py-2.5 text-sm font-medium text-white hover:bg-brand-600 sm:w-auto\"\n            >\n              {selectedEvent ? \"Update Changes\" : \"Add Event\"}\n            </button>\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n};\n\nconst renderEventContent = (eventInfo: EventContentArg) => {\n  const colorClass = `fc-bg-${eventInfo.event.extendedProps.calendar.toLowerCase()}`;\n  return (\n    <div\n      className={`event-fc-color flex fc-event-main ${colorClass} p-1 rounded-sm`}\n    >\n      <div className=\"fc-daygrid-event-dot\"></div>\n      <div className=\"fc-event-time\">{eventInfo.timeText}</div>\n      <div className=\"fc-event-title\">{eventInfo.event.title}</div>\n    </div>\n  );\n};\n"]}