treege 3.0.0-beta.60 → 3.0.0-beta.61

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.
Files changed (33) hide show
  1. package/README.md +46 -46
  2. package/dist/DefaultInputs-DamDWb5R.js +1988 -0
  3. package/dist/{ThemeContext-Ddk_Y-Dz.js → ThemeContext-cGSTk24y.js} +121 -126
  4. package/dist/editor/context/TreegeEditorRuntimeProvider.d.ts +2 -2
  5. package/dist/editor/features/TreegeEditor/TreegeEditor.d.ts +1 -1
  6. package/dist/editor/features/TreegeEditor/dialogs/AuthorizeDialog.d.ts +3 -3
  7. package/dist/editor/features/TreegeEditor/dialogs/HeadersDialog.d.ts +3 -3
  8. package/dist/editor/features/TreegeEditor/forms/OptionsMappingFields.d.ts +3 -3
  9. package/dist/editor/features/TreegeEditor/forms/SensitiveHeaderWarning.d.ts +2 -2
  10. package/dist/editor/features/TreegeEditor/panel/ActionsPanel.d.ts +4 -4
  11. package/dist/editor/hooks/useKeyValueRows.d.ts +15 -0
  12. package/dist/editor/types/editor.d.ts +4 -10
  13. package/dist/editor/utils/sensitiveHeaders.d.ts +8 -3
  14. package/dist/{editor-D2pBjE7E.js → editor-DtAQNPJm.js} +1350 -1324
  15. package/dist/editor.js +2 -2
  16. package/dist/main.js +4 -4
  17. package/dist/renderer/context/TreegeRenderRuntimeProvider.d.ts +3 -3
  18. package/dist/renderer/features/TreegeRenderer/native/components/OptionItemContent.d.ts +17 -0
  19. package/dist/renderer/features/TreegeRenderer/useTreegeRenderer.d.ts +1 -1
  20. package/dist/renderer/features/TreegeRenderer/web/components/OptionItemContent.d.ts +17 -0
  21. package/dist/renderer/hooks/useSubmitHandler.d.ts +2 -2
  22. package/dist/renderer/types/renderer.d.ts +5 -2
  23. package/dist/renderer/utils/http.d.ts +14 -5
  24. package/dist/renderer/utils/submit.d.ts +2 -2
  25. package/dist/renderer-native.js +1114 -1080
  26. package/dist/renderer.js +3 -3
  27. package/dist/shared/components/ui/item.d.ts +23 -0
  28. package/dist/shared/components/ui/popover.d.ts +7 -1
  29. package/dist/shared/context/PortalContainerContext.d.ts +5 -0
  30. package/dist/shared/types/node.d.ts +26 -26
  31. package/dist/shared/utils/httpRecord.d.ts +20 -0
  32. package/package.json +1 -1
  33. package/dist/DefaultInputs-nRQc9BHG.js +0 -1881
@@ -1,1881 +0,0 @@
1
- import { C as e, D as t, E as n, N as r, O as i, P as a, S as o, T as s, b as c, d as l, h as u, i as d, j as f, k as p, r as m, s as h, t as g, w as _, y as v } from "./ThemeContext-Ddk_Y-Dz.js";
2
- import * as y from "react";
3
- import { forwardRef as b, useCallback as x, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
4
- import { Fragment as ee, jsx as E, jsxs as D } from "react/jsx-runtime";
5
- import { Check as te, CheckIcon as O, ChevronDownIcon as k, ChevronLeftIcon as ne, ChevronRightIcon as A, ChevronUpIcon as j, ChevronsUpDown as re, CircleIcon as M, Loader2 as N, MapPin as ie, SearchIcon as P, XIcon as F } from "lucide-react";
6
- import { Slot as I } from "@radix-ui/react-slot";
7
- import { cva as L } from "class-variance-authority";
8
- import { clsx as R } from "clsx";
9
- import { extendTailwindMerge as ae } from "tailwind-merge";
10
- import * as z from "@radix-ui/react-checkbox";
11
- import * as oe from "@radix-ui/react-label";
12
- import * as B from "@radix-ui/react-popover";
13
- import * as V from "@radix-ui/react-select";
14
- import * as H from "@radix-ui/react-tooltip";
15
- import * as se from "@radix-ui/react-separator";
16
- import { Command as U } from "cmdk";
17
- import * as W from "@radix-ui/react-dialog";
18
- import { DayPicker as ce, getDefaultClassNames as le } from "react-day-picker";
19
- import * as ue from "@radix-ui/react-radio-group";
20
- import * as de from "@radix-ui/react-switch";
21
- //#region src/shared/lib/utils.ts
22
- var G = ae({ prefix: "tg" });
23
- function K(...e) {
24
- return G(R(e));
25
- }
26
- //#endregion
27
- //#region src/shared/components/ui/button.tsx
28
- var fe = L("tg:inline-flex tg:items-center tg:justify-center tg:gap-2 tg:whitespace-nowrap tg:rounded-md tg:text-sm tg:font-medium tg:transition-all tg:disabled:pointer-events-none tg:disabled:opacity-50 tg:[&_svg]:pointer-events-none tg:[&_svg:not([class*='size-'])]:size-4 tg:shrink-0 tg:[&_svg]:shrink-0 tg:outline-none tg:focus-visible:border-ring tg:focus-visible:ring-ring/50 tg:focus-visible:ring-[3px] tg:aria-invalid:ring-destructive/20 tg:dark:aria-invalid:ring-destructive/40 tg:aria-invalid:border-destructive", {
29
- defaultVariants: {
30
- size: "default",
31
- variant: "default"
32
- },
33
- variants: {
34
- size: {
35
- default: "tg:h-9 tg:px-4 tg:py-2 tg:has-[>svg]:px-3",
36
- icon: "tg:size-9",
37
- "icon-lg": "tg:size-10",
38
- "icon-sm": "tg:size-8",
39
- lg: "tg:h-10 tg:rounded-md tg:px-6 tg:has-[>svg]:px-4",
40
- sm: "tg:h-8 tg:rounded-md tg:gap-1.5 tg:px-3 tg:has-[>svg]:px-2.5",
41
- xs: "tg:h-6 tg:rounded-md tg:gap-1 tg:px-2 tg:text-xs tg:has-[>svg]:px-1.5"
42
- },
43
- variant: {
44
- default: "tg:bg-primary tg:text-primary-foreground tg:hover:bg-primary/90",
45
- destructive: "tg:bg-destructive tg:text-white tg:hover:bg-destructive/90 tg:focus-visible:ring-destructive/20 tg:dark:focus-visible:ring-destructive/40 tg:dark:bg-destructive/60",
46
- ghost: "tg:hover:bg-accent tg:hover:text-accent-foreground tg:dark:hover:bg-accent/50",
47
- icon: "tg:opacity-60 tg:hover:bg-transparent! tg:hover:opacity-100",
48
- link: "tg:text-primary tg:underline-offset-4 tg:hover:underline",
49
- outline: "tg:border tg:bg-background tg:shadow-xs tg:hover:bg-accent tg:hover:text-accent-foreground tg:dark:bg-input/30 tg:dark:border-input tg:dark:hover:bg-input/50",
50
- secondary: "tg:bg-secondary tg:text-secondary-foreground tg:hover:bg-secondary/80"
51
- }
52
- }
53
- });
54
- function pe({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
55
- return /* @__PURE__ */ E(r ? I : "button", {
56
- "data-slot": "button",
57
- className: K(fe({
58
- className: e,
59
- size: n,
60
- variant: t
61
- })),
62
- ...i
63
- });
64
- }
65
- //#endregion
66
- //#region src/shared/components/ui/checkbox.tsx
67
- function q({ className: e, ...t }) {
68
- return /* @__PURE__ */ E(z.Root, {
69
- "data-slot": "checkbox",
70
- className: K("tg:peer tg:size-4 tg:shrink-0 tg:rounded-[4px] tg:border tg:border-input tg:shadow-xs tg:outline-none tg:transition-shadow tg:focus-visible:border-ring tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50 tg:disabled:cursor-not-allowed tg:disabled:opacity-50 tg:aria-invalid:border-destructive tg:aria-invalid:ring-destructive/20 tg:data-[state=checked]:border-primary tg:data-[state=checked]:bg-primary tg:data-[state=checked]:text-primary-foreground tg:dark:bg-input/30 tg:dark:data-[state=checked]:bg-primary tg:dark:aria-invalid:ring-destructive/40", e),
71
- ...t,
72
- children: /* @__PURE__ */ E(z.Indicator, {
73
- "data-slot": "checkbox-indicator",
74
- className: "tg:grid tg:place-content-center tg:text-current tg:transition-none",
75
- children: /* @__PURE__ */ E(O, { className: "tg:size-3.5" })
76
- })
77
- });
78
- }
79
- //#endregion
80
- //#region src/shared/components/ui/form.tsx
81
- function J({ className: e, ...t }) {
82
- return /* @__PURE__ */ E("div", {
83
- "data-slot": "form-item",
84
- className: K("tg:grid tg:gap-2", e),
85
- ...t
86
- });
87
- }
88
- function Y({ className: e, ...t }) {
89
- return /* @__PURE__ */ E("p", {
90
- "data-slot": "form-description",
91
- className: K("tg:text-muted-foreground tg:text-xs", e),
92
- ...t
93
- });
94
- }
95
- function X({ className: e, ...t }) {
96
- return /* @__PURE__ */ E("p", {
97
- "data-slot": "form-error",
98
- className: K("tg:text-destructive tg:text-xs", e),
99
- ...t
100
- });
101
- }
102
- //#endregion
103
- //#region src/shared/components/ui/input.tsx
104
- function Z({ className: e, type: t, ...n }) {
105
- return /* @__PURE__ */ E("input", {
106
- type: t,
107
- "data-slot": "input",
108
- className: K("tg:h-9 tg:w-full tg:min-w-0 tg:rounded-md tg:border tg:border-input tg:bg-transparent tg:px-3 tg:py-1 tg:text-base tg:shadow-xs tg:outline-none tg:transition-[color,box-shadow] tg:selection:bg-primary tg:selection:text-primary-foreground tg:file:inline-flex tg:file:h-7 tg:file:border-0 tg:file:bg-transparent tg:file:font-medium tg:file:text-foreground tg:file:text-sm tg:placeholder:text-muted-foreground tg:disabled:pointer-events-none tg:disabled:cursor-not-allowed tg:disabled:opacity-50 tg:md:text-sm tg:dark:bg-input/30", "tg:focus-visible:border-ring tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50", "tg:aria-invalid:border-destructive tg:aria-invalid:ring-destructive/20 tg:dark:aria-invalid:ring-destructive/40", e),
109
- ...n
110
- });
111
- }
112
- //#endregion
113
- //#region src/shared/components/ui/label.tsx
114
- var Q = ({ className: e, ...t }) => /* @__PURE__ */ E(oe.Root, {
115
- "data-slot": "label",
116
- className: K("tg:flex tg:select-none tg:items-center tg:gap-2 tg:font-medium tg:text-muted-foreground tg:text-sm tg:leading-none tg:peer-disabled:cursor-not-allowed tg:peer-disabled:opacity-50 tg:group-data-[disabled=true]:pointer-events-none tg:group-data-[disabled=true]:opacity-50", e),
117
- ...t
118
- });
119
- //#endregion
120
- //#region src/shared/components/ui/popover.tsx
121
- function me({ ...e }) {
122
- return /* @__PURE__ */ E(B.Root, {
123
- "data-slot": "popover",
124
- ...e
125
- });
126
- }
127
- function he({ ...e }) {
128
- return /* @__PURE__ */ E(B.Trigger, {
129
- "data-slot": "popover-trigger",
130
- ...e
131
- });
132
- }
133
- function ge({ className: e, align: t = "center", sideOffset: n = 4, disablePortal: r = !1, ...i }) {
134
- let a = /* @__PURE__ */ E(B.Content, {
135
- "data-slot": "popover-content",
136
- align: t,
137
- sideOffset: n,
138
- className: K("tg:data-[state=closed]:fade-out-0 tg:data-[state=open]:fade-in-0 tg:data-[state=closed]:zoom-out-95 tg:data-[state=open]:zoom-in-95 tg:data-[side=bottom]:slide-in-from-top-2 tg:data-[side=left]:slide-in-from-right-2 tg:data-[side=right]:slide-in-from-left-2 tg:data-[side=top]:slide-in-from-bottom-2 tg:z-[2000] tg:w-72 tg:origin-(--radix-popover-content-transform-origin) tg:rounded-md tg:border tg:bg-popover tg:p-4 tg:text-popover-foreground tg:shadow-md tg:outline-hidden tg:data-[state=closed]:animate-out tg:data-[state=open]:animate-in", e),
139
- ...i
140
- });
141
- return r ? a : /* @__PURE__ */ E(B.Portal, { children: a });
142
- }
143
- //#endregion
144
- //#region src/shared/components/ui/select.tsx
145
- var _e = ({ ...e }) => /* @__PURE__ */ E(V.Root, {
146
- "data-slot": "select",
147
- ...e
148
- }), ve = ({ ...e }) => /* @__PURE__ */ E(V.Group, {
149
- "data-slot": "select-group",
150
- ...e
151
- }), ye = ({ ...e }) => /* @__PURE__ */ E(V.Value, {
152
- "data-slot": "select-value",
153
- ...e
154
- }), be = ({ className: e, size: t = "default", children: n, ...r }) => /* @__PURE__ */ D(V.Trigger, {
155
- "data-slot": "select-trigger",
156
- "data-size": t,
157
- className: K("tg:flex tg:w-fit tg:items-center tg:justify-between tg:gap-2 tg:whitespace-nowrap tg:rounded-md tg:border tg:border-input tg:bg-transparent tg:px-3 tg:py-2 tg:text-sm tg:shadow-xs tg:outline-none tg:transition-[color,box-shadow] tg:focus-visible:border-ring tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50 tg:disabled:cursor-not-allowed tg:disabled:opacity-50 tg:aria-invalid:border-destructive tg:aria-invalid:ring-destructive/20 tg:data-[size=default]:h-9 tg:data-[size=sm]:h-8 tg:data-[placeholder]:text-muted-foreground tg:*:data-[slot=select-value]:line-clamp-1 tg:*:data-[slot=select-value]:flex tg:*:data-[slot=select-value]:items-center tg:*:data-[slot=select-value]:gap-2 tg:dark:bg-input/30 tg:dark:aria-invalid:ring-destructive/40 tg:dark:hover:bg-input/50 tg:[&_svg:not([class*='size-'])]:size-4 tg:[&_svg:not([class*='text-'])]:text-muted-foreground tg:[&_svg]:pointer-events-none tg:[&_svg]:shrink-0", e),
158
- ...r,
159
- children: [n, /* @__PURE__ */ E(V.Icon, {
160
- asChild: !0,
161
- children: /* @__PURE__ */ E(k, { className: "tg:size-4 tg:opacity-50" })
162
- })]
163
- }), xe = ({ className: e, children: t, position: n = "popper", ...r }) => /* @__PURE__ */ E(V.Portal, { children: /* @__PURE__ */ D(V.Content, {
164
- "data-slot": "select-content",
165
- className: K("tg:data-[state=closed]:fade-out-0 tg:data-[state=open]:fade-in-0 tg:data-[state=closed]:zoom-out-95 tg:data-[state=open]:zoom-in-95 tg:data-[side=bottom]:slide-in-from-top-2 tg:data-[side=left]:slide-in-from-right-2 tg:data-[side=right]:slide-in-from-left-2 tg:data-[side=top]:slide-in-from-bottom-2 tg:relative tg:z-[2000] tg:max-h-(--radix-select-content-available-height) tg:min-w-[8rem] tg:origin-(--radix-select-content-transform-origin) tg:overflow-y-auto tg:overflow-x-hidden tg:rounded-md tg:border tg:bg-popover tg:text-popover-foreground tg:shadow-md tg:data-[state=closed]:animate-out tg:data-[state=open]:animate-in", n === "popper" && "tg:data-[side=left]:-translate-x-1 tg:data-[side=top]:-translate-y-1 tg:data-[side=right]:translate-x-1 tg:data-[side=bottom]:translate-y-1", e),
166
- position: n,
167
- ...r,
168
- children: [
169
- /* @__PURE__ */ E($, {}),
170
- /* @__PURE__ */ E(V.Viewport, {
171
- className: K("tg:p-1", n === "popper" && "tg:h-[var(--radix-select-trigger-height)] tg:w-full tg:min-w-[var(--radix-select-trigger-width)] tg:scroll-my-1"),
172
- children: t
173
- }),
174
- /* @__PURE__ */ E(Te, {})
175
- ]
176
- }) }), Se = ({ className: e, htmlFor: t, children: n, ...r }) => /* @__PURE__ */ E(V.Label, {
177
- "data-slot": "select-label",
178
- className: K("tg:pb-1.5 tg:font-medium tg:text-muted-foreground tg:text-sm", e),
179
- ...r,
180
- children: /* @__PURE__ */ E("label", {
181
- htmlFor: t,
182
- children: n
183
- })
184
- }), Ce = ({ className: e, children: t, ...n }) => /* @__PURE__ */ D(V.Item, {
185
- "data-slot": "select-item",
186
- className: K("tg:relative tg:flex tg:w-full tg:cursor-pointer tg:select-none tg:items-center tg:gap-2 tg:rounded-sm tg:py-1.5 tg:pr-8 tg:pl-2 tg:text-sm tg:outline-hidden tg:focus:bg-accent tg:focus:text-accent-foreground tg:data-[disabled]:pointer-events-none tg:data-[disabled]:opacity-50 tg:[&_svg:not([class*='size-'])]:size-4 tg:[&_svg:not([class*='text-'])]:text-muted-foreground tg:[&_svg]:pointer-events-none tg:[&_svg]:shrink-0 tg:*:[span]:last:flex tg:*:[span]:last:items-center tg:*:[span]:last:gap-2", e),
187
- ...n,
188
- children: [/* @__PURE__ */ E("span", {
189
- className: "tg:absolute tg:right-2 tg:flex tg:size-3.5 tg:items-center tg:justify-center",
190
- children: /* @__PURE__ */ E(V.ItemIndicator, { children: /* @__PURE__ */ E(O, { className: "tg:size-4" }) })
191
- }), /* @__PURE__ */ E(V.ItemText, { children: t })]
192
- }), we = ({ className: e, ...t }) => /* @__PURE__ */ E(V.Separator, {
193
- "data-slot": "select-separator",
194
- className: K("tg:-mx-1 tg:pointer-events-none tg:my-1 tg:h-px tg:bg-border", e),
195
- ...t
196
- }), $ = ({ className: e, ...t }) => /* @__PURE__ */ E(V.ScrollUpButton, {
197
- "data-slot": "select-scroll-up-button",
198
- className: K("tg:flex tg:cursor-default tg:items-center tg:justify-center tg:py-1", e),
199
- ...t,
200
- children: /* @__PURE__ */ E(j, { className: "tg:size-4" })
201
- }), Te = ({ className: e, ...t }) => /* @__PURE__ */ E(V.ScrollDownButton, {
202
- "data-slot": "select-scroll-down-button",
203
- className: K("tg:flex tg:cursor-default tg:items-center tg:justify-center tg:py-1", e),
204
- ...t,
205
- children: /* @__PURE__ */ E(k, { className: "tg:size-4" })
206
- });
207
- //#endregion
208
- //#region src/shared/components/ui/tooltip.tsx
209
- function Ee({ delayDuration: e = 0, ...t }) {
210
- return /* @__PURE__ */ E(H.Provider, {
211
- "data-slot": "tooltip-provider",
212
- delayDuration: e,
213
- ...t
214
- });
215
- }
216
- function De({ ...e }) {
217
- return /* @__PURE__ */ E(Ee, { children: /* @__PURE__ */ E(H.Root, {
218
- "data-slot": "tooltip",
219
- ...e
220
- }) });
221
- }
222
- function Oe({ ...e }) {
223
- return /* @__PURE__ */ E(H.Trigger, {
224
- "data-slot": "tooltip-trigger",
225
- ...e
226
- });
227
- }
228
- function ke({ className: e, sideOffset: t = 0, children: n, ...r }) {
229
- return /* @__PURE__ */ E(H.Portal, { children: /* @__PURE__ */ D(H.Content, {
230
- "data-slot": "tooltip-content",
231
- sideOffset: t,
232
- className: K("tg:fade-in-0 tg:zoom-in-95 tg:data-[state=closed]:fade-out-0 tg:data-[state=closed]:zoom-out-95 tg:data-[side=bottom]:slide-in-from-top-2 tg:data-[side=left]:slide-in-from-right-2 tg:data-[side=right]:slide-in-from-left-2 tg:data-[side=top]:slide-in-from-bottom-2 tg:z-[2000] tg:w-fit tg:origin-(--radix-tooltip-content-transform-origin) tg:animate-in tg:text-balance tg:rounded-md tg:bg-foreground tg:px-3 tg:py-1.5 tg:text-background tg:text-xs tg:data-[state=closed]:animate-out", e),
233
- ...r,
234
- children: [n, /* @__PURE__ */ E(H.Arrow, { className: "tg:z-[2000] tg:size-2.5 tg:translate-y-[calc(-50%_-_2px)] tg:rotate-45 tg:rounded-[2px] tg:bg-foreground tg:fill-foreground" })]
235
- }) });
236
- }
237
- //#endregion
238
- //#region src/shared/components/ui/separator.tsx
239
- function Ae({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }) {
240
- return /* @__PURE__ */ E(se.Root, {
241
- "data-slot": "separator",
242
- decorative: n,
243
- orientation: t,
244
- className: K("tg:shrink-0 tg:bg-border tg:data-[orientation=horizontal]:h-px tg:data-[orientation=vertical]:h-full tg:data-[orientation=horizontal]:w-full tg:data-[orientation=vertical]:w-px", e),
245
- ...r
246
- });
247
- }
248
- //#endregion
249
- //#region src/shared/components/ui/dialog.tsx
250
- function je({ ...e }) {
251
- return /* @__PURE__ */ E(W.Root, {
252
- "data-slot": "dialog",
253
- ...e
254
- });
255
- }
256
- function Me({ ...e }) {
257
- return /* @__PURE__ */ E(W.Trigger, {
258
- "data-slot": "dialog-trigger",
259
- ...e
260
- });
261
- }
262
- function Ne({ ...e }) {
263
- return /* @__PURE__ */ E(W.Portal, {
264
- "data-slot": "dialog-portal",
265
- ...e
266
- });
267
- }
268
- function Pe({ className: e, ...t }) {
269
- return /* @__PURE__ */ E(W.Overlay, {
270
- "data-slot": "dialog-overlay",
271
- className: K("tg:data-[state=closed]:fade-out-0 tg:data-[state=open]:fade-in-0 tg:fixed tg:inset-0 tg:z-[2000] tg:bg-black/50 tg:data-[state=closed]:animate-out tg:data-[state=open]:animate-in", e),
272
- ...t
273
- });
274
- }
275
- function Fe({ className: e, children: t, showCloseButton: n = !0, ...r }) {
276
- return /* @__PURE__ */ D(Ne, {
277
- "data-slot": "dialog-portal",
278
- children: [/* @__PURE__ */ E(Pe, {}), /* @__PURE__ */ D(W.Content, {
279
- "data-slot": "dialog-content",
280
- className: K("tg:data-[state=closed]:fade-out-0 tg:data-[state=open]:fade-in-0 tg:data-[state=closed]:zoom-out-95 tg:data-[state=open]:zoom-in-95 tg:fixed tg:top-[50%] tg:left-[50%] tg:z-[2000] tg:grid tg:w-full tg:max-w-[calc(100%-2rem)] tg:translate-x-[-50%] tg:translate-y-[-50%] tg:gap-4 tg:rounded-lg tg:border tg:bg-background tg:p-6 tg:shadow-lg tg:duration-200 tg:data-[state=closed]:animate-out tg:data-[state=open]:animate-in tg:sm:max-w-lg", e),
281
- ...r,
282
- children: [t, n && /* @__PURE__ */ D(W.Close, {
283
- "data-slot": "dialog-close",
284
- className: "tg:absolute tg:top-4 tg:right-4 tg:rounded-xs tg:opacity-70 tg:ring-offset-background tg:transition-opacity tg:hover:opacity-100 tg:focus:outline-hidden tg:focus:ring-2 tg:focus:ring-ring tg:focus:ring-offset-2 tg:disabled:pointer-events-none tg:data-[state=open]:bg-accent tg:data-[state=open]:text-muted-foreground tg:[&_svg:not([class*='size-'])]:size-4 tg:[&_svg]:pointer-events-none tg:[&_svg]:shrink-0",
285
- children: [/* @__PURE__ */ E(F, {}), /* @__PURE__ */ E("span", {
286
- className: "tg:sr-only",
287
- children: "Close"
288
- })]
289
- })]
290
- })]
291
- });
292
- }
293
- function Ie({ className: e, ...t }) {
294
- return /* @__PURE__ */ E("div", {
295
- "data-slot": "dialog-header",
296
- className: K("tg:flex tg:flex-col tg:gap-2 tg:text-center tg:sm:text-left", e),
297
- ...t
298
- });
299
- }
300
- function Le({ className: e, ...t }) {
301
- return /* @__PURE__ */ E("div", {
302
- "data-slot": "dialog-footer",
303
- className: K("tg:flex tg:flex-col-reverse tg:gap-2 tg:sm:flex-row tg:sm:justify-end", e),
304
- ...t
305
- });
306
- }
307
- function Re({ className: e, ...t }) {
308
- return /* @__PURE__ */ E(W.Title, {
309
- "data-slot": "dialog-title",
310
- className: K("tg:font-semibold tg:text-lg tg:leading-none", e),
311
- ...t
312
- });
313
- }
314
- function ze({ className: e, ...t }) {
315
- return /* @__PURE__ */ E(W.Description, {
316
- "data-slot": "dialog-description",
317
- className: K("tg:text-muted-foreground tg:text-sm", e),
318
- ...t
319
- });
320
- }
321
- //#endregion
322
- //#region src/shared/components/ui/command.tsx
323
- function Be({ className: e, ...t }) {
324
- return /* @__PURE__ */ E(U, {
325
- "data-slot": "command",
326
- className: K("tg:flex tg:h-full tg:w-full tg:flex-col tg:overflow-hidden tg:rounded-md tg:bg-popover tg:text-popover-foreground", e),
327
- ...t
328
- });
329
- }
330
- function Ve({ className: e, ...t }) {
331
- return /* @__PURE__ */ D("div", {
332
- "data-slot": "command-input-wrapper",
333
- className: "tg:flex tg:h-9 tg:items-center tg:gap-2 tg:border-b tg:px-3",
334
- children: [/* @__PURE__ */ E(P, { className: "tg:size-4 tg:shrink-0 tg:opacity-50" }), /* @__PURE__ */ E(U.Input, {
335
- "data-slot": "command-input",
336
- className: K("tg:flex tg:h-10 tg:w-full tg:rounded-md tg:bg-transparent tg:py-3 tg:text-sm tg:outline-hidden tg:placeholder:text-muted-foreground tg:disabled:cursor-not-allowed tg:disabled:opacity-50", e),
337
- ...t
338
- })]
339
- });
340
- }
341
- function He({ className: e, ...t }) {
342
- return /* @__PURE__ */ E(U.List, {
343
- "data-slot": "command-list",
344
- className: K("tg:max-h-[300px] tg:scroll-py-1 tg:overflow-y-auto tg:overflow-x-hidden", e),
345
- ...t
346
- });
347
- }
348
- function Ue({ ...e }) {
349
- return /* @__PURE__ */ E(U.Empty, {
350
- "data-slot": "command-empty",
351
- className: "tg:py-6 tg:text-center tg:text-sm",
352
- ...e
353
- });
354
- }
355
- function We({ className: e, ...t }) {
356
- return /* @__PURE__ */ E(U.Group, {
357
- "data-slot": "command-group",
358
- className: K("tg:overflow-hidden tg:p-1 tg:text-foreground tg:[&_[cmdk-group-heading]]:px-2 tg:[&_[cmdk-group-heading]]:py-1.5 tg:[&_[cmdk-group-heading]]:font-medium tg:[&_[cmdk-group-heading]]:text-muted-foreground tg:[&_[cmdk-group-heading]]:text-xs", e),
359
- ...t
360
- });
361
- }
362
- function Ge({ className: e, ...t }) {
363
- return /* @__PURE__ */ E(U.Item, {
364
- "data-slot": "command-item",
365
- className: K("tg:relative tg:flex tg:cursor-default tg:select-none tg:items-center tg:gap-2 tg:rounded-sm tg:px-2 tg:py-1.5 tg:text-sm tg:outline-hidden tg:data-[disabled=true]:pointer-events-none tg:data-[selected=true]:bg-accent tg:data-[selected=true]:text-accent-foreground tg:data-[disabled=true]:opacity-50 tg:[&_svg:not([class*='size-'])]:size-4 tg:[&_svg:not([class*='text-'])]:text-muted-foreground tg:[&_svg]:pointer-events-none tg:[&_svg]:shrink-0", e),
366
- ...t
367
- });
368
- }
369
- //#endregion
370
- //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultAddressInput.tsx
371
- var Ke = async (e, t) => {
372
- if (!e || e.trim().length < 3) return [];
373
- try {
374
- let n = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(e)}&format=jsonv2&addressdetails=1&limit=5`, { headers: {
375
- Accept: "application/json",
376
- "User-Agent": "Treege Renderer",
377
- ...t && { "Accept-Language": t }
378
- } });
379
- return n.ok ? (await n.json()).map((e) => ({
380
- label: e.display_name,
381
- value: e.display_name
382
- })) : [];
383
- } catch (e) {
384
- return console.error("Nominatim fetch error:", e), [];
385
- }
386
- }, qe = (e) => !e || e.trim().length < 3 ? Promise.resolve([]) : new Promise((t) => {
387
- if (!window.google?.maps?.places) {
388
- console.warn("Google Places SDK not loaded yet"), t([]);
389
- return;
390
- }
391
- new window.google.maps.places.AutocompleteService().getPlacePredictions({ input: e }, (e, n) => {
392
- if (n !== google.maps.places.PlacesServiceStatus.OK || !e) {
393
- console.warn("Google Places API status:", n), t([]);
394
- return;
395
- }
396
- t(e.map((e) => ({
397
- label: e.description,
398
- value: e.description
399
- })));
400
- });
401
- }), Je = (e, t) => {
402
- let [n, r] = T(""), [i, o] = T([]), [s, c] = T(!1), { id: l, name: u, value: d, placeholder: f } = e, { node: m, setValue: h, error: g, label: _, helperText: v } = t, { googleApiKey: y, language: b } = a(), C = p(), w = x((e) => {
403
- h(e.value), r(e.value), c(!1);
404
- }, [h]), te = x((e) => {
405
- h(e), r(e), e.length >= 3 && c(!0);
406
- }, [h]);
407
- return S(() => {
408
- if (!n || n.trim().length < 3) {
409
- o([]);
410
- return;
411
- }
412
- let e = setTimeout(async () => {
413
- o(y ? await qe(n) : await Ke(n, b));
414
- }, 300);
415
- return () => clearTimeout(e);
416
- }, [
417
- n,
418
- y,
419
- b
420
- ]), /* @__PURE__ */ D(ee, { children: [y && /* @__PURE__ */ E("script", {
421
- async: !0,
422
- src: `https://maps.googleapis.com/maps/api/js?key=${y}&libraries=places`
423
- }), /* @__PURE__ */ D(J, {
424
- className: "tg:mb-4",
425
- children: [
426
- /* @__PURE__ */ D(Q, {
427
- htmlFor: l,
428
- children: [_ || m.data.name, m.data.required && /* @__PURE__ */ E("span", {
429
- className: "tg:text-red-500",
430
- children: "*"
431
- })]
432
- }),
433
- /* @__PURE__ */ D("div", {
434
- className: "tg:relative",
435
- children: [
436
- /* @__PURE__ */ E(Z, {
437
- type: "text",
438
- id: l,
439
- name: u,
440
- value: d || "",
441
- onChange: (e) => te(e.target.value),
442
- onFocus: () => {
443
- i.length > 0 && c(!0);
444
- },
445
- placeholder: f || C("renderer.defaultAddressInput.enterAddress"),
446
- className: "tg:pr-10",
447
- autoComplete: "off"
448
- }),
449
- /* @__PURE__ */ E(ie, { className: "tg:-translate-y-1/2 tg:pointer-events-none tg:absolute tg:top-1/2 tg:right-3 tg:h-4 tg:w-4 tg:text-muted-foreground" }),
450
- s && /* @__PURE__ */ E("div", {
451
- className: "tg:absolute tg:z-50 tg:mt-1 tg:w-full tg:rounded-md tg:border tg:bg-popover tg:shadow-md",
452
- children: /* @__PURE__ */ E(Be, { children: /* @__PURE__ */ D(He, { children: [/* @__PURE__ */ E(Ue, { children: C("renderer.defaultAddressInput.noAddressesFound") }), /* @__PURE__ */ E(We, { children: i.map((e, t) => /* @__PURE__ */ D(Ge, {
453
- value: e.value,
454
- onSelect: () => w(e),
455
- onMouseDown: (e) => e.preventDefault(),
456
- children: [/* @__PURE__ */ E(ie, { className: "tg:mr-2 tg:h-4 tg:w-4" }), e.label]
457
- }, t)) })] }) })
458
- })
459
- ]
460
- }),
461
- g && /* @__PURE__ */ E(X, { children: g }),
462
- v && !g && /* @__PURE__ */ E(Y, { children: v })
463
- ]
464
- })] });
465
- }, Ye = ({ missing: e }) => /* @__PURE__ */ D(ee, { children: [/* @__PURE__ */ E("p", {
466
- className: "tg:font-medium",
467
- children: p()("renderer.dependencyHint.title")
468
- }), /* @__PURE__ */ E("ul", {
469
- className: "tg:mt-1 tg:list-disc tg:pl-4",
470
- children: e.map((e) => /* @__PURE__ */ E("li", { children: e.label }, e.id))
471
- })] }), Xe = ({ missing: e, children: t }) => e.length === 0 ? /* @__PURE__ */ E(ee, { children: t }) : /* @__PURE__ */ E(Ee, { children: /* @__PURE__ */ D(De, { children: [/* @__PURE__ */ E(Oe, {
472
- asChild: !0,
473
- children: /* @__PURE__ */ E("div", {
474
- className: "tg:w-full",
475
- children: t
476
- })
477
- }), /* @__PURE__ */ E(ke, { children: /* @__PURE__ */ E(Ye, { missing: e }) })] }) }), Ze = ({ missing: e }) => e.length === 0 ? null : /* @__PURE__ */ E("div", {
478
- className: "tg:text-muted-foreground tg:text-sm",
479
- children: /* @__PURE__ */ E(Ye, { missing: e })
480
- }), Qe = /\{\{([\w-]+)}}/g, $e = (r) => {
481
- let [o, c] = T({
482
- error: null,
483
- fetched: null,
484
- isLoading: !1
485
- }), { baseUrl: l, formValues: u, headers: d } = a(), f = r.data.optionsSource, p = r.data.options, m = C(() => {
486
- if (!(f?.url && f.mapping?.valueField && f.mapping?.labelField) || !Array.from(f.url.matchAll(Qe), (e) => e[1]).every((e) => {
487
- let t = u[e];
488
- return t != null && t !== "";
489
- })) return null;
490
- let e = (e) => ({
491
- key: e.key,
492
- value: t(e.value, u)
493
- }), r = (e) => ({
494
- key: e.key,
495
- value: t(e.value, u)
496
- }), a = f.method ?? "GET", o = {
497
- body: f.body && [
498
- "POST",
499
- "PUT",
500
- "PATCH"
501
- ].includes(a) ? t(f.body, u, { json: !0 }) : void 0,
502
- headers: n(d?.map(e), f.headers?.map(e)),
503
- mapping: f.mapping,
504
- method: a,
505
- queryParams: f.queryParams?.map(r) ?? [],
506
- responsePath: f.responsePath,
507
- url: i(t(f.url, u, { encode: !0 }), l)
508
- };
509
- return JSON.stringify(o);
510
- }, [
511
- l,
512
- f,
513
- u,
514
- d
515
- ]);
516
- S(() => {
517
- if (!m) {
518
- c({
519
- error: null,
520
- fetched: null,
521
- isLoading: !1
522
- });
523
- return;
524
- }
525
- let t = JSON.parse(m), n = new AbortController();
526
- return c((e) => ({
527
- ...e,
528
- error: null,
529
- isLoading: !0
530
- })), (async () => {
531
- let r = await s({
532
- body: t.body,
533
- headers: t.headers,
534
- method: t.method,
535
- queryParams: t.queryParams,
536
- signal: n.signal,
537
- url: t.url
538
- });
539
- if (!n.signal.aborted) {
540
- if (!r.success) {
541
- c({
542
- error: r.error ?? "Fetch failed",
543
- fetched: null,
544
- isLoading: !1
545
- });
546
- return;
547
- }
548
- c({
549
- error: null,
550
- fetched: e(r.data, t.responsePath, t.mapping),
551
- isLoading: !1
552
- });
553
- }
554
- })(), () => n.abort();
555
- }, [m]);
556
- let h = o.fetched ?? p ?? [];
557
- return {
558
- error: o.error,
559
- isLoading: o.isLoading,
560
- options: h
561
- };
562
- }, et = (e, t) => {
563
- let [n, r] = T(!1), { id: i, value: a, placeholder: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d, missingDependencies: f } = t, { options: m, isLoading: h, error: g } = $e(s), _ = p(), v = `${i}-trigger`, y = `${i}-error`, b = m.find((e) => e.value === a);
564
- return /* @__PURE__ */ D(J, {
565
- className: "tg:mb-4",
566
- children: [
567
- /* @__PURE__ */ D(Q, {
568
- htmlFor: v,
569
- children: [u || s.data.name, s.data.required && /* @__PURE__ */ E("span", {
570
- className: "tg:text-red-500",
571
- children: "*"
572
- })]
573
- }),
574
- /* @__PURE__ */ E(Xe, {
575
- missing: f,
576
- children: /* @__PURE__ */ D(me, {
577
- open: n,
578
- onOpenChange: r,
579
- children: [/* @__PURE__ */ E(he, {
580
- asChild: !0,
581
- children: /* @__PURE__ */ D(pe, {
582
- id: v,
583
- variant: "outline",
584
- role: "combobox",
585
- "aria-expanded": n,
586
- "aria-invalid": !!l || void 0,
587
- "aria-describedby": l ? y : void 0,
588
- disabled: h || f.length > 0,
589
- className: "tg:w-full tg:justify-between tg:font-normal",
590
- children: [/* @__PURE__ */ D("span", {
591
- className: "tg:flex tg:items-center tg:gap-2 tg:truncate",
592
- children: [h && /* @__PURE__ */ E(N, { className: "tg:h-4 tg:w-4 tg:shrink-0 tg:animate-spin" }), a ? b?.label ? _(b.label) : a : o || _("renderer.defaultAutocompleteInput.selectOption")]
593
- }), /* @__PURE__ */ E(re, { className: "tg:ml-2 tg:size-4 tg:shrink-0 tg:opacity-50" })]
594
- })
595
- }), /* @__PURE__ */ E(ge, {
596
- className: "tg:w-(--radix-popover-trigger-width) tg:p-0",
597
- align: "start",
598
- children: /* @__PURE__ */ D(Be, { children: [/* @__PURE__ */ E(Ve, { placeholder: o || _("renderer.defaultAutocompleteInput.search") }), /* @__PURE__ */ D(He, { children: [/* @__PURE__ */ E(Ue, { children: _("renderer.defaultAutocompleteInput.noResults") }), /* @__PURE__ */ E(We, { children: m.map((e) => /* @__PURE__ */ D(Ge, {
599
- value: e.value,
600
- disabled: e.disabled,
601
- onSelect: (e) => {
602
- c(e === a ? "" : e), r(!1);
603
- },
604
- children: [/* @__PURE__ */ E(te, { className: K("tg:mr-2 tg:size-4", a === e.value ? "tg:opacity-100" : "tg:opacity-0") }), _(e.label)]
605
- }, e.value)) })] })] })
606
- })]
607
- })
608
- }),
609
- l && /* @__PURE__ */ E(X, {
610
- id: y,
611
- children: l
612
- }),
613
- g && !l && /* @__PURE__ */ E(X, { children: g }),
614
- d && !l && !g && /* @__PURE__ */ E(Y, { children: d })
615
- ]
616
- });
617
- }, tt = (e, t) => {
618
- let { id: n, name: r, value: i } = e, { node: o, setValue: s, error: c, label: l, helperText: u, renderOptionExtras: d, compactOptions: f, missingDependencies: m } = t, { options: h, isLoading: g, error: _ } = $e(o), { optionsDisplayLimit: v } = a(), y = p();
619
- if (h.length > 0 || o.data.optionsSource) {
620
- let e = Array.isArray(i) ? i.map(String) : [], t = v ? h.slice(0, v) : h, a = h.length - t.length, p = (t, n) => {
621
- s(n ? [...e, t] : e.filter((e) => e !== t));
622
- };
623
- return /* @__PURE__ */ D(J, {
624
- className: "tg:mb-4",
625
- children: [
626
- /* @__PURE__ */ D(Q, {
627
- className: "tg:mb-1",
628
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
629
- className: "tg:text-red-500",
630
- children: "*"
631
- })]
632
- }),
633
- /* @__PURE__ */ E(Ze, { missing: m }),
634
- g && /* @__PURE__ */ D("div", {
635
- className: "tg:flex tg:items-center tg:gap-2 tg:py-2 tg:text-muted-foreground tg:text-sm",
636
- children: [/* @__PURE__ */ E(N, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ E("span", { children: y("renderer.defaultCheckboxInput.loadingOptions") })]
637
- }),
638
- /* @__PURE__ */ D("div", {
639
- className: "tg:min-w-0 tg:space-y-2",
640
- children: [t.map((t, i) => {
641
- let a = y(t.description);
642
- return /* @__PURE__ */ D("div", {
643
- className: K("tg:group/option tg:pointer-events-auto tg:relative tg:flex tg:items-start tg:gap-3", f && "tg:pr-22"),
644
- children: [
645
- /* @__PURE__ */ E(q, {
646
- id: `${n}-${t.value}`,
647
- name: r,
648
- checked: e.includes(String(t.value)),
649
- onCheckedChange: (e) => p(String(t.value), !!e),
650
- disabled: t.disabled,
651
- className: "tg:mt-0.5"
652
- }),
653
- /* @__PURE__ */ D("div", {
654
- className: K("tg:flex tg:flex-col", f && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
655
- children: [/* @__PURE__ */ E(Q, {
656
- htmlFor: `${n}-${t.value}`,
657
- className: K("tg:cursor-pointer tg:font-normal tg:text-sm", f && "tg:block tg:max-w-full tg:truncate"),
658
- children: y(t.label) ? y(t.label) : t.value
659
- }), a && /* @__PURE__ */ E("span", {
660
- className: K("tg:text-muted-foreground tg:text-xs", f && "tg:block tg:max-w-full tg:truncate"),
661
- children: a
662
- })]
663
- }),
664
- d?.({
665
- index: i,
666
- option: t
667
- })
668
- ]
669
- }, t.value + i);
670
- }), a > 0 && /* @__PURE__ */ E("div", {
671
- className: "tg:px-2 tg:text-muted-foreground tg:text-xs",
672
- children: "…"
673
- })]
674
- }),
675
- c && /* @__PURE__ */ E(X, { children: c }),
676
- _ && !c && /* @__PURE__ */ E(X, { children: _ }),
677
- u && !c && !_ && /* @__PURE__ */ E(Y, { children: u })
678
- ]
679
- });
680
- }
681
- return /* @__PURE__ */ D(J, {
682
- className: "tg:mb-4",
683
- children: [/* @__PURE__ */ D("div", {
684
- className: "tg:flex tg:items-center tg:gap-3",
685
- children: [/* @__PURE__ */ E(q, {
686
- id: n,
687
- name: r,
688
- checked: typeof i == "boolean" ? i : !1,
689
- onCheckedChange: (e) => s(!!e)
690
- }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D(Q, {
691
- htmlFor: n,
692
- className: "tg:cursor-pointer tg:font-medium tg:text-sm",
693
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
694
- className: "tg:text-red-500",
695
- children: "*"
696
- })]
697
- }), u && !c && /* @__PURE__ */ E(Y, { children: u })] })]
698
- }), c && /* @__PURE__ */ E(X, { children: c })]
699
- });
700
- };
701
- //#endregion
702
- //#region src/shared/components/ui/calendar.tsx
703
- function nt({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: r = "label", buttonVariant: i = "ghost", formatters: a, components: o, ...s }) {
704
- let c = le();
705
- return /* @__PURE__ */ E(ce, {
706
- showOutsideDays: n,
707
- className: K("tg:group/calendar tg:bg-background tg:p-3 tg:[--cell-size:--spacing(8)] tg:[[data-slot=card-content]_&]:bg-transparent tg:[[data-slot=popover-content]_&]:bg-transparent", String.raw`tg:rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`tg:rtl:**:[.rdp-button\_previous>svg]:rotate-180`, e),
708
- captionLayout: r,
709
- formatters: {
710
- formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
711
- ...a
712
- },
713
- classNames: {
714
- button_next: K(fe({ variant: i }), "tg:size-(--cell-size) tg:aria-disabled:opacity-50 tg:p-0 tg:select-none", c.button_next),
715
- button_previous: K(fe({ variant: i }), "tg:size-(--cell-size) tg:aria-disabled:opacity-50 tg:p-0 tg:select-none", c.button_previous),
716
- caption_label: K("tg:select-none tg:font-medium", r === "label" ? "tg:text-sm" : "tg:rounded-md tg:pl-2 tg:pr-1 tg:flex tg:items-center tg:gap-1 tg:text-sm tg:h-8 tg:[&>svg]:text-muted-foreground tg:[&>svg]:size-3.5", c.caption_label),
717
- day: K("tg:relative tg:w-full tg:h-full tg:p-0 tg:text-center tg:[&:first-child[data-selected=true]_button]:rounded-l-md tg:[&:last-child[data-selected=true]_button]:rounded-r-md tg:group/day tg:aspect-square tg:select-none", c.day),
718
- disabled: K("tg:text-muted-foreground tg:opacity-50", c.disabled),
719
- dropdown: K("tg:absolute tg:bg-popover tg:inset-0 tg:opacity-0", c.dropdown),
720
- dropdown_root: K("tg:relative tg:has-focus:border-ring tg:border tg:border-input tg:shadow-xs tg:has-focus:ring-ring/50 tg:has-focus:ring-[3px] tg:rounded-md", c.dropdown_root),
721
- dropdowns: K("tg:w-full tg:flex tg:items-center tg:text-sm tg:font-medium tg:justify-center tg:h-(--cell-size) tg:gap-1.5", c.dropdowns),
722
- hidden: K("tg:invisible", c.hidden),
723
- month: K("tg:flex tg:flex-col tg:w-full tg:gap-4", c.month),
724
- month_caption: K("tg:flex tg:items-center tg:justify-center tg:h-(--cell-size) tg:w-full tg:px-(--cell-size)", c.month_caption),
725
- months: K("tg:flex tg:gap-4 tg:flex-col tg:md:flex-row tg:relative", c.months),
726
- nav: K("tg:flex tg:items-center tg:gap-1 tg:w-full tg:absolute tg:top-0 tg:inset-x-0 tg:justify-between", c.nav),
727
- outside: K("tg:text-muted-foreground tg:aria-selected:text-muted-foreground", c.outside),
728
- range_end: K("tg:rounded-r-md tg:bg-accent", c.range_end),
729
- range_middle: K("tg:rounded-none", c.range_middle),
730
- range_start: K("tg:rounded-l-md tg:bg-accent", c.range_start),
731
- root: K("tg:w-fit", c.root),
732
- table: "tg:w-full tg:border-collapse",
733
- today: K("tg:bg-accent tg:text-accent-foreground tg:rounded-md tg:data-[selected=true]:rounded-none", c.today),
734
- week: K("tg:flex tg:w-full tg:mt-2", c.week),
735
- week_number: K("tg:text-[0.8rem] tg:select-none tg:text-muted-foreground", c.week_number),
736
- week_number_header: K("tg:select-none tg:w-(--cell-size)", c.week_number_header),
737
- weekday: K("tg:text-muted-foreground tg:rounded-md tg:flex-1 tg:font-normal tg:text-[0.8rem] tg:select-none", c.weekday),
738
- weekdays: K("tg:flex", c.weekdays),
739
- ...t
740
- },
741
- components: {
742
- Chevron: ({ className: e, orientation: t, ...n }) => E(t === "left" ? ne : t === "right" ? A : k, {
743
- className: K("tg:size-4", e),
744
- ...n
745
- }),
746
- DayButton: rt,
747
- Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ E("div", {
748
- "data-slot": "calendar",
749
- ref: t,
750
- className: K(e),
751
- ...n
752
- }),
753
- WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ E("td", {
754
- ...t,
755
- children: /* @__PURE__ */ E("div", {
756
- className: "tg:flex tg:size-(--cell-size) tg:items-center tg:justify-center tg:text-center",
757
- children: e
758
- })
759
- }),
760
- ...o
761
- },
762
- ...s
763
- });
764
- }
765
- function rt({ className: e, day: t, modifiers: n, ...r }) {
766
- let i = le(), a = y.useRef(null);
767
- return y.useEffect(() => {
768
- n.focused && a.current?.focus();
769
- }, [n.focused]), /* @__PURE__ */ E(pe, {
770
- ref: a,
771
- variant: "ghost",
772
- size: "icon",
773
- "data-day": t.date.toLocaleDateString(),
774
- "data-selected-single": n.selected && !n.range_start && !n.range_end && !n.range_middle,
775
- "data-range-start": n.range_start,
776
- "data-range-end": n.range_end,
777
- "data-range-middle": n.range_middle,
778
- className: K("tg:flex tg:aspect-square tg:size-auto tg:w-full tg:min-w-(--cell-size) tg:flex-col tg:gap-1 tg:font-normal tg:leading-none tg:data-[range-end=true]:rounded-md tg:data-[range-middle=true]:rounded-none tg:data-[range-start=true]:rounded-md tg:data-[range-end=true]:rounded-r-md tg:data-[range-start=true]:rounded-l-md tg:data-[range-end=true]:bg-primary tg:data-[range-middle=true]:bg-accent tg:data-[range-start=true]:bg-primary tg:data-[selected-single=true]:bg-primary tg:data-[range-end=true]:text-primary-foreground tg:data-[range-middle=true]:text-accent-foreground tg:data-[range-start=true]:text-primary-foreground tg:data-[selected-single=true]:text-primary-foreground tg:group-data-[focused=true]/day:relative tg:group-data-[focused=true]/day:z-10 tg:group-data-[focused=true]/day:border-ring tg:group-data-[focused=true]/day:ring-[3px] tg:group-data-[focused=true]/day:ring-ring/50 tg:dark:hover:text-accent-foreground tg:[&>span]:text-xs tg:[&>span]:opacity-70", i.day, e),
779
- ...r
780
- });
781
- }
782
- //#endregion
783
- //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultDateInput.tsx
784
- var it = (e, t) => {
785
- let [n, r] = T(!1), { id: i, name: a, value: o, placeholder: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, m = p(), h = o ? new Date(o) : void 0;
786
- return /* @__PURE__ */ D(J, {
787
- className: "tg:mb-4",
788
- children: [
789
- /* @__PURE__ */ D(Q, {
790
- htmlFor: i,
791
- children: [d || c.data.name, c.data.required && /* @__PURE__ */ E("span", {
792
- className: "tg:text-red-500",
793
- children: "*"
794
- })]
795
- }),
796
- /* @__PURE__ */ D(me, {
797
- open: n,
798
- onOpenChange: r,
799
- children: [/* @__PURE__ */ E(he, {
800
- asChild: !0,
801
- children: /* @__PURE__ */ D(pe, {
802
- variant: "outline",
803
- id: i,
804
- name: a,
805
- className: "tg:w-full tg:justify-between tg:font-normal",
806
- children: [h ? h.toLocaleDateString() : s || m("renderer.defaultInputs.selectDate"), /* @__PURE__ */ E(k, { className: "tg:size-4" })]
807
- })
808
- }), /* @__PURE__ */ E(ge, {
809
- className: "tg:w-auto tg:overflow-hidden tg:p-0",
810
- align: "start",
811
- children: /* @__PURE__ */ E(nt, {
812
- mode: "single",
813
- selected: h,
814
- captionLayout: "dropdown",
815
- disabled: (e) => {
816
- if (c.data.disablePast) {
817
- let t = /* @__PURE__ */ new Date();
818
- return t.setHours(0, 0, 0, 0), e < t;
819
- }
820
- return !1;
821
- },
822
- onSelect: (e) => {
823
- l(e ? e.toISOString() : ""), r(!1);
824
- }
825
- })
826
- })]
827
- }),
828
- u && /* @__PURE__ */ E(X, { children: u }),
829
- f && !u && /* @__PURE__ */ E(Y, { children: f })
830
- ]
831
- });
832
- }, at = (e, t) => {
833
- let [n, r] = T(!1), { id: i, value: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t, d = p(), f = Array.isArray(a) ? a : [], m = f[0] ? new Date(f[0]) : void 0, h = f[1] ? new Date(f[1]) : void 0;
834
- return /* @__PURE__ */ D(J, {
835
- className: "tg:mb-4",
836
- children: [
837
- /* @__PURE__ */ D(Q, {
838
- htmlFor: i,
839
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
840
- className: "tg:text-red-500",
841
- children: "*"
842
- })]
843
- }),
844
- /* @__PURE__ */ D(me, {
845
- open: n,
846
- onOpenChange: r,
847
- children: [/* @__PURE__ */ E(he, {
848
- asChild: !0,
849
- children: /* @__PURE__ */ D(pe, {
850
- id: i,
851
- variant: "outline",
852
- className: "tg:w-full tg:justify-between tg:font-normal",
853
- children: [m && h ? `${m.toLocaleDateString()} - ${h.toLocaleDateString()}` : m ? m.toLocaleDateString() : d("renderer.defaultInputs.selectDateRange"), /* @__PURE__ */ E(k, { className: "tg:size-4" })]
854
- })
855
- }), /* @__PURE__ */ E(ge, {
856
- className: "tg:w-auto tg:overflow-hidden tg:p-0",
857
- align: "start",
858
- children: /* @__PURE__ */ E(nt, {
859
- mode: "range",
860
- selected: {
861
- from: m,
862
- to: h
863
- },
864
- captionLayout: "dropdown",
865
- disabled: (e) => {
866
- if (o.data.disablePast) {
867
- let t = /* @__PURE__ */ new Date();
868
- return t.setHours(0, 0, 0, 0), e < t;
869
- }
870
- return !1;
871
- },
872
- onSelect: (e) => {
873
- s([e?.from ? e.from.toISOString() : void 0, e?.to ? e.to.toISOString() : void 0]);
874
- },
875
- numberOfMonths: 2
876
- })
877
- })]
878
- }),
879
- c && /* @__PURE__ */ E(X, { children: c }),
880
- u && !c && /* @__PURE__ */ E(Y, { children: u })
881
- ]
882
- });
883
- }, ot = (e, t) => {
884
- let { id: n, name: r, placeholder: i } = e, { node: a, setValue: o, error: s, label: l, helperText: u } = t;
885
- return /* @__PURE__ */ D(J, {
886
- className: "tg:mb-4",
887
- children: [
888
- /* @__PURE__ */ D(Q, {
889
- htmlFor: n,
890
- children: [l || a.data.name, a.data.required && /* @__PURE__ */ E("span", {
891
- className: "tg:text-red-500",
892
- children: "*"
893
- })]
894
- }),
895
- /* @__PURE__ */ E(Z, {
896
- type: "file",
897
- name: r,
898
- id: n,
899
- onChange: async (e) => {
900
- let { files: t } = e.target;
901
- if (!t || t.length === 0) {
902
- o(null);
903
- return;
904
- }
905
- if (a.data.multiple) {
906
- o(await c(Array.from(t)));
907
- return;
908
- }
909
- o(await v(t[0]));
910
- },
911
- multiple: a.data.multiple,
912
- placeholder: i
913
- }),
914
- s && /* @__PURE__ */ E(X, { children: s }),
915
- u && !s && /* @__PURE__ */ E(Y, { children: u })
916
- ]
917
- });
918
- }, st = (e, t) => {
919
- let { id: n, name: r, value: i } = e;
920
- return /* @__PURE__ */ E(Z, {
921
- type: "hidden",
922
- id: n,
923
- name: r,
924
- value: i ?? ""
925
- });
926
- }, ct = (e) => {
927
- let t = e.matchAll(/{{([\w-]+)}}/g);
928
- return Array.from(t, (e) => e[1]);
929
- }, lt = (e, t) => ct(e).every((e) => {
930
- let n = t[e];
931
- return n != null && n !== "";
932
- }), ut = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
933
- let i = t[r], a = i == null ? "" : String(i);
934
- return n ? encodeURIComponent(a) : a;
935
- }), dt = (e, t) => {
936
- let [r, s] = T(!1), [c, l] = T(null), [d, m] = T([]), [h, g] = T(""), [v, y] = T(!1), { id: b, name: O, value: k, placeholder: ne } = e, { node: A, setValue: j, error: M, label: ie, helperText: P, missingDependencies: F } = t, { formValues: I, inputNodes: L, headers: R, baseUrl: ae } = a(), { httpConfig: z } = A.data, oe = w(!1), B = w(!1), V = w(""), H = p(), se = w(z), U = w(I), W = w(L), ce = w(R), le = w(ae), ue = w(j), de = w(null), G = w(null), fe = C(() => z?.url ? ct(z.url) : [], [z?.url]), q = fe.length > 0, Se = C(() => fe.map((e) => `${e}:${String(I[e] ?? "")}`).join("|"), [fe, I]), we = C(() => z?.url ? q ? lt(z.url, I) : !0 : !1, [
937
- z?.url,
938
- q,
939
- I
940
- ]), $ = x(async (e) => {
941
- G.current && G.current.abort();
942
- let t = new AbortController();
943
- G.current = t;
944
- let r = se.current, a = U.current, c = ue.current;
945
- if (!r?.url) {
946
- l(H("renderer.defaultHttpInput.noUrlConfigured")), G.current = null;
947
- return;
948
- }
949
- if (r.url && !lt(r.url, a)) {
950
- G.current = null;
951
- return;
952
- }
953
- s(!0), l(null);
954
- try {
955
- let d = i(ut(r.url, a, !0), le.current), p = o(r.searchParam && e ? `${d}${d.includes("?") ? "&" : "?"}${r.searchParam}=${encodeURIComponent(e)}` : d, r.queryParams?.map((e) => ({
956
- key: e.key,
957
- value: ut(e.value, a)
958
- }))), h = (e) => ({
959
- key: e.key,
960
- value: ut(e.value, a)
961
- }), g = n([{
962
- key: "Content-Type",
963
- value: "application/json"
964
- }], ce.current?.map(h), r.headers?.map(h)), v = [
965
- "POST",
966
- "PUT",
967
- "PATCH"
968
- ].includes(r.method || "") ? r.sendAllFormValues ? JSON.stringify(u(a, W.current)) : r.body ? ut(r.body, a) : void 0 : void 0, y = setTimeout(() => t.abort(), 3e4), b = await fetch(p, {
969
- body: v || void 0,
970
- headers: Object.fromEntries(g.filter((e) => e.key && e.value).map((e) => [e.key, e.value])),
971
- method: r.method || "GET",
972
- signal: t.signal
973
- });
974
- if (clearTimeout(y), !b.ok) {
975
- l(`HTTP Error ${b.status}: ${b.statusText}`), s(!1);
976
- return;
977
- }
978
- let x = f(await b.json()), S = r.responsePath ? _(x, r.responsePath) : x;
979
- if (r.responseMapping && Array.isArray(S)) {
980
- let { valueField: e = "value", labelField: t = "label" } = r.responseMapping;
981
- m(S.map((n) => ({
982
- label: String(_(n, t) || ""),
983
- value: String(_(n, e) || "")
984
- })));
985
- } else c(typeof S == "string" ? S : JSON.stringify(S));
986
- } catch (e) {
987
- if (e instanceof Error && e.name === "AbortError") return;
988
- l(e instanceof Error ? e.message : H("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
989
- } finally {
990
- s(!1), G.current = null;
991
- }
992
- }, [H]);
993
- if (S(() => {
994
- se.current = z, U.current = I, W.current = L, ce.current = R, le.current = ae, ue.current = j, de.current = $;
995
- }, [
996
- z,
997
- I,
998
- L,
999
- R,
1000
- ae,
1001
- j,
1002
- $
1003
- ]), S(() => () => {
1004
- G.current && G.current.abort(), oe.current = !1, B.current = !1;
1005
- }, []), S(() => {
1006
- if (oe.current) return;
1007
- oe.current = !0;
1008
- let e = se.current, t = U.current, n = de.current, r = e?.url && lt(e.url, t);
1009
- e?.fetchOnMount && r && n && (n(), e.url && (V.current = ct(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
1010
- }, []), S(() => {
1011
- if (!oe.current || !q || V.current === Se || !we) return;
1012
- let e = setTimeout(() => {
1013
- $(), V.current = Se;
1014
- }, 500);
1015
- return () => clearTimeout(e);
1016
- }, [
1017
- Se,
1018
- q,
1019
- we,
1020
- $
1021
- ]), S(() => {
1022
- if (!B.current) {
1023
- B.current = !0;
1024
- return;
1025
- }
1026
- let e = se.current, t = U.current, n = de.current, r = e?.url && lt(e.url, t);
1027
- e?.fetchOnMount && r && n && (n(), e.url && (V.current = ct(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
1028
- }, [C(() => JSON.stringify({
1029
- body: z?.body,
1030
- fetchOnMount: z?.fetchOnMount,
1031
- headers: z?.headers,
1032
- method: z?.method,
1033
- queryParams: z?.queryParams,
1034
- responseMapping: z?.responseMapping,
1035
- responsePath: z?.responsePath,
1036
- searchParam: z?.searchParam,
1037
- sendAllFormValues: z?.sendAllFormValues,
1038
- url: z?.url
1039
- }), [z])]), S(() => {
1040
- if (!(z?.searchParam && h)) return;
1041
- let e = setTimeout(() => {
1042
- $(h);
1043
- }, 300);
1044
- return () => clearTimeout(e);
1045
- }, [
1046
- h,
1047
- z?.searchParam,
1048
- $
1049
- ]), z?.responseMapping) {
1050
- let e = Array.isArray(k) ? k[0] : k, t = d.find((t) => t.value === e);
1051
- if (z.searchParam) {
1052
- let e = r && z?.showLoading ? /* @__PURE__ */ D("div", {
1053
- className: "tg:flex tg:items-center tg:gap-2",
1054
- children: [/* @__PURE__ */ E(N, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ E("span", {
1055
- className: "tg:text-muted-foreground",
1056
- children: t?.label || ne || H("renderer.defaultHttpInput.search")
1057
- })]
1058
- }) : t?.label || ne || H("renderer.defaultHttpInput.search");
1059
- return /* @__PURE__ */ D(J, {
1060
- className: "tg:mb-4",
1061
- children: [
1062
- /* @__PURE__ */ D(Q, { children: [ie || A.data.name, A.data.required && /* @__PURE__ */ E("span", {
1063
- className: "tg:text-red-500",
1064
- children: "*"
1065
- })] }),
1066
- /* @__PURE__ */ E(Xe, {
1067
- missing: F,
1068
- children: /* @__PURE__ */ D(me, {
1069
- open: v,
1070
- onOpenChange: y,
1071
- children: [/* @__PURE__ */ E(he, {
1072
- asChild: !0,
1073
- children: /* @__PURE__ */ D(pe, {
1074
- variant: "outline",
1075
- role: "combobox",
1076
- "aria-expanded": v,
1077
- disabled: F.length > 0,
1078
- className: "tg:w-full tg:justify-between",
1079
- children: [e, /* @__PURE__ */ E(re, { className: "tg:ml-2 tg:h-4 tg:w-4 tg:shrink-0 tg:opacity-50" })]
1080
- })
1081
- }), /* @__PURE__ */ E(ge, {
1082
- className: "tg:w-[var(--radix-popover-trigger-width)] tg:p-0",
1083
- align: "start",
1084
- children: /* @__PURE__ */ D(Be, {
1085
- shouldFilter: !1,
1086
- children: [/* @__PURE__ */ E(Ve, {
1087
- placeholder: H("renderer.defaultHttpInput.search"),
1088
- value: h,
1089
- onValueChange: (e) => {
1090
- g(e), l(null);
1091
- }
1092
- }), /* @__PURE__ */ D(He, { children: [
1093
- r && /* @__PURE__ */ E("div", {
1094
- className: "tg:flex tg:items-center tg:justify-center tg:p-4",
1095
- children: /* @__PURE__ */ E(N, { className: "tg:h-4 tg:w-4 tg:animate-spin" })
1096
- }),
1097
- !r && c && /* @__PURE__ */ D("div", {
1098
- className: "tg:p-4 tg:text-destructive tg:text-sm",
1099
- children: [/* @__PURE__ */ E("div", { children: c }), /* @__PURE__ */ E("button", {
1100
- type: "button",
1101
- onClick: () => $(h),
1102
- className: "tg:mt-2 tg:block tg:text-primary tg:hover:underline",
1103
- children: H("renderer.defaultHttpInput.retry")
1104
- })]
1105
- }),
1106
- !(r || c) && /* @__PURE__ */ D(ee, { children: [/* @__PURE__ */ E(Ue, { children: H("renderer.defaultHttpInput.noResults") }), /* @__PURE__ */ E(We, { children: d.map((e) => /* @__PURE__ */ D(Ge, {
1107
- value: e.value,
1108
- onSelect: () => {
1109
- j(e.value), y(!1);
1110
- },
1111
- children: [/* @__PURE__ */ E(te, { className: K("tg:mr-2 tg:h-4 tg:w-4", k === e.value ? "tg:opacity-100" : "tg:opacity-0") }), e.label]
1112
- }, e.value)) })] })
1113
- ] })]
1114
- })
1115
- })]
1116
- })
1117
- }),
1118
- M && /* @__PURE__ */ E(X, { children: M }),
1119
- P && !M && /* @__PURE__ */ E(Y, { children: P })
1120
- ]
1121
- });
1122
- }
1123
- let n = r && z?.showLoading, i = F.length === 0 && d.length === 0 && !n ? c ?? H("renderer.defaultHttpInput.noDataAvailable") : void 0, a = /* @__PURE__ */ D(_e, {
1124
- value: Array.isArray(k) ? k[0] ?? "" : k ?? "",
1125
- onValueChange: (e) => j(e),
1126
- disabled: n || d.length === 0,
1127
- name: O,
1128
- children: [/* @__PURE__ */ D(be, {
1129
- id: b,
1130
- name: O,
1131
- className: "tg:w-full",
1132
- children: [n && /* @__PURE__ */ E(N, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ E(ye, { placeholder: ne || H("renderer.defaultHttpInput.selectOption") })]
1133
- }), /* @__PURE__ */ E(xe, { children: /* @__PURE__ */ E(ve, { children: d.map((e, t) => /* @__PURE__ */ E(Ce, {
1134
- value: e.value,
1135
- children: e.label
1136
- }, e.value + t)) }) })]
1137
- });
1138
- return /* @__PURE__ */ D(J, {
1139
- className: "tg:mb-4",
1140
- children: [
1141
- /* @__PURE__ */ D(Q, {
1142
- htmlFor: b,
1143
- children: [ie || A.data.name, A.data.required && /* @__PURE__ */ E("span", {
1144
- className: "tg:text-red-500",
1145
- children: "*"
1146
- })]
1147
- }),
1148
- /* @__PURE__ */ E(Xe, {
1149
- missing: F,
1150
- children: i ? /* @__PURE__ */ E(Ee, { children: /* @__PURE__ */ D(De, { children: [/* @__PURE__ */ E(Oe, {
1151
- asChild: !0,
1152
- children: /* @__PURE__ */ E("div", {
1153
- className: "tg:w-full",
1154
- children: a
1155
- })
1156
- }), /* @__PURE__ */ E(ke, { children: /* @__PURE__ */ E("p", { children: i }) })] }) }) : a
1157
- }),
1158
- M && /* @__PURE__ */ E(X, { children: M }),
1159
- P && !M && /* @__PURE__ */ E(Y, { children: P })
1160
- ]
1161
- });
1162
- }
1163
- return /* @__PURE__ */ D(J, {
1164
- className: "tg:mb-4",
1165
- children: [
1166
- /* @__PURE__ */ D(Q, {
1167
- htmlFor: b,
1168
- children: [ie || A.data.name, A.data.required && /* @__PURE__ */ E("span", {
1169
- className: "tg:text-red-500",
1170
- children: "*"
1171
- })]
1172
- }),
1173
- /* @__PURE__ */ E(Z, {
1174
- type: "text",
1175
- name: O,
1176
- id: b,
1177
- value: typeof k == "string" ? k : JSON.stringify(k),
1178
- readOnly: !0,
1179
- disabled: !0
1180
- }),
1181
- M && /* @__PURE__ */ E(X, { children: M }),
1182
- P && !M && /* @__PURE__ */ E(Y, { children: P })
1183
- ]
1184
- });
1185
- }, ft = (e, t) => {
1186
- let { id: n, name: r, value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t;
1187
- return /* @__PURE__ */ D(J, {
1188
- className: "tg:mb-4",
1189
- children: [
1190
- /* @__PURE__ */ D(Q, {
1191
- htmlFor: n,
1192
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
1193
- className: "tg:text-red-500",
1194
- children: "*"
1195
- })]
1196
- }),
1197
- /* @__PURE__ */ E(Z, {
1198
- id: n,
1199
- type: "number",
1200
- name: r,
1201
- value: i ?? "",
1202
- onChange: (e) => s(e.target.value === "" ? null : Number(e.target.value)),
1203
- placeholder: a
1204
- }),
1205
- c && /* @__PURE__ */ E(X, { children: c }),
1206
- u && !c && /* @__PURE__ */ E(Y, { children: u })
1207
- ]
1208
- });
1209
- }, pt = (e, t) => {
1210
- let { id: n, name: r, value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t;
1211
- return /* @__PURE__ */ D(J, {
1212
- className: "tg:mb-4",
1213
- children: [
1214
- /* @__PURE__ */ D(Q, {
1215
- htmlFor: n,
1216
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
1217
- className: "tg:text-red-500",
1218
- children: "*"
1219
- })]
1220
- }),
1221
- /* @__PURE__ */ E(Z, {
1222
- id: n,
1223
- name: r,
1224
- type: "password",
1225
- value: i ?? "",
1226
- onChange: (e) => s(e.target.value),
1227
- placeholder: a,
1228
- autoComplete: "new-password"
1229
- }),
1230
- c && /* @__PURE__ */ E(X, { children: c }),
1231
- u && !c && /* @__PURE__ */ E(Y, { children: u })
1232
- ]
1233
- });
1234
- }, mt = L("tg:group/field tg:flex tg:w-full tg:gap-3 tg:data-[invalid=true]:text-destructive", {
1235
- defaultVariants: { orientation: "vertical" },
1236
- variants: { orientation: {
1237
- horizontal: [
1238
- "tg:flex-row tg:items-center",
1239
- "tg:[&>[data-slot=field-label]]:flex-auto",
1240
- "tg:has-[>[data-slot=field-content]]:items-start tg:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
1241
- ],
1242
- responsive: [
1243
- "tg:flex-col tg:@md/field-group:flex-row tg:@md/field-group:items-center tg:[&>*]:w-full tg:@md/field-group:[&>*]:w-auto tg:[&>.sr-only]:w-auto",
1244
- "tg:@md/field-group:[&>[data-slot=field-label]]:flex-auto",
1245
- "tg:@md/field-group:has-[>[data-slot=field-content]]:items-start tg:@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
1246
- ],
1247
- vertical: ["tg:flex-col tg:[&>*]:w-full tg:[&>.sr-only]:w-auto"]
1248
- } }
1249
- });
1250
- function ht({ className: e, orientation: t = "vertical", ...n }) {
1251
- return /* @__PURE__ */ E("div", {
1252
- role: "group",
1253
- "data-slot": "field",
1254
- "data-orientation": t,
1255
- className: K(mt({ orientation: t }), e),
1256
- ...n
1257
- });
1258
- }
1259
- function gt({ className: e, ...t }) {
1260
- return /* @__PURE__ */ E("div", {
1261
- "data-slot": "field-content",
1262
- className: K("tg:group/field-content tg:flex tg:flex-1 tg:flex-col tg:gap-1.5 tg:leading-snug", e),
1263
- ...t
1264
- });
1265
- }
1266
- function _t({ className: e, ...t }) {
1267
- return /* @__PURE__ */ E(Q, {
1268
- "data-slot": "field-label",
1269
- className: K("tg:group/field-label tg:peer/field-label tg:flex tg:w-fit tg:gap-2 tg:leading-snug tg:group-data-[disabled=true]/field:opacity-50", "tg:has-[>[data-slot=field]]:w-full tg:has-[>[data-slot=field]]:flex-col tg:has-[>[data-slot=field]]:rounded-md tg:has-[>[data-slot=field]]:border tg:[&>*]:data-[slot=field]:p-4", "tg:has-data-[state=checked]:border-primary tg:has-data-[state=checked]:bg-primary/5 tg:dark:has-data-[state=checked]:bg-primary/10", e),
1270
- ...t
1271
- });
1272
- }
1273
- function vt({ className: e, ...t }) {
1274
- return /* @__PURE__ */ E("div", {
1275
- "data-slot": "field-label",
1276
- className: K("tg:flex tg:w-fit tg:items-center tg:gap-2 tg:font-medium tg:text-sm tg:leading-snug tg:group-data-[disabled=true]/field:opacity-50", e),
1277
- ...t
1278
- });
1279
- }
1280
- function yt({ className: e, ...t }) {
1281
- return /* @__PURE__ */ E("p", {
1282
- "data-slot": "field-description",
1283
- className: K("tg:font-normal tg:text-muted-foreground tg:text-sm tg:leading-normal tg:group-has-[[data-orientation=horizontal]]/field:text-balance", "tg:last:mt-0 tg:nth-last-2:-mt-1 tg:[[data-variant=legend]+&]:-mt-1.5", "tg:[&>a]:underline tg:[&>a]:underline-offset-4 tg:[&>a:hover]:text-primary", e),
1284
- ...t
1285
- });
1286
- }
1287
- //#endregion
1288
- //#region src/shared/components/ui/radio-group.tsx
1289
- function bt({ className: e, ...t }) {
1290
- return /* @__PURE__ */ E(ue.Root, {
1291
- "data-slot": "radio-group",
1292
- className: K("tg:grid tg:gap-3", e),
1293
- ...t
1294
- });
1295
- }
1296
- function xt({ className: e, ...t }) {
1297
- return /* @__PURE__ */ E(ue.Item, {
1298
- "data-slot": "radio-group-item",
1299
- className: K("tg:aspect-square tg:size-4 tg:shrink-0 tg:rounded-full tg:border tg:border-input tg:text-primary tg:shadow-xs tg:outline-none tg:transition-[color,box-shadow] tg:focus-visible:border-ring tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50 tg:disabled:cursor-not-allowed tg:disabled:opacity-50 tg:aria-invalid:border-destructive tg:aria-invalid:ring-destructive/20 tg:dark:bg-input/30 tg:dark:aria-invalid:ring-destructive/40", e),
1300
- ...t,
1301
- children: /* @__PURE__ */ E(ue.Indicator, {
1302
- "data-slot": "radio-group-indicator",
1303
- className: "tg:relative tg:flex tg:items-center tg:justify-center",
1304
- children: /* @__PURE__ */ E(M, { className: "tg:-translate-x-1/2 tg:-translate-y-1/2 tg:absolute tg:top-1/2 tg:left-1/2 tg:size-2 tg:fill-primary" })
1305
- })
1306
- });
1307
- }
1308
- //#endregion
1309
- //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultRadioInput.tsx
1310
- var St = (e, t) => {
1311
- let { id: n, name: r, value: i } = e, { node: o, setValue: s, error: c, label: l, helperText: u, renderOptionExtras: d, compactOptions: f, missingDependencies: m } = t, { options: h, isLoading: g, error: _ } = $e(o), { optionsDisplayLimit: v } = a(), y = p(), b = i ? String(i) : "", x = o.data.variant !== "default", S = `${n}-label`, C = v ? h.slice(0, v) : h, w = h.length - C.length;
1312
- return /* @__PURE__ */ D(J, {
1313
- className: "tg:mb-4",
1314
- children: [
1315
- /* @__PURE__ */ D(Q, {
1316
- className: "tg:mb-1",
1317
- id: S,
1318
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
1319
- className: "tg:text-red-500",
1320
- children: "*"
1321
- })]
1322
- }),
1323
- /* @__PURE__ */ E(Ze, { missing: m }),
1324
- g && /* @__PURE__ */ D("div", {
1325
- className: "tg:flex tg:items-center tg:gap-2 tg:py-2 tg:text-muted-foreground tg:text-sm",
1326
- children: [/* @__PURE__ */ E(N, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ E("span", { children: y("renderer.defaultRadioInput.loadingOptions") })]
1327
- }),
1328
- /* @__PURE__ */ D(bt, {
1329
- value: b,
1330
- onValueChange: (e) => s(e),
1331
- "aria-labelledby": S,
1332
- name: r,
1333
- className: K("tg:min-w-0", x && "tg:flex tg:flex-col tg:gap-2"),
1334
- children: [C.map((e, t) => {
1335
- let r = `${n}-${e.value}`, i = y(e.label) || e.value, a = y(e.description), o = String(e.value);
1336
- return x ? /* @__PURE__ */ D(_t, {
1337
- htmlFor: r,
1338
- className: K("tg:group/option tg:pointer-events-auto tg:relative", f && "tg:group-hover/option:pr-16"),
1339
- children: [/* @__PURE__ */ D(ht, {
1340
- orientation: "horizontal",
1341
- "data-disabled": e.disabled || void 0,
1342
- children: [
1343
- e.image && /* @__PURE__ */ E("img", {
1344
- src: e.image,
1345
- alt: "",
1346
- className: "tg:h-10 tg:w-10 tg:shrink-0 tg:self-center tg:rounded tg:object-cover"
1347
- }),
1348
- /* @__PURE__ */ D(gt, {
1349
- className: K(f && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
1350
- children: [/* @__PURE__ */ E(vt, {
1351
- className: K(f && "tg:block tg:max-w-full tg:truncate"),
1352
- children: i
1353
- }), a && /* @__PURE__ */ E(yt, {
1354
- className: K(f && "tg:block tg:max-w-full tg:truncate"),
1355
- children: a
1356
- })]
1357
- }),
1358
- /* @__PURE__ */ E(xt, {
1359
- value: o,
1360
- id: r,
1361
- disabled: e.disabled,
1362
- className: K(f && "tg:ml-auto tg:shrink-0 tg:group-hover/option:invisible")
1363
- })
1364
- ]
1365
- }), d?.({
1366
- index: t,
1367
- option: e,
1368
- variant: "card"
1369
- })]
1370
- }, e.value + t) : /* @__PURE__ */ D("div", {
1371
- className: K("tg:group/option tg:pointer-events-auto tg:relative tg:flex tg:items-start tg:space-x-2", f && "tg:min-w-0 tg:pr-22"),
1372
- children: [
1373
- /* @__PURE__ */ E(xt, {
1374
- value: o,
1375
- id: r,
1376
- disabled: e.disabled,
1377
- className: "tg:mt-0.5"
1378
- }),
1379
- e.image && /* @__PURE__ */ E("img", {
1380
- src: e.image,
1381
- alt: "",
1382
- className: "tg:h-8 tg:w-8 tg:rounded tg:object-cover"
1383
- }),
1384
- /* @__PURE__ */ D("div", {
1385
- className: K("tg:flex tg:flex-col", f && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
1386
- children: [/* @__PURE__ */ E(Q, {
1387
- htmlFor: r,
1388
- className: K("tg:cursor-pointer tg:font-normal tg:text-sm", f && "tg:block tg:max-w-full tg:truncate"),
1389
- children: i
1390
- }), a && /* @__PURE__ */ E("span", {
1391
- className: K("tg:text-muted-foreground tg:text-xs", f && "tg:block tg:max-w-full tg:truncate"),
1392
- children: a
1393
- })]
1394
- }),
1395
- d?.({
1396
- index: t,
1397
- option: e,
1398
- variant: "default"
1399
- })
1400
- ]
1401
- }, e.value + t);
1402
- }), w > 0 && /* @__PURE__ */ E("div", {
1403
- className: "tg:px-2 tg:py-1 tg:text-muted-foreground tg:text-xs",
1404
- children: "…"
1405
- })]
1406
- }),
1407
- c && /* @__PURE__ */ E(X, { children: c }),
1408
- _ && !c && /* @__PURE__ */ E(X, { children: _ }),
1409
- u && !c && !_ && /* @__PURE__ */ E(Y, { children: u })
1410
- ]
1411
- });
1412
- }, Ct = (e, t) => {
1413
- let { id: n, name: r, value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u, missingDependencies: d } = t, { options: f, isLoading: m, error: h } = $e(o), g = p(), _ = i ? String(i) : "";
1414
- return /* @__PURE__ */ D(J, {
1415
- className: "tg:mb-4",
1416
- children: [
1417
- /* @__PURE__ */ D(Q, {
1418
- htmlFor: n,
1419
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
1420
- className: "tg:text-red-500",
1421
- children: "*"
1422
- })]
1423
- }),
1424
- /* @__PURE__ */ E(Xe, {
1425
- missing: d,
1426
- children: /* @__PURE__ */ D(_e, {
1427
- name: r,
1428
- value: _,
1429
- onValueChange: (e) => s(e),
1430
- disabled: m || d.length > 0,
1431
- children: [/* @__PURE__ */ D(be, {
1432
- id: n,
1433
- name: r,
1434
- className: "tg:w-full",
1435
- children: [m && /* @__PURE__ */ E(N, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ E(ye, { placeholder: a || g("renderer.defaultSelectInput.selectOption") })]
1436
- }), /* @__PURE__ */ E(xe, { children: /* @__PURE__ */ E(ve, { children: f.map((e, t) => /* @__PURE__ */ E(Ce, {
1437
- value: String(e.value),
1438
- disabled: e.disabled,
1439
- children: g(e.label) ? g(e.label) : e.value
1440
- }, `${e.value}-${t}`)) }) })]
1441
- })
1442
- }),
1443
- c && /* @__PURE__ */ E(X, { children: c }),
1444
- h && !c && /* @__PURE__ */ E(X, { children: h }),
1445
- u && !c && !h && /* @__PURE__ */ E(Y, { children: u })
1446
- ]
1447
- });
1448
- }, wt = ({ children: e, onSubmit: t }) => /* @__PURE__ */ E("form", {
1449
- onSubmit: t,
1450
- className: "tg:mx-auto tg:max-w-2xl tg:gap-y-3",
1451
- children: e
1452
- }), Tt = ({ children: e, missingFields: t = [] }) => {
1453
- let n = t.length > 0, r = p();
1454
- return n ? /* @__PURE__ */ E(Ee, { children: /* @__PURE__ */ D(De, { children: [/* @__PURE__ */ E(Oe, {
1455
- asChild: !0,
1456
- children: /* @__PURE__ */ E("span", {
1457
- className: "tg:inline-flex",
1458
- children: e
1459
- })
1460
- }), /* @__PURE__ */ E(ke, { children: /* @__PURE__ */ D("div", {
1461
- className: "tg:space-y-1",
1462
- children: [/* @__PURE__ */ D("p", {
1463
- className: "tg:font-semibold",
1464
- children: [r("renderer.defaultSubmitButton.requiredFieldsMissing"), ":"]
1465
- }), /* @__PURE__ */ E("ul", {
1466
- className: "tg:list-inside tg:list-disc",
1467
- children: t.map((e, t) => /* @__PURE__ */ E("li", { children: e }, t))
1468
- })]
1469
- }) })] }) }) : e;
1470
- }, Et = ({ label: e, children: t, isFirstStep: n, isLastStep: r, canContinue: i, isSubmitting: a, onBack: o, onContinue: s, missingFields: c }) => {
1471
- let l = p(), u = /* @__PURE__ */ E("button", {
1472
- type: "button",
1473
- onClick: s,
1474
- disabled: !i || a,
1475
- className: "tg:rounded-md tg:bg-blue-500 tg:px-4 tg:py-2 tg:font-medium tg:text-sm tg:text-white tg:transition-colors tg:hover:bg-blue-600 tg:focus:outline-none tg:focus:ring-2 tg:focus:ring-blue-500 tg:focus:ring-offset-2 tg:disabled:cursor-not-allowed tg:disabled:opacity-50",
1476
- children: l(r ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")
1477
- });
1478
- return /* @__PURE__ */ D("section", {
1479
- className: "tg:rounded-lg tg:border tg:p-4",
1480
- children: [
1481
- e && /* @__PURE__ */ E("h3", {
1482
- className: "tg:mb-4 tg:font-semibold tg:text-lg",
1483
- children: e
1484
- }),
1485
- t,
1486
- /* @__PURE__ */ D("div", {
1487
- className: "tg:mt-6 tg:flex tg:items-center tg:justify-between tg:gap-2",
1488
- children: [n ? /* @__PURE__ */ E("span", {}) : /* @__PURE__ */ E("button", {
1489
- type: "button",
1490
- onClick: o,
1491
- disabled: a,
1492
- className: "tg:rounded-md tg:border tg:border-input tg:bg-background tg:px-4 tg:py-2 tg:font-medium tg:text-sm tg:transition-colors tg:hover:bg-accent tg:disabled:cursor-not-allowed tg:disabled:opacity-50",
1493
- children: l("renderer.step.back")
1494
- }), /* @__PURE__ */ E(Tt, {
1495
- missingFields: c,
1496
- children: u
1497
- })]
1498
- })
1499
- ]
1500
- });
1501
- }, Dt = b(({ label: e, id: t, disabled: n, onBlur: r, onClick: i, onFocus: a, onPointerDown: o, onPointerLeave: s, onPointerMove: c, ...l }, u) => {
1502
- let d = p();
1503
- return /* @__PURE__ */ E("button", {
1504
- ref: u,
1505
- id: t,
1506
- onBlur: r,
1507
- onClick: i,
1508
- onFocus: a,
1509
- onPointerDown: o,
1510
- disabled: n,
1511
- onPointerLeave: s,
1512
- onPointerMove: c,
1513
- type: "submit",
1514
- className: "tg:mt-4 tg:rounded-md tg:bg-blue-500 tg:px-4 tg:py-2 tg:font-medium tg:text-white tg:transition-colors tg:hover:bg-blue-600 tg:focus:outline-none tg:focus:ring-2 tg:focus:ring-blue-500 tg:focus:ring-offset-2 tg:disabled:cursor-not-allowed tg:disabled:opacity-50",
1515
- ...l,
1516
- children: e || d("renderer.defaultSubmitButton.submit")
1517
- });
1518
- }), Ot = ({ node: e }) => {
1519
- let t = p()(e.data?.label);
1520
- return t ? /* @__PURE__ */ D("div", {
1521
- className: "tg:flex tg:items-center tg:gap-x-3",
1522
- children: [
1523
- /* @__PURE__ */ E(Ae, { className: "tg:my-8 tg:flex-1" }),
1524
- /* @__PURE__ */ E("h4", {
1525
- className: "tg:font-semibold tg:text-sm",
1526
- children: t
1527
- }),
1528
- /* @__PURE__ */ E(Ae, { className: "tg:my-8 tg:flex-1" })
1529
- ]
1530
- }) : /* @__PURE__ */ E(Ae, { className: "tg:my-8" });
1531
- }, kt = ({ node: e }) => {
1532
- let { edges: t } = a(), n = p();
1533
- return /* @__PURE__ */ E("h2", {
1534
- className: K("tg:mb-5 tg:font-bold tg:text-2xl", !h(e.id, t) && "tg:mt-10"),
1535
- children: n(e.data?.label)
1536
- });
1537
- }, At = {
1538
- divider: Ot,
1539
- title: kt
1540
- }, jt = ({ node: e, children: t }) => {
1541
- let { image: n } = e.data;
1542
- return /* @__PURE__ */ D(ee, { children: [n && /* @__PURE__ */ E("img", {
1543
- src: n,
1544
- alt: "",
1545
- className: "tg:mb-2 tg:max-h-40 tg:w-full tg:rounded-md tg:object-cover"
1546
- }), t] });
1547
- };
1548
- //#endregion
1549
- //#region src/shared/components/ui/skeleton.tsx
1550
- function Mt({ className: e, ...t }) {
1551
- return /* @__PURE__ */ E("div", {
1552
- "data-slot": "skeleton",
1553
- className: K("tg:animate-pulse tg:rounded-md tg:bg-accent", e),
1554
- ...t
1555
- });
1556
- }
1557
- //#endregion
1558
- //#region src/renderer/features/TreegeRenderer/web/components/DefaultLoadingSkeleton.tsx
1559
- var Nt = () => /* @__PURE__ */ D("section", {
1560
- className: "tg:rounded-lg tg:border tg:p-4",
1561
- "aria-busy": "true",
1562
- "aria-live": "polite",
1563
- children: [
1564
- /* @__PURE__ */ E(Mt, { className: "tg:mb-6 tg:h-6 tg:w-1/3" }),
1565
- /* @__PURE__ */ E("div", {
1566
- className: "tg:space-y-6",
1567
- children: [
1568
- 0,
1569
- 1,
1570
- 2
1571
- ].map((e) => /* @__PURE__ */ D("div", {
1572
- className: "tg:space-y-2",
1573
- children: [/* @__PURE__ */ E(Mt, { className: "tg:h-4 tg:w-1/4" }), /* @__PURE__ */ E(Mt, { className: "tg:h-10 tg:w-full" })]
1574
- }, e))
1575
- }),
1576
- /* @__PURE__ */ E("div", {
1577
- className: "tg:mt-6 tg:flex tg:items-center tg:justify-end",
1578
- children: /* @__PURE__ */ E(Mt, { className: "tg:h-10 tg:w-24" })
1579
- })
1580
- ]
1581
- }), Pt = "/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--tg-font-sans:ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--tg-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--tg-color-red-500:oklch(63.7% .237 25.331);--tg-color-red-700:oklch(50.5% .213 27.518);--tg-color-amber-500:oklch(76.9% .188 70.08);--tg-color-amber-600:oklch(66.6% .179 58.318);--tg-color-amber-700:oklch(55.5% .163 48.998);--tg-color-green-500:oklch(72.3% .219 149.579);--tg-color-green-700:oklch(52.7% .154 150.069);--tg-color-emerald-500:oklch(69.6% .17 162.48);--tg-color-sky-400:oklch(74.6% .16 232.661);--tg-color-blue-300:oklch(80.9% .105 251.813);--tg-color-blue-500:oklch(62.3% .214 259.815);--tg-color-blue-600:oklch(54.6% .245 262.881);--tg-color-blue-700:oklch(48.8% .243 264.376);--tg-color-purple-500:oklch(62.7% .265 303.9);--tg-color-purple-600:oklch(55.8% .288 302.321);--tg-color-purple-700:oklch(49.6% .265 301.924);--tg-color-gray-300:oklch(87.2% .01 258.338);--tg-color-gray-400:oklch(70.7% .022 261.325);--tg-color-gray-500:oklch(55.1% .027 264.364);--tg-color-black:#000;--tg-color-white:#fff;--tg-spacing:.25rem;--tg-container-sm:24rem;--tg-container-md:28rem;--tg-container-lg:32rem;--tg-container-2xl:42rem;--tg-text-xs:.75rem;--tg-text-xs--line-height:calc(1 / .75);--tg-text-sm:.875rem;--tg-text-sm--line-height:calc(1.25 / .875);--tg-text-base:1rem;--tg-text-base--line-height:calc(1.5 / 1);--tg-text-lg:1.125rem;--tg-text-lg--line-height:calc(1.75 / 1.125);--tg-text-2xl:1.5rem;--tg-text-2xl--line-height:calc(2 / 1.5);--tg-font-weight-light:300;--tg-font-weight-normal:400;--tg-font-weight-medium:500;--tg-font-weight-semibold:600;--tg-font-weight-bold:700;--tg-tracking-widest:.1em;--tg-leading-snug:1.375;--tg-leading-normal:1.5;--tg-radius-xs:.125rem;--tg-ease-in-out:cubic-bezier(.4, 0, .2, 1);--tg-animate-spin:spin 1s linear infinite;--tg-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--tg-default-transition-duration:.15s;--tg-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--tg-default-font-family:var(--tg-font-sans);--tg-default-mono-font-family:var(--tg-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--tg-default-font-family,ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--tg-default-font-feature-settings,normal);font-variation-settings:var(--tg-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--tg-default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--tg-default-mono-font-feature-settings,normal);font-variation-settings:var(--tg-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--treege-border)}body{color:var(--treege-foreground)}}@layer components;@layer utilities{.tg\\:\\@container\\/field-group{container:field-group/inline-size}.tg\\:pointer-events-auto{pointer-events:auto}.tg\\:pointer-events-none{pointer-events:none}.tg\\:invisible{visibility:hidden}.tg\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tg\\:absolute{position:absolute}.tg\\:fixed{position:fixed}.tg\\:relative{position:relative}.tg\\:relative\\!{position:relative!important}.tg\\:inset-0{inset:calc(var(--tg-spacing) * 0)}.tg\\:inset-auto\\!{inset:auto!important}.tg\\:inset-x-0{inset-inline:calc(var(--tg-spacing) * 0)}.tg\\:inset-y-0{inset-block:calc(var(--tg-spacing) * 0)}.tg\\:-top-0\\.5{top:calc(var(--tg-spacing) * -.5)}.tg\\:-top-1{top:calc(var(--tg-spacing) * -1)}.tg\\:top-0{top:calc(var(--tg-spacing) * 0)}.tg\\:top-1\\/2{top:50%}.tg\\:top-4{top:calc(var(--tg-spacing) * 4)}.tg\\:top-\\[50\\%\\]{top:50%}.tg\\:-right-0\\.5{right:calc(var(--tg-spacing) * -.5)}.tg\\:-right-1{right:calc(var(--tg-spacing) * -1)}.tg\\:right-0{right:calc(var(--tg-spacing) * 0)}.tg\\:right-2{right:calc(var(--tg-spacing) * 2)}.tg\\:right-3{right:calc(var(--tg-spacing) * 3)}.tg\\:right-4{right:calc(var(--tg-spacing) * 4)}.tg\\:bottom-0{bottom:calc(var(--tg-spacing) * 0)}.tg\\:left-0{left:calc(var(--tg-spacing) * 0)}.tg\\:left-1\\/2{left:50%}.tg\\:left-2{left:calc(var(--tg-spacing) * 2)}.tg\\:left-5{left:calc(var(--tg-spacing) * 5)}.tg\\:left-\\[50\\%\\]{left:50%}.tg\\:z-50{z-index:50}.tg\\:z-10000{z-index:10000}.tg\\:z-\\[2000\\]{z-index:2000}.tg\\:-mx-1{margin-inline:calc(var(--tg-spacing) * -1)}.tg\\:mx-auto{margin-inline:auto}.tg\\:-my-2{margin-block:calc(var(--tg-spacing) * -2)}.tg\\:my-1{margin-block:calc(var(--tg-spacing) * 1)}.tg\\:my-2{margin-block:calc(var(--tg-spacing) * 2)}.tg\\:my-4{margin-block:calc(var(--tg-spacing) * 4)}.tg\\:my-8{margin-block:calc(var(--tg-spacing) * 8)}.tg\\:mt-0\\.5{margin-top:calc(var(--tg-spacing) * .5)}.tg\\:mt-1{margin-top:calc(var(--tg-spacing) * 1)}.tg\\:mt-2{margin-top:calc(var(--tg-spacing) * 2)}.tg\\:mt-4{margin-top:calc(var(--tg-spacing) * 4)}.tg\\:mt-6{margin-top:calc(var(--tg-spacing) * 6)}.tg\\:mt-8{margin-top:calc(var(--tg-spacing) * 8)}.tg\\:mt-10{margin-top:calc(var(--tg-spacing) * 10)}.tg\\:mt-auto{margin-top:auto}.tg\\:mr-1{margin-right:calc(var(--tg-spacing) * 1)}.tg\\:mr-2{margin-right:calc(var(--tg-spacing) * 2)}.tg\\:mb-1{margin-bottom:calc(var(--tg-spacing) * 1)}.tg\\:mb-2{margin-bottom:calc(var(--tg-spacing) * 2)}.tg\\:mb-3{margin-bottom:calc(var(--tg-spacing) * 3)}.tg\\:mb-4{margin-bottom:calc(var(--tg-spacing) * 4)}.tg\\:mb-5{margin-bottom:calc(var(--tg-spacing) * 5)}.tg\\:mb-6{margin-bottom:calc(var(--tg-spacing) * 6)}.tg\\:mb-10{margin-bottom:calc(var(--tg-spacing) * 10)}.tg\\:ml-1{margin-left:calc(var(--tg-spacing) * 1)}.tg\\:ml-2{margin-left:calc(var(--tg-spacing) * 2)}.tg\\:ml-4{margin-left:calc(var(--tg-spacing) * 4)}.tg\\:ml-auto{margin-left:auto}.tg\\:block{display:block}.tg\\:flex{display:flex}.tg\\:grid{display:grid}.tg\\:hidden{display:none}.tg\\:inline-flex{display:inline-flex}.tg\\:field-sizing-content{field-sizing:content}.tg\\:field-sizing-fixed{field-sizing:fixed}.tg\\:aspect-square{aspect-ratio:1}.tg\\:size-\\(--cell-size\\){width:var(--cell-size);height:var(--cell-size)}.tg\\:size-2{width:calc(var(--tg-spacing) * 2);height:calc(var(--tg-spacing) * 2)}.tg\\:size-2\\.5{width:calc(var(--tg-spacing) * 2.5);height:calc(var(--tg-spacing) * 2.5)}.tg\\:size-3{width:calc(var(--tg-spacing) * 3);height:calc(var(--tg-spacing) * 3)}.tg\\:size-3\\.5{width:calc(var(--tg-spacing) * 3.5);height:calc(var(--tg-spacing) * 3.5)}.tg\\:size-4{width:calc(var(--tg-spacing) * 4);height:calc(var(--tg-spacing) * 4)}.tg\\:size-5{width:calc(var(--tg-spacing) * 5);height:calc(var(--tg-spacing) * 5)}.tg\\:size-6{width:calc(var(--tg-spacing) * 6);height:calc(var(--tg-spacing) * 6)}.tg\\:size-8{width:calc(var(--tg-spacing) * 8);height:calc(var(--tg-spacing) * 8)}.tg\\:size-9{width:calc(var(--tg-spacing) * 9);height:calc(var(--tg-spacing) * 9)}.tg\\:size-10{width:calc(var(--tg-spacing) * 10);height:calc(var(--tg-spacing) * 10)}.tg\\:size-auto{width:auto;height:auto}.tg\\:size-full{width:100%;height:100%}.tg\\:h-\\(--cell-size\\){height:var(--cell-size)}.tg\\:h-0{height:calc(var(--tg-spacing) * 0)}.tg\\:h-2\\.5{height:calc(var(--tg-spacing) * 2.5)}.tg\\:h-3{height:calc(var(--tg-spacing) * 3)}.tg\\:h-4{height:calc(var(--tg-spacing) * 4)}.tg\\:h-5{height:calc(var(--tg-spacing) * 5)}.tg\\:h-6{height:calc(var(--tg-spacing) * 6)}.tg\\:h-6\\!{height:calc(var(--tg-spacing) * 6)!important}.tg\\:h-7{height:calc(var(--tg-spacing) * 7)}.tg\\:h-8{height:calc(var(--tg-spacing) * 8)}.tg\\:h-9{height:calc(var(--tg-spacing) * 9)}.tg\\:h-10{height:calc(var(--tg-spacing) * 10)}.tg\\:h-12{height:calc(var(--tg-spacing) * 12)}.tg\\:h-\\[1\\.15rem\\]{height:1.15rem}.tg\\:h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.tg\\:h-auto{height:auto}.tg\\:h-full{height:100%}.tg\\:h-px{height:1px}.tg\\:h-screen{height:100vh}.tg\\:max-h-\\(--radix-dropdown-menu-content-available-height\\){max-height:var(--radix-dropdown-menu-content-available-height)}.tg\\:max-h-\\(--radix-select-content-available-height\\){max-height:var(--radix-select-content-available-height)}.tg\\:max-h-24{max-height:calc(var(--tg-spacing) * 24)}.tg\\:max-h-40{max-height:calc(var(--tg-spacing) * 40)}.tg\\:max-h-72{max-height:calc(var(--tg-spacing) * 72)}.tg\\:max-h-80{max-height:calc(var(--tg-spacing) * 80)}.tg\\:max-h-150{max-height:calc(var(--tg-spacing) * 150)}.tg\\:max-h-\\[300px\\]{max-height:300px}.tg\\:min-h-0{min-height:calc(var(--tg-spacing) * 0)}.tg\\:min-h-5{min-height:calc(var(--tg-spacing) * 5)}.tg\\:min-h-6{min-height:calc(var(--tg-spacing) * 6)}.tg\\:min-h-16{min-height:calc(var(--tg-spacing) * 16)}.tg\\:w-\\(--cell-size\\){width:var(--cell-size)}.tg\\:w-\\(--radix-popover-trigger-width\\){width:var(--radix-popover-trigger-width)}.tg\\:w-0{width:calc(var(--tg-spacing) * 0)}.tg\\:w-1\\/3{width:33.3333%}.tg\\:w-1\\/4{width:25%}.tg\\:w-2\\.5{width:calc(var(--tg-spacing) * 2.5)}.tg\\:w-3{width:calc(var(--tg-spacing) * 3)}.tg\\:w-3\\/4{width:75%}.tg\\:w-4{width:calc(var(--tg-spacing) * 4)}.tg\\:w-4\\/12{width:33.3333%}.tg\\:w-6{width:calc(var(--tg-spacing) * 6)}.tg\\:w-6\\!{width:calc(var(--tg-spacing) * 6)!important}.tg\\:w-8{width:calc(var(--tg-spacing) * 8)}.tg\\:w-8\\/12{width:66.6667%}.tg\\:w-9{width:calc(var(--tg-spacing) * 9)}.tg\\:w-10{width:calc(var(--tg-spacing) * 10)}.tg\\:w-12{width:calc(var(--tg-spacing) * 12)}.tg\\:w-24{width:calc(var(--tg-spacing) * 24)}.tg\\:w-32{width:calc(var(--tg-spacing) * 32)}.tg\\:w-64{width:calc(var(--tg-spacing) * 64)}.tg\\:w-72{width:calc(var(--tg-spacing) * 72)}.tg\\:w-80{width:calc(var(--tg-spacing) * 80)}.tg\\:w-96{width:calc(var(--tg-spacing) * 96)}.tg\\:w-\\[var\\(--radix-popover-trigger-width\\)\\]{width:var(--radix-popover-trigger-width)}.tg\\:w-auto{width:auto}.tg\\:w-fit{width:fit-content}.tg\\:w-full{width:100%}.tg\\:w-md{width:var(--tg-container-md)}.tg\\:w-screen{width:100vw}.tg\\:max-w-2xl{max-width:var(--tg-container-2xl)}.tg\\:max-w-18{max-width:calc(var(--tg-spacing) * 18)}.tg\\:max-w-87\\.5{max-width:calc(var(--tg-spacing) * 87.5)}.tg\\:max-w-\\[50\\%\\]{max-width:50%}.tg\\:max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.tg\\:max-w-full{max-width:100%}.tg\\:max-w-lg{max-width:var(--tg-container-lg)}.tg\\:max-w-md{max-width:var(--tg-container-md)}.tg\\:max-w-none{max-width:none}.tg\\:min-w-\\(--cell-size\\){min-width:var(--cell-size)}.tg\\:min-w-0{min-width:calc(var(--tg-spacing) * 0)}.tg\\:min-w-8{min-width:calc(var(--tg-spacing) * 8)}.tg\\:min-w-9{min-width:calc(var(--tg-spacing) * 9)}.tg\\:min-w-10{min-width:calc(var(--tg-spacing) * 10)}.tg\\:min-w-14{min-width:calc(var(--tg-spacing) * 14)}.tg\\:min-w-\\[8rem\\]{min-width:8rem}.tg\\:min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.tg\\:flex-1{flex:1}.tg\\:shrink-0{flex-shrink:0}.tg\\:border-collapse{border-collapse:collapse}.tg\\:origin-\\(--radix-dropdown-menu-content-transform-origin\\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.tg\\:origin-\\(--radix-popover-content-transform-origin\\){transform-origin:var(--radix-popover-content-transform-origin)}.tg\\:origin-\\(--radix-select-content-transform-origin\\){transform-origin:var(--radix-select-content-transform-origin)}.tg\\:origin-\\(--radix-tooltip-content-transform-origin\\){transform-origin:var(--radix-tooltip-content-transform-origin)}.tg\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:translate-x-\\[-50\\%\\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:translate-y-1\\/2{--tw-translate-y:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:translate-y-\\[calc\\(-50\\%_-_2px\\)\\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:rotate-45{rotate:45deg}.tg\\:transform-none\\!{transform:none!important}.tg\\:animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.tg\\:animate-pulse{animation:var(--tg-animate-pulse)}.tg\\:animate-spin{animation:var(--tg-animate-spin)}.tg\\:cursor-default{cursor:default}.tg\\:cursor-pointer{cursor:pointer}.tg\\:touch-none{touch-action:none}.tg\\:resize-none{resize:none}.tg\\:scroll-my-1{scroll-margin-block:calc(var(--tg-spacing) * 1)}.tg\\:scroll-py-1{scroll-padding-block:calc(var(--tg-spacing) * 1)}.tg\\:list-inside{list-style-position:inside}.tg\\:list-disc{list-style-type:disc}.tg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tg\\:flex-col{flex-direction:column}.tg\\:flex-col-reverse{flex-direction:column-reverse}.tg\\:flex-row{flex-direction:row}.tg\\:flex-wrap{flex-wrap:wrap}.tg\\:place-content-center{place-content:center}.tg\\:items-center{align-items:center}.tg\\:items-end{align-items:flex-end}.tg\\:items-start{align-items:flex-start}.tg\\:justify-between{justify-content:space-between}.tg\\:justify-center{justify-content:center}.tg\\:justify-end{justify-content:flex-end}.tg\\:gap-0{gap:calc(var(--tg-spacing) * 0)}.tg\\:gap-0\\.5{gap:calc(var(--tg-spacing) * .5)}.tg\\:gap-1{gap:calc(var(--tg-spacing) * 1)}.tg\\:gap-1\\.5{gap:calc(var(--tg-spacing) * 1.5)}.tg\\:gap-2{gap:calc(var(--tg-spacing) * 2)}.tg\\:gap-3{gap:calc(var(--tg-spacing) * 3)}.tg\\:gap-4{gap:calc(var(--tg-spacing) * 4)}.tg\\:gap-5{gap:calc(var(--tg-spacing) * 5)}.tg\\:gap-6{gap:calc(var(--tg-spacing) * 6)}.tg\\:gap-7{gap:calc(var(--tg-spacing) * 7)}:where(.tg\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tg-spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tg-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.tg\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tg-spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tg-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tg\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tg-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tg-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.tg\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tg-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tg-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tg\\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tg-spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tg-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.tg\\:gap-x-3{column-gap:calc(var(--tg-spacing) * 3)}:where(.tg\\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--tg-spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--tg-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.tg\\:gap-y-3{row-gap:calc(var(--tg-spacing) * 3)}.tg\\:self-center{align-self:center}.tg\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tg\\:overflow-auto{overflow:auto}.tg\\:overflow-hidden{overflow:hidden}.tg\\:overflow-x-hidden{overflow-x:hidden}.tg\\:overflow-y-auto{overflow-y:auto}.tg\\:rounded{border-radius:.25rem}.tg\\:rounded-\\[2px\\]{border-radius:2px}.tg\\:rounded-\\[4px\\]{border-radius:4px}.tg\\:rounded-\\[inherit\\]{border-radius:inherit}.tg\\:rounded-full{border-radius:3.40282e38px}.tg\\:rounded-lg{border-radius:var(--treege-radius)}.tg\\:rounded-md{border-radius:calc(var(--treege-radius) - 2px)}.tg\\:rounded-none{border-radius:0}.tg\\:rounded-sm{border-radius:calc(var(--treege-radius) - 4px)}.tg\\:rounded-xs{border-radius:var(--tg-radius-xs)}.tg\\:rounded-t-lg{border-top-left-radius:var(--treege-radius);border-top-right-radius:var(--treege-radius)}.tg\\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.tg\\:rounded-l-md{border-top-left-radius:calc(var(--treege-radius) - 2px);border-bottom-left-radius:calc(var(--treege-radius) - 2px)}.tg\\:rounded-r-md{border-top-right-radius:calc(var(--treege-radius) - 2px);border-bottom-right-radius:calc(var(--treege-radius) - 2px)}.tg\\:rounded-b-lg{border-bottom-right-radius:var(--treege-radius);border-bottom-left-radius:var(--treege-radius)}.tg\\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.tg\\:border{border-style:var(--tw-border-style);border-width:1px}.tg\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tg\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tg\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tg\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tg\\:border-amber-500\\/40{border-color:var(--tg-color-amber-500)}@supports (color:color-mix(in lab, red, red)){.tg\\:border-amber-500\\/40{border-color:color-mix(in oklab, var(--tg-color-amber-500) 40%, transparent)}}.tg\\:border-destructive\\/50{border-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:border-destructive\\/50{border-color:color-mix(in oklab, var(--treege-destructive) 50%, transparent)}}.tg\\:border-foreground\\/30{border-color:var(--treege-foreground)}@supports (color:color-mix(in lab, red, red)){.tg\\:border-foreground\\/30{border-color:color-mix(in oklab, var(--treege-foreground) 30%, transparent)}}.tg\\:border-gray-300{border-color:var(--tg-color-gray-300)}.tg\\:border-input{border-color:var(--treege-input)}.tg\\:border-transparent{border-color:#0000}.tg\\:border-t-transparent{border-top-color:#0000}.tg\\:border-l-transparent{border-left-color:#0000}.tg\\:bg-accent{background-color:var(--treege-accent)}.tg\\:bg-amber-500\\/10{background-color:var(--tg-color-amber-500)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-amber-500\\/10{background-color:color-mix(in oklab, var(--tg-color-amber-500) 10%, transparent)}}.tg\\:bg-amber-500\\/15{background-color:var(--tg-color-amber-500)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-amber-500\\/15{background-color:color-mix(in oklab, var(--tg-color-amber-500) 15%, transparent)}}.tg\\:bg-background{background-color:var(--treege-background)}.tg\\:bg-black\\/50{background-color:var(--tg-color-black)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-black\\/50{background-color:color-mix(in oklab, var(--tg-color-black) 50%, transparent)}}.tg\\:bg-blue-300{background-color:var(--tg-color-blue-300)}.tg\\:bg-blue-500,.tg\\:bg-blue-500\\/15{background-color:var(--tg-color-blue-500)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-blue-500\\/15{background-color:color-mix(in oklab, var(--tg-color-blue-500) 15%, transparent)}}.tg\\:bg-border{background-color:var(--treege-border)}.tg\\:bg-card{background-color:var(--treege-card)}.tg\\:bg-destructive,.tg\\:bg-destructive\\/10{background-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-destructive\\/10{background-color:color-mix(in oklab, var(--treege-destructive) 10%, transparent)}}.tg\\:bg-emerald-500{background-color:var(--tg-color-emerald-500)}.tg\\:bg-foreground{background-color:var(--treege-foreground)}.tg\\:bg-green-500\\/15{background-color:var(--tg-color-green-500)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-green-500\\/15{background-color:color-mix(in oklab, var(--tg-color-green-500) 15%, transparent)}}.tg\\:bg-muted{background-color:var(--treege-muted)}.tg\\:bg-muted-foreground{background-color:var(--treege-muted-foreground)}.tg\\:bg-muted\\/20{background-color:var(--treege-muted)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-muted\\/20{background-color:color-mix(in oklab, var(--treege-muted) 20%, transparent)}}.tg\\:bg-muted\\/30{background-color:var(--treege-muted)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-muted\\/30{background-color:color-mix(in oklab, var(--treege-muted) 30%, transparent)}}.tg\\:bg-popover{background-color:var(--treege-popover)}.tg\\:bg-primary{background-color:var(--treege-primary)}.tg\\:bg-purple-500\\/15{background-color:var(--tg-color-purple-500)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-purple-500\\/15{background-color:color-mix(in oklab, var(--tg-color-purple-500) 15%, transparent)}}.tg\\:bg-purple-600{background-color:var(--tg-color-purple-600)}.tg\\:bg-red-500\\/15{background-color:var(--tg-color-red-500)}@supports (color:color-mix(in lab, red, red)){.tg\\:bg-red-500\\/15{background-color:color-mix(in oklab, var(--tg-color-red-500) 15%, transparent)}}.tg\\:bg-secondary{background-color:var(--treege-secondary)}.tg\\:bg-transparent{background-color:#0000}.tg\\:fill-current{fill:currentColor}.tg\\:fill-foreground{fill:var(--treege-foreground)}.tg\\:fill-primary{fill:var(--treege-primary)}.tg\\:object-cover{object-fit:cover}.tg\\:p-0{padding:calc(var(--tg-spacing) * 0)}.tg\\:p-0\\!{padding:calc(var(--tg-spacing) * 0)!important}.tg\\:p-1{padding:calc(var(--tg-spacing) * 1)}.tg\\:p-2{padding:calc(var(--tg-spacing) * 2)}.tg\\:p-3{padding:calc(var(--tg-spacing) * 3)}.tg\\:p-4{padding:calc(var(--tg-spacing) * 4)}.tg\\:p-6{padding:calc(var(--tg-spacing) * 6)}.tg\\:p-px{padding:1px}.tg\\:px-\\(--cell-size\\){padding-inline:var(--cell-size)}.tg\\:px-1{padding-inline:calc(var(--tg-spacing) * 1)}.tg\\:px-1\\.5{padding-inline:calc(var(--tg-spacing) * 1.5)}.tg\\:px-2{padding-inline:calc(var(--tg-spacing) * 2)}.tg\\:px-2\\.5{padding-inline:calc(var(--tg-spacing) * 2.5)}.tg\\:px-3{padding-inline:calc(var(--tg-spacing) * 3)}.tg\\:px-4{padding-inline:calc(var(--tg-spacing) * 4)}.tg\\:px-6{padding-inline:calc(var(--tg-spacing) * 6)}.tg\\:py-0{padding-block:calc(var(--tg-spacing) * 0)}.tg\\:py-0\\.5{padding-block:calc(var(--tg-spacing) * .5)}.tg\\:py-1{padding-block:calc(var(--tg-spacing) * 1)}.tg\\:py-1\\.5{padding-block:calc(var(--tg-spacing) * 1.5)}.tg\\:py-2{padding-block:calc(var(--tg-spacing) * 2)}.tg\\:py-3{padding-block:calc(var(--tg-spacing) * 3)}.tg\\:py-4{padding-block:calc(var(--tg-spacing) * 4)}.tg\\:py-6{padding-block:calc(var(--tg-spacing) * 6)}.tg\\:pt-2{padding-top:calc(var(--tg-spacing) * 2)}.tg\\:pr-1{padding-right:calc(var(--tg-spacing) * 1)}.tg\\:pr-2{padding-right:calc(var(--tg-spacing) * 2)}.tg\\:pr-8{padding-right:calc(var(--tg-spacing) * 8)}.tg\\:pr-10{padding-right:calc(var(--tg-spacing) * 10)}.tg\\:pr-22{padding-right:calc(var(--tg-spacing) * 22)}.tg\\:pb-1\\.5{padding-bottom:calc(var(--tg-spacing) * 1.5)}.tg\\:pl-2{padding-left:calc(var(--tg-spacing) * 2)}.tg\\:pl-4{padding-left:calc(var(--tg-spacing) * 4)}.tg\\:pl-8{padding-left:calc(var(--tg-spacing) * 8)}.tg\\:text-center{text-align:center}.tg\\:text-right{text-align:right}.tg\\:font-mono{font-family:var(--tg-font-mono)}.tg\\:text-2xl{font-size:var(--tg-text-2xl);line-height:var(--tw-leading,var(--tg-text-2xl--line-height))}.tg\\:text-base{font-size:var(--tg-text-base);line-height:var(--tw-leading,var(--tg-text-base--line-height))}.tg\\:text-lg{font-size:var(--tg-text-lg);line-height:var(--tw-leading,var(--tg-text-lg--line-height))}.tg\\:text-sm{font-size:var(--tg-text-sm);line-height:var(--tw-leading,var(--tg-text-sm--line-height))}.tg\\:text-xs{font-size:var(--tg-text-xs);line-height:var(--tw-leading,var(--tg-text-xs--line-height))}.tg\\:text-\\[0\\.8rem\\]{font-size:.8rem}.tg\\:text-\\[10px\\]{font-size:10px}.tg\\:leading-none{--tw-leading:1;line-height:1}.tg\\:leading-normal{--tw-leading:var(--tg-leading-normal);line-height:var(--tg-leading-normal)}.tg\\:leading-snug{--tw-leading:var(--tg-leading-snug);line-height:var(--tg-leading-snug)}.tg\\:font-bold{--tw-font-weight:var(--tg-font-weight-bold);font-weight:var(--tg-font-weight-bold)}.tg\\:font-light{--tw-font-weight:var(--tg-font-weight-light);font-weight:var(--tg-font-weight-light)}.tg\\:font-medium{--tw-font-weight:var(--tg-font-weight-medium);font-weight:var(--tg-font-weight-medium)}.tg\\:font-normal{--tw-font-weight:var(--tg-font-weight-normal);font-weight:var(--tg-font-weight-normal)}.tg\\:font-semibold{--tw-font-weight:var(--tg-font-weight-semibold);font-weight:var(--tg-font-weight-semibold)}.tg\\:tracking-widest{--tw-tracking:var(--tg-tracking-widest);letter-spacing:var(--tg-tracking-widest)}.tg\\:text-balance{text-wrap:balance}.tg\\:whitespace-nowrap{white-space:nowrap}.tg\\:text-\\[\\#13d3b4\\]{color:#13d3b4}.tg\\:text-\\[--treege-color-primary\\]{color:--treege-color-primary}.tg\\:text-accent-foreground{color:var(--treege-accent-foreground)}.tg\\:text-amber-600{color:var(--tg-color-amber-600)}.tg\\:text-amber-700{color:var(--tg-color-amber-700)}.tg\\:text-background{color:var(--treege-background)}.tg\\:text-blue-700{color:var(--tg-color-blue-700)}.tg\\:text-current{color:currentColor}.tg\\:text-destructive{color:var(--treege-destructive)}.tg\\:text-foreground{color:var(--treege-foreground)}.tg\\:text-gray-300{color:var(--tg-color-gray-300)}.tg\\:text-gray-400{color:var(--tg-color-gray-400)}.tg\\:text-gray-500{color:var(--tg-color-gray-500)}.tg\\:text-green-700{color:var(--tg-color-green-700)}.tg\\:text-muted-foreground,.tg\\:text-muted-foreground\\/60{color:var(--treege-muted-foreground)}@supports (color:color-mix(in lab, red, red)){.tg\\:text-muted-foreground\\/60{color:color-mix(in oklab, var(--treege-muted-foreground) 60%, transparent)}}.tg\\:text-popover-foreground{color:var(--treege-popover-foreground)}.tg\\:text-primary{color:var(--treege-primary)}.tg\\:text-primary-foreground{color:var(--treege-primary-foreground)}.tg\\:text-purple-700{color:var(--tg-color-purple-700)}.tg\\:text-red-500{color:var(--tg-color-red-500)}.tg\\:text-red-700{color:var(--tg-color-red-700)}.tg\\:text-secondary-foreground{color:var(--treege-secondary-foreground)}.tg\\:text-sky-400\\/90{color:var(--tg-color-sky-400)}@supports (color:color-mix(in lab, red, red)){.tg\\:text-sky-400\\/90{color:color-mix(in oklab, var(--tg-color-sky-400) 90%, transparent)}}.tg\\:text-white{color:var(--tg-color-white)}.tg\\:capitalize{text-transform:capitalize}.tg\\:uppercase{text-transform:uppercase}.tg\\:underline{text-decoration-line:underline}.tg\\:underline-offset-4{text-underline-offset:4px}.tg\\:\\[color-scheme\\:light\\]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tg\\:opacity-0{opacity:0}.tg\\:opacity-50{opacity:.5}.tg\\:opacity-60{opacity:.6}.tg\\:opacity-70{opacity:.7}.tg\\:opacity-100{opacity:1}.tg\\:opacity-100\\!{opacity:1!important}.tg\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:ring-background{--tw-ring-color:var(--treege-background)}.tg\\:ring-offset-background{--tw-ring-offset-color:var(--treege-background)}.tg\\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.tg\\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.tg\\:drop-shadow-\\[0_0px_35px\\]{--tw-drop-shadow-size:drop-shadow(0 0px 35px var(--tw-drop-shadow-color,currentcolor));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.tg\\:drop-shadow-blue-600{--tw-drop-shadow-color:var(--tg-color-blue-600)}@supports (color:color-mix(in lab, red, red)){.tg\\:drop-shadow-blue-600{--tw-drop-shadow-color:color-mix(in oklab, var(--tg-color-blue-600) var(--tw-drop-shadow-alpha), transparent)}}.tg\\:drop-shadow-blue-600{--tw-drop-shadow:var(--tw-drop-shadow-size)}.tg\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--tg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tg-default-transition-duration))}.tg\\:transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--tg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tg-default-transition-duration))}.tg\\:transition-\\[filter\\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--tg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tg-default-transition-duration))}.tg\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--tg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tg-default-transition-duration))}.tg\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--tg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tg-default-transition-duration))}.tg\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--tg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tg-default-transition-duration))}.tg\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--tg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tg-default-transition-duration))}.tg\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--tg-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tg-default-transition-duration))}.tg\\:transition-none{transition-property:none}.tg\\:duration-0{--tw-duration:0s;transition-duration:0s}.tg\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tg\\:ease-in-out{--tw-ease:var(--tg-ease-in-out);transition-timing-function:var(--tg-ease-in-out)}.tg\\:fade-in-0{--tw-enter-opacity:0}.tg\\:outline-none{--tw-outline-style:none;outline-style:none}.tg\\:select-none{-webkit-user-select:none;user-select:none}.tg\\:zoom-in-95{--tw-enter-scale:.95}.tg\\:\\[--cell-size\\:--spacing\\(8\\)\\]{--cell-size:calc(var(--tg-spacing) * 8)}@media (hover:hover){.tg\\:group-hover\\:flex:is(:where(.tg\\:group):hover *){display:flex}.tg\\:group-hover\\:hidden:is(:where(.tg\\:group):hover *){display:none}.tg\\:group-hover\\:opacity-100:is(:where(.tg\\:group):hover *){opacity:1}.tg\\:group-hover\\/option\\:invisible:is(:where(.tg\\:group\\/option):hover *){visibility:hidden}.tg\\:group-hover\\/option\\:flex:is(:where(.tg\\:group\\/option):hover *){display:flex}.tg\\:group-hover\\/option\\:hidden:is(:where(.tg\\:group\\/option):hover *){display:none}.tg\\:group-hover\\/option\\:pr-16:is(:where(.tg\\:group\\/option):hover *){padding-right:calc(var(--tg-spacing) * 16)}.tg\\:group-hover\\/seam\\:pointer-events-auto:is(:where(.tg\\:group\\/seam):hover *){pointer-events:auto}.tg\\:group-hover\\/seam\\:opacity-100:is(:where(.tg\\:group\\/seam):hover *){opacity:1}.tg\\:group-hover\\/seam\\:duration-150:is(:where(.tg\\:group\\/seam):hover *){--tw-duration:.15s;transition-duration:.15s}}.tg\\:group-has-\\[\\[data-orientation\\=horizontal\\]\\]\\/field\\:text-balance:is(:where(.tg\\:group\\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.tg\\:group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.tg\\:group)[data-disabled=true] *){pointer-events:none}.tg\\:group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.tg\\:group)[data-disabled=true] *),.tg\\:group-data-\\[disabled\\=true\\]\\/field\\:opacity-50:is(:where(.tg\\:group\\/field)[data-disabled=true] *){opacity:.5}.tg\\:group-data-\\[focused\\=true\\]\\/day\\:relative:is(:where(.tg\\:group\\/day)[data-focused=true] *){position:relative}.tg\\:group-data-\\[focused\\=true\\]\\/day\\:z-10:is(:where(.tg\\:group\\/day)[data-focused=true] *){z-index:10}.tg\\:group-data-\\[focused\\=true\\]\\/day\\:border-ring:is(:where(.tg\\:group\\/day)[data-focused=true] *){border-color:var(--treege-ring)}.tg\\:group-data-\\[focused\\=true\\]\\/day\\:ring-\\[3px\\]:is(:where(.tg\\:group\\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.tg\\:group\\/day)[data-focused=true] *){--tw-ring-color:var(--treege-ring)}@supports (color:color-mix(in lab, red, red)){.tg\\:group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.tg\\:group\\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, var(--treege-ring) 50%, transparent)}}.tg\\:group-data-\\[variant\\=outline\\]\\/field-group\\:-mb-2:is(:where(.tg\\:group\\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--tg-spacing) * -2)}.tg\\:peer-disabled\\:cursor-not-allowed:is(:where(.tg\\:peer):disabled~*){cursor:not-allowed}.tg\\:peer-disabled\\:opacity-50:is(:where(.tg\\:peer):disabled~*){opacity:.5}.tg\\:selection\\:bg-primary ::selection{background-color:var(--treege-primary)}.tg\\:selection\\:bg-primary::selection{background-color:var(--treege-primary)}.tg\\:selection\\:text-primary-foreground ::selection{color:var(--treege-primary-foreground)}.tg\\:selection\\:text-primary-foreground::selection{color:var(--treege-primary-foreground)}.tg\\:file\\:inline-flex::file-selector-button{display:inline-flex}.tg\\:file\\:h-7::file-selector-button{height:calc(var(--tg-spacing) * 7)}.tg\\:file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.tg\\:file\\:bg-transparent::file-selector-button{background-color:#0000}.tg\\:file\\:text-sm::file-selector-button{font-size:var(--tg-text-sm);line-height:var(--tw-leading,var(--tg-text-sm--line-height))}.tg\\:file\\:font-medium::file-selector-button{--tw-font-weight:var(--tg-font-weight-medium);font-weight:var(--tg-font-weight-medium)}.tg\\:file\\:text-foreground::file-selector-button{color:var(--treege-foreground)}.tg\\:placeholder\\:text-muted-foreground::placeholder,.tg\\:placeholder\\:text-muted-foreground\\/40::placeholder{color:var(--treege-muted-foreground)}@supports (color:color-mix(in lab, red, red)){.tg\\:placeholder\\:text-muted-foreground\\/40::placeholder{color:color-mix(in oklab, var(--treege-muted-foreground) 40%, transparent)}}.tg\\:first\\:rounded-l-md:first-child{border-top-left-radius:calc(var(--treege-radius) - 2px);border-bottom-left-radius:calc(var(--treege-radius) - 2px)}.tg\\:last\\:mt-0:last-child{margin-top:calc(var(--tg-spacing) * 0)}.tg\\:last\\:rounded-r-md:last-child{border-top-right-radius:calc(var(--treege-radius) - 2px);border-bottom-right-radius:calc(var(--treege-radius) - 2px)}.tg\\:focus-within\\:pointer-events-auto:focus-within{pointer-events:auto}.tg\\:focus-within\\:opacity-100:focus-within{opacity:1}.tg\\:focus-within\\:duration-150:focus-within{--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.tg\\:hover\\:bg-accent:hover{background-color:var(--treege-accent)}.tg\\:hover\\:bg-blue-600:hover{background-color:var(--tg-color-blue-600)}.tg\\:hover\\:bg-destructive\\/90:hover{background-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab, var(--treege-destructive) 90%, transparent)}}.tg\\:hover\\:bg-muted:hover{background-color:var(--treege-muted)}.tg\\:hover\\:bg-primary:hover,.tg\\:hover\\:bg-primary\\/80:hover{background-color:var(--treege-primary)}@supports (color:color-mix(in lab, red, red)){.tg\\:hover\\:bg-primary\\/80:hover{background-color:color-mix(in oklab, var(--treege-primary) 80%, transparent)}}.tg\\:hover\\:bg-primary\\/80\\!:hover{background-color:var(--treege-primary)!important}@supports (color:color-mix(in lab, red, red)){.tg\\:hover\\:bg-primary\\/80\\!:hover{background-color:color-mix(in oklab, var(--treege-primary) 80%, transparent)!important}}.tg\\:hover\\:bg-primary\\/90:hover{background-color:var(--treege-primary)}@supports (color:color-mix(in lab, red, red)){.tg\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab, var(--treege-primary) 90%, transparent)}}.tg\\:hover\\:bg-purple-700:hover{background-color:var(--tg-color-purple-700)}.tg\\:hover\\:bg-secondary:hover,.tg\\:hover\\:bg-secondary\\/80:hover{background-color:var(--treege-secondary)}@supports (color:color-mix(in lab, red, red)){.tg\\:hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab, var(--treege-secondary) 80%, transparent)}}.tg\\:hover\\:bg-transparent\\!:hover{background-color:#0000!important}.tg\\:hover\\:text-\\[--treege-color-primary\\]:hover{color:--treege-color-primary}.tg\\:hover\\:text-accent-foreground:hover{color:var(--treege-accent-foreground)}.tg\\:hover\\:text-destructive:hover{color:var(--treege-destructive)}.tg\\:hover\\:text-muted-foreground:hover{color:var(--treege-muted-foreground)}.tg\\:hover\\:no-underline:hover{text-decoration-line:none}.tg\\:hover\\:underline:hover{text-decoration-line:underline}.tg\\:hover\\:opacity-100:hover{opacity:1}.tg\\:hover\\:brightness-90:hover{--tw-brightness:brightness(90%);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,)}.tg\\:hover\\:brightness-125:hover{--tw-brightness:brightness(125%);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,)}}.tg\\:focus\\:z-10:focus{z-index:10}.tg\\:focus\\:bg-accent:focus{background-color:var(--treege-accent)}.tg\\:focus\\:text-accent-foreground:focus{color:var(--treege-accent-foreground)}.tg\\:focus\\:text-destructive:focus{color:var(--treege-destructive)}.tg\\:focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:focus\\:ring-blue-500:focus{--tw-ring-color:var(--tg-color-blue-500)}.tg\\:focus\\:ring-ring:focus{--tw-ring-color:var(--treege-ring)}.tg\\:focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tg\\:focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.tg\\:focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.tg\\:focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.tg\\:focus-visible\\:z-10:focus-visible{z-index:10}.tg\\:focus-visible\\:border-ring:focus-visible{border-color:var(--treege-ring)}.tg\\:focus-visible\\:border-transparent\\!:focus-visible{border-color:#0000!important}.tg\\:focus-visible\\:ring-0\\!:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.tg\\:focus-visible\\:ring-\\[3px\\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--treege-destructive) 20%, transparent)}}.tg\\:focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--treege-ring)}@supports (color:color-mix(in lab, red, red)){.tg\\:focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--treege-ring) 50%, transparent)}}.tg\\:focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.tg\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.tg\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tg\\:disabled\\:opacity-50:disabled{opacity:.5}.tg\\:has-focus\\:border-ring:has(:focus){border-color:var(--treege-ring)}.tg\\:has-focus\\:ring-\\[3px\\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:has-focus\\:ring-ring\\/50:has(:focus){--tw-ring-color:var(--treege-ring)}@supports (color:color-mix(in lab, red, red)){.tg\\:has-focus\\:ring-ring\\/50:has(:focus){--tw-ring-color:color-mix(in oklab, var(--treege-ring) 50%, transparent)}}.tg\\:has-data-\\[state\\=checked\\]\\:border-primary:has([data-state=checked]){border-color:var(--treege-primary)}.tg\\:has-data-\\[state\\=checked\\]\\:bg-primary\\/5:has([data-state=checked]){background-color:var(--treege-primary)}@supports (color:color-mix(in lab, red, red)){.tg\\:has-data-\\[state\\=checked\\]\\:bg-primary\\/5:has([data-state=checked]){background-color:color-mix(in oklab, var(--treege-primary) 5%, transparent)}}.tg\\:has-\\[\\>\\[data-slot\\=checkbox-group\\]\\]\\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--tg-spacing) * 3)}.tg\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.tg\\:has-\\[\\>\\[data-slot\\=field\\]\\]\\:w-full:has(>[data-slot=field]){width:100%}.tg\\:has-\\[\\>\\[data-slot\\=field\\]\\]\\:flex-col:has(>[data-slot=field]){flex-direction:column}.tg\\:has-\\[\\>\\[data-slot\\=field\\]\\]\\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--treege-radius) - 2px)}.tg\\:has-\\[\\>\\[data-slot\\=field\\]\\]\\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.tg\\:has-\\[\\>\\[data-slot\\=radio-group\\]\\]\\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--tg-spacing) * 3)}.tg\\:has-\\[\\>svg\\]\\:px-1\\.5:has(>svg){padding-inline:calc(var(--tg-spacing) * 1.5)}.tg\\:has-\\[\\>svg\\]\\:px-2\\.5:has(>svg){padding-inline:calc(var(--tg-spacing) * 2.5)}.tg\\:has-\\[\\>svg\\]\\:px-3:has(>svg){padding-inline:calc(var(--tg-spacing) * 3)}.tg\\:has-\\[\\>svg\\]\\:px-4:has(>svg){padding-inline:calc(var(--tg-spacing) * 4)}.tg\\:aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}.tg\\:aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--treege-destructive)}.tg\\:aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--treege-destructive) 20%, transparent)}}.tg\\:aria-selected\\:text-muted-foreground[aria-selected=true]{color:var(--treege-muted-foreground)}.tg\\:data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.tg\\:data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.tg\\:data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=true]{pointer-events:none}.tg\\:data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=true]{opacity:.5}.tg\\:data-\\[inset\\]\\:pl-7[data-inset]{padding-left:calc(var(--tg-spacing) * 7)}.tg\\:data-\\[inset\\]\\:pl-8[data-inset]{padding-left:calc(var(--tg-spacing) * 8)}.tg\\:data-\\[invalid\\=true\\]\\:text-destructive[data-invalid=true]{color:var(--treege-destructive)}.tg\\:data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation=horizontal]{height:1px}.tg\\:data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation=horizontal]{width:100%}.tg\\:data-\\[orientation\\=vertical\\]\\:h-full[data-orientation=vertical]{height:100%}.tg\\:data-\\[orientation\\=vertical\\]\\:w-px[data-orientation=vertical]{width:1px}.tg\\:data-\\[placeholder\\]\\:text-muted-foreground[data-placeholder]{color:var(--treege-muted-foreground)}.tg\\:data-\\[range-end\\=true\\]\\:rounded-md[data-range-end=true]{border-radius:calc(var(--treege-radius) - 2px)}.tg\\:data-\\[range-end\\=true\\]\\:rounded-r-md[data-range-end=true]{border-top-right-radius:calc(var(--treege-radius) - 2px);border-bottom-right-radius:calc(var(--treege-radius) - 2px)}.tg\\:data-\\[range-end\\=true\\]\\:bg-primary[data-range-end=true]{background-color:var(--treege-primary)}.tg\\:data-\\[range-end\\=true\\]\\:text-primary-foreground[data-range-end=true]{color:var(--treege-primary-foreground)}.tg\\:data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle=true]{border-radius:0}.tg\\:data-\\[range-middle\\=true\\]\\:bg-accent[data-range-middle=true]{background-color:var(--treege-accent)}.tg\\:data-\\[range-middle\\=true\\]\\:text-accent-foreground[data-range-middle=true]{color:var(--treege-accent-foreground)}.tg\\:data-\\[range-start\\=true\\]\\:rounded-md[data-range-start=true]{border-radius:calc(var(--treege-radius) - 2px)}.tg\\:data-\\[range-start\\=true\\]\\:rounded-l-md[data-range-start=true]{border-top-left-radius:calc(var(--treege-radius) - 2px);border-bottom-left-radius:calc(var(--treege-radius) - 2px)}.tg\\:data-\\[range-start\\=true\\]\\:bg-primary[data-range-start=true]{background-color:var(--treege-primary)}.tg\\:data-\\[range-start\\=true\\]\\:text-primary-foreground[data-range-start=true]{color:var(--treege-primary-foreground)}.tg\\:data-\\[selected-single\\=true\\]\\:bg-primary[data-selected-single=true]{background-color:var(--treege-primary)}.tg\\:data-\\[selected-single\\=true\\]\\:text-primary-foreground[data-selected-single=true]{color:var(--treege-primary-foreground)}.tg\\:data-\\[selected\\=true\\]\\:rounded-none[data-selected=true]{border-radius:0}.tg\\:data-\\[selected\\=true\\]\\:bg-accent[data-selected=true]{background-color:var(--treege-accent)}.tg\\:data-\\[selected\\=true\\]\\:text-accent-foreground[data-selected=true]{color:var(--treege-accent-foreground)}.tg\\:data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--tg-spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.tg\\:data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--tg-spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.tg\\:data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--tg-spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.tg\\:data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--tg-spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.tg\\:data-\\[size\\=default\\]\\:h-9[data-size=default]{height:calc(var(--tg-spacing) * 9)}.tg\\:data-\\[size\\=sm\\]\\:h-8[data-size=sm]{height:calc(var(--tg-spacing) * 8)}.tg\\:data-\\[slot\\=checkbox-group\\]\\:gap-3[data-slot=checkbox-group]{gap:calc(var(--tg-spacing) * 3)}:is(.tg\\:\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--tg-spacing) * 12)}:is(.tg\\:\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.tg\\:\\*\\:data-\\[slot\\=select-value\\]\\:flex>*)[data-slot=select-value]{display:flex}:is(.tg\\:\\*\\:data-\\[slot\\=select-value\\]\\:items-center>*)[data-slot=select-value]{align-items:center}:is(.tg\\:\\*\\:data-\\[slot\\=select-value\\]\\:gap-2>*)[data-slot=select-value]{gap:calc(var(--tg-spacing) * 2)}.tg\\:data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:data-\\[state\\=checked\\]\\:border-primary[data-state=checked]{border-color:var(--treege-primary)}.tg\\:data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:var(--treege-primary)}.tg\\:data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=checked]{color:var(--treege-primary-foreground)}.tg\\:data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.tg\\:data-\\[state\\=closed\\]\\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.tg\\:data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.tg\\:data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.tg\\:data-\\[state\\=closed\\]\\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.tg\\:data-\\[state\\=closed\\]\\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.tg\\:data-\\[state\\=closed\\]\\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.tg\\:data-\\[state\\=closed\\]\\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.tg\\:data-\\[state\\=on\\]\\:bg-accent[data-state=on]{background-color:var(--treege-accent)}.tg\\:data-\\[state\\=on\\]\\:text-accent-foreground[data-state=on]{color:var(--treege-accent-foreground)}.tg\\:data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.tg\\:data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:var(--treege-accent)}.tg\\:data-\\[state\\=open\\]\\:bg-secondary[data-state=open]{background-color:var(--treege-secondary)}.tg\\:data-\\[state\\=open\\]\\:text-accent-foreground[data-state=open]{color:var(--treege-accent-foreground)}.tg\\:data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:var(--treege-muted-foreground)}.tg\\:data-\\[state\\=open\\]\\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.tg\\:data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.tg\\:data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.tg\\:data-\\[state\\=open\\]\\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.tg\\:data-\\[state\\=open\\]\\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.tg\\:data-\\[state\\=open\\]\\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.tg\\:data-\\[state\\=open\\]\\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.tg\\:data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--tg-spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.tg\\:data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:var(--treege-input)}.tg\\:data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=destructive]{color:var(--treege-destructive)}.tg\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--treege-destructive) 10%, transparent)}}.tg\\:data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=destructive]:focus{color:var(--treege-destructive)}.tg\\:data-\\[variant\\=label\\]\\:text-sm[data-variant=label]{font-size:var(--tg-text-sm);line-height:var(--tw-leading,var(--tg-text-sm--line-height))}.tg\\:data-\\[variant\\=legend\\]\\:text-base[data-variant=legend]{font-size:var(--tg-text-base);line-height:var(--tw-leading,var(--tg-text-base--line-height))}.tg\\:data-\\[variant\\=outline\\]\\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.tg\\:data-\\[variant\\=outline\\]\\:shadow-xs[data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tg\\:data-\\[variant\\=outline\\]\\:first\\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.tg\\:nth-last-2\\:-mt-1:nth-last-child(2){margin-top:calc(var(--tg-spacing) * -1)}@media (width>=40rem){.tg\\:sm\\:max-w-\\[550px\\]\\!{max-width:550px!important}.tg\\:sm\\:max-w-lg{max-width:var(--tg-container-lg)}.tg\\:sm\\:max-w-none{max-width:none}.tg\\:sm\\:max-w-sm{max-width:var(--tg-container-sm)}.tg\\:sm\\:flex-row{flex-direction:row}.tg\\:sm\\:justify-end{justify-content:flex-end}.tg\\:sm\\:text-left{text-align:left}}@media (width>=48rem){.tg\\:md\\:top-5{top:calc(var(--tg-spacing) * 5)}.tg\\:md\\:inline{display:inline}.tg\\:md\\:h-14{height:calc(var(--tg-spacing) * 14)}.tg\\:md\\:w-3\\/4{width:75%}.tg\\:md\\:flex-row{flex-direction:row}.tg\\:md\\:text-sm{font-size:var(--tg-text-sm);line-height:var(--tw-leading,var(--tg-text-sm--line-height))}}@container field-group (width>=28rem){.tg\\:\\@md\\/field-group\\:flex-row{flex-direction:row}.tg\\:\\@md\\/field-group\\:items-center{align-items:center}.tg\\:\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.tg\\:dark\\:border-input:is(.dark *){border-color:var(--treege-input)}.tg\\:dark\\:bg-blue-600:is(.dark *){background-color:var(--tg-color-blue-600)}.tg\\:dark\\:bg-destructive\\/60:is(.dark *){background-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:dark\\:bg-destructive\\/60:is(.dark *){background-color:color-mix(in oklab, var(--treege-destructive) 60%, transparent)}}.tg\\:dark\\:bg-input\\/30:is(.dark *){background-color:var(--treege-input)}@supports (color:color-mix(in lab, red, red)){.tg\\:dark\\:bg-input\\/30:is(.dark *){background-color:color-mix(in oklab, var(--treege-input) 30%, transparent)}}.tg\\:dark\\:\\[color-scheme\\:dark\\]:is(.dark *){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (hover:hover){.tg\\:dark\\:hover\\:bg-accent\\/50:is(.dark *):hover{background-color:var(--treege-accent)}@supports (color:color-mix(in lab, red, red)){.tg\\:dark\\:hover\\:bg-accent\\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--treege-accent) 50%, transparent)}}.tg\\:dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:var(--treege-input)}@supports (color:color-mix(in lab, red, red)){.tg\\:dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--treege-input) 50%, transparent)}}.tg\\:dark\\:hover\\:text-accent-foreground:is(.dark *):hover{color:var(--treege-accent-foreground)}}.tg\\:dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--treege-destructive) 40%, transparent)}}.tg\\:dark\\:has-data-\\[state\\=checked\\]\\:bg-primary\\/10:is(.dark *):has([data-state=checked]){background-color:var(--treege-primary)}@supports (color:color-mix(in lab, red, red)){.tg\\:dark\\:has-data-\\[state\\=checked\\]\\:bg-primary\\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab, var(--treege-primary) 10%, transparent)}}.tg\\:dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--treege-destructive) 40%, transparent)}}.tg\\:dark\\:data-\\[state\\=checked\\]\\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--treege-primary)}.tg\\:dark\\:data-\\[state\\=checked\\]\\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--treege-primary-foreground)}.tg\\:dark\\:data-\\[state\\=unchecked\\]\\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--treege-foreground)}.tg\\:dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80:is(.dark *)[data-state=unchecked]{background-color:var(--treege-input)}@supports (color:color-mix(in lab, red, red)){.tg\\:dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab, var(--treege-input) 80%, transparent)}}.tg\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){.tg\\:dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--treege-destructive) 20%, transparent)}}.tg\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--tg-spacing) * 2)}.tg\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading]{padding-block:calc(var(--tg-spacing) * 1.5)}.tg\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading]{font-size:var(--tg-text-xs);line-height:var(--tw-leading,var(--tg-text-xs--line-height))}.tg\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--tg-font-weight-medium);font-weight:var(--tg-font-weight-medium)}.tg\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading]{color:var(--treege-muted-foreground)}.tg\\:\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group]{padding-inline:calc(var(--tg-spacing) * 2)}.tg\\:\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--tg-spacing) * 0)}.tg\\:\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--tg-spacing) * 5)}.tg\\:\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--tg-spacing) * 5)}.tg\\:\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input]{height:calc(var(--tg-spacing) * 12)}.tg\\:\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item]{padding-inline:calc(var(--tg-spacing) * 2)}.tg\\:\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item]{padding-block:calc(var(--tg-spacing) * 3)}.tg\\:\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg{height:calc(var(--tg-spacing) * 5)}.tg\\:\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg{width:calc(var(--tg-spacing) * 5)}.tg\\:\\[\\&_label\\:empty\\]\\:hidden label:empty{display:none}.tg\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.tg\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.tg\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--tg-spacing) * 4);height:calc(var(--tg-spacing) * 4)}.tg\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-muted-foreground svg:not([class*=text-]){color:var(--treege-muted-foreground)}.tg\\:\\[\\&\\:first-child\\[data-selected\\=true\\]_button\\]\\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--treege-radius) - 2px);border-bottom-left-radius:calc(var(--treege-radius) - 2px)}:is(.tg\\:rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_next\\>svg\\]\\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.tg\\:rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_previous\\>svg\\]\\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}:is(.tg\\:\\*\\:\\[span\\]\\:last\\:flex>*):is(span):last-child{display:flex}:is(.tg\\:\\*\\:\\[span\\]\\:last\\:items-center>*):is(span):last-child{align-items:center}:is(.tg\\:\\*\\:\\[span\\]\\:last\\:gap-2>*):is(span):last-child{gap:calc(var(--tg-spacing) * 2)}:is(.tg\\:data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--treege-destructive)!important}.tg\\:\\[\\&\\:last-child\\[data-selected\\=true\\]_button\\]\\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--treege-radius) - 2px);border-bottom-right-radius:calc(var(--treege-radius) - 2px)}.tg\\:\\[\\&\\>\\*\\]\\:w-full>*{width:100%}.tg\\:\\[\\&\\>\\*\\]\\:data-\\[slot\\=field\\]\\:p-4>[data-slot=field]{padding:calc(var(--tg-spacing) * 4)}@container field-group (width>=28rem){.tg\\:\\@md\\/field-group\\:\\[\\&\\>\\*\\]\\:w-auto>*{width:auto}}.tg\\:\\[\\&\\>\\.sr-only\\]\\:w-auto>.sr-only{width:auto}.tg\\:\\[\\&\\>\\[data-slot\\=field-group\\]\\]\\:gap-4>[data-slot=field-group]{gap:calc(var(--tg-spacing) * 4)}.tg\\:\\[\\&\\>\\[data-slot\\=field-label\\]\\]\\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (width>=28rem){.tg\\:\\@md\\/field-group\\:\\[\\&\\>\\[data-slot\\=field-label\\]\\]\\:flex-auto>[data-slot=field-label]{flex:auto}}:is(.tg\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.tg\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}@container field-group (width>=28rem){:is(.tg\\:\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.tg\\:\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}}.tg\\:\\[\\&\\>a\\]\\:underline>a{text-decoration-line:underline}.tg\\:\\[\\&\\>a\\]\\:underline-offset-4>a{text-underline-offset:4px}.tg\\:\\[\\&\\>a\\:hover\\]\\:text-primary>a:hover{color:var(--treege-primary)}.tg\\:\\[\\&\\>span\\]\\:text-xs>span{font-size:var(--tg-text-xs);line-height:var(--tw-leading,var(--tg-text-xs--line-height))}.tg\\:\\[\\&\\>span\\]\\:opacity-70>span{opacity:.7}.tg\\:\\[\\&\\>svg\\]\\:pointer-events-none>svg{pointer-events:none}.tg\\:\\[\\&\\>svg\\]\\:size-2\\.5>svg{width:calc(var(--tg-spacing) * 2.5);height:calc(var(--tg-spacing) * 2.5)}.tg\\:\\[\\&\\>svg\\]\\:size-3>svg{width:calc(var(--tg-spacing) * 3);height:calc(var(--tg-spacing) * 3)}.tg\\:\\[\\&\\>svg\\]\\:size-3\\.5>svg{width:calc(var(--tg-spacing) * 3.5);height:calc(var(--tg-spacing) * 3.5)}.tg\\:\\[\\&\\>svg\\]\\:text-muted-foreground>svg{color:var(--treege-muted-foreground)}[data-slot=card-content] .tg\\:\\[\\[data-slot\\=card-content\\]_\\&\\]\\:bg-transparent,[data-slot=popover-content] .tg\\:\\[\\[data-slot\\=popover-content\\]_\\&\\]\\:bg-transparent{background-color:#0000}[data-variant=legend]+.tg\\:\\[\\[data-variant\\=legend\\]\\+\\&\\]\\:-mt-1\\.5{margin-top:calc(var(--tg-spacing) * -1.5)}@media (hover:hover){a.tg\\:\\[a\\&\\]\\:hover\\:bg-accent:hover{background-color:var(--treege-accent)}a.tg\\:\\[a\\&\\]\\:hover\\:bg-destructive\\/90:hover{background-color:var(--treege-destructive)}@supports (color:color-mix(in lab, red, red)){a.tg\\:\\[a\\&\\]\\:hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab, var(--treege-destructive) 90%, transparent)}}a.tg\\:\\[a\\&\\]\\:hover\\:bg-primary\\/90:hover{background-color:var(--treege-primary)}@supports (color:color-mix(in lab, red, red)){a.tg\\:\\[a\\&\\]\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab, var(--treege-primary) 90%, transparent)}}a.tg\\:\\[a\\&\\]\\:hover\\:bg-secondary\\/90:hover{background-color:var(--treege-secondary)}@supports (color:color-mix(in lab, red, red)){a.tg\\:\\[a\\&\\]\\:hover\\:bg-secondary\\/90:hover{background-color:color-mix(in oklab, var(--treege-secondary) 90%, transparent)}}a.tg\\:\\[a\\&\\]\\:hover\\:text-accent-foreground:hover{color:var(--treege-accent-foreground)}}}@property --tw-animation-delay{syntax:\"*\";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:\"*\";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:\"*\";inherits:false}@property --tw-animation-fill-mode{syntax:\"*\";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:\"*\";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:\"*\";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:\"*\";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:\"*\";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:\"*\";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:\"*\";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:\"*\";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:\"*\";inherits:false;initial-value:0}:root{--treege-radius:.625rem;--treege-background:oklch(100% 0 0);--treege-foreground:oklch(14.5% 0 0);--treege-card:oklch(100% 0 0);--treege-card-foreground:oklch(14.5% 0 0);--treege-popover:oklch(100% 0 0);--treege-popover-foreground:oklch(14.5% 0 0);--treege-primary:oklch(20.5% 0 0);--treege-primary-foreground:oklch(98.5% 0 0);--treege-secondary:oklch(97% 0 0);--treege-secondary-foreground:oklch(20.5% 0 0);--treege-muted:oklch(97% 0 0);--treege-muted-foreground:oklch(55.6% 0 0);--treege-accent:oklch(97% 0 0);--treege-accent-foreground:oklch(20.5% 0 0);--treege-destructive:oklch(57.7% .245 27.325);--treege-border:oklch(92.2% 0 0);--treege-input:oklch(92.2% 0 0);--treege-ring:oklch(70.8% 0 0);--treege-chart-1:oklch(64.6% .222 41.116);--treege-chart-2:oklch(60% .118 184.704);--treege-chart-3:oklch(39.8% .07 227.392);--treege-chart-4:oklch(82.8% .189 84.429);--treege-chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--treege-background:oklch(14.5% 0 0);--treege-foreground:oklch(98.5% 0 0);--treege-card:oklch(20.5% 0 0);--treege-card-foreground:oklch(98.5% 0 0);--treege-popover:oklch(20.5% 0 0);--treege-popover-foreground:oklch(98.5% 0 0);--treege-primary:oklch(92.2% 0 0);--treege-primary-foreground:oklch(20.5% 0 0);--treege-secondary:oklch(26.9% 0 0);--treege-secondary-foreground:oklch(98.5% 0 0);--treege-muted:oklch(26.9% 0 0);--treege-muted-foreground:oklch(70.8% 0 0);--treege-accent:oklch(26.9% 0 0);--treege-accent-foreground:oklch(98.5% 0 0);--treege-destructive:oklch(70.4% .191 22.216);--treege-border:oklch(100% 0 0/.1);--treege-input:oklch(100% 0 0/.15);--treege-ring:oklch(55.6% 0 0);--treege-chart-1:oklch(48.8% .243 264.376);--treege-chart-2:oklch(69.6% .17 162.48);--treege-chart-3:oklch(76.9% .188 70.08);--treege-chart-4:oklch(62.7% .265 303.9);--treege-chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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));filter:blur(var(--tw-enter-blur,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));filter:blur(var(--tw-exit-blur,0))}}", Ft = () => /* @__PURE__ */ E("style", {
1582
- href: "treege-renderer",
1583
- precedence: "default",
1584
- children: Pt
1585
- }), It = ({ baseUrl: e, components: t, className: n, flow: i, googleApiKey: a, headers: o, language: s, onChange: c, onSubmit: l, theme: u, validate: f, validationMode: p, initialValues: h = {}, isLoading: _ = !1 }) => {
1586
- let { canContinueStep: v, canSubmit: y, clearSubmitMessage: b, config: S, currentStep: w, currentStepGroupNode: T, currentStepIndex: ee, firstErrorFieldId: te, formErrors: O, formValues: k, goToNextStep: ne, goToPreviousStep: A, handleSubmit: j, inputNodes: re, isFirstStep: M, isLastStep: N, isSubmitting: ie, missingRequiredFields: P, setFieldValue: F, steps: I, submitMessage: L, t: R } = d({
1587
- baseUrl: e,
1588
- components: t,
1589
- flow: i,
1590
- googleApiKey: a,
1591
- headers: o,
1592
- initialValues: h,
1593
- language: s,
1594
- onChange: c,
1595
- onSubmit: l,
1596
- theme: u,
1597
- validate: f,
1598
- validationMode: p
1599
- }), { FormWrapper: ae, renderNode: z } = m({
1600
- config: S,
1601
- DefaultFormWrapper: wt,
1602
- DefaultInputWrapper: jt,
1603
- DefaultSubmitButton: Dt,
1604
- DefaultSubmitButtonWrapper: Tt,
1605
- defaultInputRenderers: Gt,
1606
- defaultUI: At,
1607
- formErrors: O,
1608
- formValues: k,
1609
- inputNodes: re,
1610
- missingRequiredFields: P,
1611
- setFieldValue: F
1612
- }), oe = S.components.step ?? Et, B = S.components.loadingSkeleton ?? Nt, V = C(() => R(T?.data?.label), [R, T]), H = x(async (e) => {
1613
- e.preventDefault(), !await j() && te && document.getElementById(te)?.focus();
1614
- }, [j, te]), se = x(() => {
1615
- if (N) {
1616
- j();
1617
- return;
1618
- }
1619
- ne();
1620
- }, [
1621
- N,
1622
- j,
1623
- ne
1624
- ]);
1625
- return /* @__PURE__ */ D("div", {
1626
- className: K("treege", n),
1627
- children: [/* @__PURE__ */ E(Ft, {}), /* @__PURE__ */ E(g, {
1628
- theme: S.theme,
1629
- storageKey: "treege-renderer-theme",
1630
- children: _ ? /* @__PURE__ */ E(B, {}) : /* @__PURE__ */ D(r, {
1631
- value: {
1632
- baseUrl: S.baseUrl,
1633
- flow: i,
1634
- formErrors: O,
1635
- formValues: k,
1636
- googleApiKey: S.googleApiKey,
1637
- headers: S.headers,
1638
- inputNodes: re,
1639
- language: S.language,
1640
- setFieldValue: F
1641
- },
1642
- children: [/* @__PURE__ */ D(ae, {
1643
- onSubmit: H,
1644
- children: [w && /* @__PURE__ */ E(oe, {
1645
- step: w,
1646
- groupNode: T,
1647
- stepIndex: ee,
1648
- totalSteps: I.length,
1649
- isFirstStep: M,
1650
- isLastStep: N,
1651
- canContinue: v && (!N || y),
1652
- isSubmitting: ie,
1653
- onBack: A,
1654
- onContinue: se,
1655
- label: V,
1656
- missingFields: N ? P : void 0,
1657
- children: w.nodes.map((e) => z(e))
1658
- }), /* @__PURE__ */ E("p", {
1659
- className: "tg:py-2 tg:text-right tg:text-muted-foreground tg:text-xs",
1660
- children: "Powered by Treege"
1661
- })]
1662
- }), L && /* @__PURE__ */ E("div", {
1663
- className: `tg:my-4 tg:rounded-md tg:p-4 ${L.type === "success" ? "bg-green-50 text-green-800 dark:bg-green-900/20 dark:text-green-300" : "bg-red-50 text-red-800 dark:bg-red-900/20 dark:text-red-300"}`,
1664
- role: "alert",
1665
- children: /* @__PURE__ */ D("div", {
1666
- className: "tg:flex tg:items-center tg:justify-between",
1667
- children: [/* @__PURE__ */ E("p", {
1668
- className: "tg:font-medium tg:text-sm",
1669
- children: L.message
1670
- }), /* @__PURE__ */ E("button", {
1671
- type: "button",
1672
- onClick: b,
1673
- className: "tg:ml-4 tg:font-medium tg:text-sm tg:underline tg:hover:no-underline tg:focus:outline-none",
1674
- children: R("common.close")
1675
- })]
1676
- })
1677
- })]
1678
- })
1679
- })]
1680
- });
1681
- }, Lt = (e, t) => {
1682
- let { missingRequiredFields: n, isSubmitting: r, label: i } = t, a = l(), o = a?.components?.submitButton, s = a?.components?.submitButtonWrapper;
1683
- return /* @__PURE__ */ E(s || Tt, {
1684
- missingFields: n,
1685
- children: /* @__PURE__ */ E(o || Dt, {
1686
- label: i,
1687
- disabled: r
1688
- })
1689
- });
1690
- };
1691
- //#endregion
1692
- //#region src/shared/components/ui/switch.tsx
1693
- function Rt({ className: e, ...t }) {
1694
- return /* @__PURE__ */ E(de.Root, {
1695
- "data-slot": "switch",
1696
- className: K("tg:peer tg:inline-flex tg:h-[1.15rem] tg:w-8 tg:shrink-0 tg:items-center tg:rounded-full tg:border tg:border-transparent tg:shadow-xs tg:outline-none tg:transition-all tg:focus-visible:border-ring tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50 tg:disabled:cursor-not-allowed tg:disabled:opacity-50 tg:data-[state=checked]:bg-primary tg:data-[state=unchecked]:bg-input tg:dark:data-[state=unchecked]:bg-input/80", e),
1697
- ...t,
1698
- children: /* @__PURE__ */ E(de.Thumb, {
1699
- "data-slot": "switch-thumb",
1700
- className: K("tg:pointer-events-none tg:block tg:size-4 tg:rounded-full tg:bg-background tg:ring-0 tg:transition-transform tg:data-[state=checked]:translate-x-[calc(100%-2px)] tg:data-[state=unchecked]:translate-x-0 tg:dark:data-[state=checked]:bg-primary-foreground tg:dark:data-[state=unchecked]:bg-foreground")
1701
- })
1702
- });
1703
- }
1704
- //#endregion
1705
- //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultSwitchInput.tsx
1706
- var zt = (e, t) => {
1707
- let { id: n, name: r, value: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t;
1708
- return /* @__PURE__ */ D(J, {
1709
- className: "tg:mb-4",
1710
- children: [
1711
- /* @__PURE__ */ D(Q, {
1712
- htmlFor: n,
1713
- children: [c || a.data.name, a.data.required && /* @__PURE__ */ E("span", {
1714
- className: "tg:text-red-500",
1715
- children: "*"
1716
- })]
1717
- }),
1718
- /* @__PURE__ */ E(Rt, {
1719
- id: n,
1720
- name: r,
1721
- checked: i,
1722
- onCheckedChange: o
1723
- }),
1724
- l && !s && /* @__PURE__ */ E(Y, { children: l }),
1725
- s && /* @__PURE__ */ E(X, { children: s })
1726
- ]
1727
- });
1728
- };
1729
- //#endregion
1730
- //#region src/shared/components/ui/textarea.tsx
1731
- function Bt({ className: e, ...t }) {
1732
- return /* @__PURE__ */ E("textarea", {
1733
- "data-slot": "textarea",
1734
- className: K("tg:field-sizing-content tg:flex tg:min-h-16 tg:w-full tg:rounded-md tg:border tg:border-input tg:bg-transparent tg:px-3 tg:py-2 tg:text-base tg:shadow-xs tg:outline-none tg:transition-[color,box-shadow] tg:placeholder:text-muted-foreground tg:focus-visible:border-ring tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50 tg:disabled:cursor-not-allowed tg:disabled:opacity-50 tg:aria-invalid:border-destructive tg:aria-invalid:ring-destructive/20 tg:md:text-sm tg:dark:bg-input/30 tg:dark:aria-invalid:ring-destructive/40", e),
1735
- ...t
1736
- });
1737
- }
1738
- //#endregion
1739
- //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultTextAreaInput.tsx
1740
- var Vt = (e, t) => {
1741
- let { id: n, name: r, value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t;
1742
- return /* @__PURE__ */ D(J, {
1743
- className: "tg:mb-4",
1744
- children: [
1745
- /* @__PURE__ */ D(Q, {
1746
- htmlFor: n,
1747
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
1748
- className: "tg:text-red-500",
1749
- children: "*"
1750
- })]
1751
- }),
1752
- /* @__PURE__ */ E(Bt, {
1753
- id: n,
1754
- name: r,
1755
- value: i ?? "",
1756
- onChange: (e) => s(e.target.value),
1757
- placeholder: a,
1758
- className: "tg:w-full tg:rounded-md tg:border tg:px-3 tg:py-2",
1759
- rows: 4
1760
- }),
1761
- c && /* @__PURE__ */ E(X, { children: c }),
1762
- u && !c && /* @__PURE__ */ E(Y, { children: u })
1763
- ]
1764
- });
1765
- }, Ht = (e, t) => {
1766
- let { id: n, name: r, value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t;
1767
- return /* @__PURE__ */ D(J, {
1768
- className: "tg:mb-4",
1769
- children: [
1770
- /* @__PURE__ */ D(Q, {
1771
- htmlFor: n,
1772
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
1773
- className: "tg:text-red-500",
1774
- children: "*"
1775
- })]
1776
- }),
1777
- /* @__PURE__ */ E(Z, {
1778
- type: "text",
1779
- id: n,
1780
- name: r,
1781
- value: i ?? "",
1782
- onChange: (e) => s(e.target.value),
1783
- placeholder: a
1784
- }),
1785
- c && /* @__PURE__ */ E(X, { children: c }),
1786
- u && !c && /* @__PURE__ */ E(Y, { children: u })
1787
- ]
1788
- });
1789
- }, Ut = (e, t) => {
1790
- let { id: n, name: r, value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t;
1791
- return /* @__PURE__ */ D(J, {
1792
- className: "tg:mb-4",
1793
- children: [
1794
- /* @__PURE__ */ D(Q, {
1795
- htmlFor: n,
1796
- children: [l || o.data.name, o.data.required && /* @__PURE__ */ E("span", {
1797
- className: "tg:text-red-500",
1798
- children: "*"
1799
- })]
1800
- }),
1801
- /* @__PURE__ */ E(Z, {
1802
- type: "time",
1803
- id: n,
1804
- name: r,
1805
- value: i ?? "",
1806
- onChange: (e) => s(e.target.value),
1807
- placeholder: a,
1808
- className: "tg:bg-background tg:[color-scheme:light] tg:dark:[color-scheme:dark]"
1809
- }),
1810
- c && /* @__PURE__ */ E(X, { children: c }),
1811
- u && !c && /* @__PURE__ */ E(Y, { children: u })
1812
- ]
1813
- });
1814
- }, Wt = (e, t) => {
1815
- let { id: n, name: r, value: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, u = p(), d = Array.isArray(i) ? i : [], f = d[0] || "", m = d[1] || "", h = (e) => {
1816
- o([e, m]);
1817
- }, g = (e) => {
1818
- o([f, e]);
1819
- };
1820
- return /* @__PURE__ */ D(J, {
1821
- className: "tg:mb-4",
1822
- children: [
1823
- /* @__PURE__ */ D(Q, {
1824
- htmlFor: `${n}-start`,
1825
- children: [c || a.data.name, a.data.required && /* @__PURE__ */ E("span", {
1826
- className: "tg:text-red-500",
1827
- children: "*"
1828
- })]
1829
- }),
1830
- /* @__PURE__ */ D("div", {
1831
- className: "tg:flex tg:gap-2",
1832
- children: [/* @__PURE__ */ E(Z, {
1833
- id: `${n}-start`,
1834
- name: `${r}-start`,
1835
- "aria-label": `${c || a.data.name} - ${u("renderer.defaultInputs.startTime")}`,
1836
- "aria-invalid": !!s,
1837
- "aria-describedby": s ? `${a.id}-error` : void 0,
1838
- type: "time",
1839
- value: f,
1840
- onChange: (e) => h(e.target.value),
1841
- placeholder: u("renderer.defaultInputs.startTime"),
1842
- className: "tg:flex-1 tg:bg-background tg:[color-scheme:light] tg:dark:[color-scheme:dark]"
1843
- }), /* @__PURE__ */ E(Z, {
1844
- id: `${n}-end`,
1845
- name: `${r}-end`,
1846
- "aria-label": `${c || a.data.name} - ${u("renderer.defaultInputs.endTime")}`,
1847
- "aria-invalid": !!s,
1848
- "aria-describedby": s ? `${a.id}-error` : void 0,
1849
- type: "time",
1850
- value: m,
1851
- onChange: (e) => g(e.target.value),
1852
- placeholder: u("renderer.defaultInputs.endTime"),
1853
- className: "tg:flex-1 tg:bg-background tg:[color-scheme:light] tg:dark:[color-scheme:dark]"
1854
- })]
1855
- }),
1856
- s && /* @__PURE__ */ E(X, { children: s }),
1857
- l && !s && /* @__PURE__ */ E(Y, { children: l })
1858
- ]
1859
- });
1860
- }, Gt = {
1861
- address: Je,
1862
- autocomplete: et,
1863
- checkbox: tt,
1864
- date: it,
1865
- daterange: at,
1866
- file: ot,
1867
- hidden: st,
1868
- http: dt,
1869
- number: ft,
1870
- password: pt,
1871
- radio: St,
1872
- select: Ct,
1873
- submit: Lt,
1874
- switch: zt,
1875
- text: Ht,
1876
- textarea: Vt,
1877
- time: Ut,
1878
- timerange: Wt
1879
- };
1880
- //#endregion
1881
- export { me as $, Ve as A, Ae as B, it as C, Be as D, Je as E, ze as F, _e as G, ke as H, Le as I, Ce as J, xe as K, Ie as L, He as M, je as N, Ue as O, Fe as P, ye as Q, Re as R, at as S, et as T, Ee as U, De as V, Oe as W, we as X, Se as Y, be as Z, pt as _, Vt as a, J as at, st as b, Rt as c, K as ct, kt as d, ge as et, At as f, xt as g, bt as h, Ht as i, Y as it, Ge as j, We as k, It as l, St as m, Wt as n, Q as nt, Bt as o, q as ot, Ct as p, ve as q, Ut as r, Z as rt, zt as s, pe as st, Gt as t, he as tt, Ot as u, ft as v, tt as w, ot as x, dt as y, Me as z };