@lglab/compose-ui 0.20.0 → 0.22.0

package/dist/menubar.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { Menu as t } from "@base-ui/react/menu";
+import { Menubar as i } from "@base-ui/react/menubar";
+import { A as m } from "./arrow-svg-C6zQTvgS.js";
+import { b as n } from "./button-variants-CbFMPwc8.js";
+import { c as d } from "./control-variants-Bwep4n0y.js";
+import { c as o } from "./utils-B6yFEsav.js";
+const b = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  i,
+  {
+    className: o(
+      "inline-flex",
+      // Connected items: collapse borders, round only outer corners
+      "[&>button]:rounded-none [&>button:not(:first-of-type)]:-ml-px",
+      "[&>button:first-of-type]:rounded-l-md [&>button:last-of-type]:rounded-r-md",
+      e
+    ),
+    ...a
+  }
+);
+b.displayName = "MenubarRoot";
+const l = (e) => /* @__PURE__ */ r(t.Root, { ...e });
+l.displayName = "MenubarMenu";
+const c = ({ className: e, variant: a, size: s, ...u }) => /* @__PURE__ */ r(
+  t.Trigger,
+  {
+    className: o(d({ variant: a, size: s }), e),
+    ...u
+  }
+);
+c.displayName = "MenubarTrigger";
+const p = (e) => /* @__PURE__ */ r(t.Portal, { ...e });
+p.displayName = "MenubarPortal";
+const M = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  t.Positioner,
+  {
+    className: o("z-50 outline-none", e),
+    sideOffset: 8,
+    ...a
+  }
+);
+M.displayName = "MenubarPositioner";
+const N = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  t.Popup,
+  {
+    className: o(
+      "rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
+      "min-w-[8rem]",
+      e
+    ),
+    ...a
+  }
+);
+N.displayName = "MenubarPopup";
+const g = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  t.Arrow,
+  {
+    className: o(
+      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
+      e
+    ),
+    ...a,
+    children: /* @__PURE__ */ r(m, {})
+  }
+);
+g.displayName = "MenubarArrow";
+const y = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  t.Item,
+  {
+    className: o(
+      n({ variant: "ghost", size: "sm" }),
+      "flex justify-start",
+      e
+    ),
+    ...a
+  }
+);
+y.displayName = "MenubarItem";
+const f = ({ className: e, ...a }) => /* @__PURE__ */ r(t.Separator, { className: o("-mx-1 my-1 h-px bg-border", e), ...a });
+f.displayName = "MenubarSeparator";
+const I = ({ className: e, ...a }) => /* @__PURE__ */ r(t.Group, { className: o(e), ...a });
+I.displayName = "MenubarGroup";
+const x = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  t.GroupLabel,
+  {
+    className: o("px-3 py-1.5 text-sm font-semibold", e),
+    ...a
+  }
+);
+x.displayName = "MenubarGroupLabel";
+const h = ({ className: e, ...a }) => /* @__PURE__ */ r(t.RadioGroup, { className: o(e), ...a });
+h.displayName = "MenubarRadioGroup";
+const R = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  t.RadioItem,
+  {
+    className: o(
+      n({ variant: "ghost", size: "sm" }),
+      "grid grid-cols-[0.75rem_1fr] gap-2",
+      e
+    ),
+    ...a
+  }
+);
+R.displayName = "MenubarRadioItem";
+const k = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  t.CheckboxItem,
+  {
+    className: o(
+      n({ variant: "ghost", size: "sm" }),
+      "grid grid-cols-[0.75rem_1fr] gap-2",
+      e
+    ),
+    ...a
+  }
+);
+k.displayName = "MenubarCheckboxItem";
+const S = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ r(t.RadioItemIndicator, { className: o("col-start-1", e), ...a });
+S.displayName = "MenubarRadioItemIndicator";
+const G = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ r(t.CheckboxItemIndicator, { className: o("col-start-1", e), ...a });
+G.displayName = "MenubarCheckboxItemIndicator";
+const P = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ r("span", { className: o("col-start-2", e), ...a });
+P.displayName = "MenubarCheckboxItemLabel";
+const w = ({ className: e, ...a }) => /* @__PURE__ */ r("span", { className: o("col-start-2", e), ...a });
+w.displayName = "MenubarRadioItemLabel";
+const C = ({ className: e, ...a }) => /* @__PURE__ */ r(
+  t.SubmenuTrigger,
+  {
+    className: o(
+      n({ variant: "ghost", size: "sm" }),
+      "flex justify-between",
+      e
+    ),
+    ...a
+  }
+);
+C.displayName = "MenubarSubmenuTrigger";
+const L = (e) => /* @__PURE__ */ r(t.SubmenuRoot, { ...e });
+L.displayName = "MenubarSubmenuRoot";
+export {
+  g as MenubarArrow,
+  k as MenubarCheckboxItem,
+  G as MenubarCheckboxItemIndicator,
+  P as MenubarCheckboxItemLabel,
+  I as MenubarGroup,
+  x as MenubarGroupLabel,
+  y as MenubarItem,
+  l as MenubarMenu,
+  N as MenubarPopup,
+  p as MenubarPortal,
+  M as MenubarPositioner,
+  h as MenubarRadioGroup,
+  R as MenubarRadioItem,
+  S as MenubarRadioItemIndicator,
+  w as MenubarRadioItemLabel,
+  b as MenubarRoot,
+  f as MenubarSeparator,
+  L as MenubarSubmenuRoot,
+  C as MenubarSubmenuTrigger,
+  c as MenubarTrigger
+};

package/dist/meter.d.ts

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

package/dist/meter.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { Meter as a } from "@base-ui/react/meter";
+import * as n from "react";
+import { c as o } from "./utils-B6yFEsav.js";
+const f = ({ className: t, animated: e, value: m, ...i }) => {
+  const l = m ?? 0, [u, s] = n.useState(e ? 0 : l);
+  return n.useEffect(() => {
+    if (e) {
+      const c = requestAnimationFrame(() => {
+        const d = requestAnimationFrame(() => {
+          s(l ?? 0);
+        });
+        return () => cancelAnimationFrame(d);
+      });
+      return () => cancelAnimationFrame(c);
+    } else
+      s(l ?? 0);
+  }, [e, l]), /* @__PURE__ */ r(a.Root, { className: o("w-full", t), value: u, ...i });
+};
+f.displayName = "MeterRoot";
+const p = ({ className: t, ...e }) => /* @__PURE__ */ r(
+  a.Track,
+  {
+    className: o(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      t
+    ),
+    ...e
+  }
+);
+p.displayName = "MeterTrack";
+const M = ({ className: t, ...e }) => /* @__PURE__ */ r(
+  a.Indicator,
+  {
+    className: o(
+      "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
+      t
+    ),
+    ...e
+  }
+);
+M.displayName = "MeterIndicator";
+const N = ({ className: t, ...e }) => /* @__PURE__ */ r(
+  a.Value,
+  {
+    className: o("text-sm font-medium text-foreground", t),
+    ...e
+  }
+);
+N.displayName = "MeterValue";
+const y = ({ className: t, ...e }) => /* @__PURE__ */ r(
+  a.Label,
+  {
+    className: o("text-sm font-medium text-foreground", t),
+    ...e
+  }
+);
+y.displayName = "MeterLabel";
+export {
+  M as MeterIndicator,
+  y as MeterLabel,
+  f as MeterRoot,
+  p as MeterTrack,
+  N as MeterValue
+};

package/dist/popover.d.ts

@@ -0,0 +1,82 @@
+import { JSX } from 'react/jsx-runtime';
+import { Popover } from '@base-ui/react/popover';
+import * as React_2 from 'react';
+
+export declare const PopoverArrow: {
+    ({ className, ...props }: PopoverArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverArrowProps = React_2.ComponentProps<typeof Popover.Arrow>;
+
+export declare const PopoverBackdrop: {
+    ({ className, ...props }: PopoverBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverBackdropProps = React_2.ComponentProps<typeof Popover.Backdrop>;
+
+export declare const PopoverClose: {
+    ({ className, ...props }: PopoverCloseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverCloseProps = React_2.ComponentProps<typeof Popover.Close>;
+
+export declare const PopoverDescription: {
+    ({ className, ...props }: PopoverDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverDescriptionProps = React_2.ComponentProps<typeof Popover.Description>;
+
+export declare const PopoverPopup: {
+    ({ className, ...props }: PopoverPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverPopupProps = React_2.ComponentProps<typeof Popover.Popup>;
+
+export declare const PopoverPortal: {
+    (props: PopoverPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverPortalProps = React_2.ComponentProps<typeof Popover.Portal>;
+
+export declare const PopoverPositioner: {
+    ({ className, ...props }: PopoverPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverPositionerProps = React_2.ComponentProps<typeof Popover.Positioner>;
+
+export declare const PopoverRoot: {
+    (props: PopoverRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverRootProps = React_2.ComponentProps<typeof Popover.Root>;
+
+export declare const PopoverTitle: {
+    ({ className, ...props }: PopoverTitleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverTitleProps = React_2.ComponentProps<typeof Popover.Title>;
+
+export declare const PopoverTrigger: {
+    ({ className, ...props }: PopoverTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverTriggerProps = React_2.ComponentProps<typeof Popover.Trigger>;
+
+export declare const PopoverViewport: {
+    ({ className, ...props }: PopoverViewportProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PopoverViewportProps = React_2.ComponentProps<typeof Popover.Viewport>;
+
+export { }

package/dist/popover.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Popover as r } from "@base-ui/react/popover";
+import { A as i } from "./arrow-svg-C6zQTvgS.js";
+import { c as a } from "./utils-B6yFEsav.js";
+const s = (o) => /* @__PURE__ */ e(r.Root, { ...o });
+s.displayName = "PopoverRoot";
+const p = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Trigger, { className: a(o), ...t });
+p.displayName = "PopoverTrigger";
+const n = (o) => /* @__PURE__ */ e(r.Portal, { ...o });
+n.displayName = "PopoverPortal";
+const d = ({ className: o, ...t }) => /* @__PURE__ */ e(
+  r.Backdrop,
+  {
+    className: a(
+      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
+      "transition-opacity duration-200",
+      "data-starting-style:opacity-0 data-ending-style:opacity-0",
+      o
+    ),
+    ...t
+  }
+);
+d.displayName = "PopoverBackdrop";
+const l = ({ className: o, ...t }) => /* @__PURE__ */ e(
+  r.Positioner,
+  {
+    className: a(
+      "z-50 outline-none",
+      "h-(--positioner-height) w-(--positioner-width)",
+      "max-w-(--available-width)",
+      "transition-[top,left,right,bottom,transform]",
+      "duration-[0.35s]",
+      "ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "data-instant:transition-none",
+      o
+    ),
+    sideOffset: 8,
+    ...t
+  }
+);
+l.displayName = "PopoverPositioner";
+const c = ({ className: o, ...t }) => /* @__PURE__ */ e(
+  r.Popup,
+  {
+    className: a(
+      "rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative",
+      "h-(--popup-height,auto) w-(--popup-width,auto)",
+      "max-w-[500px]",
+      "origin-(--transform-origin)",
+      "border-border",
+      "transition-[transform,scale,opacity]",
+      "data-ending-style:scale-90 data-ending-style:opacity-0",
+      "data-starting-style:scale-90 data-starting-style:opacity-0",
+      "dark:shadow-none",
+      "origin-(--transform-origin)",
+      o
+    ),
+    ...t
+  }
+);
+c.displayName = "PopoverPopup";
+const m = ({ className: o, ...t }) => /* @__PURE__ */ e(
+  r.Arrow,
+  {
+    className: a(
+      "flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180",
+      o
+    ),
+    ...t,
+    children: /* @__PURE__ */ e(i, {})
+  }
+);
+m.displayName = "PopoverArrow";
+const P = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Title, { className: a("text-sm font-semibold", o), ...t });
+P.displayName = "PopoverTitle";
+const g = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Description, { className: a("text-sm", o), ...t });
+g.displayName = "PopoverDescription";
+const u = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Close, { className: a(o), ...t });
+u.displayName = "PopoverClose";
+const v = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Viewport, { className: a(o), ...t });
+v.displayName = "PopoverViewport";
+export {
+  m as PopoverArrow,
+  d as PopoverBackdrop,
+  u as PopoverClose,
+  g as PopoverDescription,
+  c as PopoverPopup,
+  n as PopoverPortal,
+  l as PopoverPositioner,
+  s as PopoverRoot,
+  P as PopoverTitle,
+  p as PopoverTrigger,
+  v as PopoverViewport
+};

package/dist/preview-card.d.ts

@@ -0,0 +1,54 @@
+import { JSX } from 'react/jsx-runtime';
+import { PreviewCard } from '@base-ui/react/preview-card';
+import * as React_2 from 'react';
+
+export declare const PreviewCardArrow: {
+    ({ className, ...props }: PreviewCardArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PreviewCardArrowProps = React_2.ComponentProps<typeof PreviewCard.Arrow>;
+
+export declare const PreviewCardBackdrop: {
+    ({ className, ...props }: PreviewCardBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PreviewCardBackdropProps = React_2.ComponentProps<typeof PreviewCard.Backdrop>;
+
+export declare const PreviewCardPopup: {
+    ({ className, ...props }: PreviewCardPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PreviewCardPopupProps = React_2.ComponentProps<typeof PreviewCard.Popup>;
+
+export declare const PreviewCardPortal: {
+    (props: PreviewCardPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PreviewCardPortalProps = React_2.ComponentProps<typeof PreviewCard.Portal>;
+
+export declare const PreviewCardPositioner: {
+    ({ className, ...props }: PreviewCardPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PreviewCardPositionerProps = React_2.ComponentProps<typeof PreviewCard.Positioner>;
+
+export declare const PreviewCardRoot: {
+    (props: PreviewCardRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PreviewCardRootProps = React_2.ComponentProps<typeof PreviewCard.Root>;
+
+export declare const PreviewCardTrigger: {
+    ({ className, ...props }: PreviewCardTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type PreviewCardTriggerProps = React_2.ComponentProps<typeof PreviewCard.Trigger>;
+
+export { }

package/dist/preview-card.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { PreviewCard as e } from "@base-ui/react/preview-card";
+import { A as o } from "./arrow-svg-C6zQTvgS.js";
+import { c as i } from "./utils-B6yFEsav.js";
+const d = (r) => /* @__PURE__ */ t(e.Root, { ...r });
+d.displayName = "PreviewCardRoot";
+const s = ({ className: r, ...a }) => /* @__PURE__ */ t(e.Trigger, { className: i("underline", r), ...a });
+s.displayName = "PreviewCardTrigger";
+const n = (r) => /* @__PURE__ */ t(e.Portal, { ...r });
+n.displayName = "PreviewCardPortal";
+const p = ({ className: r, ...a }) => /* @__PURE__ */ t(
+  e.Backdrop,
+  {
+    className: i(
+      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
+      "transition-opacity duration-200",
+      "data-starting-style:opacity-0 data-ending-style:opacity-0",
+      r
+    ),
+    ...a
+  }
+);
+p.displayName = "PreviewCardBackdrop";
+const l = ({ className: r, ...a }) => /* @__PURE__ */ t(
+  e.Positioner,
+  {
+    className: i(
+      "z-50 outline-none",
+      "h-(--positioner-height) w-(--positioner-width)",
+      "max-w-(--available-width)",
+      "transition-[top,left,right,bottom,transform]",
+      "duration-[0.35s]",
+      "ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "data-instant:transition-none",
+      r
+    ),
+    sideOffset: 8,
+    ...a
+  }
+);
+l.displayName = "PreviewCardPositioner";
+const c = ({ className: r, ...a }) => /* @__PURE__ */ t(
+  e.Popup,
+  {
+    className: i(
+      "rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative",
+      "h-(--popup-height,auto) w-(--popup-width,auto)",
+      "max-w-[320px]",
+      "origin-(--transform-origin)",
+      "border-border",
+      "transition-[transform,scale,opacity]",
+      "data-ending-style:scale-90 data-ending-style:opacity-0",
+      "data-starting-style:scale-90 data-starting-style:opacity-0",
+      "dark:shadow-none",
+      r
+    ),
+    ...a
+  }
+);
+c.displayName = "PreviewCardPopup";
+const m = ({ className: r, ...a }) => /* @__PURE__ */ t(
+  e.Arrow,
+  {
+    className: i(
+      "flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180",
+      r
+    ),
+    ...a,
+    children: /* @__PURE__ */ t(o, {})
+  }
+);
+m.displayName = "PreviewCardArrow";
+export {
+  m as PreviewCardArrow,
+  p as PreviewCardBackdrop,
+  c as PreviewCardPopup,
+  n as PreviewCardPortal,
+  l as PreviewCardPositioner,
+  d as PreviewCardRoot,
+  s as PreviewCardTrigger
+};

package/dist/progress.d.ts

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

package/dist/progress.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { Progress as o } from "@base-ui/react/progress";
+import { c as a } from "./utils-B6yFEsav.js";
+const t = ({ className: r, ...e }) => /* @__PURE__ */ s(o.Root, { className: a("w-full", r), ...e });
+t.displayName = "ProgressRoot";
+const l = ({ className: r, ...e }) => /* @__PURE__ */ s(
+  o.Track,
+  {
+    className: a(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      r
+    ),
+    ...e
+  }
+);
+l.displayName = "ProgressTrack";
+const n = ({ className: r, ...e }) => /* @__PURE__ */ s(
+  o.Indicator,
+  {
+    className: a(
+      "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
+      r
+    ),
+    ...e
+  }
+);
+n.displayName = "ProgressIndicator";
+const m = ({ className: r, ...e }) => /* @__PURE__ */ s(
+  o.Value,
+  {
+    className: a("text-sm font-medium text-foreground", r),
+    ...e
+  }
+);
+m.displayName = "ProgressValue";
+const u = ({ className: r, ...e }) => /* @__PURE__ */ s(
+  o.Label,
+  {
+    className: a("text-sm font-medium text-foreground", r),
+    ...e
+  }
+);
+u.displayName = "ProgressLabel";
+export {
+  n as ProgressIndicator,
+  u as ProgressLabel,
+  t as ProgressRoot,
+  l as ProgressTrack,
+  m as ProgressValue
+};