@opencx/widget-react 4.0.6 → 4.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,51 +1,51 @@
1
1
  import { jsx as o, jsxs as l, Fragment as ve } from "react/jsx-runtime";
2
2
  import * as ie from "@radix-ui/react-popover";
3
3
  import * as E from "react";
4
- import se, { memo as Ht, forwardRef as ct, useState as j, cloneElement as At, useEffect as le, useMemo as dt, useRef as ce, createElement as nt } from "react";
5
- import { useConfig as S, useDocumentDir as be, useWidget as Y, useWidgetRouter as H, usePreludeData as de, useWidgetTrigger as K, useSessions as q, useMessages as U, useModes as pt, useUploadFiles as Bt, useIsAwaitingBotReply as ht, useContact as Lt, WidgetProvider as $t, WidgetTriggerProvider as Yt } from "@opencx/widget-react-headless";
4
+ import se, { memo as At, forwardRef as ct, useState as j, cloneElement as Bt, useEffect as le, useMemo as dt, useRef as ce, createElement as nt } from "react";
5
+ import { useConfig as N, useDocumentDir as be, useWidget as Y, useWidgetRouter as H, usePreludeData as de, useWidgetTrigger as G, useSessions as q, useMessages as U, useModes as pt, useUploadFiles as Lt, useIsAwaitingBotReply as ht, useContact as $t, WidgetProvider as Yt, WidgetTriggerProvider as qt } from "@opencx/widget-react-headless";
6
6
  import mt from "rehype-raw";
7
7
  import wt from "remark-gfm";
8
8
  import * as R from "@radix-ui/react-dialog";
9
- import { X as qt, CircleDashedIcon as Ut, XIcon as xe, SquareXIcon as Xt, SquareCheckBigIcon as Vt, SquareCheckIcon as Kt, ShrinkIcon as Gt, Minimize2Icon as Zt, MinimizeIcon as Jt, Maximize2Icon as Qt, MaximizeIcon as eo, ExpandIcon as to, CircleXIcon as oo, CircleCheckBigIcon as ro, CircleCheckIcon as gt, CheckCheckIcon as no, CheckIcon as so, ChevronLeftIcon as ao, LoaderIcon as io, PaperclipIcon as lo, ImageIcon as co, CircleDashed as po, ArrowUpIcon as ho, AlertCircle as mo, Loader2 as wo, FileAudio2Icon as go, FileVideo2Icon as uo, FileIcon as fo, UserRoundIcon as vo, ChevronRightIcon as bo, SendHorizontal as xo, ChevronDownIcon as yo } from "lucide-react";
10
- import { clsx as ko } from "clsx";
11
- import { twMerge as Co } from "tailwind-merge";
12
- import { createPortal as zo } from "react-dom";
13
- import ut, { useFrame as No } from "@uiw/react-iframe";
14
- import { Slot as So } from "@radix-ui/react-slot";
15
- import { cva as _o } from "class-variance-authority";
16
- import Io from "react-markdown";
9
+ import { X as Ut, CircleDashedIcon as Xt, XIcon as xe, SquareXIcon as Vt, SquareCheckBigIcon as Gt, SquareCheckIcon as Kt, ShrinkIcon as Zt, Minimize2Icon as Jt, MinimizeIcon as Qt, Maximize2Icon as eo, MaximizeIcon as to, ExpandIcon as oo, CircleXIcon as ro, CircleCheckBigIcon as no, CircleCheckIcon as gt, CheckCheckIcon as so, CheckIcon as ao, ChevronLeftIcon as io, LoaderIcon as lo, PaperclipIcon as co, ImageIcon as po, CircleDashed as ho, ArrowUpIcon as mo, AlertCircle as wo, Loader2 as go, FileAudio2Icon as uo, FileVideo2Icon as fo, FileIcon as vo, UserRoundIcon as bo, ChevronRightIcon as xo, SendHorizontal as yo, ChevronDownIcon as ko } from "lucide-react";
10
+ import { clsx as Co } from "clsx";
11
+ import { twMerge as zo } from "tailwind-merge";
12
+ import { createPortal as No } from "react-dom";
13
+ import ut, { useFrame as So } from "@uiw/react-iframe";
14
+ import { Slot as _o } from "@radix-ui/react-slot";
15
+ import { cva as Io } from "class-variance-authority";
16
+ import To from "react-markdown";
17
17
  import { isExhaustive as D } from "@opencx/widget-core";
18
18
  import { motion as J, AnimatePresence as T } from "framer-motion";
19
- import * as G from "@radix-ui/react-avatar";
19
+ import * as K from "@radix-ui/react-avatar";
20
20
  import * as te from "@radix-ui/react-tooltip";
21
21
  import st from "tinycolor2";
22
- import { useDropzone as To } from "react-dropzone";
23
- import Mo from "react-use/lib/useAsyncFn";
22
+ import { useDropzone as Mo } from "react-dropzone";
23
+ import Do from "react-use/lib/useAsyncFn";
24
24
  import { z as me } from "zod";
25
25
  function w(e) {
26
26
  return { "data-component": e };
27
27
  }
28
28
  function d(...e) {
29
- return Co(ko(e));
29
+ return zo(Co(e));
30
30
  }
31
31
  const ft = "opencx-widget-portal";
32
32
  function pe() {
33
33
  return null;
34
34
  }
35
- function Do({ children: e }) {
35
+ function Ro({ children: e }) {
36
36
  var t, n;
37
- const r = (n = (t = No()) == null ? void 0 : t.document) == null ? void 0 : n.getElementById(ft);
38
- return r ? zo(e, r) : (console.error("Portal container not found!"), null);
37
+ const r = (n = (t = So()) == null ? void 0 : t.document) == null ? void 0 : n.getElementById(ft);
38
+ return r ? No(e, r) : (console.error("Portal container not found!"), null);
39
39
  }
40
- function Ro() {
40
+ function Oo() {
41
41
  return /* @__PURE__ */ o("div", { id: ft, className: "absolute size-full top-0 start-0" });
42
42
  }
43
- pe.Portal = Do;
44
- pe.Container = Ro;
43
+ pe.Portal = Ro;
44
+ pe.Container = Oo;
45
45
  const V = {
46
46
  x: 2,
47
47
  y: 2
48
- }, W = Ht(
48
+ }, W = At(
49
49
  ct(
50
50
  ({ children: e, className: r, scale: t = 1.02, off: n = !1 }, s) => {
51
51
  const [a, i] = j(!1), [c, p] = j({ x: 0, y: 0 });
@@ -73,7 +73,7 @@ const V = {
73
73
  "--wobble-y": a ? `${c.y}px` : "0px",
74
74
  "--scale": 1 - (t - 1)
75
75
  };
76
- return At(e, {
76
+ return Bt(e, {
77
77
  ref: s,
78
78
  onMouseMove: x,
79
79
  onMouseEnter: y,
@@ -95,7 +95,7 @@ const V = {
95
95
  )
96
96
  );
97
97
  W.displayName = "Wobble";
98
- const Oo = _o(
98
+ const jo = Io(
99
99
  d(
100
100
  "inline-flex shrink-0 items-center justify-center gap-2",
101
101
  "text-sm font-medium whitespace-nowrap",
@@ -136,11 +136,11 @@ const Oo = _o(
136
136
  }
137
137
  ), z = E.forwardRef(
138
138
  ({ className: e, variant: r = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ o(W, { ref: a, children: /* @__PURE__ */ o(
139
- n ? So : "button",
139
+ n ? _o : "button",
140
140
  {
141
141
  ...w("ui_lib/btn"),
142
142
  "data-variant": r,
143
- className: d(Oo({ variant: r, size: t, className: e })),
143
+ className: d(jo({ variant: r, size: t, className: e })),
144
144
  ...s
145
145
  }
146
146
  ) })
@@ -177,7 +177,7 @@ const ye = E.forwardRef(({ className: e, children: r, withClose: t = !1, ...n },
177
177
  asChild: !0,
178
178
  className: "absolute end-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
179
179
  children: /* @__PURE__ */ l(z, { size: "fit", className: "rounded-full", variant: "secondary", children: [
180
- /* @__PURE__ */ o(qt, { className: "h-4 w-4" }),
180
+ /* @__PURE__ */ o(Ut, { className: "h-4 w-4" }),
181
181
  /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
182
182
  ] })
183
183
  }
@@ -279,7 +279,7 @@ function Nt({ attachment: e }) {
279
279
  ] });
280
280
  }
281
281
  const St = se.memo(
282
- Io,
282
+ To,
283
283
  (e, r) => e.children === r.children && e.className === r.className
284
284
  );
285
285
  function ae({
@@ -293,7 +293,7 @@ function ae({
293
293
  dataComponentNames: c,
294
294
  classNames: p
295
295
  }) {
296
- const { anchorTarget: g } = S(), { message: x, variant: y = "default" } = e;
296
+ const { anchorTarget: g } = N(), { message: x, variant: y = "default" } = e;
297
297
  return y === "error" ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: "flex flex-row flex-wrap items-center justify-start", children: /* @__PURE__ */ o("div", { className: "leading-snug text-sm text-destructive", children: x }) }) }) : /* @__PURE__ */ l(
298
298
  "div",
299
299
  {
@@ -344,11 +344,11 @@ function ae({
344
344
  }
345
345
  );
346
346
  }
347
- function jo(e) {
347
+ function Eo(e) {
348
348
  return /* @__PURE__ */ o("div", { className: "w-full max-w-full overflow-auto shrink-0", children: /* @__PURE__ */ o("pre", { className: "text-xs leading-tight whitespace-pre-wrap break-word", children: JSON.stringify(e, null, 1) }) });
349
349
  }
350
350
  const Ce = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
351
- G.Root,
351
+ K.Root,
352
352
  {
353
353
  ref: t,
354
354
  className: d(
@@ -359,18 +359,18 @@ const Ce = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
359
359
  ...r
360
360
  }
361
361
  ));
362
- Ce.displayName = G.Root.displayName;
362
+ Ce.displayName = K.Root.displayName;
363
363
  const ze = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
364
- G.Image,
364
+ K.Image,
365
365
  {
366
366
  ref: t,
367
367
  className: d("aspect-square h-full w-full", e),
368
368
  ...r
369
369
  }
370
370
  ));
371
- ze.displayName = G.Image.displayName;
371
+ ze.displayName = K.Image.displayName;
372
372
  const Ne = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
373
- G.Fallback,
373
+ K.Fallback,
374
374
  {
375
375
  ref: t,
376
376
  className: d(
@@ -380,7 +380,7 @@ const Ne = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
380
380
  ...r
381
381
  }
382
382
  ));
383
- Ne.displayName = G.Fallback.displayName;
383
+ Ne.displayName = K.Fallback.displayName;
384
384
  function ge({
385
385
  agent: e,
386
386
  ...r
@@ -391,43 +391,43 @@ function ge({
391
391
  (e == null ? void 0 : e.name) && /* @__PURE__ */ o(Ne, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
392
392
  ] });
393
393
  }
394
- const Eo = 10, Fo = (e, r, t) => ({
394
+ const Fo = 10, Po = (e, r, t) => ({
395
395
  initial: { opacity: 0, x: -e, ...r.initial },
396
396
  animate: { opacity: 1, x: 0, ...r.animate, transition: { delay: t } },
397
397
  exit: { opacity: 0, x: e, ...r.exit }
398
- }), Po = (e, r, t) => ({
398
+ }), Wo = (e, r, t) => ({
399
399
  initial: { opacity: 0, x: e, ...r.initial },
400
400
  animate: { opacity: 1, x: 0, ...r.animate, transition: { delay: t } },
401
401
  exit: { opacity: 0, x: -e, ...r.exit }
402
- }), Wo = (e, r, t) => ({
402
+ }), Ho = (e, r, t) => ({
403
403
  initial: { opacity: 0, y: e, ...r.initial },
404
404
  animate: { opacity: 1, y: 0, ...r.animate, transition: { delay: t } },
405
405
  exit: { opacity: 0, y: -e, ...r.exit }
406
- }), Ho = (e, r, t) => ({
406
+ }), Ao = (e, r, t) => ({
407
407
  initial: { opacity: 0, y: -e, ...r.initial },
408
408
  animate: { opacity: 1, y: 0, ...r.animate, transition: { delay: t } },
409
409
  exit: { opacity: 0, y: e, ...r.exit }
410
- }), Ao = {
411
- right: Fo,
412
- left: Po,
413
- up: Wo,
414
- down: Ho
410
+ }), Bo = {
411
+ right: Po,
412
+ left: Wo,
413
+ up: Ho,
414
+ down: Ao
415
415
  }, f = ct(
416
416
  ({
417
417
  fadeIn: e = "down",
418
- distance: r = Eo,
418
+ distance: r = Fo,
419
419
  children: t,
420
420
  snapExit: n = !1,
421
421
  overrides: s = {},
422
422
  delay: a = 0,
423
423
  ...i
424
424
  }, c) => {
425
- const p = e ? Ao[e](r, s, a) : {};
425
+ const p = e ? Bo[e](r, s, a) : {};
426
426
  return n && p.exit && typeof p.exit == "object" && !Array.isArray(p.exit) && (p.exit.transition = { duration: 0 }), /* @__PURE__ */ o(J.div, { ref: c, ...i, ...p, children: t });
427
427
  }
428
428
  );
429
429
  f.displayName = "MotionDiv";
430
- function Bo({ agent: e }) {
430
+ function Lo({ agent: e }) {
431
431
  return /* @__PURE__ */ o(T, { children: /* @__PURE__ */ l(
432
432
  f,
433
433
  {
@@ -454,7 +454,7 @@ function Bo({ agent: e }) {
454
454
  }
455
455
  ) });
456
456
  }
457
- const _t = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..700;1,14..32,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.end-4{inset-inline-end:1rem}.end-6{inset-inline-end:1.5rem}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.start-0{inset-inline-start:0px}.top-0{top:0}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\\/5{width:40%}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-60{width:15rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\\[8rem\\]{min-width:8rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-200{animation-duration:.2s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.required:after{content:" *";color:red}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-ring:focus{--tw-ring-color: hsl(var(--opencx-ring))}.focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:hsl(var(--opencx-muted-foreground))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y: -48%}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', Lo = te.Provider, $o = te.Root, Yo = te.Trigger, It = E.forwardRef(({ className: e, sideOffset: r = 4, ...t }, n) => /* @__PURE__ */ o(
457
+ const _t = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..700;1,14..32,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.end-4{inset-inline-end:1rem}.end-6{inset-inline-end:1.5rem}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.start-0{inset-inline-start:0px}.top-0{top:0}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\\/5{width:40%}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-60{width:15rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\\[8rem\\]{min-width:8rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-200{animation-duration:.2s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.required:after{content:" *";color:red}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-ring:focus{--tw-ring-color: hsl(var(--opencx-ring))}.focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:hsl(var(--opencx-muted-foreground))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y: -48%}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', $o = te.Provider, Yo = te.Root, qo = te.Trigger, It = E.forwardRef(({ className: e, sideOffset: r = 4, ...t }, n) => /* @__PURE__ */ o(
458
458
  te.Content,
459
459
  {
460
460
  ref: n,
@@ -473,9 +473,9 @@ function Q({
473
473
  side: t,
474
474
  align: n
475
475
  }) {
476
- const { disableTooltips: s } = S();
477
- return !r || s ? e : /* @__PURE__ */ l($o, { children: [
478
- /* @__PURE__ */ o(Yo, { asChild: !0, children: e }),
476
+ const { disableTooltips: s } = N();
477
+ return !r || s ? e : /* @__PURE__ */ l(Yo, { children: [
478
+ /* @__PURE__ */ o(qo, { asChild: !0, children: e }),
479
479
  /* @__PURE__ */ o(
480
480
  It,
481
481
  {
@@ -505,8 +505,8 @@ const re = {
505
505
  transitionDuration: "1000ms"
506
506
  };
507
507
  function X() {
508
- var y, v, h, m, u, _, k, I, M, F, P, O, b, C, B, N, L, oe, Te, Me, De, Re, Oe, je, Ee, Fe, Pe, We, He, Ae, Be, Le, $e, Ye, qe, Ue, Xe, Ve, Ke, Ge, Ze, Je, Qe, et, tt, ot, rt;
509
- const { dir: e } = be(), { isSmallScreen: r } = A(), { theme: t, inline: n } = S(), s = ($) => n ? "100%" : $, a = ($, he) => r ? `100dv${$}` : he, i = ($, he) => s(a($, he)), c = {
508
+ var y, v, h, m, u, _, k, I, M, F, P, O, b, C, B, S, L, oe, Te, Me, De, Re, Oe, je, Ee, Fe, Pe, We, He, Ae, Be, Le, $e, Ye, qe, Ue, Xe, Ve, Ge, Ke, Ze, Je, Qe, et, tt, ot, rt;
509
+ const { dir: e } = be(), { isSmallScreen: r } = A(), { theme: t, inline: n } = N(), s = ($) => n ? "100%" : $, a = ($, he) => r ? `100dv${$}` : he, i = ($, he) => s(a($, he)), c = {
510
510
  zIndex: ((y = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : y.zIndex) ?? 1e7,
511
511
  offset: {
512
512
  bottom: ((h = (v = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : v.offset) == null ? void 0 : h.bottom) ?? 20,
@@ -530,7 +530,7 @@ function X() {
530
530
  outline: ((C = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : C.outline) ?? "none",
531
531
  // was: '1px solid'
532
532
  outlineColor: ((B = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : B.outlineColor) ?? "hsl(0 0% 50% / .5)",
533
- boxShadow: ((N = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : N.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
533
+ boxShadow: ((S = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : S.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
534
534
  transitionProperty: ((L = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : L.transitionProperty) ?? "all",
535
535
  transitionTimingFunction: ((oe = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : oe.transitionTimingFunction) ?? re.transitionTimingFunction,
536
536
  transitionDuration: ((Te = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Te.transitionDuration) ?? re.transitionDuration,
@@ -562,7 +562,7 @@ function X() {
562
562
  ),
563
563
  height: i(
564
564
  "h",
565
- ((Ze = (Ge = (Ke = t == null ? void 0 : t.screens) == null ? void 0 : Ke.chat) == null ? void 0 : Ge.withCanvas) == null ? void 0 : Ze.height) ?? "min(800px, 100vh)"
565
+ ((Ze = (Ke = (Ge = t == null ? void 0 : t.screens) == null ? void 0 : Ge.chat) == null ? void 0 : Ke.withCanvas) == null ? void 0 : Ze.height) ?? "min(800px, 100vh)"
566
566
  ),
567
567
  transitionTimingFunction: ((et = (Qe = (Je = t == null ? void 0 : t.screens) == null ? void 0 : Je.chat) == null ? void 0 : Qe.withCanvas) == null ? void 0 : et.transitionTimingFunction) ?? re.transitionTimingFunction,
568
568
  transitionDuration: ((rt = (ot = (tt = t == null ? void 0 : t.screens) == null ? void 0 : tt.chat) == null ? void 0 : ot.withCanvas) == null ? void 0 : rt.transitionDuration) ?? re.transitionDuration
@@ -610,13 +610,13 @@ function X() {
610
610
  return {
611
611
  theme: g,
612
612
  computed: x,
613
- cssVars: qo({
613
+ cssVars: Uo({
614
614
  palette: g.palette,
615
615
  primary: g.primaryColor
616
616
  })
617
617
  };
618
618
  }
619
- function qo({
619
+ function Uo({
620
620
  palette: e,
621
621
  primary: r
622
622
  }) {
@@ -703,7 +703,7 @@ function Tt(e) {
703
703
  }
704
704
  }
705
705
  function Mt() {
706
- const { contentIframeRef: e } = Y(), { inline: r } = S();
706
+ const { contentIframeRef: e } = Y(), { inline: r } = N();
707
707
  return {
708
708
  setWidth: (t) => {
709
709
  var n;
@@ -730,7 +730,7 @@ function Se({
730
730
  e && n(e), r && s(r);
731
731
  }, [t, r, e, n, s]);
732
732
  }
733
- const it = Ut;
733
+ const it = Xt;
734
734
  function ee({
735
735
  name: e,
736
736
  className: r
@@ -738,33 +738,33 @@ function ee({
738
738
  const t = (() => {
739
739
  switch (e) {
740
740
  case "Check":
741
- return so;
741
+ return ao;
742
742
  case "CheckCheck":
743
- return no;
743
+ return so;
744
744
  case "CircleCheck":
745
745
  return gt;
746
746
  case "CircleCheckBig":
747
- return ro;
747
+ return no;
748
748
  case "CircleX":
749
- return oo;
749
+ return ro;
750
750
  case "Expand":
751
- return to;
751
+ return oo;
752
752
  case "Maximize":
753
- return eo;
753
+ return to;
754
754
  case "Maximize2":
755
- return Qt;
755
+ return eo;
756
756
  case "Minimize":
757
- return Jt;
757
+ return Qt;
758
758
  case "Minimize2":
759
- return Zt;
759
+ return Jt;
760
760
  case "Shrink":
761
- return Gt;
761
+ return Zt;
762
762
  case "SquareCheck":
763
763
  return Kt;
764
764
  case "SquareCheckBig":
765
- return Vt;
765
+ return Gt;
766
766
  case "SquareX":
767
- return Xt;
767
+ return Vt;
768
768
  case "X":
769
769
  return xe;
770
770
  case void 0:
@@ -791,7 +791,7 @@ function _e() {
791
791
  var s;
792
792
  const { data: e } = de(), {
793
793
  routerState: { screen: r }
794
- } = H(), { textContent: t } = S();
794
+ } = H(), { textContent: t } = N();
795
795
  return (() => {
796
796
  var a, i;
797
797
  switch (r) {
@@ -807,7 +807,7 @@ function _e() {
807
807
  }
808
808
  })() ?? ((s = e == null ? void 0 : e.data) == null ? void 0 : s.organizationName) ?? "Chat";
809
809
  }
810
- function Uo(e) {
810
+ function Xo(e) {
811
811
  switch (e) {
812
812
  case "chat":
813
813
  return w("chat/header");
@@ -820,8 +820,8 @@ function Uo(e) {
820
820
  return;
821
821
  }
822
822
  }
823
- function Xo() {
824
- const { router: e } = S(), {
823
+ function Vo() {
824
+ const { router: e } = N(), {
825
825
  routerState: { screen: r },
826
826
  toSessionsScreen: t
827
827
  } = H();
@@ -832,14 +832,14 @@ function Xo() {
832
832
  size: "fit",
833
833
  className: "rounded-full",
834
834
  onClick: t,
835
- children: /* @__PURE__ */ o(ao, { className: "size-4 rtl:-scale-100" })
835
+ children: /* @__PURE__ */ o(io, { className: "size-4 rtl:-scale-100" })
836
836
  }
837
837
  );
838
838
  }
839
- function Vo({
839
+ function Go({
840
840
  button: e
841
841
  }) {
842
- const { setIsOpen: r } = K(), { isSmallScreen: t } = A();
842
+ const { setIsOpen: r } = G(), { isSmallScreen: t } = A();
843
843
  return t && e.hideOnSmallScreen || !t && e.hideOnLargeScreen ? null : /* @__PURE__ */ o(
844
844
  z,
845
845
  {
@@ -905,7 +905,7 @@ function Rt({
905
905
  button: e
906
906
  }) {
907
907
  var _, k;
908
- const [r, t] = j(!1), { widgetCtx: n } = Y(), { setIsOpen: s } = K(), { resolveSession: a, sessionState: i } = q(), { isSmallScreen: c } = A(), p = !i.session, g = ((_ = i.session) == null ? void 0 : _.isOpened) === !1, x = e.onResolved || "stay-in-chat", y = e.behaviorBeforeSessionCreation || "disabled", v = e.behaviorIfSessionIsResolved || "disabled", h = !!(i.isResolvingSession || p && y === "disabled" || g && v === "disabled"), m = async () => {
908
+ const [r, t] = j(!1), { widgetCtx: n } = Y(), { setIsOpen: s } = G(), { resolveSession: a, sessionState: i } = q(), { isSmallScreen: c } = A(), p = !i.session, g = ((_ = i.session) == null ? void 0 : _.isOpened) === !1, x = e.onResolved || "stay-in-chat", y = e.behaviorBeforeSessionCreation || "disabled", v = e.behaviorIfSessionIsResolved || "disabled", h = !!(i.isResolvingSession || p && y === "disabled" || g && v === "disabled"), m = async () => {
909
909
  const { success: I, error: M } = await a();
910
910
  if (t(!1), !I) return console.error(M);
911
911
  switch (x) {
@@ -1008,7 +1008,7 @@ function Rt({
1008
1008
  function fe({ button: e }) {
1009
1009
  switch (e.functionality) {
1010
1010
  case "close-widget":
1011
- return /* @__PURE__ */ o(Vo, { button: e });
1011
+ return /* @__PURE__ */ o(Go, { button: e });
1012
1012
  case "expand-shrink":
1013
1013
  return /* @__PURE__ */ o(ue, { button: e });
1014
1014
  case "resolve-session":
@@ -1022,10 +1022,10 @@ const Ko = {
1022
1022
  hideOnLargeScreen: !0,
1023
1023
  icon: "X"
1024
1024
  };
1025
- function Go() {
1025
+ function Zo() {
1026
1026
  const {
1027
1027
  routerState: { screen: e }
1028
- } = H(), { headerButtons: r } = S(), t = e === "chat" ? r == null ? void 0 : r.chatScreen : e === "sessions" ? r == null ? void 0 : r.sessionsScreen : [];
1028
+ } = H(), { headerButtons: r } = N(), t = e === "chat" ? r == null ? void 0 : r.chatScreen : e === "sessions" ? r == null ? void 0 : r.sessionsScreen : [];
1029
1029
  return !t || t.length === 0 ? /* @__PURE__ */ o(fe, { button: Ko }) : /* @__PURE__ */ o(ve, { children: t.map((n) => /* @__PURE__ */ o(
1030
1030
  fe,
1031
1031
  {
@@ -1037,9 +1037,9 @@ function Go() {
1037
1037
  function Ot() {
1038
1038
  const {
1039
1039
  routerState: { screen: e }
1040
- } = H(), { isLoading: r } = de(), t = Uo(e), n = _e();
1040
+ } = H(), { isLoading: r } = de(), t = Xo(e), n = _e();
1041
1041
  return /* @__PURE__ */ o("header", { ...t, className: "py-2 px-4 shrink-0", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
1042
- /* @__PURE__ */ o(Xo, {}),
1042
+ /* @__PURE__ */ o(Vo, {}),
1043
1043
  /* @__PURE__ */ o(
1044
1044
  "div",
1045
1045
  {
@@ -1050,13 +1050,13 @@ function Ot() {
1050
1050
  children: /* @__PURE__ */ o(T, { mode: "wait", children: r ? /* @__PURE__ */ o(f, { snapExit: !0, children: /* @__PURE__ */ o(Dt, { className: "h-5 w-1/2" }) }, "skeleton") : /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o("h2", { className: "font-semibold", children: n }) }, "organization-name") })
1051
1051
  }
1052
1052
  ),
1053
- /* @__PURE__ */ o(Go, {})
1053
+ /* @__PURE__ */ o(Zo, {})
1054
1054
  ] }) });
1055
1055
  }
1056
1056
  function jt({ className: e }) {
1057
- return /* @__PURE__ */ o(io, { className: d("size-4 animate-spin", e) });
1057
+ return /* @__PURE__ */ o(lo, { className: d("size-4 animate-spin", e) });
1058
1058
  }
1059
- function Zo() {
1059
+ function Jo() {
1060
1060
  const {
1061
1061
  messagesState: { isInitialFetchLoading: e }
1062
1062
  } = U(), { isSmallScreen: r } = A(), { activeMode: t, Component: n } = pt();
@@ -1064,7 +1064,7 @@ function Zo() {
1064
1064
  isCanvasOpen: !e && !r && !!t && !!n
1065
1065
  };
1066
1066
  }
1067
- function Jo() {
1067
+ function Qo() {
1068
1068
  const { activeMode: e, Component: r } = pt(), { sendMessage: t } = U(), { createStateCheckpoint: n } = q(), [s, a] = j(!1), i = async (c) => {
1069
1069
  try {
1070
1070
  a(!0), await t(c);
@@ -1085,7 +1085,7 @@ function Jo() {
1085
1085
  }
1086
1086
  );
1087
1087
  }
1088
- const Qo = {
1088
+ const er = {
1089
1089
  "write-a-message": "اكتب رسالة...",
1090
1090
  "session-closed-lead": "تم حل مشكلتك!",
1091
1091
  "new-conversation": "محادثة جديدة",
@@ -1101,7 +1101,7 @@ const Qo = {
1101
1101
  "no-conversations-yet": "لا يوجد محادثات",
1102
1102
  "back-to-conversations": "العودة إلى المحادثات",
1103
1103
  "closed-conversations": "المحادثات المغلقة"
1104
- }, er = {
1104
+ }, tr = {
1105
1105
  "write-a-message": "Nachricht schreiben...",
1106
1106
  "session-closed-lead": "Ihr Problem wurde gelöst!",
1107
1107
  "new-conversation": "Neue Konversation",
@@ -1117,7 +1117,7 @@ const Qo = {
1117
1117
  "no-conversations-yet": "noch keine Gespräche",
1118
1118
  "back-to-conversations": "Zurück zur Konversationen",
1119
1119
  "closed-conversations": "Geschlossene Konversationen"
1120
- }, tr = {
1120
+ }, or = {
1121
1121
  "write-a-message": "Write a message...",
1122
1122
  "session-closed-lead": "Your issue has been resolved!",
1123
1123
  "new-conversation": "New conversation",
@@ -1133,7 +1133,7 @@ const Qo = {
1133
1133
  "no-conversations-yet": "No conversations yet",
1134
1134
  "back-to-conversations": "Back to conversations",
1135
1135
  "closed-conversations": "Closed conversations"
1136
- }, or = {
1136
+ }, rr = {
1137
1137
  "write-a-message": "Écrivez un message...",
1138
1138
  "session-closed-lead": "Votre problème a été résolu !",
1139
1139
  "new-conversation": "Nouvelle conversation",
@@ -1149,7 +1149,7 @@ const Qo = {
1149
1149
  "no-conversations-yet": "Aucune conversation pour le moment",
1150
1150
  "back-to-conversations": "Retour aux conversations",
1151
1151
  "closed-conversations": "Conversations fermées"
1152
- }, rr = {
1152
+ }, nr = {
1153
1153
  "write-a-message": "Schrijf een bericht...",
1154
1154
  "session-closed-lead": "Uw probleem is opgelost!",
1155
1155
  "new-conversation": "Nieuw gesprek",
@@ -1165,7 +1165,7 @@ const Qo = {
1165
1165
  "no-conversations-yet": "Nog geen gesprekken",
1166
1166
  "back-to-conversations": "Terug naar gesprekken",
1167
1167
  "closed-conversations": "Afgesloten gesprekken"
1168
- }, nr = {
1168
+ }, sr = {
1169
1169
  "write-a-message": "Escreva uma mensagem...",
1170
1170
  "session-closed-lead": "Seu problema foi resolvido!",
1171
1171
  "new-conversation": "Nova conversa",
@@ -1181,7 +1181,7 @@ const Qo = {
1181
1181
  "no-conversations-yet": "Nenhuma conversa ainda",
1182
1182
  "back-to-conversations": "Voltar para conversas",
1183
1183
  "closed-conversations": "Conversas fechadas"
1184
- }, sr = {
1184
+ }, ar = {
1185
1185
  "write-a-message": "Escribe un mensaje...",
1186
1186
  "session-closed-lead": "¡Tu problema fue resuelto!",
1187
1187
  "new-conversation": "Nueva conversación",
@@ -1197,7 +1197,7 @@ const Qo = {
1197
1197
  "no-conversations-yet": "Sin conversaciones aún",
1198
1198
  "back-to-conversations": "Volver a conversaciones",
1199
1199
  "closed-conversations": "Conversaciones cerradas"
1200
- }, ar = {
1200
+ }, ir = {
1201
1201
  "write-a-message": "Bir mesaj yazın...",
1202
1202
  "session-closed-lead": "Sorununuz çözüldü!",
1203
1203
  "new-conversation": "Yeni konuşma",
@@ -1214,28 +1214,28 @@ const Qo = {
1214
1214
  "back-to-conversations": "Konuşmalara geri dön",
1215
1215
  "closed-conversations": "Kapatılan konuşmalar"
1216
1216
  }, Et = {
1217
- en: tr,
1218
- ar: Qo,
1219
- nl: rr,
1220
- fr: or,
1221
- de: er,
1222
- pt: nr,
1223
- es: sr,
1224
- tr: ar
1225
- }, ir = Object.keys(Et);
1226
- function lr(e) {
1227
- return ir.includes(e);
1228
- }
1229
- function cr(e, r) {
1217
+ en: or,
1218
+ ar: er,
1219
+ nl: nr,
1220
+ fr: rr,
1221
+ de: tr,
1222
+ pt: sr,
1223
+ es: ar,
1224
+ tr: ir
1225
+ }, lr = Object.keys(Et);
1226
+ function cr(e) {
1227
+ return lr.includes(e);
1228
+ }
1229
+ function dr(e, r) {
1230
1230
  const t = Et[r];
1231
1231
  return t && t[e] || "";
1232
1232
  }
1233
1233
  function Z() {
1234
- const { dir: e } = be(), r = S();
1234
+ const { dir: e } = be(), r = N();
1235
1235
  return dt(() => {
1236
- const t = lr(r.language) ? r.language : "en";
1236
+ const t = cr(r.language) ? r.language : "en";
1237
1237
  return {
1238
- t: (n) => cr(n, t),
1238
+ t: (n) => dr(n, t),
1239
1239
  language: t,
1240
1240
  dir: t === "ar" ? "rtl" : "ltr",
1241
1241
  hostDocumentDir: e
@@ -1263,7 +1263,7 @@ function Ie({
1263
1263
  }
1264
1264
  );
1265
1265
  }
1266
- function dr() {
1266
+ function pr() {
1267
1267
  const { t: e } = Z(), r = [
1268
1268
  e("i-need-more-help"),
1269
1269
  e("this-was-helpful")
@@ -1284,7 +1284,7 @@ function dr() {
1284
1284
  }
1285
1285
  );
1286
1286
  }
1287
- function pr({
1287
+ function hr({
1288
1288
  file: { status: e, file: r, error: t },
1289
1289
  onCancel: n
1290
1290
  }) {
@@ -1299,9 +1299,9 @@ function pr({
1299
1299
  const i = () => {
1300
1300
  switch (e) {
1301
1301
  case "uploading":
1302
- return /* @__PURE__ */ o(wo, { className: "size-4 animate-spin" });
1302
+ return /* @__PURE__ */ o(go, { className: "size-4 animate-spin" });
1303
1303
  case "error":
1304
- return /* @__PURE__ */ o(mo, { className: "size-4 text-destructive" });
1304
+ return /* @__PURE__ */ o(wo, { className: "size-4 text-destructive" });
1305
1305
  default:
1306
1306
  return null;
1307
1307
  }
@@ -1314,7 +1314,7 @@ function pr({
1314
1314
  className: "object-cover bg-secondary size-full",
1315
1315
  alt: r.name
1316
1316
  }
1317
- ) : p === "audio" ? /* @__PURE__ */ o(go, {}) : p === "video" ? /* @__PURE__ */ o(uo, {}) : /* @__PURE__ */ o(fo, {});
1317
+ ) : p === "audio" ? /* @__PURE__ */ o(uo, {}) : p === "video" ? /* @__PURE__ */ o(fo, {}) : /* @__PURE__ */ o(vo, {});
1318
1318
  };
1319
1319
  return /* @__PURE__ */ o(
1320
1320
  Q,
@@ -1355,7 +1355,7 @@ function pr({
1355
1355
  }
1356
1356
  );
1357
1357
  }
1358
- function hr() {
1358
+ function mr() {
1359
1359
  var O;
1360
1360
  const { isSmallScreen: e } = A(), r = ce(null), { sendMessage: t } = U(), { sessionState: n } = q(), { t: s } = Z(), [a, i] = j(""), {
1361
1361
  allFiles: c,
@@ -1364,7 +1364,7 @@ function hr() {
1364
1364
  appendFiles: x,
1365
1365
  isUploading: y,
1366
1366
  successFiles: v
1367
- } = Bt(), h = !!((O = n.session) != null && O.isHandedOff), { isAwaitingBotReply: m } = ht(), u = (b) => {
1367
+ } = Lt(), h = !!((O = n.session) != null && O.isHandedOff), { isAwaitingBotReply: m } = ht(), u = (b) => {
1368
1368
  x(b);
1369
1369
  }, _ = !a.trim() && v.length === 0, k = async () => {
1370
1370
  if (m || _) return;
@@ -1388,7 +1388,7 @@ function hr() {
1388
1388
  getRootProps: I,
1389
1389
  getInputProps: M,
1390
1390
  open: F
1391
- } = To({
1391
+ } = Mo({
1392
1392
  onDrop: u,
1393
1393
  noClick: !0,
1394
1394
  onDropRejected() {
@@ -1441,7 +1441,7 @@ function hr() {
1441
1441
  ...w("chat/input_box/attachments_container"),
1442
1442
  className: "flex items-center gap-1",
1443
1443
  children: /* @__PURE__ */ o(T, { mode: "popLayout", children: c.map((b) => /* @__PURE__ */ o(f, { snapExit: !0, children: /* @__PURE__ */ o(
1444
- pr,
1444
+ hr,
1445
1445
  {
1446
1446
  onCancel: () => g(b.id),
1447
1447
  file: b
@@ -1495,7 +1495,7 @@ function hr() {
1495
1495
  className: d(
1496
1496
  "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
1497
1497
  ),
1498
- children: /* @__PURE__ */ o(T, { mode: "wait", children: h ? /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(lo, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(co, { className: "size-4" }) }, "image-icon") })
1498
+ children: /* @__PURE__ */ o(T, { mode: "wait", children: h ? /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(co, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(po, { className: "size-4" }) }, "image-icon") })
1499
1499
  }
1500
1500
  )
1501
1501
  }
@@ -1507,7 +1507,7 @@ function hr() {
1507
1507
  onClick: k,
1508
1508
  disabled: m || y || _,
1509
1509
  className: "rounded-full size-8 flex items-center justify-center p-0",
1510
- children: /* @__PURE__ */ o(T, { mode: "wait", children: m || y ? /* @__PURE__ */ o(f, { snapExit: !0, children: /* @__PURE__ */ o(po, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ o(f, { snapExit: !0, children: /* @__PURE__ */ o(ho, { className: "size-4" }) }, "send") })
1510
+ children: /* @__PURE__ */ o(T, { mode: "wait", children: m || y ? /* @__PURE__ */ o(f, { snapExit: !0, children: /* @__PURE__ */ o(ho, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ o(f, { snapExit: !0, children: /* @__PURE__ */ o(mo, { className: "size-4" }) }, "send") })
1511
1511
  }
1512
1512
  ) })
1513
1513
  ] })
@@ -1518,8 +1518,8 @@ function hr() {
1518
1518
  }
1519
1519
  );
1520
1520
  }
1521
- function mr() {
1522
- const { widgetCtx: e } = Y(), { router: r } = S(), { canCreateNewSession: t } = q(), { toSessionsScreen: n } = H(), { t: s } = Z();
1521
+ function wr() {
1522
+ const { widgetCtx: e } = Y(), { router: r } = N(), { canCreateNewSession: t } = q(), { toSessionsScreen: n } = H(), { t: s } = Z();
1523
1523
  return /* @__PURE__ */ o("div", { className: "p-2", children: /* @__PURE__ */ l("div", { className: "p-2 bg-muted rounded-3xl space-y-2", children: [
1524
1524
  /* @__PURE__ */ l("div", { className: "ps-2 flex items-center gap-1", children: [
1525
1525
  /* @__PURE__ */ o(gt, { className: "size-4 text-emerald-600" }),
@@ -1535,9 +1535,9 @@ function mr() {
1535
1535
  ) : /* @__PURE__ */ o(z, { onClick: n, className: "rounded-2xl w-full", children: s("back-to-conversations") }) })
1536
1536
  ] }) });
1537
1537
  }
1538
- function wr() {
1538
+ function gr() {
1539
1539
  var i;
1540
- const { initialQuestions: e, initialQuestionsPosition: r, thisWasHelpfulOrNot: t } = S(), { sessionState: n } = q(), { messagesState: s } = U(), a = s.messages.length === 0;
1540
+ const { initialQuestions: e, initialQuestionsPosition: r, thisWasHelpfulOrNot: t } = N(), { sessionState: n } = q(), { messagesState: s } = U(), a = s.messages.length === 0;
1541
1541
  return /* @__PURE__ */ o("footer", { children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(T, { mode: "wait", children: n.session && !((i = n.session) != null && i.isOpened) ? /* @__PURE__ */ o(
1542
1542
  f,
1543
1543
  {
@@ -1547,7 +1547,7 @@ function wr() {
1547
1547
  animate: { height: "auto" },
1548
1548
  exit: { height: 0 }
1549
1549
  },
1550
- children: /* @__PURE__ */ o(mr, {})
1550
+ children: /* @__PURE__ */ o(wr, {})
1551
1551
  },
1552
1552
  "session-closed"
1553
1553
  ) : /* @__PURE__ */ l(
@@ -1560,7 +1560,7 @@ function wr() {
1560
1560
  exit: { height: 0 }
1561
1561
  },
1562
1562
  children: [
1563
- s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ o(dr, {}),
1563
+ s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ o(pr, {}),
1564
1564
  a && e && r !== "below-initial-messages" && /* @__PURE__ */ o("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((c, p) => /* @__PURE__ */ o(
1565
1565
  Ie,
1566
1566
  {
@@ -1568,13 +1568,13 @@ function wr() {
1568
1568
  },
1569
1569
  `${c}-${p}`
1570
1570
  )) }),
1571
- /* @__PURE__ */ o(hr, {})
1571
+ /* @__PURE__ */ o(mr, {})
1572
1572
  ]
1573
1573
  },
1574
1574
  "chat-input"
1575
1575
  ) }) }) });
1576
1576
  }
1577
- function gr({
1577
+ function ur({
1578
1578
  isFirstInGroup: e,
1579
1579
  isLastInGroup: r,
1580
1580
  isAloneInGroup: t,
@@ -1615,6 +1615,30 @@ function gr({
1615
1615
  }
1616
1616
  );
1617
1617
  }
1618
+ function Ft({
1619
+ messages: e,
1620
+ className: r,
1621
+ containerClassName: t
1622
+ }) {
1623
+ var i, c;
1624
+ const { timestamps: n } = N();
1625
+ if (!((i = n == null ? void 0 : n.perMessageGroup) != null && i.enabled))
1626
+ return null;
1627
+ const s = (c = e[e.length - 1]) == null ? void 0 : c.timestamp;
1628
+ if (!s) return null;
1629
+ const a = (() => {
1630
+ try {
1631
+ return new Date(s).toLocaleTimeString([], {
1632
+ hour: "2-digit",
1633
+ minute: "2-digit",
1634
+ hour12: !0
1635
+ });
1636
+ } catch (p) {
1637
+ return console.error(p), null;
1638
+ }
1639
+ })();
1640
+ return a ? /* @__PURE__ */ o("div", { className: t, children: /* @__PURE__ */ o("span", { className: d("text-xs text-muted-foreground", r), children: a }) }) : null;
1641
+ }
1618
1642
  function we({
1619
1643
  messages: e,
1620
1644
  agent: r,
@@ -1634,7 +1658,7 @@ function we({
1634
1658
  className: "hidden"
1635
1659
  }
1636
1660
  ) }),
1637
- /* @__PURE__ */ l("div", { className: d("flex-1 flex flex-col gap-2"), children: [
1661
+ /* @__PURE__ */ l("div", { className: d("flex-1 flex flex-col gap-1"), children: [
1638
1662
  /* @__PURE__ */ l(
1639
1663
  "div",
1640
1664
  {
@@ -1648,21 +1672,24 @@ function we({
1648
1672
  agent: r
1649
1673
  }
1650
1674
  ) }),
1651
- /* @__PURE__ */ o(
1675
+ /* @__PURE__ */ l(
1652
1676
  "div",
1653
1677
  {
1654
1678
  ...w("chat/agent_msg_group/avatar_and_msgs/msgs"),
1655
1679
  className: d("flex-1 flex flex-col gap-1"),
1656
- children: e.map((n, s, a) => /* @__PURE__ */ o(
1657
- gr,
1658
- {
1659
- isFirstInGroup: s === 0,
1660
- isLastInGroup: s === a.length - 1,
1661
- isAloneInGroup: a.length === 1,
1662
- ...n
1663
- },
1664
- n.id
1665
- ))
1680
+ children: [
1681
+ e.map((n, s, a) => /* @__PURE__ */ o(
1682
+ ur,
1683
+ {
1684
+ isFirstInGroup: s === 0,
1685
+ isLastInGroup: s === a.length - 1,
1686
+ isAloneInGroup: a.length === 1,
1687
+ ...n
1688
+ },
1689
+ n.id
1690
+ )),
1691
+ /* @__PURE__ */ o(Ft, { messages: e })
1692
+ ]
1666
1693
  }
1667
1694
  )
1668
1695
  ]
@@ -1687,7 +1714,7 @@ function we({
1687
1714
  }
1688
1715
  );
1689
1716
  }
1690
- function ur({
1717
+ function fr({
1691
1718
  message: e,
1692
1719
  isFirstInGroup: r,
1693
1720
  isLastInGroup: t,
@@ -1727,28 +1754,31 @@ function ur({
1727
1754
  }
1728
1755
  );
1729
1756
  }
1730
- function fr({
1757
+ function vr({
1731
1758
  messages: e
1732
1759
  }) {
1733
- return /* @__PURE__ */ o(
1760
+ return /* @__PURE__ */ l(
1734
1761
  "div",
1735
1762
  {
1736
1763
  ...w("chat/user_msg_group/root"),
1737
1764
  className: d("group", "flex flex-col gap-1 justify-end items-end"),
1738
- children: e.map((r, t, n) => /* @__PURE__ */ o(
1739
- ur,
1740
- {
1741
- message: r,
1742
- isFirstInGroup: t === 0,
1743
- isLastInGroup: t === n.length - 1,
1744
- isAloneInGroup: n.length === 1
1745
- },
1746
- r.id
1747
- ))
1765
+ children: [
1766
+ e.map((r, t, n) => /* @__PURE__ */ o(
1767
+ fr,
1768
+ {
1769
+ message: r,
1770
+ isFirstInGroup: t === 0,
1771
+ isLastInGroup: t === n.length - 1,
1772
+ isAloneInGroup: n.length === 1
1773
+ },
1774
+ r.id
1775
+ )),
1776
+ /* @__PURE__ */ o(Ft, { messages: e, containerClassName: "ms-auto" })
1777
+ ]
1748
1778
  }
1749
1779
  );
1750
1780
  }
1751
- function vr(e) {
1781
+ function br(e) {
1752
1782
  const r = [];
1753
1783
  let t = null;
1754
1784
  return e.forEach((n) => {
@@ -1756,23 +1786,23 @@ function vr(e) {
1756
1786
  (!t || ((s = t[0]) == null ? void 0 : s.type) !== n.type) && (t = [], r.push(t)), ((a = t[0]) == null ? void 0 : a.type) === "FROM_AGENT" && n.type === "FROM_AGENT" && ((i = n.agent) == null ? void 0 : i.id) !== ((c = t[0].agent) == null ? void 0 : c.id) && (t = [], r.push(t)), t.push(n);
1757
1787
  }), r;
1758
1788
  }
1759
- function br(e) {
1789
+ function xr(e) {
1760
1790
  var r;
1761
1791
  return ((r = e == null ? void 0 : e[0]) == null ? void 0 : r.type) === "FROM_USER";
1762
1792
  }
1763
- function xr(e) {
1793
+ function yr(e) {
1764
1794
  var r;
1765
1795
  return ((r = e == null ? void 0 : e[0]) == null ? void 0 : r.type) === "FROM_BOT";
1766
1796
  }
1767
- function yr(e) {
1797
+ function kr(e) {
1768
1798
  var r;
1769
1799
  return ((r = e == null ? void 0 : e[0]) == null ? void 0 : r.type) === "FROM_AGENT";
1770
1800
  }
1771
- function kr() {
1801
+ function Cr() {
1772
1802
  const {
1773
1803
  messagesState: { messages: e }
1774
- } = U(), { isAwaitingBotReply: r } = ht(), { componentStore: t } = Y(), n = S(), { initialQuestions: s, initialQuestionsPosition: a } = n, i = dt(
1775
- () => vr(e),
1804
+ } = U(), { isAwaitingBotReply: r } = ht(), { componentStore: t } = Y(), n = N(), { initialQuestions: s, initialQuestionsPosition: a } = n, i = dt(
1805
+ () => br(e),
1776
1806
  [e]
1777
1807
  ), c = n.persistentInitialMessages || [], p = (() => {
1778
1808
  var h;
@@ -1805,7 +1835,7 @@ function kr() {
1805
1835
  data: { message: h },
1806
1836
  id: h,
1807
1837
  type: "FROM_BOT",
1808
- timestamp: Date.now().toString(),
1838
+ timestamp: null,
1809
1839
  dataComponentNames: {
1810
1840
  messageContainer: "chat/persistent_initial_msg/root",
1811
1841
  message: "chat/persistent_initial_msg/msg"
@@ -1831,7 +1861,7 @@ function kr() {
1831
1861
  data: { message: h },
1832
1862
  id: `${m}-${h}`,
1833
1863
  type: "FROM_BOT",
1834
- timestamp: Date.now().toString()
1864
+ timestamp: null
1835
1865
  })
1836
1866
  ),
1837
1867
  suggestedReplies: e.length === 0 && a === "below-initial-messages" ? s : void 0,
@@ -1847,7 +1877,7 @@ function kr() {
1847
1877
  data: { message: h },
1848
1878
  id: `${m}-${h}`,
1849
1879
  type: "FROM_BOT",
1850
- timestamp: Date.now().toString()
1880
+ timestamp: null
1851
1881
  })
1852
1882
  ),
1853
1883
  suggestedReplies: a === "below-initial-messages" ? s : void 0,
@@ -1858,9 +1888,9 @@ function kr() {
1858
1888
  var _, k, I;
1859
1889
  const m = (_ = h == null ? void 0 : h[0]) == null ? void 0 : _.type, u = (k = h[0]) == null ? void 0 : k.id;
1860
1890
  if (!m || !u) return null;
1861
- if (br(h))
1862
- return /* @__PURE__ */ o(fr, { messages: h }, u);
1863
- if (xr(h) || yr(h)) {
1891
+ if (xr(h))
1892
+ return /* @__PURE__ */ o(vr, { messages: h }, u);
1893
+ if (yr(h) || kr(h)) {
1864
1894
  const M = (I = h[0]) == null ? void 0 : I.agent;
1865
1895
  return /* @__PURE__ */ o(
1866
1896
  we,
@@ -1878,12 +1908,12 @@ function kr() {
1878
1908
  }
1879
1909
  );
1880
1910
  }
1881
- function Cr() {
1911
+ function zr() {
1882
1912
  const {
1883
1913
  messagesState: { isInitialFetchLoading: e }
1884
1914
  } = U(), {
1885
1915
  sessionState: { session: r }
1886
- } = q(), { isCanvasOpen: t } = Zo(), { theme: n } = X();
1916
+ } = q(), { isCanvasOpen: t } = Jo(), { theme: n } = X();
1887
1917
  Se({
1888
1918
  width: t ? n.screens.chat.withCanvas.width : n.screens.chat.width,
1889
1919
  height: t ? n.screens.chat.withCanvas.height : n.screens.chat.height
@@ -1932,8 +1962,8 @@ function Cr() {
1932
1962
  transitionDuration: n.screens.chat.withCanvas.transitionDuration
1933
1963
  },
1934
1964
  children: [
1935
- /* @__PURE__ */ o(kr, {}),
1936
- /* @__PURE__ */ o(wr, {})
1965
+ /* @__PURE__ */ o(Cr, {}),
1966
+ /* @__PURE__ */ o(gr, {})
1937
1967
  ]
1938
1968
  }
1939
1969
  ),
@@ -1949,7 +1979,7 @@ function Cr() {
1949
1979
  transitionTimingFunction: n.screens.chat.withCanvas.transitionTimingFunction,
1950
1980
  transitionDuration: n.screens.chat.withCanvas.transitionDuration
1951
1981
  },
1952
- children: /* @__PURE__ */ o(Jo, {})
1982
+ children: /* @__PURE__ */ o(Qo, {})
1953
1983
  }
1954
1984
  )
1955
1985
  ]
@@ -1960,7 +1990,7 @@ function Cr() {
1960
1990
  }
1961
1991
  );
1962
1992
  }
1963
- function zr({ className: e }) {
1993
+ function Nr({ className: e }) {
1964
1994
  return /* @__PURE__ */ o(
1965
1995
  "svg",
1966
1996
  {
@@ -1980,8 +2010,8 @@ function zr({ className: e }) {
1980
2010
  }
1981
2011
  );
1982
2012
  }
1983
- function Ft({ className: e }) {
1984
- const { token: r } = S();
2013
+ function Pt({ className: e }) {
2014
+ const { token: r } = N();
1985
2015
  return /* @__PURE__ */ o(
1986
2016
  "div",
1987
2017
  {
@@ -2004,7 +2034,7 @@ function Ft({ className: e }) {
2004
2034
  /* @__PURE__ */ o("span", { children: "Powered by" }),
2005
2035
  /* @__PURE__ */ o("span", { children: " " }),
2006
2036
  /* @__PURE__ */ l("span", { className: "flex items-center gap-[1px]", children: [
2007
- /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(zr, { className: "size-3 inline-block" }) }),
2037
+ /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(Nr, { className: "size-3 inline-block" }) }),
2008
2038
  /* @__PURE__ */ o("span", { className: "font-semibold", children: "open" })
2009
2039
  ] })
2010
2040
  ]
@@ -2013,14 +2043,14 @@ function Ft({ className: e }) {
2013
2043
  }
2014
2044
  );
2015
2045
  }
2016
- function Nr({ children: e }) {
2046
+ function Sr({ children: e }) {
2017
2047
  return /* @__PURE__ */ o("p", { className: "ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight", children: e });
2018
2048
  }
2019
2049
  function lt({
2020
2050
  session: e,
2021
2051
  className: r
2022
2052
  }) {
2023
- const { bot: t } = S(), { toChatScreen: n } = H(), s = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
2053
+ const { bot: t } = N(), { toChatScreen: n } = H(), s = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
2024
2054
  return /* @__PURE__ */ l(
2025
2055
  z,
2026
2056
  {
@@ -2035,7 +2065,7 @@ function lt({
2035
2065
  /* @__PURE__ */ l("div", { className: "flex-1 flex gap-2 items-center", children: [
2036
2066
  /* @__PURE__ */ o(T, { mode: "wait", children: /* @__PURE__ */ o(f, { snapExit: !0, children: /* @__PURE__ */ l(Ce, { className: "size-10", children: [
2037
2067
  /* @__PURE__ */ o(ze, { src: a, alt: "Agent Icon" }),
2038
- /* @__PURE__ */ o(Ne, { children: /* @__PURE__ */ o(vo, { className: "size-4" }) })
2068
+ /* @__PURE__ */ o(Ne, { children: /* @__PURE__ */ o(bo, { className: "size-4" }) })
2039
2069
  ] }) }) }),
2040
2070
  /* @__PURE__ */ l("div", { className: "flex-1", children: [
2041
2071
  /* @__PURE__ */ o(T, { mode: "wait", children: /* @__PURE__ */ o(f, { snapExit: !0, children: s }, s) }),
@@ -2050,12 +2080,12 @@ function lt({
2050
2080
  ) }, e.lastMessage || "content") : /* @__PURE__ */ o(f, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ o(Dt, { className: "h-4 w-full" }) }, "skeleton") })
2051
2081
  ] })
2052
2082
  ] }),
2053
- /* @__PURE__ */ o(bo, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
2083
+ /* @__PURE__ */ o(xo, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
2054
2084
  ]
2055
2085
  }
2056
2086
  );
2057
2087
  }
2058
- function Sr() {
2088
+ function _r() {
2059
2089
  const { t: e } = Z(), { toChatScreen: r } = H(), {
2060
2090
  sessionsState: { data: t, isInitialFetchLoading: n },
2061
2091
  openSessions: s,
@@ -2093,7 +2123,7 @@ function Sr() {
2093
2123
  delay: 0.2,
2094
2124
  snapExit: !0,
2095
2125
  children: [
2096
- /* @__PURE__ */ o(Nr, { children: e("closed-conversations") }),
2126
+ /* @__PURE__ */ o(Sr, { children: e("closed-conversations") }),
2097
2127
  a.map((c) => /* @__PURE__ */ o(
2098
2128
  lt,
2099
2129
  {
@@ -2136,7 +2166,7 @@ function Sr() {
2136
2166
  "sessions"
2137
2167
  ) }) });
2138
2168
  }
2139
- function _r() {
2169
+ function Ir() {
2140
2170
  const { theme: e } = X();
2141
2171
  return Se({
2142
2172
  width: e.screens.sessions.width,
@@ -2158,8 +2188,8 @@ function _r() {
2158
2188
  },
2159
2189
  children: /* @__PURE__ */ l("div", { className: "size-full flex flex-col", children: [
2160
2190
  /* @__PURE__ */ o(Ot, {}),
2161
- /* @__PURE__ */ o(Sr, {}),
2162
- /* @__PURE__ */ o(Ft, {})
2191
+ /* @__PURE__ */ o(_r, {}),
2192
+ /* @__PURE__ */ o(Pt, {})
2163
2193
  ] })
2164
2194
  }
2165
2195
  );
@@ -2185,8 +2215,8 @@ const ne = E.forwardRef(
2185
2215
  }
2186
2216
  );
2187
2217
  ne.displayName = "Input";
2188
- function Ir() {
2189
- const { contentIframeRef: e } = Y(), { inline: r } = S(), t = ce(null);
2218
+ function Tr() {
2219
+ const { contentIframeRef: e } = Y(), { inline: r } = N(), t = ce(null);
2190
2220
  return le(() => {
2191
2221
  const n = e == null ? void 0 : e.current;
2192
2222
  if (n && t.current) {
@@ -2207,23 +2237,23 @@ function Ir() {
2207
2237
  }
2208
2238
  }, [e, r]), { observedElementRef: t };
2209
2239
  }
2210
- const Tr = me.object({
2240
+ const Mr = me.object({
2211
2241
  name: me.string().min(2),
2212
2242
  email: me.string().email()
2213
2243
  });
2214
- function Mr() {
2244
+ function Dr() {
2215
2245
  var k, I, M, F, P, O, b, C, B;
2216
- const { setIsOpen: e } = K(), { createUnverifiedContact: r } = Lt(), { isSmallScreen: t } = A(), n = S(), { theme: s } = X(), { t: a } = Z(), { data: i } = de(), { observedElementRef: c } = Ir();
2246
+ const { setIsOpen: e } = G(), { createUnverifiedContact: r } = $t(), { isSmallScreen: t } = A(), n = N(), { theme: s } = X(), { t: a } = Z(), { data: i } = de(), { observedElementRef: c } = Tr();
2217
2247
  Se({
2218
2248
  height: void 0,
2219
2249
  width: s.screens.welcome.width
2220
2250
  });
2221
2251
  const [p, g] = j(((k = n.prefillUserData) == null ? void 0 : k.name) || ""), [x, y] = j(((I = n.prefillUserData) == null ? void 0 : I.email) || ""), v = (n.extraDataCollectionFields || []).filter(
2222
- (N) => N !== "name" && N !== "email" && !!N
2223
- ), [h, m] = j({}), [u, _] = Mo(
2224
- async (N) => {
2225
- N.preventDefault();
2226
- const L = Tr.safeParse({ name: p, email: x });
2252
+ (S) => S !== "name" && S !== "email" && !!S
2253
+ ), [h, m] = j({}), [u, _] = Do(
2254
+ async (S) => {
2255
+ S.preventDefault();
2256
+ const L = Mr.safeParse({ name: p, email: x });
2227
2257
  L.success && await r(
2228
2258
  {
2229
2259
  email: L.data.email,
@@ -2299,7 +2329,7 @@ function Mr() {
2299
2329
  ne,
2300
2330
  {
2301
2331
  value: p,
2302
- onChange: (N) => g(N.target.value),
2332
+ onChange: (S) => g(S.target.value),
2303
2333
  required: !0,
2304
2334
  placeholder: a("your-name"),
2305
2335
  name: "name"
@@ -2310,23 +2340,23 @@ function Mr() {
2310
2340
  {
2311
2341
  required: !0,
2312
2342
  value: x,
2313
- onChange: (N) => y(N.target.value),
2343
+ onChange: (S) => y(S.target.value),
2314
2344
  type: "email",
2315
2345
  placeholder: a("your-email"),
2316
2346
  name: "email"
2317
2347
  }
2318
2348
  ),
2319
- v.map((N) => /* @__PURE__ */ o(
2349
+ v.map((S) => /* @__PURE__ */ o(
2320
2350
  ne,
2321
2351
  {
2322
- value: h[N],
2352
+ value: h[S],
2323
2353
  onChange: (L) => m((oe) => ({
2324
2354
  ...oe,
2325
- [N]: L.target.value
2355
+ [S]: L.target.value
2326
2356
  })),
2327
- placeholder: `${N} (${a("optional")})`
2357
+ placeholder: `${S} (${a("optional")})`
2328
2358
  },
2329
- N
2359
+ S
2330
2360
  )),
2331
2361
  /* @__PURE__ */ l(
2332
2362
  z,
@@ -2336,12 +2366,12 @@ function Mr() {
2336
2366
  size: "lg",
2337
2367
  children: [
2338
2368
  u.loading ? a("starting-chat") : a("start-chat"),
2339
- /* @__PURE__ */ o(xo, { className: "size-4 rtl:-scale-100" })
2369
+ /* @__PURE__ */ o(yo, { className: "size-4 rtl:-scale-100" })
2340
2370
  ]
2341
2371
  }
2342
2372
  )
2343
2373
  ] }),
2344
- /* @__PURE__ */ o(Ft, {})
2374
+ /* @__PURE__ */ o(Pt, {})
2345
2375
  ]
2346
2376
  }
2347
2377
  )
@@ -2351,7 +2381,7 @@ function Mr() {
2351
2381
  }
2352
2382
  );
2353
2383
  }
2354
- function Pt() {
2384
+ function Wt() {
2355
2385
  de();
2356
2386
  const {
2357
2387
  routerState: { screen: e }
@@ -2367,7 +2397,7 @@ function Pt() {
2367
2397
  fadeIn: "right",
2368
2398
  className: "size-full",
2369
2399
  snapExit: !0,
2370
- children: /* @__PURE__ */ o(Mr, {})
2400
+ children: /* @__PURE__ */ o(Dr, {})
2371
2401
  },
2372
2402
  e
2373
2403
  );
@@ -2378,7 +2408,7 @@ function Pt() {
2378
2408
  fadeIn: "right",
2379
2409
  className: "size-full",
2380
2410
  snapExit: !0,
2381
- children: /* @__PURE__ */ o(_r, {})
2411
+ children: /* @__PURE__ */ o(Ir, {})
2382
2412
  },
2383
2413
  e
2384
2414
  );
@@ -2389,17 +2419,17 @@ function Pt() {
2389
2419
  fadeIn: "right",
2390
2420
  className: "size-full",
2391
2421
  snapExit: !0,
2392
- children: /* @__PURE__ */ o(Cr, {})
2422
+ children: /* @__PURE__ */ o(zr, {})
2393
2423
  },
2394
2424
  e
2395
2425
  );
2396
2426
  default:
2397
- return D(e, Pt.name), null;
2427
+ return D(e, Wt.name), null;
2398
2428
  }
2399
2429
  })() }) })
2400
2430
  ] });
2401
2431
  }
2402
- const Dr = "4.0.6", Rr = `<!DOCTYPE html>
2432
+ const Rr = "4.0.7", Or = `<!DOCTYPE html>
2403
2433
  <html>
2404
2434
  <head>
2405
2435
  <style>
@@ -2417,8 +2447,8 @@ html, body {
2417
2447
  <body>
2418
2448
  </body>
2419
2449
  </html>`;
2420
- function Wt() {
2421
- const { isOpen: e } = K(), { contentIframeRef: r } = Y(), { cssOverrides: t, inline: n } = S(), { theme: s, cssVars: a, computed: i } = X(), { dir: c } = Z();
2450
+ function Ht() {
2451
+ const { isOpen: e } = G(), { contentIframeRef: r } = Y(), { cssOverrides: t, inline: n } = N(), { theme: s, cssVars: a, computed: i } = X(), { dir: c } = Z();
2422
2452
  return /* @__PURE__ */ o(
2423
2453
  J.div,
2424
2454
  {
@@ -2442,7 +2472,7 @@ function Wt() {
2442
2472
  ut,
2443
2473
  {
2444
2474
  ref: r,
2445
- initialContent: Rr,
2475
+ initialContent: Or,
2446
2476
  allowFullScreen: !0,
2447
2477
  title: "OpenCX Live Chat",
2448
2478
  style: {
@@ -2473,7 +2503,7 @@ function Wt() {
2473
2503
  children: [
2474
2504
  t && /* @__PURE__ */ o("style", { children: t }),
2475
2505
  /* @__PURE__ */ o(
2476
- Lo,
2506
+ $o,
2477
2507
  {
2478
2508
  delayDuration: 200,
2479
2509
  disableHoverableContent: !0,
@@ -2483,12 +2513,12 @@ function Wt() {
2483
2513
  style: {
2484
2514
  ...a
2485
2515
  },
2486
- "data-version": Dr,
2516
+ "data-version": Rr,
2487
2517
  className: d(
2488
2518
  "antialiased font-sans size-full overflow-hidden relative text-secondary-foreground"
2489
2519
  ),
2490
2520
  dir: c,
2491
- children: /* @__PURE__ */ o(Pt, {})
2521
+ children: /* @__PURE__ */ o(Wt, {})
2492
2522
  }
2493
2523
  )
2494
2524
  }
@@ -2499,7 +2529,7 @@ function Wt() {
2499
2529
  }
2500
2530
  );
2501
2531
  }
2502
- function Or() {
2532
+ function jr() {
2503
2533
  const { theme: e } = X();
2504
2534
  return /* @__PURE__ */ o(
2505
2535
  ie.Content,
@@ -2515,11 +2545,11 @@ function Or() {
2515
2545
  sideOffset: e.widgetContentContainer.offset.side,
2516
2546
  alignOffset: e.widgetContentContainer.offset.align,
2517
2547
  avoidCollisions: !1,
2518
- children: /* @__PURE__ */ o(Wt, {})
2548
+ children: /* @__PURE__ */ o(Ht, {})
2519
2549
  }
2520
2550
  );
2521
2551
  }
2522
- function jr({
2552
+ function Er({
2523
2553
  className: e,
2524
2554
  style: r
2525
2555
  }) {
@@ -2554,7 +2584,7 @@ function jr({
2554
2584
  }
2555
2585
  );
2556
2586
  }
2557
- const Er = `<!DOCTYPE html>
2587
+ const Fr = `<!DOCTYPE html>
2558
2588
  <html>
2559
2589
  <head>
2560
2590
  <style>
@@ -2571,13 +2601,13 @@ html, body {
2571
2601
  <body>
2572
2602
  </body>
2573
2603
  </html>`;
2574
- function Fr() {
2604
+ function Pr() {
2575
2605
  var a, i;
2576
- const { isOpen: e } = K(), { cssOverrides: r, assets: t } = S(), { theme: n, cssVars: s } = X();
2606
+ const { isOpen: e } = G(), { cssOverrides: r, assets: t } = N(), { theme: n, cssVars: s } = X();
2577
2607
  return /* @__PURE__ */ l(
2578
2608
  ut,
2579
2609
  {
2580
- initialContent: Er,
2610
+ initialContent: Fr,
2581
2611
  style: {
2582
2612
  height: `calc(${n.widgetTrigger.size.button}px + ${V.x * 2}px)`,
2583
2613
  width: `calc(${n.widgetTrigger.size.button}px + ${V.y * 2}px)`,
@@ -2648,7 +2678,7 @@ function Fr() {
2648
2678
  }
2649
2679
  }
2650
2680
  ) : /* @__PURE__ */ o(
2651
- yo,
2681
+ ko,
2652
2682
  {
2653
2683
  style: {
2654
2684
  width: n.widgetTrigger.size.icon,
@@ -2677,7 +2707,7 @@ function Fr() {
2677
2707
  }
2678
2708
  }
2679
2709
  ) : /* @__PURE__ */ o(
2680
- jr,
2710
+ Er,
2681
2711
  {
2682
2712
  style: {
2683
2713
  width: n.widgetTrigger.size.icon,
@@ -2699,7 +2729,7 @@ function Fr() {
2699
2729
  }
2700
2730
  );
2701
2731
  }
2702
- function Pr() {
2732
+ function Wr() {
2703
2733
  const { dir: e } = be();
2704
2734
  return /* @__PURE__ */ o(
2705
2735
  ie.Anchor,
@@ -2713,22 +2743,22 @@ function Pr() {
2713
2743
  }
2714
2744
  );
2715
2745
  }
2716
- function Wr() {
2717
- const { isOpen: e, setIsOpen: r } = K();
2746
+ function Hr() {
2747
+ const { isOpen: e, setIsOpen: r } = G();
2718
2748
  return /* @__PURE__ */ l(ie.Root, { open: e, onOpenChange: r, children: [
2749
+ /* @__PURE__ */ o(Wr, {}),
2719
2750
  /* @__PURE__ */ o(Pr, {}),
2720
- /* @__PURE__ */ o(Fr, {}),
2721
- /* @__PURE__ */ o(Or, {})
2751
+ /* @__PURE__ */ o(jr, {})
2722
2752
  ] });
2723
2753
  }
2724
- const Hr = [
2754
+ const Ar = [
2725
2755
  {
2726
2756
  key: "loading",
2727
- component: Bo
2757
+ component: Lo
2728
2758
  },
2729
2759
  {
2730
2760
  key: "fallback",
2731
- component: jo
2761
+ component: Eo
2732
2762
  },
2733
2763
  {
2734
2764
  key: "bot_message",
@@ -2738,7 +2768,7 @@ const Hr = [
2738
2768
  key: "agent_message",
2739
2769
  component: ae
2740
2770
  }
2741
- ], Ar = {
2771
+ ], Br = {
2742
2772
  get: async (e) => localStorage.getItem(e),
2743
2773
  set: async (e, r) => {
2744
2774
  localStorage.setItem(e, r);
@@ -2747,23 +2777,23 @@ const Hr = [
2747
2777
  localStorage.removeItem(e);
2748
2778
  }
2749
2779
  };
2750
- function an({
2780
+ function ln({
2751
2781
  options: e,
2752
2782
  components: r = [],
2753
2783
  loadingComponent: t
2754
2784
  }) {
2755
2785
  return /* @__PURE__ */ o(
2756
- $t,
2786
+ Yt,
2757
2787
  {
2758
- components: [...Hr, ...r],
2788
+ components: [...Ar, ...r],
2759
2789
  options: e,
2760
- storage: Ar,
2790
+ storage: Br,
2761
2791
  loadingComponent: t,
2762
- children: /* @__PURE__ */ o(Yt, { children: e.inline ? /* @__PURE__ */ o(Wt, {}) : /* @__PURE__ */ o(Wr, {}) })
2792
+ children: /* @__PURE__ */ o(qt, { children: e.inline ? /* @__PURE__ */ o(Ht, {}) : /* @__PURE__ */ o(Hr, {}) })
2763
2793
  }
2764
2794
  );
2765
2795
  }
2766
2796
  export {
2767
- an as Widget
2797
+ ln as Widget
2768
2798
  };
2769
2799
  //# sourceMappingURL=index.js.map