@nswds/app 1.59.0 → 1.60.0

package/dist/index.js

@@ -4,10 +4,10 @@ import clsx12, { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React5 from 'react';
+import React5__default, { forwardRef, useEffect, createContext, useState, useContext, useRef, Suspense, Fragment as Fragment$1, useMemo, useCallback, useId, useLayoutEffect, useInsertionEffect, createElement, Component } from 'react';
 import * as Headless4 from '@headlessui/react';
 import { PopoverGroup, Popover as Popover$1, PopoverButton, PopoverPanel, Dialog as Dialog$1, DialogPanel } from '@headlessui/react';
-import * as React4 from 'react';
-import React4__default, { forwardRef, useEffect, createContext, useState, useContext, useRef, Suspense, Fragment as Fragment$1, useMemo, useCallback, useId, useLayoutEffect, useInsertionEffect, createElement, Component } from 'react';
 import Link12 from 'next/link';
 import { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react';
 import * as RechartsPrimitive from 'recharts';
@@ -108,6 +108,7 @@ var Icons = {
   east: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M727-440H120q-17 0-28.5-11.5T80-480q0-17 11.5-28.5T120-520h607L572-676q-11-11-11.5-27.5T572-732q11-11 28-11t28 11l224 224q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L628-228q-11 11-27.5 11T572-228q-12-12-12-28.5t12-28.5l155-155Z" }) }),
   edit_square: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h261q20 0 30 12.5t10 27.5q0 15-10.5 27.5T460-760H200v560h560v-261q0-20 12.5-30t27.5-10q15 0 27.5 10t12.5 30v261q0 33-23.5 56.5T760-120H200Zm280-360Zm-120 80v-97q0-16 6-30.5t17-25.5l344-344q12-12 27-18t30-6q16 0 30.5 6t26.5 18l56 57q11 12 17 26.5t6 29.5q0 15-5.5 29.5T897-728L553-384q-11 11-25.5 17.5T497-360h-97q-17 0-28.5-11.5T360-400Zm481-384-56-56 56 56ZM440-440h56l232-232-28-28-29-28-231 231v57Zm260-260-29-28 29 28 28 28-28-28Z" }) }),
   edit: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M200-200h57l391-391-57-57-391 391v57Zm-40 80q-17 0-28.5-11.5T120-160v-97q0-16 6-30.5t17-25.5l505-504q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L313-143q-11 11-25.5 17t-30.5 6h-97Zm600-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z" }) }),
+  encrypted: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M444-360h72q9 0 15.5-7.5T536-384l-19-105q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-19 105q-2 9 4.5 16.5T444-360Zm36 276q-7 0-13-1t-12-3q-135-45-215-166.5T160-516v-189q0-25 14.5-45t37.5-29l240-90q14-5 28-5t28 5l240 90q23 9 37.5 29t14.5 45v189q0 140-80 261.5T505-88q-6 2-12 3t-13 1Zm0-80q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z" }) }),
   error: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm0-160q17 0 28.5-11.5T520-480v-160q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v160q0 17 11.5 28.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" }) }),
   exclamation: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-400q-17 0-28.5-11.5T440-440v-280q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v280q0 17-11.5 28.5T480-400Zm0 200q-17 0-28.5-11.5T440-240q0-17 11.5-28.5T480-280q17 0 28.5 11.5T520-240q0 17-11.5 28.5T480-200Z" }) }),
   eye: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-134 0-244.5-72T61-462q-5-9-7.5-18.5T51-500q0-10 2.5-19.5T61-538q64-118 174.5-190T480-800q134 0 244.5 72T899-538q5 9 7.5 18.5T909-500q0 10-2.5 19.5T899-462q-64 118-174.5 190T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z" }) }),
@@ -141,6 +142,8 @@ var Icons = {
   light_mode: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM80-440q-17 0-28.5-11.5T40-480q0-17 11.5-28.5T80-520h80q17 0 28.5 11.5T200-480q0 17-11.5 28.5T160-440H80Zm720 0q-17 0-28.5-11.5T760-480q0-17 11.5-28.5T800-520h80q17 0 28.5 11.5T920-480q0 17-11.5 28.5T880-440h-80ZM480-760q-17 0-28.5-11.5T440-800v-80q0-17 11.5-28.5T480-920q17 0 28.5 11.5T520-880v80q0 17-11.5 28.5T480-760Zm0 720q-17 0-28.5-11.5T440-80v-80q0-17 11.5-28.5T480-200q17 0 28.5 11.5T520-160v80q0 17-11.5 28.5T480-40ZM226-678l-43-42q-12-11-11.5-28t11.5-29q12-12 29-12t28 12l42 43q11 12 11 28t-11 28q-11 12-27.5 11.5T226-678Zm494 495-42-43q-11-12-11-28.5t11-27.5q11-12 27.5-11.5T734-282l43 42q12 11 11.5 28T777-183q-12 12-29 12t-28-12Zm-42-495q-12-11-11.5-27.5T678-734l42-43q11-12 28-11.5t29 11.5q12 12 12 29t-12 28l-43 42q-12 11-28 11t-28-11ZM183-183q-12-12-12-29t12-28l43-42q12-11 28.5-11t27.5 11q12 11 11.5 27.5T282-226l-42 43q-11 12-28 11.5T183-183Zm297-297Z" }) }),
   link: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M280-280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h120q17 0 28.5 11.5T440-640q0 17-11.5 28.5T400-600H280q-50 0-85 35t-35 85q0 50 35 85t85 35h120q17 0 28.5 11.5T440-320q0 17-11.5 28.5T400-280H280Zm80-160q-17 0-28.5-11.5T320-480q0-17 11.5-28.5T360-520h240q17 0 28.5 11.5T640-480q0 17-11.5 28.5T600-440H360Zm200 160q-17 0-28.5-11.5T520-320q0-17 11.5-28.5T560-360h120q50 0 85-35t35-85q0-50-35-85t-85-35H560q-17 0-28.5-11.5T520-640q0-17 11.5-28.5T560-680h120q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H560Z" }) }),
   list: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M320-600q-17 0-28.5-11.5T280-640q0-17 11.5-28.5T320-680h480q17 0 28.5 11.5T840-640q0 17-11.5 28.5T800-600H320Zm0 160q-17 0-28.5-11.5T280-480q0-17 11.5-28.5T320-520h480q17 0 28.5 11.5T840-480q0 17-11.5 28.5T800-440H320Zm0 160q-17 0-28.5-11.5T280-320q0-17 11.5-28.5T320-360h480q17 0 28.5 11.5T840-320q0 17-11.5 28.5T800-280H320ZM160-600q-17 0-28.5-11.5T120-640q0-17 11.5-28.5T160-680q17 0 28.5 11.5T200-640q0 17-11.5 28.5T160-600Zm0 160q-17 0-28.5-11.5T120-480q0-17 11.5-28.5T160-520q17 0 28.5 11.5T200-480q0 17-11.5 28.5T160-440Zm0 160q-17 0-28.5-11.5T120-320q0-17 11.5-28.5T160-360q17 0 28.5 11.5T200-320q0 17-11.5 28.5T160-280Z" }) }),
+  lock: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z" }) }),
+  lock_person: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560q0 20-12.5 30T760-520q-15 0-27.5-10T720-560H240v400h200q17 0 28.5 11.5T480-120q0 17-11.5 28.5T440-80H240Zm0-480v400-400Zm480 320q25 0 42.5-17.5T780-300q0-25-17.5-42.5T720-360q-25 0-42.5 17.5T660-300q0 25 17.5 42.5T720-240Zm0 120q30 0 56-14t43-39q-23-14-48-20.5t-51-6.5q-26 0-51 6.5T621-173q17 25 43 39t56 14Zm0 80q-83 0-141.5-58.5T520-240q0-83 58.5-141.5T720-440q83 0 141.5 58.5T920-240q0 83-58.5 141.5T720-40Z" }) }),
   login: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M520-120q-17 0-28.5-11.5T480-160q0-17 11.5-28.5T520-200h240v-560H520q-17 0-28.5-11.5T480-800q0-17 11.5-28.5T520-840h240q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H520Zm-73-320H160q-17 0-28.5-11.5T120-480q0-17 11.5-28.5T160-520h287l-75-75q-11-11-11-27t11-28q11-12 28-12.5t29 11.5l143 143q12 12 12 28t-12 28L429-309q-12 12-28.5 11.5T372-310q-11-12-10.5-28.5T373-366l74-74Z" }) }),
   logout: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h240q17 0 28.5 11.5T480-800q0 17-11.5 28.5T440-760H200v560h240q17 0 28.5 11.5T480-160q0 17-11.5 28.5T440-120H200Zm487-320H400q-17 0-28.5-11.5T360-480q0-17 11.5-28.5T400-520h287l-75-75q-11-11-11-27t11-28q11-12 28-12.5t29 11.5l143 143q12 12 12 28t-12 28L669-309q-12 12-28.5 11.5T612-310q-11-12-10.5-28.5T613-366l74-74Z" }) }),
   mail: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm640-480L501-453q-5 3-10.5 4.5T480-447q-5 0-10.5-1.5T459-453L160-640v400h640v-400ZM480-520l320-200H160l320 200ZM160-640v10-59 1-32 32-.5 58.5-10 400-400Z" }) }),
@@ -183,6 +186,7 @@ var Icons = {
   view_column: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M121-280v-400q0-33 23.5-56.5T201-760h559q33 0 56.5 23.5T840-680v400q0 33-23.5 56.5T760-200H201q-33 0-56.5-23.5T121-280Zm79 0h133v-400H200v400Zm213 0h133v-400H413v400Zm213 0h133v-400H626v400Z" }) }),
   view_list: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M120-280v-400q0-33 23.5-56.5T200-760h560q33 0 56.5 23.5T840-680v400q0 33-23.5 56.5T760-200H200q-33 0-56.5-23.5T120-280Zm80-320h80v-80h-80v80Zm160 0h400v-80H360v80Zm0 160h400v-80H360v80Zm0 160h400v-80H360v80Zm-160 0h80v-80h-80v80Zm0-160h80v-80h-80v80Z" }) }),
   view_module: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M627-520h133v-160H627v160Zm-214 0h133v-160H413v160Zm-213 0h133v-160H200v160Zm0 240h133v-160H200v160Zm213 0h133v-160H413v160Zm214 0h133v-160H627v160Zm-507 0v-400q0-33 23.5-56.5T200-760h560q33 0 56.5 23.5T840-680v400q0 33-23.5 56.5T760-200H200q-33 0-56.5-23.5T120-280Z" }) }),
+  visibility_lock: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-392q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-134 0-250.5-72T56-466q-4-8-6-16.5T48-500q0-9 2-17.5t6-16.5q57-122 173.5-194T480-800q119 0 221.5 54.5T870-595q10 14 5.5 30.5T856-540q-15 8-31 3.5T799-555q-55-78-138.5-121.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280q10 0 20-.5t20-1.5q16-2 28 8.5t12 26.5q0 17-11.5 30T520-202q-10 1-20 1.5t-20 .5Zm0-120q22 0 42.5-5t38.5-14q5-50 31.5-90t67.5-64v-7q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm-5-180Zm205 380q-17 0-28.5-11.5T640-160v-120q0-17 11.5-28.5T680-320v-40q0-33 23.5-56.5T760-440q33 0 56.5 23.5T840-360v40q17 0 28.5 11.5T880-280v120q0 17-11.5 28.5T840-120H680Zm40-200h80v-40q0-17-11.5-28.5T760-400q-17 0-28.5 11.5T720-360v40Z" }) }),
   warning: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M109-120q-11 0-20-5.5T75-140q-5-9-5.5-19.5T75-180l370-640q6-10 15.5-15t19.5-5q10 0 19.5 5t15.5 15l370 640q6 10 5.5 20.5T885-140q-5 9-14 14.5t-20 5.5H109Zm69-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm0-120q17 0 28.5-11.5T520-400v-120q0-17-11.5-28.5T480-560q-17 0-28.5 11.5T440-520v120q0 17 11.5 28.5T480-360Zm0-100Z" }) }),
   west: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M233-440h607q17 0 28.5-11.5T880-480q0-17-11.5-28.5T840-520H233l155-156q11-11 11.5-27.5T388-732q-11-11-28-11t-28 11L108-508q-6 6-8.5 13T97-480q0 8 2.5 15t8.5 13l224 224q11 11 27.5 11t28.5-11q12-12 12-28.5T388-285L233-440Z" }) }),
   work: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M160-120q-33 0-56.5-23.5T80-200v-440q0-33 23.5-56.5T160-720h160v-80q0-33 23.5-56.5T400-880h160q33 0 56.5 23.5T640-800v80h160q33 0 56.5 23.5T880-640v440q0 33-23.5 56.5T800-120H160Zm0-80h640v-440H160v440Zm240-520h160v-80H400v80ZM160-200v-440 440Z" }) })
@@ -690,118 +694,91 @@ function TouchTarget({ children }) {
     children
   ] });
 }
-function AlertDialog({ ...props }) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
-}
-function AlertDialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
-}
-function AlertDialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Overlay,
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Content,
     {
-      "data-slot": "alert-dialog-overlay",
+      ref,
       className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+        "fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=open]:zoom-in-95 sm:rounded-lg",
         className
       ),
       ...props
     }
-  );
-}
-function AlertDialogContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx(
-      AlertDialogPrimitive.Content,
-      {
-        "data-slot": "alert-dialog-content",
-        className: cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-dialog-footer",
-      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
-      ...props
-    }
-  );
-}
-function AlertDialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Title,
-    {
-      "data-slot": "alert-dialog-title",
-      className: cn("text-lg font-semibold", className),
-      ...props
-    }
-  );
-}
-function AlertDialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
 function AlertDialogAction({
   className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props });
-}
-function AlertDialogCancel({
-  className,
+  variant,
+  color: color2,
+  size,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Cancel,
+    AlertDialogPrimitive.Action,
     {
-      className: cn(buttonVariants({ variant: "outline" }), className),
+      className: cn(buttonVariants({ variant, color: color2, size }), className),
       ...props
     }
   );
 }
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 var useOnWindowResize = (handler) => {
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     const handleResize = () => {
       handler();
     };
@@ -950,9 +927,9 @@ var LegendItem = ({ name, color: color2, onClick, activeLegend }) => {
 };
 var ScrollButton = ({ icon, onClick, disabled }) => {
   const Icon2 = icon;
-  const [isPressed, setIsPressed] = React4__default.useState(false);
-  const intervalRef = React4__default.useRef(null);
-  React4__default.useEffect(() => {
+  const [isPressed, setIsPressed] = React5__default.useState(false);
+  const intervalRef = React5__default.useRef(null);
+  React5__default.useEffect(() => {
     if (isPressed) {
       intervalRef.current = setInterval(() => {
         onClick?.();
@@ -962,7 +939,7 @@ var ScrollButton = ({ icon, onClick, disabled }) => {
     }
     return () => clearInterval(intervalRef.current);
   }, [isPressed, onClick]);
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     if (disabled) {
       clearInterval(intervalRef.current);
       setIsPressed(false);
@@ -994,7 +971,7 @@ var ScrollButton = ({ icon, onClick, disabled }) => {
     }
   );
 };
-var Legend = React4__default.forwardRef((props, ref) => {
+var Legend = React5__default.forwardRef((props, ref) => {
   const {
     categories,
     colors: colors3 = AvailableChartColors,
@@ -1004,19 +981,19 @@ var Legend = React4__default.forwardRef((props, ref) => {
     enableLegendSlider = false,
     ...other
   } = props;
-  const scrollableRef = React4__default.useRef(null);
-  const scrollButtonsRef = React4__default.useRef(null);
-  const [hasScroll, setHasScroll] = React4__default.useState(null);
-  const [isKeyDowned, setIsKeyDowned] = React4__default.useState(null);
-  const intervalRef = React4__default.useRef(null);
-  const checkScroll = React4__default.useCallback(() => {
+  const scrollableRef = React5__default.useRef(null);
+  const scrollButtonsRef = React5__default.useRef(null);
+  const [hasScroll, setHasScroll] = React5__default.useState(null);
+  const [isKeyDowned, setIsKeyDowned] = React5__default.useState(null);
+  const intervalRef = React5__default.useRef(null);
+  const checkScroll = React5__default.useCallback(() => {
     const scrollable = scrollableRef?.current;
     if (!scrollable) return;
     const hasLeftScroll = scrollable.scrollLeft > 0;
     const hasRightScroll = scrollable.scrollWidth - scrollable.clientWidth > scrollable.scrollLeft;
     setHasScroll({ left: hasLeftScroll, right: hasRightScroll });
   }, [setHasScroll]);
-  const scrollToTest = React4__default.useCallback(
+  const scrollToTest = React5__default.useCallback(
     (direction) => {
       const element = scrollableRef?.current;
       const scrollButtons = scrollButtonsRef?.current;
@@ -1034,7 +1011,7 @@ var Legend = React4__default.forwardRef((props, ref) => {
     },
     [enableLegendSlider, checkScroll]
   );
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     const keyDownHandler = (key) => {
       if (key === "ArrowLeft") {
         scrollToTest("left");
@@ -1063,7 +1040,7 @@ var Legend = React4__default.forwardRef((props, ref) => {
     e.stopPropagation();
     setIsKeyDowned(null);
   };
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     const scrollable = scrollableRef?.current;
     if (enableLegendSlider) {
       checkScroll();
@@ -1136,7 +1113,7 @@ var Legend = React4__default.forwardRef((props, ref) => {
 });
 Legend.displayName = "Legend";
 var ChartLegend = ({ payload }, categoryColors, setLegendHeight, activeLegend, onClick, enableLegendSlider, legendPosition, yAxisWidth) => {
-  const legendRef = React4__default.useRef(null);
+  const legendRef = React5__default.useRef(null);
   useOnWindowResize(() => {
     const calculateHeight = (height) => height ? Number(height) + 15 : 60;
     setLegendHeight(calculateHeight(legendRef.current?.clientHeight));
@@ -1237,7 +1214,7 @@ var ChartTooltip = ({ active, payload, label, valueFormatter }) => {
   }
   return null;
 };
-var AreaChart = React4__default.forwardRef((props, ref) => {
+var AreaChart = React5__default.forwardRef((props, ref) => {
   const {
     data = [],
     categories = [],
@@ -1272,16 +1249,16 @@ var AreaChart = React4__default.forwardRef((props, ref) => {
   } = props;
   const CustomTooltip = customTooltip;
   const paddingValue = !showXAxis && !showYAxis || startEndOnly && !showYAxis ? 0 : 20;
-  const [legendHeight, setLegendHeight] = React4__default.useState(60);
-  const [activeDot, setActiveDot] = React4__default.useState(void 0);
-  const [activeLegend, setActiveLegend] = React4__default.useState(void 0);
+  const [legendHeight, setLegendHeight] = React5__default.useState(60);
+  const [activeDot, setActiveDot] = React5__default.useState(void 0);
+  const [activeLegend, setActiveLegend] = React5__default.useState(void 0);
   const categoryColors = constructCategoryColors(categories, colors3);
   const yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);
   const hasOnValueChange = !!onValueChange;
   const stacked = type === "stacked" || type === "percent";
-  const areaId = React4__default.useId();
-  const prevActiveRef = React4__default.useRef(void 0);
-  const prevLabelRef = React4__default.useRef(void 0);
+  const areaId = React5__default.useId();
+  const prevActiveRef = React5__default.useRef(void 0);
+  const prevLabelRef = React5__default.useRef(void 0);
   const getFillContent = ({
     fillType,
     activeDot: activeDot2,
@@ -1482,7 +1459,7 @@ var AreaChart = React4__default.forwardRef((props, ref) => {
         ) : null,
         categories.map((category) => {
           const categoryId = `${areaId}-${category.replace(/[^a-zA-Z0-9]/g, "")}`;
-          return /* @__PURE__ */ jsxs(React4__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React5__default.Fragment, { children: [
             /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
               "linearGradient",
               {
@@ -1584,7 +1561,7 @@ var AreaChart = React4__default.forwardRef((props, ref) => {
                       index2
                     );
                   }
-                  return /* @__PURE__ */ jsx(React4__default.Fragment, {}, index2);
+                  return /* @__PURE__ */ jsx(React5__default.Fragment, {}, index2);
                 },
                 name: category,
                 type: "linear",
@@ -2223,9 +2200,9 @@ var LegendItem2 = ({ name, color: color2, onClick, activeLegend }) => {
 };
 var ScrollButton2 = ({ icon, onClick, disabled }) => {
   const Icon2 = icon;
-  const [isPressed, setIsPressed] = React4__default.useState(false);
-  const intervalRef = React4__default.useRef(null);
-  React4__default.useEffect(() => {
+  const [isPressed, setIsPressed] = React5__default.useState(false);
+  const intervalRef = React5__default.useRef(null);
+  React5__default.useEffect(() => {
     if (isPressed) {
       intervalRef.current = setInterval(() => {
         onClick?.();
@@ -2235,7 +2212,7 @@ var ScrollButton2 = ({ icon, onClick, disabled }) => {
     }
     return () => clearInterval(intervalRef.current);
   }, [isPressed, onClick]);
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     if (disabled) {
       clearInterval(intervalRef.current);
       setIsPressed(false);
@@ -2267,7 +2244,7 @@ var ScrollButton2 = ({ icon, onClick, disabled }) => {
     }
   );
 };
-var Legend2 = React4__default.forwardRef((props, ref) => {
+var Legend2 = React5__default.forwardRef((props, ref) => {
   const {
     categories,
     colors: colors3 = AvailableChartColors,
@@ -2277,19 +2254,19 @@ var Legend2 = React4__default.forwardRef((props, ref) => {
     enableLegendSlider = false,
     ...other
   } = props;
-  const scrollableRef = React4__default.useRef(null);
-  const scrollButtonsRef = React4__default.useRef(null);
-  const [hasScroll, setHasScroll] = React4__default.useState(null);
-  const [isKeyDowned, setIsKeyDowned] = React4__default.useState(null);
-  const intervalRef = React4__default.useRef(null);
-  const checkScroll = React4__default.useCallback(() => {
+  const scrollableRef = React5__default.useRef(null);
+  const scrollButtonsRef = React5__default.useRef(null);
+  const [hasScroll, setHasScroll] = React5__default.useState(null);
+  const [isKeyDowned, setIsKeyDowned] = React5__default.useState(null);
+  const intervalRef = React5__default.useRef(null);
+  const checkScroll = React5__default.useCallback(() => {
     const scrollable = scrollableRef?.current;
     if (!scrollable) return;
     const hasLeftScroll = scrollable.scrollLeft > 0;
     const hasRightScroll = scrollable.scrollWidth - scrollable.clientWidth > scrollable.scrollLeft;
     setHasScroll({ left: hasLeftScroll, right: hasRightScroll });
   }, [setHasScroll]);
-  const scrollToTest = React4__default.useCallback(
+  const scrollToTest = React5__default.useCallback(
     (direction) => {
       const element = scrollableRef?.current;
       const scrollButtons = scrollButtonsRef?.current;
@@ -2307,7 +2284,7 @@ var Legend2 = React4__default.forwardRef((props, ref) => {
     },
     [enableLegendSlider, checkScroll]
   );
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     const keyDownHandler = (key) => {
       if (key === "ArrowLeft") {
         scrollToTest("left");
@@ -2336,7 +2313,7 @@ var Legend2 = React4__default.forwardRef((props, ref) => {
     e.stopPropagation();
     setIsKeyDowned(null);
   };
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     const scrollable = scrollableRef?.current;
     if (enableLegendSlider) {
       checkScroll();
@@ -2409,7 +2386,7 @@ var Legend2 = React4__default.forwardRef((props, ref) => {
 });
 Legend2.displayName = "Legend";
 var ChartLegend2 = ({ payload }, categoryColors, setLegendHeight, activeLegend, onClick, enableLegendSlider, legendPosition, yAxisWidth) => {
-  const legendRef = React4__default.useRef(null);
+  const legendRef = React5__default.useRef(null);
   useOnWindowResize(() => {
     const calculateHeight = (height) => height ? Number(height) + 15 : 60;
     setLegendHeight(calculateHeight(legendRef.current?.clientHeight));
@@ -2509,7 +2486,7 @@ var ChartTooltip2 = ({ active, payload, label, valueFormatter }) => {
   }
   return null;
 };
-var BarChart = React4__default.forwardRef((props, forwardedRef) => {
+var BarChart = React5__default.forwardRef((props, forwardedRef) => {
   const {
     data = [],
     categories = [],
@@ -2544,15 +2521,15 @@ var BarChart = React4__default.forwardRef((props, forwardedRef) => {
   } = props;
   const CustomTooltip = customTooltip;
   const paddingValue = !showXAxis && !showYAxis || startEndOnly && !showYAxis ? 0 : 20;
-  const [legendHeight, setLegendHeight] = React4__default.useState(60);
-  const [activeLegend, setActiveLegend] = React4__default.useState(void 0);
+  const [legendHeight, setLegendHeight] = React5__default.useState(60);
+  const [activeLegend, setActiveLegend] = React5__default.useState(void 0);
   const categoryColors = constructCategoryColors(categories, colors3);
-  const [activeBar, setActiveBar] = React4__default.useState(void 0);
+  const [activeBar, setActiveBar] = React5__default.useState(void 0);
   const yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);
   const hasOnValueChange = !!onValueChange;
   const stacked = type === "stacked" || type === "percent";
-  const prevActiveRef = React4__default.useRef(void 0);
-  const prevLabelRef = React4__default.useRef(void 0);
+  const prevActiveRef = React5__default.useRef(void 0);
+  const prevLabelRef = React5__default.useRef(void 0);
   function valueToPercent(value) {
     return `${(value * 100).toFixed(0)}%`;
   }
@@ -2800,7 +2777,7 @@ function BarListInner({
   ...props
 }, forwardedRef) {
   const Component2 = onValueChange ? "button" : "div";
-  const sortedData = React4__default.useMemo(() => {
+  const sortedData = React5__default.useMemo(() => {
     if (sortOrder === "none") {
       return data;
     }
@@ -2808,7 +2785,7 @@ function BarListInner({
       return sortOrder === "ascending" ? a.value - b.value : b.value - a.value;
     });
   }, [data, sortOrder]);
-  const widths = React4__default.useMemo(() => {
+  const widths = React5__default.useMemo(() => {
     const maxValue = Math.max(...sortedData.map((item) => item.value), 0);
     return sortedData.map(
       (item) => item.value === 0 ? 0 : Math.max(item.value / maxValue * 100, 2)
@@ -2922,7 +2899,7 @@ function BarListInner({
   );
 }
 BarListInner.displayName = "BarList";
-var BarList = React4__default.forwardRef(BarListInner);
+var BarList = React5__default.forwardRef(BarListInner);
 void culori.rgb("tomato");
 var shades = ["lightest", "lighter", "light", "DEFAULT", "dark", "darker", "darkest"];
 var darkenColor = (color2, factor = 0.3) => {
@@ -3596,7 +3573,7 @@ function Breadcrumbs({
   });
   const shouldCollapse = breadcrumbItems.length > maxItems;
   if (!shouldCollapse) {
-    return /* @__PURE__ */ jsx(Breadcrumb, { className: "-ml-1", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+    return /* @__PURE__ */ jsx(Breadcrumb, { className: "-ml-1", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link12, { href: item.path, children: item.label }) }) }),
       index < breadcrumbItems.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, item.path)) }) });
@@ -3607,7 +3584,7 @@ function Breadcrumbs({
   const itemsAtEnd = breadcrumbItems.slice(-endItems);
   const collapsedItems = breadcrumbItems.slice(startItems, breadcrumbItems.length - endItems);
   return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
-    itemsAtStart.map((item, index) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+    itemsAtStart.map((item, index) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link12, { href: item.path, children: item.label }) }) }),
       index < itemsAtStart.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, item.path)),
@@ -3620,7 +3597,7 @@ function Breadcrumbs({
       /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: collapsedItems.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(Link12, { href: item.path, children: item.label }) }, item.path)) })
     ] }) }),
     itemsAtEnd.length > 0 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
-    itemsAtEnd.map((item, index) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+    itemsAtEnd.map((item, index) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link12, { href: item.path, children: item.label }) }) }),
       index < itemsAtEnd.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, item.path))
@@ -3791,8 +3768,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React4.useRef(null);
-  React4.useEffect(() => {
+  const ref = React5.useRef(null);
+  React5.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -3884,9 +3861,9 @@ function CardFooter({ className, ...props }) {
     }
   );
 }
-var CarouselContext = React4.createContext(null);
+var CarouselContext = React5.createContext(null);
 function useCarousel() {
-  const context = React4.useContext(CarouselContext);
+  const context = React5.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -3908,20 +3885,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React4.useState(false);
-  const [canScrollNext, setCanScrollNext] = React4.useState(false);
-  const onSelect = React4.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React5.useState(false);
+  const [canScrollNext, setCanScrollNext] = React5.useState(false);
+  const onSelect = React5.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React4.useCallback(() => {
+  const scrollPrev = React5.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React4.useCallback(() => {
+  const scrollNext = React5.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React4.useCallback(
+  const handleKeyDown = React5.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -3933,11 +3910,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -4057,7 +4034,7 @@ function CarouselNext({
     }
   );
 }
-var Tooltip3 = React4__default.forwardRef(
+var Tooltip3 = React5__default.forwardRef(
   ({
     children,
     className,
@@ -4150,7 +4127,7 @@ var formatNumber = (num) => {
   return num.toFixed(1);
 };
 var BarLabels = ({ values }) => {
-  const sumValues = React4__default.useMemo(() => sumNumericArray(values), [values]);
+  const sumValues = React5__default.useMemo(() => sumNumericArray(values), [values]);
   let prefixSum = 0;
   let sumConsecutiveHiddenLabels = 0;
   return /* @__PURE__ */ jsxs(
@@ -4184,20 +4161,20 @@ var BarLabels = ({ values }) => {
     }
   );
 };
-var CategoryBar = React4__default.forwardRef(
+var CategoryBar = React5__default.forwardRef(
   ({ values = [], colors: colors3 = AvailableChartColors, marker, showLabels = true, className, ...props }, forwardedRef) => {
-    const markerBgColor = React4__default.useMemo(
+    const markerBgColor = React5__default.useMemo(
       () => getMarkerBgColor(marker?.value, values, colors3),
       [marker, values, colors3]
     );
-    const maxValue = React4__default.useMemo(() => sumNumericArray(values), [values]);
-    const adjustedMarkerValue = React4__default.useMemo(() => {
+    const maxValue = React5__default.useMemo(() => sumNumericArray(values), [values]);
+    const adjustedMarkerValue = React5__default.useMemo(() => {
       if (marker === void 0) return void 0;
       if (marker.value < 0) return 0;
       if (marker.value > maxValue) return maxValue;
       return marker.value;
     }, [marker, maxValue]);
-    const markerPositionLeft = React4__default.useMemo(
+    const markerPositionLeft = React5__default.useMemo(
       () => getPositionLeft(adjustedMarkerValue, maxValue),
       [adjustedMarkerValue, maxValue]
     );
@@ -4276,9 +4253,9 @@ var CategoryBar = React4__default.forwardRef(
 );
 CategoryBar.displayName = "CategoryBar";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React4.createContext(null);
+var ChartContext = React5.createContext(null);
 function useChart() {
-  const context = React4.useContext(ChartContext);
+  const context = React5.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -4291,7 +4268,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React4.useId();
+  const uniqueId = React5.useId();
   const chartId = `chart-${id3 || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -4350,7 +4327,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React4.useMemo(() => {
+  const tooltipLabel = React5.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -4527,7 +4504,7 @@ function Checkbox({ className, ...props }) {
     }
   );
 }
-var CheckboxSmall = React4__default.forwardRef(({ className, checked, ...props }, forwardedRef) => {
+var CheckboxSmall = React5__default.forwardRef(({ className, checked, ...props }, forwardedRef) => {
   return /* @__PURE__ */ jsx(
     CheckboxPrimitive.Root,
     {
@@ -8791,7 +8768,7 @@ function CodeDemoContent({ data, hide = {} }) {
     acc[`${prefix}${suffix}`] = shade.hex;
     return acc;
   }, {});
-  const themeValues = React4__default.useMemo(
+  const themeValues = React5__default.useMemo(
     () => ({
       ...getShades("primary", primaryColor, themeCategory),
       ...getShades("accent", accentColor, themeCategory),
@@ -8799,7 +8776,7 @@ function CodeDemoContent({ data, hide = {} }) {
     }),
     [themeCategory, primaryColor, accentColor, greyColor]
   );
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     const frame2 = iframeRef.current;
     if (!frame2) return;
     const send = () => {
@@ -8866,7 +8843,7 @@ function CodeDemoContent({ data, hide = {} }) {
   const codeItems = getCodeItems(code);
   const current = getCurrent(codeItems, tabIndex);
   const shouldExpand = getShouldExpand(current.code.trim());
-  const variantLabels = React4__default.useMemo(() => {
+  const variantLabels = React5__default.useMemo(() => {
     const explicit = data.labels ?? {};
     return Object.fromEntries(variants.map((v) => [v, explicit[v] ?? humaniseVariant(v)]));
   }, [variants, data]);
@@ -8986,7 +8963,7 @@ function CodeDemoContent({ data, hide = {} }) {
 function CodeDemo(props) {
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(CodeDemoLoading, {}), children: /* @__PURE__ */ jsx(CodeDemoContent, { ...props }) });
 }
-var IFrame = React4__default.forwardRef(
+var IFrame = React5__default.forwardRef(
   ({ iframe, isRTL, isDarkMode }, ref) => {
     useEffect(() => {
       const document2 = ref?.current?.contentDocument;
@@ -9033,7 +9010,7 @@ function CodePreview({
   themeValues,
   children
 }) {
-  const cssVars = React4__default.useMemo(() => {
+  const cssVars = React5__default.useMemo(() => {
     const withCssVarNames = Object.entries(themeValues).map(([key, value]) => {
       const kebab = key.replace(/(\D+)(\d+)/, "$1-$2");
       return [`--color-${kebab}`, value];
@@ -9467,9 +9444,9 @@ var LegendItem3 = ({ name, color: color2, onClick, activeLegend, chartType }) =>
 };
 var ScrollButton3 = ({ icon, onClick, disabled }) => {
   const Icon2 = icon;
-  const [isPressed, setIsPressed] = React4__default.useState(false);
-  const intervalRef = React4__default.useRef(null);
-  React4__default.useEffect(() => {
+  const [isPressed, setIsPressed] = React5__default.useState(false);
+  const intervalRef = React5__default.useRef(null);
+  React5__default.useEffect(() => {
     if (isPressed) {
       intervalRef.current = setInterval(() => {
         onClick?.();
@@ -9479,7 +9456,7 @@ var ScrollButton3 = ({ icon, onClick, disabled }) => {
     }
     return () => clearInterval(intervalRef.current);
   }, [isPressed, onClick]);
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     if (disabled) {
       clearInterval(intervalRef.current);
       setIsPressed(false);
@@ -9511,7 +9488,7 @@ var ScrollButton3 = ({ icon, onClick, disabled }) => {
     }
   );
 };
-var Legend4 = React4__default.forwardRef((props, ref) => {
+var Legend4 = React5__default.forwardRef((props, ref) => {
   const {
     categories,
     barCategoryColors,
@@ -9522,18 +9499,18 @@ var Legend4 = React4__default.forwardRef((props, ref) => {
     className,
     ...other
   } = props;
-  const scrollableRef = React4__default.useRef(null);
-  const [hasScroll, setHasScroll] = React4__default.useState(null);
-  const [isKeyDowned, setIsKeyDowned] = React4__default.useState(null);
-  const intervalRef = React4__default.useRef(null);
-  const checkScroll = React4__default.useCallback(() => {
+  const scrollableRef = React5__default.useRef(null);
+  const [hasScroll, setHasScroll] = React5__default.useState(null);
+  const [isKeyDowned, setIsKeyDowned] = React5__default.useState(null);
+  const intervalRef = React5__default.useRef(null);
+  const checkScroll = React5__default.useCallback(() => {
     const scrollable = scrollableRef?.current;
     if (!scrollable) return;
     const hasLeftScroll = scrollable.scrollLeft > 0;
     const hasRightScroll = scrollable.scrollWidth - scrollable.clientWidth > scrollable.scrollLeft;
     setHasScroll({ left: hasLeftScroll, right: hasRightScroll });
   }, [setHasScroll]);
-  const scrollToTest = React4__default.useCallback(
+  const scrollToTest = React5__default.useCallback(
     (direction) => {
       const element = scrollableRef?.current;
       const width = element?.clientWidth ?? 0;
@@ -9549,7 +9526,7 @@ var Legend4 = React4__default.forwardRef((props, ref) => {
     },
     [enableLegendSlider, checkScroll]
   );
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     const keyDownHandler = (key) => {
       if (key === "ArrowLeft") {
         scrollToTest("left");
@@ -9578,7 +9555,7 @@ var Legend4 = React4__default.forwardRef((props, ref) => {
     e.stopPropagation();
     setIsKeyDowned(null);
   };
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     const scrollable = scrollableRef?.current;
     if (enableLegendSlider) {
       checkScroll();
@@ -9655,7 +9632,7 @@ var Legend4 = React4__default.forwardRef((props, ref) => {
 });
 Legend4.displayName = "Legend";
 var ChartLegend4 = ({ payload }, barCategoryColors, lineCategoryColors, setLegendHeight, activeLegend, onClick, enableLegendSlider, legendPosition, barYAxisWidth, lineYAxisWidth) => {
-  const legendRef = React4__default.useRef(null);
+  const legendRef = React5__default.useRef(null);
   useOnWindowResize(() => {
     const calculateHeight = (height) => height ? Number(height) + 15 : 60;
     setLegendHeight(calculateHeight(legendRef.current?.clientHeight));
@@ -9774,7 +9751,7 @@ var ChartTooltip4 = ({
   }
   return null;
 };
-var ComboChart = React4__default.forwardRef((props, forwardedRef) => {
+var ComboChart = React5__default.forwardRef((props, forwardedRef) => {
   const defaultSeries = {
     categories: [],
     colors: AvailableChartColors,
@@ -9819,11 +9796,11 @@ var ComboChart = React4__default.forwardRef((props, forwardedRef) => {
   const mergedLineSeries = { ...defaultLineSeries, ...lineSeries };
   const CustomTooltip = customTooltip;
   const paddingValue = !showXAxis && !mergedBarSeries.showYAxis && enableBiaxial && !mergedLineSeries.showYAxis || startEndOnly && !mergedBarSeries.showYAxis && enableBiaxial && !mergedLineSeries.showYAxis ? 0 : 20;
-  const [legendHeight, setLegendHeight] = React4__default.useState(60);
-  const [activeDot, setActiveDot] = React4__default.useState(void 0);
-  const [activeLegend, setActiveLegend] = React4__default.useState(void 0);
-  const prevActiveRef = React4__default.useRef(void 0);
-  const prevLabelRef = React4__default.useRef(void 0);
+  const [legendHeight, setLegendHeight] = React5__default.useState(60);
+  const [activeDot, setActiveDot] = React5__default.useState(void 0);
+  const [activeLegend, setActiveLegend] = React5__default.useState(void 0);
+  const prevActiveRef = React5__default.useRef(void 0);
+  const prevLabelRef = React5__default.useRef(void 0);
   const barCategoryColors = constructCategoryColors(
     mergedBarSeries.categories,
     mergedBarSeries.colors ?? AvailableChartColors
@@ -9832,7 +9809,7 @@ var ComboChart = React4__default.forwardRef((props, forwardedRef) => {
     mergedLineSeries.categories,
     mergedLineSeries.colors ?? AvailableChartColors
   );
-  const [activeBar, setActiveBar] = React4__default.useState(void 0);
+  const [activeBar, setActiveBar] = React5__default.useState(void 0);
   const barYAxisDomain = getYAxisDomain(
     mergedBarSeries.autoMinValue ?? false,
     mergedBarSeries.minValue,
@@ -10232,7 +10209,7 @@ var ComboChart = React4__default.forwardRef((props, forwardedRef) => {
                       index2
                     );
                   }
-                  return /* @__PURE__ */ jsx(React4__default.Fragment, {}, index2);
+                  return /* @__PURE__ */ jsx(React5__default.Fragment, {}, index2);
                 },
                 name: category,
                 type: "linear",
@@ -11019,11 +10996,11 @@ function DataTable({
   columns,
   data
 }) {
-  const [rowSelection, setRowSelection] = React4.useState({});
-  const [columnVisibility, setColumnVisibility] = React4.useState({});
-  const [columnFilters, setColumnFilters] = React4.useState([]);
-  const [sorting, setSorting] = React4.useState([]);
-  const [globalFilter, setGlobalFilter] = React4.useState("");
+  const [rowSelection, setRowSelection] = React5.useState({});
+  const [columnVisibility, setColumnVisibility] = React5.useState({});
+  const [columnFilters, setColumnFilters] = React5.useState([]);
+  const [sorting, setSorting] = React5.useState([]);
+  const [globalFilter, setGlobalFilter] = React5.useState("");
   const table = useReactTable({
     data,
     columns,
@@ -11215,7 +11192,7 @@ var renderInactiveShape = (props) => {
     }
   );
 };
-var DonutChart = React4__default.forwardRef(
+var DonutChart = React5__default.forwardRef(
   ({
     data = [],
     value,
@@ -11233,13 +11210,13 @@ var DonutChart = React4__default.forwardRef(
     ...other
   }, forwardedRef) => {
     const CustomTooltip = customTooltip;
-    const [activeIndex, setActiveIndex] = React4__default.useState(void 0);
+    const [activeIndex, setActiveIndex] = React5__default.useState(void 0);
     const isDonut = variant === "donut";
     const parsedLabelInput = parseLabelInput(label, valueFormatter, data, value);
     const categories = Array.from(new Set(data.map((item) => item[category])));
     const categoryColors = constructCategoryColors(categories, colors3);
-    const prevActiveRef = React4__default.useRef(void 0);
-    const prevCategoryRef = React4__default.useRef(void 0);
+    const prevActiveRef = React5__default.useRef(void 0);
+    const prevCategoryRef = React5__default.useRef(void 0);
     const handleShapeClick = (data2, index, event) => {
       event.stopPropagation();
       if (!onValueChange) return;
@@ -11468,10 +11445,10 @@ function DynamicFavicon({ lightModeFavicon, darkModeFavicon }) {
   }, [lightModeFavicon, darkModeFavicon]);
   return null;
 }
-var ExpandableSearchContext = React4.createContext(null);
-var ExpandableSearch = React4.forwardRef(({ className, onAction, defaultValue = "", ...props }, ref) => {
-  const [value, setValue] = React4.useState(defaultValue);
-  const formRef = React4.useRef(null);
+var ExpandableSearchContext = React5.createContext(null);
+var ExpandableSearch = React5.forwardRef(({ className, onAction, defaultValue = "", ...props }, ref) => {
+  const [value, setValue] = React5.useState(defaultValue);
+  const formRef = React5.useRef(null);
   const handleAction = (e) => {
     e.preventDefault();
     if (onAction) {
@@ -11489,10 +11466,10 @@ var ExpandableSearch = React4.forwardRef(({ className, onAction, defaultValue =
   ) });
 });
 ExpandableSearch.displayName = "ExpandableSearch";
-var ExpandableSearchField = React4.forwardRef(({ className, ...props }, ref) => {
-  const context = React4.useContext(ExpandableSearchContext);
+var ExpandableSearchField = React5.forwardRef(({ className, ...props }, ref) => {
+  const context = React5.useContext(ExpandableSearchContext);
   if (!context) throw new Error("ExpandableSearchField must be used within ExpandableSearch");
-  const [isFocused, setIsFocused] = React4.useState(false);
+  const [isFocused, setIsFocused] = React5.useState(false);
   const isActive = context.value.length > 0 || isFocused;
   return /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
     /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: "expandable-search", children: "Search" }),
@@ -11721,15 +11698,15 @@ function Footer({
   );
 }
 var Form = FormProvider;
-var FormFieldContext = React4.createContext({});
+var FormFieldContext = React5.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React4.useContext(FormFieldContext);
-  const itemContext = React4.useContext(FormItemContext);
+  const fieldContext = React5.useContext(FormFieldContext);
+  const itemContext = React5.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -11746,9 +11723,9 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React4.createContext({});
+var FormItemContext = React5.createContext({});
 function FormItem({ className, ...props }) {
-  const id3 = React4.useId();
+  const id3 = React5.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id: id3 }, children: /* @__PURE__ */ jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) });
 }
 function FormLabel({ className, ...props }) {
@@ -11876,7 +11853,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React4.createContext({
+var ToggleGroupContext = React5.createContext({
   size: "default",
   variant: "ghost"
 });
@@ -11909,7 +11886,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React4.useContext(ToggleGroupContext);
+  const context = React5.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -11951,7 +11928,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.58.0"};
+  version: "1.59.0"};
 function Heading({
   className,
   trim = "normal",
@@ -12048,9 +12025,9 @@ function Logo(props) {
   ] });
 }
 function SiteSearch({ navigation }) {
-  const [open, setOpen] = React4.useState(false);
+  const [open, setOpen] = React5.useState(false);
   const router = useRouter();
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     const down = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -12060,7 +12037,7 @@ function SiteSearch({ navigation }) {
     document.addEventListener("keydown", down);
     return () => document.removeEventListener("keydown", down);
   }, []);
-  const runCommand = React4.useCallback((command) => {
+  const runCommand = React5.useCallback((command) => {
     setOpen(false);
     command();
   }, []);
@@ -12233,7 +12210,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React4.useContext(OTPInputContext);
+  const inputOTPContext = React5.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -12301,9 +12278,9 @@ var LegendItem4 = ({ name, color: color2, onClick, activeLegend }) => {
 };
 var ScrollButton4 = ({ icon, onClick, disabled }) => {
   const Icon2 = icon;
-  const [isPressed, setIsPressed] = React4__default.useState(false);
-  const intervalRef = React4__default.useRef(null);
-  React4__default.useEffect(() => {
+  const [isPressed, setIsPressed] = React5__default.useState(false);
+  const intervalRef = React5__default.useRef(null);
+  React5__default.useEffect(() => {
     if (isPressed) {
       intervalRef.current = setInterval(() => {
         onClick?.();
@@ -12313,7 +12290,7 @@ var ScrollButton4 = ({ icon, onClick, disabled }) => {
     }
     return () => clearInterval(intervalRef.current);
   }, [isPressed, onClick]);
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     if (disabled) {
       clearInterval(intervalRef.current);
       setIsPressed(false);
@@ -12345,7 +12322,7 @@ var ScrollButton4 = ({ icon, onClick, disabled }) => {
     }
   );
 };
-var Legend7 = React4__default.forwardRef((props, ref) => {
+var Legend7 = React5__default.forwardRef((props, ref) => {
   const {
     categories,
     colors: colors3 = AvailableChartColors,
@@ -12355,19 +12332,19 @@ var Legend7 = React4__default.forwardRef((props, ref) => {
     enableLegendSlider = false,
     ...other
   } = props;
-  const scrollableRef = React4__default.useRef(null);
-  const scrollButtonsRef = React4__default.useRef(null);
-  const [hasScroll, setHasScroll] = React4__default.useState(null);
-  const [isKeyDowned, setIsKeyDowned] = React4__default.useState(null);
-  const intervalRef = React4__default.useRef(null);
-  const checkScroll = React4__default.useCallback(() => {
+  const scrollableRef = React5__default.useRef(null);
+  const scrollButtonsRef = React5__default.useRef(null);
+  const [hasScroll, setHasScroll] = React5__default.useState(null);
+  const [isKeyDowned, setIsKeyDowned] = React5__default.useState(null);
+  const intervalRef = React5__default.useRef(null);
+  const checkScroll = React5__default.useCallback(() => {
     const scrollable = scrollableRef?.current;
     if (!scrollable) return;
     const hasLeftScroll = scrollable.scrollLeft > 0;
     const hasRightScroll = scrollable.scrollWidth - scrollable.clientWidth > scrollable.scrollLeft;
     setHasScroll({ left: hasLeftScroll, right: hasRightScroll });
   }, [setHasScroll]);
-  const scrollToTest = React4__default.useCallback(
+  const scrollToTest = React5__default.useCallback(
     (direction) => {
       const element = scrollableRef?.current;
       const scrollButtons = scrollButtonsRef?.current;
@@ -12385,7 +12362,7 @@ var Legend7 = React4__default.forwardRef((props, ref) => {
     },
     [enableLegendSlider, checkScroll]
   );
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     const keyDownHandler = (key) => {
       if (key === "ArrowLeft") {
         scrollToTest("left");
@@ -12414,7 +12391,7 @@ var Legend7 = React4__default.forwardRef((props, ref) => {
     e.stopPropagation();
     setIsKeyDowned(null);
   };
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     const scrollable = scrollableRef?.current;
     if (enableLegendSlider) {
       checkScroll();
@@ -12487,7 +12464,7 @@ var Legend7 = React4__default.forwardRef((props, ref) => {
 });
 Legend7.displayName = "Legend";
 var ChartLegend5 = ({ payload }, categoryColors, setLegendHeight, activeLegend, onClick, enableLegendSlider, legendPosition, yAxisWidth) => {
-  const legendRef = React4__default.useRef(null);
+  const legendRef = React5__default.useRef(null);
   useOnWindowResize(() => {
     const calculateHeight = (height) => height ? Number(height) + 15 : 60;
     setLegendHeight(calculateHeight(legendRef.current?.clientHeight));
@@ -12589,7 +12566,7 @@ var ChartTooltip6 = ({ active, payload, label, valueFormatter }) => {
   }
   return null;
 };
-var LineChart = React4__default.forwardRef((props, ref) => {
+var LineChart = React5__default.forwardRef((props, ref) => {
   const {
     data = [],
     categories = [],
@@ -12622,14 +12599,14 @@ var LineChart = React4__default.forwardRef((props, ref) => {
   } = props;
   const CustomTooltip = customTooltip;
   const paddingValue = !showXAxis && !showYAxis || startEndOnly && !showYAxis ? 0 : 20;
-  const [legendHeight, setLegendHeight] = React4__default.useState(60);
-  const [activeDot, setActiveDot] = React4__default.useState(void 0);
-  const [activeLegend, setActiveLegend] = React4__default.useState(void 0);
+  const [legendHeight, setLegendHeight] = React5__default.useState(60);
+  const [activeDot, setActiveDot] = React5__default.useState(void 0);
+  const [activeLegend, setActiveLegend] = React5__default.useState(void 0);
   const categoryColors = constructCategoryColors(categories, colors3);
   const yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);
   const hasOnValueChange = !!onValueChange;
-  const prevActiveRef = React4__default.useRef(void 0);
-  const prevLabelRef = React4__default.useRef(void 0);
+  const prevActiveRef = React5__default.useRef(void 0);
+  const prevLabelRef = React5__default.useRef(void 0);
   function onDotClick(itemData, event) {
     event.stopPropagation();
     if (!hasOnValueChange) return;
@@ -12882,7 +12859,7 @@ var LineChart = React4__default.forwardRef((props, ref) => {
                   index2
                 );
               }
-              return /* @__PURE__ */ jsx(React4__default.Fragment, {}, index2);
+              return /* @__PURE__ */ jsx(React5__default.Fragment, {}, index2);
             },
             name: category,
             type: "linear",
@@ -12942,7 +12919,7 @@ var gapStyles = {
   md: "space-y-2",
   lg: "space-y-3"
 };
-var List2 = React4.forwardRef(
+var List2 = React5.forwardRef(
   ({ asChild, variant = "disc", size = "md", gap = "md", className, ...props }, ref) => {
     const Comp = asChild ? Slot : "ul";
     return /* @__PURE__ */ jsx(
@@ -12957,7 +12934,7 @@ var List2 = React4.forwardRef(
   }
 );
 List2.displayName = "List";
-var ListItem = React4.forwardRef(
+var ListItem = React5.forwardRef(
   ({ icon, className, children, ...props }, ref) => {
     if (icon) {
       return /* @__PURE__ */ jsxs("li", { ref, "data-slot": "list-item", className: cn2("flex gap-2", className), ...props, children: [
@@ -13516,9 +13493,9 @@ function MenubarSubContent({
   );
 }
 function MobileSearch({ navigation }) {
-  const [open, setOpen] = React4.useState(false);
+  const [open, setOpen] = React5.useState(false);
   const router = useRouter();
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     const down = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -13528,7 +13505,7 @@ function MobileSearch({ navigation }) {
     document.addEventListener("keydown", down);
     return () => document.removeEventListener("keydown", down);
   }, []);
-  const runCommand = React4.useCallback((command) => {
+  const runCommand = React5.useCallback((command) => {
     setOpen(false);
     command();
   }, []);
@@ -21902,8 +21879,19 @@ function NavigationMenuIndicator({
     }
   );
 }
-function Wrapper({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: "max-w-8xl mx-auto space-y-8 px-4 py-6 sm:px-6 lg:px-12", children });
+function Wrapper({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `max-w-8xl mx-auto space-y-8 px-4 py-6 sm:px-6 lg:px-12 ${className}`,
+      ...props,
+      children
+    }
+  );
 }
 function PageHeading({
   heading,
@@ -22136,7 +22124,7 @@ var progressBarVariants = tv({
     variant: "default"
   }
 });
-var ProgressBar = React4__default.forwardRef(
+var ProgressBar = React5__default.forwardRef(
   ({
     value = 0,
     max = 100,
@@ -22224,7 +22212,7 @@ var progressCircleVariants = tv({
     variant: "default"
   }
 });
-var ProgressCircle = React4__default.forwardRef(
+var ProgressCircle = React5__default.forwardRef(
   ({
     value = 0,
     max = 100,
@@ -22485,8 +22473,8 @@ function Skeleton({ className, ...props }) {
 }
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React4.useState(void 0);
-  React4.useEffect(() => {
+  const [isMobile, setIsMobile] = React5.useState(void 0);
+  React5.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -22503,9 +22491,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React4.createContext(null);
+var SidebarContext = React5.createContext(null);
 function useSidebar() {
-  const context = React4.useContext(SidebarContext);
+  const context = React5.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -22521,10 +22509,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React4.useState(false);
-  const [_open, _setOpen] = React4.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React5.useState(false);
+  const [_open, _setOpen] = React5.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React4.useCallback(
+  const setOpen = React5.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -22536,10 +22524,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React4.useCallback(() => {
+  const toggleSidebar = React5.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -22550,7 +22538,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React4.useMemo(
+  const contextValue = React5.useMemo(
     () => ({
       state,
       open,
@@ -22993,7 +22981,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React4.useMemo(() => {
+  const width = React5.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -23167,7 +23155,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React4.useMemo(
+  const _values = React5.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -23231,7 +23219,7 @@ var Toaster = ({ ...props }) => {
     }
   );
 };
-var SparkAreaChart = React4__default.forwardRef(
+var SparkAreaChart = React5__default.forwardRef(
   (props, forwardedRef) => {
     const {
       data = [],
@@ -23250,7 +23238,7 @@ var SparkAreaChart = React4__default.forwardRef(
     const categoryColors = constructCategoryColors(categories, colors3);
     const yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);
     const stacked = type === "stacked" || type === "percent";
-    const areaId = React4__default.useId();
+    const areaId = React5__default.useId();
     const getFillContent = (fillType) => {
       switch (fillType) {
         case "none":
@@ -23289,7 +23277,7 @@ var SparkAreaChart = React4__default.forwardRef(
               /* @__PURE__ */ jsx(YAxis, { hide: true, domain: yAxisDomain }),
               categories.map((category) => {
                 const categoryId = `${areaId}-${category.replace(/[^a-zA-Z0-9]/g, "")}`;
-                return /* @__PURE__ */ jsxs(React4__default.Fragment, { children: [
+                return /* @__PURE__ */ jsxs(React5__default.Fragment, { children: [
                   /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
                     "linearGradient",
                     {
@@ -23342,7 +23330,7 @@ var SparkAreaChart = React4__default.forwardRef(
   }
 );
 SparkAreaChart.displayName = "SparkAreaChart";
-var SparkLineChart = React4__default.forwardRef(
+var SparkLineChart = React5__default.forwardRef(
   (props, forwardedRef) => {
     const {
       data = [],
@@ -23409,7 +23397,7 @@ var SparkLineChart = React4__default.forwardRef(
   }
 );
 SparkLineChart.displayName = "SparkLineChart";
-var SparkBarChart = React4__default.forwardRef((props, forwardedRef) => {
+var SparkBarChart = React5__default.forwardRef((props, forwardedRef) => {
   const {
     data = [],
     categories = [],
@@ -23510,7 +23498,7 @@ function Spinner({ className, size = "md", ...props }) {
     }
   ) });
 }
-var StepIndicator = React4.forwardRef(
+var StepIndicator = React5.forwardRef(
   ({ className, array, onLinkClick, ...props }, ref) => {
     const pathname = usePathname();
     return /* @__PURE__ */ jsx("ul", { role: "list", ref, className: cn("w-full", className), ...props, children: array.map((step, stepIdx) => /* @__PURE__ */ jsx(
@@ -24015,8 +24003,8 @@ function TableOfContents({ tableOfContents }) {
 function getSubtree(options, content) {
   const { asChild, children } = options;
   if (!asChild) return typeof content === "function" ? content(children) : content;
-  const firstChild = React4__default.Children.only(children);
-  return React4__default.cloneElement(firstChild, {
+  const firstChild = React5__default.Children.only(children);
+  return React5__default.cloneElement(firstChild, {
     ...firstChild.props,
     children: typeof content === "function" ? content(firstChild.props.children) : content
   });
@@ -24032,7 +24020,7 @@ var TabNavigationContext = createContext({
   registerTab: () => {
   }
 });
-var TabNavigation = React4__default.forwardRef(({ className, children, ...props }, forwardedRef) => {
+var TabNavigation = React5__default.forwardRef(({ className, children, ...props }, forwardedRef) => {
   const [hoveredTab, setHoveredTab] = useState(null);
   const [activeTab, setActiveTab] = useState(null);
   const [tabRefs] = useState(/* @__PURE__ */ new Map());
@@ -24085,11 +24073,11 @@ var TabNavigation = React4__default.forwardRef(({ className, children, ...props
   );
 });
 TabNavigation.displayName = "TabNavigation";
-var TabNavigationLink = React4__default.forwardRef(({ asChild, disabled, className, children, tabId, ...props }, forwardedRef) => {
+var TabNavigationLink = React5__default.forwardRef(({ asChild, disabled, className, children, tabId, ...props }, forwardedRef) => {
   const { setHoveredTab, activeTab, setActiveTab, registerTab } = useContext(TabNavigationContext);
-  const linkRef = React4__default.useRef(null);
+  const linkRef = React5__default.useRef(null);
   const id3 = tabId || "unique-id";
-  React4__default.useEffect(() => {
+  React5__default.useEffect(() => {
     if (linkRef.current) {
       registerTab(id3, linkRef.current);
     }
@@ -24111,7 +24099,7 @@ var TabNavigationLink = React4__default.forwardRef(({ asChild, disabled, classNa
   return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, { className: "flex", "aria-disabled": disabled, children: /* @__PURE__ */ jsx(
     NavigationMenuPrimitive.Link,
     {
-      ref: React4__default.useMemo(() => {
+      ref: React5__default.useMemo(() => {
         return (node) => {
           linkRef.current = node;
           if (typeof forwardedRef === "function") {
@@ -24161,7 +24149,7 @@ var Tabs2 = (props) => {
   return /* @__PURE__ */ jsx(TabsPrimitives.Root, { "tremor-id": "tremor-raw", ...props });
 };
 Tabs2.displayName = "Tabs";
-var TabsListVariantContext = React4__default.createContext("line");
+var TabsListVariantContext = React5__default.createContext("line");
 var variantStyles2 = {
   line: cn(
     // base
@@ -24176,7 +24164,7 @@ var variantStyles2 = {
     "bg-grey-100 dark:bg-grey-900"
   )
 };
-var TabsList = React4__default.forwardRef(
+var TabsList = React5__default.forwardRef(
   ({ className, variant = "line", children, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
     TabsPrimitives.List,
     {
@@ -24225,8 +24213,8 @@ function getVariantStyles(tabVariant) {
       );
   }
 }
-var TabsTrigger = React4__default.forwardRef(({ className, children, ...props }, forwardedRef) => {
-  const variant = React4__default.useContext(TabsListVariantContext);
+var TabsTrigger = React5__default.forwardRef(({ className, children, ...props }, forwardedRef) => {
+  const variant = React5__default.useContext(TabsListVariantContext);
   return /* @__PURE__ */ jsx(
     TabsPrimitives.Trigger,
     {
@@ -24238,7 +24226,7 @@ var TabsTrigger = React4__default.forwardRef(({ className, children, ...props },
   );
 });
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React4__default.forwardRef(({ className, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
+var TabsContent = React5__default.forwardRef(({ className, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
   TabsPrimitives.Content,
   {
     ref: forwardedRef,
@@ -24525,7 +24513,7 @@ function useToc() {
   return useContext(TocContext);
 }
 var Block = ({ color: color2, tooltip, defaultBackgroundColor, hoverEffect }) => {
-  const [open, setOpen] = React4__default.useState(false);
+  const [open, setOpen] = React5__default.useState(false);
   return /* @__PURE__ */ jsxs(
     HoverCardPrimitive.Root,
     {
@@ -24568,7 +24556,7 @@ var Block = ({ color: color2, tooltip, defaultBackgroundColor, hoverEffect }) =>
   );
 };
 Block.displayName = "Block";
-var Tracker = React4__default.forwardRef(
+var Tracker = React5__default.forwardRef(
   ({
     data = [],
     defaultBackgroundColor = "bg-gray-400 dark:bg-gray-400",