@fluid-app/rep-core 0.1.0 → 0.1.2

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 (179) hide show
  1. package/dist/chunk-2IFFXFJL.js +621 -0
  2. package/dist/chunk-2IFFXFJL.js.map +1 -0
  3. package/dist/chunk-2SIG55BD.cjs +131 -0
  4. package/dist/chunk-2SIG55BD.cjs.map +1 -0
  5. package/dist/chunk-2SPTFZRC.js +72 -0
  6. package/dist/chunk-2SPTFZRC.js.map +1 -0
  7. package/dist/chunk-3I5Y3PEO.js +23 -0
  8. package/dist/chunk-3I5Y3PEO.js.map +1 -0
  9. package/dist/chunk-46PUWB7C.cjs +69 -0
  10. package/dist/chunk-46PUWB7C.cjs.map +1 -0
  11. package/dist/chunk-4WFDFEHC.js +134 -0
  12. package/dist/chunk-4WFDFEHC.js.map +1 -0
  13. package/dist/chunk-5NYM4UTW.cjs +58 -0
  14. package/dist/chunk-5NYM4UTW.cjs.map +1 -0
  15. package/dist/chunk-BWHUEED3.cjs +32 -0
  16. package/dist/chunk-BWHUEED3.cjs.map +1 -0
  17. package/dist/chunk-CMXYKDHC.cjs +666 -0
  18. package/dist/chunk-CMXYKDHC.cjs.map +1 -0
  19. package/dist/chunk-ESYAYVNK.cjs +136 -0
  20. package/dist/chunk-ESYAYVNK.cjs.map +1 -0
  21. package/dist/{chunk-6QLUUNJL.cjs → chunk-GDY76JA6.cjs} +2 -2
  22. package/dist/chunk-GDY76JA6.cjs.map +1 -0
  23. package/dist/chunk-HGVSPZEL.cjs +119 -0
  24. package/dist/chunk-HGVSPZEL.cjs.map +1 -0
  25. package/dist/chunk-HIDJYVKJ.js +54 -0
  26. package/dist/chunk-HIDJYVKJ.js.map +1 -0
  27. package/dist/chunk-HUR3MSO4.js +25 -0
  28. package/dist/chunk-HUR3MSO4.js.map +1 -0
  29. package/dist/chunk-LVLNO2YQ.cjs +28 -0
  30. package/dist/chunk-LVLNO2YQ.cjs.map +1 -0
  31. package/dist/chunk-N2K6W7FX.cjs +169 -0
  32. package/dist/chunk-N2K6W7FX.cjs.map +1 -0
  33. package/dist/chunk-NAMNXRI5.js +129 -0
  34. package/dist/chunk-NAMNXRI5.js.map +1 -0
  35. package/dist/chunk-OWU7MFJ2.cjs +15 -0
  36. package/dist/chunk-OWU7MFJ2.cjs.map +1 -0
  37. package/dist/chunk-PVTQWD4I.js +166 -0
  38. package/dist/chunk-PVTQWD4I.js.map +1 -0
  39. package/dist/chunk-PZ6BM57A.js +30 -0
  40. package/dist/chunk-PZ6BM57A.js.map +1 -0
  41. package/dist/chunk-SJQPHJL4.cjs +26 -0
  42. package/dist/chunk-SJQPHJL4.cjs.map +1 -0
  43. package/dist/chunk-V7D3QUE6.cjs +42 -0
  44. package/dist/chunk-V7D3QUE6.cjs.map +1 -0
  45. package/dist/chunk-VRF7QEID.js +67 -0
  46. package/dist/chunk-VRF7QEID.js.map +1 -0
  47. package/dist/chunk-WASVMCZB.js +13 -0
  48. package/dist/chunk-WASVMCZB.js.map +1 -0
  49. package/dist/chunk-WYOHFNNW.js +117 -0
  50. package/dist/chunk-WYOHFNNW.js.map +1 -0
  51. package/dist/chunk-XCNBVV4T.js +38 -0
  52. package/dist/chunk-XCNBVV4T.js.map +1 -0
  53. package/dist/{chunk-EWR5EIBP.js → chunk-YKF5ZFF5.js} +2 -2
  54. package/dist/chunk-YKF5ZFF5.js.map +1 -0
  55. package/dist/chunk-YXJMBVXO.cjs +76 -0
  56. package/dist/chunk-YXJMBVXO.cjs.map +1 -0
  57. package/dist/data-sources/DataAwareWidget.cjs +59 -0
  58. package/dist/data-sources/DataAwareWidget.cjs.map +1 -0
  59. package/dist/data-sources/DataAwareWidget.d.cts +30 -0
  60. package/dist/data-sources/DataAwareWidget.d.ts +30 -0
  61. package/dist/data-sources/DataAwareWidget.js +57 -0
  62. package/dist/data-sources/DataAwareWidget.js.map +1 -0
  63. package/dist/data-sources/ErrorState.cjs +12 -0
  64. package/dist/data-sources/ErrorState.cjs.map +1 -0
  65. package/dist/data-sources/ErrorState.d.cts +5 -0
  66. package/dist/data-sources/ErrorState.d.ts +5 -0
  67. package/dist/data-sources/ErrorState.js +3 -0
  68. package/dist/data-sources/ErrorState.js.map +1 -0
  69. package/dist/data-sources/context.cjs +10 -20
  70. package/dist/data-sources/context.cjs.map +1 -1
  71. package/dist/data-sources/context.d.cts +2 -2
  72. package/dist/data-sources/context.d.ts +2 -2
  73. package/dist/data-sources/context.js +1 -21
  74. package/dist/data-sources/context.js.map +1 -1
  75. package/dist/data-sources/fetchers/api.cjs +12 -0
  76. package/dist/data-sources/fetchers/api.cjs.map +1 -0
  77. package/dist/data-sources/fetchers/api.d.cts +8 -0
  78. package/dist/data-sources/fetchers/api.d.ts +8 -0
  79. package/dist/data-sources/fetchers/api.js +3 -0
  80. package/dist/data-sources/fetchers/api.js.map +1 -0
  81. package/dist/data-sources/fetchers/custom.cjs +12 -0
  82. package/dist/data-sources/fetchers/custom.cjs.map +1 -0
  83. package/dist/data-sources/fetchers/custom.d.cts +15 -0
  84. package/dist/data-sources/fetchers/custom.d.ts +15 -0
  85. package/dist/data-sources/fetchers/custom.js +3 -0
  86. package/dist/data-sources/fetchers/custom.js.map +1 -0
  87. package/dist/data-sources/fetchers/static.cjs +16 -0
  88. package/dist/data-sources/fetchers/static.cjs.map +1 -0
  89. package/dist/data-sources/fetchers/static.d.cts +38 -0
  90. package/dist/data-sources/fetchers/static.d.ts +38 -0
  91. package/dist/data-sources/fetchers/static.js +3 -0
  92. package/dist/data-sources/fetchers/static.js.map +1 -0
  93. package/dist/data-sources/registry-context.cjs +26 -0
  94. package/dist/data-sources/registry-context.cjs.map +1 -0
  95. package/dist/data-sources/registry-context.d.cts +41 -0
  96. package/dist/data-sources/registry-context.d.ts +41 -0
  97. package/dist/data-sources/registry-context.js +9 -0
  98. package/dist/data-sources/registry-context.js.map +1 -0
  99. package/dist/data-sources/registry.cjs +20 -0
  100. package/dist/data-sources/registry.cjs.map +1 -0
  101. package/dist/data-sources/registry.d.cts +17 -0
  102. package/dist/data-sources/registry.d.ts +17 -0
  103. package/dist/data-sources/registry.js +7 -0
  104. package/dist/data-sources/registry.js.map +1 -0
  105. package/dist/data-sources/transformers.cjs +12 -0
  106. package/dist/data-sources/transformers.cjs.map +1 -0
  107. package/dist/data-sources/transformers.d.cts +23 -0
  108. package/dist/data-sources/transformers.d.ts +23 -0
  109. package/dist/data-sources/transformers.js +3 -0
  110. package/dist/data-sources/transformers.js.map +1 -0
  111. package/dist/data-sources/types.d.cts +37 -2
  112. package/dist/data-sources/types.d.ts +37 -2
  113. package/dist/data-sources/use-widget-data.cjs +19 -0
  114. package/dist/data-sources/use-widget-data.cjs.map +1 -0
  115. package/dist/data-sources/use-widget-data.d.cts +16 -0
  116. package/dist/data-sources/use-widget-data.d.ts +16 -0
  117. package/dist/data-sources/use-widget-data.js +10 -0
  118. package/dist/data-sources/use-widget-data.js.map +1 -0
  119. package/dist/registries/index.cjs +8 -15
  120. package/dist/registries/index.cjs.map +1 -1
  121. package/dist/registries/index.d.cts +20 -7
  122. package/dist/registries/index.d.ts +20 -7
  123. package/dist/registries/index.js +8 -15
  124. package/dist/registries/index.js.map +1 -1
  125. package/dist/shareable-item-DkgWpwoU.d.cts +21 -0
  126. package/dist/shareable-item-DkgWpwoU.d.ts +21 -0
  127. package/dist/shell/AppShellLayout.cjs +14 -0
  128. package/dist/shell/AppShellLayout.cjs.map +1 -0
  129. package/dist/shell/AppShellLayout.d.cts +30 -0
  130. package/dist/shell/AppShellLayout.d.ts +30 -0
  131. package/dist/shell/AppShellLayout.js +5 -0
  132. package/dist/shell/AppShellLayout.js.map +1 -0
  133. package/dist/shell/ThemeModeContext.cjs +20 -0
  134. package/dist/shell/ThemeModeContext.cjs.map +1 -0
  135. package/dist/shell/ThemeModeContext.d.cts +27 -0
  136. package/dist/shell/ThemeModeContext.d.ts +27 -0
  137. package/dist/shell/ThemeModeContext.js +3 -0
  138. package/dist/shell/ThemeModeContext.js.map +1 -0
  139. package/dist/shell/index.cjs +135 -0
  140. package/dist/shell/index.cjs.map +1 -0
  141. package/dist/shell/index.d.cts +8 -0
  142. package/dist/shell/index.d.ts +8 -0
  143. package/dist/shell/index.js +6 -0
  144. package/dist/shell/index.js.map +1 -0
  145. package/dist/shell/sidebar.cjs +105 -0
  146. package/dist/shell/sidebar.cjs.map +1 -0
  147. package/dist/shell/sidebar.d.cts +73 -0
  148. package/dist/shell/sidebar.d.ts +73 -0
  149. package/dist/shell/sidebar.js +4 -0
  150. package/dist/shell/sidebar.js.map +1 -0
  151. package/dist/shell/use-mobile.cjs +20 -0
  152. package/dist/shell/use-mobile.cjs.map +1 -0
  153. package/dist/shell/use-mobile.d.cts +5 -0
  154. package/dist/shell/use-mobile.d.ts +5 -0
  155. package/dist/shell/use-mobile.js +3 -0
  156. package/dist/shell/use-mobile.js.map +1 -0
  157. package/dist/theme/index.cjs +599 -970
  158. package/dist/theme/index.cjs.map +1 -1
  159. package/dist/theme/index.d.cts +106 -2655
  160. package/dist/theme/index.d.ts +106 -2655
  161. package/dist/theme/index.js +570 -917
  162. package/dist/theme/index.js.map +1 -1
  163. package/dist/types/index.cjs +17 -17
  164. package/dist/types/index.d.cts +28 -4
  165. package/dist/types/index.d.ts +28 -4
  166. package/dist/types/index.js +1 -1
  167. package/dist/types-R1kV_DKF.d.cts +80 -0
  168. package/dist/types-R1kV_DKF.d.ts +80 -0
  169. package/dist/{shareable-item-DPmNZkE1.d.cts → widget-schema-36uGUTWL.d.cts} +5 -21
  170. package/dist/{shareable-item-DPmNZkE1.d.ts → widget-schema-DxdlJD8E.d.ts} +5 -21
  171. package/dist/widget-utils/index.cjs +3 -3
  172. package/dist/widget-utils/index.d.cts +3 -1
  173. package/dist/widget-utils/index.d.ts +3 -1
  174. package/dist/widget-utils/index.js +1 -1
  175. package/package.json +84 -13
  176. package/dist/chunk-6QLUUNJL.cjs.map +0 -1
  177. package/dist/chunk-EWR5EIBP.js.map +0 -1
  178. package/dist/theme-DrMUYZTO.d.cts +0 -22
  179. package/dist/theme-DrMUYZTO.d.ts +0 -22
@@ -0,0 +1,621 @@
1
+ import { useIsMobile } from './chunk-HIDJYVKJ.js';
2
+ import { Slot } from '@radix-ui/react-slot';
3
+ import { cva } from 'class-variance-authority';
4
+ import { clsx } from 'clsx';
5
+ import { twMerge } from 'tailwind-merge';
6
+ import * as React from 'react';
7
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
8
+
9
+ function cn(...inputs) {
10
+ return twMerge(clsx(inputs));
11
+ }
12
+ function Separator({
13
+ className,
14
+ orientation = "horizontal",
15
+ ...props
16
+ }) {
17
+ return /* @__PURE__ */ jsx(
18
+ "div",
19
+ {
20
+ role: "separator",
21
+ "aria-orientation": orientation,
22
+ className: cn(
23
+ "shrink-0 bg-border",
24
+ orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
25
+ className
26
+ ),
27
+ ...props
28
+ }
29
+ );
30
+ }
31
+ function Skeleton({
32
+ className,
33
+ ...props
34
+ }) {
35
+ return /* @__PURE__ */ jsx(
36
+ "div",
37
+ {
38
+ className: cn("animate-pulse rounded-md bg-muted", className),
39
+ ...props
40
+ }
41
+ );
42
+ }
43
+ var SIDEBAR_WIDTH = "13rem";
44
+ var SIDEBAR_WIDTH_MOBILE = "18rem";
45
+ var SIDEBAR_WIDTH_ICON = "3rem";
46
+ var SIDEBAR_KEYBOARD_SHORTCUT = "b";
47
+ var SidebarContext = React.createContext(
48
+ null
49
+ );
50
+ function useSidebar() {
51
+ const context = React.useContext(SidebarContext);
52
+ if (!context) {
53
+ throw new Error("useSidebar must be used within a SidebarProvider.");
54
+ }
55
+ return context;
56
+ }
57
+ var SidebarProvider = React.forwardRef(
58
+ ({
59
+ defaultOpen = true,
60
+ open: openProp,
61
+ onOpenChange: setOpenProp,
62
+ viewportWidth,
63
+ previewMode,
64
+ useBottomNav: useBottomNavProp = false,
65
+ className,
66
+ style,
67
+ children,
68
+ ...props
69
+ }, ref) => {
70
+ const windowIsMobile = useIsMobile();
71
+ const isMobile = viewportWidth !== void 0 ? viewportWidth < 768 : windowIsMobile;
72
+ const isPreviewMode = viewportWidth !== void 0 || !!previewMode;
73
+ const [openMobile, setOpenMobile] = React.useState(false);
74
+ const [_open, _setOpen] = React.useState(defaultOpen);
75
+ const open = openProp ?? _open;
76
+ const setOpen = React.useCallback(
77
+ (value) => {
78
+ const openState = typeof value === "function" ? value(open) : value;
79
+ if (setOpenProp) {
80
+ setOpenProp(openState);
81
+ } else {
82
+ _setOpen(openState);
83
+ }
84
+ },
85
+ [setOpenProp, open]
86
+ );
87
+ const toggleSidebar = React.useCallback(() => {
88
+ return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
89
+ }, [isMobile, setOpen, setOpenMobile]);
90
+ React.useEffect(() => {
91
+ const handleKeyDown = (event) => {
92
+ if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
93
+ const activeElement = document.activeElement;
94
+ const isComposerFocused = activeElement?.closest(".group\\/composer") || activeElement?.closest("[data-toolbar]") || activeElement?.classList.contains("ProseMirror");
95
+ if (isComposerFocused) {
96
+ return;
97
+ }
98
+ event.preventDefault();
99
+ toggleSidebar();
100
+ }
101
+ };
102
+ window.addEventListener("keydown", handleKeyDown);
103
+ return () => window.removeEventListener("keydown", handleKeyDown);
104
+ }, [toggleSidebar]);
105
+ const state = open ? "expanded" : "collapsed";
106
+ const contextValue = React.useMemo(
107
+ () => ({
108
+ state,
109
+ open,
110
+ setOpen,
111
+ isMobile,
112
+ openMobile,
113
+ setOpenMobile,
114
+ toggleSidebar,
115
+ isPreviewMode,
116
+ useBottomNav: useBottomNavProp
117
+ }),
118
+ [
119
+ state,
120
+ open,
121
+ setOpen,
122
+ isMobile,
123
+ openMobile,
124
+ setOpenMobile,
125
+ toggleSidebar,
126
+ isPreviewMode,
127
+ useBottomNavProp
128
+ ]
129
+ );
130
+ return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
131
+ "div",
132
+ {
133
+ style: {
134
+ "--sidebar-width": SIDEBAR_WIDTH,
135
+ "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
136
+ ...style
137
+ },
138
+ className: cn(
139
+ "group/sidebar-wrapper flex min-h-0 w-full flex-1",
140
+ className
141
+ ),
142
+ ref,
143
+ ...props,
144
+ children
145
+ }
146
+ ) });
147
+ }
148
+ );
149
+ SidebarProvider.displayName = "SidebarProvider";
150
+ var Sidebar = React.forwardRef(
151
+ ({
152
+ side = "left",
153
+ variant = "sidebar",
154
+ collapsible = "offcanvas",
155
+ className,
156
+ children,
157
+ ...props
158
+ }, ref) => {
159
+ const {
160
+ isMobile,
161
+ state,
162
+ openMobile,
163
+ setOpenMobile,
164
+ isPreviewMode,
165
+ useBottomNav
166
+ } = useSidebar();
167
+ const sidebarWidth = state === "expanded" ? SIDEBAR_WIDTH : SIDEBAR_WIDTH_ICON;
168
+ if (useBottomNav && isMobile) {
169
+ return null;
170
+ }
171
+ if (collapsible === "none") {
172
+ return /* @__PURE__ */ jsx(
173
+ "div",
174
+ {
175
+ className: cn(
176
+ "flex w-(--sidebar-width) flex-col rounded-tl-lg bg-sidebar text-sidebar-foreground",
177
+ isPreviewMode ? "h-full" : "h-[97vh]",
178
+ className
179
+ ),
180
+ ref,
181
+ ...props,
182
+ children
183
+ }
184
+ );
185
+ }
186
+ if (isMobile) {
187
+ const positionClass = isPreviewMode ? "absolute" : "fixed";
188
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
189
+ openMobile && /* @__PURE__ */ jsx(
190
+ "div",
191
+ {
192
+ className: cn(positionClass, "inset-0 z-40 bg-black/50"),
193
+ onClick: () => setOpenMobile(false),
194
+ "aria-hidden": "true"
195
+ }
196
+ ),
197
+ /* @__PURE__ */ jsx(
198
+ "div",
199
+ {
200
+ "data-sidebar": "sidebar",
201
+ "data-mobile": "true",
202
+ className: cn(
203
+ positionClass,
204
+ "top-0 left-0 z-50 h-full w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground transition-transform duration-300 ease-in-out",
205
+ openMobile ? "translate-x-0" : "-translate-x-full",
206
+ className
207
+ ),
208
+ style: {
209
+ "--sidebar-width": SIDEBAR_WIDTH_MOBILE
210
+ },
211
+ ref,
212
+ ...props,
213
+ children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
214
+ }
215
+ )
216
+ ] });
217
+ }
218
+ return /* @__PURE__ */ jsxs(
219
+ "div",
220
+ {
221
+ ref,
222
+ className: "group peer hidden bg-sidebar text-sidebar-foreground md:block",
223
+ "data-state": state,
224
+ "data-collapsible": state === "collapsed" ? collapsible : "",
225
+ "data-variant": variant,
226
+ "data-side": side,
227
+ style: {
228
+ "--sidebar-width": sidebarWidth
229
+ },
230
+ children: [
231
+ /* @__PURE__ */ jsx(
232
+ "div",
233
+ {
234
+ className: cn(
235
+ "relative bg-transparent transition-[width] duration-200 ease-linear",
236
+ "group-data-[collapsible=offcanvas]:w-0",
237
+ "group-data-[side=right]:rotate-180",
238
+ variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
239
+ )
240
+ }
241
+ ),
242
+ /* @__PURE__ */ jsx(
243
+ "div",
244
+ {
245
+ className: cn(
246
+ "relative inset-y-0 z-[20] hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
247
+ isPreviewMode ? "h-full" : "h-svh",
248
+ side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
249
+ // Adjust the padding for floating and inset variants.
250
+ variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=right]:border-l",
251
+ className
252
+ ),
253
+ ...props,
254
+ children: /* @__PURE__ */ jsx(
255
+ "div",
256
+ {
257
+ "data-sidebar": "sidebar",
258
+ className: "flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm",
259
+ children
260
+ }
261
+ )
262
+ }
263
+ )
264
+ ]
265
+ }
266
+ );
267
+ }
268
+ );
269
+ Sidebar.displayName = "Sidebar";
270
+ var SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
271
+ const { toggleSidebar } = useSidebar();
272
+ return /* @__PURE__ */ jsx(
273
+ "button",
274
+ {
275
+ ref,
276
+ "data-sidebar": "rail",
277
+ "aria-label": "Toggle Sidebar",
278
+ tabIndex: -1,
279
+ onClick: toggleSidebar,
280
+ title: "Toggle Sidebar",
281
+ className: cn(
282
+ "absolute inset-y-0 z-[10] hidden w-4 -translate-x-full transition-all ease-linear group-data-[side=left]:-right-[1.375rem] group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex",
283
+ "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
284
+ "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
285
+ "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar",
286
+ "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
287
+ "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
288
+ className
289
+ ),
290
+ ...props
291
+ }
292
+ );
293
+ });
294
+ SidebarRail.displayName = "SidebarRail";
295
+ var SidebarInset = React.forwardRef(({ className, ...props }, ref) => {
296
+ const { isPreviewMode, isMobile, useBottomNav } = useSidebar();
297
+ return /* @__PURE__ */ jsx(
298
+ "main",
299
+ {
300
+ ref,
301
+ className: cn(
302
+ "relative flex flex-1 flex-col",
303
+ isPreviewMode ? "max-h-[calc(100svh-(--spacing(13)))]" : "min-h-svh peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))]",
304
+ "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
305
+ useBottomNav && isMobile && "pb-[calc(4rem+env(safe-area-inset-bottom))]",
306
+ className
307
+ ),
308
+ ...props
309
+ }
310
+ );
311
+ });
312
+ SidebarInset.displayName = "SidebarInset";
313
+ var SidebarInput = React.forwardRef(({ className, ...props }, ref) => {
314
+ return /* @__PURE__ */ jsx(
315
+ "input",
316
+ {
317
+ ref,
318
+ "data-sidebar": "input",
319
+ className: cn(
320
+ "h-8 w-full rounded-md border bg-background px-3 text-sm shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring focus-visible:outline-none",
321
+ className
322
+ ),
323
+ ...props
324
+ }
325
+ );
326
+ });
327
+ SidebarInput.displayName = "SidebarInput";
328
+ var SidebarHeader = React.forwardRef(({ className, ...props }, ref) => {
329
+ return /* @__PURE__ */ jsx(
330
+ "div",
331
+ {
332
+ ref,
333
+ "data-sidebar": "header",
334
+ className: cn("flex flex-col gap-2 p-2", className),
335
+ ...props
336
+ }
337
+ );
338
+ });
339
+ SidebarHeader.displayName = "SidebarHeader";
340
+ var SidebarFooter = React.forwardRef(({ className, ...props }, ref) => {
341
+ return /* @__PURE__ */ jsx(
342
+ "div",
343
+ {
344
+ ref,
345
+ "data-sidebar": "footer",
346
+ className: cn("flex flex-col gap-2 p-2", className),
347
+ ...props
348
+ }
349
+ );
350
+ });
351
+ SidebarFooter.displayName = "SidebarFooter";
352
+ var SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => {
353
+ return /* @__PURE__ */ jsx(
354
+ Separator,
355
+ {
356
+ ref,
357
+ "data-sidebar": "separator",
358
+ className: cn("mx-2 w-auto bg-sidebar-border", className),
359
+ ...props
360
+ }
361
+ );
362
+ });
363
+ SidebarSeparator.displayName = "SidebarSeparator";
364
+ var SidebarContent = React.forwardRef(({ className, ...props }, ref) => {
365
+ return /* @__PURE__ */ jsx(
366
+ "div",
367
+ {
368
+ ref,
369
+ "data-sidebar": "content",
370
+ className: cn(
371
+ "scrollbar-none flex min-h-0 flex-1 flex-col gap-2 overflow-auto rounded group-data-[collapsible=icon]:gap-0 group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:pt-3",
372
+ className
373
+ ),
374
+ ...props
375
+ }
376
+ );
377
+ });
378
+ SidebarContent.displayName = "SidebarContent";
379
+ var SidebarGroup = React.forwardRef(({ className, ...props }, ref) => {
380
+ return /* @__PURE__ */ jsx(
381
+ "div",
382
+ {
383
+ ref,
384
+ "data-sidebar": "group",
385
+ className: cn(
386
+ "relative flex w-full min-w-0 flex-col p-2 group-data-[collapsible=icon]:py-0 group-data-[collapsible=icon]:pt-4",
387
+ className
388
+ ),
389
+ ...props
390
+ }
391
+ );
392
+ });
393
+ SidebarGroup.displayName = "SidebarGroup";
394
+ var SidebarGroupLabel = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
395
+ const Comp = asChild ? Slot : "div";
396
+ return /* @__PURE__ */ jsx(
397
+ Comp,
398
+ {
399
+ ref,
400
+ "data-sidebar": "group-label",
401
+ className: cn(
402
+ "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
403
+ "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:hidden",
404
+ className
405
+ ),
406
+ ...props
407
+ }
408
+ );
409
+ });
410
+ SidebarGroupLabel.displayName = "SidebarGroupLabel";
411
+ var SidebarGroupAction = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
412
+ const Comp = asChild ? Slot : "button";
413
+ return /* @__PURE__ */ jsx(
414
+ Comp,
415
+ {
416
+ ref,
417
+ "data-sidebar": "group-action",
418
+ className: cn(
419
+ "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
420
+ // Increases the hit area of the button on mobile.
421
+ "after:absolute after:-inset-2 md:after:hidden",
422
+ "group-data-[collapsible=icon]:hidden",
423
+ className
424
+ ),
425
+ ...props
426
+ }
427
+ );
428
+ });
429
+ SidebarGroupAction.displayName = "SidebarGroupAction";
430
+ var SidebarGroupContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
431
+ "div",
432
+ {
433
+ ref,
434
+ "data-sidebar": "group-content",
435
+ className: cn("w-full text-sm", className),
436
+ ...props
437
+ }
438
+ ));
439
+ SidebarGroupContent.displayName = "SidebarGroupContent";
440
+ var SidebarMenu = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
441
+ "ul",
442
+ {
443
+ ref,
444
+ "data-sidebar": "menu",
445
+ className: cn("flex w-full min-w-0 flex-col gap-1", className),
446
+ ...props
447
+ }
448
+ ));
449
+ SidebarMenu.displayName = "SidebarMenu";
450
+ var SidebarMenuItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
451
+ "li",
452
+ {
453
+ ref,
454
+ "data-sidebar": "menu-item",
455
+ className: cn("group/menu-item relative", className),
456
+ ...props
457
+ }
458
+ ));
459
+ SidebarMenuItem.displayName = "SidebarMenuItem";
460
+ var sidebarMenuButtonVariants = cva(
461
+ "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-primary hover:text-sidebar-primary-foreground focus-visible:ring-2 active:bg-sidebar-primary active:text-sidebar-primary-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-primary data-[active=true]:font-medium data-[active=true]:text-sidebar-primary-foreground data-[state=open]:hover:bg-sidebar-primary data-[state=open]:hover:text-sidebar-primary-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
462
+ {
463
+ variants: {
464
+ variant: {
465
+ default: "hover:bg-sidebar-primary hover:text-sidebar-primary-foreground",
466
+ outline: "shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-primary hover:text-sidebar-primary-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-primary))]"
467
+ },
468
+ size: {
469
+ default: "h-8 text-sm",
470
+ sm: "h-7 text-xs",
471
+ lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
472
+ }
473
+ },
474
+ defaultVariants: {
475
+ variant: "default",
476
+ size: "default"
477
+ }
478
+ }
479
+ );
480
+ var SidebarMenuButton = React.forwardRef(
481
+ ({
482
+ asChild = false,
483
+ isActive = false,
484
+ variant = "default",
485
+ size = "default",
486
+ className,
487
+ ...props
488
+ }, ref) => {
489
+ const Comp = asChild ? Slot : "button";
490
+ const button = /* @__PURE__ */ jsx(
491
+ Comp,
492
+ {
493
+ ref,
494
+ "data-sidebar": "menu-button",
495
+ "data-size": size,
496
+ "data-active": isActive,
497
+ className: cn(sidebarMenuButtonVariants({ variant, size }), className),
498
+ ...props
499
+ }
500
+ );
501
+ return button;
502
+ }
503
+ );
504
+ SidebarMenuButton.displayName = "SidebarMenuButton";
505
+ var SidebarMenuAction = React.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
506
+ const Comp = asChild ? Slot : "button";
507
+ return /* @__PURE__ */ jsx(
508
+ Comp,
509
+ {
510
+ ref,
511
+ "data-sidebar": "menu-action",
512
+ className: cn(
513
+ "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
514
+ // Increases the hit area of the button on mobile.
515
+ "after:absolute after:-inset-2 md:after:hidden",
516
+ "peer-data-[size=sm]/menu-button:top-1",
517
+ "peer-data-[size=default]/menu-button:top-1.5",
518
+ "peer-data-[size=lg]/menu-button:top-2.5",
519
+ "group-data-[collapsible=icon]:hidden",
520
+ showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground data-[state=open]:opacity-100 md:opacity-0",
521
+ className
522
+ ),
523
+ ...props
524
+ }
525
+ );
526
+ });
527
+ SidebarMenuAction.displayName = "SidebarMenuAction";
528
+ var SidebarMenuBadge = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
529
+ "div",
530
+ {
531
+ ref,
532
+ "data-sidebar": "menu-badge",
533
+ className: cn(
534
+ "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none",
535
+ "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
536
+ "peer-data-[size=sm]/menu-button:top-1",
537
+ "peer-data-[size=default]/menu-button:top-1.5",
538
+ "peer-data-[size=lg]/menu-button:top-2.5",
539
+ "group-data-[collapsible=icon]:hidden",
540
+ className
541
+ ),
542
+ ...props
543
+ }
544
+ ));
545
+ SidebarMenuBadge.displayName = "SidebarMenuBadge";
546
+ var SidebarMenuSkeleton = React.forwardRef(({ className, showIcon = false, ...props }, ref) => {
547
+ const width = React.useMemo(() => {
548
+ return `${Math.floor(Math.random() * 40) + 50}%`;
549
+ }, []);
550
+ return /* @__PURE__ */ jsxs(
551
+ "div",
552
+ {
553
+ ref,
554
+ "data-sidebar": "menu-skeleton",
555
+ className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
556
+ ...props,
557
+ children: [
558
+ showIcon && /* @__PURE__ */ jsx(
559
+ Skeleton,
560
+ {
561
+ className: "size-4 rounded-md",
562
+ "data-sidebar": "menu-skeleton-icon"
563
+ }
564
+ ),
565
+ /* @__PURE__ */ jsx(
566
+ Skeleton,
567
+ {
568
+ className: "h-4 max-w-(--skeleton-width) flex-1",
569
+ "data-sidebar": "menu-skeleton-text",
570
+ style: {
571
+ "--skeleton-width": width
572
+ }
573
+ }
574
+ )
575
+ ]
576
+ }
577
+ );
578
+ });
579
+ SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
580
+ var SidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
581
+ "ul",
582
+ {
583
+ ref,
584
+ "data-sidebar": "menu-sub",
585
+ className: cn(
586
+ "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
587
+ "group-data-[collapsible=icon]:hidden",
588
+ className
589
+ ),
590
+ ...props
591
+ }
592
+ ));
593
+ SidebarMenuSub.displayName = "SidebarMenuSub";
594
+ var SidebarMenuSubItem = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
595
+ SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
596
+ var SidebarMenuSubButton = React.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
597
+ const Comp = asChild ? Slot : "a";
598
+ return /* @__PURE__ */ jsx(
599
+ Comp,
600
+ {
601
+ ref,
602
+ "data-sidebar": "menu-sub-button",
603
+ "data-size": size,
604
+ "data-active": isActive,
605
+ className: cn(
606
+ "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
607
+ "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
608
+ size === "sm" && "text-xs",
609
+ size === "md" && "text-sm",
610
+ "group-data-[collapsible=icon]:hidden",
611
+ className
612
+ ),
613
+ ...props
614
+ }
615
+ );
616
+ });
617
+ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
618
+
619
+ export { Sidebar, SidebarContent, SidebarContext, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, useSidebar };
620
+ //# sourceMappingURL=chunk-2IFFXFJL.js.map
621
+ //# sourceMappingURL=chunk-2IFFXFJL.js.map