@motiadev/ui 0.13.2-beta.164-732151 → 0.13.2-beta.164-110989
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/background-effect.d.ts +7 -4
- package/dist/components/ui/background-effect.d.ts.map +1 -1
- package/dist/components/ui/background-effect.js +31 -0
- package/dist/components/ui/background-effect.js.map +1 -0
- package/dist/components/ui/badge.d.ts +11 -8
- package/dist/components/ui/badge.d.ts.map +1 -1
- package/dist/components/ui/badge.js +57 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +24 -20
- package/dist/components/ui/breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/breadcrumb.js +168 -0
- package/dist/components/ui/breadcrumb.js.map +1 -0
- package/dist/components/ui/button.d.ts +14 -9
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/button.js +88 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/checkbox.d.ts +7 -3
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox.js +53 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/collapsible-panel.d.ts +17 -13
- package/dist/components/ui/collapsible-panel.d.ts.map +1 -1
- package/dist/components/ui/collapsible-panel.js +252 -0
- package/dist/components/ui/collapsible-panel.js.map +1 -0
- package/dist/components/ui/container.d.ts +17 -13
- package/dist/components/ui/container.d.ts.map +1 -1
- package/dist/components/ui/container.js +143 -0
- package/dist/components/ui/container.js.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +23 -21
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu.js +430 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/empty.d.ts +34 -10
- package/dist/components/ui/empty.d.ts.map +1 -1
- package/dist/components/ui/empty.js +219 -0
- package/dist/components/ui/empty.js.map +1 -0
- package/dist/components/ui/input.d.ts +12 -8
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/input.js +66 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts +7 -3
- package/dist/components/ui/label.d.ts.map +1 -1
- package/dist/components/ui/label.js +43 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/level-dot.d.ts +7 -3
- package/dist/components/ui/level-dot.d.ts.map +1 -1
- package/dist/components/ui/level-dot.js +35 -0
- package/dist/components/ui/level-dot.js.map +1 -0
- package/dist/components/ui/panel.d.ts +32 -28
- package/dist/components/ui/panel.d.ts.map +1 -1
- package/dist/components/ui/panel.js +284 -0
- package/dist/components/ui/panel.js.map +1 -0
- package/dist/components/ui/select.d.ts +11 -13
- package/dist/components/ui/select.d.ts.map +1 -1
- package/dist/components/ui/select.js +341 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/side-panel-detail.d.ts +8 -5
- package/dist/components/ui/side-panel-detail.d.ts.map +1 -1
- package/dist/components/ui/side-panel-detail.js +54 -0
- package/dist/components/ui/side-panel-detail.js.map +1 -0
- package/dist/components/ui/side-panel.d.ts +18 -18
- package/dist/components/ui/side-panel.d.ts.map +1 -1
- package/dist/components/ui/side-panel.js +138 -0
- package/dist/components/ui/side-panel.js.map +1 -0
- package/dist/components/ui/sidebar.d.ts +12 -8
- package/dist/components/ui/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar.js +153 -0
- package/dist/components/ui/sidebar.js.map +1 -0
- package/dist/components/ui/table.d.ts +5 -4
- package/dist/components/ui/table.d.ts.map +1 -1
- package/dist/components/ui/table.js +285 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tabs.d.ts +10 -6
- package/dist/components/ui/tabs.d.ts.map +1 -1
- package/dist/components/ui/tabs.js +142 -0
- package/dist/components/ui/tabs.js.map +1 -0
- package/dist/components/ui/textarea.d.ts +6 -2
- package/dist/components/ui/textarea.d.ts.map +1 -1
- package/dist/components/ui/textarea.js +42 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/tooltip.d.ts +10 -5
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/components/ui/tooltip.js +54 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/index.d.ts +24 -24
- package/dist/index.js +25 -11031
- package/dist/lib/utils.d.ts +6 -2
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/utils.js +11 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/stores/use-theme-store.d.ts +22 -17
- package/dist/stores/use-theme-store.d.ts.map +1 -1
- package/dist/stores/use-theme-store.js +30 -0
- package/dist/stores/use-theme-store.js.map +1 -0
- package/dist/styles.css +2647 -0
- package/dist/styles.css.map +1 -0
- package/dist/styles.js +0 -0
- package/package.json +28 -30
- package/dist/components/ui/background-effect.stories.d.ts +0 -12
- package/dist/components/ui/background-effect.stories.d.ts.map +0 -1
- package/dist/components/ui/badge.stories.d.ts +0 -19
- package/dist/components/ui/badge.stories.d.ts.map +0 -1
- package/dist/components/ui/breadcrumb.stories.d.ts +0 -21
- package/dist/components/ui/breadcrumb.stories.d.ts.map +0 -1
- package/dist/components/ui/button.stories.d.ts +0 -25
- package/dist/components/ui/button.stories.d.ts.map +0 -1
- package/dist/components/ui/checkbox.stories.d.ts +0 -25
- package/dist/components/ui/checkbox.stories.d.ts.map +0 -1
- package/dist/components/ui/collapsible-panel.stories.d.ts +0 -12
- package/dist/components/ui/collapsible-panel.stories.d.ts.map +0 -1
- package/dist/components/ui/container.stories.d.ts +0 -10
- package/dist/components/ui/container.stories.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu.stories.d.ts +0 -18
- package/dist/components/ui/dropdown-menu.stories.d.ts.map +0 -1
- package/dist/components/ui/input.stories.d.ts +0 -23
- package/dist/components/ui/input.stories.d.ts.map +0 -1
- package/dist/components/ui/label.stories.d.ts +0 -17
- package/dist/components/ui/label.stories.d.ts.map +0 -1
- package/dist/components/ui/level-dot.stories.d.ts +0 -19
- package/dist/components/ui/level-dot.stories.d.ts.map +0 -1
- package/dist/components/ui/panel.stories.d.ts +0 -24
- package/dist/components/ui/panel.stories.d.ts.map +0 -1
- package/dist/components/ui/select.stories.d.ts +0 -18
- package/dist/components/ui/select.stories.d.ts.map +0 -1
- package/dist/components/ui/side-panel-detail.stories.d.ts +0 -12
- package/dist/components/ui/side-panel-detail.stories.d.ts.map +0 -1
- package/dist/components/ui/side-panel.stories.d.ts +0 -13
- package/dist/components/ui/side-panel.stories.d.ts.map +0 -1
- package/dist/components/ui/sidebar.stories.d.ts +0 -14
- package/dist/components/ui/sidebar.stories.d.ts.map +0 -1
- package/dist/components/ui/table.stories.d.ts +0 -18
- package/dist/components/ui/table.stories.d.ts.map +0 -1
- package/dist/components/ui/tabs.stories.d.ts +0 -16
- package/dist/components/ui/tabs.stories.d.ts.map +0 -1
- package/dist/components/ui/textarea.stories.d.ts +0 -21
- package/dist/components/ui/textarea.stories.d.ts.map +0 -1
- package/dist/components/ui/tooltip.stories.d.ts +0 -21
- package/dist/components/ui/tooltip.stories.d.ts.map +0 -1
- package/dist/index.cjs +0 -122
- package/dist/index.d.ts.map +0 -1
- package/dist/ui.css +0 -1
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { ContainerHeaderProps } from "./container.js";
|
|
2
|
+
import React, { PropsWithChildren, ReactNode } from "react";
|
|
3
|
+
import { PanelGroup } from "react-resizable-panels";
|
|
4
|
+
|
|
5
|
+
//#region src/components/ui/collapsible-panel.d.ts
|
|
6
|
+
interface CollapsiblePanelProps extends PropsWithChildren {
|
|
7
|
+
id: string;
|
|
8
|
+
header: ReactNode;
|
|
9
|
+
withResizeHandle?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
variant?: ContainerHeaderProps['variant'];
|
|
12
|
+
defaultTab?: string;
|
|
13
|
+
onTabChange?: (tab: string) => void;
|
|
12
14
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
declare const CollapsiblePanel: React.FC<CollapsiblePanelProps>;
|
|
16
|
+
declare const CollapsiblePanelGroup: React.FC<React.ComponentProps<typeof PanelGroup>>;
|
|
17
|
+
//#endregion
|
|
18
|
+
export { CollapsiblePanel, CollapsiblePanelGroup };
|
|
15
19
|
//# sourceMappingURL=collapsible-panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible-panel.d.ts","
|
|
1
|
+
{"version":3,"file":"collapsible-panel.d.ts","names":[],"sources":["../../../src/components/ui/collapsible-panel.tsx"],"sourcesContent":[],"mappings":";;;;;UAQiB,qBAAA,SAA8B;;EAA9B,MAAA,EAEP,SAFO;EAEP,gBAAA,CAAA,EAAA,OAAA;EAGE,SAAA,CAAA,EAAA,MAAA;EALmC,OAAA,CAAA,EAKnC,oBALmC,CAAA,SAAA,CAAA;EAAiB,UAAA,CAAA,EAAA,MAAA;EAkDnD,WAAA,CAAA,EAAA,CAAA,GAAA,EA+DZ,MAAA,EAAA,GA/DuC,IAAA;AAiExC;AAAyE,cAjE5D,gBAiE4D,EAjE1C,KAAA,CAAM,EAiEoC,CAjEjC,qBAiEiC,CAAA;AAAtB,cAAtC,qBAAsC,EAAf,KAAA,CAAM,EAAS,CAAN,KAAA,CAAM,cAAA,CAAA,OAAsB,UAAtB,CAAA,CAAA"}
|
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
import { cn } from "../../lib/utils.js";
|
|
2
|
+
import { Button } from "./button.js";
|
|
3
|
+
import { Container, ContainerContent, ContainerHeader } from "./container.js";
|
|
4
|
+
import { Tabs } from "./tabs.js";
|
|
5
|
+
import { c } from "react/compiler-runtime";
|
|
6
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
import { ChevronDown, Equal } from "lucide-react";
|
|
8
|
+
import React, { useRef, useState } from "react";
|
|
9
|
+
import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
|
|
10
|
+
|
|
11
|
+
//#region src/components/ui/collapsible-panel.tsx
|
|
12
|
+
const PanelControls = (t0) => {
|
|
13
|
+
const $ = c(9);
|
|
14
|
+
const { header, isCollapsed, onToggle, variant: t1 } = t0;
|
|
15
|
+
const variant = t1 === void 0 ? "default" : t1;
|
|
16
|
+
let t2;
|
|
17
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
18
|
+
t2 = /* @__PURE__ */ jsx("div", { className: "flex-1" });
|
|
19
|
+
$[0] = t2;
|
|
20
|
+
} else t2 = $[0];
|
|
21
|
+
let t3;
|
|
22
|
+
if ($[1] !== isCollapsed || $[2] !== onToggle || $[3] !== variant) {
|
|
23
|
+
t3 = onToggle && /* @__PURE__ */ jsx(Button, {
|
|
24
|
+
variant: "default",
|
|
25
|
+
onClick: onToggle,
|
|
26
|
+
"aria-label": isCollapsed ? "Expand panel" : "Collapse panel",
|
|
27
|
+
className: cn("h-8 px-3 [&_svg]:size-5", { "mr-5": variant === "tabs" }),
|
|
28
|
+
children: /* @__PURE__ */ jsx(ChevronDown, { className: cn("transition-transform", { "-rotate-180": !isCollapsed }) })
|
|
29
|
+
});
|
|
30
|
+
$[1] = isCollapsed;
|
|
31
|
+
$[2] = onToggle;
|
|
32
|
+
$[3] = variant;
|
|
33
|
+
$[4] = t3;
|
|
34
|
+
} else t3 = $[4];
|
|
35
|
+
let t4;
|
|
36
|
+
if ($[5] !== header || $[6] !== t3 || $[7] !== variant) {
|
|
37
|
+
t4 = /* @__PURE__ */ jsxs(ContainerHeader, {
|
|
38
|
+
variant,
|
|
39
|
+
children: [
|
|
40
|
+
header,
|
|
41
|
+
t2,
|
|
42
|
+
t3
|
|
43
|
+
]
|
|
44
|
+
});
|
|
45
|
+
$[5] = header;
|
|
46
|
+
$[6] = t3;
|
|
47
|
+
$[7] = variant;
|
|
48
|
+
$[8] = t4;
|
|
49
|
+
} else t4 = $[8];
|
|
50
|
+
return t4;
|
|
51
|
+
};
|
|
52
|
+
const CustomResizeHandle = () => {
|
|
53
|
+
const $ = c(1);
|
|
54
|
+
let t0;
|
|
55
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
56
|
+
t0 = /* @__PURE__ */ jsx("div", {
|
|
57
|
+
className: "relative",
|
|
58
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
59
|
+
className: "absolute inset-0 flex items-center justify-center",
|
|
60
|
+
children: /* @__PURE__ */ jsx(PanelResizeHandle, {
|
|
61
|
+
className: "group relative",
|
|
62
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
63
|
+
className: "flex h-6 w-6 items-center justify-center rounded-full bg-background border border-border",
|
|
64
|
+
children: /* @__PURE__ */ jsx(Equal, { className: "h-4 w-4 text-muted-foreground" })
|
|
65
|
+
})
|
|
66
|
+
})
|
|
67
|
+
})
|
|
68
|
+
});
|
|
69
|
+
$[0] = t0;
|
|
70
|
+
} else t0 = $[0];
|
|
71
|
+
return t0;
|
|
72
|
+
};
|
|
73
|
+
const CollapsiblePanel = (t0) => {
|
|
74
|
+
const $ = c(27);
|
|
75
|
+
const { id, header, children, withResizeHandle, className, variant, defaultTab, onTabChange } = t0;
|
|
76
|
+
const [isCollapsed, setIsCollapsed] = useState(false);
|
|
77
|
+
const panelRef = useRef(null);
|
|
78
|
+
let t1;
|
|
79
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
80
|
+
t1 = () => {
|
|
81
|
+
const panel = panelRef.current;
|
|
82
|
+
if (!panel) return;
|
|
83
|
+
try {
|
|
84
|
+
if (panel.isCollapsed()) panel.expand();
|
|
85
|
+
else panel.collapse();
|
|
86
|
+
} catch (t2$1) {
|
|
87
|
+
const error = t2$1;
|
|
88
|
+
console.warn("Failed to toggle panel:", error);
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
$[0] = t1;
|
|
92
|
+
} else t1 = $[0];
|
|
93
|
+
const onToggle = t1;
|
|
94
|
+
let t2;
|
|
95
|
+
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
96
|
+
t2 = () => setIsCollapsed(true);
|
|
97
|
+
$[1] = t2;
|
|
98
|
+
} else t2 = $[1];
|
|
99
|
+
const onCollapse = t2;
|
|
100
|
+
let t3;
|
|
101
|
+
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
102
|
+
t3 = () => setIsCollapsed(false);
|
|
103
|
+
$[2] = t3;
|
|
104
|
+
} else t3 = $[2];
|
|
105
|
+
const onExpand = t3;
|
|
106
|
+
let t4;
|
|
107
|
+
bb0: {
|
|
108
|
+
let t5$1;
|
|
109
|
+
if ($[3] !== header || $[4] !== isCollapsed || $[5] !== variant) {
|
|
110
|
+
t5$1 = /* @__PURE__ */ jsx(PanelControls, {
|
|
111
|
+
header,
|
|
112
|
+
isCollapsed,
|
|
113
|
+
variant,
|
|
114
|
+
onToggle
|
|
115
|
+
});
|
|
116
|
+
$[3] = header;
|
|
117
|
+
$[4] = isCollapsed;
|
|
118
|
+
$[5] = variant;
|
|
119
|
+
$[6] = t5$1;
|
|
120
|
+
} else t5$1 = $[6];
|
|
121
|
+
let t6$1;
|
|
122
|
+
if ($[7] !== children) {
|
|
123
|
+
t6$1 = /* @__PURE__ */ jsx(ContainerContent, { children });
|
|
124
|
+
$[7] = children;
|
|
125
|
+
$[8] = t6$1;
|
|
126
|
+
} else t6$1 = $[8];
|
|
127
|
+
let t7$1;
|
|
128
|
+
if ($[9] !== t5$1 || $[10] !== t6$1) {
|
|
129
|
+
t7$1 = /* @__PURE__ */ jsxs(Container, {
|
|
130
|
+
className: "h-full",
|
|
131
|
+
children: [t5$1, t6$1]
|
|
132
|
+
});
|
|
133
|
+
$[9] = t5$1;
|
|
134
|
+
$[10] = t6$1;
|
|
135
|
+
$[11] = t7$1;
|
|
136
|
+
} else t7$1 = $[11];
|
|
137
|
+
const container = t7$1;
|
|
138
|
+
if (variant == "tabs") {
|
|
139
|
+
let t8$1;
|
|
140
|
+
if ($[12] !== container || $[13] !== defaultTab || $[14] !== onTabChange) {
|
|
141
|
+
t8$1 = /* @__PURE__ */ jsx(Tabs, {
|
|
142
|
+
className: "h-full",
|
|
143
|
+
defaultValue: defaultTab,
|
|
144
|
+
onValueChange: onTabChange,
|
|
145
|
+
children: container
|
|
146
|
+
});
|
|
147
|
+
$[12] = container;
|
|
148
|
+
$[13] = defaultTab;
|
|
149
|
+
$[14] = onTabChange;
|
|
150
|
+
$[15] = t8$1;
|
|
151
|
+
} else t8$1 = $[15];
|
|
152
|
+
t4 = t8$1;
|
|
153
|
+
break bb0;
|
|
154
|
+
}
|
|
155
|
+
t4 = container;
|
|
156
|
+
}
|
|
157
|
+
const view = t4;
|
|
158
|
+
let t5;
|
|
159
|
+
if ($[16] !== className) {
|
|
160
|
+
t5 = cn("min-h-[42px]", className);
|
|
161
|
+
$[16] = className;
|
|
162
|
+
$[17] = t5;
|
|
163
|
+
} else t5 = $[17];
|
|
164
|
+
let t6;
|
|
165
|
+
if ($[18] !== id || $[19] !== t5 || $[20] !== view) {
|
|
166
|
+
t6 = /* @__PURE__ */ jsx(Panel, {
|
|
167
|
+
id,
|
|
168
|
+
collapsible: true,
|
|
169
|
+
ref: panelRef,
|
|
170
|
+
className: t5,
|
|
171
|
+
onCollapse,
|
|
172
|
+
onExpand,
|
|
173
|
+
children: view
|
|
174
|
+
});
|
|
175
|
+
$[18] = id;
|
|
176
|
+
$[19] = t5;
|
|
177
|
+
$[20] = view;
|
|
178
|
+
$[21] = t6;
|
|
179
|
+
} else t6 = $[21];
|
|
180
|
+
let t7;
|
|
181
|
+
if ($[22] !== withResizeHandle) {
|
|
182
|
+
t7 = withResizeHandle && /* @__PURE__ */ jsx(CustomResizeHandle, {});
|
|
183
|
+
$[22] = withResizeHandle;
|
|
184
|
+
$[23] = t7;
|
|
185
|
+
} else t7 = $[23];
|
|
186
|
+
let t8;
|
|
187
|
+
if ($[24] !== t6 || $[25] !== t7) {
|
|
188
|
+
t8 = /* @__PURE__ */ jsxs(Fragment, { children: [t6, t7] });
|
|
189
|
+
$[24] = t6;
|
|
190
|
+
$[25] = t7;
|
|
191
|
+
$[26] = t8;
|
|
192
|
+
} else t8 = $[26];
|
|
193
|
+
return t8;
|
|
194
|
+
};
|
|
195
|
+
const CollapsiblePanelGroup = (t0) => {
|
|
196
|
+
const $ = c(12);
|
|
197
|
+
let children;
|
|
198
|
+
let props;
|
|
199
|
+
if ($[0] !== t0) {
|
|
200
|
+
({children, ...props} = t0);
|
|
201
|
+
$[0] = t0;
|
|
202
|
+
$[1] = children;
|
|
203
|
+
$[2] = props;
|
|
204
|
+
} else {
|
|
205
|
+
children = $[1];
|
|
206
|
+
props = $[2];
|
|
207
|
+
}
|
|
208
|
+
const [resizeHandleCount, setResizeHandleCount] = useState(0);
|
|
209
|
+
let t1;
|
|
210
|
+
if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
|
|
211
|
+
t1 = (sizes) => {
|
|
212
|
+
setResizeHandleCount(sizes.length);
|
|
213
|
+
};
|
|
214
|
+
$[3] = t1;
|
|
215
|
+
} else t1 = $[3];
|
|
216
|
+
let t2;
|
|
217
|
+
if ($[4] !== children || $[5] !== resizeHandleCount) {
|
|
218
|
+
let t3$1;
|
|
219
|
+
if ($[7] !== resizeHandleCount) {
|
|
220
|
+
t3$1 = (child, index) => {
|
|
221
|
+
if (React.isValidElement(child)) {
|
|
222
|
+
const last = resizeHandleCount - 1 === index;
|
|
223
|
+
const hasResizeHandle = resizeHandleCount > 1;
|
|
224
|
+
return React.cloneElement(child, { withResizeHandle: hasResizeHandle && !last });
|
|
225
|
+
}
|
|
226
|
+
return child;
|
|
227
|
+
};
|
|
228
|
+
$[7] = resizeHandleCount;
|
|
229
|
+
$[8] = t3$1;
|
|
230
|
+
} else t3$1 = $[8];
|
|
231
|
+
t2 = React.Children.map(children, t3$1);
|
|
232
|
+
$[4] = children;
|
|
233
|
+
$[5] = resizeHandleCount;
|
|
234
|
+
$[6] = t2;
|
|
235
|
+
} else t2 = $[6];
|
|
236
|
+
let t3;
|
|
237
|
+
if ($[9] !== props || $[10] !== t2) {
|
|
238
|
+
t3 = /* @__PURE__ */ jsx(PanelGroup, {
|
|
239
|
+
onLayout: t1,
|
|
240
|
+
...props,
|
|
241
|
+
children: t2
|
|
242
|
+
});
|
|
243
|
+
$[9] = props;
|
|
244
|
+
$[10] = t2;
|
|
245
|
+
$[11] = t3;
|
|
246
|
+
} else t3 = $[11];
|
|
247
|
+
return t3;
|
|
248
|
+
};
|
|
249
|
+
|
|
250
|
+
//#endregion
|
|
251
|
+
export { CollapsiblePanel, CollapsiblePanelGroup };
|
|
252
|
+
//# sourceMappingURL=collapsible-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible-panel.js","names":["ChevronDown","Equal","React","PropsWithChildren","ReactNode","useCallback","useMemo","useRef","useState","ImperativePanelHandle","Panel","PanelGroup","PanelResizeHandle","cn","Button","Container","ContainerContent","ContainerHeader","ContainerHeaderProps","Tabs","CollapsiblePanelProps","id","header","withResizeHandle","className","variant","defaultTab","onTabChange","tab","PanelControlProps","isCollapsed","onToggle","PanelControls","FC","t0","$","_c","t1","undefined","t2","Symbol","for","t3","t4","CustomResizeHandle","CollapsiblePanel","children","setIsCollapsed","panelRef","panel","current","expand","collapse","error","console","warn","onCollapse","onExpand","bb0","t5","t6","t7","container","t8","view","CollapsiblePanelGroup","ComponentProps","props","resizeHandleCount","setResizeHandleCount","sizes","length","child","index","isValidElement","last","hasResizeHandle","cloneElement","Children","map"],"sources":["../../../src/components/ui/collapsible-panel.tsx"],"sourcesContent":["import { ChevronDown, Equal } from 'lucide-react'\nimport React, { type PropsWithChildren, type ReactNode, useCallback, useMemo, useRef, useState } from 'react'\nimport { type ImperativePanelHandle, Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels'\nimport { cn } from '../../lib/utils'\nimport { Button } from './button'\nimport { Container, ContainerContent, ContainerHeader, type ContainerHeaderProps } from './container'\nimport { Tabs } from './tabs'\n\nexport interface CollapsiblePanelProps extends PropsWithChildren {\n id: string\n header: ReactNode\n withResizeHandle?: boolean\n className?: string\n variant?: ContainerHeaderProps['variant']\n defaultTab?: string\n onTabChange?: (tab: string) => void\n}\n\ninterface PanelControlProps {\n header: ReactNode\n isCollapsed: boolean\n onToggle?: () => void\n variant?: ContainerHeaderProps['variant']\n}\n\nconst PanelControls: React.FC<PanelControlProps> = ({ header, isCollapsed, onToggle, variant = 'default' }) => {\n return (\n <ContainerHeader variant={variant}>\n {header}\n <div className=\"flex-1\" />\n {onToggle && (\n <Button\n variant=\"default\"\n onClick={onToggle}\n aria-label={isCollapsed ? 'Expand panel' : 'Collapse panel'}\n className={cn('h-8 px-3 [&_svg]:size-5', { 'mr-5': variant === 'tabs' })}\n >\n <ChevronDown className={cn('transition-transform', { '-rotate-180': !isCollapsed })} />\n </Button>\n )}\n </ContainerHeader>\n )\n}\n\nconst CustomResizeHandle: React.FC = () => {\n return (\n <div className=\"relative\">\n <div className=\"absolute inset-0 flex items-center justify-center\">\n <PanelResizeHandle className=\"group relative\">\n <div className=\"flex h-6 w-6 items-center justify-center rounded-full bg-background border border-border\">\n <Equal className=\"h-4 w-4 text-muted-foreground\" />\n </div>\n </PanelResizeHandle>\n </div>\n </div>\n )\n}\n\nexport const CollapsiblePanel: React.FC<CollapsiblePanelProps> = ({\n id,\n header,\n children,\n withResizeHandle,\n className,\n variant,\n defaultTab,\n onTabChange,\n}) => {\n const [isCollapsed, setIsCollapsed] = useState(false)\n const panelRef = useRef<ImperativePanelHandle>(null)\n\n const onToggle = useCallback(() => {\n const panel = panelRef.current\n if (!panel) return\n\n try {\n if (panel.isCollapsed()) {\n panel.expand()\n } else {\n panel.collapse()\n }\n } catch (error) {\n console.warn('Failed to toggle panel:', error)\n }\n }, [])\n\n const onCollapse = useCallback(() => setIsCollapsed(true), [])\n const onExpand = useCallback(() => setIsCollapsed(false), [])\n\n const view = useMemo(() => {\n const container = (\n <Container className=\"h-full\">\n <PanelControls header={header} isCollapsed={isCollapsed} variant={variant} onToggle={onToggle} />\n <ContainerContent>{children}</ContainerContent>\n </Container>\n )\n if (variant == 'tabs') {\n return (\n <Tabs className=\"h-full\" defaultValue={defaultTab} onValueChange={onTabChange}>\n {container}\n </Tabs>\n )\n }\n return container\n }, [variant, isCollapsed, header, children, defaultTab, onToggle, onTabChange])\n\n return (\n <>\n <Panel\n id={id}\n collapsible\n ref={panelRef}\n className={cn('min-h-[42px]', className)}\n onCollapse={onCollapse}\n onExpand={onExpand}\n >\n {view}\n </Panel>\n {withResizeHandle && <CustomResizeHandle />}\n </>\n )\n}\n\nexport const CollapsiblePanelGroup: React.FC<React.ComponentProps<typeof PanelGroup>> = ({ children, ...props }) => {\n const [resizeHandleCount, setResizeHandleCount] = useState(0)\n return (\n <PanelGroup\n onLayout={(sizes) => {\n setResizeHandleCount(sizes.length)\n }}\n {...props}\n >\n {React.Children.map(children, (child, index) => {\n if (React.isValidElement<CollapsiblePanelProps>(child)) {\n const last = resizeHandleCount - 1 === index\n const hasResizeHandle = resizeHandleCount > 1\n return React.cloneElement(child, { withResizeHandle: hasResizeHandle && !last })\n }\n return child\n })}\n </PanelGroup>\n )\n}\n"],"mappings":"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"}
|
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
import { VariantProps } from
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as react0 from "react";
|
|
3
|
+
import { HTMLAttributes } from "react";
|
|
4
|
+
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
|
+
|
|
6
|
+
//#region src/components/ui/container.d.ts
|
|
7
|
+
interface ContainerProps extends HTMLAttributes<HTMLDivElement> {}
|
|
8
|
+
declare const Container: react0.ForwardRefExoticComponent<ContainerProps & react0.RefAttributes<HTMLDivElement>>;
|
|
6
9
|
declare const containerHeaderVariants: (props?: ({
|
|
7
|
-
|
|
8
|
-
} &
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} &
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
variant?: "default" | "tabs" | null | undefined;
|
|
11
|
+
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
12
|
+
type ContainerHeaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerHeaderVariants>;
|
|
13
|
+
declare const ContainerHeader: react0.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
14
|
+
variant?: "default" | "tabs" | null | undefined;
|
|
15
|
+
} & class_variance_authority_types0.ClassProp) | undefined) => string> & react0.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const ContainerContent: react0.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react0.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
//#endregion
|
|
18
|
+
export { Container, ContainerContent, ContainerHeader, ContainerHeaderProps };
|
|
15
19
|
//# sourceMappingURL=container.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.d.ts","
|
|
1
|
+
{"version":3,"file":"container.d.ts","names":[],"sources":["../../../src/components/ui/container.tsx"],"sourcesContent":[],"mappings":";;;;;;UAKU,cAAA,SAAuB,eAAe;cAEnC,WAAS,MAAA,CAAA,0BAAA,iBAAA,MAAA,CAAA,cAAA;cAgBhB,+BAHJ;EAfQ,OAAA,CAAA,EAAA,SAAe,GAAA,MAAA,GAAuB,IAAA,GAAA,SAAf;AAEjC,CAAA,GA0BE,+BAAA,CAAA,SAbA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAboB,KA4BV,oBAAA,GAAuB,cA5Bb,CA4B4B,cA5B5B,CAAA,GA4B8C,YA5B9C,CAAA,OA4BkE,uBA5BlE,CAAA;AAAA,cA8BT,eA9BS,SA8BM,yBA9BN,CA8BM,cA9BN,CA8BM,cA9BN,CAAA,GA8BM,YA9BN,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;CAAA,GA8BM,+BAAA,CAAA,SA9BN,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA,CAAA,uBAAA,eAAA,CAAA,CAAA;AAAA,cA0CT,gBA1CS,EA0CO,MAAA,CAAA,yBA1CP,CA0CO,cA1CP,CA0CO,cA1CP,CAAA,GA0CO,MAAA,CAAA,aA1CP,CA0CO,cA1CP,CAAA,CAAA"}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { BackgroundEffect } from "./background-effect.js";
|
|
2
|
+
import { cn } from "../../lib/utils.js";
|
|
3
|
+
import { c } from "react/compiler-runtime";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { cva } from "class-variance-authority";
|
|
6
|
+
import { forwardRef } from "react";
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/container.tsx
|
|
9
|
+
const Container = forwardRef((t0, ref) => {
|
|
10
|
+
const $ = c(11);
|
|
11
|
+
let children;
|
|
12
|
+
let className;
|
|
13
|
+
let props;
|
|
14
|
+
if ($[0] !== t0) {
|
|
15
|
+
({className, children, ...props} = t0);
|
|
16
|
+
$[0] = t0;
|
|
17
|
+
$[1] = children;
|
|
18
|
+
$[2] = className;
|
|
19
|
+
$[3] = props;
|
|
20
|
+
} else {
|
|
21
|
+
children = $[1];
|
|
22
|
+
className = $[2];
|
|
23
|
+
props = $[3];
|
|
24
|
+
}
|
|
25
|
+
let t1;
|
|
26
|
+
if ($[4] !== className) {
|
|
27
|
+
t1 = cn("relative border border-border text-foreground rounded-lg overflow-hidden flex flex-col h-full", className);
|
|
28
|
+
$[4] = className;
|
|
29
|
+
$[5] = t1;
|
|
30
|
+
} else t1 = $[5];
|
|
31
|
+
let t2;
|
|
32
|
+
if ($[6] !== children || $[7] !== props || $[8] !== ref || $[9] !== t1) {
|
|
33
|
+
t2 = /* @__PURE__ */ jsx("div", {
|
|
34
|
+
ref,
|
|
35
|
+
className: t1,
|
|
36
|
+
...props,
|
|
37
|
+
children
|
|
38
|
+
});
|
|
39
|
+
$[6] = children;
|
|
40
|
+
$[7] = props;
|
|
41
|
+
$[8] = ref;
|
|
42
|
+
$[9] = t1;
|
|
43
|
+
$[10] = t2;
|
|
44
|
+
} else t2 = $[10];
|
|
45
|
+
return t2;
|
|
46
|
+
});
|
|
47
|
+
Container.displayName = "Container";
|
|
48
|
+
const containerHeaderVariants = cva("isolate w-full bg-card flex min-h-10 items-center", {
|
|
49
|
+
variants: { variant: {
|
|
50
|
+
default: "px-5 py-2 items-center",
|
|
51
|
+
tabs: "p-0"
|
|
52
|
+
} },
|
|
53
|
+
defaultVariants: { variant: "default" }
|
|
54
|
+
});
|
|
55
|
+
const ContainerHeader = forwardRef((t0, ref) => {
|
|
56
|
+
const $ = c(14);
|
|
57
|
+
let children;
|
|
58
|
+
let className;
|
|
59
|
+
let props;
|
|
60
|
+
let variant;
|
|
61
|
+
if ($[0] !== t0) {
|
|
62
|
+
({className, variant, children, ...props} = t0);
|
|
63
|
+
$[0] = t0;
|
|
64
|
+
$[1] = children;
|
|
65
|
+
$[2] = className;
|
|
66
|
+
$[3] = props;
|
|
67
|
+
$[4] = variant;
|
|
68
|
+
} else {
|
|
69
|
+
children = $[1];
|
|
70
|
+
className = $[2];
|
|
71
|
+
props = $[3];
|
|
72
|
+
variant = $[4];
|
|
73
|
+
}
|
|
74
|
+
let t1;
|
|
75
|
+
if ($[5] !== className || $[6] !== variant) {
|
|
76
|
+
t1 = cn(containerHeaderVariants({
|
|
77
|
+
variant,
|
|
78
|
+
className
|
|
79
|
+
}));
|
|
80
|
+
$[5] = className;
|
|
81
|
+
$[6] = variant;
|
|
82
|
+
$[7] = t1;
|
|
83
|
+
} else t1 = $[7];
|
|
84
|
+
let t2;
|
|
85
|
+
if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
|
|
86
|
+
t2 = /* @__PURE__ */ jsx(BackgroundEffect, {});
|
|
87
|
+
$[8] = t2;
|
|
88
|
+
} else t2 = $[8];
|
|
89
|
+
let t3;
|
|
90
|
+
if ($[9] !== children || $[10] !== props || $[11] !== ref || $[12] !== t1) {
|
|
91
|
+
t3 = /* @__PURE__ */ jsxs("div", {
|
|
92
|
+
ref,
|
|
93
|
+
className: t1,
|
|
94
|
+
...props,
|
|
95
|
+
children: [t2, children]
|
|
96
|
+
});
|
|
97
|
+
$[9] = children;
|
|
98
|
+
$[10] = props;
|
|
99
|
+
$[11] = ref;
|
|
100
|
+
$[12] = t1;
|
|
101
|
+
$[13] = t3;
|
|
102
|
+
} else t3 = $[13];
|
|
103
|
+
return t3;
|
|
104
|
+
});
|
|
105
|
+
ContainerHeader.displayName = "ContainerHeader";
|
|
106
|
+
const ContainerContent = forwardRef((t0, ref) => {
|
|
107
|
+
const $ = c(9);
|
|
108
|
+
let className;
|
|
109
|
+
let props;
|
|
110
|
+
if ($[0] !== t0) {
|
|
111
|
+
({className, ...props} = t0);
|
|
112
|
+
$[0] = t0;
|
|
113
|
+
$[1] = className;
|
|
114
|
+
$[2] = props;
|
|
115
|
+
} else {
|
|
116
|
+
className = $[1];
|
|
117
|
+
props = $[2];
|
|
118
|
+
}
|
|
119
|
+
let t1;
|
|
120
|
+
if ($[3] !== className) {
|
|
121
|
+
t1 = cn("flex-1 overflow-auto bg-default border-border border-t", className);
|
|
122
|
+
$[3] = className;
|
|
123
|
+
$[4] = t1;
|
|
124
|
+
} else t1 = $[4];
|
|
125
|
+
let t2;
|
|
126
|
+
if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
|
|
127
|
+
t2 = /* @__PURE__ */ jsx("div", {
|
|
128
|
+
ref,
|
|
129
|
+
className: t1,
|
|
130
|
+
...props
|
|
131
|
+
});
|
|
132
|
+
$[5] = props;
|
|
133
|
+
$[6] = ref;
|
|
134
|
+
$[7] = t1;
|
|
135
|
+
$[8] = t2;
|
|
136
|
+
} else t2 = $[8];
|
|
137
|
+
return t2;
|
|
138
|
+
});
|
|
139
|
+
ContainerContent.displayName = "ContainerContent";
|
|
140
|
+
|
|
141
|
+
//#endregion
|
|
142
|
+
export { Container, ContainerContent, ContainerHeader };
|
|
143
|
+
//# sourceMappingURL=container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container.js","names":["cva","VariantProps","forwardRef","HTMLAttributes","cn","BackgroundEffect","ContainerProps","HTMLDivElement","Container","t0","ref","$","_c","children","className","props","t1","t2","displayName","containerHeaderVariants","variants","variant","default","tabs","defaultVariants","ContainerHeaderProps","ContainerHeader","Symbol","for","t3","ContainerContent"],"sources":["../../../src/components/ui/container.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { forwardRef, type HTMLAttributes } from 'react'\nimport { cn } from '../../lib/utils'\nimport { BackgroundEffect } from './background-effect'\n\ninterface ContainerProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(({ className, children, ...props }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n 'relative border border-border text-foreground rounded-lg overflow-hidden flex flex-col h-full',\n className,\n )}\n {...props}\n >\n {children}\n </div>\n )\n})\nContainer.displayName = 'Container'\n\nconst containerHeaderVariants = cva('isolate w-full bg-card flex min-h-10 items-center', {\n variants: {\n variant: {\n default: 'px-5 py-2 items-center',\n tabs: 'p-0',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n})\n\nexport type ContainerHeaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerHeaderVariants>\n\nexport const ContainerHeader = forwardRef<HTMLDivElement, ContainerHeaderProps>(\n ({ className, variant, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(containerHeaderVariants({ variant, className }))} {...props}>\n <BackgroundEffect />\n {children}\n </div>\n )\n },\n)\nContainerHeader.displayName = 'ContainerHeader'\n\nexport const ContainerContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n return (\n <div ref={ref} className={cn('flex-1 overflow-auto bg-default border-border border-t', className)} {...props} />\n )\n },\n)\nContainerContent.displayName = 'ContainerContent'\n"],"mappings":"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"}
|
|
@@ -1,25 +1,27 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
import * as DropdownMenuPrimitive from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ui/dropdown-menu.d.ts
|
|
5
|
+
declare const DropdownMenu: FC<ComponentProps<typeof DropdownMenuPrimitive.Root>>;
|
|
6
|
+
declare const DropdownMenuTrigger: FC<ComponentProps<typeof DropdownMenuPrimitive.Trigger>>;
|
|
7
|
+
declare const DropdownMenuContent: FC<ComponentProps<typeof DropdownMenuPrimitive.Content>>;
|
|
8
|
+
declare const DropdownMenuGroup: FC<ComponentProps<typeof DropdownMenuPrimitive.Group>>;
|
|
9
|
+
declare const DropdownMenuItem: FC<ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
10
|
+
inset?: boolean;
|
|
11
|
+
variant?: 'default' | 'destructive';
|
|
11
12
|
}>;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
declare const DropdownMenuCheckboxItem: FC<ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>>;
|
|
14
|
+
declare const DropdownMenuRadioGroup: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>>;
|
|
15
|
+
declare const DropdownMenuRadioItem: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioItem>>;
|
|
16
|
+
declare const DropdownMenuLabel: FC<ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
17
|
+
inset?: boolean;
|
|
17
18
|
}>;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
inset?: boolean;
|
|
19
|
+
declare const DropdownMenuSeparator: FC<ComponentProps<typeof DropdownMenuPrimitive.Separator>>;
|
|
20
|
+
declare const DropdownMenuSub: FC<ComponentProps<typeof DropdownMenuPrimitive.Sub>>;
|
|
21
|
+
declare const DropdownMenuSubTrigger: FC<ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
22
|
+
inset?: boolean;
|
|
23
23
|
}>;
|
|
24
|
-
|
|
24
|
+
declare const DropdownMenuSubContent: FC<ComponentProps<typeof DropdownMenuPrimitive.SubContent>>;
|
|
25
|
+
//#endregion
|
|
26
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
25
27
|
//# sourceMappingURL=dropdown-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.d.ts","
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":[],"mappings":";;;;cAKa,cAAc,GAAG,sBAAsB,qBAAA,CAAsB;AAA7D,cAQA,mBANZ,EAMiC,EANjC,CAMoC,cANpC,CAAA,OAM0D,qBAAA,CAAsB,OANhF,CAAA,CAAA;AAFmD,cAYvC,mBAZ6D,EAYxC,EAZwC,CAYrC,cAZqC,CAAA,OAYf,qBAAA,CAAsB,OAZP,CAAA,CAAA;AAA5C,cAgCjB,iBAhCiB,EAgCE,EAhCF,CAgCK,cAhCL,CAAA,OAgC2B,qBAAA,CAAsB,KAhCjD,CAAA,CAAA;AAAH,cAoCd,gBApCc,EAoCI,EApCJ,CAqCzB,cArCyB,CAAA,OAqCH,qBAAA,CAAsB,IArCnB,CAAA,GAAA;EAAE,KAAA,CAAA,EAAA,OAAA;EAQhB,OAAA,CAAA,EAAA,SAAA,GAEZ,aAAA;CAF0D,CAAA;AAAtB,cAgDxB,wBAhDwB,EAgDE,EAhDF,CAgDK,cAhDL,CAAA,OAgD2B,qBAAA,CAAsB,YAhDjD,CAAA,CAAA;AAAH,cA0ErB,sBA1EqB,EA0EG,EA1EH,CA0EM,cA1EN,CAAA,OA0E4B,qBAAA,CAAsB,UA1ElD,CAAA,CAAA;AAAE,cA8EvB,qBA9EuB,EA8EA,EA9EA,CA8EG,cA9EH,CAAA,OA8EyB,qBAAA,CAAsB,SA9E/C,CAAA,CAAA;AAIvB,cAkGA,iBAhFZ,EAgF+B,EAhF/B,CAiFC,cAjFD,CAAA,OAiFuB,qBAAA,CAAsB,KAjF7C,CAAA,GAAA;EAlB0D,KAAA,CAAA,EAAA,OAAA;CAAtB,CAAA;AAAH,cAiHrB,qBAjHqB,EAiHE,EAjHF,CAiHK,cAjHL,CAAA,OAiH2B,qBAAA,CAAsB,SAjHjD,CAAA,CAAA;AAoBrB,cAoHA,eAlHZ,EAkH6B,EAlH7B,CAkHgC,cAlHhC,CAAA,OAkHsD,qBAAA,CAAsB,GAlH5E,CAAA,CAAA;AAFwD,cAwH5C,sBAxHkE,EAwH1C,EAxH0C,CAyH7E,cAzH6E,CAAA,OAyHvD,qBAAA,CAAsB,UAzHiC,CAAA,GAAA;EAA5C,KAAA,CAAA,EAAA,OAAA;CAAH,CAAA;AAAE,cA6IrB,sBA7IqB,EA6IG,EA7IH,CA6IM,cA7IN,CAAA,OA6I4B,qBAAA,CAAsB,UA7IlD,CAAA,CAAA"}
|