@lglab/compose-ui 0.6.0 → 0.8.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,30 @@
1
+ import { Progress as BaseProgress } from '@base-ui/react/progress';
2
+ import * as React from 'react';
3
+ type ProgressRootProps = React.ComponentProps<typeof BaseProgress.Root>;
4
+ declare const ProgressRoot: {
5
+ ({ className, ...props }: ProgressRootProps): import("react/jsx-runtime").JSX.Element;
6
+ displayName: string;
7
+ };
8
+ type ProgressTrackProps = React.ComponentProps<typeof BaseProgress.Track>;
9
+ declare const ProgressTrack: {
10
+ ({ className, ...props }: ProgressTrackProps): import("react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ };
13
+ type ProgressIndicatorProps = React.ComponentProps<typeof BaseProgress.Indicator>;
14
+ declare const ProgressIndicator: {
15
+ ({ className, ...props }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
16
+ displayName: string;
17
+ };
18
+ type ProgressValueProps = React.ComponentProps<typeof BaseProgress.Value>;
19
+ declare const ProgressValue: {
20
+ ({ className, ...props }: ProgressValueProps): import("react/jsx-runtime").JSX.Element;
21
+ displayName: string;
22
+ };
23
+ type ProgressLabelProps = React.ComponentProps<typeof BaseProgress.Label>;
24
+ declare const ProgressLabel: {
25
+ ({ className, ...props }: ProgressLabelProps): import("react/jsx-runtime").JSX.Element;
26
+ displayName: string;
27
+ };
28
+ export { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel };
29
+ export type { ProgressRootProps, ProgressTrackProps, ProgressIndicatorProps, ProgressValueProps, ProgressLabelProps, };
30
+ //# sourceMappingURL=progress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAA;AAEvE,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAUjE,CAAA;AAQD,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAA;AAEjF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAUzE,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAOjE,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAOjE,CAAA;AAQD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAEvF,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,GACnB,CAAA"}
@@ -0,0 +1,15 @@
1
+ import { Switch as BaseSwitch } from '@base-ui/react/switch';
2
+ import * as React from 'react';
3
+ type SwitchRootProps = React.ComponentProps<typeof BaseSwitch.Root>;
4
+ declare const SwitchRoot: {
5
+ ({ className, ...props }: SwitchRootProps): import("react/jsx-runtime").JSX.Element;
6
+ displayName: string;
7
+ };
8
+ type SwitchThumbProps = React.ComponentProps<typeof BaseSwitch.Thumb>;
9
+ declare const SwitchThumb: {
10
+ ({ className, ...props }: SwitchThumbProps): import("react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ };
13
+ export { SwitchRoot, SwitchThumb };
14
+ export type { SwitchRootProps, SwitchThumbProps };
15
+ //# sourceMappingURL=switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;8BAA6B,eAAe;;CAkB3D,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAErE,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAe7D,CAAA;AAQD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA;AAElC,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAA"}
package/dist/index.d.ts CHANGED
@@ -2,21 +2,23 @@ export { Button } from './components/button';
2
2
  export { AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, } from './components/alert-dialog';
3
3
  export { AlertDialog } from '@base-ui/react/alert-dialog';
4
4
  export { AvatarRoot, AvatarImage, AvatarFallback, AvatarStack } from './components/avatar';
5
- export { Avatar } from '@base-ui/react/avatar';
6
5
  export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './components/scroll-area';
6
+ export { SwitchRoot, SwitchThumb } from './components/switch';
7
7
  export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './components/tabs';
8
8
  export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, } from './components/dialog';
9
9
  export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
10
10
  export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, } from './components/accordion';
11
11
  export { MeterRoot, MeterTrack, MeterIndicator, MeterValue, MeterLabel, } from './components/meter';
12
- export { Meter } from '@base-ui/react/meter';
12
+ export { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel, } from './components/progress';
13
13
  export type { ButtonProps } from './components/button';
14
14
  export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogBackdropProps, AlertDialogViewportProps, AlertDialogPopupProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, } from './components/alert-dialog';
15
15
  export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarStackProps, } from './components/avatar';
16
16
  export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
17
+ export type { SwitchRootProps, SwitchThumbProps } from './components/switch';
17
18
  export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, } from './components/tabs';
18
19
  export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, } from './components/dialog';
19
20
  export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
20
21
  export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
21
22
  export type { MeterRootProps, MeterTrackProps, MeterIndicatorProps, MeterValueProps, MeterLabelProps, } from './components/meter';
23
+ export type { ProgressRootProps, ProgressTrackProps, ProgressIndicatorProps, ProgressValueProps, ProgressLabelProps, } from './components/progress';
22
24
  //# sourceMappingURL=index.d.ts.map
@@ -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,20 +1,20 @@
1
1
  "use client";
2
- import { jsx as t, jsxs as D } from "react/jsx-runtime";
3
- import { Button as z } from "@base-ui/react/button";
2
+ import { jsx as t, jsxs as k } from "react/jsx-runtime";
3
+ import { Button as R } from "@base-ui/react/button";
4
4
  import { cva as d } from "class-variance-authority";
5
- import { clsx as P } from "clsx";
6
- import { twMerge as V } from "tailwind-merge";
5
+ import { clsx as V } from "clsx";
6
+ import { twMerge as S } from "tailwind-merge";
7
7
  import { AlertDialog as n } from "@base-ui/react/alert-dialog";
8
- import { AlertDialog as Ye } from "@base-ui/react/alert-dialog";
9
- import { Avatar as h } from "@base-ui/react/avatar";
10
- import { Avatar as ea } from "@base-ui/react/avatar";
11
- import * as N from "react";
8
+ import { AlertDialog as da } from "@base-ui/react/alert-dialog";
9
+ import { Avatar as w } from "@base-ui/react/avatar";
10
+ import * as x from "react";
12
11
  import { ScrollArea as m } from "@base-ui/react/scroll-area";
12
+ import { Switch as A } from "@base-ui/react/switch";
13
13
  import { Tabs as f } from "@base-ui/react/tabs";
14
14
  import { Dialog as s } from "@base-ui/react/dialog";
15
15
  import { Accordion as b } from "@base-ui/react/accordion";
16
16
  import { Meter as y } from "@base-ui/react/meter";
17
- import { Meter as ta } from "@base-ui/react/meter";
17
+ import { Progress as N } from "@base-ui/react/progress";
18
18
  const u = d(
19
19
  [
20
20
  "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"
@@ -45,9 +45,9 @@ const u = d(
45
45
  }
46
46
  );
47
47
  function r(...e) {
48
- return V(P(e));
48
+ return S(V(e));
49
49
  }
50
- const R = ({
50
+ const C = ({
51
51
  className: e,
52
52
  variant: a,
53
53
  size: o,
@@ -55,7 +55,7 @@ const R = ({
55
55
  children: i,
56
56
  ...c
57
57
  }) => /* @__PURE__ */ t(
58
- z,
58
+ R,
59
59
  {
60
60
  className: r(u({ variant: a, size: o }), e),
61
61
  disabled: l,
@@ -63,10 +63,10 @@ const R = ({
63
63
  children: i
64
64
  }
65
65
  );
66
- R.displayName = "Button";
67
- const C = (e) => /* @__PURE__ */ t(n.Root, { ...e });
68
- C.displayName = "AlertDialogRoot";
69
- const S = ({
66
+ C.displayName = "Button";
67
+ const _ = (e) => /* @__PURE__ */ t(n.Root, { ...e });
68
+ _.displayName = "AlertDialogRoot";
69
+ const I = ({
70
70
  className: e,
71
71
  variant: a,
72
72
  size: o,
@@ -78,10 +78,10 @@ const S = ({
78
78
  ...l
79
79
  }
80
80
  );
81
- S.displayName = "AlertDialogTrigger";
81
+ I.displayName = "AlertDialogTrigger";
82
82
  const F = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
83
83
  F.displayName = "AlertDialogPortal";
84
- const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
84
+ const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
85
85
  n.Backdrop,
86
86
  {
87
87
  className: r(
@@ -93,16 +93,16 @@ const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
93
93
  ...a
94
94
  }
95
95
  );
96
- M.displayName = "AlertDialogBackdrop";
97
- const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
96
+ B.displayName = "AlertDialogBackdrop";
97
+ const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
98
98
  n.Viewport,
99
99
  {
100
100
  className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
101
101
  ...a
102
102
  }
103
103
  );
104
- B.displayName = "AlertDialogViewport";
105
- const I = d(
104
+ M.displayName = "AlertDialogViewport";
105
+ const j = d(
106
106
  [
107
107
  "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
108
108
  "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
@@ -126,14 +126,14 @@ const I = d(
126
126
  size: "default"
127
127
  }
128
128
  }
129
- ), j = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
129
+ ), L = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
130
130
  n.Popup,
131
131
  {
132
- className: r(I({ size: a }), e),
132
+ className: r(j({ size: a }), e),
133
133
  ...o
134
134
  }
135
135
  );
136
- j.displayName = "AlertDialogPopup";
136
+ L.displayName = "AlertDialogPopup";
137
137
  const H = ({ className: e, ...a }) => /* @__PURE__ */ t(
138
138
  n.Title,
139
139
  {
@@ -142,9 +142,9 @@ const H = ({ className: e, ...a }) => /* @__PURE__ */ t(
142
142
  }
143
143
  );
144
144
  H.displayName = "AlertDialogTitle";
145
- const L = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("mt-2", e), ...a });
146
- L.displayName = "AlertDialogDescription";
147
- const q = ({
145
+ const q = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("mt-2", e), ...a });
146
+ q.displayName = "AlertDialogDescription";
147
+ const E = ({
148
148
  className: e,
149
149
  variant: a,
150
150
  size: o,
@@ -156,8 +156,8 @@ const q = ({
156
156
  ...l
157
157
  }
158
158
  );
159
- q.displayName = "AlertDialogClose";
160
- const A = d(
159
+ E.displayName = "AlertDialogClose";
160
+ const T = d(
161
161
  [
162
162
  "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
163
163
  "bg-muted text-foreground",
@@ -175,18 +175,18 @@ const A = d(
175
175
  size: "default"
176
176
  }
177
177
  }
178
- ), k = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(h.Root, { className: r(A({ size: a }), e), ...o });
179
- k.displayName = "AvatarRoot";
180
- const _ = ({ className: e, ...a }) => /* @__PURE__ */ t(
181
- h.Image,
178
+ ), z = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(w.Root, { className: r(T({ size: a }), e), ...o });
179
+ z.displayName = "AvatarRoot";
180
+ const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(
181
+ w.Image,
182
182
  {
183
183
  className: r("aspect-square h-full w-full object-cover", e),
184
184
  ...a
185
185
  }
186
186
  );
187
- _.displayName = "AvatarImage";
188
- const E = ({ className: e, ...a }) => /* @__PURE__ */ t(
189
- h.Fallback,
187
+ $.displayName = "AvatarImage";
188
+ const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
189
+ w.Fallback,
190
190
  {
191
191
  className: r(
192
192
  "flex h-full w-full items-center justify-center font-medium",
@@ -195,50 +195,50 @@ const E = ({ className: e, ...a }) => /* @__PURE__ */ t(
195
195
  ...a
196
196
  }
197
197
  );
198
- E.displayName = "AvatarFallback";
199
- const $ = ({
198
+ G.displayName = "AvatarFallback";
199
+ const J = ({
200
200
  "aria-label": e,
201
201
  maxVisible: a,
202
202
  className: o,
203
203
  children: l
204
204
  }) => {
205
- const i = N.Children.toArray(l), c = i.length, g = a !== void 0 ? Math.min(a, c) : c, v = c - g, x = i.slice(0, g), T = (() => {
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
206
  const p = i[0];
207
- return N.isValidElement(p) && p.type === k ? p.props.size ?? "default" : "default";
207
+ return x.isValidElement(p) && p.type === z ? p.props.size ?? "default" : "default";
208
208
  })();
209
- return /* @__PURE__ */ D("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
210
- x.map((p, w) => /* @__PURE__ */ t("li", { children: p }, w)),
211
- v > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ D(
209
+ return /* @__PURE__ */ k("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
210
+ v.map((p, D) => /* @__PURE__ */ t("li", { children: p }, D)),
211
+ h > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ k(
212
212
  "span",
213
213
  {
214
214
  className: r(
215
215
  "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
216
216
  "bg-muted text-foreground border-2 border-background",
217
217
  "font-medium",
218
- A({ size: T })
218
+ T({ size: P })
219
219
  ),
220
220
  children: [
221
221
  "+",
222
- v
222
+ h
223
223
  ]
224
224
  }
225
225
  ) })
226
226
  ] });
227
227
  };
228
- $.displayName = "AvatarStack";
229
- const G = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Root, { className: r("relative", e), ...a });
230
- G.displayName = "ScrollAreaRoot";
231
- const J = ({ className: e, ...a }) => /* @__PURE__ */ t(
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(
232
232
  m.Viewport,
233
233
  {
234
234
  className: r("h-full overscroll-contain pr-3", e),
235
235
  ...a
236
236
  }
237
237
  );
238
- J.displayName = "ScrollAreaViewport";
239
- const K = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Content, { className: r("min-w-full", e), ...a });
240
- K.displayName = "ScrollAreaContent";
241
- const O = ({
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 = ({
242
242
  className: e,
243
243
  orientation: a = "vertical",
244
244
  ...o
@@ -256,8 +256,8 @@ const O = ({
256
256
  ...o
257
257
  }
258
258
  );
259
- O.displayName = "ScrollAreaScrollbar";
260
- const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
259
+ U.displayName = "ScrollAreaScrollbar";
260
+ const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
261
261
  m.Thumb,
262
262
  {
263
263
  className: r(
@@ -268,12 +268,47 @@ const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
268
268
  ...a
269
269
  }
270
270
  );
271
- Q.displayName = "ScrollAreaThumb";
272
- const U = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Corner, { className: r("bg-muted/50", e), ...a });
273
- U.displayName = "ScrollAreaCorner";
274
- const W = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Root, { className: r("flex flex-col", e), ...a });
275
- W.displayName = "TabsRoot";
276
- const X = d(
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(
275
+ A.Root,
276
+ {
277
+ className: r(
278
+ "relative flex h-6 w-10 rounded-full",
279
+ "bg-linear-to-r from-primary from-35% to-muted to-65% bg-size-[6.5rem_100%] bg-position-[100%_0%] bg-no-repeat",
280
+ "p-px",
281
+ "shadow-[inset_0_1.5px_2px] shadow-muted-foreground/20",
282
+ "transition-[background-position,box-shadow] duration-125 ease-[cubic-bezier(0.26,0.75,0.38,0.45)]",
283
+ "data-checked:bg-position-[0%_0%]",
284
+ "dark:from-primary/50 dark:shadow-none",
285
+ "dark:data-checked:bg-foreground",
286
+ "data-disabled:cursor-not-allowed data-disabled:opacity-70",
287
+ e
288
+ ),
289
+ ...a
290
+ }
291
+ );
292
+ Y.displayName = "SwitchRoot";
293
+ const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
294
+ A.Thumb,
295
+ {
296
+ className: r(
297
+ "aspect-square h-full rounded-full bg-background",
298
+ "shadow-[0_0_1px_1px,0_1px_1px,1px_2px_4px_-1px] shadow-muted-foreground/20",
299
+ "transition-all duration-150",
300
+ "data-checked:translate-x-4",
301
+ "dark:shadow-black/25 dark:bg-foreground dark:data-checked:bg-background",
302
+ "data-disabled:opacity-100",
303
+ e
304
+ ),
305
+ ...a
306
+ }
307
+ );
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(
277
312
  ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
278
313
  {
279
314
  variants: {
@@ -286,15 +321,15 @@ const X = d(
286
321
  orientation: "horizontal"
287
322
  }
288
323
  }
289
- ), Y = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
324
+ ), te = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
290
325
  f.List,
291
326
  {
292
- className: r(X({ orientation: a }), e),
327
+ className: r(ae({ orientation: a }), e),
293
328
  ...o
294
329
  }
295
330
  );
296
- Y.displayName = "TabsList";
297
- const Z = d(
331
+ te.displayName = "TabsList";
332
+ const re = d(
298
333
  [
299
334
  "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
300
335
  "rounded-md px-3 py-1.5 text-sm font-medium",
@@ -315,9 +350,9 @@ const Z = d(
315
350
  size: "default"
316
351
  }
317
352
  }
318
- ), ee = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(f.Tab, { className: r(Z({ size: a }), e), ...o });
319
- ee.displayName = "TabsTab";
320
- const ae = d(
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(
321
356
  ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
322
357
  {
323
358
  variants: {
@@ -330,33 +365,33 @@ const ae = d(
330
365
  orientation: "horizontal"
331
366
  }
332
367
  }
333
- ), te = ({
368
+ ), se = ({
334
369
  className: e,
335
370
  orientation: a = "horizontal",
336
371
  ...o
337
372
  }) => /* @__PURE__ */ t(
338
373
  f.Indicator,
339
374
  {
340
- className: r(ae({ orientation: a }), e),
375
+ className: r(le({ orientation: a }), e),
341
376
  ...o
342
377
  }
343
378
  );
344
- te.displayName = "TabsIndicator";
345
- const re = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
346
- re.displayName = "TabsPanel";
347
- const oe = (e) => /* @__PURE__ */ t(s.Root, { ...e });
348
- oe.displayName = "DialogRoot";
349
- const le = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
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(
350
385
  s.Trigger,
351
386
  {
352
387
  className: r(u({ variant: a, size: o }), e),
353
388
  ...l
354
389
  }
355
390
  );
356
- le.displayName = "DialogTrigger";
357
- const se = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
358
- se.displayName = "DialogPortal";
359
- const ie = ({ className: e, ...a }) => /* @__PURE__ */ t(
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(
360
395
  s.Backdrop,
361
396
  {
362
397
  className: r(
@@ -368,8 +403,8 @@ const ie = ({ className: e, ...a }) => /* @__PURE__ */ t(
368
403
  ...a
369
404
  }
370
405
  );
371
- ie.displayName = "DialogBackdrop";
372
- const ne = d(
406
+ ue.displayName = "DialogBackdrop";
407
+ const me = d(
373
408
  [
374
409
  "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
375
410
  "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
@@ -393,35 +428,35 @@ const ne = d(
393
428
  size: "default"
394
429
  }
395
430
  }
396
- ), de = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
431
+ ), ge = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
397
432
  s.Popup,
398
433
  {
399
- className: r(ne({ size: a }), e),
434
+ className: r(me({ size: a }), e),
400
435
  ...o
401
436
  }
402
437
  );
403
- de.displayName = "DialogPopup";
404
- const ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
438
+ ge.displayName = "DialogPopup";
439
+ const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
405
440
  s.Title,
406
441
  {
407
442
  className: r("text-lg font-semibold leading-none tracking-tight", e),
408
443
  ...a
409
444
  }
410
445
  );
411
- ce.displayName = "DialogTitle";
412
- const ue = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("mt-2", e), ...a });
413
- ue.displayName = "DialogDescription";
414
- const me = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
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(
415
450
  s.Close,
416
451
  {
417
452
  className: r(u({ variant: a ?? "outline", size: o }), e),
418
453
  ...l
419
454
  }
420
455
  );
421
- me.displayName = "DialogClose";
422
- const ge = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
423
- ge.displayName = "DialogHeader";
424
- const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
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(
425
460
  "div",
426
461
  {
427
462
  className: r(
@@ -431,20 +466,20 @@ const pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
431
466
  ...a
432
467
  }
433
468
  );
434
- pe.displayName = "DialogFooter";
435
- const fe = (e) => /* @__PURE__ */ t(s.Root, { ...e });
436
- fe.displayName = "DrawerRoot";
437
- const be = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
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(
438
473
  s.Trigger,
439
474
  {
440
475
  className: r(u({ variant: a, size: o }), e),
441
476
  ...l
442
477
  }
443
478
  );
444
- be.displayName = "DrawerTrigger";
445
- const ye = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
446
- ye.displayName = "DrawerPortal";
447
- const ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
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(
448
483
  s.Backdrop,
449
484
  {
450
485
  className: r(
@@ -456,8 +491,8 @@ const ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
456
491
  ...a
457
492
  }
458
493
  );
459
- ve.displayName = "DrawerBackdrop";
460
- const Ne = d(
494
+ we.displayName = "DrawerBackdrop";
495
+ const De = d(
461
496
  [
462
497
  "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
463
498
  "transition-transform duration-300 ease-out",
@@ -493,51 +528,51 @@ const Ne = d(
493
528
  side: "right"
494
529
  }
495
530
  }
496
- ), xe = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
531
+ ), ke = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
497
532
  s.Popup,
498
533
  {
499
- className: r(Ne({ side: a }), e),
534
+ className: r(De({ side: a }), e),
500
535
  ...o
501
536
  }
502
537
  );
503
- xe.displayName = "DrawerPopup";
504
- const he = ({ className: e, ...a }) => /* @__PURE__ */ t(
538
+ ke.displayName = "DrawerPopup";
539
+ const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
505
540
  s.Title,
506
541
  {
507
542
  className: r("text-lg font-semibold leading-none tracking-tight", e),
508
543
  ...a
509
544
  }
510
545
  );
511
- he.displayName = "DrawerTitle";
512
- const we = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("", e), ...a });
513
- we.displayName = "DrawerDescription";
514
- const De = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
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(
515
550
  s.Close,
516
551
  {
517
552
  className: r(u({ variant: a ?? "outline", size: o }), e),
518
553
  ...l
519
554
  }
520
555
  );
521
- De.displayName = "DrawerClose";
522
- const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
523
- Ae.displayName = "DrawerHeader";
524
- const ke = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
525
- ke.displayName = "DrawerContent";
526
- const Te = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
527
- Te.displayName = "DrawerFooter";
528
- const ze = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Root, { className: r("w-full", e), ...a });
529
- ze.displayName = "AccordionRoot";
530
- const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t(
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(
531
566
  b.Item,
532
567
  {
533
568
  className: r("border-b border-border last:border-b-0", e),
534
569
  ...a
535
570
  }
536
571
  );
537
- Pe.displayName = "AccordionItem";
538
- const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Header, { className: r("flex", e), ...a });
539
- Ve.displayName = "AccordionHeader";
540
- const Re = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
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(
541
576
  b.Trigger,
542
577
  {
543
578
  className: r(
@@ -548,8 +583,8 @@ const Re = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
548
583
  children: a
549
584
  }
550
585
  );
551
- Re.displayName = "AccordionTrigger";
552
- const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
586
+ Ie.displayName = "AccordionTrigger";
587
+ const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
553
588
  b.Panel,
554
589
  {
555
590
  className: r(
@@ -559,24 +594,24 @@ const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
559
594
  ...a
560
595
  }
561
596
  );
562
- Ce.displayName = "AccordionPanel";
563
- const Se = ({ className: e, animated: a, value: o, ...l }) => {
564
- const i = o ?? 0, [c, g] = N.useState(a ? 0 : i);
565
- return N.useEffect(() => {
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(() => {
566
601
  if (a) {
567
- const v = requestAnimationFrame(() => {
568
- const x = requestAnimationFrame(() => {
602
+ const h = requestAnimationFrame(() => {
603
+ const v = requestAnimationFrame(() => {
569
604
  g(i ?? 0);
570
605
  });
571
- return () => cancelAnimationFrame(x);
606
+ return () => cancelAnimationFrame(v);
572
607
  });
573
- return () => cancelAnimationFrame(v);
608
+ return () => cancelAnimationFrame(h);
574
609
  } else
575
610
  g(i ?? 0);
576
611
  }, [a, i]), /* @__PURE__ */ t(y.Root, { className: r("w-full", e), value: c, ...l });
577
612
  };
578
- Se.displayName = "MeterRoot";
579
- const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
613
+ Be.displayName = "MeterRoot";
614
+ const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
580
615
  y.Track,
581
616
  {
582
617
  className: r(
@@ -586,8 +621,8 @@ const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
586
621
  ...a
587
622
  }
588
623
  );
589
- Fe.displayName = "MeterTrack";
590
- const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
624
+ Me.displayName = "MeterTrack";
625
+ const je = ({ className: e, ...a }) => /* @__PURE__ */ t(
591
626
  y.Indicator,
592
627
  {
593
628
  className: r(
@@ -597,81 +632,126 @@ const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
597
632
  ...a
598
633
  }
599
634
  );
600
- Me.displayName = "MeterIndicator";
601
- const Be = ({ className: e, ...a }) => /* @__PURE__ */ t(
635
+ je.displayName = "MeterIndicator";
636
+ const Le = ({ className: e, ...a }) => /* @__PURE__ */ t(
602
637
  y.Value,
603
638
  {
604
639
  className: r("text-sm font-medium text-foreground", e),
605
640
  ...a
606
641
  }
607
642
  );
608
- Be.displayName = "MeterValue";
609
- const Ie = ({ className: e, ...a }) => /* @__PURE__ */ t(
643
+ Le.displayName = "MeterValue";
644
+ const He = ({ className: e, ...a }) => /* @__PURE__ */ t(
610
645
  y.Label,
611
646
  {
612
647
  className: r("text-sm font-medium text-foreground", e),
613
648
  ...a
614
649
  }
615
650
  );
616
- Ie.displayName = "MeterLabel";
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,
656
+ {
657
+ className: r(
658
+ "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
659
+ e
660
+ ),
661
+ ...a
662
+ }
663
+ );
664
+ Ee.displayName = "ProgressTrack";
665
+ const $e = ({ className: e, ...a }) => /* @__PURE__ */ t(
666
+ N.Indicator,
667
+ {
668
+ className: r(
669
+ "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
670
+ e
671
+ ),
672
+ ...a
673
+ }
674
+ );
675
+ $e.displayName = "ProgressIndicator";
676
+ const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(
677
+ N.Value,
678
+ {
679
+ className: r("text-sm font-medium text-foreground", e),
680
+ ...a
681
+ }
682
+ );
683
+ Ge.displayName = "ProgressValue";
684
+ const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
685
+ N.Label,
686
+ {
687
+ className: r("text-sm font-medium text-foreground", e),
688
+ ...a
689
+ }
690
+ );
691
+ Je.displayName = "ProgressLabel";
617
692
  export {
618
- Ve as AccordionHeader,
619
- Pe as AccordionItem,
620
- Ce as AccordionPanel,
621
- ze as AccordionRoot,
622
- Re as AccordionTrigger,
623
- Ye as AlertDialog,
624
- M as AlertDialogBackdrop,
625
- q as AlertDialogClose,
626
- L as AlertDialogDescription,
627
- j as AlertDialogPopup,
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,
628
703
  F as AlertDialogPortal,
629
- C as AlertDialogRoot,
704
+ _ as AlertDialogRoot,
630
705
  H as AlertDialogTitle,
631
- S as AlertDialogTrigger,
632
- B as AlertDialogViewport,
633
- ea as Avatar,
634
- E as AvatarFallback,
635
- _ as AvatarImage,
636
- k as AvatarRoot,
637
- $ as AvatarStack,
638
- R as Button,
639
- ie as DialogBackdrop,
640
- me as DialogClose,
641
- ue as DialogDescription,
642
- pe as DialogFooter,
643
- ge as DialogHeader,
644
- de as DialogPopup,
645
- se as DialogPortal,
646
- oe as DialogRoot,
647
- ce as DialogTitle,
648
- le as DialogTrigger,
649
- ve as DrawerBackdrop,
650
- De as DrawerClose,
651
- ke as DrawerContent,
652
- we as DrawerDescription,
653
- Te as DrawerFooter,
654
- Ae as DrawerHeader,
655
- xe as DrawerPopup,
656
- ye as DrawerPortal,
657
- fe as DrawerRoot,
658
- he as DrawerTitle,
659
- be as DrawerTrigger,
660
- ta as Meter,
661
- Me as MeterIndicator,
662
- Ie as MeterLabel,
663
- Se as MeterRoot,
664
- Fe as MeterTrack,
665
- Be as MeterValue,
666
- K as ScrollAreaContent,
667
- U as ScrollAreaCorner,
668
- G as ScrollAreaRoot,
669
- O as ScrollAreaScrollbar,
670
- Q as ScrollAreaThumb,
671
- J as ScrollAreaViewport,
672
- te as TabsIndicator,
673
- Y as TabsList,
674
- re as TabsPanel,
675
- W as TabsRoot,
676
- ee as TabsTab
706
+ I as AlertDialogTrigger,
707
+ M as AlertDialogViewport,
708
+ G as AvatarFallback,
709
+ $ as AvatarImage,
710
+ 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
677
757
  };
@@ -78,7 +78,7 @@
78
78
 
79
79
  @layer base {
80
80
  * {
81
- @apply focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-disabled:pointer-events-none data-disabled:opacity-80;
81
+ @apply focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-disabled:pointer-events-none data-disabled:opacity-70;
82
82
  }
83
83
  }
84
84
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lglab/compose-ui",
3
- "version": "0.6.0",
3
+ "version": "0.8.0",
4
4
  "description": "A collection of components built with Base UI & Tailwind CSS",
5
5
  "author": "LGLab",
6
6
  "license": "MIT",