@e-infra/design-system 0.0.2 → 0.0.4

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 (210) hide show
  1. package/README.md +1 -1
  2. package/dist/index.cjs.js +4721 -295
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.cjs2.js +253 -295
  5. package/dist/index.cjs2.js.map +1 -1
  6. package/dist/index.cjs3.js +253 -295
  7. package/dist/index.cjs3.js.map +1 -1
  8. package/dist/index.es.js +4432 -49
  9. package/dist/index.es.js.map +1 -1
  10. package/dist/index.es2.js +7 -49
  11. package/dist/index.es2.js.map +1 -1
  12. package/dist/index.es3.js +7 -49
  13. package/dist/index.es3.js.map +1 -1
  14. package/dist/types/components/index.d.ts +1 -0
  15. package/dist/types/components/index.d.ts.map +1 -1
  16. package/dist/types/components/ui/stepper.d.ts +42 -0
  17. package/dist/types/components/ui/stepper.d.ts.map +1 -0
  18. package/package.json +4 -4
  19. package/dist/index.cjs10.js +0 -105
  20. package/dist/index.cjs10.js.map +0 -1
  21. package/dist/index.cjs11.js +0 -56
  22. package/dist/index.cjs11.js.map +0 -1
  23. package/dist/index.cjs12.js +0 -206
  24. package/dist/index.cjs12.js.map +0 -1
  25. package/dist/index.cjs13.js +0 -92
  26. package/dist/index.cjs13.js.map +0 -1
  27. package/dist/index.cjs14.js +0 -216
  28. package/dist/index.cjs14.js.map +0 -1
  29. package/dist/index.cjs15.js +0 -261
  30. package/dist/index.cjs15.js.map +0 -1
  31. package/dist/index.cjs16.js +0 -50
  32. package/dist/index.cjs16.js.map +0 -1
  33. package/dist/index.cjs17.js +0 -53
  34. package/dist/index.cjs17.js.map +0 -1
  35. package/dist/index.cjs18.js +0 -173
  36. package/dist/index.cjs18.js.map +0 -1
  37. package/dist/index.cjs19.js +0 -242
  38. package/dist/index.cjs19.js.map +0 -1
  39. package/dist/index.cjs20.js +0 -156
  40. package/dist/index.cjs20.js.map +0 -1
  41. package/dist/index.cjs21.js +0 -130
  42. package/dist/index.cjs21.js.map +0 -1
  43. package/dist/index.cjs22.js +0 -251
  44. package/dist/index.cjs22.js.map +0 -1
  45. package/dist/index.cjs23.js +0 -134
  46. package/dist/index.cjs23.js.map +0 -1
  47. package/dist/index.cjs24.js +0 -57
  48. package/dist/index.cjs24.js.map +0 -1
  49. package/dist/index.cjs25.js +0 -23
  50. package/dist/index.cjs25.js.map +0 -1
  51. package/dist/index.cjs26.js +0 -85
  52. package/dist/index.cjs26.js.map +0 -1
  53. package/dist/index.cjs27.js +0 -41
  54. package/dist/index.cjs27.js.map +0 -1
  55. package/dist/index.cjs28.js +0 -271
  56. package/dist/index.cjs28.js.map +0 -1
  57. package/dist/index.cjs29.js +0 -189
  58. package/dist/index.cjs29.js.map +0 -1
  59. package/dist/index.cjs30.js +0 -120
  60. package/dist/index.cjs30.js.map +0 -1
  61. package/dist/index.cjs31.js +0 -63
  62. package/dist/index.cjs31.js.map +0 -1
  63. package/dist/index.cjs32.js +0 -51
  64. package/dist/index.cjs32.js.map +0 -1
  65. package/dist/index.cjs33.js +0 -64
  66. package/dist/index.cjs33.js.map +0 -1
  67. package/dist/index.cjs34.js +0 -49
  68. package/dist/index.cjs34.js.map +0 -1
  69. package/dist/index.cjs35.js +0 -79
  70. package/dist/index.cjs35.js.map +0 -1
  71. package/dist/index.cjs36.js +0 -198
  72. package/dist/index.cjs36.js.map +0 -1
  73. package/dist/index.cjs37.js +0 -45
  74. package/dist/index.cjs37.js.map +0 -1
  75. package/dist/index.cjs38.js +0 -146
  76. package/dist/index.cjs38.js.map +0 -1
  77. package/dist/index.cjs39.js +0 -657
  78. package/dist/index.cjs39.js.map +0 -1
  79. package/dist/index.cjs4.js +0 -83
  80. package/dist/index.cjs4.js.map +0 -1
  81. package/dist/index.cjs40.js +0 -16
  82. package/dist/index.cjs40.js.map +0 -1
  83. package/dist/index.cjs41.js +0 -82
  84. package/dist/index.cjs41.js.map +0 -1
  85. package/dist/index.cjs42.js +0 -33
  86. package/dist/index.cjs42.js.map +0 -1
  87. package/dist/index.cjs43.js +0 -50
  88. package/dist/index.cjs43.js.map +0 -1
  89. package/dist/index.cjs44.js +0 -117
  90. package/dist/index.cjs44.js.map +0 -1
  91. package/dist/index.cjs45.js +0 -86
  92. package/dist/index.cjs45.js.map +0 -1
  93. package/dist/index.cjs46.js +0 -20
  94. package/dist/index.cjs46.js.map +0 -1
  95. package/dist/index.cjs47.js +0 -63
  96. package/dist/index.cjs47.js.map +0 -1
  97. package/dist/index.cjs48.js +0 -88
  98. package/dist/index.cjs48.js.map +0 -1
  99. package/dist/index.cjs49.js +0 -74
  100. package/dist/index.cjs49.js.map +0 -1
  101. package/dist/index.cjs5.js +0 -68
  102. package/dist/index.cjs5.js.map +0 -1
  103. package/dist/index.cjs50.js +0 -9
  104. package/dist/index.cjs50.js.map +0 -1
  105. package/dist/index.cjs51.js +0 -38
  106. package/dist/index.cjs51.js.map +0 -1
  107. package/dist/index.cjs6.js +0 -166
  108. package/dist/index.cjs6.js.map +0 -1
  109. package/dist/index.cjs7.js +0 -29
  110. package/dist/index.cjs7.js.map +0 -1
  111. package/dist/index.cjs8.js +0 -72
  112. package/dist/index.cjs8.js.map +0 -1
  113. package/dist/index.cjs9.js +0 -42
  114. package/dist/index.cjs9.js.map +0 -1
  115. package/dist/index.es10.js +0 -105
  116. package/dist/index.es10.js.map +0 -1
  117. package/dist/index.es11.js +0 -56
  118. package/dist/index.es11.js.map +0 -1
  119. package/dist/index.es12.js +0 -189
  120. package/dist/index.es12.js.map +0 -1
  121. package/dist/index.es13.js +0 -92
  122. package/dist/index.es13.js.map +0 -1
  123. package/dist/index.es14.js +0 -199
  124. package/dist/index.es14.js.map +0 -1
  125. package/dist/index.es15.js +0 -243
  126. package/dist/index.es15.js.map +0 -1
  127. package/dist/index.es16.js +0 -33
  128. package/dist/index.es16.js.map +0 -1
  129. package/dist/index.es17.js +0 -36
  130. package/dist/index.es17.js.map +0 -1
  131. package/dist/index.es18.js +0 -173
  132. package/dist/index.es18.js.map +0 -1
  133. package/dist/index.es19.js +0 -225
  134. package/dist/index.es19.js.map +0 -1
  135. package/dist/index.es20.js +0 -139
  136. package/dist/index.es20.js.map +0 -1
  137. package/dist/index.es21.js +0 -130
  138. package/dist/index.es21.js.map +0 -1
  139. package/dist/index.es22.js +0 -234
  140. package/dist/index.es22.js.map +0 -1
  141. package/dist/index.es23.js +0 -117
  142. package/dist/index.es23.js.map +0 -1
  143. package/dist/index.es24.js +0 -40
  144. package/dist/index.es24.js.map +0 -1
  145. package/dist/index.es25.js +0 -23
  146. package/dist/index.es25.js.map +0 -1
  147. package/dist/index.es26.js +0 -68
  148. package/dist/index.es26.js.map +0 -1
  149. package/dist/index.es27.js +0 -24
  150. package/dist/index.es27.js.map +0 -1
  151. package/dist/index.es28.js +0 -254
  152. package/dist/index.es28.js.map +0 -1
  153. package/dist/index.es29.js +0 -172
  154. package/dist/index.es29.js.map +0 -1
  155. package/dist/index.es30.js +0 -120
  156. package/dist/index.es30.js.map +0 -1
  157. package/dist/index.es31.js +0 -46
  158. package/dist/index.es31.js.map +0 -1
  159. package/dist/index.es32.js +0 -34
  160. package/dist/index.es32.js.map +0 -1
  161. package/dist/index.es33.js +0 -47
  162. package/dist/index.es33.js.map +0 -1
  163. package/dist/index.es34.js +0 -49
  164. package/dist/index.es34.js.map +0 -1
  165. package/dist/index.es35.js +0 -62
  166. package/dist/index.es35.js.map +0 -1
  167. package/dist/index.es36.js +0 -181
  168. package/dist/index.es36.js.map +0 -1
  169. package/dist/index.es37.js +0 -28
  170. package/dist/index.es37.js.map +0 -1
  171. package/dist/index.es38.js +0 -129
  172. package/dist/index.es38.js.map +0 -1
  173. package/dist/index.es39.js +0 -640
  174. package/dist/index.es39.js.map +0 -1
  175. package/dist/index.es4.js +0 -66
  176. package/dist/index.es4.js.map +0 -1
  177. package/dist/index.es40.js +0 -16
  178. package/dist/index.es40.js.map +0 -1
  179. package/dist/index.es41.js +0 -64
  180. package/dist/index.es41.js.map +0 -1
  181. package/dist/index.es42.js +0 -33
  182. package/dist/index.es42.js.map +0 -1
  183. package/dist/index.es43.js +0 -33
  184. package/dist/index.es43.js.map +0 -1
  185. package/dist/index.es44.js +0 -117
  186. package/dist/index.es44.js.map +0 -1
  187. package/dist/index.es45.js +0 -69
  188. package/dist/index.es45.js.map +0 -1
  189. package/dist/index.es46.js +0 -20
  190. package/dist/index.es46.js.map +0 -1
  191. package/dist/index.es47.js +0 -46
  192. package/dist/index.es47.js.map +0 -1
  193. package/dist/index.es48.js +0 -70
  194. package/dist/index.es48.js.map +0 -1
  195. package/dist/index.es49.js +0 -57
  196. package/dist/index.es49.js.map +0 -1
  197. package/dist/index.es5.js +0 -68
  198. package/dist/index.es5.js.map +0 -1
  199. package/dist/index.es50.js +0 -9
  200. package/dist/index.es50.js.map +0 -1
  201. package/dist/index.es51.js +0 -21
  202. package/dist/index.es51.js.map +0 -1
  203. package/dist/index.es6.js +0 -149
  204. package/dist/index.es6.js.map +0 -1
  205. package/dist/index.es7.js +0 -12
  206. package/dist/index.es7.js.map +0 -1
  207. package/dist/index.es8.js +0 -55
  208. package/dist/index.es8.js.map +0 -1
  209. package/dist/index.es9.js +0 -42
  210. package/dist/index.es9.js.map +0 -1
@@ -1,657 +0,0 @@
1
- "use strict";
2
- "use client";
3
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
- const jsxRuntime = require("react/jsx-runtime");
5
- const React = require("react");
6
- const reactSlot = require("@radix-ui/react-slot");
7
- const classVarianceAuthority = require("class-variance-authority");
8
- const lucideReact = require("lucide-react");
9
- const useMobile = require("./index.cjs51.js");
10
- const utils = require("./index.cjs50.js");
11
- const button = require("./index.cjs11.js");
12
- const input = require("./index.cjs25.js");
13
- const separator = require("./index.cjs37.js");
14
- const sheet = require("./index.cjs38.js");
15
- const skeleton = require("./index.cjs40.js");
16
- const tooltip = require("./index.cjs49.js");
17
- function _interopNamespaceDefault(e) {
18
- const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
19
- if (e) {
20
- for (const k in e) {
21
- if (k !== "default") {
22
- const d = Object.getOwnPropertyDescriptor(e, k);
23
- Object.defineProperty(n, k, d.get ? d : {
24
- enumerable: true,
25
- get: () => e[k]
26
- });
27
- }
28
- }
29
- }
30
- n.default = e;
31
- return Object.freeze(n);
32
- }
33
- const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
34
- const SIDEBAR_COOKIE_NAME = "sidebar_state";
35
- const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
36
- const SIDEBAR_WIDTH = "16rem";
37
- const SIDEBAR_WIDTH_MOBILE = "18rem";
38
- const SIDEBAR_WIDTH_ICON = "3rem";
39
- const SIDEBAR_KEYBOARD_SHORTCUT = "b";
40
- const SidebarContext = React__namespace.createContext(null);
41
- function useSidebar() {
42
- const context = React__namespace.useContext(SidebarContext);
43
- if (!context) {
44
- throw new Error("useSidebar must be used within a SidebarProvider.");
45
- }
46
- return context;
47
- }
48
- function SidebarProvider({
49
- defaultOpen = true,
50
- open: openProp,
51
- onOpenChange: setOpenProp,
52
- className,
53
- style,
54
- children,
55
- ...props
56
- }) {
57
- const isMobile = useMobile.useIsMobile();
58
- const [openMobile, setOpenMobile] = React__namespace.useState(false);
59
- const [_open, _setOpen] = React__namespace.useState(defaultOpen);
60
- const open = openProp ?? _open;
61
- const setOpen = React__namespace.useCallback(
62
- (value) => {
63
- const openState = typeof value === "function" ? value(open) : value;
64
- if (setOpenProp) {
65
- setOpenProp(openState);
66
- } else {
67
- _setOpen(openState);
68
- }
69
- document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
70
- },
71
- [setOpenProp, open]
72
- );
73
- const toggleSidebar = React__namespace.useCallback(() => {
74
- return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
75
- }, [isMobile, setOpen, setOpenMobile]);
76
- React__namespace.useEffect(() => {
77
- const handleKeyDown = (event) => {
78
- if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
79
- event.preventDefault();
80
- toggleSidebar();
81
- }
82
- };
83
- window.addEventListener("keydown", handleKeyDown);
84
- return () => window.removeEventListener("keydown", handleKeyDown);
85
- }, [toggleSidebar]);
86
- const state = open ? "expanded" : "collapsed";
87
- const contextValue = React__namespace.useMemo(
88
- () => ({
89
- state,
90
- open,
91
- setOpen,
92
- isMobile,
93
- openMobile,
94
- setOpenMobile,
95
- toggleSidebar
96
- }),
97
- [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
98
- );
99
- return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
100
- "div",
101
- {
102
- "data-slot": "sidebar-wrapper",
103
- style: {
104
- "--sidebar-width": SIDEBAR_WIDTH,
105
- "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
106
- ...style
107
- },
108
- className: utils.cn(
109
- "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
110
- className
111
- ),
112
- ...props,
113
- children
114
- }
115
- ) }) });
116
- }
117
- function Sidebar({
118
- side = "left",
119
- variant = "sidebar",
120
- collapsible = "offcanvas",
121
- className,
122
- children,
123
- ...props
124
- }) {
125
- const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
126
- if (collapsible === "none") {
127
- return /* @__PURE__ */ jsxRuntime.jsx(
128
- "div",
129
- {
130
- "data-slot": "sidebar",
131
- className: utils.cn(
132
- "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
133
- className
134
- ),
135
- ...props,
136
- children
137
- }
138
- );
139
- }
140
- if (isMobile) {
141
- return /* @__PURE__ */ jsxRuntime.jsx(sheet.Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
142
- sheet.SheetContent,
143
- {
144
- "data-sidebar": "sidebar",
145
- "data-slot": "sidebar",
146
- "data-mobile": "true",
147
- className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
148
- style: {
149
- "--sidebar-width": SIDEBAR_WIDTH_MOBILE
150
- },
151
- side,
152
- children: [
153
- /* @__PURE__ */ jsxRuntime.jsxs(sheet.SheetHeader, { className: "sr-only", children: [
154
- /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetTitle, { children: "Sidebar" }),
155
- /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetDescription, { children: "Displays the mobile sidebar." })
156
- ] }),
157
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full flex-col", children })
158
- ]
159
- }
160
- ) });
161
- }
162
- return /* @__PURE__ */ jsxRuntime.jsxs(
163
- "div",
164
- {
165
- className: "group peer text-sidebar-foreground hidden md:block",
166
- "data-state": state,
167
- "data-collapsible": state === "collapsed" ? collapsible : "",
168
- "data-variant": variant,
169
- "data-side": side,
170
- "data-slot": "sidebar",
171
- children: [
172
- /* @__PURE__ */ jsxRuntime.jsx(
173
- "div",
174
- {
175
- "data-slot": "sidebar-gap",
176
- className: utils.cn(
177
- "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
178
- "group-data-[collapsible=offcanvas]:w-0",
179
- "group-data-[side=right]:rotate-180",
180
- variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
181
- )
182
- }
183
- ),
184
- /* @__PURE__ */ jsxRuntime.jsx(
185
- "div",
186
- {
187
- "data-slot": "sidebar-container",
188
- className: utils.cn(
189
- "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
190
- 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)]",
191
- // Adjust the padding for floating and inset variants.
192
- 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=left]:border-r group-data-[side=right]:border-l",
193
- className
194
- ),
195
- ...props,
196
- children: /* @__PURE__ */ jsxRuntime.jsx(
197
- "div",
198
- {
199
- "data-sidebar": "sidebar",
200
- "data-slot": "sidebar-inner",
201
- className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
202
- children
203
- }
204
- )
205
- }
206
- )
207
- ]
208
- }
209
- );
210
- }
211
- function SidebarTrigger({
212
- className,
213
- onClick,
214
- ...props
215
- }) {
216
- const { toggleSidebar } = useSidebar();
217
- return /* @__PURE__ */ jsxRuntime.jsxs(
218
- button.Button,
219
- {
220
- "data-sidebar": "trigger",
221
- "data-slot": "sidebar-trigger",
222
- variant: "ghost",
223
- size: "icon",
224
- className: utils.cn("size-7", className),
225
- onClick: (event) => {
226
- onClick?.(event);
227
- toggleSidebar();
228
- },
229
- ...props,
230
- children: [
231
- /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftIcon, {}),
232
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
233
- ]
234
- }
235
- );
236
- }
237
- function SidebarRail({ className, ...props }) {
238
- const { toggleSidebar } = useSidebar();
239
- return /* @__PURE__ */ jsxRuntime.jsx(
240
- "button",
241
- {
242
- "data-sidebar": "rail",
243
- "data-slot": "sidebar-rail",
244
- "aria-label": "Toggle Sidebar",
245
- tabIndex: -1,
246
- onClick: toggleSidebar,
247
- title: "Toggle Sidebar",
248
- className: utils.cn(
249
- "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
250
- "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
251
- "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
252
- "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
253
- "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
254
- "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
255
- className
256
- ),
257
- ...props
258
- }
259
- );
260
- }
261
- function SidebarInset({ className, ...props }) {
262
- return /* @__PURE__ */ jsxRuntime.jsx(
263
- "main",
264
- {
265
- "data-slot": "sidebar-inset",
266
- className: utils.cn(
267
- "bg-background relative flex w-full flex-1 flex-col",
268
- "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",
269
- className
270
- ),
271
- ...props
272
- }
273
- );
274
- }
275
- function SidebarInput({
276
- className,
277
- ...props
278
- }) {
279
- return /* @__PURE__ */ jsxRuntime.jsx(
280
- input.Input,
281
- {
282
- "data-slot": "sidebar-input",
283
- "data-sidebar": "input",
284
- className: utils.cn("bg-background h-8 w-full shadow-none", className),
285
- ...props
286
- }
287
- );
288
- }
289
- function SidebarHeader({ className, ...props }) {
290
- return /* @__PURE__ */ jsxRuntime.jsx(
291
- "div",
292
- {
293
- "data-slot": "sidebar-header",
294
- "data-sidebar": "header",
295
- className: utils.cn("flex flex-col gap-2 p-2", className),
296
- ...props
297
- }
298
- );
299
- }
300
- function SidebarFooter({ className, ...props }) {
301
- return /* @__PURE__ */ jsxRuntime.jsx(
302
- "div",
303
- {
304
- "data-slot": "sidebar-footer",
305
- "data-sidebar": "footer",
306
- className: utils.cn("flex flex-col gap-2 p-2", className),
307
- ...props
308
- }
309
- );
310
- }
311
- function SidebarSeparator({
312
- className,
313
- ...props
314
- }) {
315
- return /* @__PURE__ */ jsxRuntime.jsx(
316
- separator.Separator,
317
- {
318
- "data-slot": "sidebar-separator",
319
- "data-sidebar": "separator",
320
- className: utils.cn("bg-sidebar-border mx-2 w-auto", className),
321
- ...props
322
- }
323
- );
324
- }
325
- function SidebarContent({ className, ...props }) {
326
- return /* @__PURE__ */ jsxRuntime.jsx(
327
- "div",
328
- {
329
- "data-slot": "sidebar-content",
330
- "data-sidebar": "content",
331
- className: utils.cn(
332
- "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
333
- className
334
- ),
335
- ...props
336
- }
337
- );
338
- }
339
- function SidebarGroup({ className, ...props }) {
340
- return /* @__PURE__ */ jsxRuntime.jsx(
341
- "div",
342
- {
343
- "data-slot": "sidebar-group",
344
- "data-sidebar": "group",
345
- className: utils.cn("relative flex w-full min-w-0 flex-col p-2", className),
346
- ...props
347
- }
348
- );
349
- }
350
- function SidebarGroupLabel({
351
- className,
352
- asChild = false,
353
- ...props
354
- }) {
355
- const Comp = asChild ? reactSlot.Slot : "div";
356
- return /* @__PURE__ */ jsxRuntime.jsx(
357
- Comp,
358
- {
359
- "data-slot": "sidebar-group-label",
360
- "data-sidebar": "group-label",
361
- className: utils.cn(
362
- "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
363
- "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
364
- className
365
- ),
366
- ...props
367
- }
368
- );
369
- }
370
- function SidebarGroupAction({
371
- className,
372
- asChild = false,
373
- ...props
374
- }) {
375
- const Comp = asChild ? reactSlot.Slot : "button";
376
- return /* @__PURE__ */ jsxRuntime.jsx(
377
- Comp,
378
- {
379
- "data-slot": "sidebar-group-action",
380
- "data-sidebar": "group-action",
381
- className: utils.cn(
382
- "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
383
- // Increases the hit area of the button on mobile.
384
- "after:absolute after:-inset-2 md:after:hidden",
385
- "group-data-[collapsible=icon]:hidden",
386
- className
387
- ),
388
- ...props
389
- }
390
- );
391
- }
392
- function SidebarGroupContent({
393
- className,
394
- ...props
395
- }) {
396
- return /* @__PURE__ */ jsxRuntime.jsx(
397
- "div",
398
- {
399
- "data-slot": "sidebar-group-content",
400
- "data-sidebar": "group-content",
401
- className: utils.cn("w-full text-sm", className),
402
- ...props
403
- }
404
- );
405
- }
406
- function SidebarMenu({ className, ...props }) {
407
- return /* @__PURE__ */ jsxRuntime.jsx(
408
- "ul",
409
- {
410
- "data-slot": "sidebar-menu",
411
- "data-sidebar": "menu",
412
- className: utils.cn("flex w-full min-w-0 flex-col gap-1", className),
413
- ...props
414
- }
415
- );
416
- }
417
- function SidebarMenuItem({ className, ...props }) {
418
- return /* @__PURE__ */ jsxRuntime.jsx(
419
- "li",
420
- {
421
- "data-slot": "sidebar-menu-item",
422
- "data-sidebar": "menu-item",
423
- className: utils.cn("group/menu-item relative", className),
424
- ...props
425
- }
426
- );
427
- }
428
- const sidebarMenuButtonVariants = classVarianceAuthority.cva(
429
- "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] 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 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
430
- {
431
- variants: {
432
- variant: {
433
- default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
434
- outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
435
- },
436
- size: {
437
- default: "h-8 text-sm",
438
- sm: "h-7 text-xs",
439
- lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
440
- }
441
- },
442
- defaultVariants: {
443
- variant: "default",
444
- size: "default"
445
- }
446
- }
447
- );
448
- function SidebarMenuButton({
449
- asChild = false,
450
- isActive = false,
451
- variant = "default",
452
- size = "default",
453
- tooltip: tooltip$1,
454
- className,
455
- ...props
456
- }) {
457
- const Comp = asChild ? reactSlot.Slot : "button";
458
- const { isMobile, state } = useSidebar();
459
- const button2 = /* @__PURE__ */ jsxRuntime.jsx(
460
- Comp,
461
- {
462
- "data-slot": "sidebar-menu-button",
463
- "data-sidebar": "menu-button",
464
- "data-size": size,
465
- "data-active": isActive,
466
- className: utils.cn(sidebarMenuButtonVariants({ variant, size }), className),
467
- ...props
468
- }
469
- );
470
- if (!tooltip$1) {
471
- return button2;
472
- }
473
- if (typeof tooltip$1 === "string") {
474
- tooltip$1 = {
475
- children: tooltip$1
476
- };
477
- }
478
- return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
479
- /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: button2 }),
480
- /* @__PURE__ */ jsxRuntime.jsx(
481
- tooltip.TooltipContent,
482
- {
483
- side: "right",
484
- align: "center",
485
- hidden: state !== "collapsed" || isMobile,
486
- ...tooltip$1
487
- }
488
- )
489
- ] });
490
- }
491
- function SidebarMenuAction({
492
- className,
493
- asChild = false,
494
- showOnHover = false,
495
- ...props
496
- }) {
497
- const Comp = asChild ? reactSlot.Slot : "button";
498
- return /* @__PURE__ */ jsxRuntime.jsx(
499
- Comp,
500
- {
501
- "data-slot": "sidebar-menu-action",
502
- "data-sidebar": "menu-action",
503
- className: utils.cn(
504
- "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
505
- // Increases the hit area of the button on mobile.
506
- "after:absolute after:-inset-2 md:after:hidden",
507
- "peer-data-[size=sm]/menu-button:top-1",
508
- "peer-data-[size=default]/menu-button:top-1.5",
509
- "peer-data-[size=lg]/menu-button:top-2.5",
510
- "group-data-[collapsible=icon]:hidden",
511
- showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
512
- className
513
- ),
514
- ...props
515
- }
516
- );
517
- }
518
- function SidebarMenuBadge({
519
- className,
520
- ...props
521
- }) {
522
- return /* @__PURE__ */ jsxRuntime.jsx(
523
- "div",
524
- {
525
- "data-slot": "sidebar-menu-badge",
526
- "data-sidebar": "menu-badge",
527
- className: utils.cn(
528
- "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
529
- "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
530
- "peer-data-[size=sm]/menu-button:top-1",
531
- "peer-data-[size=default]/menu-button:top-1.5",
532
- "peer-data-[size=lg]/menu-button:top-2.5",
533
- "group-data-[collapsible=icon]:hidden",
534
- className
535
- ),
536
- ...props
537
- }
538
- );
539
- }
540
- function SidebarMenuSkeleton({
541
- className,
542
- showIcon = false,
543
- ...props
544
- }) {
545
- const width = React__namespace.useMemo(() => {
546
- return `${Math.floor(Math.random() * 40) + 50}%`;
547
- }, []);
548
- return /* @__PURE__ */ jsxRuntime.jsxs(
549
- "div",
550
- {
551
- "data-slot": "sidebar-menu-skeleton",
552
- "data-sidebar": "menu-skeleton",
553
- className: utils.cn("flex h-8 items-center gap-2 rounded-md px-2", className),
554
- ...props,
555
- children: [
556
- showIcon && /* @__PURE__ */ jsxRuntime.jsx(
557
- skeleton.Skeleton,
558
- {
559
- className: "size-4 rounded-md",
560
- "data-sidebar": "menu-skeleton-icon"
561
- }
562
- ),
563
- /* @__PURE__ */ jsxRuntime.jsx(
564
- skeleton.Skeleton,
565
- {
566
- className: "h-4 max-w-(--skeleton-width) flex-1",
567
- "data-sidebar": "menu-skeleton-text",
568
- style: {
569
- "--skeleton-width": width
570
- }
571
- }
572
- )
573
- ]
574
- }
575
- );
576
- }
577
- function SidebarMenuSub({ className, ...props }) {
578
- return /* @__PURE__ */ jsxRuntime.jsx(
579
- "ul",
580
- {
581
- "data-slot": "sidebar-menu-sub",
582
- "data-sidebar": "menu-sub",
583
- className: utils.cn(
584
- "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
585
- "group-data-[collapsible=icon]:hidden",
586
- className
587
- ),
588
- ...props
589
- }
590
- );
591
- }
592
- function SidebarMenuSubItem({
593
- className,
594
- ...props
595
- }) {
596
- return /* @__PURE__ */ jsxRuntime.jsx(
597
- "li",
598
- {
599
- "data-slot": "sidebar-menu-sub-item",
600
- "data-sidebar": "menu-sub-item",
601
- className: utils.cn("group/menu-sub-item relative", className),
602
- ...props
603
- }
604
- );
605
- }
606
- function SidebarMenuSubButton({
607
- asChild = false,
608
- size = "md",
609
- isActive = false,
610
- className,
611
- ...props
612
- }) {
613
- const Comp = asChild ? reactSlot.Slot : "a";
614
- return /* @__PURE__ */ jsxRuntime.jsx(
615
- Comp,
616
- {
617
- "data-slot": "sidebar-menu-sub-button",
618
- "data-sidebar": "menu-sub-button",
619
- "data-size": size,
620
- "data-active": isActive,
621
- className: utils.cn(
622
- "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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",
623
- "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
624
- size === "sm" && "text-xs",
625
- size === "md" && "text-sm",
626
- "group-data-[collapsible=icon]:hidden",
627
- className
628
- ),
629
- ...props
630
- }
631
- );
632
- }
633
- exports.Sidebar = Sidebar;
634
- exports.SidebarContent = SidebarContent;
635
- exports.SidebarFooter = SidebarFooter;
636
- exports.SidebarGroup = SidebarGroup;
637
- exports.SidebarGroupAction = SidebarGroupAction;
638
- exports.SidebarGroupContent = SidebarGroupContent;
639
- exports.SidebarGroupLabel = SidebarGroupLabel;
640
- exports.SidebarHeader = SidebarHeader;
641
- exports.SidebarInput = SidebarInput;
642
- exports.SidebarInset = SidebarInset;
643
- exports.SidebarMenu = SidebarMenu;
644
- exports.SidebarMenuAction = SidebarMenuAction;
645
- exports.SidebarMenuBadge = SidebarMenuBadge;
646
- exports.SidebarMenuButton = SidebarMenuButton;
647
- exports.SidebarMenuItem = SidebarMenuItem;
648
- exports.SidebarMenuSkeleton = SidebarMenuSkeleton;
649
- exports.SidebarMenuSub = SidebarMenuSub;
650
- exports.SidebarMenuSubButton = SidebarMenuSubButton;
651
- exports.SidebarMenuSubItem = SidebarMenuSubItem;
652
- exports.SidebarProvider = SidebarProvider;
653
- exports.SidebarRail = SidebarRail;
654
- exports.SidebarSeparator = SidebarSeparator;
655
- exports.SidebarTrigger = SidebarTrigger;
656
- exports.useSidebar = useSidebar;
657
- //# sourceMappingURL=index.cjs39.js.map