@clickhouse/click-ui 0.0.190 → 0.0.192

package/dist/click-ui.es.js

@@ -10,6 +10,7 @@ import * as React from "react";
 import React__default, { forwardRef, useCallback, createContext, useMemo, createElement as createElement$1, useContext, useRef, useEffect, useState, Children, isValidElement, cloneElement, Fragment, useLayoutEffect, useReducer, useId, PureComponent, Component, memo } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync, createPortal } from "react-dom";
+import dayjs from "dayjs";
 const UsersIcon = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
   /* @__PURE__ */ jsx("path", { d: "M15.2158 11.2407C17.0021 11.1757 18.42 9.71476 18.4314 7.92732C18.4038 6.17864 16.9645 4.78308 15.2158 4.80945", stroke: "#161517", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.42753 11.2407C11.2138 11.1757 12.6317 9.71476 12.6432 7.92732C12.6156 6.17864 11.1762 4.78308 9.42753 4.80945C7.67884 4.78308 6.23952 6.17864 6.21191 7.92732C6.22292 9.71494 7.64104 11.1762 9.42753 11.2407V11.2407Z", stroke: "#161517", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -66,6 +67,38 @@ const InfoInCircleIcon = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", h
   /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 12v5" })
 ] });
 const CheckIcon$3 = (props) => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M20 6.5L9 17.5L4 12.5", stroke: "#161517", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+const ChartArea = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("path", { d: "M21.5 19.75C21.5 19.9489 21.421 20.1397 21.2803 20.2803C21.1397 20.421 20.9489 20.5 20.75 20.5H2.75C2.55109 20.5 2.36032 20.421 2.21967 20.2803C2.07902 20.1397 2 19.9489 2 19.75V4.75C2 4.55109 2.07902 4.36032 2.21967 4.21967C2.36032 4.07902 2.55109 4 2.75 4C2.94891 4 3.13968 4.07902 3.28033 4.21967C3.42098 4.36032 3.5 4.55109 3.5 4.75V13.5972L8.25594 9.4375C8.38536 9.32421 8.54978 9.25885 8.72165 9.25236C8.89353 9.24587 9.06241 9.29866 9.2 9.40188L14.7134 13.5372L20.2559 8.6875C20.3286 8.61556 20.4152 8.55925 20.5105 8.52201C20.6057 8.48478 20.7075 8.46741 20.8097 8.47097C20.9119 8.47454 21.0123 8.49896 21.1047 8.54275C21.1971 8.58653 21.2796 8.64875 21.3471 8.72557C21.4146 8.8024 21.4656 8.89222 21.4971 8.9895C21.5286 9.08678 21.5399 9.18948 21.5302 9.29128C21.5206 9.39307 21.4902 9.49182 21.441 9.58146C21.3918 9.67109 21.3248 9.74972 21.2441 9.8125L15.2441 15.0625C15.1146 15.1758 14.9502 15.2412 14.7783 15.2476C14.6065 15.2541 14.4376 15.2013 14.3 15.0981L8.78656 10.9647L3.5 15.5903V19H20.75C20.9489 19 21.1397 19.079 21.2803 19.2197C21.421 19.3603 21.5 19.5511 21.5 19.75Z", fill: "white" }),
+  /* @__PURE__ */ jsx("path", { d: "M8.75 6.75L8.9319 6.02239L8.78057 5.98456L8.6267 6.0102L8.75 6.75ZM14.75 8.25L14.5681 8.97761L14.8373 9.0449L15.0854 8.92082L14.75 8.25ZM21.0854 5.92082C21.4559 5.73558 21.6061 5.28507 21.4208 4.91459C21.2356 4.54411 20.7851 4.39394 20.4146 4.57918L21.0854 5.92082ZM2.8733 8.4898L8.8733 7.4898L8.6267 6.0102L2.6267 7.0102L2.8733 8.4898ZM8.5681 7.47761L14.5681 8.97761L14.9319 7.52239L8.9319 6.02239L8.5681 7.47761ZM15.0854 8.92082L21.0854 5.92082L20.4146 4.57918L14.4146 7.57918L15.0854 8.92082Z", fill: "white" })
+] });
+const ChartBarHorizontal = (props) => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M20.25 9H16.5V5.25C16.5 5.05109 16.421 4.86032 16.2803 4.71967C16.1397 4.57902 15.9489 4.5 15.75 4.5H4.5V3.75C4.5 3.55109 4.42098 3.36032 4.28033 3.21967C4.13968 3.07902 3.94891 3 3.75 3C3.55109 3 3.36032 3.07902 3.21967 3.21967C3.07902 3.36032 3 3.55109 3 3.75V20.25C3 20.4489 3.07902 20.6397 3.21967 20.7803C3.36032 20.921 3.55109 21 3.75 21C3.94891 21 4.13968 20.921 4.28033 20.7803C4.42098 20.6397 4.5 20.4489 4.5 20.25V19.5H12.75C12.9489 19.5 13.1397 19.421 13.2803 19.2803C13.421 19.1397 13.5 18.9489 13.5 18.75V15H20.25C20.4489 15 20.6397 14.921 20.7803 14.7803C20.921 14.6397 21 14.4489 21 14.25V9.75C21 9.55109 20.921 9.36032 20.7803 9.21967C20.6397 9.07902 20.4489 9 20.25 9ZM15 6V9H4.5V6H15ZM12 18H4.5V15H12V18ZM19.5 13.5H4.5V10.5H19.5V13.5Z", fill: "white" }) });
+const ChartDonut = (props) => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M12.0003 2.25C11.8014 2.25 11.6106 2.32902 11.47 2.46967C11.3293 2.61032 11.2503 2.80109 11.2503 3V8.25C11.2503 8.44891 11.3293 8.63968 11.47 8.78033C11.6106 8.92098 11.8014 9 12.0003 9C12.6607 9.00015 13.3025 9.21819 13.8264 9.6203C14.3502 10.0224 14.7267 10.5861 14.8975 11.224C15.0683 11.8619 15.0239 12.5384 14.7711 13.1484C14.5183 13.7585 14.0713 14.2681 13.4993 14.5982C12.9274 14.9284 12.2625 15.0606 11.6078 14.9743C10.9531 14.888 10.3451 14.5882 9.87818 14.1212C9.41125 13.6542 9.11145 13.0462 9.02527 12.3915C8.93909 11.7368 9.07135 11.0719 9.40154 10.5C9.4508 10.4147 9.48278 10.3205 9.49564 10.2228C9.50849 10.1252 9.50198 10.0259 9.47647 9.93075C9.45097 9.83559 9.40696 9.7464 9.34697 9.66825C9.28698 9.59011 9.21218 9.52454 9.12685 9.47531L4.57998 6.85031C4.49466 6.80105 4.40048 6.76907 4.30281 6.75622C4.20513 6.74336 4.10588 6.74987 4.01073 6.77538C3.91557 6.80089 3.82637 6.84489 3.74823 6.90488C3.67008 6.96487 3.60452 7.03967 3.55529 7.125C2.48216 8.98371 2.05232 11.1446 2.33243 13.2725C2.61254 15.4004 3.58694 17.3764 5.10452 18.8941C6.62211 20.4117 8.59806 21.3863 10.7259 21.6665C12.8538 21.9468 15.0147 21.5171 16.8735 20.4441C18.7323 19.3711 20.1851 17.7147 21.0066 15.7319C21.8281 13.7491 21.9723 11.5506 21.4171 9.47742C20.8618 7.40424 19.6379 5.57222 17.9353 4.26547C16.2327 2.95872 14.1465 2.25028 12.0003 2.25ZM4.50873 8.54062L7.78154 10.4306C7.5953 10.9329 7.50006 11.4643 7.50029 12C7.50029 12.1434 7.50779 12.2812 7.52091 12.4237L3.87029 13.4062C3.5856 11.7571 3.80823 10.0605 4.50873 8.54062ZM4.25841 14.8509L7.91466 13.8722C8.22035 14.5385 8.68389 15.1203 9.26512 15.5671C9.84635 16.0139 10.5278 16.3122 11.2503 16.4363V20.2153C9.69763 20.0714 8.2173 19.4914 6.98016 18.5422C5.74301 17.593 4.79946 16.3134 4.25841 14.8509ZM12.7503 20.2153V16.4363C13.7984 16.2586 14.7498 15.7156 15.4359 14.9035C16.1219 14.0914 16.4983 13.0626 16.4983 11.9995C16.4983 10.9364 16.1219 9.90768 15.4359 9.09557C14.7498 8.28347 13.7984 7.74047 12.7503 7.56281V3.78375C14.7998 3.97101 16.7054 4.91756 18.0929 6.43761C19.4804 7.95767 20.2497 9.94144 20.2497 11.9995C20.2497 14.0576 19.4804 16.0414 18.0929 17.5614C16.7054 19.0815 14.7998 20.0281 12.7503 20.2153Z", fill: "white" }) });
+const ChartHeatmap = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("path", { d: "M21.5 19.75C21.5 19.9489 21.421 20.1397 21.2803 20.2803C21.1397 20.421 20.9489 20.5 20.75 20.5H2.75C2.55109 20.5 2.36032 20.421 2.21967 20.2803C2.07902 20.1397 2 19.9489 2 19.75V4.75C2 4.55109 2.07902 4.36032 2.21967 4.21967C2.36032 4.07902 2.55109 4 2.75 4C2.94891 4 3.13968 4.07902 3.28033 4.21967C3.42098 4.36032 3.5 4.55109 3.5 4.75V19H20.75C20.9489 19 21.1397 19.079 21.2803 19.2197C21.421 19.3603 21.5 19.5511 21.5 19.75Z", fill: "white" }),
+  /* @__PURE__ */ jsx("circle", { cx: "10.5", cy: "11.5", r: "2.5", fill: "white" }),
+  /* @__PURE__ */ jsx("circle", { cx: "16", cy: "15", r: "2", fill: "white" }),
+  /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "1", fill: "white" }),
+  /* @__PURE__ */ jsx("circle", { cx: "14", cy: "8", r: "4", fill: "white" })
+] });
+const ChartScatter = (props) => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M21.5 19.75C21.5 19.9489 21.421 20.1397 21.2803 20.2803C21.1397 20.421 20.9489 20.5 20.75 20.5H2.75C2.55109 20.5 2.36032 20.421 2.21967 20.2803C2.07902 20.1397 2 19.9489 2 19.75V4.75C2 4.55109 2.07902 4.36032 2.21967 4.21967C2.36032 4.07902 2.55109 4 2.75 4C2.94891 4 3.13968 4.07902 3.28033 4.21967C3.42098 4.36032 3.5 4.55109 3.5 4.75V19H20.75C20.9489 19 21.1397 19.079 21.2803 19.2197C21.421 19.3603 21.5 19.5511 21.5 19.75ZM12.125 15.25C12.3475 15.25 12.565 15.184 12.75 15.0604C12.935 14.9368 13.0792 14.7611 13.1644 14.5555C13.2495 14.35 13.2718 14.1238 13.2284 13.9055C13.185 13.6873 13.0778 13.4868 12.9205 13.3295C12.7632 13.1722 12.5627 13.065 12.3445 13.0216C12.1262 12.9782 11.9 13.0005 11.6945 13.0856C11.4889 13.1708 11.3132 13.315 11.1896 13.5C11.066 13.685 11 13.9025 11 14.125C11 14.4234 11.1185 14.7095 11.3295 14.9205C11.5405 15.1315 11.8266 15.25 12.125 15.25ZM9.875 10C10.0975 10 10.315 9.93402 10.5 9.8104C10.685 9.68679 10.8292 9.51109 10.9144 9.30552C10.9995 9.09995 11.0218 8.87375 10.9784 8.65552C10.935 8.43729 10.8278 8.23684 10.6705 8.0795C10.5132 7.92217 10.3127 7.81502 10.0945 7.77162C9.87625 7.72821 9.65005 7.75049 9.44448 7.83564C9.23891 7.92078 9.06321 8.06498 8.9396 8.24998C8.81598 8.43499 8.75 8.6525 8.75 8.875C8.75 9.17337 8.86853 9.45952 9.0795 9.6705C9.29048 9.88147 9.57663 10 9.875 10ZM6.875 16.75C7.0975 16.75 7.31501 16.684 7.50002 16.5604C7.68502 16.4368 7.82922 16.2611 7.91436 16.0555C7.99951 15.85 8.02179 15.6238 7.97838 15.4055C7.93498 15.1873 7.82783 14.9868 7.6705 14.8295C7.51316 14.6722 7.31271 14.565 7.09448 14.5216C6.87625 14.4782 6.65005 14.5005 6.44448 14.5856C6.23891 14.6708 6.06321 14.815 5.9396 15C5.81598 15.185 5.75 15.4025 5.75 15.625C5.75 15.9234 5.86853 16.2095 6.0795 16.4205C6.29048 16.6315 6.57663 16.75 6.875 16.75ZM15.875 12.25C16.0975 12.25 16.315 12.184 16.5 12.0604C16.685 11.9368 16.8292 11.7611 16.9144 11.5555C16.9995 11.35 17.0218 11.1238 16.9784 10.9055C16.935 10.6873 16.8278 10.4868 16.6705 10.3295C16.5132 10.1722 16.3127 10.065 16.0945 10.0216C15.8762 9.97821 15.65 10.0005 15.4445 10.0856C15.2389 10.1708 15.0632 10.315 14.9396 10.5C14.816 10.685 14.75 10.9025 14.75 11.125C14.75 11.4234 14.8685 11.7095 15.0795 11.9205C15.2905 12.1315 15.5766 12.25 15.875 12.25ZM18.125 8.5C18.3475 8.5 18.565 8.43402 18.75 8.3104C18.935 8.18679 19.0792 8.01109 19.1644 7.80552C19.2495 7.59995 19.2718 7.37375 19.2284 7.15552C19.185 6.93729 19.0778 6.73684 18.9205 6.5795C18.7632 6.42217 18.5627 6.31502 18.3445 6.27162C18.1262 6.22821 17.9 6.25049 17.6945 6.33564C17.4889 6.42078 17.3132 6.56498 17.1896 6.74998C17.066 6.93499 17 7.1525 17 7.375C17 7.67337 17.1185 7.95952 17.3295 8.1705C17.5405 8.38147 17.8266 8.5 18.125 8.5ZM16.25 15.625C16.25 15.8475 16.316 16.065 16.4396 16.25C16.5632 16.435 16.7389 16.5792 16.9445 16.6644C17.15 16.7495 17.3762 16.7718 17.5945 16.7284C17.8127 16.685 18.0132 16.5778 18.1705 16.4205C18.3278 16.2632 18.435 16.0627 18.4784 15.8445C18.5218 15.6262 18.4995 15.4 18.4144 15.1945C18.3292 14.9889 18.185 14.8132 18 14.6896C17.815 14.566 17.5975 14.5 17.375 14.5C17.0766 14.5 16.7905 14.6185 16.5795 14.8295C16.3685 15.0405 16.25 15.3266 16.25 15.625Z", fill: "white" }) });
+const ChartStackedHorizontal = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3.5 3L3.5 21", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 14.333L15.5 14.333V18C15.5 18.552 15.052 19 14.5 19H3.5L3.5 14.333Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 14.3301H10.5V17.9994C10.5 18.5518 10.2387 19.0001 9.91667 19.0001H3.5L3.5 14.3301Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 9.66699L20.5 9.66699C21.052 9.66699 21.5 10.115 21.5 10.667V13.334C21.5 13.886 21.052 14.334 20.5 14.334H3.5L3.5 9.66699Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 9.66992H12C12.276 9.66992 12.5 10.1182 12.5 10.6706V13.3393C12.5 13.8916 12.276 14.3399 12 14.3399H3.5L3.5 9.66992Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 5L17.5 5C18.052 5 18.5 5.448 18.5 6V9.667H3.5L3.5 5Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 5L10.0333 5C10.2909 5 10.5 5.44829 10.5 6.00064V9.67H3.5L3.5 5Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+const ChartStackedVertical = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 21H21", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.333 21V9H18C18.552 9 19 9.448 19 10V21H14.333Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.3301 21V14H17.9994C18.5518 14 19.0001 14.2613 19.0001 14.5833V21H14.3301Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.66699 21L9.66699 4C9.66699 3.448 10.115 3 10.667 3H13.334C13.886 3 14.334 3.448 14.334 4V21H9.66699Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.66992 21V12.5C9.66992 12.224 10.1182 12 10.6706 12H13.3393C13.8916 12 14.3399 12.224 14.3399 12.5V21H9.66992Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 21L5 7C5 6.448 5.448 6 6 6H9.667V21H5Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 21V14.4667C5 14.2091 5.44829 14 6.00064 14H9.67V21H5Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
 const InformationIcon = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
   /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.854 11.877h1.15v4.252M10.845 16.128h2.31" }),
   /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M11.946 7.872a.25.25 0 1 1-.25-.25" }),
@@ -718,6 +751,13 @@ const ICONS_MAP = {
   cards: Cards,
   "cell-tower": CellTower,
   chat: ChatIcon,
+  "chart-area": ChartArea,
+  "chart-bar-horizontal": ChartBarHorizontal,
+  "chart-donut": ChartDonut,
+  "chart-heatmap": ChartHeatmap,
+  "chart-scatter": ChartScatter,
+  "chart-stacked-horizontal": ChartStackedHorizontal,
+  "chart-stacked-vertical": ChartStackedVertical,
   check: CheckIcon$3,
   "check-in-circle": CheckInCircle,
   "chevron-down": ChevronDown,
@@ -7870,18 +7910,20 @@ const IconWrapper$3 = ({
   width,
   height,
   children,
+  ellipsisContent = true,
   ...props
 }) => {
+  const TextWrapper2 = ellipsisContent ? EllipsisContent : "div";
   return /* @__PURE__ */ jsxs(LabelContainer$1, { $hasIcon: typeof icon === "string", $iconDir: iconDir, ...props, children: [
     icon && iconDir === "start" && /* @__PURE__ */ jsx(SvgImage, { name: icon, size: size2, width, height }),
-    /* @__PURE__ */ jsx(EllipsisContent, { children }),
+    /* @__PURE__ */ jsx(TextWrapper2, { "data-testid": `${ellipsisContent ? "ellipsed" : "normal"}-icon-wrapper-text`, children }),
     icon && iconDir === "end" && /* @__PURE__ */ jsx(SvgImage, { name: icon, size: size2, width, height })
   ] });
 };
 const Dropdown = (props) => /* @__PURE__ */ jsx($d08ef79370b62062$export$be92b6f5f03c0fe9, { ...props });
 const DropdownMenuItem = styled(GenericMenuItem).withConfig({
   componentId: "sc-18bhwbw-0"
-})(['position:relative;display:flex;&[data-state="open"]{', "}"], ({
+})(['position:relative;display:flex;min-height:32px;&[data-state="open"]{', "}"], ({
   theme: theme2
 }) => `
       font: ${theme2.click.genericMenu.item.typography.label.hover};
@@ -7914,9 +7956,11 @@ DropdownTrigger.displayName = "DropdownTrigger";
 Dropdown.Trigger = DropdownTrigger;
 const DropdownMenuContent = styled(GenericMenuPanel).withConfig({
   componentId: "sc-18bhwbw-2"
-})(["min-width:", ";flex-direction:column;z-index:1;"], ({
+})(["min-width:", ";flex-direction:column;z-index:1;overflow-y:scroll;max-height:calc( (var(--radix-", "-content-available-height) - 100px) );"], ({
   theme: theme2
-}) => theme2.click.genericMenu.item.size.minWidth);
+}) => theme2.click.genericMenu.item.size.minWidth, ({
+  $type
+}) => $type);
 const DropdownContent$1 = ({
   sub,
   children,
@@ -9373,9 +9417,10 @@ const Badge = ({
   type,
   dismissible,
   onClose,
+  ellipsisContent = true,
   ...props
-}) => /* @__PURE__ */ jsx(Wrapper$c, { $state: state, $size: size2, $type: type, ...props, children: /* @__PURE__ */ jsxs(Content$4, { children: [
-  /* @__PURE__ */ jsx(BadgeContent, { as: IconWrapper$3, icon, iconDir, size: size2, $state: state, children: text2 }),
+}) => /* @__PURE__ */ jsx(Wrapper$c, { $state: state, $size: size2, $type: type, ...props, children: /* @__PURE__ */ jsxs(Content$4, { "data-testid": `${ellipsisContent ? "ellipsed" : "normal"}-badge-content`, children: [
+  /* @__PURE__ */ jsx(BadgeContent, { as: IconWrapper$3, icon, iconDir, size: size2, $state: state, ellipsisContent, children: text2 }),
   dismissible && /* @__PURE__ */ jsx(SvgContainer, { name: "cross", $state: state, as: SvgImage, onClick: onClose, "aria-label": "close" })
 ] }) });
 const BigStat = ({
@@ -9612,6 +9657,110 @@ const ButtonIcon = styled(SvgImage).withConfig({
 }) => theme2.click.button.basic.size.icon.all, ({
   theme: theme2
 }) => theme2.click.button.basic.size.icon.all);
+const Header$4 = styled.div.withConfig({
+  componentId: "sc-1qnbjoa-0"
+})(["max-width:100%;gap:inherit;"]);
+const Description = styled.div.withConfig({
+  componentId: "sc-1qnbjoa-1"
+})(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
+  theme: theme2
+}) => theme2.click.card.horizontal.space.gap);
+const Wrapper$a = styled.div.withConfig({
+  componentId: "sc-1qnbjoa-2"
+})(["display:inline-flex;width:100%;max-width:100%;align-items:center;justify-content:flex-start;", ""], ({
+  theme: theme2,
+  $color,
+  $isSelected,
+  $disabled
+}) => `
+    background: ${theme2.click.card.horizontal[$color].color.background.default};
+    color: ${theme2.click.card.horizontal[$color].color.title.default};
+    border-radius: ${theme2.click.card.horizontal.radii.all};
+    border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelected ? "active" : "default"]};
+    padding: ${theme2.click.card.horizontal.space.y} ${theme2.click.card.horizontal.space.x};
+    gap: ${theme2.click.card.horizontal.space.gap};
+    font: ${theme2.click.card.horizontal.typography.title.default};
+    ${Description} {
+      color: ${theme2.click.card.horizontal[$color].color.description.default};
+      font: ${theme2.click.card.horizontal.typography.description.default};
+    }
+    &:hover{
+      background-color: ${theme2.click.card.horizontal[$color].color.background.hover};
+      color: ${theme2.click.card.horizontal[$color].color.title.hover};
+      border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelected ? "active" : "hover"]};
+      cursor: pointer;
+      font: ${theme2.click.card.horizontal.typography.title.hover};
+      ${Description} {
+        color: ${theme2.click.card.horizontal[$color].color.description.hover};
+        font: ${theme2.click.card.horizontal.typography.description.hover};
+      }
+    }
+
+    &:active, &:focus, &:focus-within {
+      background-color: ${theme2.click.card.horizontal[$color].color.background.active};
+      color: ${theme2.click.card.horizontal[$color].color.title.active};
+      border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke.active};
+      ${Description} {
+        color: ${theme2.click.card.horizontal[$color].color.description.active};
+        font: ${theme2.click.card.horizontal.typography.description.active};
+      }
+    }
+    ${$disabled ? `
+          pointer-events: none;
+          &,
+          &:hover,
+          &:active, &:focus, &:focus-within {
+            background-color: ${theme2.click.card.horizontal[$color].color.background.disabled};
+            color: ${theme2.click.card.horizontal[$color].color.title.disabled};
+            border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelected ? "active" : "disabled"]};
+            cursor: not-allowed;
+            ${Description} {
+              color: ${theme2.click.card.horizontal[$color].color.description.disabled};
+              font: ${theme2.click.card.horizontal.typography.description.disabled};
+            }
+          },
+          &:active, &:focus, &:focus-within {
+            border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke.active};
+          }
+        ` : ""}
+  `);
+const CardIcon$1 = styled(SvgImage).withConfig({
+  componentId: "sc-1qnbjoa-3"
+})(["", ""], ({
+  theme: theme2
+}) => `
+      height: ${theme2.click.card.horizontal.icon.size.all};
+      width: ${theme2.click.card.horizontal.icon.size.all};
+  `);
+const ContentWrapper = styled.div.withConfig({
+  componentId: "sc-1qnbjoa-4"
+})(["display:flex;flex-direction:column;width:100%;"]);
+const CardHorizontal = ({
+  title,
+  icon,
+  description,
+  disabled = false,
+  isSelected,
+  children,
+  color = "default",
+  badgeText,
+  badgeState,
+  badgeIcon,
+  badgeIconDir,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(Wrapper$a, { $disabled: disabled, $isSelected: isSelected, $color: color, tabIndex: 0, ...props, children: [
+    icon && /* @__PURE__ */ jsx(CardIcon$1, { name: icon, "aria-hidden": true }),
+    /* @__PURE__ */ jsxs(ContentWrapper, { children: [
+      title && /* @__PURE__ */ jsxs(Header$4, { as: Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
+        /* @__PURE__ */ jsx(Container, { orientation: "horizontal", gap: "xs", isResponsive: false, fillWidth: false, grow: "1", children: title }),
+        badgeText && /* @__PURE__ */ jsx(Container, { isResponsive: false, justifyContent: "end", fillWidth: false, "data-testid": "horizontal-card-badge", children: /* @__PURE__ */ jsx(Badge, { text: badgeText, size: "md", state: badgeState, icon: badgeIcon, iconDir: badgeIconDir }) })
+      ] }),
+      description && /* @__PURE__ */ jsx(Description, { children: description }),
+      children && /* @__PURE__ */ jsx(Description, { children })
+    ] })
+  ] });
+};
 const Title$2 = forwardRef(({
   align,
   size: size2,
@@ -9665,111 +9814,6 @@ const CuiText = styled.p.withConfig({
 }) => $fillWidth && "width: 100%");
 _Text.displayName = "Text";
 const Text = forwardRef(_Text);
-const Header$4 = styled.div.withConfig({
-  componentId: "sc-1drx130-0"
-})(["display:flex;justify-content:space-between;align-items:center;"]);
-const HeaderLeft = styled.div.withConfig({
-  componentId: "sc-1drx130-1"
-})(["display:flex;align-items:center;gap:", ";h3,svg{color:", ";}"], ({
-  theme: theme2
-}) => theme2.click.card.secondary.space.gap, ({
-  $disabled,
-  theme: theme2
-}) => $disabled == true ? theme2.click.global.color.text.muted : theme2.click.global.color.text.default);
-const Content$3 = styled.div.withConfig({
-  componentId: "sc-1drx130-2"
-})(["display:flex;flex-direction:column;flex:1;"]);
-const CustomIcon$1 = styled.img.withConfig({
-  componentId: "sc-1drx130-3"
-})(["height:", ";width:", ";"], ({
-  theme: theme2
-}) => theme2.click.image.lg.size.height, ({
-  theme: theme2
-}) => theme2.click.image.lg.size.width);
-const InfoLink = styled.a.withConfig({
-  componentId: "sc-1drx130-4"
-})(["display:flex;align-items:center;color:", ";gap:", ";text-decoration:none;"], ({
-  theme: theme2
-}) => theme2.click.card.secondary.color.link.default, ({
-  theme: theme2
-}) => theme2.click.card.secondary.space.link.gap);
-const LinkIconContainer = styled(SvgImage).withConfig({
-  componentId: "sc-1drx130-5"
-})(["color:", ";height:", ";width:", ";"], ({
-  theme: theme2
-}) => theme2.click.card.secondary.color.link.default, ({
-  theme: theme2
-}) => theme2.click.image.md.size.height, ({
-  theme: theme2
-}) => theme2.click.image.md.size.width);
-const LinkText = styled(Text).withConfig({
-  componentId: "sc-1drx130-6"
-})([""]);
-const LinkIcon = styled(LinkIconContainer).withConfig({
-  componentId: "sc-1drx130-7"
-})([""]);
-const Wrapper$a = styled.div.withConfig({
-  componentId: "sc-1drx130-8"
-})(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}"], ({
-  theme: theme2
-}) => theme2.click.card.secondary.color.background.default, ({
-  theme: theme2
-}) => theme2.click.card.secondary.radii.all, ({
-  theme: theme2
-}) => `1px solid ${theme2.click.card.secondary.color.stroke.default}`, ({
-  theme: theme2
-}) => theme2.click.card.secondary.space.all, ({
-  theme: theme2
-}) => theme2.click.card.secondary.space.gap, ({
-  $hasShadow,
-  theme: theme2
-}) => $hasShadow ? theme2.shadow[1] : "none", ({
-  theme: theme2
-}) => theme2.click.card.secondary.color.background.hover, LinkText, LinkIcon, ({
-  theme: theme2
-}) => theme2.click.card.secondary.color.link.hover, ({
-  theme: theme2
-}) => `
-      background-color: ${theme2.click.card.secondary.color.background.disabled};
-      color: ${theme2.click.card.secondary.color.title.disabled};
-      border: 1px solid ${theme2.click.card.secondary.color.stroke.disabled};
-      cursor: not-allowed;
-
-      ${LinkText},
-      ${LinkIcon} {
-        color: ${theme2.click.card.secondary.color.link.disabled};
-      }
-    `);
-const CardSecondary = ({
-  title,
-  icon,
-  iconUrl,
-  badgeState,
-  badgeText = "",
-  hasShadow = false,
-  disabled = false,
-  description,
-  infoUrl,
-  infoText,
-  infoIcon = "chevron-right",
-  infoIconSize = "md",
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(Wrapper$a, { "aria-disabled": disabled, tabIndex: 0, $hasShadow: hasShadow, ...props, children: [
-    /* @__PURE__ */ jsxs(Header$4, { children: [
-      /* @__PURE__ */ jsxs(HeaderLeft, { $disabled: disabled, children: [
-        iconUrl ? /* @__PURE__ */ jsx(CustomIcon$1, { src: iconUrl, alt: "card icon", "aria-hidden": true }) : icon && /* @__PURE__ */ jsx(SvgImage, { name: icon, "aria-hidden": true, size: "lg" }),
-        /* @__PURE__ */ jsx(Title$2, { type: "h3", children: title })
-      ] }),
-      badgeText && /* @__PURE__ */ jsx(Badge, { text: badgeText, state: disabled == true ? "disabled" : badgeState })
-    ] }),
-    /* @__PURE__ */ jsx(Content$3, { children: /* @__PURE__ */ jsx(Text, { color: "muted", children: description }) }),
-    (infoUrl || infoText) && /* @__PURE__ */ jsxs(InfoLink, { href: disabled ? void 0 : infoUrl, as: disabled || !infoUrl || infoUrl.length === 0 ? "div" : "a", children: [
-      /* @__PURE__ */ jsx(LinkText, { children: infoText }),
-      /* @__PURE__ */ jsx(LinkIcon, { size: infoIconSize, name: infoIcon })
-    ] })
-  ] });
-};
 const _Container = ({
   component,
   alignItems,
@@ -9931,7 +9975,7 @@ const Header$3 = styled.div.withConfig({
   $size = "md",
   theme: theme2
 }) => theme2.click.card.primary.size.icon[$size].all);
-const Content$2 = styled.div.withConfig({
+const Content$3 = styled.div.withConfig({
   componentId: "sc-2dguvi-2"
 })(["width:100%;display:flex;flex-direction:column;align-self:", ";gap:", ";flex:1;"], ({
   $alignContent = "center"
@@ -9975,7 +10019,7 @@ const Card = ({
       iconUrl ? /* @__PURE__ */ jsx("img", { src: iconUrl, alt: "card icon", "aria-hidden": true }) : icon && /* @__PURE__ */ jsx(SvgImage, { name: icon, "aria-hidden": true }),
       title && /* @__PURE__ */ jsx(Title$2, { type: "h3", children: title })
     ] }),
-    (description || children) && /* @__PURE__ */ jsxs(Content$2, { $size: size2, $alignContent: alignContent, children: [
+    (description || children) && /* @__PURE__ */ jsxs(Content$3, { $size: size2, $alignContent: alignContent, children: [
       description && /* @__PURE__ */ jsx(Text, { color: "muted", align: convertCardAlignToTextAlign(alignContent ?? "start"), children: description }),
       children
     ] }),
@@ -9984,110 +10028,6 @@ const Card = ({
   ] });
 };
 const CardPrimary = withTopBadge(Card);
-const Header$2 = styled.div.withConfig({
-  componentId: "sc-1qnbjoa-0"
-})(["max-width:100%;gap:inherit;"]);
-const Description = styled.div.withConfig({
-  componentId: "sc-1qnbjoa-1"
-})(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
-  theme: theme2
-}) => theme2.click.card.horizontal.space.gap);
-const Wrapper$7 = styled.div.withConfig({
-  componentId: "sc-1qnbjoa-2"
-})(["display:inline-flex;width:100%;max-width:100%;align-items:center;justify-content:flex-start;", ""], ({
-  theme: theme2,
-  $color,
-  $isSelected,
-  $disabled
-}) => `
-    background: ${theme2.click.card.horizontal[$color].color.background.default};
-    color: ${theme2.click.card.horizontal[$color].color.title.default};
-    border-radius: ${theme2.click.card.horizontal.radii.all};
-    border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelected ? "active" : "default"]};
-    padding: ${theme2.click.card.horizontal.space.y} ${theme2.click.card.horizontal.space.x};
-    gap: ${theme2.click.card.horizontal.space.gap};
-    font: ${theme2.click.card.horizontal.typography.title.default};
-    ${Description} {
-      color: ${theme2.click.card.horizontal[$color].color.description.default};
-      font: ${theme2.click.card.horizontal.typography.description.default};
-    }
-    &:hover{
-      background-color: ${theme2.click.card.horizontal[$color].color.background.hover};
-      color: ${theme2.click.card.horizontal[$color].color.title.hover};
-      border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelected ? "active" : "hover"]};
-      cursor: pointer;
-      font: ${theme2.click.card.horizontal.typography.title.hover};
-      ${Description} {
-        color: ${theme2.click.card.horizontal[$color].color.description.hover};
-        font: ${theme2.click.card.horizontal.typography.description.hover};
-      }
-    }
-
-    &:active, &:focus, &:focus-within {
-      background-color: ${theme2.click.card.horizontal[$color].color.background.active};
-      color: ${theme2.click.card.horizontal[$color].color.title.active};
-      border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke.active};
-      ${Description} {
-        color: ${theme2.click.card.horizontal[$color].color.description.active};
-        font: ${theme2.click.card.horizontal.typography.description.active};
-      }
-    }
-    ${$disabled ? `
-          pointer-events: none;
-          &,
-          &:hover,
-          &:active, &:focus, &:focus-within {
-            background-color: ${theme2.click.card.horizontal[$color].color.background.disabled};
-            color: ${theme2.click.card.horizontal[$color].color.title.disabled};
-            border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelected ? "active" : "disabled"]};
-            cursor: not-allowed;
-            ${Description} {
-              color: ${theme2.click.card.horizontal[$color].color.description.disabled};
-              font: ${theme2.click.card.horizontal.typography.description.disabled};
-            }
-          },
-          &:active, &:focus, &:focus-within {
-            border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke.active};
-          }
-        ` : ""}
-  `);
-const CardIcon$1 = styled(SvgImage).withConfig({
-  componentId: "sc-1qnbjoa-3"
-})(["", ""], ({
-  theme: theme2
-}) => `
-      height: ${theme2.click.card.horizontal.icon.size.all};
-      width: ${theme2.click.card.horizontal.icon.size.all};
-  `);
-const ContentWrapper = styled.div.withConfig({
-  componentId: "sc-1qnbjoa-4"
-})(["display:flex;flex-direction:column;width:100%;"]);
-const CardHorizontal = ({
-  title,
-  icon,
-  description,
-  disabled = false,
-  isSelected,
-  children,
-  color = "default",
-  badgeText,
-  badgeState,
-  badgeIcon,
-  badgeIconDir,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(Wrapper$7, { $disabled: disabled, $isSelected: isSelected, $color: color, tabIndex: 0, ...props, children: [
-    icon && /* @__PURE__ */ jsx(CardIcon$1, { name: icon, "aria-hidden": true }),
-    /* @__PURE__ */ jsxs(ContentWrapper, { children: [
-      title && /* @__PURE__ */ jsxs(Header$2, { as: Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
-        /* @__PURE__ */ jsx(Container, { orientation: "horizontal", gap: "xs", isResponsive: false, fillWidth: false, grow: "1", children: title }),
-        badgeText && /* @__PURE__ */ jsx(Container, { isResponsive: false, justifyContent: "end", fillWidth: false, "data-testid": "horizontal-card-badge", children: /* @__PURE__ */ jsx(Badge, { text: badgeText, size: "md", state: badgeState, icon: badgeIcon, iconDir: badgeIconDir }) })
-      ] }),
-      description && /* @__PURE__ */ jsx(Description, { children: description }),
-      children && /* @__PURE__ */ jsx(Description, { children })
-    ] })
-  ] });
-};
 const Background = styled.div.withConfig({
   componentId: "sc-6jamj6-0"
 })(["", ""], ({
@@ -10103,7 +10043,7 @@ const Background = styled.div.withConfig({
       background: ${theme2.click.card.promotion.color.stroke.focus};
     }
   `);
-const Wrapper$6 = styled.div.withConfig({
+const Wrapper$7 = styled.div.withConfig({
   componentId: "sc-6jamj6-1"
 })(["display:flex;width:100%;align-items:center;justify-content:flex-start;cursor:pointer;", ""], ({
   theme: theme2
@@ -10144,12 +10084,117 @@ const CardPromotion = ({
   ...props
 }) => {
   const [isVisible, setIsVisible] = useState(true);
-  return isVisible ? /* @__PURE__ */ jsx(Background, { children: /* @__PURE__ */ jsxs(Wrapper$6, { $dismissible: dismissible, ...props, children: [
+  return isVisible ? /* @__PURE__ */ jsx(Background, { children: /* @__PURE__ */ jsxs(Wrapper$7, { $dismissible: dismissible, ...props, children: [
     /* @__PURE__ */ jsx(CardIcon, { name: icon, "aria-hidden": true }),
     /* @__PURE__ */ jsx(Text, { children: label }),
     dismissible && /* @__PURE__ */ jsx(DismissWrapper, { "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
   ] }) }) : null;
 };
+const Header$2 = styled.div.withConfig({
+  componentId: "sc-1drx130-0"
+})(["display:flex;justify-content:space-between;align-items:center;"]);
+const HeaderLeft = styled.div.withConfig({
+  componentId: "sc-1drx130-1"
+})(["display:flex;align-items:center;gap:", ";h3,svg{color:", ";}"], ({
+  theme: theme2
+}) => theme2.click.card.secondary.space.gap, ({
+  $disabled,
+  theme: theme2
+}) => $disabled == true ? theme2.click.global.color.text.muted : theme2.click.global.color.text.default);
+const Content$2 = styled.div.withConfig({
+  componentId: "sc-1drx130-2"
+})(["display:flex;flex-direction:column;flex:1;"]);
+const CustomIcon$1 = styled.img.withConfig({
+  componentId: "sc-1drx130-3"
+})(["height:", ";width:", ";"], ({
+  theme: theme2
+}) => theme2.click.image.lg.size.height, ({
+  theme: theme2
+}) => theme2.click.image.lg.size.width);
+const InfoLink = styled.a.withConfig({
+  componentId: "sc-1drx130-4"
+})(["display:flex;align-items:center;color:", ";gap:", ";text-decoration:none;"], ({
+  theme: theme2
+}) => theme2.click.card.secondary.color.link.default, ({
+  theme: theme2
+}) => theme2.click.card.secondary.space.link.gap);
+const LinkIconContainer = styled(SvgImage).withConfig({
+  componentId: "sc-1drx130-5"
+})(["color:", ";height:", ";width:", ";"], ({
+  theme: theme2
+}) => theme2.click.card.secondary.color.link.default, ({
+  theme: theme2
+}) => theme2.click.image.md.size.height, ({
+  theme: theme2
+}) => theme2.click.image.md.size.width);
+const LinkText = styled(Text).withConfig({
+  componentId: "sc-1drx130-6"
+})([""]);
+const LinkIcon = styled(LinkIconContainer).withConfig({
+  componentId: "sc-1drx130-7"
+})([""]);
+const Wrapper$6 = styled.div.withConfig({
+  componentId: "sc-1drx130-8"
+})(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}"], ({
+  theme: theme2
+}) => theme2.click.card.secondary.color.background.default, ({
+  theme: theme2
+}) => theme2.click.card.secondary.radii.all, ({
+  theme: theme2
+}) => `1px solid ${theme2.click.card.secondary.color.stroke.default}`, ({
+  theme: theme2
+}) => theme2.click.card.secondary.space.all, ({
+  theme: theme2
+}) => theme2.click.card.secondary.space.gap, ({
+  $hasShadow,
+  theme: theme2
+}) => $hasShadow ? theme2.shadow[1] : "none", ({
+  theme: theme2
+}) => theme2.click.card.secondary.color.background.hover, LinkText, LinkIcon, ({
+  theme: theme2
+}) => theme2.click.card.secondary.color.link.hover, ({
+  theme: theme2
+}) => `
+      background-color: ${theme2.click.card.secondary.color.background.disabled};
+      color: ${theme2.click.card.secondary.color.title.disabled};
+      border: 1px solid ${theme2.click.card.secondary.color.stroke.disabled};
+      cursor: not-allowed;
+
+      ${LinkText},
+      ${LinkIcon} {
+        color: ${theme2.click.card.secondary.color.link.disabled};
+      }
+    `);
+const CardSecondary = ({
+  title,
+  icon,
+  iconUrl,
+  badgeState,
+  badgeText = "",
+  hasShadow = false,
+  disabled = false,
+  description,
+  infoUrl,
+  infoText,
+  infoIcon = "chevron-right",
+  infoIconSize = "md",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(Wrapper$6, { "aria-disabled": disabled, tabIndex: 0, $hasShadow: hasShadow, ...props, children: [
+    /* @__PURE__ */ jsxs(Header$2, { children: [
+      /* @__PURE__ */ jsxs(HeaderLeft, { $disabled: disabled, children: [
+        iconUrl ? /* @__PURE__ */ jsx(CustomIcon$1, { src: iconUrl, alt: "card icon", "aria-hidden": true }) : icon && /* @__PURE__ */ jsx(SvgImage, { name: icon, "aria-hidden": true, size: "lg" }),
+        /* @__PURE__ */ jsx(Title$2, { type: "h3", children: title })
+      ] }),
+      badgeText && /* @__PURE__ */ jsx(Badge, { text: badgeText, state: disabled == true ? "disabled" : badgeState })
+    ] }),
+    /* @__PURE__ */ jsx(Content$2, { children: /* @__PURE__ */ jsx(Text, { color: "muted", children: description }) }),
+    (infoUrl || infoText) && /* @__PURE__ */ jsxs(InfoLink, { href: disabled ? void 0 : infoUrl, as: disabled || !infoUrl || infoUrl.length === 0 ? "div" : "a", children: [
+      /* @__PURE__ */ jsx(LinkText, { children: infoText }),
+      /* @__PURE__ */ jsx(LinkIcon, { size: infoIconSize, name: infoIcon })
+    ] })
+  ] });
+};
 function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
   const ref = useRef({
     value,
@@ -14534,6 +14579,1088 @@ const CodeBlock = ({
     }, showLineNumbers, wrapLines: wrap || wrapLines, wrapLongLines: wrap || wrapLines, children })
   ] });
 };
+const ActionsWrapper = styled.div.withConfig({
+  componentId: "sc-6eozxy-0"
+})(["display:flex;justify-content:flex-end;gap:", ";"], (props) => props.theme.click.dialog.space.gap);
+const DialogContent$1 = styled.div.withConfig({
+  componentId: "sc-6eozxy-1"
+})(["overflow:hidden;display:flex;flex-direction:column;"]);
+const ConfirmationDialog = ({
+  children,
+  disabled,
+  loading,
+  message,
+  onCancel,
+  onConfirm,
+  open: open2,
+  primaryActionLabel = "Confirm",
+  primaryActionType = "primary",
+  secondaryActionLabel = "Cancel",
+  showClose,
+  title,
+  ...props
+}) => {
+  if (children && message) {
+    throw new Error("You can't pass children and message props at the same time");
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open: open2, onOpenChange: (open22) => {
+    !open22 && onCancel && onCancel();
+  }, children: /* @__PURE__ */ jsxs(DialogContent$1, { as: Dialog.Content, title, showClose, ...props, children: [
+    /* @__PURE__ */ jsx(Container, { overflow: "auto", grow: "1", orientation: "vertical", children: children ? children : /* @__PURE__ */ jsx(Text, { children: message }) }),
+    /* @__PURE__ */ jsx(Separator, { size: "xl" }),
+    /* @__PURE__ */ jsxs(ActionsWrapper, { children: [
+      /* @__PURE__ */ jsx(Dialog.Close, { label: secondaryActionLabel, "data-testid": "cancel-action-button" }),
+      /* @__PURE__ */ jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, onClick: () => {
+        if (onConfirm) {
+          onConfirm();
+        }
+      }, "data-testid": "confirm-action-button" })
+    ] })
+  ] }) });
+};
+const $1b0217ee4a91d156$var$CONTEXT_MENU_NAME = "ContextMenu";
+const [$1b0217ee4a91d156$var$createContextMenuContext, $1b0217ee4a91d156$export$1059331f43ddcc82] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($1b0217ee4a91d156$var$CONTEXT_MENU_NAME, [
+  $6cc32821e9371a1c$export$4027731b685e72eb
+]);
+const $1b0217ee4a91d156$var$useMenuScope = $6cc32821e9371a1c$export$4027731b685e72eb();
+const [$1b0217ee4a91d156$var$ContextMenuProvider, $1b0217ee4a91d156$var$useContextMenuContext] = $1b0217ee4a91d156$var$createContextMenuContext($1b0217ee4a91d156$var$CONTEXT_MENU_NAME);
+const $1b0217ee4a91d156$export$8dc6765e8be191c7 = (props) => {
+  const { __scopeContextMenu, children, onOpenChange, dir, modal = true } = props;
+  const [open1, setOpen] = useState(false);
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  const handleOpenChangeProp = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onOpenChange);
+  const handleOpenChange = useCallback((open2) => {
+    setOpen(open2);
+    handleOpenChangeProp(open2);
+  }, [
+    handleOpenChangeProp
+  ]);
+  return /* @__PURE__ */ createElement$1($1b0217ee4a91d156$var$ContextMenuProvider, {
+    scope: __scopeContextMenu,
+    open: open1,
+    onOpenChange: handleOpenChange,
+    modal
+  }, /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$be92b6f5f03c0fe9, _extends$1({}, menuScope, {
+    dir,
+    open: open1,
+    onOpenChange: handleOpenChange,
+    modal
+  }), children));
+};
+const $1b0217ee4a91d156$var$TRIGGER_NAME = "ContextMenuTrigger";
+const $1b0217ee4a91d156$export$be6fc7b1d5b0beb9 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, disabled = false, ...triggerProps } = props;
+  const context = $1b0217ee4a91d156$var$useContextMenuContext($1b0217ee4a91d156$var$TRIGGER_NAME, __scopeContextMenu);
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  const pointRef = useRef({
+    x: 0,
+    y: 0
+  });
+  const virtualRef = useRef({
+    getBoundingClientRect: () => DOMRect.fromRect({
+      width: 0,
+      height: 0,
+      ...pointRef.current
+    })
+  });
+  const longPressTimerRef = useRef(0);
+  const clearLongPress = useCallback(
+    () => window.clearTimeout(longPressTimerRef.current),
+    []
+  );
+  const handleOpen = (event) => {
+    pointRef.current = {
+      x: event.clientX,
+      y: event.clientY
+    };
+    context.onOpenChange(true);
+  };
+  useEffect(
+    () => clearLongPress,
+    [
+      clearLongPress
+    ]
+  );
+  useEffect(
+    () => void (disabled && clearLongPress()),
+    [
+      disabled,
+      clearLongPress
+    ]
+  );
+  return /* @__PURE__ */ createElement$1(Fragment, null, /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$b688253958b8dfe7, _extends$1({}, menuScope, {
+    virtualRef
+  })), /* @__PURE__ */ createElement$1($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
+    "data-state": context.open ? "open" : "closed",
+    "data-disabled": disabled ? "" : void 0
+  }, triggerProps, {
+    ref: forwardedRef,
+    style: {
+      WebkitTouchCallout: "none",
+      ...props.style
+    },
+    onContextMenu: disabled ? props.onContextMenu : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onContextMenu, (event) => {
+      clearLongPress();
+      handleOpen(event);
+      event.preventDefault();
+    }),
+    onPointerDown: disabled ? props.onPointerDown : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDown, $1b0217ee4a91d156$var$whenTouchOrPen((event) => {
+      clearLongPress();
+      longPressTimerRef.current = window.setTimeout(
+        () => handleOpen(event),
+        700
+      );
+    })),
+    onPointerMove: disabled ? props.onPointerMove : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerMove, $1b0217ee4a91d156$var$whenTouchOrPen(clearLongPress)),
+    onPointerCancel: disabled ? props.onPointerCancel : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerCancel, $1b0217ee4a91d156$var$whenTouchOrPen(clearLongPress)),
+    onPointerUp: disabled ? props.onPointerUp : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerUp, $1b0217ee4a91d156$var$whenTouchOrPen(clearLongPress))
+  })));
+});
+const $1b0217ee4a91d156$export$14afd0be83e45060 = (props) => {
+  const { __scopeContextMenu, ...portalProps } = props;
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$602eac185826482c, _extends$1({}, menuScope, portalProps));
+};
+const $1b0217ee4a91d156$var$CONTENT_NAME = "ContextMenuContent";
+const $1b0217ee4a91d156$export$572205900c9369e = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...contentProps } = props;
+  const context = $1b0217ee4a91d156$var$useContextMenuContext($1b0217ee4a91d156$var$CONTENT_NAME, __scopeContextMenu);
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  const hasInteractedOutsideRef = useRef(false);
+  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$7c6e2c02157bb7d2, _extends$1({}, menuScope, contentProps, {
+    ref: forwardedRef,
+    side: "right",
+    sideOffset: 2,
+    align: "start",
+    onCloseAutoFocus: (event) => {
+      var _props$onCloseAutoFoc;
+      (_props$onCloseAutoFoc = props.onCloseAutoFocus) === null || _props$onCloseAutoFoc === void 0 || _props$onCloseAutoFoc.call(props, event);
+      if (!event.defaultPrevented && hasInteractedOutsideRef.current)
+        event.preventDefault();
+      hasInteractedOutsideRef.current = false;
+    },
+    onInteractOutside: (event) => {
+      var _props$onInteractOuts;
+      (_props$onInteractOuts = props.onInteractOutside) === null || _props$onInteractOuts === void 0 || _props$onInteractOuts.call(props, event);
+      if (!event.defaultPrevented && !context.modal)
+        hasInteractedOutsideRef.current = true;
+    },
+    style: {
+      ...props.style,
+      "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+      "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+      "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+      "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+      "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+    }
+  }));
+});
+const $1b0217ee4a91d156$export$9860523b0fcdd664 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...groupProps } = props;
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$eb2fcfdbd7ba97d4, _extends$1({}, menuScope, groupProps, {
+    ref: forwardedRef
+  }));
+});
+const $1b0217ee4a91d156$export$16a26dc176a49100 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...itemProps } = props;
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$6d08773d2e66f8f2, _extends$1({}, menuScope, itemProps, {
+    ref: forwardedRef
+  }));
+});
+const $1b0217ee4a91d156$export$f47d0a58228a61e2 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...arrowProps } = props;
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$21b07c8f274aebd5, _extends$1({}, menuScope, arrowProps, {
+    ref: forwardedRef
+  }));
+});
+const $1b0217ee4a91d156$export$5bc21d1c00c4b201 = (props) => {
+  const { __scopeContextMenu, children, onOpenChange, open: openProp, defaultOpen } = props;
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  const [open2, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$d7a01e11500dfb6f, _extends$1({}, menuScope, {
+    open: open2,
+    onOpenChange: setOpen
+  }), children);
+};
+const $1b0217ee4a91d156$export$30b2b5c64556d316 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...triggerItemProps } = props;
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$2ea8a7a591ac5eac, _extends$1({}, menuScope, triggerItemProps, {
+    ref: forwardedRef
+  }));
+});
+const $1b0217ee4a91d156$export$2c967063bd2dc512 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...subContentProps } = props;
+  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$6d4de93b380beddf, _extends$1({}, menuScope, subContentProps, {
+    ref: forwardedRef,
+    style: {
+      ...props.style,
+      "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+      "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+      "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+      "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+      "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+    }
+  }));
+});
+function $1b0217ee4a91d156$var$whenTouchOrPen(handler) {
+  return (event) => event.pointerType !== "mouse" ? handler(event) : void 0;
+}
+const $1b0217ee4a91d156$export$be92b6f5f03c0fe9 = $1b0217ee4a91d156$export$8dc6765e8be191c7;
+const $1b0217ee4a91d156$export$41fb9f06171c75f4 = $1b0217ee4a91d156$export$be6fc7b1d5b0beb9;
+const $1b0217ee4a91d156$export$602eac185826482c = $1b0217ee4a91d156$export$14afd0be83e45060;
+const $1b0217ee4a91d156$export$7c6e2c02157bb7d2 = $1b0217ee4a91d156$export$572205900c9369e;
+const $1b0217ee4a91d156$export$eb2fcfdbd7ba97d4 = $1b0217ee4a91d156$export$9860523b0fcdd664;
+const $1b0217ee4a91d156$export$6d08773d2e66f8f2 = $1b0217ee4a91d156$export$16a26dc176a49100;
+const $1b0217ee4a91d156$export$21b07c8f274aebd5 = $1b0217ee4a91d156$export$f47d0a58228a61e2;
+const $1b0217ee4a91d156$export$d7a01e11500dfb6f = $1b0217ee4a91d156$export$5bc21d1c00c4b201;
+const $1b0217ee4a91d156$export$2ea8a7a591ac5eac = $1b0217ee4a91d156$export$30b2b5c64556d316;
+const $1b0217ee4a91d156$export$6d4de93b380beddf = $1b0217ee4a91d156$export$2c967063bd2dc512;
+const ContextMenu = (props) => /* @__PURE__ */ jsx($1b0217ee4a91d156$export$be92b6f5f03c0fe9, { ...props });
+const ContextMenuTrigger$1 = forwardRef(({
+  disabled,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ jsx($1b0217ee4a91d156$export$41fb9f06171c75f4, { asChild: true, disabled, children: /* @__PURE__ */ jsx("div", { ref, ...props }) });
+});
+ContextMenuTrigger$1.displayName = "ContextMenuTrigger";
+ContextMenu.Trigger = ContextMenuTrigger$1;
+const ContextMenuSubTrigger = ({
+  icon,
+  iconDir,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(GenericMenuItem, { as: $1b0217ee4a91d156$export$2ea8a7a591ac5eac, ...props, children: [
+    /* @__PURE__ */ jsx(IconWrapper$3, { icon, iconDir, children }),
+    /* @__PURE__ */ jsx("div", { className: "dropdown-arrow", children: /* @__PURE__ */ jsx(SvgImage, { name: "chevron-right" }) })
+  ] });
+};
+ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
+ContextMenu.SubTrigger = ContextMenuSubTrigger;
+const RightMenuContent = styled(GenericMenuPanel).withConfig({
+  componentId: "sc-8z6kye-0"
+})(["flex-direction:column;z-index:1;", ";"], ({
+  $showArrow
+}) => $showArrow ? `
+      &[data-side="bottom"] {
+        margin-top: -1px;
+      }
+      &[data-side="top"] {
+        margin-bottom: -1px;
+      }
+      &[data-side="left"] {
+        margin-right: -1px;
+        .popover-arrow {
+          margin-right: 1rem;
+        }
+      }
+      }
+      &[data-side="right"] {
+        margin-left: -1px;
+        .popover-arrow {
+          margin-left: 1rem;
+        }
+      }
+  ` : "");
+const ContextMenuContent = ({
+  sub,
+  children,
+  showArrow,
+  ...props
+}) => {
+  const ContentElement = sub ? $1b0217ee4a91d156$export$6d4de93b380beddf : $1b0217ee4a91d156$export$7c6e2c02157bb7d2;
+  return /* @__PURE__ */ jsx($1b0217ee4a91d156$export$602eac185826482c, { children: /* @__PURE__ */ jsxs(RightMenuContent, { $type: "context-menu", $showArrow: showArrow, as: ContentElement, ...props, children: [
+    showArrow && /* @__PURE__ */ jsx(Arrow$1, { asChild: true, as: $1b0217ee4a91d156$export$21b07c8f274aebd5, width: 20, height: 10, children: /* @__PURE__ */ jsx(PopoverArrow, { className: "popover-arrow" }) }),
+    children
+  ] }) });
+};
+ContextMenuContent.displayName = "ContextMenuContent";
+ContextMenu.Content = ContextMenuContent;
+const RightMenuGroup = styled($1b0217ee4a91d156$export$eb2fcfdbd7ba97d4).withConfig({
+  componentId: "sc-8z6kye-1"
+})(["width:100%;border-bottom:1px solid ", ";"], ({
+  theme: theme2
+}) => theme2.click.genericMenu.item.color.stroke.default);
+const ContextMenuGroup = (props) => {
+  return /* @__PURE__ */ jsx(RightMenuGroup, { ...props });
+};
+ContextMenuGroup.displayName = "ContextMenuGroup";
+ContextMenu.Group = ContextMenuGroup;
+const RightMenuSub = styled($1b0217ee4a91d156$export$d7a01e11500dfb6f).withConfig({
+  componentId: "sc-8z6kye-2"
+})(["border-bottom:1px solid ", ";"], ({
+  theme: theme2
+}) => theme2.click.genericMenu.item.color.stroke.default);
+const ContextMenuSub = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(RightMenuSub, { ...props });
+};
+ContextMenuSub.displayName = "ContextMenuSub";
+ContextMenu.Sub = ContextMenuSub;
+const ContextMenuItem = ({
+  icon,
+  iconDir,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(GenericMenuItem, { as: $1b0217ee4a91d156$export$6d08773d2e66f8f2, ...props, children: /* @__PURE__ */ jsx(IconWrapper$3, { icon, iconDir, children }) });
+};
+ContextMenuItem.displayName = "ContextMenuItem";
+ContextMenu.Item = ContextMenuItem;
+var advancedFormat$1 = { exports: {} };
+(function(module, exports) {
+  !function(e, t) {
+    module.exports = t();
+  }(commonjsGlobal, function() {
+    return function(e, t) {
+      var r = t.prototype, n = r.format;
+      r.format = function(e2) {
+        var t2 = this, r2 = this.$locale();
+        if (!this.isValid())
+          return n.bind(this)(e2);
+        var s2 = this.$utils(), a = (e2 || "YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g, function(e3) {
+          switch (e3) {
+            case "Q":
+              return Math.ceil((t2.$M + 1) / 3);
+            case "Do":
+              return r2.ordinal(t2.$D);
+            case "gggg":
+              return t2.weekYear();
+            case "GGGG":
+              return t2.isoWeekYear();
+            case "wo":
+              return r2.ordinal(t2.week(), "W");
+            case "w":
+            case "ww":
+              return s2.s(t2.week(), "w" === e3 ? 1 : 2, "0");
+            case "W":
+            case "WW":
+              return s2.s(t2.isoWeek(), "W" === e3 ? 1 : 2, "0");
+            case "k":
+            case "kk":
+              return s2.s(String(0 === t2.$H ? 24 : t2.$H), "k" === e3 ? 1 : 2, "0");
+            case "X":
+              return Math.floor(t2.$d.getTime() / 1e3);
+            case "x":
+              return t2.$d.getTime();
+            case "z":
+              return "[" + t2.offsetName() + "]";
+            case "zzz":
+              return "[" + t2.offsetName("long") + "]";
+            default:
+              return e3;
+          }
+        });
+        return n.bind(this)(a);
+      };
+    };
+  });
+})(advancedFormat$1);
+var advancedFormatExports = advancedFormat$1.exports;
+const advancedFormat = /* @__PURE__ */ getDefaultExportFromCjs(advancedFormatExports);
+var duration$1 = { exports: {} };
+(function(module, exports) {
+  !function(t, s2) {
+    module.exports = s2();
+  }(commonjsGlobal, function() {
+    var t, s2, n = 1e3, i = 6e4, e = 36e5, r = 864e5, o = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, u = 31536e6, d = 2628e6, a = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/, h = { years: u, months: d, days: r, hours: e, minutes: i, seconds: n, milliseconds: 1, weeks: 6048e5 }, c = function(t2) {
+      return t2 instanceof g;
+    }, f = function(t2, s3, n2) {
+      return new g(t2, n2, s3.$l);
+    }, m = function(t2) {
+      return s2.p(t2) + "s";
+    }, l2 = function(t2) {
+      return t2 < 0;
+    }, $ = function(t2) {
+      return l2(t2) ? Math.ceil(t2) : Math.floor(t2);
+    }, y = function(t2) {
+      return Math.abs(t2);
+    }, v = function(t2, s3) {
+      return t2 ? l2(t2) ? { negative: true, format: "" + y(t2) + s3 } : { negative: false, format: "" + t2 + s3 } : { negative: false, format: "" };
+    }, g = function() {
+      function l3(t2, s3, n2) {
+        var i2 = this;
+        if (this.$d = {}, this.$l = n2, void 0 === t2 && (this.$ms = 0, this.parseFromMilliseconds()), s3)
+          return f(t2 * h[m(s3)], this);
+        if ("number" == typeof t2)
+          return this.$ms = t2, this.parseFromMilliseconds(), this;
+        if ("object" == typeof t2)
+          return Object.keys(t2).forEach(function(s4) {
+            i2.$d[m(s4)] = t2[s4];
+          }), this.calMilliseconds(), this;
+        if ("string" == typeof t2) {
+          var e2 = t2.match(a);
+          if (e2) {
+            var r2 = e2.slice(2).map(function(t3) {
+              return null != t3 ? Number(t3) : 0;
+            });
+            return this.$d.years = r2[0], this.$d.months = r2[1], this.$d.weeks = r2[2], this.$d.days = r2[3], this.$d.hours = r2[4], this.$d.minutes = r2[5], this.$d.seconds = r2[6], this.calMilliseconds(), this;
+          }
+        }
+        return this;
+      }
+      var y2 = l3.prototype;
+      return y2.calMilliseconds = function() {
+        var t2 = this;
+        this.$ms = Object.keys(this.$d).reduce(function(s3, n2) {
+          return s3 + (t2.$d[n2] || 0) * h[n2];
+        }, 0);
+      }, y2.parseFromMilliseconds = function() {
+        var t2 = this.$ms;
+        this.$d.years = $(t2 / u), t2 %= u, this.$d.months = $(t2 / d), t2 %= d, this.$d.days = $(t2 / r), t2 %= r, this.$d.hours = $(t2 / e), t2 %= e, this.$d.minutes = $(t2 / i), t2 %= i, this.$d.seconds = $(t2 / n), t2 %= n, this.$d.milliseconds = t2;
+      }, y2.toISOString = function() {
+        var t2 = v(this.$d.years, "Y"), s3 = v(this.$d.months, "M"), n2 = +this.$d.days || 0;
+        this.$d.weeks && (n2 += 7 * this.$d.weeks);
+        var i2 = v(n2, "D"), e2 = v(this.$d.hours, "H"), r2 = v(this.$d.minutes, "M"), o2 = this.$d.seconds || 0;
+        this.$d.milliseconds && (o2 += this.$d.milliseconds / 1e3, o2 = Math.round(1e3 * o2) / 1e3);
+        var u2 = v(o2, "S"), d2 = t2.negative || s3.negative || i2.negative || e2.negative || r2.negative || u2.negative, a2 = e2.format || r2.format || u2.format ? "T" : "", h2 = (d2 ? "-" : "") + "P" + t2.format + s3.format + i2.format + a2 + e2.format + r2.format + u2.format;
+        return "P" === h2 || "-P" === h2 ? "P0D" : h2;
+      }, y2.toJSON = function() {
+        return this.toISOString();
+      }, y2.format = function(t2) {
+        var n2 = t2 || "YYYY-MM-DDTHH:mm:ss", i2 = { Y: this.$d.years, YY: s2.s(this.$d.years, 2, "0"), YYYY: s2.s(this.$d.years, 4, "0"), M: this.$d.months, MM: s2.s(this.$d.months, 2, "0"), D: this.$d.days, DD: s2.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: s2.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: s2.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: s2.s(this.$d.seconds, 2, "0"), SSS: s2.s(this.$d.milliseconds, 3, "0") };
+        return n2.replace(o, function(t3, s3) {
+          return s3 || String(i2[t3]);
+        });
+      }, y2.as = function(t2) {
+        return this.$ms / h[m(t2)];
+      }, y2.get = function(t2) {
+        var s3 = this.$ms, n2 = m(t2);
+        return "milliseconds" === n2 ? s3 %= 1e3 : s3 = "weeks" === n2 ? $(s3 / h[n2]) : this.$d[n2], s3 || 0;
+      }, y2.add = function(t2, s3, n2) {
+        var i2;
+        return i2 = s3 ? t2 * h[m(s3)] : c(t2) ? t2.$ms : f(t2, this).$ms, f(this.$ms + i2 * (n2 ? -1 : 1), this);
+      }, y2.subtract = function(t2, s3) {
+        return this.add(t2, s3, true);
+      }, y2.locale = function(t2) {
+        var s3 = this.clone();
+        return s3.$l = t2, s3;
+      }, y2.clone = function() {
+        return f(this.$ms, this);
+      }, y2.humanize = function(s3) {
+        return t().add(this.$ms, "ms").locale(this.$l).fromNow(!s3);
+      }, y2.valueOf = function() {
+        return this.asMilliseconds();
+      }, y2.milliseconds = function() {
+        return this.get("milliseconds");
+      }, y2.asMilliseconds = function() {
+        return this.as("milliseconds");
+      }, y2.seconds = function() {
+        return this.get("seconds");
+      }, y2.asSeconds = function() {
+        return this.as("seconds");
+      }, y2.minutes = function() {
+        return this.get("minutes");
+      }, y2.asMinutes = function() {
+        return this.as("minutes");
+      }, y2.hours = function() {
+        return this.get("hours");
+      }, y2.asHours = function() {
+        return this.as("hours");
+      }, y2.days = function() {
+        return this.get("days");
+      }, y2.asDays = function() {
+        return this.as("days");
+      }, y2.weeks = function() {
+        return this.get("weeks");
+      }, y2.asWeeks = function() {
+        return this.as("weeks");
+      }, y2.months = function() {
+        return this.get("months");
+      }, y2.asMonths = function() {
+        return this.as("months");
+      }, y2.years = function() {
+        return this.get("years");
+      }, y2.asYears = function() {
+        return this.as("years");
+      }, l3;
+    }(), p = function(t2, s3, n2) {
+      return t2.add(s3.years() * n2, "y").add(s3.months() * n2, "M").add(s3.days() * n2, "d").add(s3.hours() * n2, "h").add(s3.minutes() * n2, "m").add(s3.seconds() * n2, "s").add(s3.milliseconds() * n2, "ms");
+    };
+    return function(n2, i2, e2) {
+      t = e2, s2 = e2().$utils(), e2.duration = function(t2, s3) {
+        var n3 = e2.locale();
+        return f(t2, { $l: n3 }, s3);
+      }, e2.isDuration = c;
+      var r2 = i2.prototype.add, o2 = i2.prototype.subtract;
+      i2.prototype.add = function(t2, s3) {
+        return c(t2) ? p(this, t2, 1) : r2.bind(this)(t2, s3);
+      }, i2.prototype.subtract = function(t2, s3) {
+        return c(t2) ? p(this, t2, -1) : o2.bind(this)(t2, s3);
+      };
+    };
+  });
+})(duration$1);
+var durationExports = duration$1.exports;
+const duration = /* @__PURE__ */ getDefaultExportFromCjs(durationExports);
+var localizedFormat$1 = { exports: {} };
+(function(module, exports) {
+  !function(e, t) {
+    module.exports = t();
+  }(commonjsGlobal, function() {
+    var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" };
+    return function(t, o, n) {
+      var r = o.prototype, i = r.format;
+      n.en.formats = e, r.format = function(t2) {
+        void 0 === t2 && (t2 = "YYYY-MM-DDTHH:mm:ssZ");
+        var o2 = this.$locale().formats, n2 = function(t3, o3) {
+          return t3.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(t4, n3, r2) {
+            var i2 = r2 && r2.toUpperCase();
+            return n3 || o3[r2] || e[r2] || o3[i2].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(e2, t5, o4) {
+              return t5 || o4.slice(1);
+            });
+          });
+        }(t2, void 0 === o2 ? {} : o2);
+        return i.call(this, n2);
+      };
+    };
+  });
+})(localizedFormat$1);
+var localizedFormatExports = localizedFormat$1.exports;
+const localizedFormat = /* @__PURE__ */ getDefaultExportFromCjs(localizedFormatExports);
+var relativeTime$1 = { exports: {} };
+(function(module, exports) {
+  !function(r, e) {
+    module.exports = e();
+  }(commonjsGlobal, function() {
+    return function(r, e, t) {
+      r = r || {};
+      var n = e.prototype, o = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+      function i(r2, e2, t2, o2) {
+        return n.fromToBase(r2, e2, t2, o2);
+      }
+      t.en.relativeTime = o, n.fromToBase = function(e2, n2, i2, d2, u) {
+        for (var f, a, s2, l2 = i2.$locale().relativeTime || o, h = r.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], m = h.length, c = 0; c < m; c += 1) {
+          var y = h[c];
+          y.d && (f = d2 ? t(e2).diff(i2, y.d, true) : i2.diff(e2, y.d, true));
+          var p = (r.rounding || Math.round)(Math.abs(f));
+          if (s2 = f > 0, p <= y.r || !y.r) {
+            p <= 1 && c > 0 && (y = h[c - 1]);
+            var v = l2[y.l];
+            u && (p = u("" + p)), a = "string" == typeof v ? v.replace("%d", p) : v(p, n2, y.l, s2);
+            break;
+          }
+        }
+        if (n2)
+          return a;
+        var M = s2 ? l2.future : l2.past;
+        return "function" == typeof M ? M(a) : M.replace("%s", a);
+      }, n.to = function(r2, e2) {
+        return i(r2, e2, this, true);
+      }, n.from = function(r2, e2) {
+        return i(r2, e2, this);
+      };
+      var d = function(r2) {
+        return r2.$u ? t.utc() : t();
+      };
+      n.toNow = function(r2) {
+        return this.to(d(this), r2);
+      }, n.fromNow = function(r2) {
+        return this.from(d(this), r2);
+      };
+    };
+  });
+})(relativeTime$1);
+var relativeTimeExports = relativeTime$1.exports;
+const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
+var timezone$1 = { exports: {} };
+(function(module, exports) {
+  !function(t, e) {
+    module.exports = e();
+  }(commonjsGlobal, function() {
+    var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, e = {};
+    return function(n, i, o) {
+      var r, a = function(t2, n2, i2) {
+        void 0 === i2 && (i2 = {});
+        var o2 = new Date(t2), r2 = function(t3, n3) {
+          void 0 === n3 && (n3 = {});
+          var i3 = n3.timeZoneName || "short", o3 = t3 + "|" + i3, r3 = e[o3];
+          return r3 || (r3 = new Intl.DateTimeFormat("en-US", { hour12: false, timeZone: t3, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: i3 }), e[o3] = r3), r3;
+        }(n2, i2);
+        return r2.formatToParts(o2);
+      }, u = function(e2, n2) {
+        for (var i2 = a(e2, n2), r2 = [], u2 = 0; u2 < i2.length; u2 += 1) {
+          var f2 = i2[u2], s3 = f2.type, m = f2.value, c = t[s3];
+          c >= 0 && (r2[c] = parseInt(m, 10));
+        }
+        var d = r2[3], l2 = 24 === d ? 0 : d, h = r2[0] + "-" + r2[1] + "-" + r2[2] + " " + l2 + ":" + r2[4] + ":" + r2[5] + ":000", v = +e2;
+        return (o.utc(h).valueOf() - (v -= v % 1e3)) / 6e4;
+      }, f = i.prototype;
+      f.tz = function(t2, e2) {
+        void 0 === t2 && (t2 = r);
+        var n2, i2 = this.utcOffset(), a2 = this.toDate(), u2 = a2.toLocaleString("en-US", { timeZone: t2 }), f2 = Math.round((a2 - new Date(u2)) / 1e3 / 60), s3 = 15 * -Math.round(a2.getTimezoneOffset() / 15) - f2;
+        if (!Number(s3))
+          n2 = this.utcOffset(0, e2);
+        else if (n2 = o(u2, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(s3, true), e2) {
+          var m = n2.utcOffset();
+          n2 = n2.add(i2 - m, "minute");
+        }
+        return n2.$x.$timezone = t2, n2;
+      }, f.offsetName = function(t2) {
+        var e2 = this.$x.$timezone || o.tz.guess(), n2 = a(this.valueOf(), e2, { timeZoneName: t2 }).find(function(t3) {
+          return "timezonename" === t3.type.toLowerCase();
+        });
+        return n2 && n2.value;
+      };
+      var s2 = f.startOf;
+      f.startOf = function(t2, e2) {
+        if (!this.$x || !this.$x.$timezone)
+          return s2.call(this, t2, e2);
+        var n2 = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+        return s2.call(n2, t2, e2).tz(this.$x.$timezone, true);
+      }, o.tz = function(t2, e2, n2) {
+        var i2 = n2 && e2, a2 = n2 || e2 || r, f2 = u(+o(), a2);
+        if ("string" != typeof t2)
+          return o(t2).tz(a2);
+        var s3 = function(t3, e3, n3) {
+          var i3 = t3 - 60 * e3 * 1e3, o2 = u(i3, n3);
+          if (e3 === o2)
+            return [i3, e3];
+          var r2 = u(i3 -= 60 * (o2 - e3) * 1e3, n3);
+          return o2 === r2 ? [i3, o2] : [t3 - 60 * Math.min(o2, r2) * 1e3, Math.max(o2, r2)];
+        }(o.utc(t2, i2).valueOf(), f2, a2), m = s3[0], c = s3[1], d = o(m).utcOffset(c);
+        return d.$x.$timezone = a2, d;
+      }, o.tz.guess = function() {
+        return Intl.DateTimeFormat().resolvedOptions().timeZone;
+      }, o.tz.setDefault = function(t2) {
+        r = t2;
+      };
+    };
+  });
+})(timezone$1);
+var timezoneExports = timezone$1.exports;
+const timezone = /* @__PURE__ */ getDefaultExportFromCjs(timezoneExports);
+var updateLocale$1 = { exports: {} };
+(function(module, exports) {
+  !function(e, n) {
+    module.exports = n();
+  }(commonjsGlobal, function() {
+    return function(e, n, t) {
+      t.updateLocale = function(e2, n2) {
+        var o = t.Ls[e2];
+        if (o)
+          return (n2 ? Object.keys(n2) : []).forEach(function(e3) {
+            o[e3] = n2[e3];
+          }), o;
+      };
+    };
+  });
+})(updateLocale$1);
+var updateLocaleExports = updateLocale$1.exports;
+const updateLocale = /* @__PURE__ */ getDefaultExportFromCjs(updateLocaleExports);
+var utc$1 = { exports: {} };
+(function(module, exports) {
+  !function(t, i) {
+    module.exports = i();
+  }(commonjsGlobal, function() {
+    var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e = /([+-]|\d\d)/g;
+    return function(s2, f, n) {
+      var u = f.prototype;
+      n.utc = function(t2) {
+        var i2 = { date: t2, utc: true, args: arguments };
+        return new f(i2);
+      }, u.utc = function(i2) {
+        var e2 = n(this.toDate(), { locale: this.$L, utc: true });
+        return i2 ? e2.add(this.utcOffset(), t) : e2;
+      }, u.local = function() {
+        return n(this.toDate(), { locale: this.$L, utc: false });
+      };
+      var o = u.parse;
+      u.parse = function(t2) {
+        t2.utc && (this.$u = true), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), o.call(this, t2);
+      };
+      var r = u.init;
+      u.init = function() {
+        if (this.$u) {
+          var t2 = this.$d;
+          this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
+        } else
+          r.call(this);
+      };
+      var a = u.utcOffset;
+      u.utcOffset = function(s3, f2) {
+        var n2 = this.$utils().u;
+        if (n2(s3))
+          return this.$u ? 0 : n2(this.$offset) ? a.call(this) : this.$offset;
+        if ("string" == typeof s3 && (s3 = function(t2) {
+          void 0 === t2 && (t2 = "");
+          var s4 = t2.match(i);
+          if (!s4)
+            return null;
+          var f3 = ("" + s4[0]).match(e) || ["-", 0, 0], n3 = f3[0], u3 = 60 * +f3[1] + +f3[2];
+          return 0 === u3 ? 0 : "+" === n3 ? u3 : -u3;
+        }(s3), null === s3))
+          return this;
+        var u2 = Math.abs(s3) <= 16 ? 60 * s3 : s3, o2 = this;
+        if (f2)
+          return o2.$offset = u2, o2.$u = 0 === s3, o2;
+        if (0 !== s3) {
+          var r2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          (o2 = this.local().add(u2 + r2, t)).$offset = u2, o2.$x.$localOffset = r2;
+        } else
+          o2 = this.utc();
+        return o2;
+      };
+      var h = u.format;
+      u.format = function(t2) {
+        var i2 = t2 || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+        return h.call(this, i2);
+      }, u.valueOf = function() {
+        var t2 = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+        return this.$d.valueOf() - 6e4 * t2;
+      }, u.isUTC = function() {
+        return !!this.$u;
+      }, u.toISOString = function() {
+        return this.toDate().toISOString();
+      }, u.toString = function() {
+        return this.toDate().toUTCString();
+      };
+      var l2 = u.toDate;
+      u.toDate = function(t2) {
+        return "s" === t2 && this.$offset ? n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l2.call(this);
+      };
+      var c = u.diff;
+      u.diff = function(t2, i2, e2) {
+        if (t2 && this.$u === t2.$u)
+          return c.call(this, t2, i2, e2);
+        var s3 = this.local(), f2 = n(t2).local();
+        return c.call(s3, f2, i2, e2);
+      };
+    };
+  });
+})(utc$1);
+var utcExports = utc$1.exports;
+const utc = /* @__PURE__ */ getDefaultExportFromCjs(utcExports);
+const Popover = ({
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { ...props, children });
+};
+const Trigger$4 = styled($cb5cc270b50c6fcd$export$41fb9f06171c75f4).withConfig({
+  componentId: "sc-1dii14g-0"
+})(["background:inherit;border:none;color:inherit;cursor:pointer;font:inherit;width:fit-content;"]);
+const PopoverTrigger = ({
+  anchor,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(Trigger$4, { asChild: true, ...props, children: /* @__PURE__ */ jsx("div", { children }) }),
+    anchor && /* @__PURE__ */ jsx($cb5cc270b50c6fcd$export$b688253958b8dfe7, { asChild: true, children: anchor })
+  ] });
+};
+PopoverTrigger.displayName = "PopoverTrigger";
+Popover.Trigger = PopoverTrigger;
+const MenuPanel = styled(GenericMenuPanel).withConfig({
+  componentId: "sc-1dii14g-1"
+})(["display:block;padding:", " ", ";background-color:", ";border:1px solid ", ";border-radius:", ";box-shadow:", ";", ";"], ({
+  theme: theme2
+}) => theme2.click.popover.space.y, ({
+  theme: theme2
+}) => theme2.click.popover.space.x, ({
+  theme: theme2
+}) => theme2.click.popover.color.panel.background.default, ({
+  theme: theme2
+}) => theme2.click.popover.color.panel.stroke.default, ({
+  theme: theme2
+}) => theme2.click.popover.radii.all, ({
+  theme: theme2
+}) => theme2.click.popover.shadow.default, ({
+  $showClose
+}) => $showClose ? "padding-top: 1rem;" : "");
+const CloseButton$1 = styled(EmptyButton$1).withConfig({
+  componentId: "sc-1dii14g-2"
+})(["position:absolute;top:", ";right:", ";width:", ";height:", ";"], ({
+  theme: theme2
+}) => theme2.click.popover.space.y, ({
+  theme: theme2
+}) => theme2.click.popover.space.x, ({
+  theme: theme2
+}) => theme2.click.popover.icon.size.width, ({
+  theme: theme2
+}) => theme2.click.popover.icon.size.height);
+const PopoverContent = ({
+  children,
+  showArrow,
+  showClose,
+  forceMount,
+  container,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx($cb5cc270b50c6fcd$export$602eac185826482c, { forceMount, container, children: /* @__PURE__ */ jsxs(MenuPanel, { as: $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, $type: "popover", $showClose: showClose, $showArrow: showArrow, sideOffset: 4, ...props, children: [
+    showClose && /* @__PURE__ */ jsx(CloseButton$1, { as: $cb5cc270b50c6fcd$export$f39c2d165cd861fe, asChild: true, children: /* @__PURE__ */ jsx(SvgImage, { name: "cross" }) }),
+    showArrow && /* @__PURE__ */ jsx(Arrow$1, { asChild: true, as: $cb5cc270b50c6fcd$export$21b07c8f274aebd5, width: 20, height: 10, children: /* @__PURE__ */ jsx(PopoverArrow, {}) }),
+    children
+  ] }) });
+};
+PopoverContent.displayName = "PopoverContent";
+Popover.Content = PopoverContent;
+const linkStyles = css$1(["font:", ";color:", ";margin:0;text-decoration:none;display:inline-flex;gap:", ";margin-right:", ";align-items:center;&:hover,&:focus{color:", ";transition:", ";text-decoration:underline;cursor:pointer;}&:visited{color:", ";}"], ({
+  $size,
+  $weight = "normal",
+  theme: theme2
+}) => theme2.typography.styles.product.text[$weight][$size], ({
+  theme: theme2
+}) => theme2.click.global.color.text.link.default, ({
+  $size,
+  theme: theme2
+}) => $size === "xs" || $size === "sm" ? theme2.click.link.space.sm.gap : theme2.click.link.space.md.gap, ({
+  $size,
+  theme: theme2
+}) => $size === "xs" || $size === "sm" ? theme2.click.link.space.sm.gap : theme2.click.link.space.md.gap, ({
+  theme: theme2
+}) => theme2.click.global.color.text.link.hover, ({
+  theme: theme2
+}) => theme2.transition.default, ({
+  theme: theme2
+}) => theme2.click.global.color.text.link.default);
+const GridContainer$1 = ({
+  alignItems = "stretch",
+  alignContent = "stretch",
+  children,
+  columnGap,
+  gap,
+  gridAutoColumns,
+  gridAutoFlow,
+  gridAutoRows,
+  gridTemplateAreas,
+  gridTemplateColumns,
+  gridTemplateRows,
+  gridTemplate,
+  inline = false,
+  isResponsive = true,
+  justifyContent = "stretch",
+  justifyItems = "stretch",
+  rowGap,
+  height,
+  maxHeight,
+  minHeight,
+  fillWidth = true,
+  maxWidth,
+  minWidth,
+  overflow,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Wrapper$4, { $alignItems: alignItems, $alignContent: alignContent, $columnGap: columnGap, $gap: gap, $gridAutoColumns: gridAutoColumns, $gridAutoFlow: gridAutoFlow, $gridAutoRows: gridAutoRows, $gridTemplateAreas: gridTemplateAreas, $gridTemplateColumns: gridTemplateColumns, $gridTemplateRows: gridTemplateRows, $gridTemplate: gridTemplate, $inline: inline, $isResponsive: isResponsive, $justifyContent: justifyContent, $justifyItems: justifyItems, $rowGap: rowGap, $height: height, $maxHeight: maxHeight, $minHeight: minHeight, $fillWidth: fillWidth, $maxWidth: maxWidth, $minWidth: minWidth, $overflow: overflow, "data-testid": "grid-container", ...props, children });
+};
+const Wrapper$4 = styled.div.withConfig({
+  componentId: "sc-r57kdn-0"
+})(["align-items:", ";align-content:", ";display:", ";", ";", ";", ";", ";", ";", ";", ";justify-content:", ";justify-items:", ";", " ", " ", " ", " @media (max-width:", "){grid-template-columns:", ";}"], ({
+  $alignItems = "stretch"
+}) => $alignItems, ({
+  $alignContent = "stretch"
+}) => $alignContent, ({
+  $inline
+}) => $inline === true ? "inline-grid" : "grid", ({
+  $gridAutoColumns
+}) => $gridAutoColumns && `grid-auto-columns: ${$gridAutoColumns}`, ({
+  $gridAutoFlow
+}) => $gridAutoFlow && `grid-auto-flow: ${$gridAutoFlow}`, ({
+  $gridAutoRows
+}) => $gridAutoRows && `grid-auto-rows: ${$gridAutoRows}`, ({
+  $gridTemplateAreas
+}) => $gridTemplateAreas && `grid-template-area: ${$gridTemplateAreas}`, ({
+  $gridTemplateColumns
+}) => $gridTemplateColumns && `grid-template-columns: ${$gridTemplateColumns}`, ({
+  $gridTemplateRows
+}) => $gridTemplateRows && `grid-template-rows: ${$gridTemplateRows}`, ({
+  $gridTemplate
+}) => $gridTemplate && `grid-template:  ${$gridTemplate}`, ({
+  $justifyContent = "stretch"
+}) => $justifyContent, ({
+  $justifyItems = "stretch"
+}) => $justifyItems, ({
+  theme: theme2,
+  $gap,
+  $columnGap,
+  $rowGap
+}) => `
+    gap: ${$gap ? theme2.click.gridContainer.gap[$gap] : "inherit"};
+    ${$columnGap && `column-gap: ${theme2.click.gridContainer.gap[$columnGap]}`};
+    ${$rowGap && `row-gap: ${theme2.click.gridContainer.gap[$rowGap]}`};
+  `, ({
+  $fillWidth,
+  $maxWidth,
+  $minWidth
+}) => `
+    width: ${$fillWidth ? "100%" : "auto"};
+    ${typeof $maxWidth === "string" && `max-width: ${$maxWidth}`};
+    ${typeof $minWidth === "string" && `min-width: ${$minWidth}`};
+  `, ({
+  $height,
+  $maxHeight,
+  $minHeight
+}) => `
+    ${typeof $height === "string" && `height: ${$height}`};
+    ${typeof $maxHeight === "string" && `max-height: ${$maxHeight}`};
+    ${typeof $minHeight === "string" && `min-height: ${$minHeight}`};
+  `, ({
+  $overflow
+}) => `
+    ${typeof $overflow === "string" && `overflow: ${$overflow}`};
+  `, ({
+  theme: theme2
+}) => theme2.breakpoint.sizes.md, ({
+  $isResponsive = true
+}) => $isResponsive === true ? "1fr" : ({
+  $gridTemplateColumns
+}) => $gridTemplateColumns || "auto");
+dayjs.extend(advancedFormat);
+dayjs.extend(duration);
+dayjs.extend(localizedFormat);
+dayjs.extend(updateLocale);
+dayjs.extend(utc);
+const thresholds = [{
+  l: "s",
+  r: 1,
+  d: "second"
+}, {
+  l: "ss",
+  r: 56,
+  d: "second"
+}, {
+  l: "m",
+  r: 90,
+  d: "second"
+}, {
+  l: "mm",
+  r: 55,
+  d: "minute"
+}, {
+  l: "h",
+  r: 90,
+  d: "minute"
+}, {
+  l: "hh",
+  r: 22,
+  d: "hour"
+}, {
+  l: "d",
+  r: 40,
+  d: "hour"
+}, {
+  l: "dd",
+  r: 31,
+  d: "day"
+}, {
+  l: "M",
+  r: 45,
+  d: "day"
+}, {
+  l: "MM",
+  r: 11,
+  d: "month"
+}, {
+  l: "y",
+  r: 17,
+  d: "month"
+}, {
+  l: "yy",
+  r: 2,
+  d: "year"
+}];
+dayjs.extend(relativeTime, {
+  thresholds
+});
+dayjs.updateLocale("en", {
+  relativeTime: {
+    future: "In %s",
+    past: "%s ago",
+    s: "a few seconds",
+    ss: "%d seconds",
+    m: "1 minute",
+    mm: "%d minutes",
+    h: "1 hour",
+    hh: "%d hours",
+    d: "1 day",
+    dd: "%d days",
+    w: "1 week",
+    ww: "%d weeks",
+    M: "1 month",
+    MM: "%d months",
+    y: "1 year",
+    yy: "%d years"
+  }
+});
+const UnderlinedTrigger = styled(Popover.Trigger).withConfig({
+  componentId: "sc-17qquw8-0"
+})(["", ""], linkStyles);
+const formatDateDetails = (date, timezone2) => {
+  const isCurrentYear = dayjs().year() === date.year();
+  const formatForCurrentYear = "MMM D, h:mm a";
+  const formatForPastYear = "MMM D, YYYY, h:mm a";
+  if (isCurrentYear) {
+    if (timezone2) {
+      const dateWithTimezone = date.tz(timezone2);
+      return dateWithTimezone.format(formatForCurrentYear).replace("am", "a.m.").replace("pm", "p.m.");
+    }
+    return date.format(formatForCurrentYear).replace("am", "a.m.").replace("pm", "p.m.");
+  }
+  if (timezone2) {
+    const dateWithTimezone = date.tz(timezone2);
+    return dateWithTimezone.format(formatForPastYear).replace("am", "a.m.").replace("pm", "p.m.");
+  }
+  return date.format(formatForPastYear).replace("am", "a.m.").replace("pm", "p.m.");
+};
+const formatTimezone = (date, timezone2) => {
+  var _a;
+  return ((_a = new Intl.DateTimeFormat(void 0, {
+    timeZone: timezone2,
+    timeZoneName: "short"
+  }).formatToParts(date.toDate()).find((part) => part.type === "timeZoneName")) == null ? void 0 : _a.value) ?? date.format("z");
+};
+const DateDetails = ({
+  date,
+  side = "top",
+  systemTimeZone = "America/New_York"
+}) => {
+  const dayjsDate = dayjs(date);
+  let systemTime;
+  if (systemTimeZone) {
+    dayjs.extend(timezone);
+    try {
+      systemTime = dayjsDate.tz(systemTimeZone);
+    } catch {
+      systemTime = dayjsDate.tz("America/New_York");
+    }
+  }
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(UnderlinedTrigger, { $size: "sm", $weight: "medium", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: dayjs.utc(date).fromNow() }) }),
+    /* @__PURE__ */ jsx(Popover.Content, { side, showArrow: true, children: /* @__PURE__ */ jsxs(GridContainer$1, { columnGap: "xl", gridTemplateColumns: "repeat(2, auto)", gap: "sm", children: [
+      /* @__PURE__ */ jsx(Text, { color: "muted", size: "sm", children: "Local" }),
+      /* @__PURE__ */ jsx(Container, { justifyContent: "end", children: /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        formatDateDetails(dayjsDate),
+        " (",
+        formatTimezone(dayjsDate, dayjs.tz.guess()),
+        ")"
+      ] }) }),
+      systemTime && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "muted", size: "sm", children: "System" }),
+        /* @__PURE__ */ jsx(Container, { justifyContent: "end", children: /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+          formatDateDetails(systemTime, systemTimeZone),
+          " (",
+          formatTimezone(systemTime, systemTimeZone),
+          ")"
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: "muted", size: "sm", children: "UTC" }),
+      /* @__PURE__ */ jsx(Container, { justifyContent: "end", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDateDetails(dayjsDate.utc(), "UTC") }) }),
+      /* @__PURE__ */ jsx(Text, { color: "muted", size: "sm", children: "Unix" }),
+      /* @__PURE__ */ jsx(Container, { justifyContent: "end", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: Math.round(date.getTime() / 1e3) }) })
+    ] }) })
+  ] });
+};
 const constructFromSymbol = Symbol.for("constructDateFrom");
 function constructFrom(date, value) {
   if (typeof date === "function")
@@ -14937,7 +16064,7 @@ function useCalendar({
     [calendar, getBody, getHeaders, setNext, setPrev, viewType]
   );
 }
-const Wrapper$4 = styled.div.withConfig({
+const Wrapper$3 = styled.div.withConfig({
   componentId: "sc-1pvd2nj-0"
 })(["width:inherit;display:flex;align-items:center;justify-content:space-between;align-items:center;span:first-of-type{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}", ""], ({
   theme: theme2,
@@ -15049,7 +16176,7 @@ const InputWrapper = ({
 }) => {
   return /* @__PURE__ */ jsxs(FormRoot, { $orientation: orientation, $dir: dir, $addLabelPadding: true, children: [
     /* @__PURE__ */ jsxs(FormElementContainer, { children: [
-      /* @__PURE__ */ jsx(Wrapper$4, { $error: !!error2, $resize: resize, "data-resize": resize, className: disabled ? `disabled ${className}` : className, children }),
+      /* @__PURE__ */ jsx(Wrapper$3, { $error: !!error2, $resize: resize, "data-resize": resize, className: disabled ? `disabled ${className}` : className, children }),
       !!error2 && error2 !== true && /* @__PURE__ */ jsx(Error$1, { children: error2 })
     ] }),
     label && /* @__PURE__ */ jsx(StyledLabel, { htmlFor: id, disabled, error: !!error2, $labelColor: labelColor, children: label })
@@ -15573,14 +16700,14 @@ const Dialog = ({
 }) => {
   return /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { ...props, children });
 };
-const Trigger$4 = styled($5d3850c4d0b4e6c7$export$41fb9f06171c75f4).withConfig({
+const Trigger$3 = styled($5d3850c4d0b4e6c7$export$41fb9f06171c75f4).withConfig({
   componentId: "sc-1wr6otn-0"
 })(["width:fit-content;background:transparent;border:none;cursor:pointer;"]);
 const DialogTrigger = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(Trigger$4, { ...props, children });
+  return /* @__PURE__ */ jsx(Trigger$3, { ...props, children });
 };
 DialogTrigger.displayName = "DialogTrigger";
 Dialog.Trigger = DialogTrigger;
@@ -15639,10 +16766,10 @@ const Title$1 = styled.h2.withConfig({
 })(["font:", ";padding:0;margin:0;"], ({
   theme: theme2
 }) => theme2.click.dialog.typography.title.default);
-const CloseButton$1 = ({
+const CloseButton = ({
   onClose
 }) => /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { asChild: true, children: /* @__PURE__ */ jsx(CrossButton, { onClick: onClose, children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", size: "lg" }) }) });
-const DialogContent$1 = ({
+const DialogContent = ({
   title,
   children,
   showClose,
@@ -15657,68 +16784,29 @@ const DialogContent$1 = ({
     /* @__PURE__ */ jsxs(ContentArea, { ...props, children: [
       /* @__PURE__ */ jsxs(TitleArea, { children: [
         /* @__PURE__ */ jsx(Title$1, { children: title }),
-        showClose && /* @__PURE__ */ jsx(CloseButton$1, { onClose })
+        showClose && /* @__PURE__ */ jsx(CloseButton, { onClose })
       ] }),
       /* @__PURE__ */ jsx(Spacer, { size: "sm" }),
       children
     ] })
   ] });
 };
-DialogContent$1.displayName = "DialogContent";
-Dialog.Content = DialogContent$1;
-const ActionsWrapper = styled.div.withConfig({
-  componentId: "sc-6eozxy-0"
-})(["display:flex;justify-content:flex-end;gap:", ";"], (props) => props.theme.click.dialog.space.gap);
-const DialogContent = styled.div.withConfig({
-  componentId: "sc-6eozxy-1"
-})(["overflow:hidden;display:flex;flex-direction:column;"]);
-const ConfirmationDialog = ({
-  children,
-  disabled,
-  loading,
-  message,
-  onCancel,
-  onConfirm,
-  open: open2,
-  primaryActionLabel = "Confirm",
-  primaryActionType = "primary",
-  secondaryActionLabel = "Cancel",
-  showClose,
-  title,
-  ...props
-}) => {
-  if (children && message) {
-    throw new Error("You can't pass children and message props at the same time");
-  }
-  return /* @__PURE__ */ jsx(Dialog, { open: open2, onOpenChange: (open22) => {
-    !open22 && onCancel && onCancel();
-  }, children: /* @__PURE__ */ jsxs(DialogContent, { as: Dialog.Content, title, showClose, ...props, children: [
-    /* @__PURE__ */ jsx(Container, { overflow: "auto", grow: "1", orientation: "vertical", children: children ? children : /* @__PURE__ */ jsx(Text, { children: message }) }),
-    /* @__PURE__ */ jsx(Separator, { size: "xl" }),
-    /* @__PURE__ */ jsxs(ActionsWrapper, { children: [
-      /* @__PURE__ */ jsx(Dialog.Close, { label: secondaryActionLabel, "data-testid": "cancel-action-button" }),
-      /* @__PURE__ */ jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, onClick: () => {
-        if (onConfirm) {
-          onConfirm();
-        }
-      }, "data-testid": "confirm-action-button" })
-    ] })
-  ] }) });
-};
+DialogContent.displayName = "DialogContent";
+Dialog.Content = DialogContent;
 const Flyout = ({
   modal = false,
   ...props
 }) => {
   return /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$3ddf2d174ce01153, { modal, ...props });
 };
-const Trigger$3 = ({
+const Trigger$2 = ({
   children,
   ...props
 }) => {
   return /* @__PURE__ */ jsx($5d3850c4d0b4e6c7$export$2e1e1122cf0cba88, { asChild: true, ...props, children: /* @__PURE__ */ jsx("div", { children }) });
 };
-Trigger$3.displayName = "Flyout.Trigger";
-Flyout.Trigger = Trigger$3;
+Trigger$2.displayName = "Flyout.Trigger";
+Flyout.Trigger = Trigger$2;
 const animationWidth = () => keyframes({
   from: {
     width: 0
@@ -15946,97 +17034,6 @@ const FormContainer = ({
   ] }),
   label && /* @__PURE__ */ jsx(Label$1, { htmlFor: id, error: !!error2, children: label })
 ] });
-const GridContainer$1 = ({
-  alignItems = "stretch",
-  alignContent = "stretch",
-  children,
-  columnGap,
-  gap,
-  gridAutoColumns,
-  gridAutoFlow,
-  gridAutoRows,
-  gridTemplateAreas,
-  gridTemplateColumns,
-  gridTemplateRows,
-  gridTemplate,
-  inline = false,
-  isResponsive = true,
-  justifyContent = "stretch",
-  justifyItems = "stretch",
-  rowGap,
-  height,
-  maxHeight,
-  minHeight,
-  fillWidth = true,
-  maxWidth,
-  minWidth,
-  overflow,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(Wrapper$3, { $alignItems: alignItems, $alignContent: alignContent, $columnGap: columnGap, $gap: gap, $gridAutoColumns: gridAutoColumns, $gridAutoFlow: gridAutoFlow, $gridAutoRows: gridAutoRows, $gridTemplateAreas: gridTemplateAreas, $gridTemplateColumns: gridTemplateColumns, $gridTemplateRows: gridTemplateRows, $gridTemplate: gridTemplate, $inline: inline, $isResponsive: isResponsive, $justifyContent: justifyContent, $justifyItems: justifyItems, $rowGap: rowGap, $height: height, $maxHeight: maxHeight, $minHeight: minHeight, $fillWidth: fillWidth, $maxWidth: maxWidth, $minWidth: minWidth, $overflow: overflow, "data-testid": "grid-container", ...props, children });
-};
-const Wrapper$3 = styled.div.withConfig({
-  componentId: "sc-r57kdn-0"
-})(["align-items:", ";align-content:", ";display:", ";", ";", ";", ";", ";", ";", ";", ";justify-content:", ";justify-items:", ";", " ", " ", " ", " @media (max-width:", "){grid-template-columns:", ";}"], ({
-  $alignItems = "stretch"
-}) => $alignItems, ({
-  $alignContent = "stretch"
-}) => $alignContent, ({
-  $inline
-}) => $inline === true ? "inline-grid" : "grid", ({
-  $gridAutoColumns
-}) => $gridAutoColumns && `grid-auto-columns: ${$gridAutoColumns}`, ({
-  $gridAutoFlow
-}) => $gridAutoFlow && `grid-auto-flow: ${$gridAutoFlow}`, ({
-  $gridAutoRows
-}) => $gridAutoRows && `grid-auto-rows: ${$gridAutoRows}`, ({
-  $gridTemplateAreas
-}) => $gridTemplateAreas && `grid-template-area: ${$gridTemplateAreas}`, ({
-  $gridTemplateColumns
-}) => $gridTemplateColumns && `grid-template-columns: ${$gridTemplateColumns}`, ({
-  $gridTemplateRows
-}) => $gridTemplateRows && `grid-template-rows: ${$gridTemplateRows}`, ({
-  $gridTemplate
-}) => $gridTemplate && `grid-template:  ${$gridTemplate}`, ({
-  $justifyContent = "stretch"
-}) => $justifyContent, ({
-  $justifyItems = "stretch"
-}) => $justifyItems, ({
-  theme: theme2,
-  $gap,
-  $columnGap,
-  $rowGap
-}) => `
-    gap: ${$gap ? theme2.click.gridContainer.gap[$gap] : "inherit"};
-    ${$columnGap && `column-gap: ${theme2.click.gridContainer.gap[$columnGap]}`};
-    ${$rowGap && `row-gap: ${theme2.click.gridContainer.gap[$rowGap]}`};
-  `, ({
-  $fillWidth,
-  $maxWidth,
-  $minWidth
-}) => `
-    width: ${$fillWidth ? "100%" : "auto"};
-    ${typeof $maxWidth === "string" && `max-width: ${$maxWidth}`};
-    ${typeof $minWidth === "string" && `min-width: ${$minWidth}`};
-  `, ({
-  $height,
-  $maxHeight,
-  $minHeight
-}) => `
-    ${typeof $height === "string" && `height: ${$height}`};
-    ${typeof $maxHeight === "string" && `max-height: ${$maxHeight}`};
-    ${typeof $minHeight === "string" && `min-height: ${$minHeight}`};
-  `, ({
-  $overflow
-}) => `
-    ${typeof $overflow === "string" && `overflow: ${$overflow}`};
-  `, ({
-  theme: theme2
-}) => theme2.breakpoint.sizes.md, ({
-  $isResponsive = true
-}) => $isResponsive === true ? "1fr" : ({
-  $gridTemplateColumns
-}) => $gridTemplateColumns || "auto");
 const InlineContainer = styled.span.withConfig({
   componentId: "sc-ugg5k0-0"
 })(["", ""], ({
@@ -16050,305 +17047,6 @@ const InlineContainer = styled.span.withConfig({
     padding: 0 ${theme2.click.codeInline.space.x};
   `);
 const InlineCodeBlock = (props) => /* @__PURE__ */ jsx(InlineContainer, { ...props });
-const $1b0217ee4a91d156$var$CONTEXT_MENU_NAME = "ContextMenu";
-const [$1b0217ee4a91d156$var$createContextMenuContext, $1b0217ee4a91d156$export$1059331f43ddcc82] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($1b0217ee4a91d156$var$CONTEXT_MENU_NAME, [
-  $6cc32821e9371a1c$export$4027731b685e72eb
-]);
-const $1b0217ee4a91d156$var$useMenuScope = $6cc32821e9371a1c$export$4027731b685e72eb();
-const [$1b0217ee4a91d156$var$ContextMenuProvider, $1b0217ee4a91d156$var$useContextMenuContext] = $1b0217ee4a91d156$var$createContextMenuContext($1b0217ee4a91d156$var$CONTEXT_MENU_NAME);
-const $1b0217ee4a91d156$export$8dc6765e8be191c7 = (props) => {
-  const { __scopeContextMenu, children, onOpenChange, dir, modal = true } = props;
-  const [open1, setOpen] = useState(false);
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  const handleOpenChangeProp = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onOpenChange);
-  const handleOpenChange = useCallback((open2) => {
-    setOpen(open2);
-    handleOpenChangeProp(open2);
-  }, [
-    handleOpenChangeProp
-  ]);
-  return /* @__PURE__ */ createElement$1($1b0217ee4a91d156$var$ContextMenuProvider, {
-    scope: __scopeContextMenu,
-    open: open1,
-    onOpenChange: handleOpenChange,
-    modal
-  }, /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$be92b6f5f03c0fe9, _extends$1({}, menuScope, {
-    dir,
-    open: open1,
-    onOpenChange: handleOpenChange,
-    modal
-  }), children));
-};
-const $1b0217ee4a91d156$var$TRIGGER_NAME = "ContextMenuTrigger";
-const $1b0217ee4a91d156$export$be6fc7b1d5b0beb9 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __scopeContextMenu, disabled = false, ...triggerProps } = props;
-  const context = $1b0217ee4a91d156$var$useContextMenuContext($1b0217ee4a91d156$var$TRIGGER_NAME, __scopeContextMenu);
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  const pointRef = useRef({
-    x: 0,
-    y: 0
-  });
-  const virtualRef = useRef({
-    getBoundingClientRect: () => DOMRect.fromRect({
-      width: 0,
-      height: 0,
-      ...pointRef.current
-    })
-  });
-  const longPressTimerRef = useRef(0);
-  const clearLongPress = useCallback(
-    () => window.clearTimeout(longPressTimerRef.current),
-    []
-  );
-  const handleOpen = (event) => {
-    pointRef.current = {
-      x: event.clientX,
-      y: event.clientY
-    };
-    context.onOpenChange(true);
-  };
-  useEffect(
-    () => clearLongPress,
-    [
-      clearLongPress
-    ]
-  );
-  useEffect(
-    () => void (disabled && clearLongPress()),
-    [
-      disabled,
-      clearLongPress
-    ]
-  );
-  return /* @__PURE__ */ createElement$1(Fragment, null, /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$b688253958b8dfe7, _extends$1({}, menuScope, {
-    virtualRef
-  })), /* @__PURE__ */ createElement$1($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
-    "data-state": context.open ? "open" : "closed",
-    "data-disabled": disabled ? "" : void 0
-  }, triggerProps, {
-    ref: forwardedRef,
-    style: {
-      WebkitTouchCallout: "none",
-      ...props.style
-    },
-    onContextMenu: disabled ? props.onContextMenu : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onContextMenu, (event) => {
-      clearLongPress();
-      handleOpen(event);
-      event.preventDefault();
-    }),
-    onPointerDown: disabled ? props.onPointerDown : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDown, $1b0217ee4a91d156$var$whenTouchOrPen((event) => {
-      clearLongPress();
-      longPressTimerRef.current = window.setTimeout(
-        () => handleOpen(event),
-        700
-      );
-    })),
-    onPointerMove: disabled ? props.onPointerMove : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerMove, $1b0217ee4a91d156$var$whenTouchOrPen(clearLongPress)),
-    onPointerCancel: disabled ? props.onPointerCancel : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerCancel, $1b0217ee4a91d156$var$whenTouchOrPen(clearLongPress)),
-    onPointerUp: disabled ? props.onPointerUp : $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerUp, $1b0217ee4a91d156$var$whenTouchOrPen(clearLongPress))
-  })));
-});
-const $1b0217ee4a91d156$export$14afd0be83e45060 = (props) => {
-  const { __scopeContextMenu, ...portalProps } = props;
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$602eac185826482c, _extends$1({}, menuScope, portalProps));
-};
-const $1b0217ee4a91d156$var$CONTENT_NAME = "ContextMenuContent";
-const $1b0217ee4a91d156$export$572205900c9369e = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __scopeContextMenu, ...contentProps } = props;
-  const context = $1b0217ee4a91d156$var$useContextMenuContext($1b0217ee4a91d156$var$CONTENT_NAME, __scopeContextMenu);
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  const hasInteractedOutsideRef = useRef(false);
-  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$7c6e2c02157bb7d2, _extends$1({}, menuScope, contentProps, {
-    ref: forwardedRef,
-    side: "right",
-    sideOffset: 2,
-    align: "start",
-    onCloseAutoFocus: (event) => {
-      var _props$onCloseAutoFoc;
-      (_props$onCloseAutoFoc = props.onCloseAutoFocus) === null || _props$onCloseAutoFoc === void 0 || _props$onCloseAutoFoc.call(props, event);
-      if (!event.defaultPrevented && hasInteractedOutsideRef.current)
-        event.preventDefault();
-      hasInteractedOutsideRef.current = false;
-    },
-    onInteractOutside: (event) => {
-      var _props$onInteractOuts;
-      (_props$onInteractOuts = props.onInteractOutside) === null || _props$onInteractOuts === void 0 || _props$onInteractOuts.call(props, event);
-      if (!event.defaultPrevented && !context.modal)
-        hasInteractedOutsideRef.current = true;
-    },
-    style: {
-      ...props.style,
-      "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-      "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
-      "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
-      "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
-      "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
-    }
-  }));
-});
-const $1b0217ee4a91d156$export$9860523b0fcdd664 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __scopeContextMenu, ...groupProps } = props;
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$eb2fcfdbd7ba97d4, _extends$1({}, menuScope, groupProps, {
-    ref: forwardedRef
-  }));
-});
-const $1b0217ee4a91d156$export$16a26dc176a49100 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __scopeContextMenu, ...itemProps } = props;
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$6d08773d2e66f8f2, _extends$1({}, menuScope, itemProps, {
-    ref: forwardedRef
-  }));
-});
-const $1b0217ee4a91d156$export$f47d0a58228a61e2 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __scopeContextMenu, ...arrowProps } = props;
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$21b07c8f274aebd5, _extends$1({}, menuScope, arrowProps, {
-    ref: forwardedRef
-  }));
-});
-const $1b0217ee4a91d156$export$5bc21d1c00c4b201 = (props) => {
-  const { __scopeContextMenu, children, onOpenChange, open: openProp, defaultOpen } = props;
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  const [open2, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
-    prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
-  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$d7a01e11500dfb6f, _extends$1({}, menuScope, {
-    open: open2,
-    onOpenChange: setOpen
-  }), children);
-};
-const $1b0217ee4a91d156$export$30b2b5c64556d316 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __scopeContextMenu, ...triggerItemProps } = props;
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$2ea8a7a591ac5eac, _extends$1({}, menuScope, triggerItemProps, {
-    ref: forwardedRef
-  }));
-});
-const $1b0217ee4a91d156$export$2c967063bd2dc512 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __scopeContextMenu, ...subContentProps } = props;
-  const menuScope = $1b0217ee4a91d156$var$useMenuScope(__scopeContextMenu);
-  return /* @__PURE__ */ createElement$1($6cc32821e9371a1c$export$6d4de93b380beddf, _extends$1({}, menuScope, subContentProps, {
-    ref: forwardedRef,
-    style: {
-      ...props.style,
-      "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-      "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
-      "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
-      "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
-      "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
-    }
-  }));
-});
-function $1b0217ee4a91d156$var$whenTouchOrPen(handler) {
-  return (event) => event.pointerType !== "mouse" ? handler(event) : void 0;
-}
-const $1b0217ee4a91d156$export$be92b6f5f03c0fe9 = $1b0217ee4a91d156$export$8dc6765e8be191c7;
-const $1b0217ee4a91d156$export$41fb9f06171c75f4 = $1b0217ee4a91d156$export$be6fc7b1d5b0beb9;
-const $1b0217ee4a91d156$export$602eac185826482c = $1b0217ee4a91d156$export$14afd0be83e45060;
-const $1b0217ee4a91d156$export$7c6e2c02157bb7d2 = $1b0217ee4a91d156$export$572205900c9369e;
-const $1b0217ee4a91d156$export$eb2fcfdbd7ba97d4 = $1b0217ee4a91d156$export$9860523b0fcdd664;
-const $1b0217ee4a91d156$export$6d08773d2e66f8f2 = $1b0217ee4a91d156$export$16a26dc176a49100;
-const $1b0217ee4a91d156$export$21b07c8f274aebd5 = $1b0217ee4a91d156$export$f47d0a58228a61e2;
-const $1b0217ee4a91d156$export$d7a01e11500dfb6f = $1b0217ee4a91d156$export$5bc21d1c00c4b201;
-const $1b0217ee4a91d156$export$2ea8a7a591ac5eac = $1b0217ee4a91d156$export$30b2b5c64556d316;
-const $1b0217ee4a91d156$export$6d4de93b380beddf = $1b0217ee4a91d156$export$2c967063bd2dc512;
-const ContextMenu = (props) => /* @__PURE__ */ jsx($1b0217ee4a91d156$export$be92b6f5f03c0fe9, { ...props });
-const ContextMenuTrigger$1 = forwardRef(({
-  disabled,
-  ...props
-}, ref) => {
-  return /* @__PURE__ */ jsx($1b0217ee4a91d156$export$41fb9f06171c75f4, { asChild: true, disabled, children: /* @__PURE__ */ jsx("div", { ref, ...props }) });
-});
-ContextMenuTrigger$1.displayName = "ContextMenuTrigger";
-ContextMenu.Trigger = ContextMenuTrigger$1;
-const ContextMenuSubTrigger = ({
-  icon,
-  iconDir,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(GenericMenuItem, { as: $1b0217ee4a91d156$export$2ea8a7a591ac5eac, ...props, children: [
-    /* @__PURE__ */ jsx(IconWrapper$3, { icon, iconDir, children }),
-    /* @__PURE__ */ jsx("div", { className: "dropdown-arrow", children: /* @__PURE__ */ jsx(SvgImage, { name: "chevron-right" }) })
-  ] });
-};
-ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
-ContextMenu.SubTrigger = ContextMenuSubTrigger;
-const RightMenuContent = styled(GenericMenuPanel).withConfig({
-  componentId: "sc-8z6kye-0"
-})(["flex-direction:column;z-index:1;", ";"], ({
-  $showArrow
-}) => $showArrow ? `
-      &[data-side="bottom"] {
-        margin-top: -1px;
-      }
-      &[data-side="top"] {
-        margin-bottom: -1px;
-      }
-      &[data-side="left"] {
-        margin-right: -1px;
-        .popover-arrow {
-          margin-right: 1rem;
-        }
-      }
-      }
-      &[data-side="right"] {
-        margin-left: -1px;
-        .popover-arrow {
-          margin-left: 1rem;
-        }
-      }
-  ` : "");
-const ContextMenuContent = ({
-  sub,
-  children,
-  showArrow,
-  ...props
-}) => {
-  const ContentElement = sub ? $1b0217ee4a91d156$export$6d4de93b380beddf : $1b0217ee4a91d156$export$7c6e2c02157bb7d2;
-  return /* @__PURE__ */ jsx($1b0217ee4a91d156$export$602eac185826482c, { children: /* @__PURE__ */ jsxs(RightMenuContent, { $type: "context-menu", $showArrow: showArrow, as: ContentElement, ...props, children: [
-    showArrow && /* @__PURE__ */ jsx(Arrow$1, { asChild: true, as: $1b0217ee4a91d156$export$21b07c8f274aebd5, width: 20, height: 10, children: /* @__PURE__ */ jsx(PopoverArrow, { className: "popover-arrow" }) }),
-    children
-  ] }) });
-};
-ContextMenuContent.displayName = "ContextMenuContent";
-ContextMenu.Content = ContextMenuContent;
-const RightMenuGroup = styled($1b0217ee4a91d156$export$eb2fcfdbd7ba97d4).withConfig({
-  componentId: "sc-8z6kye-1"
-})(["width:100%;border-bottom:1px solid ", ";"], ({
-  theme: theme2
-}) => theme2.click.genericMenu.item.color.stroke.default);
-const ContextMenuGroup = (props) => {
-  return /* @__PURE__ */ jsx(RightMenuGroup, { ...props });
-};
-ContextMenuGroup.displayName = "ContextMenuGroup";
-ContextMenu.Group = ContextMenuGroup;
-const RightMenuSub = styled($1b0217ee4a91d156$export$d7a01e11500dfb6f).withConfig({
-  componentId: "sc-8z6kye-2"
-})(["border-bottom:1px solid ", ";"], ({
-  theme: theme2
-}) => theme2.click.genericMenu.item.color.stroke.default);
-const ContextMenuSub = ({
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(RightMenuSub, { ...props });
-};
-ContextMenuSub.displayName = "ContextMenuSub";
-ContextMenu.Sub = ContextMenuSub;
-const ContextMenuItem = ({
-  icon,
-  iconDir,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(GenericMenuItem, { as: $1b0217ee4a91d156$export$6d08773d2e66f8f2, ...props, children: /* @__PURE__ */ jsx(IconWrapper$3, { icon, iconDir, children }) });
-};
-ContextMenuItem.displayName = "ContextMenuItem";
-ContextMenu.Item = ContextMenuItem;
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
@@ -17445,9 +18143,12 @@ const StyledCell = styled.div.withConfig({
   $selectionType,
   $height,
   $type = "body",
-  $showBorder
+  $showBorder,
+  $rowAutoHeight
 }) => `
-    height: ${$height}px;
+    height: ${$rowAutoHeight ? "100%" : `${$height}px`};
+    min-height: ${$rowAutoHeight ? "auto" : ""};
+    overflow-y: ${$rowAutoHeight ? "auto" : ""};
     background: ${theme2.click.grid[$type].cell.color.background[$selectionType]};
     color: ${$type === "header" ? theme2.click.grid.header.cell.color.title[$selectionType] : theme2.click.grid.body.cell.color.text[$selectionType]};
     font: ${theme2.click.grid.cell.text.default};
@@ -17468,6 +18169,7 @@ const StyledCell = styled.div.withConfig({
     ${$isLastColumn ? `
         border-right-color: ${theme2.click.grid[$type].cell.color.stroke[$isFocused ? "selectDirect" : $selectionType]};
     ` : "border-right: none;"}
+    ${$rowAutoHeight && "border: none;"}
   `, ({
   theme: theme2,
   $isLastRow,
@@ -17475,8 +18177,9 @@ const StyledCell = styled.div.withConfig({
   $selectionType,
   $type = "body",
   $isSelectedTop,
-  $isSelectedLeft
-}) => $isSelectedTop || $isSelectedLeft || $selectionType === "selectDirect" && ($isLastRow || $isLastColumn) ? `
+  $isSelectedLeft,
+  $rowAutoHeight
+}) => $isSelectedTop || $isSelectedLeft || $selectionType === "selectDirect" && ($isLastRow || $isLastColumn) || $rowAutoHeight ? `
           &::before {
             content: "";
             position: absolute;
@@ -17488,6 +18191,7 @@ const StyledCell = styled.div.withConfig({
             ${$isSelectedLeft ? `border-left: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
             ${$selectionType === "selectDirect" && $isLastRow ? `border-bottom: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
             ${$selectionType === "selectDirect" && $isLastColumn ? `border-right: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
+            ${$rowAutoHeight && "border: none;"}
           }
         ` : "");
 const RowNumberColumnContainer = styled.div.withConfig({
@@ -17498,7 +18202,7 @@ const RowNumberColumnContainer = styled.div.withConfig({
 }) => `
     top: ${$height}px;
     width: ${$width}px;
-    height: 100%;
+    height: 100%
   `, ({
   $scrolledHorizontal,
   theme: theme2
@@ -17507,10 +18211,11 @@ const RowNumberCell = styled.div.withConfig({
   componentId: "sc-7gbi4d-1"
 })(["position:absolute;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;", ""], ({
   $height,
-  $rowNumber
+  $rowNumber,
+  $rowAutoHeight
 }) => `
     top: ${$height * $rowNumber}px;
-    height: ${$height}px;
+    height: ${$rowAutoHeight ? "100%" : `${$height}px`};
   `);
 const RowNumber = ({
   rowIndex,
@@ -17519,7 +18224,8 @@ const RowNumber = ({
   isLastRow,
   isFirstRow,
   showBorder,
-  rowStart
+  rowStart,
+  rowAutoHeight
 }) => {
   const currentRowIndex = rowIndex + rowStart;
   const selectionType = getSelectionType({
@@ -17532,7 +18238,7 @@ const RowNumber = ({
     type: "row"
   });
   const isSelectedTop = (topSelectionType === "selectDirect" || isSelected) && topSelectionType !== selectionType;
-  return /* @__PURE__ */ jsx(RowNumberCell, { $rowNumber: rowIndex, $height: rowHeight, children: /* @__PURE__ */ jsx(StyledCell, { $height: rowHeight, $isLastColumn: false, $selectionType: selectionType, $isFirstColumn: true, $type: "header", $isFirstRow: isFirstRow, $isFocused: false, $isLastRow: isLastRow, $isSelectedLeft: isSelected, $isSelectedTop: isSelectedTop, "data-selected": isSelected, "data-grid-row": currentRowIndex, "data-grid-column": -1, "data-testid": `header-cell-${currentRowIndex}-x`, $showBorder: showBorder, "data-align": "right", children: currentRowIndex }) });
+  return /* @__PURE__ */ jsx(RowNumberCell, { $rowNumber: rowIndex, $height: rowHeight, $rowAutoHeight: rowAutoHeight, children: /* @__PURE__ */ jsx(StyledCell, { $height: rowHeight, $isLastColumn: false, $selectionType: selectionType, $isFirstColumn: true, $type: "header", $isFirstRow: isFirstRow, $isFocused: false, $isLastRow: isLastRow, $isSelectedLeft: isSelected, $isSelectedTop: isSelectedTop, $rowAutoHeight: rowAutoHeight, "data-selected": isSelected, "data-grid-row": currentRowIndex, "data-grid-column": -1, "data-testid": `header-cell-${currentRowIndex}-x`, $showBorder: showBorder, "data-align": "right", children: currentRowIndex }) });
 };
 const RowNumberColumn = ({
   minRow,
@@ -17545,11 +18251,12 @@ const RowNumberColumn = ({
   showHeader,
   scrolledHorizontal,
   rowStart = 0,
-  showBorder
+  showBorder,
+  rowAutoHeight
 }) => {
-  return /* @__PURE__ */ jsx(RowNumberColumnContainer, { $height: headerHeight, $width: rowWidth, $scrolledHorizontal: scrolledHorizontal, children: Array.from({
+  return /* @__PURE__ */ jsx(RowNumberColumnContainer, { $height: headerHeight, $width: rowWidth, $scrolledHorizontal: scrolledHorizontal, $rowAutoHeight: rowAutoHeight, children: Array.from({
     length: maxRow - minRow + 1
-  }, (_, index2) => minRow + index2).map((rowIndex) => /* @__PURE__ */ jsx(RowNumber, { getSelectionType, rowHeight, rowIndex, isLastRow: rowIndex === rowCount, isFirstRow: !showHeader && rowIndex === 0, showBorder, rowStart }, `row-number-${rowIndex}`)) });
+  }, (_, index2) => minRow + index2).map((rowIndex) => /* @__PURE__ */ jsx(RowNumber, { getSelectionType, rowHeight, rowIndex, isLastRow: rowIndex === rowCount, isFirstRow: !showHeader && rowIndex === 0, showBorder, rowStart, rowAutoHeight }, `row-number-${rowIndex}`)) });
 };
 function isObject$a(value) {
   var type = typeof value;
@@ -17931,7 +18638,7 @@ const RowColumnContainer = styled(HeaderCellContainer).withConfig({
 }) => $scrolledHorizontal ? `box-shadow: 0px 0 0px 1px ${theme2.click.grid.header.cell.color.stroke.default};` : "");
 const RowColumn = styled(StyledCell).withConfig({
   componentId: "sc-1oadqc8-4"
-})(["width:100%;text-align:right;"]);
+})(["width:100%;text-align:right;overflow:hidden;"]);
 const Column = ({
   columnIndex,
   cell,
@@ -18360,7 +19067,9 @@ const Cell = memo(({
     showRowNumber,
     showHeader,
     rowHeight,
-    rowStart
+    rowStart,
+    rowAutoHeight,
+    updateRowHeight
   } = data;
   const currentRowIndex = rowIndex + rowStart;
   const {
@@ -18389,7 +19098,21 @@ const Cell = memo(({
   const belowSelectionBorder = (selectionType === "selectDirect" || belowSelection === "selectDirect") && selectionType !== belowSelection;
   const selectionBorderLeft = rightOfSelectionBorder || rightOfFocus || isFocused;
   const selectionBorderTop = belowSelectionBorder || belowFocus || isFocused;
-  return /* @__PURE__ */ jsx("div", { style, "data-row": currentRowIndex, "data-column": columnIndex, children: /* @__PURE__ */ jsx(StyledCell, { as: CellData, rowIndex: currentRowIndex, columnIndex, type: "row-cell", "data-selected": isFocused || selectionType === "selectDirect", "data-focused": isFocused, $isSelectedTop: selectionBorderTop, $isSelectedLeft: selectionBorderLeft, $isFocused: isFocused, $isLastRow: rowCount - 1 === rowIndex, $isLastColumn: columnCount - 1 === columnIndex, $isFirstColumn: columnIndex === 0 && !showRowNumber, $isFirstRow: rowIndex === 0 && !showHeader, $selectionType: selectionType, $height: rowHeight, "data-grid-row": currentRowIndex, "data-grid-column": columnIndex, $showBorder: true, ...props }) });
+  const cellRef = useRef(null);
+  useEffect(() => {
+    if (!rowAutoHeight) {
+      return;
+    }
+    if (cellRef.current) {
+      const height = cellRef.current.getBoundingClientRect().height;
+      updateRowHeight(rowIndex, height);
+    }
+  }, [updateRowHeight, rowIndex, rowAutoHeight]);
+  const styleWithHeight = {
+    ...style,
+    height: "auto"
+  };
+  return /* @__PURE__ */ jsx("div", { style: styleWithHeight, "data-row": currentRowIndex, "data-column": columnIndex, ref: cellRef, children: /* @__PURE__ */ jsx(StyledCell, { as: CellData, rowIndex: currentRowIndex, columnIndex, type: "row-cell", "data-selected": isFocused || selectionType === "selectDirect", "data-focused": isFocused, $isSelectedTop: selectionBorderTop, $isSelectedLeft: selectionBorderLeft, $isFocused: isFocused, $isLastRow: rowCount - 1 === rowIndex, $isLastColumn: columnCount - 1 === columnIndex, $isFirstColumn: columnIndex === 0 && !showRowNumber, $isFirstRow: rowIndex === 0 && !showHeader, $selectionType: selectionType, $height: rowHeight, "data-grid-row": currentRowIndex, "data-grid-column": columnIndex, $showBorder: true, $rowAutoHeight: rowAutoHeight, ...props }) });
 }, areEqual);
 var reactDomServerLegacy_browser_production_min = {};
 /**
@@ -32599,6 +33322,7 @@ const Grid = forwardRef(({
   onContextMenu: onContextMenuProp,
   forwardedGridRef,
   onItemsRendered: onItemsRenderedProp,
+  rowAutoHeight,
   ...props
 }, forwardedRef) => {
   const [focus, setFocus] = useState(focusProp ?? {
@@ -32642,6 +33366,25 @@ const Grid = forwardRef(({
       }
     }
   }, [cell, columnCount, focus, focusProp, rowCount, selection, showToast, onCopyCallback]);
+  const rowHeightsRef = useRef(/* @__PURE__ */ new Map());
+  const getRowHeight2 = useCallback((index2) => {
+    if (rowAutoHeight && rowHeightsRef.current.get(index2)) {
+      return rowHeightsRef.current.get(index2) + rowHeight;
+    }
+    return rowHeight;
+  }, [rowHeight, rowAutoHeight]);
+  const updateRowHeight = useCallback((rowIndex, height) => {
+    if (!rowAutoHeight) {
+      return;
+    }
+    const prevHeight = rowHeightsRef.current.get(rowIndex) ?? 0;
+    if (height > prevHeight) {
+      rowHeightsRef.current.set(rowIndex, height);
+      if (gridRef.current) {
+        gridRef.current.resetAfterRowIndex(rowIndex);
+      }
+    }
+  }, [rowAutoHeight]);
   const customOnCopy = useMemo(() => {
     const result = async () => {
       if (onCopyProp) {
@@ -32805,7 +33548,10 @@ const Grid = forwardRef(({
     rowHeight,
     headerHeight,
     rowNumberWidth,
-    rowStart
+    rowStart,
+    rowAutoHeight,
+    updateRowHeight,
+    getRowHeight: getRowHeight2
   };
   const InnerElementType = forwardRef(({
     children,
@@ -32814,7 +33560,7 @@ const Grid = forwardRef(({
     const [minRow, maxRow, minColumn, maxColumn] = getRenderedCursor(children);
     return /* @__PURE__ */ jsxs(GridContainer, { ...containerProps, className: `sticky-grid__container grid-outer ${props.className ?? ""}`, children: [
       /* @__PURE__ */ jsx(GridDataContainer, { $top: showHeader ? headerHeight : 0, $left: showRowNumber ? rowNumberWidth : 0, ref, children }),
-      showRowNumber && /* @__PURE__ */ jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder }),
+      showRowNumber && /* @__PURE__ */ jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder, rowAutoHeight }),
       showHeader && /* @__PURE__ */ jsx(Header, { scrolledVertical, scrolledHorizontal, showRowNumber, minColumn, maxColumn, height: headerHeight, getColumnWidth: columnWidth, cell, rowNumberWidth, getSelectionType, columnCount, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState })
     ] });
   });
@@ -33067,11 +33813,16 @@ const Grid = forwardRef(({
     const width = columnWidth(args.columnIndex);
     return /* @__PURE__ */ jsx(Cell, { ...args, width });
   };
+  useEffect(() => {
+    if (gridRef.current) {
+      gridRef.current.resetAfterRowIndex(0);
+    }
+  }, [rowCount, columnCount]);
   return /* @__PURE__ */ jsxs(ContextMenu, { modal: false, onOpenChange: setContextMenuOpen, children: [
     /* @__PURE__ */ jsx(ContextMenuTrigger, { as: ContextMenu.Trigger, ref: mergeRefs([forwardedRef, containerRef]), tabIndex: 0, onMouseDown, onMouseMove, onKeyDown, onPointerDown, onPointerUp, onPointerLeave: setPointerCapture, onPointerEnter: setPointerCapture, onContextMenu, $rounded: rounded, $height: autoHeight ? rowCount * rowHeight + (showHeader ? headerHeight : 0) + elementBorderRef.current.scrollBarHeight : void 0, $showBorder: showBorder, children: /* @__PURE__ */ jsx(AutoSizer, { onResize, children: ({
       height,
       width
-    }) => /* @__PURE__ */ jsx(VariableSizeGrid, { ref: forwardedGridRef ? mergeRefs([forwardedGridRef, gridRef]) : gridRef, height, width, columnCount, rowHeight: () => rowHeight, useIsScrolling, innerElementType: InnerElementType, itemData: data, initialScrollTop: focus.row < rowStart ? focus.row * rowHeight : (focus.row - rowStart) * rowHeight, initialScrollLeft: getColumnHorizontalPosition(focus.column), columnWidth, rowCount, onScroll, outerRef, outerElementType: OuterElementType, onItemsRendered, ...props, children: CellWithWidth }) }) }),
+    }) => /* @__PURE__ */ jsx(VariableSizeGrid, { ref: forwardedGridRef ? mergeRefs([forwardedGridRef, gridRef]) : gridRef, height, width, columnCount, rowHeight: getRowHeight2, useIsScrolling, innerElementType: InnerElementType, itemData: data, initialScrollTop: focus.row < rowStart ? focus.row * rowHeight : (focus.row - rowStart) * rowHeight, initialScrollLeft: getColumnHorizontalPosition(focus.column), columnWidth, rowCount, onScroll, outerRef, outerElementType: OuterElementType, onItemsRendered, ...props, children: CellWithWidth }) }) }),
     /* @__PURE__ */ jsx(ContextMenu.Content, { children: menuOptions.map((option2, index2) => /* @__PURE__ */ jsx(ContextMenu.Item, { onSelect: option2.onSelect, children: option2.label }, `grid-${index2}`)) })
   ] });
 });
@@ -33306,14 +34057,14 @@ const HoverCard = ({
 }) => {
   return /* @__PURE__ */ jsx($cef8881cdc69808e$export$be92b6f5f03c0fe9, { ...props, children });
 };
-const Trigger$2 = styled($cef8881cdc69808e$export$41fb9f06171c75f4).withConfig({
+const Trigger$1 = styled($cef8881cdc69808e$export$41fb9f06171c75f4).withConfig({
   componentId: "sc-1ect7b6-0"
 })(["width:fit-content;"]);
 const HoverCardTrigger = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(Trigger$2, { ...props, children });
+  return /* @__PURE__ */ jsx(Trigger$1, { ...props, children });
 };
 HoverCardTrigger.displayName = "HoverCardTrigger";
 HoverCard.Trigger = HoverCardTrigger;
@@ -33331,25 +34082,6 @@ const HoverCardContent = ({
 };
 HoverCardContent.displayName = "HoverCardContent";
 HoverCard.Content = HoverCardContent;
-const linkStyles = css$1(["font:", ";color:", ";margin:0;text-decoration:none;display:inline-flex;gap:", ";margin-right:", ";align-items:center;&:hover,&:focus{color:", ";transition:", ";text-decoration:underline;cursor:pointer;}&:visited{color:", ";}"], ({
-  $size,
-  $weight = "normal",
-  theme: theme2
-}) => theme2.typography.styles.product.text[$weight][$size], ({
-  theme: theme2
-}) => theme2.click.global.color.text.link.default, ({
-  $size,
-  theme: theme2
-}) => $size === "xs" || $size === "sm" ? theme2.click.link.space.sm.gap : theme2.click.link.space.md.gap, ({
-  $size,
-  theme: theme2
-}) => $size === "xs" || $size === "sm" ? theme2.click.link.space.sm.gap : theme2.click.link.space.md.gap, ({
-  theme: theme2
-}) => theme2.click.global.color.text.link.hover, ({
-  theme: theme2
-}) => theme2.transition.default, ({
-  theme: theme2
-}) => theme2.click.global.color.text.link.default);
 const CuiLink = styled.a.withConfig({
   componentId: "sc-1bwz77u-0"
 })(["", ""], linkStyles);
@@ -33420,71 +34152,6 @@ const PasswordField = forwardRef(({
     /* @__PURE__ */ jsx(IconButton, { disabled, onClick: togglePasswordViewer, $show: value.length > 0, children: /* @__PURE__ */ jsx(SvgImage, { name: viewPassword ? "eye-closed" : "eye", size: "md" }) })
   ] });
 });
-const Popover = ({
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { ...props, children });
-};
-const Trigger$1 = styled($cb5cc270b50c6fcd$export$41fb9f06171c75f4).withConfig({
-  componentId: "sc-1dii14g-0"
-})(["width:fit-content;font:inherit;color:inherit;background:inherit;border:none;"]);
-const PopoverTrigger = ({
-  anchor,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(Trigger$1, { asChild: true, ...props, children: /* @__PURE__ */ jsx("div", { children }) }),
-    anchor && /* @__PURE__ */ jsx($cb5cc270b50c6fcd$export$b688253958b8dfe7, { asChild: true, children: anchor })
-  ] });
-};
-PopoverTrigger.displayName = "PopoverTrigger";
-Popover.Trigger = PopoverTrigger;
-const MenuPanel = styled(GenericMenuPanel).withConfig({
-  componentId: "sc-1dii14g-1"
-})(["display:block;padding:", " ", ";background-color:", ";border:1px solid ", ";border-radius:", ";box-shadow:", ";", ";"], ({
-  theme: theme2
-}) => theme2.click.popover.space.y, ({
-  theme: theme2
-}) => theme2.click.popover.space.x, ({
-  theme: theme2
-}) => theme2.click.popover.color.panel.background.default, ({
-  theme: theme2
-}) => theme2.click.popover.color.panel.stroke.default, ({
-  theme: theme2
-}) => theme2.click.popover.radii.all, ({
-  theme: theme2
-}) => theme2.click.popover.shadow.default, ({
-  $showClose
-}) => $showClose ? "padding-top: 1rem;" : "");
-const CloseButton = styled(EmptyButton$1).withConfig({
-  componentId: "sc-1dii14g-2"
-})(["position:absolute;top:", ";right:", ";width:", ";height:", ";"], ({
-  theme: theme2
-}) => theme2.click.popover.space.y, ({
-  theme: theme2
-}) => theme2.click.popover.space.x, ({
-  theme: theme2
-}) => theme2.click.popover.icon.size.width, ({
-  theme: theme2
-}) => theme2.click.popover.icon.size.height);
-const PopoverContent = ({
-  children,
-  showArrow,
-  showClose,
-  forceMount,
-  container,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx($cb5cc270b50c6fcd$export$602eac185826482c, { forceMount, container, children: /* @__PURE__ */ jsxs(MenuPanel, { as: $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, $type: "popover", $showClose: showClose, $showArrow: showArrow, sideOffset: 4, ...props, children: [
-    showClose && /* @__PURE__ */ jsx(CloseButton, { as: $cb5cc270b50c6fcd$export$f39c2d165cd861fe, asChild: true, children: /* @__PURE__ */ jsx(SvgImage, { name: "cross" }) }),
-    showArrow && /* @__PURE__ */ jsx(Arrow$1, { asChild: true, as: $cb5cc270b50c6fcd$export$21b07c8f274aebd5, width: 20, height: 10, children: /* @__PURE__ */ jsx(PopoverArrow, {}) }),
-    children
-  ] }) });
-};
-PopoverContent.displayName = "PopoverContent";
-Popover.Content = PopoverContent;
 const CustomSelect = styled.div.withConfig({
   componentId: "sc-dicnqe-0"
 })(["width:150px;"]);
@@ -34783,8 +35450,8 @@ function AnimationStateManager() {
       }
       animationStates = [];
     },
-    animate: function animate(target, currentRect, toRect, duration) {
-      if (duration) {
+    animate: function animate(target, currentRect, toRect, duration2) {
+      if (duration2) {
         css(target, "transition", "");
         css(target, "transform", "");
         var elMatrix = matrix(this.el), scaleX = elMatrix && elMatrix.a, scaleY = elMatrix && elMatrix.d, translateX = (currentRect.left - toRect.left) / (scaleX || 1), translateY = (currentRect.top - toRect.top) / (scaleY || 1);
@@ -34792,7 +35459,7 @@ function AnimationStateManager() {
         target.animatingY = !!translateY;
         css(target, "transform", "translate3d(" + translateX + "px," + translateY + "px,0)");
         this.forRepaintDummy = repaint(target);
-        css(target, "transition", "transform " + duration + "ms" + (this.options.easing ? " " + this.options.easing : ""));
+        css(target, "transition", "transform " + duration2 + "ms" + (this.options.easing ? " " + this.options.easing : ""));
         css(target, "transform", "translate3d(0,0,0)");
         typeof target.animated === "number" && clearTimeout(target.animated);
         target.animated = setTimeout(function() {
@@ -34801,7 +35468,7 @@ function AnimationStateManager() {
           target.animated = false;
           target.animatingX = false;
           target.animatingY = false;
-        }, duration);
+        }, duration2);
       }
     }
   };
@@ -40169,7 +40836,7 @@ const [$054eb8030ebde76e$var$createToastContext, $054eb8030ebde76e$export$8a359d
 ]);
 const [$054eb8030ebde76e$var$ToastProviderProvider, $054eb8030ebde76e$var$useToastProviderContext] = $054eb8030ebde76e$var$createToastContext($054eb8030ebde76e$var$PROVIDER_NAME);
 const $054eb8030ebde76e$export$f5d03d415824e0e = (props) => {
-  const { __scopeToast, label = "Notification", duration = 5e3, swipeDirection = "right", swipeThreshold = 50, children } = props;
+  const { __scopeToast, label = "Notification", duration: duration2 = 5e3, swipeDirection = "right", swipeThreshold = 50, children } = props;
   const [viewport, setViewport] = useState(null);
   const [toastCount, setToastCount] = useState(0);
   const isFocusedToastEscapeKeyDownRef = useRef(false);
@@ -40179,7 +40846,7 @@ const $054eb8030ebde76e$export$f5d03d415824e0e = (props) => {
   }, /* @__PURE__ */ createElement$1($054eb8030ebde76e$var$ToastProviderProvider, {
     scope: __scopeToast,
     label,
-    duration,
+    duration: duration2,
     swipeDirection,
     swipeThreshold,
     toastCount,
@@ -40466,12 +41133,12 @@ const $054eb8030ebde76e$var$ToastImpl = /* @__PURE__ */ forwardRef((props, forwa
       (_context$viewport2 = context.viewport) === null || _context$viewport2 === void 0 || _context$viewport2.focus();
     onClose();
   });
-  const startTimer = useCallback((duration) => {
-    if (!duration || duration === Infinity)
+  const startTimer = useCallback((duration2) => {
+    if (!duration2 || duration2 === Infinity)
       return;
     window.clearTimeout(closeTimerRef.current);
     closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
-    closeTimerRef.current = window.setTimeout(handleClose, duration);
+    closeTimerRef.current = window.setTimeout(handleClose, duration2);
   }, [
     handleClose
   ]);
@@ -40930,7 +41597,7 @@ const Toast = ({
   title,
   description,
   actions = [],
-  duration,
+  duration: duration2,
   onClose
 }) => {
   let iconName = "";
@@ -40941,7 +41608,7 @@ const Toast = ({
   } else if (type && ["danger", "warning"].includes(type)) {
     iconName = "warning";
   }
-  return /* @__PURE__ */ jsxs(ToastRoot, { onOpenChange: onClose, duration, children: [
+  return /* @__PURE__ */ jsxs(ToastRoot, { onOpenChange: onClose, duration: duration2, children: [
     /* @__PURE__ */ jsxs(ToastHeader, { children: [
       iconName.length > 0 && /* @__PURE__ */ jsx(ToastIcon, { name: iconName, $type: type }),
       /* @__PURE__ */ jsx(Title, { children: title }),
@@ -50303,6 +50970,7 @@ export {
   Container,
   ContextMenu,
   DangerAlert,
+  DateDetails,
   DatePicker,
   Dialog,
   Dropdown,