treege 3.0.0-beta.56 → 3.0.0-beta.57

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 (69) hide show
  1. package/README.md +33 -10
  2. package/dist/DefaultInputs-CoJrOYMe.js +1859 -0
  3. package/dist/ThemeContext-BhIeqgqN.js +1398 -0
  4. package/dist/editor/context/TreegeEditorContext.d.ts +8 -1
  5. package/dist/editor/features/TreegeEditor/TreegeEditor.d.ts +1 -1
  6. package/dist/editor/features/TreegeEditor/forms/SensitiveHeaderWarning.d.ts +13 -0
  7. package/dist/editor/types/editor.d.ts +19 -1
  8. package/dist/editor/utils/cleanNodeConfig.d.ts +5 -0
  9. package/dist/editor/utils/sensitiveHeaders.d.ts +15 -0
  10. package/dist/{editor-uMYOjG2i.js → editor-D3cbfAxI.js} +1951 -1798
  11. package/dist/editor.js +2 -2
  12. package/dist/main.js +4 -4
  13. package/dist/renderer/features/TreegeRenderer/InputRendererHost.d.ts +15 -0
  14. package/dist/renderer/features/TreegeRenderer/native/components/DefaultInputs.d.ts +2 -2
  15. package/dist/renderer/features/TreegeRenderer/native/components/DependencyHint.d.ts +15 -0
  16. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultAddressInput.d.ts +2 -2
  17. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultAutocompleteInput.d.ts +2 -2
  18. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultCheckboxInput.d.ts +2 -2
  19. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultDateInput.d.ts +2 -2
  20. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultDateRangeInput.d.ts +2 -2
  21. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultFileInput.d.ts +2 -2
  22. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultHiddenInput.d.ts +2 -2
  23. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultHttpInput.d.ts +2 -2
  24. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultNumberInput.d.ts +2 -2
  25. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultPasswordInput.d.ts +2 -2
  26. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultRadioInput.d.ts +2 -2
  27. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultSelectInput.d.ts +2 -2
  28. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultSwitchInput.d.ts +2 -2
  29. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultTextInput.d.ts +2 -2
  30. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultTextareaInput.d.ts +2 -2
  31. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultTimeInput.d.ts +2 -2
  32. package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultTimeRangeInput.d.ts +2 -2
  33. package/dist/renderer/features/TreegeRenderer/useTreegeRenderer.d.ts +18 -18
  34. package/dist/renderer/features/TreegeRenderer/web/components/DependencyHint.d.ts +22 -0
  35. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultAddressInput.d.ts +2 -2
  36. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultAutocompleteInput.d.ts +2 -2
  37. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultCheckboxInput.d.ts +2 -2
  38. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultDateInput.d.ts +2 -2
  39. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultDateRangeInput.d.ts +2 -2
  40. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultFileInput.d.ts +2 -2
  41. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultHiddenInput.d.ts +2 -2
  42. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultHttpInput.d.ts +2 -2
  43. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultNumberInput.d.ts +2 -2
  44. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultPasswordInput.d.ts +2 -2
  45. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultRadioInput.d.ts +2 -2
  46. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultSelectInput.d.ts +2 -2
  47. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultSubmitInput.d.ts +2 -2
  48. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultSwitchInput.d.ts +2 -2
  49. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTextAreaInput.d.ts +2 -2
  50. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTextInput.d.ts +2 -2
  51. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTimeInput.d.ts +2 -2
  52. package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTimeRangeInput.d.ts +2 -2
  53. package/dist/renderer/hooks/useRenderNode.d.ts +2 -1
  54. package/dist/renderer/types/renderer.d.ts +62 -23
  55. package/dist/renderer/utils/node.d.ts +11 -0
  56. package/dist/renderer/utils/templateDependencies.d.ts +17 -0
  57. package/dist/renderer-native.js +1222 -1190
  58. package/dist/renderer.js +3 -3
  59. package/dist/shared/constants/inputType.d.ts +5 -0
  60. package/dist/shared/locales/ar.json.d.ts +12 -1
  61. package/dist/shared/locales/de.json.d.ts +12 -1
  62. package/dist/shared/locales/en.json.d.ts +12 -1
  63. package/dist/shared/locales/es.json.d.ts +12 -1
  64. package/dist/shared/locales/fr.json.d.ts +12 -1
  65. package/dist/shared/locales/it.json.d.ts +12 -1
  66. package/dist/shared/locales/pt.json.d.ts +12 -1
  67. package/package.json +1 -1
  68. package/dist/DefaultInputs-DklwwMaZ.js +0 -1807
  69. package/dist/ThemeContext-DAMkr9gW.js +0 -1362
@@ -1,1807 +0,0 @@
1
- import { C as e, D as t, E as n, M as r, N as i, O as a, T as o, _ 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 _, x as v } from "./ThemeContext-DAMkr9gW.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 E, jsx as D, jsxs as O } from "react/jsx-runtime";
5
- import { Check as ee, CheckIcon as k, ChevronDownIcon as A, ChevronLeftIcon as j, ChevronRightIcon as M, ChevronUpIcon as te, ChevronsUpDown as ne, CircleIcon as N, Loader2 as P, MapPin as F, SearchIcon as I, XIcon as re } from "lucide-react";
6
- import { Slot as L } from "@radix-ui/react-slot";
7
- import { cva as R } from "class-variance-authority";
8
- import { clsx as ie } from "clsx";
9
- import { extendTailwindMerge as z } from "tailwind-merge";
10
- import * as B from "@radix-ui/react-checkbox";
11
- import * as ae from "@radix-ui/react-label";
12
- import * as V from "@radix-ui/react-popover";
13
- import * as H from "@radix-ui/react-select";
14
- import * as U from "@radix-ui/react-tooltip";
15
- import * as oe from "@radix-ui/react-separator";
16
- import { Command as W } from "cmdk";
17
- import * as G from "@radix-ui/react-dialog";
18
- import { DayPicker as se, getDefaultClassNames as ce } from "react-day-picker";
19
- import * as le from "@radix-ui/react-radio-group";
20
- import * as K from "@radix-ui/react-switch";
21
- //#region src/shared/lib/utils.ts
22
- var ue = z({ prefix: "tg" });
23
- function q(...e) {
24
- return ue(ie(e));
25
- }
26
- //#endregion
27
- //#region src/shared/components/ui/button.tsx
28
- var de = R("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 J({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
55
- return /* @__PURE__ */ D(r ? L : "button", {
56
- "data-slot": "button",
57
- className: q(de({
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 fe({ className: e, ...t }) {
68
- return /* @__PURE__ */ D(B.Root, {
69
- "data-slot": "checkbox",
70
- className: q("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__ */ D(B.Indicator, {
73
- "data-slot": "checkbox-indicator",
74
- className: "tg:grid tg:place-content-center tg:text-current tg:transition-none",
75
- children: /* @__PURE__ */ D(k, { className: "tg:size-3.5" })
76
- })
77
- });
78
- }
79
- //#endregion
80
- //#region src/shared/components/ui/form.tsx
81
- function Y({ className: e, ...t }) {
82
- return /* @__PURE__ */ D("div", {
83
- "data-slot": "form-item",
84
- className: q("tg:grid tg:gap-2", e),
85
- ...t
86
- });
87
- }
88
- function X({ className: e, ...t }) {
89
- return /* @__PURE__ */ D("p", {
90
- "data-slot": "form-description",
91
- className: q("tg:text-muted-foreground tg:text-xs", e),
92
- ...t
93
- });
94
- }
95
- function Z({ className: e, ...t }) {
96
- return /* @__PURE__ */ D("p", {
97
- "data-slot": "form-error",
98
- className: q("tg:text-destructive tg:text-xs", e),
99
- ...t
100
- });
101
- }
102
- //#endregion
103
- //#region src/shared/components/ui/input.tsx
104
- function Q({ className: e, type: t, ...n }) {
105
- return /* @__PURE__ */ D("input", {
106
- type: t,
107
- "data-slot": "input",
108
- className: q("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 $ = ({ className: e, ...t }) => /* @__PURE__ */ D(ae.Root, {
115
- "data-slot": "label",
116
- className: q("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 pe({ ...e }) {
122
- return /* @__PURE__ */ D(V.Root, {
123
- "data-slot": "popover",
124
- ...e
125
- });
126
- }
127
- function me({ ...e }) {
128
- return /* @__PURE__ */ D(V.Trigger, {
129
- "data-slot": "popover-trigger",
130
- ...e
131
- });
132
- }
133
- function he({ className: e, align: t = "center", sideOffset: n = 4, disablePortal: r = !1, ...i }) {
134
- let a = /* @__PURE__ */ D(V.Content, {
135
- "data-slot": "popover-content",
136
- align: t,
137
- sideOffset: n,
138
- className: q("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__ */ D(V.Portal, { children: a });
142
- }
143
- //#endregion
144
- //#region src/shared/components/ui/select.tsx
145
- var ge = ({ ...e }) => /* @__PURE__ */ D(H.Root, {
146
- "data-slot": "select",
147
- ...e
148
- }), _e = ({ ...e }) => /* @__PURE__ */ D(H.Group, {
149
- "data-slot": "select-group",
150
- ...e
151
- }), ve = ({ ...e }) => /* @__PURE__ */ D(H.Value, {
152
- "data-slot": "select-value",
153
- ...e
154
- }), ye = ({ className: e, size: t = "default", children: n, ...r }) => /* @__PURE__ */ O(H.Trigger, {
155
- "data-slot": "select-trigger",
156
- "data-size": t,
157
- className: q("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__ */ D(H.Icon, {
160
- asChild: !0,
161
- children: /* @__PURE__ */ D(A, { className: "tg:size-4 tg:opacity-50" })
162
- })]
163
- }), be = ({ className: e, children: t, position: n = "popper", ...r }) => /* @__PURE__ */ D(H.Portal, { children: /* @__PURE__ */ O(H.Content, {
164
- "data-slot": "select-content",
165
- className: q("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__ */ D(we, {}),
170
- /* @__PURE__ */ D(H.Viewport, {
171
- className: q("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__ */ D(Te, {})
175
- ]
176
- }) }), xe = ({ className: e, htmlFor: t, children: n, ...r }) => /* @__PURE__ */ D(H.Label, {
177
- "data-slot": "select-label",
178
- className: q("tg:pb-1.5 tg:font-medium tg:text-muted-foreground tg:text-sm", e),
179
- ...r,
180
- children: /* @__PURE__ */ D("label", {
181
- htmlFor: t,
182
- children: n
183
- })
184
- }), Se = ({ className: e, children: t, ...n }) => /* @__PURE__ */ O(H.Item, {
185
- "data-slot": "select-item",
186
- className: q("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__ */ D("span", {
189
- className: "tg:absolute tg:right-2 tg:flex tg:size-3.5 tg:items-center tg:justify-center",
190
- children: /* @__PURE__ */ D(H.ItemIndicator, { children: /* @__PURE__ */ D(k, { className: "tg:size-4" }) })
191
- }), /* @__PURE__ */ D(H.ItemText, { children: t })]
192
- }), Ce = ({ className: e, ...t }) => /* @__PURE__ */ D(H.Separator, {
193
- "data-slot": "select-separator",
194
- className: q("tg:-mx-1 tg:pointer-events-none tg:my-1 tg:h-px tg:bg-border", e),
195
- ...t
196
- }), we = ({ className: e, ...t }) => /* @__PURE__ */ D(H.ScrollUpButton, {
197
- "data-slot": "select-scroll-up-button",
198
- className: q("tg:flex tg:cursor-default tg:items-center tg:justify-center tg:py-1", e),
199
- ...t,
200
- children: /* @__PURE__ */ D(te, { className: "tg:size-4" })
201
- }), Te = ({ className: e, ...t }) => /* @__PURE__ */ D(H.ScrollDownButton, {
202
- "data-slot": "select-scroll-down-button",
203
- className: q("tg:flex tg:cursor-default tg:items-center tg:justify-center tg:py-1", e),
204
- ...t,
205
- children: /* @__PURE__ */ D(A, { 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__ */ D(U.Provider, {
211
- "data-slot": "tooltip-provider",
212
- delayDuration: e,
213
- ...t
214
- });
215
- }
216
- function De({ ...e }) {
217
- return /* @__PURE__ */ D(Ee, { children: /* @__PURE__ */ D(U.Root, {
218
- "data-slot": "tooltip",
219
- ...e
220
- }) });
221
- }
222
- function Oe({ ...e }) {
223
- return /* @__PURE__ */ D(U.Trigger, {
224
- "data-slot": "tooltip-trigger",
225
- ...e
226
- });
227
- }
228
- function ke({ className: e, sideOffset: t = 0, children: n, ...r }) {
229
- return /* @__PURE__ */ D(U.Portal, { children: /* @__PURE__ */ O(U.Content, {
230
- "data-slot": "tooltip-content",
231
- sideOffset: t,
232
- className: q("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__ */ D(U.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__ */ D(oe.Root, {
241
- "data-slot": "separator",
242
- decorative: n,
243
- orientation: t,
244
- className: q("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__ */ D(G.Root, {
252
- "data-slot": "dialog",
253
- ...e
254
- });
255
- }
256
- function Me({ ...e }) {
257
- return /* @__PURE__ */ D(G.Trigger, {
258
- "data-slot": "dialog-trigger",
259
- ...e
260
- });
261
- }
262
- function Ne({ ...e }) {
263
- return /* @__PURE__ */ D(G.Portal, {
264
- "data-slot": "dialog-portal",
265
- ...e
266
- });
267
- }
268
- function Pe({ className: e, ...t }) {
269
- return /* @__PURE__ */ D(G.Overlay, {
270
- "data-slot": "dialog-overlay",
271
- className: q("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__ */ O(Ne, {
277
- "data-slot": "dialog-portal",
278
- children: [/* @__PURE__ */ D(Pe, {}), /* @__PURE__ */ O(G.Content, {
279
- "data-slot": "dialog-content",
280
- className: q("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__ */ O(G.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__ */ D(re, {}), /* @__PURE__ */ D("span", {
286
- className: "tg:sr-only",
287
- children: "Close"
288
- })]
289
- })]
290
- })]
291
- });
292
- }
293
- function Ie({ className: e, ...t }) {
294
- return /* @__PURE__ */ D("div", {
295
- "data-slot": "dialog-header",
296
- className: q("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__ */ D("div", {
302
- "data-slot": "dialog-footer",
303
- className: q("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__ */ D(G.Title, {
309
- "data-slot": "dialog-title",
310
- className: q("tg:font-semibold tg:text-lg tg:leading-none", e),
311
- ...t
312
- });
313
- }
314
- function ze({ className: e, ...t }) {
315
- return /* @__PURE__ */ D(G.Description, {
316
- "data-slot": "dialog-description",
317
- className: q("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__ */ D(W, {
325
- "data-slot": "command",
326
- className: q("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__ */ O("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__ */ D(I, { className: "tg:size-4 tg:shrink-0 tg:opacity-50" }), /* @__PURE__ */ D(W.Input, {
335
- "data-slot": "command-input",
336
- className: q("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__ */ D(W.List, {
343
- "data-slot": "command-list",
344
- className: q("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__ */ D(W.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__ */ D(W.Group, {
357
- "data-slot": "command-group",
358
- className: q("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__ */ D(W.Item, {
364
- "data-slot": "command-item",
365
- className: q("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 = ({ node: e, value: t, setValue: n, error: r, label: a, placeholder: o, helperText: s, id: c, name: l }) => {
402
- let [u, d] = T(""), [f, m] = T([]), [h, g] = T(!1), { googleApiKey: _, language: v } = i(), y = p(), b = x((e) => {
403
- n(e.value), d(e.value), g(!1);
404
- }, [n]), C = x((e) => {
405
- n(e), d(e), e.length >= 3 && g(!0);
406
- }, [n]);
407
- return S(() => {
408
- if (!u || u.trim().length < 3) {
409
- m([]);
410
- return;
411
- }
412
- let e = setTimeout(async () => {
413
- m(_ ? await qe(u) : await Ke(u, v));
414
- }, 300);
415
- return () => clearTimeout(e);
416
- }, [
417
- u,
418
- _,
419
- v
420
- ]), /* @__PURE__ */ O(E, { children: [_ && /* @__PURE__ */ D("script", {
421
- async: !0,
422
- src: `https://maps.googleapis.com/maps/api/js?key=${_}&libraries=places`
423
- }), /* @__PURE__ */ O(Y, {
424
- className: "tg:mb-4",
425
- children: [
426
- /* @__PURE__ */ O($, {
427
- htmlFor: c,
428
- children: [a || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
429
- className: "tg:text-red-500",
430
- children: "*"
431
- })]
432
- }),
433
- /* @__PURE__ */ O("div", {
434
- className: "tg:relative",
435
- children: [
436
- /* @__PURE__ */ D(Q, {
437
- type: "text",
438
- id: c,
439
- name: l,
440
- value: t || "",
441
- onChange: (e) => C(e.target.value),
442
- onFocus: () => {
443
- f.length > 0 && g(!0);
444
- },
445
- placeholder: o || y("renderer.defaultAddressInput.enterAddress"),
446
- className: "tg:pr-10",
447
- autoComplete: "off"
448
- }),
449
- /* @__PURE__ */ D(F, { 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
- h && /* @__PURE__ */ D("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__ */ D(Be, { children: /* @__PURE__ */ O(He, { children: [/* @__PURE__ */ D(Ue, { children: y("renderer.defaultAddressInput.noAddressesFound") }), /* @__PURE__ */ D(We, { children: f.map((e, t) => /* @__PURE__ */ O(Ge, {
453
- value: e.value,
454
- onSelect: () => b(e),
455
- onMouseDown: (e) => e.preventDefault(),
456
- children: [/* @__PURE__ */ D(F, { className: "tg:mr-2 tg:h-4 tg:w-4" }), e.label]
457
- }, t)) })] }) })
458
- })
459
- ]
460
- }),
461
- r && /* @__PURE__ */ D(Z, { children: r }),
462
- s && !r && /* @__PURE__ */ D(X, { children: s })
463
- ]
464
- })] });
465
- }, Ye = /\{\{([\w-]+)}}/g, Xe = (e) => {
466
- let [r, o] = T({
467
- error: null,
468
- fetched: null,
469
- isLoading: !1
470
- }), { formValues: s, headers: c } = i(), l = e.data.optionsSource, u = e.data.options, d = C(() => {
471
- if (!(l?.url && l.mapping?.valueField && l.mapping?.labelField) || !Array.from(l.url.matchAll(Ye), (e) => e[1]).every((e) => {
472
- let t = s[e];
473
- return t != null && t !== "";
474
- })) return null;
475
- let e = (e) => ({
476
- key: e.key,
477
- value: a(e.value, s)
478
- }), n = (e) => ({
479
- key: e.key,
480
- value: a(e.value, s)
481
- }), r = l.method ?? "GET", i = {
482
- body: l.body && [
483
- "POST",
484
- "PUT",
485
- "PATCH"
486
- ].includes(r) ? a(l.body, s, { json: !0 }) : void 0,
487
- headers: t(c?.map(e), l.headers?.map(e)),
488
- mapping: l.mapping,
489
- method: r,
490
- queryParams: l.queryParams?.map(n) ?? [],
491
- responsePath: l.responsePath,
492
- url: a(l.url, s, { encode: !0 })
493
- };
494
- return JSON.stringify(i);
495
- }, [
496
- l,
497
- s,
498
- c
499
- ]);
500
- S(() => {
501
- if (!d) {
502
- o({
503
- error: null,
504
- fetched: null,
505
- isLoading: !1
506
- });
507
- return;
508
- }
509
- let e = JSON.parse(d), t = new AbortController();
510
- return o((e) => ({
511
- ...e,
512
- error: null,
513
- isLoading: !0
514
- })), (async () => {
515
- let r = await n({
516
- body: e.body,
517
- headers: e.headers,
518
- method: e.method,
519
- queryParams: e.queryParams,
520
- signal: t.signal,
521
- url: e.url
522
- });
523
- if (!t.signal.aborted) {
524
- if (!r.success) {
525
- o({
526
- error: r.error ?? "Fetch failed",
527
- fetched: null,
528
- isLoading: !1
529
- });
530
- return;
531
- }
532
- o({
533
- error: null,
534
- fetched: _(r.data, e.responsePath, e.mapping),
535
- isLoading: !1
536
- });
537
- }
538
- })(), () => t.abort();
539
- }, [d]);
540
- let f = r.fetched ?? u ?? [];
541
- return {
542
- error: r.error,
543
- isLoading: r.isLoading,
544
- options: f
545
- };
546
- }, Ze = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, id: s }) => {
547
- let c = p(), [l, u] = T(!1), { options: d, isLoading: f, error: m } = Xe(e), h = `${s}-trigger`, g = `${s}-error`, _ = d.find((e) => e.value === t);
548
- return /* @__PURE__ */ O(Y, {
549
- className: "tg:mb-4",
550
- children: [
551
- /* @__PURE__ */ O($, {
552
- htmlFor: h,
553
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
554
- className: "tg:text-red-500",
555
- children: "*"
556
- })]
557
- }),
558
- /* @__PURE__ */ O(pe, {
559
- open: l,
560
- onOpenChange: u,
561
- children: [/* @__PURE__ */ D(me, {
562
- asChild: !0,
563
- children: /* @__PURE__ */ O(J, {
564
- id: h,
565
- variant: "outline",
566
- role: "combobox",
567
- "aria-expanded": l,
568
- "aria-invalid": !!r || void 0,
569
- "aria-describedby": r ? g : void 0,
570
- disabled: f,
571
- className: "tg:w-full tg:justify-between tg:font-normal",
572
- children: [/* @__PURE__ */ O("span", {
573
- className: "tg:flex tg:items-center tg:gap-2 tg:truncate",
574
- children: [f && /* @__PURE__ */ D(P, { className: "tg:h-4 tg:w-4 tg:shrink-0 tg:animate-spin" }), t ? _?.label ? c(_.label) : t : a || c("renderer.defaultAutocompleteInput.selectOption")]
575
- }), /* @__PURE__ */ D(ne, { className: "tg:ml-2 tg:size-4 tg:shrink-0 tg:opacity-50" })]
576
- })
577
- }), /* @__PURE__ */ D(he, {
578
- className: "tg:w-[var(--radix-popover-trigger-width)] tg:p-0",
579
- align: "start",
580
- children: /* @__PURE__ */ O(Be, { children: [/* @__PURE__ */ D(Ve, { placeholder: a || c("renderer.defaultAutocompleteInput.search") }), /* @__PURE__ */ O(He, { children: [/* @__PURE__ */ D(Ue, { children: c("renderer.defaultAutocompleteInput.noResults") }), /* @__PURE__ */ D(We, { children: d.map((e) => /* @__PURE__ */ O(Ge, {
581
- value: e.value,
582
- disabled: e.disabled,
583
- onSelect: (e) => {
584
- n(e === t ? "" : e), u(!1);
585
- },
586
- children: [/* @__PURE__ */ D(ee, { className: q("tg:mr-2 tg:size-4", t === e.value ? "tg:opacity-100" : "tg:opacity-0") }), c(e.label)]
587
- }, e.value)) })] })] })
588
- })]
589
- }),
590
- r && /* @__PURE__ */ D(Z, {
591
- id: g,
592
- children: r
593
- }),
594
- m && !r && /* @__PURE__ */ D(Z, { children: m }),
595
- o && !r && !m && /* @__PURE__ */ D(X, { children: o })
596
- ]
597
- });
598
- }, Qe = ({ node: e, value: t, setValue: n, error: r, label: a, helperText: o, id: s, name: c, renderOptionExtras: l, compactOptions: u }) => {
599
- let { options: d, isLoading: f, error: m } = Xe(e), { optionsDisplayLimit: h } = i(), g = p();
600
- if (d.length > 0 || e.data.optionsSource) {
601
- let i = Array.isArray(t) ? t.map(String) : [], p = h ? d.slice(0, h) : d, _ = d.length - p.length, v = (e, t) => {
602
- n(t ? [...i, e] : i.filter((t) => t !== e));
603
- };
604
- return /* @__PURE__ */ O(Y, {
605
- className: "tg:mb-4",
606
- children: [
607
- /* @__PURE__ */ O($, {
608
- className: "tg:mb-1",
609
- children: [a || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
610
- className: "tg:text-red-500",
611
- children: "*"
612
- })]
613
- }),
614
- f && /* @__PURE__ */ O("div", {
615
- className: "tg:flex tg:items-center tg:gap-2 tg:py-2 tg:text-muted-foreground tg:text-sm",
616
- children: [/* @__PURE__ */ D(P, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ D("span", { children: g("renderer.defaultCheckboxInput.loadingOptions") })]
617
- }),
618
- /* @__PURE__ */ O("div", {
619
- className: "tg:min-w-0 tg:space-y-2",
620
- children: [p.map((e, t) => {
621
- let n = g(e.description);
622
- return /* @__PURE__ */ O("div", {
623
- className: q("tg:group/option tg:pointer-events-auto tg:relative tg:flex tg:items-start tg:gap-3", u && "tg:pr-22"),
624
- children: [
625
- /* @__PURE__ */ D(fe, {
626
- id: `${s}-${e.value}`,
627
- name: c,
628
- checked: i.includes(String(e.value)),
629
- onCheckedChange: (t) => v(String(e.value), !!t),
630
- disabled: e.disabled,
631
- className: "tg:mt-0.5"
632
- }),
633
- /* @__PURE__ */ O("div", {
634
- className: q("tg:flex tg:flex-col", u && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
635
- children: [/* @__PURE__ */ D($, {
636
- htmlFor: `${s}-${e.value}`,
637
- className: q("tg:cursor-pointer tg:font-normal tg:text-sm", u && "tg:block tg:max-w-full tg:truncate"),
638
- children: g(e.label) ? g(e.label) : e.value
639
- }), n && /* @__PURE__ */ D("span", {
640
- className: q("tg:text-muted-foreground tg:text-xs", u && "tg:block tg:max-w-full tg:truncate"),
641
- children: n
642
- })]
643
- }),
644
- l?.({
645
- index: t,
646
- option: e
647
- })
648
- ]
649
- }, e.value + t);
650
- }), _ > 0 && /* @__PURE__ */ D("div", {
651
- className: "tg:px-2 tg:text-muted-foreground tg:text-xs",
652
- children: "…"
653
- })]
654
- }),
655
- r && /* @__PURE__ */ D(Z, { children: r }),
656
- m && !r && /* @__PURE__ */ D(Z, { children: m }),
657
- o && !r && !m && /* @__PURE__ */ D(X, { children: o })
658
- ]
659
- });
660
- }
661
- return /* @__PURE__ */ O(Y, {
662
- className: "tg:mb-4",
663
- children: [/* @__PURE__ */ O("div", {
664
- className: "tg:flex tg:items-center tg:gap-3",
665
- children: [/* @__PURE__ */ D(fe, {
666
- id: s,
667
- name: c,
668
- checked: typeof t == "boolean" ? t : !1,
669
- onCheckedChange: (e) => n(!!e)
670
- }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O($, {
671
- htmlFor: s,
672
- className: "tg:cursor-pointer tg:font-medium tg:text-sm",
673
- children: [a || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
674
- className: "tg:text-red-500",
675
- children: "*"
676
- })]
677
- }), o && !r && /* @__PURE__ */ D(X, { children: o })] })]
678
- }), r && /* @__PURE__ */ D(Z, { children: r })]
679
- });
680
- };
681
- //#endregion
682
- //#region src/shared/components/ui/calendar.tsx
683
- function $e({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: r = "label", buttonVariant: i = "ghost", formatters: a, components: o, ...s }) {
684
- let c = ce();
685
- return /* @__PURE__ */ D(se, {
686
- showOutsideDays: n,
687
- className: q("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),
688
- captionLayout: r,
689
- formatters: {
690
- formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
691
- ...a
692
- },
693
- classNames: {
694
- button_next: q(de({ variant: i }), "tg:size-(--cell-size) tg:aria-disabled:opacity-50 tg:p-0 tg:select-none", c.button_next),
695
- button_previous: q(de({ variant: i }), "tg:size-(--cell-size) tg:aria-disabled:opacity-50 tg:p-0 tg:select-none", c.button_previous),
696
- caption_label: q("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),
697
- day: q("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),
698
- disabled: q("tg:text-muted-foreground tg:opacity-50", c.disabled),
699
- dropdown: q("tg:absolute tg:bg-popover tg:inset-0 tg:opacity-0", c.dropdown),
700
- dropdown_root: q("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),
701
- dropdowns: q("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),
702
- hidden: q("tg:invisible", c.hidden),
703
- month: q("tg:flex tg:flex-col tg:w-full tg:gap-4", c.month),
704
- month_caption: q("tg:flex tg:items-center tg:justify-center tg:h-(--cell-size) tg:w-full tg:px-(--cell-size)", c.month_caption),
705
- months: q("tg:flex tg:gap-4 tg:flex-col tg:md:flex-row tg:relative", c.months),
706
- nav: q("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),
707
- outside: q("tg:text-muted-foreground tg:aria-selected:text-muted-foreground", c.outside),
708
- range_end: q("tg:rounded-r-md tg:bg-accent", c.range_end),
709
- range_middle: q("tg:rounded-none", c.range_middle),
710
- range_start: q("tg:rounded-l-md tg:bg-accent", c.range_start),
711
- root: q("tg:w-fit", c.root),
712
- table: "tg:w-full tg:border-collapse",
713
- today: q("tg:bg-accent tg:text-accent-foreground tg:rounded-md tg:data-[selected=true]:rounded-none", c.today),
714
- week: q("tg:flex tg:w-full tg:mt-2", c.week),
715
- week_number: q("tg:text-[0.8rem] tg:select-none tg:text-muted-foreground", c.week_number),
716
- week_number_header: q("tg:select-none tg:w-(--cell-size)", c.week_number_header),
717
- weekday: q("tg:text-muted-foreground tg:rounded-md tg:flex-1 tg:font-normal tg:text-[0.8rem] tg:select-none", c.weekday),
718
- weekdays: q("tg:flex", c.weekdays),
719
- ...t
720
- },
721
- components: {
722
- Chevron: ({ className: e, orientation: t, ...n }) => D(t === "left" ? j : t === "right" ? M : A, {
723
- className: q("tg:size-4", e),
724
- ...n
725
- }),
726
- DayButton: et,
727
- Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ D("div", {
728
- "data-slot": "calendar",
729
- ref: t,
730
- className: q(e),
731
- ...n
732
- }),
733
- WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ D("td", {
734
- ...t,
735
- children: /* @__PURE__ */ D("div", {
736
- className: "tg:flex tg:size-(--cell-size) tg:items-center tg:justify-center tg:text-center",
737
- children: e
738
- })
739
- }),
740
- ...o
741
- },
742
- ...s
743
- });
744
- }
745
- function et({ className: e, day: t, modifiers: n, ...r }) {
746
- let i = ce(), a = y.useRef(null);
747
- return y.useEffect(() => {
748
- n.focused && a.current?.focus();
749
- }, [n.focused]), /* @__PURE__ */ D(J, {
750
- ref: a,
751
- variant: "ghost",
752
- size: "icon",
753
- "data-day": t.date.toLocaleDateString(),
754
- "data-selected-single": n.selected && !n.range_start && !n.range_end && !n.range_middle,
755
- "data-range-start": n.range_start,
756
- "data-range-end": n.range_end,
757
- "data-range-middle": n.range_middle,
758
- className: q("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),
759
- ...r
760
- });
761
- }
762
- //#endregion
763
- //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultDateInput.tsx
764
- var tt = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, id: s, name: c }) => {
765
- let [l, u] = T(!1), d = p(), f = t ? new Date(t) : void 0;
766
- return /* @__PURE__ */ O(Y, {
767
- className: "tg:mb-4",
768
- children: [
769
- /* @__PURE__ */ O($, {
770
- htmlFor: s,
771
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
772
- className: "tg:text-red-500",
773
- children: "*"
774
- })]
775
- }),
776
- /* @__PURE__ */ O(pe, {
777
- open: l,
778
- onOpenChange: u,
779
- children: [/* @__PURE__ */ D(me, {
780
- asChild: !0,
781
- children: /* @__PURE__ */ O(J, {
782
- variant: "outline",
783
- id: s,
784
- name: c,
785
- className: "tg:w-full tg:justify-between tg:font-normal",
786
- children: [f ? f.toLocaleDateString() : a || d("renderer.defaultInputs.selectDate"), /* @__PURE__ */ D(A, { className: "tg:size-4" })]
787
- })
788
- }), /* @__PURE__ */ D(he, {
789
- className: "tg:w-auto tg:overflow-hidden tg:p-0",
790
- align: "start",
791
- children: /* @__PURE__ */ D($e, {
792
- mode: "single",
793
- selected: f,
794
- captionLayout: "dropdown",
795
- disabled: (t) => {
796
- if (e.data.disablePast) {
797
- let e = /* @__PURE__ */ new Date();
798
- return e.setHours(0, 0, 0, 0), t < e;
799
- }
800
- return !1;
801
- },
802
- onSelect: (e) => {
803
- n(e ? e.toISOString() : ""), u(!1);
804
- }
805
- })
806
- })]
807
- }),
808
- r && /* @__PURE__ */ D(Z, { children: r }),
809
- o && !r && /* @__PURE__ */ D(X, { children: o })
810
- ]
811
- });
812
- }, nt = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a, id: o }) => {
813
- let [s, c] = T(!1), l = p(), u = Array.isArray(t) ? t : [], d = u[0] ? new Date(u[0]) : void 0, f = u[1] ? new Date(u[1]) : void 0;
814
- return /* @__PURE__ */ O(Y, {
815
- className: "tg:mb-4",
816
- children: [
817
- /* @__PURE__ */ O($, {
818
- htmlFor: o,
819
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
820
- className: "tg:text-red-500",
821
- children: "*"
822
- })]
823
- }),
824
- /* @__PURE__ */ O(pe, {
825
- open: s,
826
- onOpenChange: c,
827
- children: [/* @__PURE__ */ D(me, {
828
- asChild: !0,
829
- children: /* @__PURE__ */ O(J, {
830
- id: o,
831
- variant: "outline",
832
- className: "tg:w-full tg:justify-between tg:font-normal",
833
- children: [d && f ? `${d.toLocaleDateString()} - ${f.toLocaleDateString()}` : d ? d.toLocaleDateString() : l("renderer.defaultInputs.selectDateRange"), /* @__PURE__ */ D(A, { className: "tg:size-4" })]
834
- })
835
- }), /* @__PURE__ */ D(he, {
836
- className: "tg:w-auto tg:overflow-hidden tg:p-0",
837
- align: "start",
838
- children: /* @__PURE__ */ D($e, {
839
- mode: "range",
840
- selected: {
841
- from: d,
842
- to: f
843
- },
844
- captionLayout: "dropdown",
845
- disabled: (t) => {
846
- if (e.data.disablePast) {
847
- let e = /* @__PURE__ */ new Date();
848
- return e.setHours(0, 0, 0, 0), t < e;
849
- }
850
- return !1;
851
- },
852
- onSelect: (e) => {
853
- n([e?.from ? e.from.toISOString() : void 0, e?.to ? e.to.toISOString() : void 0]);
854
- },
855
- numberOfMonths: 2
856
- })
857
- })]
858
- }),
859
- r && /* @__PURE__ */ D(Z, { children: r }),
860
- a && !r && /* @__PURE__ */ D(X, { children: a })
861
- ]
862
- });
863
- }, rt = ({ node: e, setValue: t, error: n, label: r, placeholder: i, helperText: a, name: o, id: s }) => /* @__PURE__ */ O(Y, {
864
- className: "tg:mb-4",
865
- children: [
866
- /* @__PURE__ */ O($, {
867
- htmlFor: s,
868
- children: [r || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
869
- className: "tg:text-red-500",
870
- children: "*"
871
- })]
872
- }),
873
- /* @__PURE__ */ D(Q, {
874
- type: "file",
875
- name: o,
876
- id: s,
877
- onChange: async (n) => {
878
- let { files: r } = n.target;
879
- if (!r || r.length === 0) {
880
- t(null);
881
- return;
882
- }
883
- if (e.data.multiple) {
884
- t(await v(Array.from(r)));
885
- return;
886
- }
887
- t(await c(r[0]));
888
- },
889
- multiple: e.data.multiple,
890
- placeholder: i
891
- }),
892
- n && /* @__PURE__ */ D(Z, { children: n }),
893
- a && !n && /* @__PURE__ */ D(X, { children: a })
894
- ]
895
- }), it = ({ value: e, name: t, id: n }) => /* @__PURE__ */ D(Q, {
896
- type: "hidden",
897
- id: n,
898
- name: t,
899
- value: e ?? ""
900
- }), at = (e) => {
901
- let t = e.matchAll(/{{([\w-]+)}}/g);
902
- return Array.from(t, (e) => e[1]);
903
- }, ot = (e, t) => at(e).every((e) => {
904
- let n = t[e];
905
- return n != null && n !== "";
906
- }), st = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
907
- let i = t[r], a = i == null ? "" : String(i);
908
- return n ? encodeURIComponent(a) : a;
909
- }), ct = ({ node: n, value: r, setValue: a, error: c, label: l, placeholder: d, helperText: m, id: h, name: g }) => {
910
- let [_, v] = T(!1), [y, b] = T(null), [k, A] = T([]), [j, M] = T(""), [te, N] = T(!1), { formValues: F, inputNodes: I, headers: re } = i(), { httpConfig: L } = n.data, R = w(!1), ie = w(""), z = p(), B = w(L), ae = w(F), V = w(I), H = w(re), U = w(a), oe = w(null), W = w(null), G = C(() => L?.url ? at(L.url) : [], [L?.url]), se = G.length > 0, ce = C(() => G.map((e) => `${e}:${String(F[e] ?? "")}`).join("|"), [G, F]), le = C(() => L?.url ? se ? ot(L.url, F) : !0 : !1, [
911
- L?.url,
912
- se,
913
- F
914
- ]), K = x(async (n) => {
915
- W.current && W.current.abort();
916
- let r = new AbortController();
917
- W.current = r;
918
- let i = B.current, a = ae.current, s = U.current;
919
- if (!i?.url) {
920
- b(z("renderer.defaultHttpInput.noUrlConfigured")), W.current = null;
921
- return;
922
- }
923
- if (i.url && !ot(i.url, a)) {
924
- W.current = null;
925
- return;
926
- }
927
- v(!0), b(null);
928
- try {
929
- let c = st(i.url, a, !0), l = e(i.searchParam && n ? `${c}${c.includes("?") ? "&" : "?"}${i.searchParam}=${encodeURIComponent(n)}` : c, i.queryParams?.map((e) => ({
930
- key: e.key,
931
- value: st(e.value, a)
932
- }))), d = (e) => ({
933
- key: e.key,
934
- value: st(e.value, a)
935
- }), p = t([{
936
- key: "Content-Type",
937
- value: "application/json"
938
- }], H.current?.map(d), i.headers?.map(d)), m = [
939
- "POST",
940
- "PUT",
941
- "PATCH"
942
- ].includes(i.method || "") ? i.sendAllFormValues ? JSON.stringify(u(a, V.current)) : i.body ? st(i.body, a) : void 0 : void 0, h = setTimeout(() => r.abort(), 3e4), g = await fetch(l, {
943
- body: m || void 0,
944
- headers: Object.fromEntries(p.filter((e) => e.key && e.value).map((e) => [e.key, e.value])),
945
- method: i.method || "GET",
946
- signal: r.signal
947
- });
948
- if (clearTimeout(h), !g.ok) {
949
- b(`HTTP Error ${g.status}: ${g.statusText}`), v(!1);
950
- return;
951
- }
952
- let _ = f(await g.json()), y = i.responsePath ? o(_, i.responsePath) : _;
953
- if (i.responseMapping && Array.isArray(y)) {
954
- let { valueField: e = "value", labelField: t = "label" } = i.responseMapping;
955
- A(y.map((n) => ({
956
- label: String(o(n, t) || ""),
957
- value: String(o(n, e) || "")
958
- })));
959
- } else s(typeof y == "string" ? y : JSON.stringify(y));
960
- } catch (e) {
961
- if (e instanceof Error && e.name === "AbortError") return;
962
- b(e instanceof Error ? e.message : z("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
963
- } finally {
964
- v(!1), W.current = null;
965
- }
966
- }, [z]);
967
- if (S(() => {
968
- B.current = L, ae.current = F, V.current = I, H.current = re, U.current = a, oe.current = K;
969
- }, [
970
- L,
971
- F,
972
- I,
973
- re,
974
- a,
975
- K
976
- ]), S(() => () => {
977
- W.current && W.current.abort(), R.current = !1;
978
- }, []), S(() => {
979
- if (R.current) return;
980
- R.current = !0;
981
- let e = B.current, t = ae.current, n = oe.current, r = e?.url && ot(e.url, t);
982
- e?.fetchOnMount && r && n && (n(), e.url && (ie.current = at(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
983
- }, []), S(() => {
984
- if (!R.current || !se || ie.current === ce || !le) return;
985
- let e = setTimeout(() => {
986
- K(), ie.current = ce;
987
- }, 500);
988
- return () => clearTimeout(e);
989
- }, [
990
- ce,
991
- se,
992
- le,
993
- K
994
- ]), S(() => {
995
- if (!(L?.searchParam && j)) return;
996
- let e = setTimeout(() => {
997
- K(j);
998
- }, 300);
999
- return () => clearTimeout(e);
1000
- }, [
1001
- j,
1002
- L?.searchParam,
1003
- K
1004
- ]), L?.responseMapping) {
1005
- let e = Array.isArray(r) ? r[0] : r, t = k.find((t) => t.value === e);
1006
- if (L.searchParam) {
1007
- let e = _ && L?.showLoading ? /* @__PURE__ */ O("div", {
1008
- className: "tg:flex tg:items-center tg:gap-2",
1009
- children: [/* @__PURE__ */ D(P, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ D("span", {
1010
- className: "tg:text-muted-foreground",
1011
- children: t?.label || d || z("renderer.defaultHttpInput.search")
1012
- })]
1013
- }) : t?.label || d || z("renderer.defaultHttpInput.search");
1014
- return /* @__PURE__ */ O(Y, {
1015
- className: "tg:mb-4",
1016
- children: [
1017
- /* @__PURE__ */ O($, { children: [l || n.data.name, n.data.required && /* @__PURE__ */ D("span", {
1018
- className: "tg:text-red-500",
1019
- children: "*"
1020
- })] }),
1021
- /* @__PURE__ */ O(pe, {
1022
- open: te,
1023
- onOpenChange: N,
1024
- children: [/* @__PURE__ */ D(me, {
1025
- asChild: !0,
1026
- children: /* @__PURE__ */ O(J, {
1027
- variant: "outline",
1028
- role: "combobox",
1029
- "aria-expanded": te,
1030
- className: "tg:w-full tg:justify-between",
1031
- children: [e, /* @__PURE__ */ D(ne, { className: "tg:ml-2 tg:h-4 tg:w-4 tg:shrink-0 tg:opacity-50" })]
1032
- })
1033
- }), /* @__PURE__ */ D(he, {
1034
- className: "tg:w-[var(--radix-popover-trigger-width)] tg:p-0",
1035
- align: "start",
1036
- children: /* @__PURE__ */ O(Be, {
1037
- shouldFilter: !1,
1038
- children: [/* @__PURE__ */ D(Ve, {
1039
- placeholder: z("renderer.defaultHttpInput.search"),
1040
- value: j,
1041
- onValueChange: (e) => {
1042
- M(e), b(null);
1043
- }
1044
- }), /* @__PURE__ */ O(He, { children: [
1045
- _ && /* @__PURE__ */ D("div", {
1046
- className: "tg:flex tg:items-center tg:justify-center tg:p-4",
1047
- children: /* @__PURE__ */ D(P, { className: "tg:h-4 tg:w-4 tg:animate-spin" })
1048
- }),
1049
- !_ && y && /* @__PURE__ */ O("div", {
1050
- className: "tg:p-4 tg:text-destructive tg:text-sm",
1051
- children: [/* @__PURE__ */ D("div", { children: y }), /* @__PURE__ */ D("button", {
1052
- type: "button",
1053
- onClick: () => K(j),
1054
- className: "tg:mt-2 tg:block tg:text-primary tg:hover:underline",
1055
- children: z("renderer.defaultHttpInput.retry")
1056
- })]
1057
- }),
1058
- !(_ || y) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(Ue, { children: z("renderer.defaultHttpInput.noResults") }), /* @__PURE__ */ D(We, { children: k.map((e) => /* @__PURE__ */ O(Ge, {
1059
- value: e.value,
1060
- onSelect: () => {
1061
- a(e.value), N(!1);
1062
- },
1063
- children: [/* @__PURE__ */ D(ee, { className: q("tg:mr-2 tg:h-4 tg:w-4", r === e.value ? "tg:opacity-100" : "tg:opacity-0") }), e.label]
1064
- }, e.value)) })] })
1065
- ] })]
1066
- })
1067
- })]
1068
- }),
1069
- c && /* @__PURE__ */ D(Z, { children: c }),
1070
- m && !c && /* @__PURE__ */ D(X, { children: m })
1071
- ]
1072
- });
1073
- }
1074
- let i = _ && L?.showLoading, o = G.filter((e) => {
1075
- let t = F[e];
1076
- return t == null || t === "";
1077
- }), u = o.map((e) => s(e, I) || e), f = k.length === 0 && !i ? y || (o.length > 0 ? `${z("renderer.defaultHttpInput.waitingForRequiredFields")}: ${u.join(", ")}` : z("renderer.defaultHttpInput.noDataAvailable")) : void 0, p = /* @__PURE__ */ O(ge, {
1078
- value: Array.isArray(r) ? r[0] ?? "" : r ?? "",
1079
- onValueChange: (e) => a(e),
1080
- disabled: i || k.length === 0,
1081
- name: g,
1082
- children: [/* @__PURE__ */ O(ye, {
1083
- id: h,
1084
- name: g,
1085
- className: "tg:w-full",
1086
- children: [i && /* @__PURE__ */ D(P, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ D(ve, { placeholder: d || z("renderer.defaultHttpInput.selectOption") })]
1087
- }), /* @__PURE__ */ D(be, { children: /* @__PURE__ */ D(_e, { children: k.map((e, t) => /* @__PURE__ */ D(Se, {
1088
- value: e.value,
1089
- children: e.label
1090
- }, e.value + t)) }) })]
1091
- });
1092
- return /* @__PURE__ */ O(Y, {
1093
- className: "tg:mb-4",
1094
- children: [
1095
- /* @__PURE__ */ O($, {
1096
- htmlFor: h,
1097
- children: [l || n.data.name, n.data.required && /* @__PURE__ */ D("span", {
1098
- className: "tg:text-red-500",
1099
- children: "*"
1100
- })]
1101
- }),
1102
- f ? /* @__PURE__ */ D(Ee, { children: /* @__PURE__ */ O(De, { children: [/* @__PURE__ */ D(Oe, {
1103
- asChild: !0,
1104
- children: /* @__PURE__ */ D("div", {
1105
- className: "tg:w-full",
1106
- children: p
1107
- })
1108
- }), /* @__PURE__ */ D(ke, { children: /* @__PURE__ */ D("p", { children: f }) })] }) }) : p,
1109
- c && /* @__PURE__ */ D(Z, { children: c }),
1110
- m && !c && /* @__PURE__ */ D(X, { children: m })
1111
- ]
1112
- });
1113
- }
1114
- return /* @__PURE__ */ O(Y, {
1115
- className: "tg:mb-4",
1116
- children: [
1117
- /* @__PURE__ */ O($, {
1118
- htmlFor: h,
1119
- children: [l || n.data.name, n.data.required && /* @__PURE__ */ D("span", {
1120
- className: "tg:text-red-500",
1121
- children: "*"
1122
- })]
1123
- }),
1124
- /* @__PURE__ */ D(Q, {
1125
- type: "text",
1126
- name: g,
1127
- id: h,
1128
- value: typeof r == "string" ? r : JSON.stringify(r),
1129
- readOnly: !0,
1130
- disabled: !0
1131
- }),
1132
- c && /* @__PURE__ */ D(Z, { children: c }),
1133
- m && !c && /* @__PURE__ */ D(X, { children: m })
1134
- ]
1135
- });
1136
- }, lt = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s, id: c }) => /* @__PURE__ */ O(Y, {
1137
- className: "tg:mb-4",
1138
- children: [
1139
- /* @__PURE__ */ O($, {
1140
- htmlFor: c,
1141
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
1142
- className: "tg:text-red-500",
1143
- children: "*"
1144
- })]
1145
- }),
1146
- /* @__PURE__ */ D(Q, {
1147
- id: c,
1148
- type: "number",
1149
- name: s,
1150
- value: t ?? "",
1151
- onChange: (e) => n(e.target.value === "" ? null : Number(e.target.value)),
1152
- placeholder: a
1153
- }),
1154
- r && /* @__PURE__ */ D(Z, { children: r }),
1155
- o && !r && /* @__PURE__ */ D(X, { children: o })
1156
- ]
1157
- }), ut = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s, id: c }) => /* @__PURE__ */ O(Y, {
1158
- className: "tg:mb-4",
1159
- children: [
1160
- /* @__PURE__ */ O($, {
1161
- htmlFor: c,
1162
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
1163
- className: "tg:text-red-500",
1164
- children: "*"
1165
- })]
1166
- }),
1167
- /* @__PURE__ */ D(Q, {
1168
- id: c,
1169
- name: s,
1170
- type: "password",
1171
- value: t ?? "",
1172
- onChange: (e) => n(e.target.value),
1173
- placeholder: a,
1174
- autoComplete: "new-password"
1175
- }),
1176
- r && /* @__PURE__ */ D(Z, { children: r }),
1177
- o && !r && /* @__PURE__ */ D(X, { children: o })
1178
- ]
1179
- }), dt = R("tg:group/field tg:flex tg:w-full tg:gap-3 tg:data-[invalid=true]:text-destructive", {
1180
- defaultVariants: { orientation: "vertical" },
1181
- variants: { orientation: {
1182
- horizontal: [
1183
- "tg:flex-row tg:items-center",
1184
- "tg:[&>[data-slot=field-label]]:flex-auto",
1185
- "tg:has-[>[data-slot=field-content]]:items-start tg:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
1186
- ],
1187
- responsive: [
1188
- "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",
1189
- "tg:@md/field-group:[&>[data-slot=field-label]]:flex-auto",
1190
- "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"
1191
- ],
1192
- vertical: ["tg:flex-col tg:[&>*]:w-full tg:[&>.sr-only]:w-auto"]
1193
- } }
1194
- });
1195
- function ft({ className: e, orientation: t = "vertical", ...n }) {
1196
- return /* @__PURE__ */ D("div", {
1197
- role: "group",
1198
- "data-slot": "field",
1199
- "data-orientation": t,
1200
- className: q(dt({ orientation: t }), e),
1201
- ...n
1202
- });
1203
- }
1204
- function pt({ className: e, ...t }) {
1205
- return /* @__PURE__ */ D("div", {
1206
- "data-slot": "field-content",
1207
- className: q("tg:group/field-content tg:flex tg:flex-1 tg:flex-col tg:gap-1.5 tg:leading-snug", e),
1208
- ...t
1209
- });
1210
- }
1211
- function mt({ className: e, ...t }) {
1212
- return /* @__PURE__ */ D($, {
1213
- "data-slot": "field-label",
1214
- className: q("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),
1215
- ...t
1216
- });
1217
- }
1218
- function ht({ className: e, ...t }) {
1219
- return /* @__PURE__ */ D("div", {
1220
- "data-slot": "field-label",
1221
- className: q("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),
1222
- ...t
1223
- });
1224
- }
1225
- function gt({ className: e, ...t }) {
1226
- return /* @__PURE__ */ D("p", {
1227
- "data-slot": "field-description",
1228
- className: q("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),
1229
- ...t
1230
- });
1231
- }
1232
- //#endregion
1233
- //#region src/shared/components/ui/radio-group.tsx
1234
- function _t({ className: e, ...t }) {
1235
- return /* @__PURE__ */ D(le.Root, {
1236
- "data-slot": "radio-group",
1237
- className: q("tg:grid tg:gap-3", e),
1238
- ...t
1239
- });
1240
- }
1241
- function vt({ className: e, ...t }) {
1242
- return /* @__PURE__ */ D(le.Item, {
1243
- "data-slot": "radio-group-item",
1244
- className: q("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),
1245
- ...t,
1246
- children: /* @__PURE__ */ D(le.Indicator, {
1247
- "data-slot": "radio-group-indicator",
1248
- className: "tg:relative tg:flex tg:items-center tg:justify-center",
1249
- children: /* @__PURE__ */ D(N, { 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" })
1250
- })
1251
- });
1252
- }
1253
- //#endregion
1254
- //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultRadioInput.tsx
1255
- var yt = ({ node: e, value: t, setValue: n, error: r, label: a, helperText: o, id: s, name: c, renderOptionExtras: l, compactOptions: u }) => {
1256
- let { options: d, isLoading: f, error: m } = Xe(e), { optionsDisplayLimit: h } = i(), g = p(), _ = t ? String(t) : "", v = e.data.variant !== "default", y = `${s}-label`, b = h ? d.slice(0, h) : d, x = d.length - b.length;
1257
- return /* @__PURE__ */ O(Y, {
1258
- className: "tg:mb-4",
1259
- children: [
1260
- /* @__PURE__ */ O($, {
1261
- className: "tg:mb-1",
1262
- id: y,
1263
- children: [a || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
1264
- className: "tg:text-red-500",
1265
- children: "*"
1266
- })]
1267
- }),
1268
- f && /* @__PURE__ */ O("div", {
1269
- className: "tg:flex tg:items-center tg:gap-2 tg:py-2 tg:text-muted-foreground tg:text-sm",
1270
- children: [/* @__PURE__ */ D(P, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ D("span", { children: g("renderer.defaultRadioInput.loadingOptions") })]
1271
- }),
1272
- /* @__PURE__ */ O(_t, {
1273
- value: _,
1274
- onValueChange: (e) => n(e),
1275
- "aria-labelledby": y,
1276
- name: c,
1277
- className: q("tg:min-w-0", v && "tg:flex tg:flex-col tg:gap-2"),
1278
- children: [b.map((e, t) => {
1279
- let n = `${s}-${e.value}`, r = g(e.label) || e.value, i = g(e.description), a = String(e.value);
1280
- return v ? /* @__PURE__ */ O(mt, {
1281
- htmlFor: n,
1282
- className: q("tg:group/option tg:pointer-events-auto tg:relative", u && "tg:group-hover/option:pr-16"),
1283
- children: [/* @__PURE__ */ O(ft, {
1284
- orientation: "horizontal",
1285
- "data-disabled": e.disabled || void 0,
1286
- children: [
1287
- e.image && /* @__PURE__ */ D("img", {
1288
- src: e.image,
1289
- alt: "",
1290
- className: "tg:h-10 tg:w-10 tg:shrink-0 tg:self-center tg:rounded tg:object-cover"
1291
- }),
1292
- /* @__PURE__ */ O(pt, {
1293
- className: q(u && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
1294
- children: [/* @__PURE__ */ D(ht, {
1295
- className: q(u && "tg:block tg:max-w-full tg:truncate"),
1296
- children: r
1297
- }), i && /* @__PURE__ */ D(gt, {
1298
- className: q(u && "tg:block tg:max-w-full tg:truncate"),
1299
- children: i
1300
- })]
1301
- }),
1302
- /* @__PURE__ */ D(vt, {
1303
- value: a,
1304
- id: n,
1305
- disabled: e.disabled,
1306
- className: q(u && "tg:ml-auto tg:shrink-0 tg:group-hover/option:invisible")
1307
- })
1308
- ]
1309
- }), l?.({
1310
- index: t,
1311
- option: e,
1312
- variant: "card"
1313
- })]
1314
- }, e.value + t) : /* @__PURE__ */ O("div", {
1315
- className: q("tg:group/option tg:pointer-events-auto tg:relative tg:flex tg:items-start tg:space-x-2", u && "tg:min-w-0 tg:pr-22"),
1316
- children: [
1317
- /* @__PURE__ */ D(vt, {
1318
- value: a,
1319
- id: n,
1320
- disabled: e.disabled,
1321
- className: "tg:mt-0.5"
1322
- }),
1323
- e.image && /* @__PURE__ */ D("img", {
1324
- src: e.image,
1325
- alt: "",
1326
- className: "tg:h-8 tg:w-8 tg:rounded tg:object-cover"
1327
- }),
1328
- /* @__PURE__ */ O("div", {
1329
- className: q("tg:flex tg:flex-col", u && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
1330
- children: [/* @__PURE__ */ D($, {
1331
- htmlFor: n,
1332
- className: q("tg:cursor-pointer tg:font-normal tg:text-sm", u && "tg:block tg:max-w-full tg:truncate"),
1333
- children: r
1334
- }), i && /* @__PURE__ */ D("span", {
1335
- className: q("tg:text-muted-foreground tg:text-xs", u && "tg:block tg:max-w-full tg:truncate"),
1336
- children: i
1337
- })]
1338
- }),
1339
- l?.({
1340
- index: t,
1341
- option: e,
1342
- variant: "default"
1343
- })
1344
- ]
1345
- }, e.value + t);
1346
- }), x > 0 && /* @__PURE__ */ D("div", {
1347
- className: "tg:px-2 tg:py-1 tg:text-muted-foreground tg:text-xs",
1348
- children: "…"
1349
- })]
1350
- }),
1351
- r && /* @__PURE__ */ D(Z, { children: r }),
1352
- m && !r && /* @__PURE__ */ D(Z, { children: m }),
1353
- o && !r && !m && /* @__PURE__ */ D(X, { children: o })
1354
- ]
1355
- });
1356
- }, bt = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s, id: c }) => {
1357
- let { options: l, isLoading: u, error: d } = Xe(e), f = p(), m = t ? String(t) : "";
1358
- return /* @__PURE__ */ O(Y, {
1359
- className: "tg:mb-4",
1360
- children: [
1361
- /* @__PURE__ */ O($, {
1362
- htmlFor: c,
1363
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
1364
- className: "tg:text-red-500",
1365
- children: "*"
1366
- })]
1367
- }),
1368
- /* @__PURE__ */ O(ge, {
1369
- name: s,
1370
- value: m,
1371
- onValueChange: (e) => n(e),
1372
- disabled: u,
1373
- children: [/* @__PURE__ */ O(ye, {
1374
- id: c,
1375
- name: s,
1376
- className: "tg:w-full",
1377
- children: [u && /* @__PURE__ */ D(P, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ D(ve, { placeholder: a || f("renderer.defaultSelectInput.selectOption") })]
1378
- }), /* @__PURE__ */ D(be, { children: /* @__PURE__ */ D(_e, { children: l.map((e, t) => /* @__PURE__ */ D(Se, {
1379
- value: String(e.value),
1380
- disabled: e.disabled,
1381
- children: f(e.label) ? f(e.label) : e.value
1382
- }, `${e.value}-${t}`)) }) })]
1383
- }),
1384
- r && /* @__PURE__ */ D(Z, { children: r }),
1385
- d && !r && /* @__PURE__ */ D(Z, { children: d }),
1386
- o && !r && !d && /* @__PURE__ */ D(X, { children: o })
1387
- ]
1388
- });
1389
- }, xt = ({ children: e, onSubmit: t }) => /* @__PURE__ */ D("form", {
1390
- onSubmit: t,
1391
- className: "tg:mx-auto tg:max-w-2xl tg:gap-y-3",
1392
- children: e
1393
- }), St = ({ children: e, missingFields: t = [] }) => {
1394
- let n = t.length > 0, r = p();
1395
- return n ? /* @__PURE__ */ D(Ee, { children: /* @__PURE__ */ O(De, { children: [/* @__PURE__ */ D(Oe, {
1396
- asChild: !0,
1397
- children: /* @__PURE__ */ D("span", {
1398
- className: "tg:inline-flex",
1399
- children: e
1400
- })
1401
- }), /* @__PURE__ */ D(ke, { children: /* @__PURE__ */ O("div", {
1402
- className: "tg:space-y-1",
1403
- children: [/* @__PURE__ */ O("p", {
1404
- className: "tg:font-semibold",
1405
- children: [r("renderer.defaultSubmitButton.requiredFieldsMissing"), ":"]
1406
- }), /* @__PURE__ */ D("ul", {
1407
- className: "tg:list-inside tg:list-disc",
1408
- children: t.map((e, t) => /* @__PURE__ */ D("li", { children: e }, t))
1409
- })]
1410
- }) })] }) }) : e;
1411
- }, Ct = ({ label: e, children: t, isFirstStep: n, isLastStep: r, canContinue: i, isSubmitting: a, onBack: o, onContinue: s, missingFields: c }) => {
1412
- let l = p(), u = /* @__PURE__ */ D("button", {
1413
- type: "button",
1414
- onClick: s,
1415
- disabled: !i || a,
1416
- 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",
1417
- children: l(r ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")
1418
- });
1419
- return /* @__PURE__ */ O("section", {
1420
- className: "tg:rounded-lg tg:border tg:p-4",
1421
- children: [
1422
- e && /* @__PURE__ */ D("h3", {
1423
- className: "tg:mb-4 tg:font-semibold tg:text-lg",
1424
- children: e
1425
- }),
1426
- t,
1427
- /* @__PURE__ */ O("div", {
1428
- className: "tg:mt-6 tg:flex tg:items-center tg:justify-between tg:gap-2",
1429
- children: [n ? /* @__PURE__ */ D("span", {}) : /* @__PURE__ */ D("button", {
1430
- type: "button",
1431
- onClick: o,
1432
- disabled: a,
1433
- 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",
1434
- children: l("renderer.step.back")
1435
- }), /* @__PURE__ */ D(St, {
1436
- missingFields: c,
1437
- children: u
1438
- })]
1439
- })
1440
- ]
1441
- });
1442
- }, wt = b(({ label: e, id: t, disabled: n, onBlur: r, onClick: i, onFocus: a, onPointerDown: o, onPointerLeave: s, onPointerMove: c, ...l }, u) => {
1443
- let d = p();
1444
- return /* @__PURE__ */ D("button", {
1445
- ref: u,
1446
- id: t,
1447
- onBlur: r,
1448
- onClick: i,
1449
- onFocus: a,
1450
- onPointerDown: o,
1451
- disabled: n,
1452
- onPointerLeave: s,
1453
- onPointerMove: c,
1454
- type: "submit",
1455
- 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",
1456
- ...l,
1457
- children: e || d("renderer.defaultSubmitButton.submit")
1458
- });
1459
- }), Tt = ({ node: e }) => {
1460
- let t = p()(e.data?.label);
1461
- return t ? /* @__PURE__ */ O("div", {
1462
- className: "tg:flex tg:items-center tg:gap-x-3",
1463
- children: [
1464
- /* @__PURE__ */ D(Ae, { className: "tg:my-8 tg:flex-1" }),
1465
- /* @__PURE__ */ D("h4", {
1466
- className: "tg:font-semibold tg:text-sm",
1467
- children: t
1468
- }),
1469
- /* @__PURE__ */ D(Ae, { className: "tg:my-8 tg:flex-1" })
1470
- ]
1471
- }) : /* @__PURE__ */ D(Ae, { className: "tg:my-8" });
1472
- }, Et = ({ node: e }) => {
1473
- let { edges: t } = i(), n = p();
1474
- return /* @__PURE__ */ D("h2", {
1475
- className: q("tg:mb-5 tg:font-bold tg:text-2xl", !h(e.id, t) && "tg:mt-10"),
1476
- children: n(e.data?.label)
1477
- });
1478
- }, Dt = {
1479
- divider: Tt,
1480
- title: Et
1481
- }, Ot = ({ node: e, children: t }) => {
1482
- let { image: n } = e.data;
1483
- return /* @__PURE__ */ O(E, { children: [n && /* @__PURE__ */ D("img", {
1484
- src: n,
1485
- alt: "",
1486
- className: "tg:mb-2 tg:max-h-40 tg:w-full tg:rounded-md tg:object-cover"
1487
- }), t] });
1488
- };
1489
- //#endregion
1490
- //#region src/shared/components/ui/skeleton.tsx
1491
- function kt({ className: e, ...t }) {
1492
- return /* @__PURE__ */ D("div", {
1493
- "data-slot": "skeleton",
1494
- className: q("tg:animate-pulse tg:rounded-md tg:bg-accent", e),
1495
- ...t
1496
- });
1497
- }
1498
- //#endregion
1499
- //#region src/renderer/features/TreegeRenderer/web/components/DefaultLoadingSkeleton.tsx
1500
- var At = () => /* @__PURE__ */ O("section", {
1501
- className: "tg:rounded-lg tg:border tg:p-4",
1502
- "aria-busy": "true",
1503
- "aria-live": "polite",
1504
- children: [
1505
- /* @__PURE__ */ D(kt, { className: "tg:mb-6 tg:h-6 tg:w-1/3" }),
1506
- /* @__PURE__ */ D("div", {
1507
- className: "tg:space-y-6",
1508
- children: [
1509
- 0,
1510
- 1,
1511
- 2
1512
- ].map((e) => /* @__PURE__ */ O("div", {
1513
- className: "tg:space-y-2",
1514
- children: [/* @__PURE__ */ D(kt, { className: "tg:h-4 tg:w-1/4" }), /* @__PURE__ */ D(kt, { className: "tg:h-10 tg:w-full" })]
1515
- }, e))
1516
- }),
1517
- /* @__PURE__ */ D("div", {
1518
- className: "tg:mt-6 tg:flex tg:items-center tg:justify-end",
1519
- children: /* @__PURE__ */ D(kt, { className: "tg:h-10 tg:w-24" })
1520
- })
1521
- ]
1522
- }), jt = "/*! 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-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-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-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\\/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{background-color:var(--treege-destructive)}.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-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-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))}}", Mt = () => /* @__PURE__ */ D("style", {
1523
- href: "treege-renderer",
1524
- precedence: "default",
1525
- children: jt
1526
- }), Nt = ({ components: e, className: t, flows: n, googleApiKey: i, headers: a, language: o, onChange: s, onSubmit: c, theme: l, validate: u, validationMode: f, initialValues: p = {}, isLoading: h = !1 }) => {
1527
- let { canContinueStep: _, canSubmit: v, clearSubmitMessage: y, config: b, currentStep: S, currentStepGroupNode: w, currentStepIndex: T, firstErrorFieldId: E, formErrors: ee, formValues: k, goToNextStep: A, goToPreviousStep: j, handleSubmit: M, inputNodes: te, isFirstStep: ne, isLastStep: N, isSubmitting: P, missingRequiredFields: F, setFieldValue: I, steps: re, submitMessage: L, t: R } = d({
1528
- components: e,
1529
- flows: n,
1530
- googleApiKey: i,
1531
- headers: a,
1532
- initialValues: p,
1533
- language: o,
1534
- onChange: s,
1535
- onSubmit: c,
1536
- theme: l,
1537
- validate: u,
1538
- validationMode: f
1539
- }), { FormWrapper: ie, renderNode: z } = m({
1540
- config: b,
1541
- DefaultFormWrapper: xt,
1542
- DefaultInputWrapper: Ot,
1543
- DefaultSubmitButton: wt,
1544
- DefaultSubmitButtonWrapper: St,
1545
- defaultInputRenderers: Ht,
1546
- defaultUI: Dt,
1547
- formErrors: ee,
1548
- formValues: k,
1549
- missingRequiredFields: F,
1550
- setFieldValue: I
1551
- }), B = b.components.step ?? Ct, ae = b.components.loadingSkeleton ?? At, V = C(() => R(w?.data?.label), [R, w]), H = x(async (e) => {
1552
- e.preventDefault(), !await M() && E && document.getElementById(E)?.focus();
1553
- }, [M, E]), U = x(() => {
1554
- if (N) {
1555
- M();
1556
- return;
1557
- }
1558
- A();
1559
- }, [
1560
- N,
1561
- M,
1562
- A
1563
- ]);
1564
- return /* @__PURE__ */ O("div", {
1565
- className: q("treege", t),
1566
- children: [/* @__PURE__ */ D(Mt, {}), /* @__PURE__ */ D(g, {
1567
- theme: b.theme,
1568
- storageKey: "treege-renderer-theme",
1569
- children: h ? /* @__PURE__ */ D(ae, {}) : /* @__PURE__ */ O(r, {
1570
- value: {
1571
- flows: n,
1572
- formErrors: ee,
1573
- formValues: k,
1574
- googleApiKey: b.googleApiKey,
1575
- headers: b.headers,
1576
- inputNodes: te,
1577
- language: b.language,
1578
- setFieldValue: I
1579
- },
1580
- children: [/* @__PURE__ */ O(ie, {
1581
- onSubmit: H,
1582
- children: [S && /* @__PURE__ */ D(B, {
1583
- step: S,
1584
- groupNode: w,
1585
- stepIndex: T,
1586
- totalSteps: re.length,
1587
- isFirstStep: ne,
1588
- isLastStep: N,
1589
- canContinue: _ && (!N || v),
1590
- isSubmitting: P,
1591
- onBack: j,
1592
- onContinue: U,
1593
- label: V,
1594
- missingFields: N ? F : void 0,
1595
- children: S.nodes.map((e) => z(e))
1596
- }), /* @__PURE__ */ D("p", {
1597
- className: "tg:py-2 tg:text-right tg:text-muted-foreground tg:text-xs",
1598
- children: "Powered by Treege"
1599
- })]
1600
- }), L && /* @__PURE__ */ D("div", {
1601
- 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"}`,
1602
- role: "alert",
1603
- children: /* @__PURE__ */ O("div", {
1604
- className: "tg:flex tg:items-center tg:justify-between",
1605
- children: [/* @__PURE__ */ D("p", {
1606
- className: "tg:font-medium tg:text-sm",
1607
- children: L.message
1608
- }), /* @__PURE__ */ D("button", {
1609
- type: "button",
1610
- onClick: y,
1611
- className: "tg:ml-4 tg:font-medium tg:text-sm tg:underline tg:hover:no-underline tg:focus:outline-none",
1612
- children: R("common.close")
1613
- })]
1614
- })
1615
- })]
1616
- })
1617
- })]
1618
- });
1619
- }, Pt = ({ missingRequiredFields: e, isSubmitting: t, label: n }) => {
1620
- let r = l(), i = r?.components?.submitButton, a = r?.components?.submitButtonWrapper;
1621
- return /* @__PURE__ */ D(a || St, {
1622
- missingFields: e,
1623
- children: /* @__PURE__ */ D(i || wt, {
1624
- label: n,
1625
- disabled: t
1626
- })
1627
- });
1628
- };
1629
- //#endregion
1630
- //#region src/shared/components/ui/switch.tsx
1631
- function Ft({ className: e, ...t }) {
1632
- return /* @__PURE__ */ D(K.Root, {
1633
- "data-slot": "switch",
1634
- className: q("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),
1635
- ...t,
1636
- children: /* @__PURE__ */ D(K.Thumb, {
1637
- "data-slot": "switch-thumb",
1638
- className: q("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")
1639
- })
1640
- });
1641
- }
1642
- //#endregion
1643
- //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultSwitchInput.tsx
1644
- var It = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a, name: o, id: s }) => /* @__PURE__ */ O(Y, {
1645
- className: "tg:mb-4",
1646
- children: [
1647
- /* @__PURE__ */ O($, {
1648
- htmlFor: s,
1649
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
1650
- className: "tg:text-red-500",
1651
- children: "*"
1652
- })]
1653
- }),
1654
- /* @__PURE__ */ D(Ft, {
1655
- id: s,
1656
- name: o,
1657
- checked: t,
1658
- onCheckedChange: n
1659
- }),
1660
- a && !r && /* @__PURE__ */ D(X, { children: a }),
1661
- r && /* @__PURE__ */ D(Z, { children: r })
1662
- ]
1663
- });
1664
- //#endregion
1665
- //#region src/shared/components/ui/textarea.tsx
1666
- function Lt({ className: e, ...t }) {
1667
- return /* @__PURE__ */ D("textarea", {
1668
- "data-slot": "textarea",
1669
- className: q("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),
1670
- ...t
1671
- });
1672
- }
1673
- //#endregion
1674
- //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultTextAreaInput.tsx
1675
- var Rt = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s, id: c }) => /* @__PURE__ */ O(Y, {
1676
- className: "tg:mb-4",
1677
- children: [
1678
- /* @__PURE__ */ O($, {
1679
- htmlFor: c,
1680
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
1681
- className: "tg:text-red-500",
1682
- children: "*"
1683
- })]
1684
- }),
1685
- /* @__PURE__ */ D(Lt, {
1686
- id: c,
1687
- name: s,
1688
- value: t ?? "",
1689
- onChange: (e) => n(e.target.value),
1690
- placeholder: a,
1691
- className: "tg:w-full tg:rounded-md tg:border tg:px-3 tg:py-2",
1692
- rows: 4
1693
- }),
1694
- r && /* @__PURE__ */ D(Z, { children: r }),
1695
- o && !r && /* @__PURE__ */ D(X, { children: o })
1696
- ]
1697
- }), zt = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s, id: c }) => /* @__PURE__ */ O(Y, {
1698
- className: "tg:mb-4",
1699
- children: [
1700
- /* @__PURE__ */ O($, {
1701
- htmlFor: c,
1702
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
1703
- className: "tg:text-red-500",
1704
- children: "*"
1705
- })]
1706
- }),
1707
- /* @__PURE__ */ D(Q, {
1708
- type: "text",
1709
- id: c,
1710
- name: s,
1711
- value: t ?? "",
1712
- onChange: (e) => n(e.target.value),
1713
- placeholder: a
1714
- }),
1715
- r && /* @__PURE__ */ D(Z, { children: r }),
1716
- o && !r && /* @__PURE__ */ D(X, { children: o })
1717
- ]
1718
- }), Bt = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s, id: c }) => /* @__PURE__ */ O(Y, {
1719
- className: "tg:mb-4",
1720
- children: [
1721
- /* @__PURE__ */ O($, {
1722
- htmlFor: c,
1723
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
1724
- className: "tg:text-red-500",
1725
- children: "*"
1726
- })]
1727
- }),
1728
- /* @__PURE__ */ D(Q, {
1729
- type: "time",
1730
- id: c,
1731
- name: s,
1732
- value: t ?? "",
1733
- onChange: (e) => n(e.target.value),
1734
- placeholder: a,
1735
- className: "tg:bg-background tg:[color-scheme:light] tg:dark:[color-scheme:dark]"
1736
- }),
1737
- r && /* @__PURE__ */ D(Z, { children: r }),
1738
- o && !r && /* @__PURE__ */ D(X, { children: o })
1739
- ]
1740
- }), Vt = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a, id: o, name: s }) => {
1741
- let c = p(), l = Array.isArray(t) ? t : [], u = l[0] || "", d = l[1] || "", f = (e) => {
1742
- n([e, d]);
1743
- }, m = (e) => {
1744
- n([u, e]);
1745
- };
1746
- return /* @__PURE__ */ O(Y, {
1747
- className: "tg:mb-4",
1748
- children: [
1749
- /* @__PURE__ */ O($, {
1750
- htmlFor: `${o}-start`,
1751
- children: [i || e.data.name, e.data.required && /* @__PURE__ */ D("span", {
1752
- className: "tg:text-red-500",
1753
- children: "*"
1754
- })]
1755
- }),
1756
- /* @__PURE__ */ O("div", {
1757
- className: "tg:flex tg:gap-2",
1758
- children: [/* @__PURE__ */ D(Q, {
1759
- id: `${o}-start`,
1760
- name: `${s}-start`,
1761
- "aria-label": `${i || e.data.name} - ${c("renderer.defaultInputs.startTime")}`,
1762
- "aria-invalid": !!r,
1763
- "aria-describedby": r ? `${e.id}-error` : void 0,
1764
- type: "time",
1765
- value: u,
1766
- onChange: (e) => f(e.target.value),
1767
- placeholder: c("renderer.defaultInputs.startTime"),
1768
- className: "tg:flex-1 tg:bg-background tg:[color-scheme:light] tg:dark:[color-scheme:dark]"
1769
- }), /* @__PURE__ */ D(Q, {
1770
- id: `${o}-end`,
1771
- name: `${s}-end`,
1772
- "aria-label": `${i || e.data.name} - ${c("renderer.defaultInputs.endTime")}`,
1773
- "aria-invalid": !!r,
1774
- "aria-describedby": r ? `${e.id}-error` : void 0,
1775
- type: "time",
1776
- value: d,
1777
- onChange: (e) => m(e.target.value),
1778
- placeholder: c("renderer.defaultInputs.endTime"),
1779
- className: "tg:flex-1 tg:bg-background tg:[color-scheme:light] tg:dark:[color-scheme:dark]"
1780
- })]
1781
- }),
1782
- r && /* @__PURE__ */ D(Z, { children: r }),
1783
- a && !r && /* @__PURE__ */ D(X, { children: a })
1784
- ]
1785
- });
1786
- }, Ht = {
1787
- address: Je,
1788
- autocomplete: Ze,
1789
- checkbox: Qe,
1790
- date: tt,
1791
- daterange: nt,
1792
- file: rt,
1793
- hidden: it,
1794
- http: ct,
1795
- number: lt,
1796
- password: ut,
1797
- radio: yt,
1798
- select: bt,
1799
- submit: Pt,
1800
- switch: It,
1801
- text: zt,
1802
- textarea: Rt,
1803
- time: Bt,
1804
- timerange: Vt
1805
- };
1806
- //#endregion
1807
- export { pe as $, Ve as A, Ae as B, tt as C, Be as D, Je as E, ze as F, ge as G, ke as H, Le as I, Se as J, be as K, Ie as L, He as M, je as N, Ue as O, Fe as P, ve as Q, Re as R, nt as S, Ze as T, Ee as U, De as V, Oe as W, Ce as X, xe as Y, ye as Z, ut as _, Rt as a, Y as at, it as b, Ft as c, q as ct, Et as d, he as et, Dt as f, vt as g, _t as h, zt as i, X as it, Ge as j, We as k, Nt as l, yt as m, Vt as n, $ as nt, Lt as o, fe as ot, bt as p, _e as q, Bt as r, Q as rt, It as s, J as st, Ht as t, me as tt, Tt as u, lt as v, Qe as w, rt as x, ct as y, Me as z };