@lglab/compose-ui 0.8.0 → 0.9.0

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.
@@ -0,0 +1,14 @@
1
+ import { Toggle as BaseToggle } from '@base-ui/react/toggle';
2
+ import { ToggleSize } from '../lib/toggle-variants';
3
+ import * as React from 'react';
4
+ type ToggleProps = React.ComponentProps<typeof BaseToggle> & {
5
+ /** Size of the toggle */
6
+ size?: ToggleSize;
7
+ };
8
+ declare const Toggle: {
9
+ ({ className, size, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
12
+ export { Toggle };
13
+ export type { ToggleProps };
14
+ //# sourceMappingURL=toggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,wBAAwB,CAAA;AAOxE,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC3D,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,MAAM;oCAAmC,WAAW;;CAEzD,CAAA;AAQD,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,YAAY,EAAE,WAAW,EAAE,CAAA"}
package/dist/index.d.ts CHANGED
@@ -4,6 +4,7 @@ export { AlertDialog } from '@base-ui/react/alert-dialog';
4
4
  export { AvatarRoot, AvatarImage, AvatarFallback, AvatarStack } from './components/avatar';
5
5
  export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './components/scroll-area';
6
6
  export { SwitchRoot, SwitchThumb } from './components/switch';
7
+ export { Toggle } from './components/toggle';
7
8
  export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './components/tabs';
8
9
  export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, } from './components/dialog';
9
10
  export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
@@ -15,6 +16,8 @@ export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalPr
15
16
  export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarStackProps, } from './components/avatar';
16
17
  export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
17
18
  export type { SwitchRootProps, SwitchThumbProps } from './components/switch';
19
+ export type { ToggleProps } from './components/toggle';
20
+ export type { ToggleSize } from './lib/toggle-variants';
18
21
  export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, } from './components/tabs';
19
22
  export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, } from './components/dialog';
20
23
  export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.es.js CHANGED
@@ -1,21 +1,22 @@
1
1
  "use client";
2
2
  import { jsx as t, jsxs as k } from "react/jsx-runtime";
3
- import { Button as R } from "@base-ui/react/button";
4
- import { cva as d } from "class-variance-authority";
5
- import { clsx as V } from "clsx";
3
+ import { Button as V } from "@base-ui/react/button";
4
+ import { cva as n } from "class-variance-authority";
5
+ import { clsx as R } from "clsx";
6
6
  import { twMerge as S } from "tailwind-merge";
7
- import { AlertDialog as n } from "@base-ui/react/alert-dialog";
8
- import { AlertDialog as da } from "@base-ui/react/alert-dialog";
7
+ import { AlertDialog as d } from "@base-ui/react/alert-dialog";
8
+ import { AlertDialog as ga } from "@base-ui/react/alert-dialog";
9
9
  import { Avatar as w } from "@base-ui/react/avatar";
10
- import * as x from "react";
10
+ import * as N from "react";
11
11
  import { ScrollArea as m } from "@base-ui/react/scroll-area";
12
12
  import { Switch as A } from "@base-ui/react/switch";
13
+ import { Toggle as C } from "@base-ui/react/toggle";
13
14
  import { Tabs as f } from "@base-ui/react/tabs";
14
- import { Dialog as s } from "@base-ui/react/dialog";
15
+ import { Dialog as l } from "@base-ui/react/dialog";
15
16
  import { Accordion as b } from "@base-ui/react/accordion";
16
17
  import { Meter as y } from "@base-ui/react/meter";
17
- import { Progress as N } from "@base-ui/react/progress";
18
- const u = d(
18
+ import { Progress as h } from "@base-ui/react/progress";
19
+ const u = n(
19
20
  [
20
21
  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
21
22
  ],
@@ -45,44 +46,44 @@ const u = d(
45
46
  }
46
47
  );
47
48
  function r(...e) {
48
- return S(V(e));
49
+ return S(R(e));
49
50
  }
50
- const C = ({
51
+ const _ = ({
51
52
  className: e,
52
53
  variant: a,
53
54
  size: o,
54
- disabled: l,
55
+ disabled: s,
55
56
  children: i,
56
57
  ...c
57
58
  }) => /* @__PURE__ */ t(
58
- R,
59
+ V,
59
60
  {
60
61
  className: r(u({ variant: a, size: o }), e),
61
- disabled: l,
62
+ disabled: s,
62
63
  ...c,
63
64
  children: i
64
65
  }
65
66
  );
66
- C.displayName = "Button";
67
- const _ = (e) => /* @__PURE__ */ t(n.Root, { ...e });
68
- _.displayName = "AlertDialogRoot";
69
- const I = ({
67
+ _.displayName = "Button";
68
+ const I = (e) => /* @__PURE__ */ t(d.Root, { ...e });
69
+ I.displayName = "AlertDialogRoot";
70
+ const F = ({
70
71
  className: e,
71
72
  variant: a,
72
73
  size: o,
73
- ...l
74
+ ...s
74
75
  }) => /* @__PURE__ */ t(
75
- n.Trigger,
76
+ d.Trigger,
76
77
  {
77
78
  className: r(u({ variant: a, size: o }), e),
78
- ...l
79
+ ...s
79
80
  }
80
81
  );
81
- I.displayName = "AlertDialogTrigger";
82
- const F = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
83
- F.displayName = "AlertDialogPortal";
84
- const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
85
- n.Backdrop,
82
+ F.displayName = "AlertDialogTrigger";
83
+ const B = (e) => /* @__PURE__ */ t(d.Portal, { ...e });
84
+ B.displayName = "AlertDialogPortal";
85
+ const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
86
+ d.Backdrop,
86
87
  {
87
88
  className: r(
88
89
  "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -93,16 +94,16 @@ const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
93
94
  ...a
94
95
  }
95
96
  );
96
- B.displayName = "AlertDialogBackdrop";
97
- const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
98
- n.Viewport,
97
+ M.displayName = "AlertDialogBackdrop";
98
+ const j = ({ className: e, ...a }) => /* @__PURE__ */ t(
99
+ d.Viewport,
99
100
  {
100
101
  className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
101
102
  ...a
102
103
  }
103
104
  );
104
- M.displayName = "AlertDialogViewport";
105
- const j = d(
105
+ j.displayName = "AlertDialogViewport";
106
+ const L = n(
106
107
  [
107
108
  "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
108
109
  "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
@@ -126,38 +127,38 @@ const j = d(
126
127
  size: "default"
127
128
  }
128
129
  }
129
- ), L = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
130
- n.Popup,
130
+ ), H = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
131
+ d.Popup,
131
132
  {
132
- className: r(j({ size: a }), e),
133
+ className: r(L({ size: a }), e),
133
134
  ...o
134
135
  }
135
136
  );
136
- L.displayName = "AlertDialogPopup";
137
- const H = ({ className: e, ...a }) => /* @__PURE__ */ t(
138
- n.Title,
137
+ H.displayName = "AlertDialogPopup";
138
+ const q = ({ className: e, ...a }) => /* @__PURE__ */ t(
139
+ d.Title,
139
140
  {
140
141
  className: r("text-lg font-semibold leading-none tracking-tight", e),
141
142
  ...a
142
143
  }
143
144
  );
144
- H.displayName = "AlertDialogTitle";
145
- const q = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("mt-2", e), ...a });
146
- q.displayName = "AlertDialogDescription";
147
- const E = ({
145
+ q.displayName = "AlertDialogTitle";
146
+ const E = ({ className: e, ...a }) => /* @__PURE__ */ t(d.Description, { className: r("mt-2", e), ...a });
147
+ E.displayName = "AlertDialogDescription";
148
+ const $ = ({
148
149
  className: e,
149
150
  variant: a,
150
151
  size: o,
151
- ...l
152
+ ...s
152
153
  }) => /* @__PURE__ */ t(
153
- n.Close,
154
+ d.Close,
154
155
  {
155
156
  className: r(u({ variant: a ?? "outline", size: o }), e),
156
- ...l
157
+ ...s
157
158
  }
158
159
  );
159
- E.displayName = "AlertDialogClose";
160
- const T = d(
160
+ $.displayName = "AlertDialogClose";
161
+ const T = n(
161
162
  [
162
163
  "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
163
164
  "bg-muted text-foreground",
@@ -177,15 +178,15 @@ const T = d(
177
178
  }
178
179
  ), z = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(w.Root, { className: r(T({ size: a }), e), ...o });
179
180
  z.displayName = "AvatarRoot";
180
- const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(
181
+ const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
181
182
  w.Image,
182
183
  {
183
184
  className: r("aspect-square h-full w-full object-cover", e),
184
185
  ...a
185
186
  }
186
187
  );
187
- $.displayName = "AvatarImage";
188
- const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
188
+ G.displayName = "AvatarImage";
189
+ const J = ({ className: e, ...a }) => /* @__PURE__ */ t(
189
190
  w.Fallback,
190
191
  {
191
192
  className: r(
@@ -195,20 +196,20 @@ const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
195
196
  ...a
196
197
  }
197
198
  );
198
- G.displayName = "AvatarFallback";
199
- const J = ({
199
+ J.displayName = "AvatarFallback";
200
+ const K = ({
200
201
  "aria-label": e,
201
202
  maxVisible: a,
202
203
  className: o,
203
- children: l
204
+ children: s
204
205
  }) => {
205
- const i = x.Children.toArray(l), c = i.length, g = a !== void 0 ? Math.min(a, c) : c, h = c - g, v = i.slice(0, g), P = (() => {
206
+ const i = N.Children.toArray(s), c = i.length, g = a !== void 0 ? Math.min(a, c) : c, x = c - g, v = i.slice(0, g), P = (() => {
206
207
  const p = i[0];
207
- return x.isValidElement(p) && p.type === z ? p.props.size ?? "default" : "default";
208
+ return N.isValidElement(p) && p.type === z ? p.props.size ?? "default" : "default";
208
209
  })();
209
210
  return /* @__PURE__ */ k("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
210
211
  v.map((p, D) => /* @__PURE__ */ t("li", { children: p }, D)),
211
- h > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ k(
212
+ x > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ k(
212
213
  "span",
213
214
  {
214
215
  className: r(
@@ -219,26 +220,26 @@ const J = ({
219
220
  ),
220
221
  children: [
221
222
  "+",
222
- h
223
+ x
223
224
  ]
224
225
  }
225
226
  ) })
226
227
  ] });
227
228
  };
228
- J.displayName = "AvatarStack";
229
- const K = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Root, { className: r("relative", e), ...a });
230
- K.displayName = "ScrollAreaRoot";
231
- const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
229
+ K.displayName = "AvatarStack";
230
+ const O = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Root, { className: r("relative", e), ...a });
231
+ O.displayName = "ScrollAreaRoot";
232
+ const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
232
233
  m.Viewport,
233
234
  {
234
235
  className: r("h-full overscroll-contain pr-3", e),
235
236
  ...a
236
237
  }
237
238
  );
238
- O.displayName = "ScrollAreaViewport";
239
- const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Content, { className: r("min-w-full", e), ...a });
240
- Q.displayName = "ScrollAreaContent";
241
- const U = ({
239
+ Q.displayName = "ScrollAreaViewport";
240
+ const U = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Content, { className: r("min-w-full", e), ...a });
241
+ U.displayName = "ScrollAreaContent";
242
+ const W = ({
242
243
  className: e,
243
244
  orientation: a = "vertical",
244
245
  ...o
@@ -256,8 +257,8 @@ const U = ({
256
257
  ...o
257
258
  }
258
259
  );
259
- U.displayName = "ScrollAreaScrollbar";
260
- const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
260
+ W.displayName = "ScrollAreaScrollbar";
261
+ const X = ({ className: e, ...a }) => /* @__PURE__ */ t(
261
262
  m.Thumb,
262
263
  {
263
264
  className: r(
@@ -268,10 +269,10 @@ const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
268
269
  ...a
269
270
  }
270
271
  );
271
- W.displayName = "ScrollAreaThumb";
272
- const X = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Corner, { className: r("bg-muted/50", e), ...a });
273
- X.displayName = "ScrollAreaCorner";
274
- const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(
272
+ X.displayName = "ScrollAreaThumb";
273
+ const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Corner, { className: r("bg-muted/50", e), ...a });
274
+ Y.displayName = "ScrollAreaCorner";
275
+ const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
275
276
  A.Root,
276
277
  {
277
278
  className: r(
@@ -289,8 +290,8 @@ const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(
289
290
  ...a
290
291
  }
291
292
  );
292
- Y.displayName = "SwitchRoot";
293
- const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
293
+ Z.displayName = "SwitchRoot";
294
+ const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
294
295
  A.Thumb,
295
296
  {
296
297
  className: r(
@@ -305,10 +306,32 @@ const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
305
306
  ...a
306
307
  }
307
308
  );
308
- Z.displayName = "SwitchThumb";
309
- const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Root, { className: r("flex flex-col", e), ...a });
310
- ee.displayName = "TabsRoot";
311
- const ae = d(
309
+ ee.displayName = "SwitchThumb";
310
+ const ae = n(
311
+ [
312
+ "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium",
313
+ "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
314
+ "border border-border bg-background hover:bg-muted shadow-xs",
315
+ "transition-all duration-150",
316
+ "data-pressed:border-primary data-pressed:bg-primary data-pressed:text-primary-foreground data-pressed:shadow-sm"
317
+ ],
318
+ {
319
+ variants: {
320
+ size: {
321
+ sm: "h-8 min-w-8 px-2 gap-1.5",
322
+ default: "h-9 min-w-9 px-2.5",
323
+ lg: "h-10 min-w-10 px-3"
324
+ }
325
+ },
326
+ defaultVariants: {
327
+ size: "default"
328
+ }
329
+ }
330
+ ), te = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(C, { className: r(ae({ size: a }), e), ...o });
331
+ te.displayName = "Toggle";
332
+ const re = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Root, { className: r("flex flex-col", e), ...a });
333
+ re.displayName = "TabsRoot";
334
+ const oe = n(
312
335
  ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
313
336
  {
314
337
  variants: {
@@ -321,15 +344,15 @@ const ae = d(
321
344
  orientation: "horizontal"
322
345
  }
323
346
  }
324
- ), te = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
347
+ ), se = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
325
348
  f.List,
326
349
  {
327
- className: r(ae({ orientation: a }), e),
350
+ className: r(oe({ orientation: a }), e),
328
351
  ...o
329
352
  }
330
353
  );
331
- te.displayName = "TabsList";
332
- const re = d(
354
+ se.displayName = "TabsList";
355
+ const le = n(
333
356
  [
334
357
  "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
335
358
  "rounded-md px-3 py-1.5 text-sm font-medium",
@@ -350,9 +373,9 @@ const re = d(
350
373
  size: "default"
351
374
  }
352
375
  }
353
- ), oe = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(f.Tab, { className: r(re({ size: a }), e), ...o });
354
- oe.displayName = "TabsTab";
355
- const le = d(
376
+ ), ie = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(f.Tab, { className: r(le({ size: a }), e), ...o });
377
+ ie.displayName = "TabsTab";
378
+ const ne = n(
356
379
  ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
357
380
  {
358
381
  variants: {
@@ -365,34 +388,34 @@ const le = d(
365
388
  orientation: "horizontal"
366
389
  }
367
390
  }
368
- ), se = ({
391
+ ), de = ({
369
392
  className: e,
370
393
  orientation: a = "horizontal",
371
394
  ...o
372
395
  }) => /* @__PURE__ */ t(
373
396
  f.Indicator,
374
397
  {
375
- className: r(le({ orientation: a }), e),
398
+ className: r(ne({ orientation: a }), e),
376
399
  ...o
377
400
  }
378
401
  );
379
- se.displayName = "TabsIndicator";
380
- const ie = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
381
- ie.displayName = "TabsPanel";
382
- const ne = (e) => /* @__PURE__ */ t(s.Root, { ...e });
383
- ne.displayName = "DialogRoot";
384
- const de = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
385
- s.Trigger,
402
+ de.displayName = "TabsIndicator";
403
+ const ce = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
404
+ ce.displayName = "TabsPanel";
405
+ const ue = (e) => /* @__PURE__ */ t(l.Root, { ...e });
406
+ ue.displayName = "DialogRoot";
407
+ const me = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
408
+ l.Trigger,
386
409
  {
387
410
  className: r(u({ variant: a, size: o }), e),
388
- ...l
411
+ ...s
389
412
  }
390
413
  );
391
- de.displayName = "DialogTrigger";
392
- const ce = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
393
- ce.displayName = "DialogPortal";
394
- const ue = ({ className: e, ...a }) => /* @__PURE__ */ t(
395
- s.Backdrop,
414
+ me.displayName = "DialogTrigger";
415
+ const ge = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
416
+ ge.displayName = "DialogPortal";
417
+ const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
418
+ l.Backdrop,
396
419
  {
397
420
  className: r(
398
421
  "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -403,8 +426,8 @@ const ue = ({ className: e, ...a }) => /* @__PURE__ */ t(
403
426
  ...a
404
427
  }
405
428
  );
406
- ue.displayName = "DialogBackdrop";
407
- const me = d(
429
+ pe.displayName = "DialogBackdrop";
430
+ const fe = n(
408
431
  [
409
432
  "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
410
433
  "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
@@ -428,35 +451,35 @@ const me = d(
428
451
  size: "default"
429
452
  }
430
453
  }
431
- ), ge = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
432
- s.Popup,
454
+ ), be = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
455
+ l.Popup,
433
456
  {
434
- className: r(me({ size: a }), e),
457
+ className: r(fe({ size: a }), e),
435
458
  ...o
436
459
  }
437
460
  );
438
- ge.displayName = "DialogPopup";
439
- const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
440
- s.Title,
461
+ be.displayName = "DialogPopup";
462
+ const ye = ({ className: e, ...a }) => /* @__PURE__ */ t(
463
+ l.Title,
441
464
  {
442
465
  className: r("text-lg font-semibold leading-none tracking-tight", e),
443
466
  ...a
444
467
  }
445
468
  );
446
- pe.displayName = "DialogTitle";
447
- const fe = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("mt-2", e), ...a });
448
- fe.displayName = "DialogDescription";
449
- const be = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
450
- s.Close,
469
+ ye.displayName = "DialogTitle";
470
+ const he = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("mt-2", e), ...a });
471
+ he.displayName = "DialogDescription";
472
+ const xe = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
473
+ l.Close,
451
474
  {
452
475
  className: r(u({ variant: a ?? "outline", size: o }), e),
453
- ...l
476
+ ...s
454
477
  }
455
478
  );
456
- be.displayName = "DialogClose";
457
- const ye = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
458
- ye.displayName = "DialogHeader";
459
- const Ne = ({ className: e, ...a }) => /* @__PURE__ */ t(
479
+ xe.displayName = "DialogClose";
480
+ const Ne = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
481
+ Ne.displayName = "DialogHeader";
482
+ const ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
460
483
  "div",
461
484
  {
462
485
  className: r(
@@ -466,21 +489,21 @@ const Ne = ({ className: e, ...a }) => /* @__PURE__ */ t(
466
489
  ...a
467
490
  }
468
491
  );
469
- Ne.displayName = "DialogFooter";
470
- const he = (e) => /* @__PURE__ */ t(s.Root, { ...e });
471
- he.displayName = "DrawerRoot";
472
- const xe = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
473
- s.Trigger,
492
+ ve.displayName = "DialogFooter";
493
+ const we = (e) => /* @__PURE__ */ t(l.Root, { ...e });
494
+ we.displayName = "DrawerRoot";
495
+ const De = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
496
+ l.Trigger,
474
497
  {
475
498
  className: r(u({ variant: a, size: o }), e),
476
- ...l
499
+ ...s
477
500
  }
478
501
  );
479
- xe.displayName = "DrawerTrigger";
480
- const ve = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
481
- ve.displayName = "DrawerPortal";
482
- const we = ({ className: e, ...a }) => /* @__PURE__ */ t(
483
- s.Backdrop,
502
+ De.displayName = "DrawerTrigger";
503
+ const ke = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
504
+ ke.displayName = "DrawerPortal";
505
+ const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
506
+ l.Backdrop,
484
507
  {
485
508
  className: r(
486
509
  "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -491,8 +514,8 @@ const we = ({ className: e, ...a }) => /* @__PURE__ */ t(
491
514
  ...a
492
515
  }
493
516
  );
494
- we.displayName = "DrawerBackdrop";
495
- const De = d(
517
+ Ae.displayName = "DrawerBackdrop";
518
+ const Te = n(
496
519
  [
497
520
  "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
498
521
  "transition-transform duration-300 ease-out",
@@ -528,51 +551,51 @@ const De = d(
528
551
  side: "right"
529
552
  }
530
553
  }
531
- ), ke = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
532
- s.Popup,
554
+ ), ze = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
555
+ l.Popup,
533
556
  {
534
- className: r(De({ side: a }), e),
557
+ className: r(Te({ side: a }), e),
535
558
  ...o
536
559
  }
537
560
  );
538
- ke.displayName = "DrawerPopup";
539
- const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
540
- s.Title,
561
+ ze.displayName = "DrawerPopup";
562
+ const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
563
+ l.Title,
541
564
  {
542
565
  className: r("text-lg font-semibold leading-none tracking-tight", e),
543
566
  ...a
544
567
  }
545
568
  );
546
- Ae.displayName = "DrawerTitle";
547
- const Te = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("", e), ...a });
548
- Te.displayName = "DrawerDescription";
549
- const ze = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
550
- s.Close,
569
+ Pe.displayName = "DrawerTitle";
570
+ const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("", e), ...a });
571
+ Ve.displayName = "DrawerDescription";
572
+ const Re = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
573
+ l.Close,
551
574
  {
552
575
  className: r(u({ variant: a ?? "outline", size: o }), e),
553
- ...l
554
- }
555
- );
556
- ze.displayName = "DrawerClose";
557
- const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
558
- Pe.displayName = "DrawerHeader";
559
- const Re = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
560
- Re.displayName = "DrawerContent";
561
- const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
562
- Ve.displayName = "DrawerFooter";
563
- const Se = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Root, { className: r("w-full", e), ...a });
564
- Se.displayName = "AccordionRoot";
565
- const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
576
+ ...s
577
+ }
578
+ );
579
+ Re.displayName = "DrawerClose";
580
+ const Se = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
581
+ Se.displayName = "DrawerHeader";
582
+ const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
583
+ Ce.displayName = "DrawerContent";
584
+ const _e = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
585
+ _e.displayName = "DrawerFooter";
586
+ const Ie = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Root, { className: r("w-full", e), ...a });
587
+ Ie.displayName = "AccordionRoot";
588
+ const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
566
589
  b.Item,
567
590
  {
568
591
  className: r("border-b border-border last:border-b-0", e),
569
592
  ...a
570
593
  }
571
594
  );
572
- Ce.displayName = "AccordionItem";
573
- const _e = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Header, { className: r("flex", e), ...a });
574
- _e.displayName = "AccordionHeader";
575
- const Ie = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
595
+ Fe.displayName = "AccordionItem";
596
+ const Be = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Header, { className: r("flex", e), ...a });
597
+ Be.displayName = "AccordionHeader";
598
+ const Me = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
576
599
  b.Trigger,
577
600
  {
578
601
  className: r(
@@ -583,8 +606,8 @@ const Ie = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
583
606
  children: a
584
607
  }
585
608
  );
586
- Ie.displayName = "AccordionTrigger";
587
- const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
609
+ Me.displayName = "AccordionTrigger";
610
+ const je = ({ className: e, ...a }) => /* @__PURE__ */ t(
588
611
  b.Panel,
589
612
  {
590
613
  className: r(
@@ -594,24 +617,24 @@ const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
594
617
  ...a
595
618
  }
596
619
  );
597
- Fe.displayName = "AccordionPanel";
598
- const Be = ({ className: e, animated: a, value: o, ...l }) => {
599
- const i = o ?? 0, [c, g] = x.useState(a ? 0 : i);
600
- return x.useEffect(() => {
620
+ je.displayName = "AccordionPanel";
621
+ const Le = ({ className: e, animated: a, value: o, ...s }) => {
622
+ const i = o ?? 0, [c, g] = N.useState(a ? 0 : i);
623
+ return N.useEffect(() => {
601
624
  if (a) {
602
- const h = requestAnimationFrame(() => {
625
+ const x = requestAnimationFrame(() => {
603
626
  const v = requestAnimationFrame(() => {
604
627
  g(i ?? 0);
605
628
  });
606
629
  return () => cancelAnimationFrame(v);
607
630
  });
608
- return () => cancelAnimationFrame(h);
631
+ return () => cancelAnimationFrame(x);
609
632
  } else
610
633
  g(i ?? 0);
611
- }, [a, i]), /* @__PURE__ */ t(y.Root, { className: r("w-full", e), value: c, ...l });
634
+ }, [a, i]), /* @__PURE__ */ t(y.Root, { className: r("w-full", e), value: c, ...s });
612
635
  };
613
- Be.displayName = "MeterRoot";
614
- const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
636
+ Le.displayName = "MeterRoot";
637
+ const He = ({ className: e, ...a }) => /* @__PURE__ */ t(
615
638
  y.Track,
616
639
  {
617
640
  className: r(
@@ -621,8 +644,8 @@ const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
621
644
  ...a
622
645
  }
623
646
  );
624
- Me.displayName = "MeterTrack";
625
- const je = ({ className: e, ...a }) => /* @__PURE__ */ t(
647
+ He.displayName = "MeterTrack";
648
+ const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
626
649
  y.Indicator,
627
650
  {
628
651
  className: r(
@@ -632,27 +655,27 @@ const je = ({ className: e, ...a }) => /* @__PURE__ */ t(
632
655
  ...a
633
656
  }
634
657
  );
635
- je.displayName = "MeterIndicator";
636
- const Le = ({ className: e, ...a }) => /* @__PURE__ */ t(
658
+ qe.displayName = "MeterIndicator";
659
+ const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
637
660
  y.Value,
638
661
  {
639
662
  className: r("text-sm font-medium text-foreground", e),
640
663
  ...a
641
664
  }
642
665
  );
643
- Le.displayName = "MeterValue";
644
- const He = ({ className: e, ...a }) => /* @__PURE__ */ t(
666
+ Ee.displayName = "MeterValue";
667
+ const $e = ({ className: e, ...a }) => /* @__PURE__ */ t(
645
668
  y.Label,
646
669
  {
647
670
  className: r("text-sm font-medium text-foreground", e),
648
671
  ...a
649
672
  }
650
673
  );
651
- He.displayName = "MeterLabel";
652
- const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(N.Root, { className: r("w-full", e), ...a });
653
- qe.displayName = "ProgressRoot";
654
- const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
655
- N.Track,
674
+ $e.displayName = "MeterLabel";
675
+ const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(h.Root, { className: r("w-full", e), ...a });
676
+ Ge.displayName = "ProgressRoot";
677
+ const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
678
+ h.Track,
656
679
  {
657
680
  className: r(
658
681
  "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
@@ -661,9 +684,9 @@ const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
661
684
  ...a
662
685
  }
663
686
  );
664
- Ee.displayName = "ProgressTrack";
665
- const $e = ({ className: e, ...a }) => /* @__PURE__ */ t(
666
- N.Indicator,
687
+ Je.displayName = "ProgressTrack";
688
+ const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
689
+ h.Indicator,
667
690
  {
668
691
  className: r(
669
692
  "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
@@ -672,86 +695,87 @@ const $e = ({ className: e, ...a }) => /* @__PURE__ */ t(
672
695
  ...a
673
696
  }
674
697
  );
675
- $e.displayName = "ProgressIndicator";
676
- const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(
677
- N.Value,
698
+ Ke.displayName = "ProgressIndicator";
699
+ const Oe = ({ className: e, ...a }) => /* @__PURE__ */ t(
700
+ h.Value,
678
701
  {
679
702
  className: r("text-sm font-medium text-foreground", e),
680
703
  ...a
681
704
  }
682
705
  );
683
- Ge.displayName = "ProgressValue";
684
- const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
685
- N.Label,
706
+ Oe.displayName = "ProgressValue";
707
+ const Qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
708
+ h.Label,
686
709
  {
687
710
  className: r("text-sm font-medium text-foreground", e),
688
711
  ...a
689
712
  }
690
713
  );
691
- Je.displayName = "ProgressLabel";
714
+ Qe.displayName = "ProgressLabel";
692
715
  export {
693
- _e as AccordionHeader,
694
- Ce as AccordionItem,
695
- Fe as AccordionPanel,
696
- Se as AccordionRoot,
697
- Ie as AccordionTrigger,
698
- da as AlertDialog,
699
- B as AlertDialogBackdrop,
700
- E as AlertDialogClose,
701
- q as AlertDialogDescription,
702
- L as AlertDialogPopup,
703
- F as AlertDialogPortal,
704
- _ as AlertDialogRoot,
705
- H as AlertDialogTitle,
706
- I as AlertDialogTrigger,
707
- M as AlertDialogViewport,
708
- G as AvatarFallback,
709
- $ as AvatarImage,
716
+ Be as AccordionHeader,
717
+ Fe as AccordionItem,
718
+ je as AccordionPanel,
719
+ Ie as AccordionRoot,
720
+ Me as AccordionTrigger,
721
+ ga as AlertDialog,
722
+ M as AlertDialogBackdrop,
723
+ $ as AlertDialogClose,
724
+ E as AlertDialogDescription,
725
+ H as AlertDialogPopup,
726
+ B as AlertDialogPortal,
727
+ I as AlertDialogRoot,
728
+ q as AlertDialogTitle,
729
+ F as AlertDialogTrigger,
730
+ j as AlertDialogViewport,
731
+ J as AvatarFallback,
732
+ G as AvatarImage,
710
733
  z as AvatarRoot,
711
- J as AvatarStack,
712
- C as Button,
713
- ue as DialogBackdrop,
714
- be as DialogClose,
715
- fe as DialogDescription,
716
- Ne as DialogFooter,
717
- ye as DialogHeader,
718
- ge as DialogPopup,
719
- ce as DialogPortal,
720
- ne as DialogRoot,
721
- pe as DialogTitle,
722
- de as DialogTrigger,
723
- we as DrawerBackdrop,
724
- ze as DrawerClose,
725
- Re as DrawerContent,
726
- Te as DrawerDescription,
727
- Ve as DrawerFooter,
728
- Pe as DrawerHeader,
729
- ke as DrawerPopup,
730
- ve as DrawerPortal,
731
- he as DrawerRoot,
732
- Ae as DrawerTitle,
733
- xe as DrawerTrigger,
734
- je as MeterIndicator,
735
- He as MeterLabel,
736
- Be as MeterRoot,
737
- Me as MeterTrack,
738
- Le as MeterValue,
739
- $e as ProgressIndicator,
740
- Je as ProgressLabel,
741
- qe as ProgressRoot,
742
- Ee as ProgressTrack,
743
- Ge as ProgressValue,
744
- Q as ScrollAreaContent,
745
- X as ScrollAreaCorner,
746
- K as ScrollAreaRoot,
747
- U as ScrollAreaScrollbar,
748
- W as ScrollAreaThumb,
749
- O as ScrollAreaViewport,
750
- Y as SwitchRoot,
751
- Z as SwitchThumb,
752
- se as TabsIndicator,
753
- te as TabsList,
754
- ie as TabsPanel,
755
- ee as TabsRoot,
756
- oe as TabsTab
734
+ K as AvatarStack,
735
+ _ as Button,
736
+ pe as DialogBackdrop,
737
+ xe as DialogClose,
738
+ he as DialogDescription,
739
+ ve as DialogFooter,
740
+ Ne as DialogHeader,
741
+ be as DialogPopup,
742
+ ge as DialogPortal,
743
+ ue as DialogRoot,
744
+ ye as DialogTitle,
745
+ me as DialogTrigger,
746
+ Ae as DrawerBackdrop,
747
+ Re as DrawerClose,
748
+ Ce as DrawerContent,
749
+ Ve as DrawerDescription,
750
+ _e as DrawerFooter,
751
+ Se as DrawerHeader,
752
+ ze as DrawerPopup,
753
+ ke as DrawerPortal,
754
+ we as DrawerRoot,
755
+ Pe as DrawerTitle,
756
+ De as DrawerTrigger,
757
+ qe as MeterIndicator,
758
+ $e as MeterLabel,
759
+ Le as MeterRoot,
760
+ He as MeterTrack,
761
+ Ee as MeterValue,
762
+ Ke as ProgressIndicator,
763
+ Qe as ProgressLabel,
764
+ Ge as ProgressRoot,
765
+ Je as ProgressTrack,
766
+ Oe as ProgressValue,
767
+ U as ScrollAreaContent,
768
+ Y as ScrollAreaCorner,
769
+ O as ScrollAreaRoot,
770
+ W as ScrollAreaScrollbar,
771
+ X as ScrollAreaThumb,
772
+ Q as ScrollAreaViewport,
773
+ Z as SwitchRoot,
774
+ ee as SwitchThumb,
775
+ de as TabsIndicator,
776
+ se as TabsList,
777
+ ce as TabsPanel,
778
+ re as TabsRoot,
779
+ ie as TabsTab,
780
+ te as Toggle
757
781
  };
@@ -0,0 +1,5 @@
1
+ export type ToggleSize = 'sm' | 'default' | 'lg';
2
+ export declare const toggleVariants: (props?: ({
3
+ size?: "default" | "sm" | "lg" | null | undefined;
4
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
5
+ //# sourceMappingURL=toggle-variants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle-variants.d.ts","sourceRoot":"","sources":["../../src/lib/toggle-variants.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;AAEhD,eAAO,MAAM,cAAc;;8EAoB1B,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lglab/compose-ui",
3
- "version": "0.8.0",
3
+ "version": "0.9.0",
4
4
  "description": "A collection of components built with Base UI & Tailwind CSS",
5
5
  "author": "LGLab",
6
6
  "license": "MIT",
@@ -54,8 +54,8 @@
54
54
  "react-dom": "^19.2.3",
55
55
  "rollup-preserve-directives": "^1.1.3",
56
56
  "typescript": "~5.9.3",
57
- "typescript-eslint": "^8.51.0",
58
- "vite": "^7.3.0",
57
+ "typescript-eslint": "^8.52.0",
58
+ "vite": "^7.3.1",
59
59
  "vite-plugin-dts": "^4.5.4",
60
60
  "vite-plugin-static-copy": "^3.1.4"
61
61
  },