@lglab/compose-ui 0.5.0 → 0.7.0

package/dist/components/meter.d.ts

@@ -0,0 +1,33 @@
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+import * as React from 'react';
+type MeterRootProps = React.ComponentProps<typeof BaseMeter.Root> & {
+    /** Whether to animate the meter from 0 to its value on mount */
+    animated?: boolean;
+};
+declare const MeterRoot: {
+    ({ className, animated, value, ...props }: MeterRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MeterTrackProps = React.ComponentProps<typeof BaseMeter.Track>;
+declare const MeterTrack: {
+    ({ className, ...props }: MeterTrackProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MeterIndicatorProps = React.ComponentProps<typeof BaseMeter.Indicator>;
+declare const MeterIndicator: {
+    ({ className, ...props }: MeterIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MeterValueProps = React.ComponentProps<typeof BaseMeter.Value>;
+declare const MeterValue: {
+    ({ className, ...props }: MeterValueProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MeterLabelProps = React.ComponentProps<typeof BaseMeter.Label>;
+declare const MeterLabel: {
+    ({ className, ...props }: MeterLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { MeterRoot, MeterTrack, MeterIndicator, MeterValue, MeterLabel };
+export type { MeterRootProps, MeterTrackProps, MeterIndicatorProps, MeterValueProps, MeterLabelProps, };
+//# sourceMappingURL=meter.d.ts.map

package/dist/components/meter.d.ts.map

@@ -0,0 +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/components/progress.d.ts

@@ -0,0 +1,30 @@
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import * as React from 'react';
+type ProgressRootProps = React.ComponentProps<typeof BaseProgress.Root>;
+declare const ProgressRoot: {
+    ({ className, ...props }: ProgressRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type ProgressTrackProps = React.ComponentProps<typeof BaseProgress.Track>;
+declare const ProgressTrack: {
+    ({ className, ...props }: ProgressTrackProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type ProgressIndicatorProps = React.ComponentProps<typeof BaseProgress.Indicator>;
+declare const ProgressIndicator: {
+    ({ className, ...props }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type ProgressValueProps = React.ComponentProps<typeof BaseProgress.Value>;
+declare const ProgressValue: {
+    ({ className, ...props }: ProgressValueProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type ProgressLabelProps = React.ComponentProps<typeof BaseProgress.Label>;
+declare const ProgressLabel: {
+    ({ className, ...props }: ProgressLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel };
+export type { ProgressRootProps, ProgressTrackProps, ProgressIndicatorProps, ProgressValueProps, ProgressLabelProps, };
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/progress.d.ts.map

@@ -0,0 +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"}

package/dist/index.d.ts

@@ -8,6 +8,10 @@ export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './compone
 export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, } from './components/dialog';
 export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
 export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, } from './components/accordion';
+export { MeterRoot, MeterTrack, MeterIndicator, MeterValue, MeterLabel, } from './components/meter';
+export { Meter } from '@base-ui/react/meter';
+export { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel, } from './components/progress';
+export { Progress } from '@base-ui/react/progress';
 export type { ButtonProps } from './components/button';
 export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogBackdropProps, AlertDialogViewportProps, AlertDialogPopupProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, } from './components/alert-dialog';
 export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarStackProps, } from './components/avatar';
@@ -16,4 +20,6 @@ export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, Ta
 export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, } from './components/dialog';
 export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
 export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
+export type { MeterRootProps, MeterTrackProps, MeterIndicatorProps, MeterValueProps, MeterLabelProps, } from './components/meter';
+export type { ProgressRootProps, ProgressTrackProps, ProgressIndicatorProps, ProgressValueProps, ProgressLabelProps, } from './components/progress';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -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,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC1F,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,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,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,qBAAqB,CAAA;AAC5B,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.es.js

@@ -1,19 +1,23 @@
 "use client";
-import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import { Button as T } from "@base-ui/react/button";
-import { cva as n } from "class-variance-authority";
-import { clsx as z } from "clsx";
-import { twMerge as P } from "tailwind-merge";
-import { AlertDialog as i } from "@base-ui/react/alert-dialog";
-import { AlertDialog as Je } from "@base-ui/react/alert-dialog";
-import { Avatar as b } from "@base-ui/react/avatar";
-import { Avatar as Oe } from "@base-ui/react/avatar";
-import * as h from "react";
-import { ScrollArea as c } from "@base-ui/react/scroll-area";
-import { Tabs as p } from "@base-ui/react/tabs";
-import { Dialog as l } from "@base-ui/react/dialog";
-import { Accordion as f } from "@base-ui/react/accordion";
-const d = n(
+import { jsx as t, jsxs as A } from "react/jsx-runtime";
+import { Button as z } from "@base-ui/react/button";
+import { cva as d } from "class-variance-authority";
+import { clsx as V } from "clsx";
+import { twMerge as R } from "tailwind-merge";
+import { AlertDialog as n } from "@base-ui/react/alert-dialog";
+import { AlertDialog as la } from "@base-ui/react/alert-dialog";
+import { Avatar as w } from "@base-ui/react/avatar";
+import { Avatar as ia } from "@base-ui/react/avatar";
+import * as x from "react";
+import { ScrollArea as m } from "@base-ui/react/scroll-area";
+import { Tabs as f } from "@base-ui/react/tabs";
+import { Dialog as s } from "@base-ui/react/dialog";
+import { Accordion as b } from "@base-ui/react/accordion";
+import { Meter as y } from "@base-ui/react/meter";
+import { Meter as da } from "@base-ui/react/meter";
+import { Progress as N } from "@base-ui/react/progress";
+import { Progress as ua } from "@base-ui/react/progress";
+const u = d(
   [
     "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"
   ],
@@ -43,44 +47,44 @@ const d = n(
   }
 );
 function r(...e) {
-  return P(z(e));
+  return R(V(e));
 }
 const C = ({
   className: e,
   variant: a,
   size: o,
-  disabled: s,
-  children: u,
-  ...m
+  disabled: l,
+  children: i,
+  ...c
 }) => /* @__PURE__ */ t(
-  T,
+  z,
   {
-    className: r(d({ variant: a, size: o }), e),
-    disabled: s,
-    ...m,
-    children: u
+    className: r(u({ variant: a, size: o }), e),
+    disabled: l,
+    ...c,
+    children: i
   }
 );
 C.displayName = "Button";
-const R = (e) => /* @__PURE__ */ t(i.Root, { ...e });
-R.displayName = "AlertDialogRoot";
-const V = ({
+const S = (e) => /* @__PURE__ */ t(n.Root, { ...e });
+S.displayName = "AlertDialogRoot";
+const I = ({
   className: e,
   variant: a,
   size: o,
-  ...s
+  ...l
 }) => /* @__PURE__ */ t(
-  i.Trigger,
+  n.Trigger,
   {
-    className: r(d({ variant: a, size: o }), e),
-    ...s
+    className: r(u({ variant: a, size: o }), e),
+    ...l
   }
 );
-V.displayName = "AlertDialogTrigger";
-const S = (e) => /* @__PURE__ */ t(i.Portal, { ...e });
-S.displayName = "AlertDialogPortal";
-const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  i.Backdrop,
+I.displayName = "AlertDialogTrigger";
+const F = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
+F.displayName = "AlertDialogPortal";
+const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Backdrop,
   {
     className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -91,16 +95,16 @@ const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-B.displayName = "AlertDialogBackdrop";
-const j = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  i.Viewport,
+M.displayName = "AlertDialogBackdrop";
+const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  n.Viewport,
   {
     className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
     ...a
   }
 );
-j.displayName = "AlertDialogViewport";
-const F = n(
+B.displayName = "AlertDialogViewport";
+const j = d(
   [
     "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
     "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
@@ -124,38 +128,38 @@ const F = n(
       size: "default"
     }
   }
-), I = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
-  i.Popup,
+), L = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
+  n.Popup,
   {
-    className: r(F({ size: a }), e),
+    className: r(j({ size: a }), e),
     ...o
   }
 );
-I.displayName = "AlertDialogPopup";
+L.displayName = "AlertDialogPopup";
 const H = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  i.Title,
+  n.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
     ...a
   }
 );
 H.displayName = "AlertDialogTitle";
-const L = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Description, { className: r("mt-2", e), ...a });
-L.displayName = "AlertDialogDescription";
+const q = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("mt-2", e), ...a });
+q.displayName = "AlertDialogDescription";
 const _ = ({
   className: e,
   variant: a,
   size: o,
-  ...s
+  ...l
 }) => /* @__PURE__ */ t(
-  i.Close,
+  n.Close,
   {
-    className: r(d({ variant: a ?? "outline", size: o }), e),
-    ...s
+    className: r(u({ variant: a ?? "outline", size: o }), e),
+    ...l
   }
 );
 _.displayName = "AlertDialogClose";
-const w = n(
+const k = d(
   [
     "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
     "bg-muted text-foreground",
@@ -173,18 +177,18 @@ const w = n(
       size: "default"
     }
   }
-), D = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(b.Root, { className: r(w({ size: a }), e), ...o });
-D.displayName = "AvatarRoot";
-const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  b.Image,
+), T = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(w.Root, { className: r(k({ size: a }), e), ...o });
+T.displayName = "AvatarRoot";
+const E = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  w.Image,
   {
     className: r("aspect-square h-full w-full object-cover", e),
     ...a
   }
 );
-M.displayName = "AvatarImage";
-const q = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  b.Fallback,
+E.displayName = "AvatarImage";
+const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  w.Fallback,
   {
     className: r(
       "flex h-full w-full items-center justify-center font-medium",
@@ -193,27 +197,27 @@ const q = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-q.displayName = "AvatarFallback";
-const E = ({
+$.displayName = "AvatarFallback";
+const G = ({
   "aria-label": e,
   maxVisible: a,
   className: o,
-  children: s
+  children: l
 }) => {
-  const u = h.Children.toArray(s), m = u.length, y = a !== void 0 ? Math.min(a, m) : m, v = m - y, A = u.slice(0, y), k = (() => {
-    const g = u[0];
-    return h.isValidElement(g) && g.type === D ? g.props.size ?? "default" : "default";
+  const i = x.Children.toArray(l), c = i.length, g = a !== void 0 ? Math.min(a, c) : c, v = c - g, h = i.slice(0, g), P = (() => {
+    const p = i[0];
+    return x.isValidElement(p) && p.type === T ? p.props.size ?? "default" : "default";
   })();
-  return /* @__PURE__ */ x("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
-    A.map((g, N) => /* @__PURE__ */ t("li", { children: g }, N)),
-    v > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ x(
+  return /* @__PURE__ */ A("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
+    h.map((p, D) => /* @__PURE__ */ t("li", { children: p }, D)),
+    v > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ A(
       "span",
       {
         className: r(
           "relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
           "bg-muted text-foreground border-2 border-background",
           "font-medium",
-          w({ size: k })
+          k({ size: P })
         ),
         children: [
           "+",
@@ -223,25 +227,25 @@ const E = ({
     ) })
   ] });
 };
-E.displayName = "AvatarStack";
-const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Root, { className: r("relative", e), ...a });
-$.displayName = "ScrollAreaRoot";
-const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  c.Viewport,
+G.displayName = "AvatarStack";
+const J = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Root, { className: r("relative", e), ...a });
+J.displayName = "ScrollAreaRoot";
+const K = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  m.Viewport,
   {
     className: r("h-full overscroll-contain pr-3", e),
     ...a
   }
 );
-G.displayName = "ScrollAreaViewport";
-const J = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Content, { className: r("min-w-full", e), ...a });
-J.displayName = "ScrollAreaContent";
-const K = ({
+K.displayName = "ScrollAreaViewport";
+const O = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Content, { className: r("min-w-full", e), ...a });
+O.displayName = "ScrollAreaContent";
+const Q = ({
   className: e,
   orientation: a = "vertical",
   ...o
 }) => /* @__PURE__ */ t(
-  c.Scrollbar,
+  m.Scrollbar,
   {
     className: r(
       "flex touch-none select-none p-0.5 transition-colors duration-150 ease-out",
@@ -254,9 +258,9 @@ const K = ({
     ...o
   }
 );
-K.displayName = "ScrollAreaScrollbar";
-const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  c.Thumb,
+Q.displayName = "ScrollAreaScrollbar";
+const U = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  m.Thumb,
   {
     className: r(
       "relative flex-1 rounded-full bg-border transition-colors",
@@ -266,12 +270,12 @@ const O = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-O.displayName = "ScrollAreaThumb";
-const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Corner, { className: r("bg-muted/50", e), ...a });
-Q.displayName = "ScrollAreaCorner";
-const U = ({ className: e, ...a }) => /* @__PURE__ */ t(p.Root, { className: r("flex flex-col", e), ...a });
-U.displayName = "TabsRoot";
-const W = n(
+U.displayName = "ScrollAreaThumb";
+const W = ({ className: e, ...a }) => /* @__PURE__ */ t(m.Corner, { className: r("bg-muted/50", e), ...a });
+W.displayName = "ScrollAreaCorner";
+const X = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Root, { className: r("flex flex-col", e), ...a });
+X.displayName = "TabsRoot";
+const Y = d(
   ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
   {
     variants: {
@@ -284,15 +288,15 @@ const W = n(
       orientation: "horizontal"
     }
   }
-), X = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
-  p.List,
+), Z = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
+  f.List,
   {
-    className: r(W({ orientation: a }), e),
+    className: r(Y({ orientation: a }), e),
     ...o
   }
 );
-X.displayName = "TabsList";
-const Y = n(
+Z.displayName = "TabsList";
+const ee = d(
   [
     "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
     "rounded-md px-3 py-1.5 text-sm font-medium",
@@ -313,9 +317,9 @@ const Y = n(
       size: "default"
     }
   }
-), Z = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(p.Tab, { className: r(Y({ size: a }), e), ...o });
-Z.displayName = "TabsTab";
-const ee = n(
+), ae = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(f.Tab, { className: r(ee({ size: a }), e), ...o });
+ae.displayName = "TabsTab";
+const te = d(
   ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
   {
     variants: {
@@ -328,34 +332,34 @@ const ee = n(
       orientation: "horizontal"
     }
   }
-), ae = ({
+), re = ({
   className: e,
   orientation: a = "horizontal",
   ...o
 }) => /* @__PURE__ */ t(
-  p.Indicator,
+  f.Indicator,
   {
-    className: r(ee({ orientation: a }), e),
+    className: r(te({ orientation: a }), e),
     ...o
   }
 );
-ae.displayName = "TabsIndicator";
-const te = ({ className: e, ...a }) => /* @__PURE__ */ t(p.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
-te.displayName = "TabsPanel";
-const re = (e) => /* @__PURE__ */ t(l.Root, { ...e });
-re.displayName = "DialogRoot";
-const oe = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Trigger,
+re.displayName = "TabsIndicator";
+const oe = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
+oe.displayName = "TabsPanel";
+const le = (e) => /* @__PURE__ */ t(s.Root, { ...e });
+le.displayName = "DialogRoot";
+const se = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
+  s.Trigger,
   {
-    className: r(d({ variant: a, size: o }), e),
-    ...s
+    className: r(u({ variant: a, size: o }), e),
+    ...l
   }
 );
-oe.displayName = "DialogTrigger";
-const le = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
-le.displayName = "DialogPortal";
-const se = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Backdrop,
+se.displayName = "DialogTrigger";
+const ie = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
+ie.displayName = "DialogPortal";
+const ne = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  s.Backdrop,
   {
     className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -366,8 +370,8 @@ const se = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-se.displayName = "DialogBackdrop";
-const ie = n(
+ne.displayName = "DialogBackdrop";
+const de = d(
   [
     "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
     "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
@@ -391,35 +395,35 @@ const ie = n(
       size: "default"
     }
   }
-), ne = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
-  l.Popup,
+), ce = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
+  s.Popup,
   {
-    className: r(ie({ size: a }), e),
+    className: r(de({ size: a }), e),
     ...o
   }
 );
-ne.displayName = "DialogPopup";
-const de = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Title,
+ce.displayName = "DialogPopup";
+const ue = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  s.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
     ...a
   }
 );
-de.displayName = "DialogTitle";
-const ce = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("mt-2", e), ...a });
-ce.displayName = "DialogDescription";
-const ue = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Close,
+ue.displayName = "DialogTitle";
+const me = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("mt-2", e), ...a });
+me.displayName = "DialogDescription";
+const ge = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
+  s.Close,
   {
-    className: r(d({ variant: a ?? "outline", size: o }), e),
-    ...s
+    className: r(u({ variant: a ?? "outline", size: o }), e),
+    ...l
   }
 );
-ue.displayName = "DialogClose";
-const me = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
-me.displayName = "DialogHeader";
-const ge = ({ className: e, ...a }) => /* @__PURE__ */ t(
+ge.displayName = "DialogClose";
+const pe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
+pe.displayName = "DialogHeader";
+const fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
   "div",
   {
     className: r(
@@ -429,21 +433,21 @@ const ge = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-ge.displayName = "DialogFooter";
-const pe = (e) => /* @__PURE__ */ t(l.Root, { ...e });
-pe.displayName = "DrawerRoot";
-const fe = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Trigger,
+fe.displayName = "DialogFooter";
+const be = (e) => /* @__PURE__ */ t(s.Root, { ...e });
+be.displayName = "DrawerRoot";
+const ye = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
+  s.Trigger,
   {
-    className: r(d({ variant: a, size: o }), e),
-    ...s
+    className: r(u({ variant: a, size: o }), e),
+    ...l
   }
 );
-fe.displayName = "DrawerTrigger";
-const be = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
-be.displayName = "DrawerPortal";
-const ye = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Backdrop,
+ye.displayName = "DrawerTrigger";
+const Ne = (e) => /* @__PURE__ */ t(s.Portal, { ...e });
+Ne.displayName = "DrawerPortal";
+const ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  s.Backdrop,
   {
     className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -454,8 +458,8 @@ const ye = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-ye.displayName = "DrawerBackdrop";
-const ve = n(
+ve.displayName = "DrawerBackdrop";
+const xe = d(
   [
     "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
     "transition-transform duration-300 ease-out",
@@ -491,52 +495,52 @@ const ve = n(
       side: "right"
     }
   }
-), Ne = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
-  l.Popup,
+), he = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
+  s.Popup,
   {
-    className: r(ve({ side: a }), e),
+    className: r(xe({ side: a }), e),
     ...o
   }
 );
-Ne.displayName = "DrawerPopup";
-const xe = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  l.Title,
+he.displayName = "DrawerPopup";
+const we = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  s.Title,
   {
     className: r("text-lg font-semibold leading-none tracking-tight", e),
     ...a
   }
 );
-xe.displayName = "DrawerTitle";
-const he = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Description, { className: r("", e), ...a });
-he.displayName = "DrawerDescription";
-const we = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
-  l.Close,
+we.displayName = "DrawerTitle";
+const De = ({ className: e, ...a }) => /* @__PURE__ */ t(s.Description, { className: r("", e), ...a });
+De.displayName = "DrawerDescription";
+const Ae = ({ className: e, variant: a, size: o, ...l }) => /* @__PURE__ */ t(
+  s.Close,
   {
-    className: r(d({ variant: a ?? "outline", size: o }), e),
-    ...s
+    className: r(u({ variant: a ?? "outline", size: o }), e),
+    ...l
   }
 );
-we.displayName = "DrawerClose";
-const De = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
-De.displayName = "DrawerHeader";
-const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
-Ae.displayName = "DrawerContent";
-const ke = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
-ke.displayName = "DrawerFooter";
-const Te = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Root, { className: r("w-full", e), ...a });
-Te.displayName = "AccordionRoot";
-const ze = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  f.Item,
+Ae.displayName = "DrawerClose";
+const ke = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
+ke.displayName = "DrawerHeader";
+const Te = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
+Te.displayName = "DrawerContent";
+const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
+Pe.displayName = "DrawerFooter";
+const ze = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Root, { className: r("w-full", e), ...a });
+ze.displayName = "AccordionRoot";
+const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  b.Item,
   {
     className: r("border-b border-border last:border-b-0", e),
     ...a
   }
 );
-ze.displayName = "AccordionItem";
-const Pe = ({ className: e, ...a }) => /* @__PURE__ */ t(f.Header, { className: r("flex", e), ...a });
-Pe.displayName = "AccordionHeader";
+Ve.displayName = "AccordionItem";
+const Re = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Header, { className: r("flex", e), ...a });
+Re.displayName = "AccordionHeader";
 const Ce = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
-  f.Trigger,
+  b.Trigger,
   {
     className: r(
       "flex flex-1 items-center justify-between py-3 font-medium",
@@ -547,8 +551,8 @@ const Ce = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
   }
 );
 Ce.displayName = "AccordionTrigger";
-const Re = ({ className: e, ...a }) => /* @__PURE__ */ t(
-  f.Panel,
+const Se = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  b.Panel,
   {
     className: r(
       "overflow-hidden duration-200 h-(--accordion-panel-height) transition-height ease-out data-ending-style:h-0 data-starting-style:h-0",
@@ -557,59 +561,165 @@ const Re = ({ className: e, ...a }) => /* @__PURE__ */ t(
     ...a
   }
 );
-Re.displayName = "AccordionPanel";
+Se.displayName = "AccordionPanel";
+const Ie = ({ className: e, animated: a, value: o, ...l }) => {
+  const i = o ?? 0, [c, g] = x.useState(a ? 0 : i);
+  return x.useEffect(() => {
+    if (a) {
+      const v = requestAnimationFrame(() => {
+        const h = requestAnimationFrame(() => {
+          g(i ?? 0);
+        });
+        return () => cancelAnimationFrame(h);
+      });
+      return () => cancelAnimationFrame(v);
+    } else
+      g(i ?? 0);
+  }, [a, i]), /* @__PURE__ */ t(y.Root, { className: r("w-full", e), value: c, ...l });
+};
+Ie.displayName = "MeterRoot";
+const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  y.Track,
+  {
+    className: r(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      e
+    ),
+    ...a
+  }
+);
+Fe.displayName = "MeterTrack";
+const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  y.Indicator,
+  {
+    className: r(
+      "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
+      e
+    ),
+    ...a
+  }
+);
+Me.displayName = "MeterIndicator";
+const Be = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  y.Value,
+  {
+    className: r("text-sm font-medium text-foreground", e),
+    ...a
+  }
+);
+Be.displayName = "MeterValue";
+const je = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  y.Label,
+  {
+    className: r("text-sm font-medium text-foreground", e),
+    ...a
+  }
+);
+je.displayName = "MeterLabel";
+const Le = ({ className: e, ...a }) => /* @__PURE__ */ t(N.Root, { className: r("w-full", e), ...a });
+Le.displayName = "ProgressRoot";
+const He = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  N.Track,
+  {
+    className: r(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      e
+    ),
+    ...a
+  }
+);
+He.displayName = "ProgressTrack";
+const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  N.Indicator,
+  {
+    className: r(
+      "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
+      e
+    ),
+    ...a
+  }
+);
+qe.displayName = "ProgressIndicator";
+const _e = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  N.Value,
+  {
+    className: r("text-sm font-medium text-foreground", e),
+    ...a
+  }
+);
+_e.displayName = "ProgressValue";
+const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  N.Label,
+  {
+    className: r("text-sm font-medium text-foreground", e),
+    ...a
+  }
+);
+Ee.displayName = "ProgressLabel";
 export {
-  Pe as AccordionHeader,
-  ze as AccordionItem,
-  Re as AccordionPanel,
-  Te as AccordionRoot,
+  Re as AccordionHeader,
+  Ve as AccordionItem,
+  Se as AccordionPanel,
+  ze as AccordionRoot,
   Ce as AccordionTrigger,
-  Je as AlertDialog,
-  B as AlertDialogBackdrop,
+  la as AlertDialog,
+  M as AlertDialogBackdrop,
   _ as AlertDialogClose,
-  L as AlertDialogDescription,
-  I as AlertDialogPopup,
-  S as AlertDialogPortal,
-  R as AlertDialogRoot,
+  q as AlertDialogDescription,
+  L as AlertDialogPopup,
+  F as AlertDialogPortal,
+  S as AlertDialogRoot,
   H as AlertDialogTitle,
-  V as AlertDialogTrigger,
-  j as AlertDialogViewport,
-  Oe as Avatar,
-  q as AvatarFallback,
-  M as AvatarImage,
-  D as AvatarRoot,
-  E as AvatarStack,
+  I as AlertDialogTrigger,
+  B as AlertDialogViewport,
+  ia as Avatar,
+  $ as AvatarFallback,
+  E as AvatarImage,
+  T as AvatarRoot,
+  G as AvatarStack,
   C as Button,
-  se as DialogBackdrop,
-  ue as DialogClose,
-  ce as DialogDescription,
-  ge as DialogFooter,
-  me as DialogHeader,
-  ne as DialogPopup,
-  le as DialogPortal,
-  re as DialogRoot,
-  de as DialogTitle,
-  oe as DialogTrigger,
-  ye as DrawerBackdrop,
-  we as DrawerClose,
-  Ae as DrawerContent,
-  he as DrawerDescription,
-  ke as DrawerFooter,
-  De as DrawerHeader,
-  Ne as DrawerPopup,
-  be as DrawerPortal,
-  pe as DrawerRoot,
-  xe as DrawerTitle,
-  fe as DrawerTrigger,
-  J as ScrollAreaContent,
-  Q as ScrollAreaCorner,
-  $ as ScrollAreaRoot,
-  K as ScrollAreaScrollbar,
-  O as ScrollAreaThumb,
-  G as ScrollAreaViewport,
-  ae as TabsIndicator,
-  X as TabsList,
-  te as TabsPanel,
-  U as TabsRoot,
-  Z as TabsTab
+  ne as DialogBackdrop,
+  ge as DialogClose,
+  me as DialogDescription,
+  fe as DialogFooter,
+  pe as DialogHeader,
+  ce as DialogPopup,
+  ie as DialogPortal,
+  le as DialogRoot,
+  ue as DialogTitle,
+  se as DialogTrigger,
+  ve as DrawerBackdrop,
+  Ae as DrawerClose,
+  Te as DrawerContent,
+  De as DrawerDescription,
+  Pe as DrawerFooter,
+  ke as DrawerHeader,
+  he as DrawerPopup,
+  Ne as DrawerPortal,
+  be as DrawerRoot,
+  we as DrawerTitle,
+  ye as DrawerTrigger,
+  da as Meter,
+  Me as MeterIndicator,
+  je as MeterLabel,
+  Ie as MeterRoot,
+  Fe as MeterTrack,
+  Be as MeterValue,
+  ua as Progress,
+  qe as ProgressIndicator,
+  Ee as ProgressLabel,
+  Le as ProgressRoot,
+  He as ProgressTrack,
+  _e as ProgressValue,
+  O as ScrollAreaContent,
+  W as ScrollAreaCorner,
+  J as ScrollAreaRoot,
+  Q as ScrollAreaScrollbar,
+  U as ScrollAreaThumb,
+  K as ScrollAreaViewport,
+  re as TabsIndicator,
+  Z as TabsList,
+  oe as TabsPanel,
+  X as TabsRoot,
+  ae as TabsTab
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lglab/compose-ui",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "A collection of components built with Base UI & Tailwind CSS",
   "author": "LGLab",
   "license": "MIT",