@lglab/compose-ui 0.4.0 → 0.6.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,38 @@
1
+ import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
2
+ import * as React from 'react';
3
+ type AvatarSize = 'sm' | 'default' | 'lg';
4
+ type AvatarRootProps = React.ComponentProps<typeof BaseAvatar.Root> & {
5
+ /** Size of the avatar */
6
+ size?: AvatarSize;
7
+ };
8
+ declare const AvatarRoot: {
9
+ ({ className, size, ...props }: AvatarRootProps): import("react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
12
+ type AvatarImageProps = React.ComponentProps<typeof BaseAvatar.Image>;
13
+ declare const AvatarImage: {
14
+ ({ className, ...props }: AvatarImageProps): import("react/jsx-runtime").JSX.Element;
15
+ displayName: string;
16
+ };
17
+ type AvatarFallbackProps = React.ComponentProps<typeof BaseAvatar.Fallback>;
18
+ declare const AvatarFallback: {
19
+ ({ className, ...props }: AvatarFallbackProps): import("react/jsx-runtime").JSX.Element;
20
+ displayName: string;
21
+ };
22
+ type AvatarStackProps = {
23
+ /** ARIA label for the avatar stack list */
24
+ 'aria-label': string;
25
+ /** Maximum number of avatars to display before showing overflow indicator */
26
+ maxVisible?: number;
27
+ /** Additional CSS classes */
28
+ className?: string;
29
+ /** Avatar components to display */
30
+ children: React.ReactNode;
31
+ };
32
+ declare const AvatarStack: {
33
+ ({ "aria-label": ariaLabel, maxVisible, className, children, }: AvatarStackProps): import("react/jsx-runtime").JSX.Element;
34
+ displayName: string;
35
+ };
36
+ export { AvatarRoot, AvatarImage, AvatarFallback, AvatarStack };
37
+ export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarStackProps };
38
+ //# sourceMappingURL=avatar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,KAAK,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;AAMzC,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG;IACpE,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,UAAU;oCAAmC,eAAe;;CAIjE,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAErE,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAO7D,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAUnE,CAAA;AAQD,KAAK,gBAAgB,GAAG;IACtB,2CAA2C;IAC3C,YAAY,EAAE,MAAM,CAAA;IACpB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,WAAW;oEAKd,gBAAgB;;CAyClB,CAAA;AAQD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,CAAA;AAE/D,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}
@@ -0,0 +1,33 @@
1
+ import { Meter as BaseMeter } from '@base-ui/react/meter';
2
+ import * as React from 'react';
3
+ type MeterRootProps = React.ComponentProps<typeof BaseMeter.Root> & {
4
+ /** Whether to animate the meter from 0 to its value on mount */
5
+ animated?: boolean;
6
+ };
7
+ declare const MeterRoot: {
8
+ ({ className, animated, value, ...props }: MeterRootProps): import("react/jsx-runtime").JSX.Element;
9
+ displayName: string;
10
+ };
11
+ type MeterTrackProps = React.ComponentProps<typeof BaseMeter.Track>;
12
+ declare const MeterTrack: {
13
+ ({ className, ...props }: MeterTrackProps): import("react/jsx-runtime").JSX.Element;
14
+ displayName: string;
15
+ };
16
+ type MeterIndicatorProps = React.ComponentProps<typeof BaseMeter.Indicator>;
17
+ declare const MeterIndicator: {
18
+ ({ className, ...props }: MeterIndicatorProps): import("react/jsx-runtime").JSX.Element;
19
+ displayName: string;
20
+ };
21
+ type MeterValueProps = React.ComponentProps<typeof BaseMeter.Value>;
22
+ declare const MeterValue: {
23
+ ({ className, ...props }: MeterValueProps): import("react/jsx-runtime").JSX.Element;
24
+ displayName: string;
25
+ };
26
+ type MeterLabelProps = React.ComponentProps<typeof BaseMeter.Label>;
27
+ declare const MeterLabel: {
28
+ ({ className, ...props }: MeterLabelProps): import("react/jsx-runtime").JSX.Element;
29
+ displayName: string;
30
+ };
31
+ export { MeterRoot, MeterTrack, MeterIndicator, MeterValue, MeterLabel };
32
+ export type { MeterRootProps, MeterTrackProps, MeterIndicatorProps, MeterValueProps, MeterLabelProps, };
33
+ //# sourceMappingURL=meter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"meter.d.ts","sourceRoot":"","sources":["../../src/components/meter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG;IAClE,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,SAAS;+CAA8C,cAAc;;CAuB1E,CAAA;AAQD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;8BAA6B,eAAe;;CAU3D,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAUnE,CAAA;AAQD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;8BAA6B,eAAe;;CAO3D,CAAA;AAQD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;8BAA6B,eAAe;;CAO3D,CAAA;AAQD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA;AAExE,YAAY,EACV,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,eAAe,GAChB,CAAA"}
package/dist/index.d.ts CHANGED
@@ -1,16 +1,22 @@
1
1
  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
+ export { AvatarRoot, AvatarImage, AvatarFallback, AvatarStack } from './components/avatar';
5
+ export { Avatar } from '@base-ui/react/avatar';
4
6
  export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './components/scroll-area';
5
7
  export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './components/tabs';
6
8
  export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, } from './components/dialog';
7
9
  export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
8
10
  export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, } from './components/accordion';
11
+ export { MeterRoot, MeterTrack, MeterIndicator, MeterValue, MeterLabel, } from './components/meter';
12
+ export { Meter } from '@base-ui/react/meter';
9
13
  export type { ButtonProps } from './components/button';
10
14
  export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogBackdropProps, AlertDialogViewportProps, AlertDialogPopupProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, } from './components/alert-dialog';
15
+ export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarStackProps, } from './components/avatar';
11
16
  export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
12
17
  export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, } from './components/tabs';
13
18
  export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, } from './components/dialog';
14
19
  export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
15
20
  export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
21
+ export type { MeterRootProps, MeterTrackProps, MeterIndicatorProps, MeterValueProps, MeterLabelProps, } from './components/meter';
16
22
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACzF,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,cAAc,GACf,MAAM,wBAAwB,CAAA;AAE/B,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,2BAA2B,CAAA;AAClC,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,0BAA0B,CAAA;AACjC,YAAY,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,cAAc,GACf,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,wBAAwB,CAAA"}
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,16 +1,21 @@
1
1
  "use client";
2
- import { jsx as t } from "react/jsx-runtime";
3
- import { Button as f } from "@base-ui/react/button";
4
- import { cva as n } from "class-variance-authority";
5
- import { clsx as b } from "clsx";
6
- import { twMerge as y } from "tailwind-merge";
7
- import { AlertDialog as i } from "@base-ui/react/alert-dialog";
8
- import { AlertDialog as Va } from "@base-ui/react/alert-dialog";
9
- import { ScrollArea as c } from "@base-ui/react/scroll-area";
10
- import { Tabs as g } from "@base-ui/react/tabs";
11
- import { Dialog as l } from "@base-ui/react/dialog";
12
- import { Accordion as u } from "@base-ui/react/accordion";
13
- const d = n(
2
+ import { jsx as t, jsxs as D } from "react/jsx-runtime";
3
+ import { Button as z } from "@base-ui/react/button";
4
+ import { cva as d } from "class-variance-authority";
5
+ import { clsx as P } from "clsx";
6
+ import { twMerge as V } from "tailwind-merge";
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";
12
+ import { ScrollArea as m } from "@base-ui/react/scroll-area";
13
+ import { Tabs as f } from "@base-ui/react/tabs";
14
+ import { Dialog as s } from "@base-ui/react/dialog";
15
+ import { Accordion as b } from "@base-ui/react/accordion";
16
+ import { Meter as y } from "@base-ui/react/meter";
17
+ import { Meter as ta } from "@base-ui/react/meter";
18
+ const u = d(
14
19
  [
15
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"
16
21
  ],
@@ -39,65 +44,65 @@ const d = n(
39
44
  }
40
45
  }
41
46
  );
42
- function r(...a) {
43
- return y(b(a));
47
+ function r(...e) {
48
+ return V(P(e));
44
49
  }
45
- const N = ({
46
- className: a,
47
- variant: e,
50
+ const R = ({
51
+ className: e,
52
+ variant: a,
48
53
  size: o,
49
- disabled: s,
50
- children: p,
51
- ...m
54
+ disabled: l,
55
+ children: i,
56
+ ...c
52
57
  }) => /* @__PURE__ */ t(
53
- f,
58
+ z,
54
59
  {
55
- className: r(d({ variant: e, size: o }), a),
56
- disabled: s,
57
- ...m,
58
- children: p
60
+ className: r(u({ variant: a, size: o }), e),
61
+ disabled: l,
62
+ ...c,
63
+ children: i
59
64
  }
60
65
  );
61
- N.displayName = "Button";
62
- const v = (a) => /* @__PURE__ */ t(i.Root, { ...a });
63
- v.displayName = "AlertDialogRoot";
64
- const x = ({
65
- className: a,
66
- variant: e,
66
+ R.displayName = "Button";
67
+ const C = (e) => /* @__PURE__ */ t(n.Root, { ...e });
68
+ C.displayName = "AlertDialogRoot";
69
+ const S = ({
70
+ className: e,
71
+ variant: a,
67
72
  size: o,
68
- ...s
73
+ ...l
69
74
  }) => /* @__PURE__ */ t(
70
- i.Trigger,
75
+ n.Trigger,
71
76
  {
72
- className: r(d({ variant: e, size: o }), a),
73
- ...s
77
+ className: r(u({ variant: a, size: o }), e),
78
+ ...l
74
79
  }
75
80
  );
76
- x.displayName = "AlertDialogTrigger";
77
- const D = (a) => /* @__PURE__ */ t(i.Portal, { ...a });
78
- D.displayName = "AlertDialogPortal";
79
- const h = ({ className: a, ...e }) => /* @__PURE__ */ t(
80
- i.Backdrop,
81
+ S.displayName = "AlertDialogTrigger";
82
+ const F = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
83
+ F.displayName = "AlertDialogPortal";
84
+ const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
85
+ n.Backdrop,
81
86
  {
82
87
  className: r(
83
88
  "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
84
89
  "transition-opacity duration-200",
85
90
  "data-starting-style:opacity-0 data-ending-style:opacity-0",
86
- a
91
+ e
87
92
  ),
88
- ...e
93
+ ...a
89
94
  }
90
95
  );
91
- h.displayName = "AlertDialogBackdrop";
92
- const w = ({ className: a, ...e }) => /* @__PURE__ */ t(
93
- i.Viewport,
96
+ M.displayName = "AlertDialogBackdrop";
97
+ const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
98
+ n.Viewport,
94
99
  {
95
- className: r("fixed inset-0 z-50 flex items-center justify-center p-4", a),
96
- ...e
100
+ className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
101
+ ...a
97
102
  }
98
103
  );
99
- w.displayName = "AlertDialogViewport";
100
- const A = n(
104
+ B.displayName = "AlertDialogViewport";
105
+ const I = d(
101
106
  [
102
107
  "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
103
108
  "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
@@ -121,85 +126,154 @@ const A = n(
121
126
  size: "default"
122
127
  }
123
128
  }
124
- ), T = ({ className: a, size: e, ...o }) => /* @__PURE__ */ t(
125
- i.Popup,
129
+ ), j = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
130
+ n.Popup,
126
131
  {
127
- className: r(A({ size: e }), a),
132
+ className: r(I({ size: a }), e),
128
133
  ...o
129
134
  }
130
135
  );
131
- T.displayName = "AlertDialogPopup";
132
- const k = ({ className: a, ...e }) => /* @__PURE__ */ t(
133
- i.Title,
136
+ j.displayName = "AlertDialogPopup";
137
+ const H = ({ className: e, ...a }) => /* @__PURE__ */ t(
138
+ n.Title,
134
139
  {
135
- className: r("text-lg font-semibold leading-none tracking-tight", a),
136
- ...e
140
+ className: r("text-lg font-semibold leading-none tracking-tight", e),
141
+ ...a
137
142
  }
138
143
  );
139
- k.displayName = "AlertDialogTitle";
140
- const z = ({ className: a, ...e }) => /* @__PURE__ */ t(i.Description, { className: r("mt-2", a), ...e });
141
- z.displayName = "AlertDialogDescription";
142
- const P = ({
143
- className: a,
144
- variant: e,
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 = ({
148
+ className: e,
149
+ variant: a,
145
150
  size: o,
146
- ...s
151
+ ...l
147
152
  }) => /* @__PURE__ */ t(
148
- i.Close,
153
+ n.Close,
149
154
  {
150
- className: r(d({ variant: e ?? "outline", size: o }), a),
151
- ...s
155
+ className: r(u({ variant: a ?? "outline", size: o }), e),
156
+ ...l
152
157
  }
153
158
  );
154
- P.displayName = "AlertDialogClose";
155
- const V = ({ className: a, ...e }) => /* @__PURE__ */ t(c.Root, { className: r("relative", a), ...e });
156
- V.displayName = "ScrollAreaRoot";
157
- const R = ({ className: a, ...e }) => /* @__PURE__ */ t(
158
- c.Viewport,
159
+ q.displayName = "AlertDialogClose";
160
+ const A = d(
161
+ [
162
+ "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
163
+ "bg-muted text-foreground",
164
+ "border-2 border-background"
165
+ ],
159
166
  {
160
- className: r("h-full overscroll-contain pr-3", a),
161
- ...e
167
+ variants: {
168
+ size: {
169
+ sm: "size-8 text-xs",
170
+ default: "size-10 text-sm",
171
+ lg: "size-12 text-base"
172
+ }
173
+ },
174
+ defaultVariants: {
175
+ size: "default"
176
+ }
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,
182
+ {
183
+ className: r("aspect-square h-full w-full object-cover", e),
184
+ ...a
162
185
  }
163
186
  );
164
- R.displayName = "ScrollAreaViewport";
165
- const C = ({ className: a, ...e }) => /* @__PURE__ */ t(c.Content, { className: r("min-w-full", a), ...e });
166
- C.displayName = "ScrollAreaContent";
167
- const S = ({
168
- className: a,
169
- orientation: e = "vertical",
187
+ _.displayName = "AvatarImage";
188
+ const E = ({ className: e, ...a }) => /* @__PURE__ */ t(
189
+ h.Fallback,
190
+ {
191
+ className: r(
192
+ "flex h-full w-full items-center justify-center font-medium",
193
+ e
194
+ ),
195
+ ...a
196
+ }
197
+ );
198
+ E.displayName = "AvatarFallback";
199
+ const $ = ({
200
+ "aria-label": e,
201
+ maxVisible: a,
202
+ className: o,
203
+ children: l
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 = (() => {
206
+ const p = i[0];
207
+ return N.isValidElement(p) && p.type === k ? p.props.size ?? "default" : "default";
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(
212
+ "span",
213
+ {
214
+ className: r(
215
+ "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
216
+ "bg-muted text-foreground border-2 border-background",
217
+ "font-medium",
218
+ A({ size: T })
219
+ ),
220
+ children: [
221
+ "+",
222
+ v
223
+ ]
224
+ }
225
+ ) })
226
+ ] });
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(
232
+ m.Viewport,
233
+ {
234
+ className: r("h-full overscroll-contain pr-3", e),
235
+ ...a
236
+ }
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 = ({
242
+ className: e,
243
+ orientation: a = "vertical",
170
244
  ...o
171
245
  }) => /* @__PURE__ */ t(
172
- c.Scrollbar,
246
+ m.Scrollbar,
173
247
  {
174
248
  className: r(
175
249
  "flex touch-none select-none p-0.5 transition-colors duration-150 ease-out",
176
250
  "data-hovering:bg-muted/50",
177
- e === "vertical" && "h-full w-2.5",
178
- e === "horizontal" && "h-2.5 w-full flex-col",
179
- a
251
+ a === "vertical" && "h-full w-2.5",
252
+ a === "horizontal" && "h-2.5 w-full flex-col",
253
+ e
180
254
  ),
181
- orientation: e,
255
+ orientation: a,
182
256
  ...o
183
257
  }
184
258
  );
185
- S.displayName = "ScrollAreaScrollbar";
186
- const B = ({ className: a, ...e }) => /* @__PURE__ */ t(
187
- c.Thumb,
259
+ O.displayName = "ScrollAreaScrollbar";
260
+ const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
261
+ m.Thumb,
188
262
  {
189
263
  className: r(
190
264
  "relative flex-1 rounded-full bg-border transition-colors",
191
265
  "hover:bg-muted-foreground/50",
192
- a
266
+ e
193
267
  ),
194
- ...e
268
+ ...a
195
269
  }
196
270
  );
197
- B.displayName = "ScrollAreaThumb";
198
- const H = ({ className: a, ...e }) => /* @__PURE__ */ t(c.Corner, { className: r("bg-muted/50", a), ...e });
199
- H.displayName = "ScrollAreaCorner";
200
- const I = ({ className: a, ...e }) => /* @__PURE__ */ t(g.Root, { className: r("flex flex-col", a), ...e });
201
- I.displayName = "TabsRoot";
202
- const j = n(
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(
203
277
  ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
204
278
  {
205
279
  variants: {
@@ -212,15 +286,15 @@ const j = n(
212
286
  orientation: "horizontal"
213
287
  }
214
288
  }
215
- ), F = ({ className: a, orientation: e = "horizontal", ...o }) => /* @__PURE__ */ t(
216
- g.List,
289
+ ), Y = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
290
+ f.List,
217
291
  {
218
- className: r(j({ orientation: e }), a),
292
+ className: r(X({ orientation: a }), e),
219
293
  ...o
220
294
  }
221
295
  );
222
- F.displayName = "TabsList";
223
- const L = n(
296
+ Y.displayName = "TabsList";
297
+ const Z = d(
224
298
  [
225
299
  "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
226
300
  "rounded-md px-3 py-1.5 text-sm font-medium",
@@ -241,9 +315,9 @@ const L = n(
241
315
  size: "default"
242
316
  }
243
317
  }
244
- ), _ = ({ className: a, size: e, ...o }) => /* @__PURE__ */ t(g.Tab, { className: r(L({ size: e }), a), ...o });
245
- _.displayName = "TabsTab";
246
- const M = n(
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(
247
321
  ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
248
322
  {
249
323
  variants: {
@@ -256,46 +330,46 @@ const M = n(
256
330
  orientation: "horizontal"
257
331
  }
258
332
  }
259
- ), $ = ({
260
- className: a,
261
- orientation: e = "horizontal",
333
+ ), te = ({
334
+ className: e,
335
+ orientation: a = "horizontal",
262
336
  ...o
263
337
  }) => /* @__PURE__ */ t(
264
- g.Indicator,
338
+ f.Indicator,
265
339
  {
266
- className: r(M({ orientation: e }), a),
340
+ className: r(ae({ orientation: a }), e),
267
341
  ...o
268
342
  }
269
343
  );
270
- $.displayName = "TabsIndicator";
271
- const q = ({ className: a, ...e }) => /* @__PURE__ */ t(g.Panel, { className: r("mt-2 ring-offset-background", a), ...e });
272
- q.displayName = "TabsPanel";
273
- const E = (a) => /* @__PURE__ */ t(l.Root, { ...a });
274
- E.displayName = "DialogRoot";
275
- const G = ({ className: a, variant: e, size: o, ...s }) => /* @__PURE__ */ t(
276
- l.Trigger,
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(
350
+ s.Trigger,
277
351
  {
278
- className: r(d({ variant: e, size: o }), a),
279
- ...s
352
+ className: r(u({ variant: a, size: o }), e),
353
+ ...l
280
354
  }
281
355
  );
282
- G.displayName = "DialogTrigger";
283
- const J = (a) => /* @__PURE__ */ t(l.Portal, { ...a });
284
- J.displayName = "DialogPortal";
285
- const K = ({ className: a, ...e }) => /* @__PURE__ */ t(
286
- l.Backdrop,
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(
360
+ s.Backdrop,
287
361
  {
288
362
  className: r(
289
363
  "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
290
364
  "transition-opacity duration-200",
291
365
  "data-starting-style:opacity-0 data-ending-style:opacity-0",
292
- a
366
+ e
293
367
  ),
294
- ...e
368
+ ...a
295
369
  }
296
370
  );
297
- K.displayName = "DialogBackdrop";
298
- const O = n(
371
+ ie.displayName = "DialogBackdrop";
372
+ const ne = d(
299
373
  [
300
374
  "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
301
375
  "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
@@ -319,71 +393,71 @@ const O = n(
319
393
  size: "default"
320
394
  }
321
395
  }
322
- ), Q = ({ className: a, size: e, ...o }) => /* @__PURE__ */ t(
323
- l.Popup,
396
+ ), de = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
397
+ s.Popup,
324
398
  {
325
- className: r(O({ size: e }), a),
399
+ className: r(ne({ size: a }), e),
326
400
  ...o
327
401
  }
328
402
  );
329
- Q.displayName = "DialogPopup";
330
- const U = ({ className: a, ...e }) => /* @__PURE__ */ t(
331
- l.Title,
403
+ de.displayName = "DialogPopup";
404
+ const ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
405
+ s.Title,
332
406
  {
333
- className: r("text-lg font-semibold leading-none tracking-tight", a),
334
- ...e
407
+ className: r("text-lg font-semibold leading-none tracking-tight", e),
408
+ ...a
335
409
  }
336
410
  );
337
- U.displayName = "DialogTitle";
338
- const W = ({ className: a, ...e }) => /* @__PURE__ */ t(l.Description, { className: r("mt-2", a), ...e });
339
- W.displayName = "DialogDescription";
340
- const X = ({ className: a, variant: e, size: o, ...s }) => /* @__PURE__ */ t(
341
- l.Close,
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(
415
+ s.Close,
342
416
  {
343
- className: r(d({ variant: e ?? "outline", size: o }), a),
344
- ...s
417
+ className: r(u({ variant: a ?? "outline", size: o }), e),
418
+ ...l
345
419
  }
346
420
  );
347
- X.displayName = "DialogClose";
348
- const Y = ({ className: a, ...e }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", a), ...e });
349
- Y.displayName = "DialogHeader";
350
- const Z = ({ className: a, ...e }) => /* @__PURE__ */ t(
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(
351
425
  "div",
352
426
  {
353
427
  className: r(
354
428
  "mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
355
- a
429
+ e
356
430
  ),
357
- ...e
431
+ ...a
358
432
  }
359
433
  );
360
- Z.displayName = "DialogFooter";
361
- const aa = (a) => /* @__PURE__ */ t(l.Root, { ...a });
362
- aa.displayName = "DrawerRoot";
363
- const ea = ({ className: a, variant: e, size: o, ...s }) => /* @__PURE__ */ t(
364
- l.Trigger,
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(
438
+ s.Trigger,
365
439
  {
366
- className: r(d({ variant: e, size: o }), a),
367
- ...s
440
+ className: r(u({ variant: a, size: o }), e),
441
+ ...l
368
442
  }
369
443
  );
370
- ea.displayName = "DrawerTrigger";
371
- const ta = (a) => /* @__PURE__ */ t(l.Portal, { ...a });
372
- ta.displayName = "DrawerPortal";
373
- const ra = ({ className: a, ...e }) => /* @__PURE__ */ t(
374
- l.Backdrop,
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(
448
+ s.Backdrop,
375
449
  {
376
450
  className: r(
377
451
  "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
378
452
  "transition-opacity duration-300",
379
453
  "data-starting-style:opacity-0 data-ending-style:opacity-0",
380
- a
454
+ e
381
455
  ),
382
- ...e
456
+ ...a
383
457
  }
384
458
  );
385
- ra.displayName = "DrawerBackdrop";
386
- const oa = n(
459
+ ve.displayName = "DrawerBackdrop";
460
+ const Ne = d(
387
461
  [
388
462
  "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
389
463
  "transition-transform duration-300 ease-out",
@@ -419,120 +493,185 @@ const oa = n(
419
493
  side: "right"
420
494
  }
421
495
  }
422
- ), la = ({ className: a, side: e, ...o }) => /* @__PURE__ */ t(
423
- l.Popup,
496
+ ), xe = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
497
+ s.Popup,
424
498
  {
425
- className: r(oa({ side: e }), a),
499
+ className: r(Ne({ side: a }), e),
426
500
  ...o
427
501
  }
428
502
  );
429
- la.displayName = "DrawerPopup";
430
- const sa = ({ className: a, ...e }) => /* @__PURE__ */ t(
431
- l.Title,
503
+ xe.displayName = "DrawerPopup";
504
+ const he = ({ className: e, ...a }) => /* @__PURE__ */ t(
505
+ s.Title,
432
506
  {
433
- className: r("text-lg font-semibold leading-none tracking-tight", a),
434
- ...e
507
+ className: r("text-lg font-semibold leading-none tracking-tight", e),
508
+ ...a
435
509
  }
436
510
  );
437
- sa.displayName = "DrawerTitle";
438
- const ia = ({ className: a, ...e }) => /* @__PURE__ */ t(l.Description, { className: r("", a), ...e });
439
- ia.displayName = "DrawerDescription";
440
- const na = ({ className: a, variant: e, size: o, ...s }) => /* @__PURE__ */ t(
441
- l.Close,
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(
515
+ s.Close,
442
516
  {
443
- className: r(d({ variant: e ?? "outline", size: o }), a),
444
- ...s
517
+ className: r(u({ variant: a ?? "outline", size: o }), e),
518
+ ...l
445
519
  }
446
520
  );
447
- na.displayName = "DrawerClose";
448
- const da = ({ className: a, ...e }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", a), ...e });
449
- da.displayName = "DrawerHeader";
450
- const ca = ({ className: a, ...e }) => /* @__PURE__ */ t("div", { className: r("py-5", a), ...e });
451
- ca.displayName = "DrawerContent";
452
- const ga = ({ className: a, ...e }) => /* @__PURE__ */ t("div", { className: r("", a), ...e });
453
- ga.displayName = "DrawerFooter";
454
- const ua = ({ className: a, ...e }) => /* @__PURE__ */ t(u.Root, { className: r("w-full", a), ...e });
455
- ua.displayName = "AccordionRoot";
456
- const pa = ({ className: a, ...e }) => /* @__PURE__ */ t(
457
- u.Item,
458
- {
459
- className: r("border-b border-border last:border-b-0", a),
460
- ...e
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(
531
+ b.Item,
532
+ {
533
+ className: r("border-b border-border last:border-b-0", e),
534
+ ...a
461
535
  }
462
536
  );
463
- pa.displayName = "AccordionItem";
464
- const ma = ({ className: a, ...e }) => /* @__PURE__ */ t(u.Header, { className: r("flex", a), ...e });
465
- ma.displayName = "AccordionHeader";
466
- const fa = ({ className: a, children: e, ...o }) => /* @__PURE__ */ t(
467
- u.Trigger,
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(
541
+ b.Trigger,
468
542
  {
469
543
  className: r(
470
544
  "flex flex-1 items-center justify-between py-3 font-medium",
471
- a
545
+ e
472
546
  ),
473
547
  ...o,
474
- children: e
548
+ children: a
475
549
  }
476
550
  );
477
- fa.displayName = "AccordionTrigger";
478
- const ba = ({ className: a, ...e }) => /* @__PURE__ */ t(
479
- u.Panel,
551
+ Re.displayName = "AccordionTrigger";
552
+ const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
553
+ b.Panel,
480
554
  {
481
555
  className: r(
482
556
  "overflow-hidden duration-200 h-(--accordion-panel-height) transition-height ease-out data-ending-style:h-0 data-starting-style:h-0",
483
- a
557
+ e
484
558
  ),
485
- ...e
559
+ ...a
560
+ }
561
+ );
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(() => {
566
+ if (a) {
567
+ const v = requestAnimationFrame(() => {
568
+ const x = requestAnimationFrame(() => {
569
+ g(i ?? 0);
570
+ });
571
+ return () => cancelAnimationFrame(x);
572
+ });
573
+ return () => cancelAnimationFrame(v);
574
+ } else
575
+ g(i ?? 0);
576
+ }, [a, i]), /* @__PURE__ */ t(y.Root, { className: r("w-full", e), value: c, ...l });
577
+ };
578
+ Se.displayName = "MeterRoot";
579
+ const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
580
+ y.Track,
581
+ {
582
+ className: r(
583
+ "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
584
+ e
585
+ ),
586
+ ...a
587
+ }
588
+ );
589
+ Fe.displayName = "MeterTrack";
590
+ const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
591
+ y.Indicator,
592
+ {
593
+ className: r(
594
+ "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
595
+ e
596
+ ),
597
+ ...a
598
+ }
599
+ );
600
+ Me.displayName = "MeterIndicator";
601
+ const Be = ({ className: e, ...a }) => /* @__PURE__ */ t(
602
+ y.Value,
603
+ {
604
+ className: r("text-sm font-medium text-foreground", e),
605
+ ...a
606
+ }
607
+ );
608
+ Be.displayName = "MeterValue";
609
+ const Ie = ({ className: e, ...a }) => /* @__PURE__ */ t(
610
+ y.Label,
611
+ {
612
+ className: r("text-sm font-medium text-foreground", e),
613
+ ...a
486
614
  }
487
615
  );
488
- ba.displayName = "AccordionPanel";
616
+ Ie.displayName = "MeterLabel";
489
617
  export {
490
- ma as AccordionHeader,
491
- pa as AccordionItem,
492
- ba as AccordionPanel,
493
- ua as AccordionRoot,
494
- fa as AccordionTrigger,
495
- Va as AlertDialog,
496
- h as AlertDialogBackdrop,
497
- P as AlertDialogClose,
498
- z as AlertDialogDescription,
499
- T as AlertDialogPopup,
500
- D as AlertDialogPortal,
501
- v as AlertDialogRoot,
502
- k as AlertDialogTitle,
503
- x as AlertDialogTrigger,
504
- w as AlertDialogViewport,
505
- N as Button,
506
- K as DialogBackdrop,
507
- X as DialogClose,
508
- W as DialogDescription,
509
- Z as DialogFooter,
510
- Y as DialogHeader,
511
- Q as DialogPopup,
512
- J as DialogPortal,
513
- E as DialogRoot,
514
- U as DialogTitle,
515
- G as DialogTrigger,
516
- ra as DrawerBackdrop,
517
- na as DrawerClose,
518
- ca as DrawerContent,
519
- ia as DrawerDescription,
520
- ga as DrawerFooter,
521
- da as DrawerHeader,
522
- la as DrawerPopup,
523
- ta as DrawerPortal,
524
- aa as DrawerRoot,
525
- sa as DrawerTitle,
526
- ea as DrawerTrigger,
527
- C as ScrollAreaContent,
528
- H as ScrollAreaCorner,
529
- V as ScrollAreaRoot,
530
- S as ScrollAreaScrollbar,
531
- B as ScrollAreaThumb,
532
- R as ScrollAreaViewport,
533
- $ as TabsIndicator,
534
- F as TabsList,
535
- q as TabsPanel,
536
- I as TabsRoot,
537
- _ as TabsTab
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,
628
+ F as AlertDialogPortal,
629
+ C as AlertDialogRoot,
630
+ 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
538
677
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lglab/compose-ui",
3
- "version": "0.4.0",
3
+ "version": "0.6.0",
4
4
  "description": "A collection of components built with Base UI & Tailwind CSS",
5
5
  "author": "LGLab",
6
6
  "license": "MIT",