@nswds/app 1.54.3 → 1.54.7

package/dist/index.js

@@ -7,8 +7,8 @@ import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as Headless4 from '@headlessui/react';
 import { PopoverGroup, Popover as Popover$1, PopoverButton, PopoverPanel, Dialog as Dialog$1, DialogPanel } from '@headlessui/react';
-import * as React16 from 'react';
-import React16__default, { forwardRef, useEffect, createContext, useRef, useState, Suspense, useId, useMemo, useContext, Fragment as Fragment$1, useCallback, useLayoutEffect, useInsertionEffect, createElement, Component } from 'react';
+import * as React18 from 'react';
+import React18__default, { forwardRef, useEffect, createContext, useRef, useState, Suspense, useId, useMemo, useContext, Fragment as Fragment$1, useCallback, useLayoutEffect, useInsertionEffect, createElement, Component } from 'react';
 import Link10 from 'next/link';
 import * as culori from 'culori';
 import { Slot } from '@radix-ui/react-slot';
@@ -33,7 +33,7 @@ import { Toaster as Toaster$1, toast } from 'sonner';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { CircleIcon, ArrowLeft, ArrowRight, MinusIcon, Layers, Hash } from 'lucide-react';
-import * as TabsPrimitive2 from '@radix-ui/react-tabs';
+import * as TabsPrimitives from '@radix-ui/react-tabs';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { Command as Command$1 } from 'cmdk';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -69,6 +69,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 var Icons = {
   account_circle: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.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-80q53 0 100-15.5t86-44.5q-39-29-86-44.5T480-280q-53 0-100 15.5T294-220q39 29 86 44.5T480-160Zm0-360q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0-60Zm0 360Z" }) }),
+  add_circle: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M440-440v120q0 17 11.5 28.5T480-280q17 0 28.5-11.5T520-320v-120h120q17 0 28.5-11.5T680-480q0-17-11.5-28.5T640-520H520v-120q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v120H320q-17 0-28.5 11.5T280-480q0 17 11.5 28.5T320-440h120Zm40 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" }) }),
   add_location: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M440-520v80q0 17 11.5 28.5T480-400q17 0 28.5-11.5T520-440v-80h80q17 0 28.5-11.5T640-560q0-17-11.5-28.5T600-600h-80v-80q0-17-11.5-28.5T480-720q-17 0-28.5 11.5T440-680v80h-80q-17 0-28.5 11.5T320-560q0 17 11.5 28.5T360-520h80Zm40 334q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 79q-14 0-28-5t-25-15q-65-60-115-117t-83.5-110.5q-33.5-53.5-51-103T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 45-17.5 94.5t-51 103Q698-301 648-244T533-127q-11 10-25 15t-28 5Zm0-453Z" }) }),
   add_photo: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-480ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280q17 0 28.5 11.5T520-800q0 17-11.5 28.5T480-760H200v560h560v-280q0-17 11.5-28.5T800-520q17 0 28.5 11.5T840-480v280q0 33-23.5 56.5T760-120H200Zm40-160h480L570-480 450-320l-90-120-120 160Zm440-400h-40q-17 0-28.5-11.5T600-720q0-17 11.5-28.5T640-760h40v-40q0-17 11.5-28.5T720-840q17 0 28.5 11.5T760-800v40h40q17 0 28.5 11.5T840-720q0 17-11.5 28.5T800-680h-40v40q0 17-11.5 28.5T720-600q-17 0-28.5-11.5T680-640v-40Z" }) }),
   add: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z" }) }),
@@ -108,6 +109,7 @@ var Icons = {
   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" }) }),
+  eye_off: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M607-627q29 29 42.5 66t9.5 76q0 15-11 25.5T622-449q-15 0-25.5-10.5T586-485q5-26-3-50t-25-41q-17-17-41-26t-51-4q-15 0-25.5-11T430-643q0-15 10.5-25.5T466-679q38-4 75 9.5t66 42.5Zm-127-93q-19 0-37 1.5t-36 5.5q-17 3-30.5-5T358-742q-5-16 3.5-31t24.5-18q23-5 46.5-7t47.5-2q137 0 250.5 72T904-534q4 8 6 16.5t2 17.5q0 9-1.5 17.5T905-466q-18 40-44.5 75T802-327q-12 11-28 9t-26-16q-10-14-8.5-30.5T753-392q24-23 44-50t35-58q-50-101-144.5-160.5T480-720Zm0 520q-134 0-245-72.5T60-463q-5-8-7.5-17.5T50-500q0-10 2-19t7-18q20-40 46.5-76.5T166-680l-83-84q-11-12-10.5-28.5T84-820q11-11 28-11t28 11l680 680q11 11 11.5 27.5T820-84q-11 11-28 11t-28-11L624-222q-35 11-71 16.5t-73 5.5ZM222-624q-29 26-53 57t-41 67q50 101 144.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z" }) }),
   face: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M360-390q-21 0-35.5-14.5T310-440q0-21 14.5-35.5T360-490q21 0 35.5 14.5T410-440q0 21-14.5 35.5T360-390Zm240 0q-21 0-35.5-14.5T550-440q0-21 14.5-35.5T600-490q21 0 35.5 14.5T650-440q0 21-14.5 35.5T600-390ZM480-160q134 0 227-93t93-227q0-24-3-46.5T786-570q-21 5-42 7.5t-44 2.5q-91 0-172-39T390-708q-32 78-91.5 135.5T160-486v6q0 134 93 227t227 93Zm0 80q-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-80Zm-54-715q42 70 114 112.5T700-640q14 0 27-1.5t27-3.5q-42-70-114-112.5T480-800q-14 0-27 1.5t-27 3.5ZM177-581q51-29 89-75t57-103q-51 29-89 75t-57 103Zm249-214Zm-103 36Z" }) }),
   favorite: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-147q-14 0-28.5-5T426-168l-69-63q-106-97-191.5-192.5T80-634q0-94 63-157t157-63q53 0 100 22.5t80 61.5q33-39 80-61.5T660-854q94 0 157 63t63 157q0 115-85 211T602-230l-68 62q-11 11-25.5 16t-28.5 5Zm-38-543q-29-41-62-62.5T300-774q-60 0-100 40t-40 100q0 52 37 110.5T285.5-410q51.5 55 106 103t88.5 79q34-31 88.5-79t106-103Q726-465 763-523.5T800-634q0-60-40-100t-100-40q-47 0-80 21.5T518-690q-7 10-17 15t-21 5q-11 0-21-5t-17-15Zm38 189Z" }) }),
   file_open: (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-640q0-33 23.5-56.5T240-880h287q16 0 30.5 6t25.5 17l194 194q11 11 17 25.5t6 30.5v167q0 17-11.5 28.5T760-400q-17 0-28.5-11.5T720-440v-160H560q-17 0-28.5-11.5T520-640v-160H240v640h320q17 0 28.5 11.5T600-120q0 17-11.5 28.5T560-80H240Zm520-103v49q0 17-11.5 28.5T720-94q-17 0-28.5-11.5T680-134v-146q0-17 11.5-28.5T720-320h146q17 0 28.5 11.5T906-280q0 17-11.5 28.5T866-240h-50l90 90q11 11 11 27.5T906-94q-12 12-28.5 12T849-94l-89-89Zm-520 23v-640 640Z" }) }),
@@ -172,6 +174,7 @@ var Icons = {
   table_view: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M320-80q-33 0-56.5-23.5T240-160v-480q0-33 23.5-56.5T320-720h480q33 0 56.5 23.5T880-640v480q0 33-23.5 56.5T800-80H320Zm0-80h200v-120H320v120Zm280 0h200v-120H600v120Zm-480-80q-17 0-28.5-11.5T80-280v-520q0-33 23.5-56.5T160-880h520q17 0 28.5 11.5T720-840q0 17-11.5 28.5T680-800H160v520q0 17-11.5 28.5T120-240Zm200-120h200v-120H320v120Zm280 0h200v-120H600v120ZM320-560h480v-80H320v80Z" }) }),
   tablet: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-140q17 0 28.5-11.5T520-180q0-17-11.5-28.5T480-220q-17 0-28.5 11.5T440-180q0 17 11.5 28.5T480-140ZM200-40q-33 0-56.5-23.5T120-120v-720q0-33 23.5-56.5T200-920h560q33 0 56.5 23.5T840-840v720q0 33-23.5 56.5T760-40H200Zm0-200v120h560v-120H200Zm0-80h560v-400H200v400Zm0-480h560v-40H200v40Zm0 0v-40 40Zm0 560v120-120Z" }) }),
   toc: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M160-280q-17 0-28.5-11.5T120-320q0-17 11.5-28.5T160-360h480q17 0 28.5 11.5T680-320q0 17-11.5 28.5T640-280H160Zm0-160q-17 0-28.5-11.5T120-480q0-17 11.5-28.5T160-520h480q17 0 28.5 11.5T680-480q0 17-11.5 28.5T640-440H160Zm0-160q-17 0-28.5-11.5T120-640q0-17 11.5-28.5T160-680h480q17 0 28.5 11.5T680-640q0 17-11.5 28.5T640-600H160Zm640 320q-17 0-28.5-11.5T760-320q0-17 11.5-28.5T800-360q17 0 28.5 11.5T840-320q0 17-11.5 28.5T800-280Zm0-160q-17 0-28.5-11.5T760-480q0-17 11.5-28.5T800-520q17 0 28.5 11.5T840-480q0 17-11.5 28.5T800-440Zm0-160q-17 0-28.5-11.5T760-640q0-17 11.5-28.5T800-680q17 0 28.5 11.5T840-640q0 17-11.5 28.5T800-600Z" }) }),
+  tune: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-120q-17 0-28.5-11.5T440-160v-160q0-17 11.5-28.5T480-360q17 0 28.5 11.5T520-320v40h280q17 0 28.5 11.5T840-240q0 17-11.5 28.5T800-200H520v40q0 17-11.5 28.5T480-120Zm-320-80q-17 0-28.5-11.5T120-240q0-17 11.5-28.5T160-280h160q17 0 28.5 11.5T360-240q0 17-11.5 28.5T320-200H160Zm160-160q-17 0-28.5-11.5T280-400v-40H160q-17 0-28.5-11.5T120-480q0-17 11.5-28.5T160-520h120v-40q0-17 11.5-28.5T320-600q17 0 28.5 11.5T360-560v160q0 17-11.5 28.5T320-360Zm160-80q-17 0-28.5-11.5T440-480q0-17 11.5-28.5T480-520h320q17 0 28.5 11.5T840-480q0 17-11.5 28.5T800-440H480Zm160-160q-17 0-28.5-11.5T600-640v-160q0-17 11.5-28.5T640-840q17 0 28.5 11.5T680-800v40h120q17 0 28.5 11.5T840-720q0 17-11.5 28.5T800-680H680v40q0 17-11.5 28.5T640-600Zm-480-80q-17 0-28.5-11.5T120-720q0-17 11.5-28.5T160-760h320q17 0 28.5 11.5T520-720q0 17-11.5 28.5T480-680H160Z" }) }),
   unfold_less: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "m480-284-96 96q-11 11-28 11t-28-11q-11-11-11-28t11-28l124-124q6-6 13-8.5t15-2.5q8 0 15 2.5t13 8.5l124 124q11 11 11 28t-11 28q-11 11-28 11t-28-11l-96-96Zm0-392 96-96q11-11 28-11t28 11q11 11 11 28t-11 28L508-592q-6 6-13 8.5t-15 2.5q-8 0-15-2.5t-13-8.5L328-716q-11-11-11-28t11-28q11-11 28-11t28 11l96 96Z" }) }),
   unfold_more: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "m480-236 93-93q12-12 29-12t29 12q12 12 12 29t-12 29L508-148q-6 6-13 8.5t-15 2.5q-8 0-15-2.5t-13-8.5L329-271q-12-12-12-29t12-29q12-12 29-12t29 12l93 93Zm0-484-93 93q-12 12-29 12t-29-12q-12-12-12-29t12-29l123-123q6-6 13-8.5t15-2.5q8 0 15 2.5t13 8.5l123 123q12 12 12 29t-12 29q-12 12-29 12t-29-12l-93-93Z" }) }),
   upload: (props) => /* @__PURE__ */ jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsx("path", { d: "M240-160q-33 0-56.5-23.5T160-240v-80q0-17 11.5-28.5T200-360q17 0 28.5 11.5T240-320v80h480v-80q0-17 11.5-28.5T760-360q17 0 28.5 11.5T800-320v80q0 33-23.5 56.5T720-160H240Zm200-486-75 75q-12 12-28.5 11.5T308-572q-11-12-11.5-28t11.5-28l144-144q6-6 13-8.5t15-2.5q8 0 15 2.5t13 8.5l144 144q12 12 11.5 28T652-572q-12 12-28.5 12.5T595-571l-75-75v286q0 17-11.5 28.5T480-320q-17 0-28.5-11.5T440-360v-286Z" }) }),
@@ -1872,7 +1875,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(React16.Fragment, { children: [
+    return /* @__PURE__ */ jsx(Breadcrumb, { className: "-ml-1", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link10, { href: item.path, children: item.label }) }) }),
       index < breadcrumbItems.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, item.path)) }) });
@@ -1883,7 +1886,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(React16.Fragment, { children: [
+    itemsAtStart.map((item, index) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link10, { href: item.path, children: item.label }) }) }),
       index < itemsAtStart.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, item.path)),
@@ -1896,7 +1899,7 @@ function Breadcrumbs({
       /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: collapsedItems.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(Link10, { href: item.path, children: item.label }) }, item.path)) })
     ] }) }),
     itemsAtEnd.length > 0 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
-    itemsAtEnd.map((item, index) => /* @__PURE__ */ jsxs(React16.Fragment, { children: [
+    itemsAtEnd.map((item, index) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link10, { href: item.path, children: item.label }) }) }),
       index < itemsAtEnd.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, item.path))
@@ -5839,7 +5842,7 @@ function SegmentedControl({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    TabsPrimitive2.Root,
+    TabsPrimitives.Root,
     {
       "data-slot": "tabs",
       className: cn("flex flex-col gap-2", className),
@@ -5852,7 +5855,7 @@ function SegmentedControlList({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    TabsPrimitive2.List,
+    TabsPrimitives.List,
     {
       "data-slot": "segmented-control-list",
       className: cn(
@@ -5868,7 +5871,7 @@ function SegmentedControlTrigger({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    TabsPrimitive2.Trigger,
+    TabsPrimitives.Trigger,
     {
       "data-slot": "segmented-control-trigger",
       className: cn(
@@ -6193,7 +6196,7 @@ function CodeDemoContent({ data, hide = {} }) {
     acc[`${prefix}${suffix}`] = shade.hex;
     return acc;
   }, {});
-  const themeValues = React16__default.useMemo(
+  const themeValues = React18__default.useMemo(
     () => ({
       ...getShades("primary", primaryColor, themeCategory),
       ...getShades("accent", accentColor, themeCategory),
@@ -6201,7 +6204,7 @@ function CodeDemoContent({ data, hide = {} }) {
     }),
     [themeCategory, primaryColor, accentColor, greyColor]
   );
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     const frame2 = iframeRef.current;
     if (!frame2) return;
     const send = () => {
@@ -6268,7 +6271,7 @@ function CodeDemoContent({ data, hide = {} }) {
   const codeItems = getCodeItems(code);
   const current = getCurrent(codeItems, tabIndex);
   const shouldExpand = getShouldExpand(current.code.trim());
-  const variantLabels = React16__default.useMemo(() => {
+  const variantLabels = React18__default.useMemo(() => {
     const explicit = data.labels ?? {};
     return Object.fromEntries(variants.map((v) => [v, explicit[v] ?? humaniseVariant(v)]));
   }, [variants, data]);
@@ -6388,7 +6391,7 @@ function CodeDemoContent({ data, hide = {} }) {
 function CodeDemo(props) {
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(CodeDemoLoading, {}), children: /* @__PURE__ */ jsx(CodeDemoContent, { ...props }) });
 }
-var IFrame = React16__default.forwardRef(
+var IFrame = React18__default.forwardRef(
   ({ iframe, isRTL, isDarkMode }, ref) => {
     useEffect(() => {
       const document2 = ref?.current?.contentDocument;
@@ -6435,7 +6438,7 @@ function CodePreview({
   themeValues,
   children
 }) {
-  const cssVars = React16__default.useMemo(() => {
+  const cssVars = React18__default.useMemo(() => {
     const withCssVarNames = Object.entries(themeValues).map(([key, value]) => {
       const kebab = key.replace(/(\D+)(\d+)/, "$1-$2");
       return [`--color-${kebab}`, value];
@@ -7182,6 +7185,80 @@ function ContextMenuShortcut({ className, ...props }) {
     }
   );
 }
+var CheckboxSmall = React18__default.forwardRef(({ className, checked, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      ref: forwardedRef,
+      ...props,
+      checked,
+      className: cn(
+        // base
+        "relative inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-sm shadow-xs ring-1 outline-hidden transition duration-100 ring-inset enabled:cursor-pointer",
+        // text color
+        "dark:text-grey-50 text-white",
+        // background color
+        "dark:bg-grey-950 bg-white",
+        // ring color
+        "ring-grey-300 dark:ring-grey-800",
+        // disabled
+        "data-disabled:bg-grey-100 data-disabled:text-grey-400 data-disabled:ring-grey-300",
+        "dark:data-disabled:bg-grey-800 dark:data-disabled:text-grey-500 dark:data-disabled:ring-grey-700",
+        // checked and enabled
+        "enabled:data-[state=checked]:bg-primary-600 enabled:data-[state=checked]:ring-0 enabled:data-[state=checked]:ring-transparent",
+        // indeterminate
+        "enabled:data-[state=indeterminate]:bg-primary-600 enabled:data-[state=indeterminate]:ring-0 enabled:data-[state=indeterminate]:ring-transparent",
+        // focus
+        focusRing,
+        className
+      ),
+      children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { asChild: true, className: "flex size-full items-center justify-center", children: checked === "indeterminate" ? /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx(
+            "line",
+            {
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeWidth: "2",
+              x1: "4",
+              x2: "12",
+              y1: "8",
+              y2: "8"
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M11.2 5.59998L6.79999 9.99998L4.79999 7.99998",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "2"
+            }
+          )
+        }
+      ) })
+    }
+  );
+});
+CheckboxSmall.displayName = "CheckboxSmall";
 function Drawer({ ...props }) {
   return /* @__PURE__ */ jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
 }
@@ -7302,10 +7379,10 @@ function DynamicFavicon({ lightModeFavicon, darkModeFavicon }) {
   }, [lightModeFavicon, darkModeFavicon]);
   return null;
 }
-var ExpandableSearchContext = React16.createContext(null);
-var ExpandableSearch = React16.forwardRef(({ className, onAction, defaultValue = "", ...props }, ref) => {
-  const [value, setValue] = React16.useState(defaultValue);
-  const formRef = React16.useRef(null);
+var ExpandableSearchContext = React18.createContext(null);
+var ExpandableSearch = React18.forwardRef(({ className, onAction, defaultValue = "", ...props }, ref) => {
+  const [value, setValue] = React18.useState(defaultValue);
+  const formRef = React18.useRef(null);
   const handleAction = (e) => {
     e.preventDefault();
     if (onAction) {
@@ -7323,10 +7400,10 @@ var ExpandableSearch = React16.forwardRef(({ className, onAction, defaultValue =
   ) });
 });
 ExpandableSearch.displayName = "ExpandableSearch";
-var ExpandableSearchField = React16.forwardRef(({ className, ...props }, ref) => {
-  const context = React16.useContext(ExpandableSearchContext);
+var ExpandableSearchField = React18.forwardRef(({ className, ...props }, ref) => {
+  const context = React18.useContext(ExpandableSearchContext);
   if (!context) throw new Error("ExpandableSearchField must be used within ExpandableSearch");
-  const [isFocused, setIsFocused] = React16.useState(false);
+  const [isFocused, setIsFocused] = React18.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" }),
@@ -7455,15 +7532,15 @@ function Footer({
   ] });
 }
 var Form = FormProvider;
-var FormFieldContext = React16.createContext({});
+var FormFieldContext = React18.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React16.useContext(FormFieldContext);
-  const itemContext = React16.useContext(FormItemContext);
+  const fieldContext = React18.useContext(FormFieldContext);
+  const itemContext = React18.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -7480,9 +7557,9 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React16.createContext({});
+var FormItemContext = React18.createContext({});
 function FormItem({ className, ...props }) {
-  const id3 = React16.useId();
+  const id3 = React18.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 }) {
@@ -7610,7 +7687,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React16.createContext({
+var ToggleGroupContext = React18.createContext({
   size: "default",
   variant: "ghost"
 });
@@ -7643,7 +7720,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React16.useContext(ToggleGroupContext);
+  const context = React18.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -7741,7 +7818,7 @@ function Heading({
 
 // package.json
 var package_default = {
-  version: "1.53.0"};
+  version: "1.54.4"};
 function Logo(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: "sr-only", children: "NSW Government" }),
@@ -7807,9 +7884,9 @@ function ThemeSwitcher() {
   );
 }
 function SiteSearch({ navigation }) {
-  const [open, setOpen] = React16.useState(false);
+  const [open, setOpen] = React18.useState(false);
   const router = useRouter();
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     const down = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -7819,7 +7896,7 @@ function SiteSearch({ navigation }) {
     document.addEventListener("keydown", down);
     return () => document.removeEventListener("keydown", down);
   }, []);
-  const runCommand = React16.useCallback((command) => {
+  const runCommand = React18.useCallback((command) => {
     setOpen(false);
     command();
   }, []);
@@ -8065,7 +8142,7 @@ var gapStyles = {
   md: "space-y-2",
   lg: "space-y-3"
 };
-var List2 = React16.forwardRef(
+var List2 = React18.forwardRef(
   ({ asChild, variant = "disc", size = "md", gap = "md", className, ...props }, ref) => {
     const Comp = asChild ? Slot : "ul";
     return /* @__PURE__ */ jsx(
@@ -8080,7 +8157,7 @@ var List2 = React16.forwardRef(
   }
 );
 List2.displayName = "List";
-var ListItem = React16.forwardRef(
+var ListItem = React18.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: [
@@ -16854,7 +16931,7 @@ function SidebarLink({ link, pathname, onLinkClick, depth }) {
     )) }) })
   ] }) : /* @__PURE__ */ jsx(Link10, { href: link.href, onClick: onLinkClick, className: baseLinkClasses, children: link.title }) });
 }
-var StepIndicator = React16.forwardRef(
+var StepIndicator = React18.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(
@@ -17129,7 +17206,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React16.useMemo(
+  const _values = React18.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -17560,70 +17637,96 @@ function TableOfContents({ tableOfContents }) {
     )
   ] }) });
 }
-function Tabs2({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive2.Root,
-    {
-      "data-slot": "tabs",
-      className: cn("flex flex-col gap-2", className),
-      ...props
-    }
-  );
-}
-function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: "bg-background border-grey-200 border-b", children: /* @__PURE__ */ jsx(
-    TabsPrimitive2.List,
-    {
-      "data-slot": "tabs-list",
-      className: cn(
-        [
-          // Base
-          "-mb-px flex",
-          // Dark mode
-          ""
-        ],
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive2.Trigger,
+var Tabs2 = (props) => {
+  return /* @__PURE__ */ jsx(TabsPrimitives.Root, { "tremor-id": "tremor-raw", ...props });
+};
+Tabs2.displayName = "Tabs";
+var TabsListVariantContext = React18__default.createContext("line");
+var variantStyles2 = {
+  line: cn(
+    // base
+    "flex items-center justify-start border-b",
+    // border color
+    "border-grey-200 dark:border-grey-800"
+  ),
+  solid: cn(
+    // base
+    "inline-flex items-center justify-center rounded-md p-1",
+    // background color
+    "bg-grey-100 dark:bg-grey-900"
+  )
+};
+var TabsList = React18__default.forwardRef(
+  ({ className, variant = "line", children, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
+    TabsPrimitives.List,
     {
-      "data-slot": "tabs-trigger",
-      className: cn(
-        [
-          // Base
-          "text-grey-800 cursor-pointer border-b-1 border-transparent p-4 text-base font-medium whitespace-nowrap",
-          // Focus
-          "focus:z-10",
-          // Active
-          "data-[state=active]:border-accent-600",
-          // Hover
-          "hover:bg-grey-100 hover:text-grey-850",
-          // Dark mode
-          "dark:text-white",
-          // Dark mode hover
-          "dark:hover:bg-white/10 dark:hover:text-white"
-        ],
-        className
-      ),
-      ...props
+      ref: forwardedRef,
+      className: cn(variantStyles2[variant], className),
+      ...props,
+      children: /* @__PURE__ */ jsx(TabsListVariantContext.Provider, { value: variant, children })
     }
-  );
+  )
+);
+TabsList.displayName = "TabsList";
+function getVariantStyles(tabVariant) {
+  switch (tabVariant) {
+    case "line":
+      return cn(
+        // base
+        "-mb-px items-center justify-center border-b-2 border-transparent px-3 py-2 text-sm font-medium whitespace-nowrap transition-all cursor-pointer",
+        // text color
+        "text-grey-500 dark:text-grey-500",
+        // hover
+        "hover:text-grey-700 dark:hover:text-grey-400 hover:bg-primary-800/10",
+        // border hover
+        "hover:border-grey-300 dark:hover:border-grey-400",
+        // selected
+        "data-[state=active]:border-accent-600 data-[state=active]:text-grey-800",
+        "dark:data-[state=active]:border-accent-500 dark:data-[state=active]:text-grey-200",
+        // disabled
+        "data-disabled:pointer-events-none",
+        "data-disabled:text-grey-300 dark:data-disabled:text-grey-700"
+      );
+    case "solid":
+      return cn(
+        // base
+        "inline-flex items-center justify-center rounded-sm px-3 py-1 text-sm font-medium whitespace-nowrap ring-1 transition-all ring-inset cursor-pointer",
+        // text color
+        "text-grey-500 dark:text-grey-400",
+        // hover
+        "hover:text-grey-700 dark:hover:text-grey-200",
+        // ring
+        "ring-transparent",
+        // selected
+        "data-[state=active]:bg-white data-[state=active]:text-grey-900 data-[state=active]:shadow-sm",
+        "dark:data-[state=active]:bg-grey-950 dark:data-[state=active]:text-grey-50",
+        // disabled
+        "data-disabled:pointer-events-none data-disabled:text-grey-400 data-disabled:opacity-50 dark:data-disabled:text-grey-600"
+      );
+  }
 }
-function TabsContent({ className, ...props }) {
+var TabsTrigger = React18__default.forwardRef(({ className, children, ...props }, forwardedRef) => {
+  const variant = React18__default.useContext(TabsListVariantContext);
   return /* @__PURE__ */ jsx(
-    TabsPrimitive2.Content,
+    TabsPrimitives.Trigger,
     {
-      "data-slot": "tabs-content",
-      className: cn("flex-1 outline-none", className),
-      ...props
+      ref: forwardedRef,
+      className: cn(getVariantStyles(variant), focusRing, className),
+      ...props,
+      children
     }
   );
-}
+});
+TabsTrigger.displayName = "TabsTrigger";
+var TabsContent = React18__default.forwardRef(({ className, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
+  TabsPrimitives.Content,
+  {
+    ref: forwardedRef,
+    className: cn("outline-hidden", focusRing, className),
+    ...props
+  }
+));
+TabsContent.displayName = "TabsContent";
 function Text({ className, trim = "normal", size = 2, label = false, ...props }) {
   const textSizeClasses = {
     1: "text-[length:var(--font-size-1)] leading-[var(--line-height-28)] tracking-[var(--letter-spacing-0)]",
@@ -17968,9 +18071,9 @@ function useToc() {
   return useContext(TocContext);
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React16.createContext(null);
+var ChartContext = React18.createContext(null);
 function useChart() {
-  const context = React16.useContext(ChartContext);
+  const context = React18.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -17983,7 +18086,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React16.useId();
+  const uniqueId = React18.useId();
   const chartId = `chart-${id3 || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -18042,7 +18145,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React16.useMemo(() => {
+  const tooltipLabel = React18.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -18282,7 +18385,7 @@ function hasOnlyOneValueForKey(array, keyToCheck) {
   return true;
 }
 var useOnWindowResize = (handler) => {
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     const handleResize = () => {
       handler();
     };
@@ -18337,9 +18440,9 @@ var LegendItem = ({ name, color: color2, onClick, activeLegend }) => {
 };
 var ScrollButton = ({ icon, onClick, disabled }) => {
   const Icon2 = icon;
-  const [isPressed, setIsPressed] = React16__default.useState(false);
-  const intervalRef = React16__default.useRef(null);
-  React16__default.useEffect(() => {
+  const [isPressed, setIsPressed] = React18__default.useState(false);
+  const intervalRef = React18__default.useRef(null);
+  React18__default.useEffect(() => {
     if (isPressed) {
       intervalRef.current = setInterval(() => {
         onClick?.();
@@ -18349,7 +18452,7 @@ var ScrollButton = ({ icon, onClick, disabled }) => {
     }
     return () => clearInterval(intervalRef.current);
   }, [isPressed, onClick]);
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     if (disabled) {
       clearInterval(intervalRef.current);
       setIsPressed(false);
@@ -18381,7 +18484,7 @@ var ScrollButton = ({ icon, onClick, disabled }) => {
     }
   );
 };
-var Legend4 = React16__default.forwardRef((props, ref) => {
+var Legend4 = React18__default.forwardRef((props, ref) => {
   const {
     categories,
     colors: colors3 = AvailableChartColors,
@@ -18391,19 +18494,19 @@ var Legend4 = React16__default.forwardRef((props, ref) => {
     enableLegendSlider = false,
     ...other
   } = props;
-  const scrollableRef = React16__default.useRef(null);
-  const scrollButtonsRef = React16__default.useRef(null);
-  const [hasScroll, setHasScroll] = React16__default.useState(null);
-  const [isKeyDowned, setIsKeyDowned] = React16__default.useState(null);
-  const intervalRef = React16__default.useRef(null);
-  const checkScroll = React16__default.useCallback(() => {
+  const scrollableRef = React18__default.useRef(null);
+  const scrollButtonsRef = React18__default.useRef(null);
+  const [hasScroll, setHasScroll] = React18__default.useState(null);
+  const [isKeyDowned, setIsKeyDowned] = React18__default.useState(null);
+  const intervalRef = React18__default.useRef(null);
+  const checkScroll = React18__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 = React16__default.useCallback(
+  const scrollToTest = React18__default.useCallback(
     (direction) => {
       const element = scrollableRef?.current;
       const scrollButtons = scrollButtonsRef?.current;
@@ -18421,7 +18524,7 @@ var Legend4 = React16__default.forwardRef((props, ref) => {
     },
     [enableLegendSlider, checkScroll]
   );
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     const keyDownHandler = (key) => {
       if (key === "ArrowLeft") {
         scrollToTest("left");
@@ -18450,7 +18553,7 @@ var Legend4 = React16__default.forwardRef((props, ref) => {
     e.stopPropagation();
     setIsKeyDowned(null);
   };
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     const scrollable = scrollableRef?.current;
     if (enableLegendSlider) {
       checkScroll();
@@ -18523,7 +18626,7 @@ var Legend4 = React16__default.forwardRef((props, ref) => {
 });
 Legend4.displayName = "Legend";
 var ChartLegend2 = ({ payload }, categoryColors, setLegendHeight, activeLegend, onClick, enableLegendSlider, legendPosition, yAxisWidth) => {
-  const legendRef = React16__default.useRef(null);
+  const legendRef = React18__default.useRef(null);
   useOnWindowResize(() => {
     const calculateHeight = (height) => height ? Number(height) + 15 : 60;
     setLegendHeight(calculateHeight(legendRef.current?.clientHeight));
@@ -18624,7 +18727,7 @@ var ChartTooltip2 = ({ active, payload, label, valueFormatter }) => {
   }
   return null;
 };
-var AreaChart = React16__default.forwardRef((props, ref) => {
+var AreaChart = React18__default.forwardRef((props, ref) => {
   const {
     data = [],
     categories = [],
@@ -18659,16 +18762,16 @@ var AreaChart = React16__default.forwardRef((props, ref) => {
   } = props;
   const CustomTooltip = customTooltip;
   const paddingValue = !showXAxis && !showYAxis || startEndOnly && !showYAxis ? 0 : 20;
-  const [legendHeight, setLegendHeight] = React16__default.useState(60);
-  const [activeDot, setActiveDot] = React16__default.useState(void 0);
-  const [activeLegend, setActiveLegend] = React16__default.useState(void 0);
+  const [legendHeight, setLegendHeight] = React18__default.useState(60);
+  const [activeDot, setActiveDot] = React18__default.useState(void 0);
+  const [activeLegend, setActiveLegend] = React18__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 = React16__default.useId();
-  const prevActiveRef = React16__default.useRef(void 0);
-  const prevLabelRef = React16__default.useRef(void 0);
+  const areaId = React18__default.useId();
+  const prevActiveRef = React18__default.useRef(void 0);
+  const prevLabelRef = React18__default.useRef(void 0);
   const getFillContent = ({
     fillType,
     activeDot: activeDot2,
@@ -18869,7 +18972,7 @@ var AreaChart = React16__default.forwardRef((props, ref) => {
         ) : null,
         categories.map((category) => {
           const categoryId = `${areaId}-${category.replace(/[^a-zA-Z0-9]/g, "")}`;
-          return /* @__PURE__ */ jsxs(React16__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React18__default.Fragment, { children: [
             /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
               "linearGradient",
               {
@@ -18971,7 +19074,7 @@ var AreaChart = React16__default.forwardRef((props, ref) => {
                       index2
                     );
                   }
-                  return /* @__PURE__ */ jsx(React16__default.Fragment, {}, index2);
+                  return /* @__PURE__ */ jsx(React18__default.Fragment, {}, index2);
                 },
                 name: category,
                 type: "linear",
@@ -19096,9 +19199,9 @@ var LegendItem2 = ({ name, color: color2, onClick, activeLegend }) => {
 };
 var ScrollButton2 = ({ icon, onClick, disabled }) => {
   const Icon2 = icon;
-  const [isPressed, setIsPressed] = React16__default.useState(false);
-  const intervalRef = React16__default.useRef(null);
-  React16__default.useEffect(() => {
+  const [isPressed, setIsPressed] = React18__default.useState(false);
+  const intervalRef = React18__default.useRef(null);
+  React18__default.useEffect(() => {
     if (isPressed) {
       intervalRef.current = setInterval(() => {
         onClick?.();
@@ -19108,7 +19211,7 @@ var ScrollButton2 = ({ icon, onClick, disabled }) => {
     }
     return () => clearInterval(intervalRef.current);
   }, [isPressed, onClick]);
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     if (disabled) {
       clearInterval(intervalRef.current);
       setIsPressed(false);
@@ -19140,7 +19243,7 @@ var ScrollButton2 = ({ icon, onClick, disabled }) => {
     }
   );
 };
-var Legend5 = React16__default.forwardRef((props, ref) => {
+var Legend5 = React18__default.forwardRef((props, ref) => {
   const {
     categories,
     colors: colors3 = AvailableChartColors,
@@ -19150,19 +19253,19 @@ var Legend5 = React16__default.forwardRef((props, ref) => {
     enableLegendSlider = false,
     ...other
   } = props;
-  const scrollableRef = React16__default.useRef(null);
-  const scrollButtonsRef = React16__default.useRef(null);
-  const [hasScroll, setHasScroll] = React16__default.useState(null);
-  const [isKeyDowned, setIsKeyDowned] = React16__default.useState(null);
-  const intervalRef = React16__default.useRef(null);
-  const checkScroll = React16__default.useCallback(() => {
+  const scrollableRef = React18__default.useRef(null);
+  const scrollButtonsRef = React18__default.useRef(null);
+  const [hasScroll, setHasScroll] = React18__default.useState(null);
+  const [isKeyDowned, setIsKeyDowned] = React18__default.useState(null);
+  const intervalRef = React18__default.useRef(null);
+  const checkScroll = React18__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 = React16__default.useCallback(
+  const scrollToTest = React18__default.useCallback(
     (direction) => {
       const element = scrollableRef?.current;
       const scrollButtons = scrollButtonsRef?.current;
@@ -19180,7 +19283,7 @@ var Legend5 = React16__default.forwardRef((props, ref) => {
     },
     [enableLegendSlider, checkScroll]
   );
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     const keyDownHandler = (key) => {
       if (key === "ArrowLeft") {
         scrollToTest("left");
@@ -19209,7 +19312,7 @@ var Legend5 = React16__default.forwardRef((props, ref) => {
     e.stopPropagation();
     setIsKeyDowned(null);
   };
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     const scrollable = scrollableRef?.current;
     if (enableLegendSlider) {
       checkScroll();
@@ -19282,7 +19385,7 @@ var Legend5 = React16__default.forwardRef((props, ref) => {
 });
 Legend5.displayName = "Legend";
 var ChartLegend3 = ({ payload }, categoryColors, setLegendHeight, activeLegend, onClick, enableLegendSlider, legendPosition, yAxisWidth) => {
-  const legendRef = React16__default.useRef(null);
+  const legendRef = React18__default.useRef(null);
   useOnWindowResize(() => {
     const calculateHeight = (height) => height ? Number(height) + 15 : 60;
     setLegendHeight(calculateHeight(legendRef.current?.clientHeight));
@@ -19382,7 +19485,7 @@ var ChartTooltip3 = ({ active, payload, label, valueFormatter }) => {
   }
   return null;
 };
-var BarChart = React16__default.forwardRef((props, forwardedRef) => {
+var BarChart = React18__default.forwardRef((props, forwardedRef) => {
   const {
     data = [],
     categories = [],
@@ -19417,15 +19520,15 @@ var BarChart = React16__default.forwardRef((props, forwardedRef) => {
   } = props;
   const CustomTooltip = customTooltip;
   const paddingValue = !showXAxis && !showYAxis || startEndOnly && !showYAxis ? 0 : 20;
-  const [legendHeight, setLegendHeight] = React16__default.useState(60);
-  const [activeLegend, setActiveLegend] = React16__default.useState(void 0);
+  const [legendHeight, setLegendHeight] = React18__default.useState(60);
+  const [activeLegend, setActiveLegend] = React18__default.useState(void 0);
   const categoryColors = constructCategoryColors(categories, colors3);
-  const [activeBar, setActiveBar] = React16__default.useState(void 0);
+  const [activeBar, setActiveBar] = React18__default.useState(void 0);
   const yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);
   const hasOnValueChange = !!onValueChange;
   const stacked = type === "stacked" || type === "percent";
-  const prevActiveRef = React16__default.useRef(void 0);
-  const prevLabelRef = React16__default.useRef(void 0);
+  const prevActiveRef = React18__default.useRef(void 0);
+  const prevLabelRef = React18__default.useRef(void 0);
   function valueToPercent(value) {
     return `${(value * 100).toFixed(0)}%`;
   }
@@ -19673,7 +19776,7 @@ function BarListInner({
   ...props
 }, forwardedRef) {
   const Component2 = onValueChange ? "button" : "div";
-  const sortedData = React16__default.useMemo(() => {
+  const sortedData = React18__default.useMemo(() => {
     if (sortOrder === "none") {
       return data;
     }
@@ -19681,7 +19784,7 @@ function BarListInner({
       return sortOrder === "ascending" ? a.value - b.value : b.value - a.value;
     });
   }, [data, sortOrder]);
-  const widths = React16__default.useMemo(() => {
+  const widths = React18__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)
@@ -19795,8 +19898,8 @@ function BarListInner({
   );
 }
 BarListInner.displayName = "BarList";
-var BarList = React16__default.forwardRef(BarListInner);
-var Tooltip5 = React16__default.forwardRef(
+var BarList = React18__default.forwardRef(BarListInner);
+var Tooltip5 = React18__default.forwardRef(
   ({
     children,
     className,
@@ -19889,7 +19992,7 @@ var formatNumber = (num) => {
   return num.toFixed(1);
 };
 var BarLabels = ({ values }) => {
-  const sumValues = React16__default.useMemo(() => sumNumericArray(values), [values]);
+  const sumValues = React18__default.useMemo(() => sumNumericArray(values), [values]);
   let prefixSum = 0;
   let sumConsecutiveHiddenLabels = 0;
   return /* @__PURE__ */ jsxs(
@@ -19923,20 +20026,20 @@ var BarLabels = ({ values }) => {
     }
   );
 };
-var CategoryBar = React16__default.forwardRef(
+var CategoryBar = React18__default.forwardRef(
   ({ values = [], colors: colors3 = AvailableChartColors, marker, showLabels = true, className, ...props }, forwardedRef) => {
-    const markerBgColor = React16__default.useMemo(
+    const markerBgColor = React18__default.useMemo(
       () => getMarkerBgColor(marker?.value, values, colors3),
       [marker, values, colors3]
     );
-    const maxValue = React16__default.useMemo(() => sumNumericArray(values), [values]);
-    const adjustedMarkerValue = React16__default.useMemo(() => {
+    const maxValue = React18__default.useMemo(() => sumNumericArray(values), [values]);
+    const adjustedMarkerValue = React18__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 = React16__default.useMemo(
+    const markerPositionLeft = React18__default.useMemo(
       () => getPositionLeft(adjustedMarkerValue, maxValue),
       [adjustedMarkerValue, maxValue]
     );
@@ -20096,9 +20199,9 @@ var LegendItem3 = ({ name, color: color2, onClick, activeLegend, chartType }) =>
 };
 var ScrollButton3 = ({ icon, onClick, disabled }) => {
   const Icon2 = icon;
-  const [isPressed, setIsPressed] = React16__default.useState(false);
-  const intervalRef = React16__default.useRef(null);
-  React16__default.useEffect(() => {
+  const [isPressed, setIsPressed] = React18__default.useState(false);
+  const intervalRef = React18__default.useRef(null);
+  React18__default.useEffect(() => {
     if (isPressed) {
       intervalRef.current = setInterval(() => {
         onClick?.();
@@ -20108,7 +20211,7 @@ var ScrollButton3 = ({ icon, onClick, disabled }) => {
     }
     return () => clearInterval(intervalRef.current);
   }, [isPressed, onClick]);
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     if (disabled) {
       clearInterval(intervalRef.current);
       setIsPressed(false);
@@ -20140,7 +20243,7 @@ var ScrollButton3 = ({ icon, onClick, disabled }) => {
     }
   );
 };
-var Legend6 = React16__default.forwardRef((props, ref) => {
+var Legend6 = React18__default.forwardRef((props, ref) => {
   const {
     categories,
     barCategoryColors,
@@ -20151,18 +20254,18 @@ var Legend6 = React16__default.forwardRef((props, ref) => {
     className,
     ...other
   } = props;
-  const scrollableRef = React16__default.useRef(null);
-  const [hasScroll, setHasScroll] = React16__default.useState(null);
-  const [isKeyDowned, setIsKeyDowned] = React16__default.useState(null);
-  const intervalRef = React16__default.useRef(null);
-  const checkScroll = React16__default.useCallback(() => {
+  const scrollableRef = React18__default.useRef(null);
+  const [hasScroll, setHasScroll] = React18__default.useState(null);
+  const [isKeyDowned, setIsKeyDowned] = React18__default.useState(null);
+  const intervalRef = React18__default.useRef(null);
+  const checkScroll = React18__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 = React16__default.useCallback(
+  const scrollToTest = React18__default.useCallback(
     (direction) => {
       const element = scrollableRef?.current;
       const width = element?.clientWidth ?? 0;
@@ -20178,7 +20281,7 @@ var Legend6 = React16__default.forwardRef((props, ref) => {
     },
     [enableLegendSlider, checkScroll]
   );
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     const keyDownHandler = (key) => {
       if (key === "ArrowLeft") {
         scrollToTest("left");
@@ -20207,7 +20310,7 @@ var Legend6 = React16__default.forwardRef((props, ref) => {
     e.stopPropagation();
     setIsKeyDowned(null);
   };
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     const scrollable = scrollableRef?.current;
     if (enableLegendSlider) {
       checkScroll();
@@ -20284,7 +20387,7 @@ var Legend6 = React16__default.forwardRef((props, ref) => {
 });
 Legend6.displayName = "Legend";
 var ChartLegend4 = ({ payload }, barCategoryColors, lineCategoryColors, setLegendHeight, activeLegend, onClick, enableLegendSlider, legendPosition, barYAxisWidth, lineYAxisWidth) => {
-  const legendRef = React16__default.useRef(null);
+  const legendRef = React18__default.useRef(null);
   useOnWindowResize(() => {
     const calculateHeight = (height) => height ? Number(height) + 15 : 60;
     setLegendHeight(calculateHeight(legendRef.current?.clientHeight));
@@ -20403,7 +20506,7 @@ var ChartTooltip4 = ({
   }
   return null;
 };
-var ComboChart = React16__default.forwardRef((props, forwardedRef) => {
+var ComboChart = React18__default.forwardRef((props, forwardedRef) => {
   const defaultSeries = {
     categories: [],
     colors: AvailableChartColors,
@@ -20448,11 +20551,11 @@ var ComboChart = React16__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] = React16__default.useState(60);
-  const [activeDot, setActiveDot] = React16__default.useState(void 0);
-  const [activeLegend, setActiveLegend] = React16__default.useState(void 0);
-  const prevActiveRef = React16__default.useRef(void 0);
-  const prevLabelRef = React16__default.useRef(void 0);
+  const [legendHeight, setLegendHeight] = React18__default.useState(60);
+  const [activeDot, setActiveDot] = React18__default.useState(void 0);
+  const [activeLegend, setActiveLegend] = React18__default.useState(void 0);
+  const prevActiveRef = React18__default.useRef(void 0);
+  const prevLabelRef = React18__default.useRef(void 0);
   const barCategoryColors = constructCategoryColors(
     mergedBarSeries.categories,
     mergedBarSeries.colors ?? AvailableChartColors
@@ -20461,7 +20564,7 @@ var ComboChart = React16__default.forwardRef((props, forwardedRef) => {
     mergedLineSeries.categories,
     mergedLineSeries.colors ?? AvailableChartColors
   );
-  const [activeBar, setActiveBar] = React16__default.useState(void 0);
+  const [activeBar, setActiveBar] = React18__default.useState(void 0);
   const barYAxisDomain = getYAxisDomain(
     mergedBarSeries.autoMinValue ?? false,
     mergedBarSeries.minValue,
@@ -20861,7 +20964,7 @@ var ComboChart = React16__default.forwardRef((props, forwardedRef) => {
                       index2
                     );
                   }
-                  return /* @__PURE__ */ jsx(React16__default.Fragment, {}, index2);
+                  return /* @__PURE__ */ jsx(React18__default.Fragment, {}, index2);
                 },
                 name: category,
                 type: "linear",
@@ -20969,7 +21072,7 @@ var renderInactiveShape = (props) => {
     }
   );
 };
-var DonutChart = React16__default.forwardRef(
+var DonutChart = React18__default.forwardRef(
   ({
     data = [],
     value,
@@ -20987,13 +21090,13 @@ var DonutChart = React16__default.forwardRef(
     ...other
   }, forwardedRef) => {
     const CustomTooltip = customTooltip;
-    const [activeIndex, setActiveIndex] = React16__default.useState(void 0);
+    const [activeIndex, setActiveIndex] = React18__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 = React16__default.useRef(void 0);
-    const prevCategoryRef = React16__default.useRef(void 0);
+    const prevActiveRef = React18__default.useRef(void 0);
+    const prevCategoryRef = React18__default.useRef(void 0);
     const handleShapeClick = (data2, index, event) => {
       event.stopPropagation();
       if (!onValueChange) return;
@@ -21148,9 +21251,9 @@ var LegendItem4 = ({ name, color: color2, onClick, activeLegend }) => {
 };
 var ScrollButton4 = ({ icon, onClick, disabled }) => {
   const Icon2 = icon;
-  const [isPressed, setIsPressed] = React16__default.useState(false);
-  const intervalRef = React16__default.useRef(null);
-  React16__default.useEffect(() => {
+  const [isPressed, setIsPressed] = React18__default.useState(false);
+  const intervalRef = React18__default.useRef(null);
+  React18__default.useEffect(() => {
     if (isPressed) {
       intervalRef.current = setInterval(() => {
         onClick?.();
@@ -21160,7 +21263,7 @@ var ScrollButton4 = ({ icon, onClick, disabled }) => {
     }
     return () => clearInterval(intervalRef.current);
   }, [isPressed, onClick]);
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     if (disabled) {
       clearInterval(intervalRef.current);
       setIsPressed(false);
@@ -21192,7 +21295,7 @@ var ScrollButton4 = ({ icon, onClick, disabled }) => {
     }
   );
 };
-var Legend7 = React16__default.forwardRef((props, ref) => {
+var Legend7 = React18__default.forwardRef((props, ref) => {
   const {
     categories,
     colors: colors3 = AvailableChartColors,
@@ -21202,19 +21305,19 @@ var Legend7 = React16__default.forwardRef((props, ref) => {
     enableLegendSlider = false,
     ...other
   } = props;
-  const scrollableRef = React16__default.useRef(null);
-  const scrollButtonsRef = React16__default.useRef(null);
-  const [hasScroll, setHasScroll] = React16__default.useState(null);
-  const [isKeyDowned, setIsKeyDowned] = React16__default.useState(null);
-  const intervalRef = React16__default.useRef(null);
-  const checkScroll = React16__default.useCallback(() => {
+  const scrollableRef = React18__default.useRef(null);
+  const scrollButtonsRef = React18__default.useRef(null);
+  const [hasScroll, setHasScroll] = React18__default.useState(null);
+  const [isKeyDowned, setIsKeyDowned] = React18__default.useState(null);
+  const intervalRef = React18__default.useRef(null);
+  const checkScroll = React18__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 = React16__default.useCallback(
+  const scrollToTest = React18__default.useCallback(
     (direction) => {
       const element = scrollableRef?.current;
       const scrollButtons = scrollButtonsRef?.current;
@@ -21232,7 +21335,7 @@ var Legend7 = React16__default.forwardRef((props, ref) => {
     },
     [enableLegendSlider, checkScroll]
   );
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     const keyDownHandler = (key) => {
       if (key === "ArrowLeft") {
         scrollToTest("left");
@@ -21261,7 +21364,7 @@ var Legend7 = React16__default.forwardRef((props, ref) => {
     e.stopPropagation();
     setIsKeyDowned(null);
   };
-  React16__default.useEffect(() => {
+  React18__default.useEffect(() => {
     const scrollable = scrollableRef?.current;
     if (enableLegendSlider) {
       checkScroll();
@@ -21334,7 +21437,7 @@ var Legend7 = React16__default.forwardRef((props, ref) => {
 });
 Legend7.displayName = "Legend";
 var ChartLegend5 = ({ payload }, categoryColors, setLegendHeight, activeLegend, onClick, enableLegendSlider, legendPosition, yAxisWidth) => {
-  const legendRef = React16__default.useRef(null);
+  const legendRef = React18__default.useRef(null);
   useOnWindowResize(() => {
     const calculateHeight = (height) => height ? Number(height) + 15 : 60;
     setLegendHeight(calculateHeight(legendRef.current?.clientHeight));
@@ -21436,7 +21539,7 @@ var ChartTooltip6 = ({ active, payload, label, valueFormatter }) => {
   }
   return null;
 };
-var LineChart = React16__default.forwardRef((props, ref) => {
+var LineChart = React18__default.forwardRef((props, ref) => {
   const {
     data = [],
     categories = [],
@@ -21469,14 +21572,14 @@ var LineChart = React16__default.forwardRef((props, ref) => {
   } = props;
   const CustomTooltip = customTooltip;
   const paddingValue = !showXAxis && !showYAxis || startEndOnly && !showYAxis ? 0 : 20;
-  const [legendHeight, setLegendHeight] = React16__default.useState(60);
-  const [activeDot, setActiveDot] = React16__default.useState(void 0);
-  const [activeLegend, setActiveLegend] = React16__default.useState(void 0);
+  const [legendHeight, setLegendHeight] = React18__default.useState(60);
+  const [activeDot, setActiveDot] = React18__default.useState(void 0);
+  const [activeLegend, setActiveLegend] = React18__default.useState(void 0);
   const categoryColors = constructCategoryColors(categories, colors3);
   const yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);
   const hasOnValueChange = !!onValueChange;
-  const prevActiveRef = React16__default.useRef(void 0);
-  const prevLabelRef = React16__default.useRef(void 0);
+  const prevActiveRef = React18__default.useRef(void 0);
+  const prevLabelRef = React18__default.useRef(void 0);
   function onDotClick(itemData, event) {
     event.stopPropagation();
     if (!hasOnValueChange) return;
@@ -21729,7 +21832,7 @@ var LineChart = React16__default.forwardRef((props, ref) => {
                   index2
                 );
               }
-              return /* @__PURE__ */ jsx(React16__default.Fragment, {}, index2);
+              return /* @__PURE__ */ jsx(React18__default.Fragment, {}, index2);
             },
             name: category,
             type: "linear",
@@ -21803,7 +21906,7 @@ var progressBarVariants = tv({
     variant: "default"
   }
 });
-var ProgressBar = React16__default.forwardRef(
+var ProgressBar = React18__default.forwardRef(
   ({
     value = 0,
     max = 100,
@@ -21891,7 +21994,7 @@ var progressCircleVariants = tv({
     variant: "default"
   }
 });
-var ProgressCircle = React16__default.forwardRef(
+var ProgressCircle = React18__default.forwardRef(
   ({
     value = 0,
     max = 100,
@@ -21973,7 +22076,7 @@ var ProgressCircle = React16__default.forwardRef(
   }
 );
 ProgressCircle.displayName = "ProgressCircle";
-var SparkAreaChart = React16__default.forwardRef(
+var SparkAreaChart = React18__default.forwardRef(
   (props, forwardedRef) => {
     const {
       data = [],
@@ -21992,7 +22095,7 @@ var SparkAreaChart = React16__default.forwardRef(
     const categoryColors = constructCategoryColors(categories, colors3);
     const yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);
     const stacked = type === "stacked" || type === "percent";
-    const areaId = React16__default.useId();
+    const areaId = React18__default.useId();
     const getFillContent = (fillType) => {
       switch (fillType) {
         case "none":
@@ -22031,7 +22134,7 @@ var SparkAreaChart = React16__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(React16__default.Fragment, { children: [
+                return /* @__PURE__ */ jsxs(React18__default.Fragment, { children: [
                   /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
                     "linearGradient",
                     {
@@ -22084,7 +22187,7 @@ var SparkAreaChart = React16__default.forwardRef(
   }
 );
 SparkAreaChart.displayName = "SparkAreaChart";
-var SparkLineChart = React16__default.forwardRef(
+var SparkLineChart = React18__default.forwardRef(
   (props, forwardedRef) => {
     const {
       data = [],
@@ -22151,7 +22254,7 @@ var SparkLineChart = React16__default.forwardRef(
   }
 );
 SparkLineChart.displayName = "SparkLineChart";
-var SparkBarChart = React16__default.forwardRef((props, forwardedRef) => {
+var SparkBarChart = React18__default.forwardRef((props, forwardedRef) => {
   const {
     data = [],
     categories = [],
@@ -22213,7 +22316,7 @@ var SparkBarChart = React16__default.forwardRef((props, forwardedRef) => {
 });
 SparkBarChart.displayName = "SparkBarChart";
 var Block = ({ color: color2, tooltip, defaultBackgroundColor, hoverEffect }) => {
-  const [open, setOpen] = React16__default.useState(false);
+  const [open, setOpen] = React18__default.useState(false);
   return /* @__PURE__ */ jsxs(
     HoverCardPrimitives.Root,
     {
@@ -22256,7 +22359,7 @@ var Block = ({ color: color2, tooltip, defaultBackgroundColor, hoverEffect }) =>
   );
 };
 Block.displayName = "Block";
-var Tracker = React16__default.forwardRef(
+var Tracker = React18__default.forwardRef(
   ({
     data = [],
     defaultBackgroundColor = "bg-gray-400 dark:bg-gray-400",
@@ -22559,8 +22662,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React16.useRef(null);
-  React16.useEffect(() => {
+  const ref = React18.useRef(null);
+  React18.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -22583,9 +22686,9 @@ function CalendarDayButton({
     }
   );
 }
-var CarouselContext = React16.createContext(null);
+var CarouselContext = React18.createContext(null);
 function useCarousel() {
-  const context = React16.useContext(CarouselContext);
+  const context = React18.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -22607,20 +22710,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React16.useState(false);
-  const [canScrollNext, setCanScrollNext] = React16.useState(false);
-  const onSelect = React16.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React18.useState(false);
+  const [canScrollNext, setCanScrollNext] = React18.useState(false);
+  const onSelect = React18.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React16.useCallback(() => {
+  const scrollPrev = React18.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React16.useCallback(() => {
+  const scrollNext = React18.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React16.useCallback(
+  const handleKeyDown = React18.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -22632,11 +22735,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -22805,7 +22908,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React16.useContext(OTPInputContext);
+  const inputOTPContext = React18.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -23280,9 +23383,9 @@ function MultiLevelPushMenu({
   }) }) });
 }
 function MobileSearch({ navigation }) {
-  const [open, setOpen] = React16.useState(false);
+  const [open, setOpen] = React18.useState(false);
   const router = useRouter();
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     const down = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -23292,7 +23395,7 @@ function MobileSearch({ navigation }) {
     document.addEventListener("keydown", down);
     return () => document.removeEventListener("keydown", down);
   }, []);
-  const runCommand = React16.useCallback((command) => {
+  const runCommand = React18.useCallback((command) => {
     setOpen(false);
     command();
   }, []);
@@ -23406,8 +23509,8 @@ function MobileHeader({
 }
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React16.useState(void 0);
-  React16.useEffect(() => {
+  const [isMobile, setIsMobile] = React18.useState(void 0);
+  React18.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -23424,9 +23527,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React16.createContext(null);
+var SidebarContext = React18.createContext(null);
 function useSidebar() {
-  const context = React16.useContext(SidebarContext);
+  const context = React18.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -23442,10 +23545,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React16.useState(false);
-  const [_open, _setOpen] = React16.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React18.useState(false);
+  const [_open, _setOpen] = React18.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React16.useCallback(
+  const setOpen = React18.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -23457,10 +23560,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React16.useCallback(() => {
+  const toggleSidebar = React18.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -23471,7 +23574,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React16.useMemo(
+  const contextValue = React18.useMemo(
     () => ({
       state,
       open,
@@ -23914,7 +24017,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React16.useMemo(() => {
+  const width = React18.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -24134,6 +24237,6 @@ var languages = [
   "html"
 ];
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, AuthLayout, AvailableChartColors, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, BarList, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button2 as Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, CodeDemo, CodeHighlight, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorCard, ColorSwatches, ColourScale, ComboChart, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Description3 as Description, DescriptionDetails, DescriptionList, DescriptionTerm, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ErrorMessage, ExpandableSearch, ExpandableSearchField, Field2 as Field, FieldGroup, FieldLabel, Fieldset2 as Fieldset, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormatToggle, GenerateInterpolatedColors, Header2 as Header, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, Legend2 as Legend, LineChart, Link, _List as List, Listbox2 as Listbox, ListboxDescription, ListboxLabel, ListboxOption2 as ListboxOption, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileHeader, MobileSearch, MultiLevelPushMenu, Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, Progress, ProgressBar, ProgressCircle, Prose, RadioGroup2 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLink, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarNavigation, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiteSearch, Skeleton, Slider, Social, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, Switch2 as Switch, SwitchField, SwitchGroup, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeColorPalette, ThemeProvider, ThemeSelector, ThemeSwitcher, Toaster, TocContext, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, Tooltip5 as TremorTooltip, ViewToggle, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, colorDataArray, colorThemes, colors, constructCategoryColors, createColorArray, createColorData, createFormStore, darkenColor, domToSimple, focusInput, focusRing, generateColorThemes, getColorClassName, getColorValue, getHeadings, getNodeText, getSurroundingColors, getYAxisDomain, hasErrorInput, hasOnlyOneValueForKey, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, progressBarVariants, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useActiveSectionObserver, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, useSelectorHeight, useSidebar, useToc };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, AuthLayout, AvailableChartColors, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, BarList, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button2 as Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxSmall, Code, CodeDemo, CodeHighlight, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorCard, ColorSwatches, ColourScale, ComboChart, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Description3 as Description, DescriptionDetails, DescriptionList, DescriptionTerm, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ErrorMessage, ExpandableSearch, ExpandableSearchField, Field2 as Field, FieldGroup, FieldLabel, Fieldset2 as Fieldset, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormatToggle, GenerateInterpolatedColors, Header2 as Header, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, Legend2 as Legend, LineChart, Link, _List as List, Listbox2 as Listbox, ListboxDescription, ListboxLabel, ListboxOption2 as ListboxOption, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileHeader, MobileSearch, MultiLevelPushMenu, Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, Progress, ProgressBar, ProgressCircle, Prose, RadioGroup2 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLink, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarNavigation, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiteSearch, Skeleton, Slider, Social, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, Switch2 as Switch, SwitchField, SwitchGroup, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeColorPalette, ThemeProvider, ThemeSelector, ThemeSwitcher, Toaster, TocContext, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, Tooltip5 as TremorTooltip, ViewToggle, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, colorDataArray, colorThemes, colors, constructCategoryColors, createColorArray, createColorData, createFormStore, darkenColor, domToSimple, focusInput, focusRing, generateColorThemes, getColorClassName, getColorValue, getHeadings, getNodeText, getSurroundingColors, getYAxisDomain, hasErrorInput, hasOnlyOneValueForKey, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, progressBarVariants, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useActiveSectionObserver, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, useSelectorHeight, useSidebar, useToc };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map