ml-uikit 1.1.0 → 1.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 (231) hide show
  1. package/dist/components/ui/alert.d.ts +8 -2
  2. package/dist/components/ui/alert.d.ts.map +1 -1
  3. package/dist/components/ui/badge.d.ts +1 -1
  4. package/dist/components/ui/button.d.ts.map +1 -1
  5. package/dist/components/ui/checkbox.d.ts.map +1 -1
  6. package/dist/components/ui/icon-button.d.ts +9 -0
  7. package/dist/components/ui/icon-button.d.ts.map +1 -0
  8. package/dist/components/ui/input-group.d.ts.map +1 -1
  9. package/dist/components/ui/radio-group.d.ts.map +1 -1
  10. package/dist/components/ui/select.d.ts.map +1 -1
  11. package/dist/components/ui/sidebar.d.ts.map +1 -1
  12. package/dist/components/ui/slider.d.ts.map +1 -1
  13. package/dist/components/ui/switch.d.ts.map +1 -1
  14. package/dist/components/ui/tabs.d.ts.map +1 -1
  15. package/dist/index.cjs.js +1 -1
  16. package/dist/index.cjs10.js +1 -1
  17. package/dist/index.cjs10.js.map +1 -1
  18. package/dist/index.cjs11.js +1 -1
  19. package/dist/index.cjs11.js.map +1 -1
  20. package/dist/index.cjs12.js +1 -1
  21. package/dist/index.cjs12.js.map +1 -1
  22. package/dist/index.cjs13.js +1 -1
  23. package/dist/index.cjs13.js.map +1 -1
  24. package/dist/index.cjs14.js +1 -1
  25. package/dist/index.cjs14.js.map +1 -1
  26. package/dist/index.cjs15.js +1 -7
  27. package/dist/index.cjs15.js.map +1 -1
  28. package/dist/index.cjs16.js +7 -1
  29. package/dist/index.cjs16.js.map +1 -1
  30. package/dist/index.cjs17.js +1 -1
  31. package/dist/index.cjs17.js.map +1 -1
  32. package/dist/index.cjs18.js +1 -1
  33. package/dist/index.cjs18.js.map +1 -1
  34. package/dist/index.cjs19.js +1 -1
  35. package/dist/index.cjs19.js.map +1 -1
  36. package/dist/index.cjs2.js +1 -1
  37. package/dist/index.cjs20.js +1 -1
  38. package/dist/index.cjs20.js.map +1 -1
  39. package/dist/index.cjs21.js +1 -1
  40. package/dist/index.cjs21.js.map +1 -1
  41. package/dist/index.cjs22.js +1 -1
  42. package/dist/index.cjs22.js.map +1 -1
  43. package/dist/index.cjs23.js +1 -1
  44. package/dist/index.cjs23.js.map +1 -1
  45. package/dist/index.cjs24.js +1 -1
  46. package/dist/index.cjs24.js.map +1 -1
  47. package/dist/index.cjs25.js +1 -1
  48. package/dist/index.cjs25.js.map +1 -1
  49. package/dist/index.cjs26.js +1 -1
  50. package/dist/index.cjs26.js.map +1 -1
  51. package/dist/index.cjs27.js +1 -1
  52. package/dist/index.cjs27.js.map +1 -1
  53. package/dist/index.cjs28.js +1 -1
  54. package/dist/index.cjs28.js.map +1 -1
  55. package/dist/index.cjs29.js +1 -1
  56. package/dist/index.cjs29.js.map +1 -1
  57. package/dist/index.cjs3.js +1 -1
  58. package/dist/index.cjs30.js +1 -1
  59. package/dist/index.cjs30.js.map +1 -1
  60. package/dist/index.cjs31.js +1 -1
  61. package/dist/index.cjs31.js.map +1 -1
  62. package/dist/index.cjs32.js +1 -1
  63. package/dist/index.cjs32.js.map +1 -1
  64. package/dist/index.cjs33.js +1 -1
  65. package/dist/index.cjs33.js.map +1 -1
  66. package/dist/index.cjs34.js +1 -1
  67. package/dist/index.cjs34.js.map +1 -1
  68. package/dist/index.cjs35.js +1 -1
  69. package/dist/index.cjs35.js.map +1 -1
  70. package/dist/index.cjs36.js +1 -1
  71. package/dist/index.cjs36.js.map +1 -1
  72. package/dist/index.cjs37.js +1 -1
  73. package/dist/index.cjs37.js.map +1 -1
  74. package/dist/index.cjs38.js +1 -1
  75. package/dist/index.cjs38.js.map +1 -1
  76. package/dist/index.cjs39.js +1 -1
  77. package/dist/index.cjs39.js.map +1 -1
  78. package/dist/index.cjs4.js +1 -1
  79. package/dist/index.cjs4.js.map +1 -1
  80. package/dist/index.cjs40.js +1 -1
  81. package/dist/index.cjs40.js.map +1 -1
  82. package/dist/index.cjs41.js +1 -1
  83. package/dist/index.cjs41.js.map +1 -1
  84. package/dist/index.cjs42.js +1 -1
  85. package/dist/index.cjs42.js.map +1 -1
  86. package/dist/index.cjs43.js +1 -1
  87. package/dist/index.cjs43.js.map +1 -1
  88. package/dist/index.cjs44.js +1 -1
  89. package/dist/index.cjs44.js.map +1 -1
  90. package/dist/index.cjs45.js +1 -1
  91. package/dist/index.cjs45.js.map +1 -1
  92. package/dist/index.cjs46.js +1 -1
  93. package/dist/index.cjs46.js.map +1 -1
  94. package/dist/index.cjs47.js +1 -1
  95. package/dist/index.cjs47.js.map +1 -1
  96. package/dist/index.cjs48.js +1 -1
  97. package/dist/index.cjs48.js.map +1 -1
  98. package/dist/index.cjs49.js +1 -1
  99. package/dist/index.cjs49.js.map +1 -1
  100. package/dist/index.cjs5.js +1 -1
  101. package/dist/index.cjs50.js +1 -1
  102. package/dist/index.cjs50.js.map +1 -1
  103. package/dist/index.cjs51.js +1 -1
  104. package/dist/index.cjs51.js.map +1 -1
  105. package/dist/index.cjs52.js +1 -1
  106. package/dist/index.cjs52.js.map +1 -1
  107. package/dist/index.cjs53.js +1 -1
  108. package/dist/index.cjs53.js.map +1 -1
  109. package/dist/index.cjs54.js +1 -1
  110. package/dist/index.cjs54.js.map +1 -1
  111. package/dist/index.cjs55.js +1 -1
  112. package/dist/index.cjs55.js.map +1 -1
  113. package/dist/index.cjs56.js +1 -1
  114. package/dist/index.cjs56.js.map +1 -1
  115. package/dist/index.cjs57.js +1 -1
  116. package/dist/index.cjs57.js.map +1 -1
  117. package/dist/index.cjs7.js +1 -1
  118. package/dist/index.cjs8.js +1 -1
  119. package/dist/index.cjs9.js +1 -1
  120. package/dist/index.d.ts +3 -1
  121. package/dist/index.d.ts.map +1 -1
  122. package/dist/index.es.js +321 -312
  123. package/dist/index.es.js.map +1 -1
  124. package/dist/index.es10.js +27 -27
  125. package/dist/index.es10.js.map +1 -1
  126. package/dist/index.es11.js +19 -72
  127. package/dist/index.es11.js.map +1 -1
  128. package/dist/index.es12.js +62 -157
  129. package/dist/index.es12.js.map +1 -1
  130. package/dist/index.es13.js +169 -58
  131. package/dist/index.es13.js.map +1 -1
  132. package/dist/index.es14.js +55 -157
  133. package/dist/index.es14.js.map +1 -1
  134. package/dist/index.es15.js +150 -181
  135. package/dist/index.es15.js.map +1 -1
  136. package/dist/index.es16.js +188 -21
  137. package/dist/index.es16.js.map +1 -1
  138. package/dist/index.es17.js +31 -5
  139. package/dist/index.es17.js.map +1 -1
  140. package/dist/index.es18.js +5 -103
  141. package/dist/index.es18.js.map +1 -1
  142. package/dist/index.es19.js +70 -103
  143. package/dist/index.es19.js.map +1 -1
  144. package/dist/index.es2.js +1 -1
  145. package/dist/index.es20.js +108 -61
  146. package/dist/index.es20.js.map +1 -1
  147. package/dist/index.es21.js +59 -60
  148. package/dist/index.es21.js.map +1 -1
  149. package/dist/index.es22.js +69 -114
  150. package/dist/index.es22.js.map +1 -1
  151. package/dist/index.es23.js +132 -97
  152. package/dist/index.es23.js.map +1 -1
  153. package/dist/index.es24.js +49 -156
  154. package/dist/index.es24.js.map +1 -1
  155. package/dist/index.es25.js +194 -76
  156. package/dist/index.es25.js.map +1 -1
  157. package/dist/index.es26.js +89 -20
  158. package/dist/index.es26.js.map +1 -1
  159. package/dist/index.es27.js +20 -22
  160. package/dist/index.es27.js.map +1 -1
  161. package/dist/index.es28.js +17 -144
  162. package/dist/index.es28.js.map +1 -1
  163. package/dist/index.es29.js +145 -37
  164. package/dist/index.es29.js.map +1 -1
  165. package/dist/index.es3.js +1 -1
  166. package/dist/index.es30.js +37 -179
  167. package/dist/index.es30.js.map +1 -1
  168. package/dist/index.es31.js +174 -18
  169. package/dist/index.es31.js.map +1 -1
  170. package/dist/index.es32.js +29 -16
  171. package/dist/index.es32.js.map +1 -1
  172. package/dist/index.es33.js +15 -92
  173. package/dist/index.es33.js.map +1 -1
  174. package/dist/index.es34.js +91 -189
  175. package/dist/index.es34.js.map +1 -1
  176. package/dist/index.es35.js +165 -71
  177. package/dist/index.es35.js.map +1 -1
  178. package/dist/index.es36.js +85 -84
  179. package/dist/index.es36.js.map +1 -1
  180. package/dist/index.es37.js +92 -17
  181. package/dist/index.es37.js.map +1 -1
  182. package/dist/index.es38.js +19 -21
  183. package/dist/index.es38.js.map +1 -1
  184. package/dist/index.es39.js +16 -21
  185. package/dist/index.es39.js.map +1 -1
  186. package/dist/index.es4.js +65 -26
  187. package/dist/index.es4.js.map +1 -1
  188. package/dist/index.es40.js +22 -25
  189. package/dist/index.es40.js.map +1 -1
  190. package/dist/index.es41.js +25 -104
  191. package/dist/index.es41.js.map +1 -1
  192. package/dist/index.es42.js +117 -20
  193. package/dist/index.es42.js.map +1 -1
  194. package/dist/index.es43.js +19 -97
  195. package/dist/index.es43.js.map +1 -1
  196. package/dist/index.es44.js +77 -509
  197. package/dist/index.es44.js.map +1 -1
  198. package/dist/index.es45.js +552 -11
  199. package/dist/index.es45.js.map +1 -1
  200. package/dist/index.es46.js +15 -18
  201. package/dist/index.es46.js.map +1 -1
  202. package/dist/index.es47.js +44 -19
  203. package/dist/index.es47.js.map +1 -1
  204. package/dist/index.es48.js +19 -12
  205. package/dist/index.es48.js.map +1 -1
  206. package/dist/index.es49.js +13 -22
  207. package/dist/index.es49.js.map +1 -1
  208. package/dist/index.es5.js +1 -1
  209. package/dist/index.es50.js +23 -197
  210. package/dist/index.es50.js.map +1 -1
  211. package/dist/index.es51.js +191 -28
  212. package/dist/index.es51.js.map +1 -1
  213. package/dist/index.es52.js +45 -14
  214. package/dist/index.es52.js.map +1 -1
  215. package/dist/index.es53.js +12 -28
  216. package/dist/index.es53.js.map +1 -1
  217. package/dist/index.es54.js +30 -34
  218. package/dist/index.es54.js.map +1 -1
  219. package/dist/index.es55.js +37 -19
  220. package/dist/index.es55.js.map +1 -1
  221. package/dist/index.es56.js +20 -6
  222. package/dist/index.es56.js.map +1 -1
  223. package/dist/index.es57.js +5 -11
  224. package/dist/index.es57.js.map +1 -1
  225. package/dist/index.es7.js +1 -1
  226. package/dist/index.es8.js +1 -1
  227. package/dist/index.es9.js +1 -1
  228. package/dist/style.css +436 -172
  229. package/package.json +1 -1
  230. package/dist/hooks/use-mobile.d.ts +0 -2
  231. package/dist/hooks/use-mobile.d.ts.map +0 -1
@@ -1,534 +1,102 @@
1
1
  import * as e from "react";
2
- import { Slot as g } from "@radix-ui/react-slot";
3
- import { cva as R } from "class-variance-authority";
4
- import { PanelLeft as _ } from "lucide-react";
5
- import { useIsMobile as k } from "./index.es57.js";
6
- import { cn as i } from "./index.es56.js";
7
- import { Button as C } from "./index.es10.js";
8
- import { Input as I } from "./index.es27.js";
9
- import { Separator as z } from "./index.es42.js";
10
- import { Sheet as B, SheetContent as T, SheetHeader as D, SheetTitle as A, SheetDescription as O } from "./index.es43.js";
11
- import { Skeleton as E } from "./index.es45.js";
12
- import { Tooltip as G, TooltipTrigger as H, TooltipContent as K, TooltipProvider as L } from "./index.es55.js";
13
- const P = "sidebar_state", $ = 3600 * 24 * 7, j = "16rem", V = "18rem", W = "3rem", q = "b", N = e.createContext(null);
14
- function w() {
15
- const t = e.useContext(N);
16
- if (!t)
17
- throw new Error("useSidebar must be used within a SidebarProvider.");
18
- return t;
19
- }
20
- const F = e.forwardRef(
21
- ({
22
- defaultOpen: t = !0,
23
- open: a,
24
- onOpenChange: r,
25
- className: o,
26
- style: n,
27
- children: d,
28
- ...c
29
- }, f) => {
30
- const l = k(), [m, u] = e.useState(!1), [h, y] = e.useState(t), p = a ?? h, v = e.useCallback(
31
- (s) => {
32
- const b = typeof s == "function" ? s(p) : s;
33
- r ? r(b) : y(b), document.cookie = `${P}=${b}; path=/; max-age=${$}`;
34
- },
35
- [r, p]
36
- ), x = e.useCallback(() => l ? u((s) => !s) : v((s) => !s), [l, v, u]);
37
- e.useEffect(() => {
38
- const s = (b) => {
39
- b.key === q && (b.metaKey || b.ctrlKey) && (b.preventDefault(), x());
40
- };
41
- return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
42
- }, [x]);
43
- const S = p ? "expanded" : "collapsed", M = e.useMemo(
44
- () => ({
45
- state: S,
46
- open: p,
47
- setOpen: v,
48
- isMobile: l,
49
- openMobile: m,
50
- setOpenMobile: u,
51
- toggleSidebar: x
52
- }),
53
- [S, p, v, l, m, u, x]
54
- );
55
- return /* @__PURE__ */ e.createElement(N.Provider, { value: M }, /* @__PURE__ */ e.createElement(L, { delayDuration: 0 }, /* @__PURE__ */ e.createElement(
56
- "div",
57
- {
58
- style: {
59
- "--sidebar-width": j,
60
- "--sidebar-width-icon": W,
61
- ...n
62
- },
63
- className: i(
64
- "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
65
- o
66
- ),
67
- ref: f,
68
- ...c
69
- },
70
- d
71
- )));
72
- }
73
- );
74
- F.displayName = "SidebarProvider";
75
- const U = e.forwardRef(
76
- ({
77
- side: t = "left",
78
- variant: a = "sidebar",
79
- collapsible: r = "offcanvas",
80
- className: o,
81
- children: n,
82
- ...d
83
- }, c) => {
84
- const { isMobile: f, state: l, openMobile: m, setOpenMobile: u } = w();
85
- return r === "none" ? /* @__PURE__ */ e.createElement(
86
- "div",
87
- {
88
- className: i(
89
- "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
90
- o
91
- ),
92
- ref: c,
93
- ...d
94
- },
95
- n
96
- ) : f ? /* @__PURE__ */ e.createElement(B, { open: m, onOpenChange: u, ...d }, /* @__PURE__ */ e.createElement(
97
- T,
98
- {
99
- "data-sidebar": "sidebar",
100
- "data-mobile": "true",
101
- className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
102
- style: {
103
- "--sidebar-width": V
104
- },
105
- side: t
106
- },
107
- /* @__PURE__ */ e.createElement(D, { className: "sr-only" }, /* @__PURE__ */ e.createElement(A, null, "Sidebar"), /* @__PURE__ */ e.createElement(O, null, "Displays the mobile sidebar.")),
108
- /* @__PURE__ */ e.createElement("div", { className: "flex h-full w-full flex-col" }, n)
109
- )) : /* @__PURE__ */ e.createElement(
110
- "div",
111
- {
112
- ref: c,
113
- className: "group peer hidden text-sidebar-foreground md:block",
114
- "data-state": l,
115
- "data-collapsible": l === "collapsed" ? r : "",
116
- "data-variant": a,
117
- "data-side": t
118
- },
119
- /* @__PURE__ */ e.createElement(
120
- "div",
121
- {
122
- className: i(
123
- "relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
124
- "group-data-[collapsible=offcanvas]:w-0",
125
- "group-data-[side=right]:rotate-180",
126
- a === "floating" || a === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
127
- )
128
- }
129
- ),
130
- /* @__PURE__ */ e.createElement(
131
- "div",
132
- {
133
- className: i(
134
- "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
135
- t === "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)]",
136
- // Adjust the padding for floating and inset variants.
137
- a === "floating" || a === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
138
- o
139
- ),
140
- ...d
141
- },
142
- /* @__PURE__ */ e.createElement(
143
- "div",
144
- {
145
- "data-sidebar": "sidebar",
146
- className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
147
- },
148
- n
149
- )
150
- )
151
- );
152
- }
153
- );
154
- U.displayName = "Sidebar";
155
- const X = e.forwardRef(({ className: t, onClick: a, ...r }, o) => {
156
- const { toggleSidebar: n } = w();
157
- return /* @__PURE__ */ e.createElement(
158
- C,
159
- {
160
- ref: o,
161
- "data-sidebar": "trigger",
162
- variant: "ghost",
163
- size: "icon",
164
- className: i("h-7 w-7", t),
165
- onClick: (d) => {
166
- a?.(d), n();
167
- },
168
- ...r
169
- },
170
- /* @__PURE__ */ e.createElement(_, null),
171
- /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
172
- );
173
- });
174
- X.displayName = "SidebarTrigger";
175
- const Y = e.forwardRef(({ className: t, ...a }, r) => {
176
- const { toggleSidebar: o } = w();
177
- return /* @__PURE__ */ e.createElement(
178
- "button",
179
- {
180
- ref: r,
181
- "data-sidebar": "rail",
182
- "aria-label": "Toggle Sidebar",
183
- tabIndex: -1,
184
- onClick: o,
185
- title: "Toggle Sidebar",
186
- className: i(
187
- "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
188
- "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
189
- "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
190
- "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
191
- "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
192
- "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
193
- t
194
- ),
195
- ...a
196
- }
197
- );
198
- });
199
- Y.displayName = "SidebarRail";
200
- const J = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
201
- "main",
2
+ import * as t from "@radix-ui/react-dialog";
3
+ import { cva as d } from "class-variance-authority";
4
+ import { X as m } from "lucide-react";
5
+ import { cn as r } from "./index.es57.js";
6
+ const S = t.Root, v = t.Trigger, w = t.Close, c = t.Portal, n = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
7
+ t.Overlay,
202
8
  {
203
- ref: r,
204
- className: i(
205
- "relative flex w-full flex-1 flex-col bg-background",
206
- "md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
207
- t
9
+ className: r(
10
+ "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
11
+ a
208
12
  ),
209
- ...a
210
- }
211
- ));
212
- J.displayName = "SidebarInset";
213
- const Q = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
214
- I,
215
- {
216
- ref: r,
217
- "data-sidebar": "input",
218
- className: i(
219
- "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
220
- t
221
- ),
222
- ...a
223
- }
224
- ));
225
- Q.displayName = "SidebarInput";
226
- const Z = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
227
- "div",
228
- {
229
- ref: r,
230
- "data-sidebar": "header",
231
- className: i("flex flex-col gap-2 p-2", t),
232
- ...a
233
- }
234
- ));
235
- Z.displayName = "SidebarHeader";
236
- const ee = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
237
- "div",
238
- {
239
- ref: r,
240
- "data-sidebar": "footer",
241
- className: i("flex flex-col gap-2 p-2", t),
242
- ...a
243
- }
244
- ));
245
- ee.displayName = "SidebarFooter";
246
- const ae = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
247
- z,
248
- {
249
- ref: r,
250
- "data-sidebar": "separator",
251
- className: i("mx-2 w-auto bg-sidebar-border", t),
252
- ...a
253
- }
254
- ));
255
- ae.displayName = "SidebarSeparator";
256
- const te = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
257
- "div",
258
- {
259
- ref: r,
260
- "data-sidebar": "content",
261
- className: i(
262
- "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
263
- t
264
- ),
265
- ...a
266
- }
267
- ));
268
- te.displayName = "SidebarContent";
269
- const re = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
270
- "div",
271
- {
272
- ref: r,
273
- "data-sidebar": "group",
274
- className: i("relative flex w-full min-w-0 flex-col p-2", t),
275
- ...a
276
- }
277
- ));
278
- re.displayName = "SidebarGroup";
279
- const ie = e.forwardRef(({ className: t, asChild: a = !1, ...r }, o) => {
280
- const n = a ? g : "div";
281
- return /* @__PURE__ */ e.createElement(
282
- n,
283
- {
284
- ref: o,
285
- "data-sidebar": "group-label",
286
- className: i(
287
- "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
288
- "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
289
- t
290
- ),
291
- ...r
292
- }
293
- );
294
- });
295
- ie.displayName = "SidebarGroupLabel";
296
- const ne = e.forwardRef(({ className: t, asChild: a = !1, ...r }, o) => {
297
- const n = a ? g : "button";
298
- return /* @__PURE__ */ e.createElement(
299
- n,
300
- {
301
- ref: o,
302
- "data-sidebar": "group-action",
303
- className: i(
304
- "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
305
- // Increases the hit area of the button on mobile.
306
- "after:absolute after:-inset-2 after:md:hidden",
307
- "group-data-[collapsible=icon]:hidden",
308
- t
309
- ),
310
- ...r
311
- }
312
- );
313
- });
314
- ne.displayName = "SidebarGroupAction";
315
- const oe = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
316
- "div",
317
- {
318
- ref: r,
319
- "data-sidebar": "group-content",
320
- className: i("w-full text-sm", t),
321
- ...a
13
+ ...o,
14
+ ref: s
322
15
  }
323
16
  ));
324
- oe.displayName = "SidebarGroupContent";
325
- const de = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
326
- "ul",
327
- {
328
- ref: r,
329
- "data-sidebar": "menu",
330
- className: i("flex w-full min-w-0 flex-col gap-1", t),
331
- ...a
332
- }
333
- ));
334
- de.displayName = "SidebarMenu";
335
- const se = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
336
- "li",
337
- {
338
- ref: r,
339
- "data-sidebar": "menu-item",
340
- className: i("group/menu-item relative", t),
341
- ...a
342
- }
343
- ));
344
- se.displayName = "SidebarMenuItem";
345
- const le = R(
346
- "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none 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",
17
+ n.displayName = t.Overlay.displayName;
18
+ const f = d(
19
+ "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
347
20
  {
348
21
  variants: {
349
- variant: {
350
- default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
351
- 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))]"
352
- },
353
- size: {
354
- default: "h-8 text-sm",
355
- sm: "h-7 text-xs",
356
- lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
22
+ side: {
23
+ top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
24
+ bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
25
+ left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
26
+ right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
357
27
  }
358
28
  },
359
29
  defaultVariants: {
360
- variant: "default",
361
- size: "default"
30
+ side: "right"
362
31
  }
363
32
  }
364
- ), ce = e.forwardRef(
365
- ({
366
- asChild: t = !1,
367
- isActive: a = !1,
368
- variant: r = "default",
369
- size: o = "default",
370
- tooltip: n,
371
- className: d,
372
- ...c
373
- }, f) => {
374
- const l = t ? g : "button", { isMobile: m, state: u } = w(), h = /* @__PURE__ */ e.createElement(
375
- l,
376
- {
377
- ref: f,
378
- "data-sidebar": "menu-button",
379
- "data-size": o,
380
- "data-active": a,
381
- className: i(le({ variant: r, size: o }), d),
382
- ...c
383
- }
384
- );
385
- return n ? (typeof n == "string" && (n = {
386
- children: n
387
- }), /* @__PURE__ */ e.createElement(G, null, /* @__PURE__ */ e.createElement(H, { asChild: !0 }, h), /* @__PURE__ */ e.createElement(
388
- K,
389
- {
390
- side: "right",
391
- align: "center",
392
- hidden: u !== "collapsed" || m,
393
- ...n
394
- }
395
- ))) : h;
33
+ ), p = e.forwardRef(({ side: a = "right", className: o, children: s, ...i }, l) => /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
34
+ t.Content,
35
+ {
36
+ ref: l,
37
+ className: r(f({ side: a }), o),
38
+ ...i
39
+ },
40
+ /* @__PURE__ */ e.createElement(t.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ e.createElement(m, { className: "h-4 w-4" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close")),
41
+ s
42
+ )));
43
+ p.displayName = t.Content.displayName;
44
+ const u = ({
45
+ className: a,
46
+ ...o
47
+ }) => /* @__PURE__ */ e.createElement(
48
+ "div",
49
+ {
50
+ className: r(
51
+ "flex flex-col space-y-2 text-center sm:text-left",
52
+ a
53
+ ),
54
+ ...o
396
55
  }
397
56
  );
398
- ce.displayName = "SidebarMenuButton";
399
- const ue = e.forwardRef(({ className: t, asChild: a = !1, showOnHover: r = !1, ...o }, n) => {
400
- const d = a ? g : "button";
401
- return /* @__PURE__ */ e.createElement(
402
- d,
403
- {
404
- ref: n,
405
- "data-sidebar": "menu-action",
406
- className: i(
407
- "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
408
- // Increases the hit area of the button on mobile.
409
- "after:absolute after:-inset-2 after:md:hidden",
410
- "peer-data-[size=sm]/menu-button:top-1",
411
- "peer-data-[size=default]/menu-button:top-1.5",
412
- "peer-data-[size=lg]/menu-button:top-2.5",
413
- "group-data-[collapsible=icon]:hidden",
414
- r && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
415
- t
416
- ),
417
- ...o
418
- }
419
- );
420
- });
421
- ue.displayName = "SidebarMenuAction";
422
- const be = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
57
+ u.displayName = "SheetHeader";
58
+ const g = ({
59
+ className: a,
60
+ ...o
61
+ }) => /* @__PURE__ */ e.createElement(
423
62
  "div",
424
63
  {
425
- ref: r,
426
- "data-sidebar": "menu-badge",
427
- className: i(
428
- "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
429
- "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
430
- "peer-data-[size=sm]/menu-button:top-1",
431
- "peer-data-[size=default]/menu-button:top-1.5",
432
- "peer-data-[size=lg]/menu-button:top-2.5",
433
- "group-data-[collapsible=icon]:hidden",
434
- t
64
+ className: r(
65
+ "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
66
+ a
435
67
  ),
436
- ...a
68
+ ...o
69
+ }
70
+ );
71
+ g.displayName = "SheetFooter";
72
+ const h = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
73
+ t.Title,
74
+ {
75
+ ref: s,
76
+ className: r("text-lg font-semibold text-foreground", a),
77
+ ...o
437
78
  }
438
79
  ));
439
- be.displayName = "SidebarMenuBadge";
440
- const me = e.forwardRef(({ className: t, showIcon: a = !1, ...r }, o) => {
441
- const n = e.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
442
- return /* @__PURE__ */ e.createElement(
443
- "div",
444
- {
445
- ref: o,
446
- "data-sidebar": "menu-skeleton",
447
- className: i("flex h-8 items-center gap-2 rounded-md px-2", t),
448
- ...r
449
- },
450
- a && /* @__PURE__ */ e.createElement(
451
- E,
452
- {
453
- className: "size-4 rounded-md",
454
- "data-sidebar": "menu-skeleton-icon"
455
- }
456
- ),
457
- /* @__PURE__ */ e.createElement(
458
- E,
459
- {
460
- className: "h-4 max-w-[--skeleton-width] flex-1",
461
- "data-sidebar": "menu-skeleton-text",
462
- style: {
463
- "--skeleton-width": n
464
- }
465
- }
466
- )
467
- );
468
- });
469
- me.displayName = "SidebarMenuSkeleton";
470
- const fe = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
471
- "ul",
80
+ h.displayName = t.Title.displayName;
81
+ const y = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
82
+ t.Description,
472
83
  {
473
- ref: r,
474
- "data-sidebar": "menu-sub",
475
- className: i(
476
- "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",
477
- "group-data-[collapsible=icon]:hidden",
478
- t
479
- ),
480
- ...a
84
+ ref: s,
85
+ className: r("text-sm text-muted-foreground", a),
86
+ ...o
481
87
  }
482
88
  ));
483
- fe.displayName = "SidebarMenuSub";
484
- const pe = e.forwardRef(({ ...t }, a) => /* @__PURE__ */ e.createElement("li", { ref: a, ...t }));
485
- pe.displayName = "SidebarMenuSubItem";
486
- const ge = e.forwardRef(({ asChild: t = !1, size: a = "md", isActive: r, className: o, ...n }, d) => {
487
- const c = t ? g : "a";
488
- return /* @__PURE__ */ e.createElement(
489
- c,
490
- {
491
- ref: d,
492
- "data-sidebar": "menu-sub-button",
493
- "data-size": a,
494
- "data-active": r,
495
- className: i(
496
- "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring 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",
497
- "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
498
- a === "sm" && "text-xs",
499
- a === "md" && "text-sm",
500
- "group-data-[collapsible=icon]:hidden",
501
- o
502
- ),
503
- ...n
504
- }
505
- );
506
- });
507
- ge.displayName = "SidebarMenuSubButton";
89
+ y.displayName = t.Description.displayName;
508
90
  export {
509
- U as Sidebar,
510
- te as SidebarContent,
511
- ee as SidebarFooter,
512
- re as SidebarGroup,
513
- ne as SidebarGroupAction,
514
- oe as SidebarGroupContent,
515
- ie as SidebarGroupLabel,
516
- Z as SidebarHeader,
517
- Q as SidebarInput,
518
- J as SidebarInset,
519
- de as SidebarMenu,
520
- ue as SidebarMenuAction,
521
- be as SidebarMenuBadge,
522
- ce as SidebarMenuButton,
523
- se as SidebarMenuItem,
524
- me as SidebarMenuSkeleton,
525
- fe as SidebarMenuSub,
526
- ge as SidebarMenuSubButton,
527
- pe as SidebarMenuSubItem,
528
- F as SidebarProvider,
529
- Y as SidebarRail,
530
- ae as SidebarSeparator,
531
- X as SidebarTrigger,
532
- w as useSidebar
91
+ S as Sheet,
92
+ w as SheetClose,
93
+ p as SheetContent,
94
+ y as SheetDescription,
95
+ g as SheetFooter,
96
+ u as SheetHeader,
97
+ n as SheetOverlay,
98
+ c as SheetPortal,
99
+ h as SheetTitle,
100
+ v as SheetTrigger
533
101
  };
534
102
  //# sourceMappingURL=index.es44.js.map