@motiadev/ui 0.13.1-beta.163-053001 → 0.13.2-beta.164-562802

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 (141) hide show
  1. package/dist/components/ui/background-effect.d.ts +7 -4
  2. package/dist/components/ui/background-effect.d.ts.map +1 -1
  3. package/dist/components/ui/background-effect.js +31 -0
  4. package/dist/components/ui/background-effect.js.map +1 -0
  5. package/dist/components/ui/badge.d.ts +11 -8
  6. package/dist/components/ui/badge.d.ts.map +1 -1
  7. package/dist/components/ui/badge.js +57 -0
  8. package/dist/components/ui/badge.js.map +1 -0
  9. package/dist/components/ui/breadcrumb.d.ts +24 -20
  10. package/dist/components/ui/breadcrumb.d.ts.map +1 -1
  11. package/dist/components/ui/breadcrumb.js +168 -0
  12. package/dist/components/ui/breadcrumb.js.map +1 -0
  13. package/dist/components/ui/button.d.ts +14 -9
  14. package/dist/components/ui/button.d.ts.map +1 -1
  15. package/dist/components/ui/button.js +88 -0
  16. package/dist/components/ui/button.js.map +1 -0
  17. package/dist/components/ui/checkbox.d.ts +7 -3
  18. package/dist/components/ui/checkbox.d.ts.map +1 -1
  19. package/dist/components/ui/checkbox.js +53 -0
  20. package/dist/components/ui/checkbox.js.map +1 -0
  21. package/dist/components/ui/collapsible-panel.d.ts +17 -13
  22. package/dist/components/ui/collapsible-panel.d.ts.map +1 -1
  23. package/dist/components/ui/collapsible-panel.js +252 -0
  24. package/dist/components/ui/collapsible-panel.js.map +1 -0
  25. package/dist/components/ui/container.d.ts +17 -13
  26. package/dist/components/ui/container.d.ts.map +1 -1
  27. package/dist/components/ui/container.js +143 -0
  28. package/dist/components/ui/container.js.map +1 -0
  29. package/dist/components/ui/dropdown-menu.d.ts +23 -21
  30. package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
  31. package/dist/components/ui/dropdown-menu.js +430 -0
  32. package/dist/components/ui/dropdown-menu.js.map +1 -0
  33. package/dist/components/ui/empty.d.ts +34 -10
  34. package/dist/components/ui/empty.d.ts.map +1 -1
  35. package/dist/components/ui/empty.js +219 -0
  36. package/dist/components/ui/empty.js.map +1 -0
  37. package/dist/components/ui/input.d.ts +12 -8
  38. package/dist/components/ui/input.d.ts.map +1 -1
  39. package/dist/components/ui/input.js +66 -0
  40. package/dist/components/ui/input.js.map +1 -0
  41. package/dist/components/ui/label.d.ts +7 -3
  42. package/dist/components/ui/label.d.ts.map +1 -1
  43. package/dist/components/ui/label.js +43 -0
  44. package/dist/components/ui/label.js.map +1 -0
  45. package/dist/components/ui/level-dot.d.ts +7 -3
  46. package/dist/components/ui/level-dot.d.ts.map +1 -1
  47. package/dist/components/ui/level-dot.js +35 -0
  48. package/dist/components/ui/level-dot.js.map +1 -0
  49. package/dist/components/ui/panel.d.ts +32 -28
  50. package/dist/components/ui/panel.d.ts.map +1 -1
  51. package/dist/components/ui/panel.js +284 -0
  52. package/dist/components/ui/panel.js.map +1 -0
  53. package/dist/components/ui/select.d.ts +11 -13
  54. package/dist/components/ui/select.d.ts.map +1 -1
  55. package/dist/components/ui/select.js +341 -0
  56. package/dist/components/ui/select.js.map +1 -0
  57. package/dist/components/ui/side-panel-detail.d.ts +8 -5
  58. package/dist/components/ui/side-panel-detail.d.ts.map +1 -1
  59. package/dist/components/ui/side-panel-detail.js +54 -0
  60. package/dist/components/ui/side-panel-detail.js.map +1 -0
  61. package/dist/components/ui/side-panel.d.ts +18 -18
  62. package/dist/components/ui/side-panel.d.ts.map +1 -1
  63. package/dist/components/ui/side-panel.js +138 -0
  64. package/dist/components/ui/side-panel.js.map +1 -0
  65. package/dist/components/ui/sidebar.d.ts +12 -8
  66. package/dist/components/ui/sidebar.d.ts.map +1 -1
  67. package/dist/components/ui/sidebar.js +153 -0
  68. package/dist/components/ui/sidebar.js.map +1 -0
  69. package/dist/components/ui/table.d.ts +5 -4
  70. package/dist/components/ui/table.d.ts.map +1 -1
  71. package/dist/components/ui/table.js +285 -0
  72. package/dist/components/ui/table.js.map +1 -0
  73. package/dist/components/ui/tabs.d.ts +10 -6
  74. package/dist/components/ui/tabs.d.ts.map +1 -1
  75. package/dist/components/ui/tabs.js +142 -0
  76. package/dist/components/ui/tabs.js.map +1 -0
  77. package/dist/components/ui/textarea.d.ts +6 -2
  78. package/dist/components/ui/textarea.d.ts.map +1 -1
  79. package/dist/components/ui/textarea.js +42 -0
  80. package/dist/components/ui/textarea.js.map +1 -0
  81. package/dist/components/ui/tooltip.d.ts +10 -5
  82. package/dist/components/ui/tooltip.d.ts.map +1 -1
  83. package/dist/components/ui/tooltip.js +54 -0
  84. package/dist/components/ui/tooltip.js.map +1 -0
  85. package/dist/index.d.ts +24 -24
  86. package/dist/index.js +25 -11031
  87. package/dist/lib/utils.d.ts +6 -2
  88. package/dist/lib/utils.d.ts.map +1 -1
  89. package/dist/lib/utils.js +11 -0
  90. package/dist/lib/utils.js.map +1 -0
  91. package/dist/stores/use-theme-store.d.ts +22 -17
  92. package/dist/stores/use-theme-store.d.ts.map +1 -1
  93. package/dist/stores/use-theme-store.js +30 -0
  94. package/dist/stores/use-theme-store.js.map +1 -0
  95. package/dist/styles.css +2647 -0
  96. package/dist/styles.css.map +1 -0
  97. package/dist/styles.js +0 -0
  98. package/package.json +12 -14
  99. package/dist/components/ui/background-effect.stories.d.ts +0 -12
  100. package/dist/components/ui/background-effect.stories.d.ts.map +0 -1
  101. package/dist/components/ui/badge.stories.d.ts +0 -19
  102. package/dist/components/ui/badge.stories.d.ts.map +0 -1
  103. package/dist/components/ui/breadcrumb.stories.d.ts +0 -21
  104. package/dist/components/ui/breadcrumb.stories.d.ts.map +0 -1
  105. package/dist/components/ui/button.stories.d.ts +0 -25
  106. package/dist/components/ui/button.stories.d.ts.map +0 -1
  107. package/dist/components/ui/checkbox.stories.d.ts +0 -25
  108. package/dist/components/ui/checkbox.stories.d.ts.map +0 -1
  109. package/dist/components/ui/collapsible-panel.stories.d.ts +0 -12
  110. package/dist/components/ui/collapsible-panel.stories.d.ts.map +0 -1
  111. package/dist/components/ui/container.stories.d.ts +0 -10
  112. package/dist/components/ui/container.stories.d.ts.map +0 -1
  113. package/dist/components/ui/dropdown-menu.stories.d.ts +0 -18
  114. package/dist/components/ui/dropdown-menu.stories.d.ts.map +0 -1
  115. package/dist/components/ui/input.stories.d.ts +0 -23
  116. package/dist/components/ui/input.stories.d.ts.map +0 -1
  117. package/dist/components/ui/label.stories.d.ts +0 -17
  118. package/dist/components/ui/label.stories.d.ts.map +0 -1
  119. package/dist/components/ui/level-dot.stories.d.ts +0 -19
  120. package/dist/components/ui/level-dot.stories.d.ts.map +0 -1
  121. package/dist/components/ui/panel.stories.d.ts +0 -24
  122. package/dist/components/ui/panel.stories.d.ts.map +0 -1
  123. package/dist/components/ui/select.stories.d.ts +0 -18
  124. package/dist/components/ui/select.stories.d.ts.map +0 -1
  125. package/dist/components/ui/side-panel-detail.stories.d.ts +0 -12
  126. package/dist/components/ui/side-panel-detail.stories.d.ts.map +0 -1
  127. package/dist/components/ui/side-panel.stories.d.ts +0 -13
  128. package/dist/components/ui/side-panel.stories.d.ts.map +0 -1
  129. package/dist/components/ui/sidebar.stories.d.ts +0 -14
  130. package/dist/components/ui/sidebar.stories.d.ts.map +0 -1
  131. package/dist/components/ui/table.stories.d.ts +0 -18
  132. package/dist/components/ui/table.stories.d.ts.map +0 -1
  133. package/dist/components/ui/tabs.stories.d.ts +0 -16
  134. package/dist/components/ui/tabs.stories.d.ts.map +0 -1
  135. package/dist/components/ui/textarea.stories.d.ts +0 -21
  136. package/dist/components/ui/textarea.stories.d.ts.map +0 -1
  137. package/dist/components/ui/tooltip.stories.d.ts +0 -21
  138. package/dist/components/ui/tooltip.stories.d.ts.map +0 -1
  139. package/dist/index.cjs +0 -122
  140. package/dist/index.d.ts.map +0 -1
  141. package/dist/ui.css +0 -1
@@ -1,15 +1,19 @@
1
- import { default as React, PropsWithChildren, ReactNode } from 'react';
2
- import { PanelGroup } from 'react-resizable-panels';
3
- import { ContainerHeaderProps } from './container.tsx';
4
- export interface CollapsiblePanelProps extends PropsWithChildren {
5
- id: string;
6
- header: ReactNode;
7
- withResizeHandle?: boolean;
8
- className?: string;
9
- variant?: ContainerHeaderProps['variant'];
10
- defaultTab?: string;
11
- onTabChange?: (tab: string) => void;
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
- export declare const CollapsiblePanel: React.FC<CollapsiblePanelProps>;
14
- export declare const CollapsiblePanelGroup: React.FC<React.ComponentProps<typeof PanelGroup>>;
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","sourceRoot":"","sources":["../../../src/components/ui/collapsible-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAA;AAC7G,OAAO,EAAqC,UAAU,EAAqB,MAAM,wBAAwB,CAAA;AAEzG,OAAO,EAAgD,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAIvH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,SAAS,CAAA;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AA0CD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+D5D,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAmBnF,CAAA"}
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 'class-variance-authority';
2
- import { HTMLAttributes } from 'react';
3
- interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
4
- }
5
- export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
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
- variant?: "default" | "tabs" | null | undefined;
8
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
- export type ContainerHeaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerHeaderVariants>;
10
- export declare const ContainerHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
11
- variant?: "default" | "tabs" | null | undefined;
12
- } & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
13
- export declare const ContainerContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
14
- export {};
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","sourceRoot":"","sources":["../../../src/components/ui/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAIvD,UAAU,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAElE,eAAO,MAAM,SAAS,2GAapB,CAAA;AAGF,QAAA,MAAM,uBAAuB;;8EAU3B,CAAA;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAEhH,eAAO,MAAM,eAAe;;gIAS3B,CAAA;AAGD,eAAO,MAAM,gBAAgB,2HAM5B,CAAA"}
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,MAAuB,GAAA,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 'react';
2
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
3
- export declare const DropdownMenu: FC<ComponentProps<typeof DropdownMenuPrimitive.Root>>;
4
- export declare const DropdownMenuPortal: FC<ComponentProps<typeof DropdownMenuPrimitive.Portal>>;
5
- export declare const DropdownMenuTrigger: FC<ComponentProps<typeof DropdownMenuPrimitive.Trigger>>;
6
- export declare const DropdownMenuContent: FC<ComponentProps<typeof DropdownMenuPrimitive.Content>>;
7
- export declare const DropdownMenuGroup: FC<ComponentProps<typeof DropdownMenuPrimitive.Group>>;
8
- export declare const DropdownMenuItem: FC<ComponentProps<typeof DropdownMenuPrimitive.Item> & {
9
- inset?: boolean;
10
- variant?: 'default' | 'destructive';
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
- export declare const DropdownMenuCheckboxItem: FC<ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>>;
13
- export declare const DropdownMenuRadioGroup: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>>;
14
- export declare const DropdownMenuRadioItem: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioItem>>;
15
- export declare const DropdownMenuLabel: FC<ComponentProps<typeof DropdownMenuPrimitive.Label> & {
16
- inset?: boolean;
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
- export declare const DropdownMenuSeparator: FC<ComponentProps<typeof DropdownMenuPrimitive.Separator>>;
19
- export declare const DropdownMenuShortcut: FC<ComponentProps<'span'>>;
20
- export declare const DropdownMenuSub: FC<ComponentProps<typeof DropdownMenuPrimitive.Sub>>;
21
- export declare const DropdownMenuSubTrigger: FC<ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
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
- export declare const DropdownMenuSubContent: FC<ComponentProps<typeof DropdownMenuPrimitive.SubContent>>;
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","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/C,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAE9E,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAEtF,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAExF,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAkBxF,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAEpF,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAC/B,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAClD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;CACpC,CAcF,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,CAwBlG,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,CAE9F,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,CAsB5F,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAChC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAUF,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,CAW5F,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAQ3D,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,CAEhF,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CACrC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAgBF,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,CAc9F,CAAA"}
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"}