@arcadeai/design-system 0.7.4 → 0.7.5

package/dist/components/index.js

@@ -2,35 +2,36 @@ import { Accordion as o, AccordionContent as t, AccordionItem as a, AccordionTri
 import { Alert as l, AlertDescription as d, AlertTitle as p } from "./ui/atoms/alert.js";
 import { Avatar as S, AvatarFallback as b, AvatarImage as u } from "./ui/atoms/avatar.js";
 import { Badge as g, badgeVariants as c } from "./ui/atoms/badge.js";
-import { Breadcrumb as x, BreadcrumbEllipsis as s, BreadcrumbItem as f, BreadcrumbLink as D, BreadcrumbList as M, BreadcrumbPage as h, BreadcrumbSeparator as w } from "./ui/atoms/breadcrumb.js";
+import { Breadcrumb as T, BreadcrumbEllipsis as f, BreadcrumbItem as s, BreadcrumbLink as D, BreadcrumbList as M, BreadcrumbPage as h, BreadcrumbSeparator as w } from "./ui/atoms/breadcrumb.js";
 import { Button as B, buttonVariants as A } from "./ui/atoms/button.js";
 import { Card as v, CardAction as P, CardContent as L, CardDescription as H, CardFooter as G, CardHeader as R, CardTitle as k } from "./ui/atoms/card.js";
 import { ChartContainer as V, ChartLegend as z, ChartLegendContent as E, ChartStyle as O, ChartTooltip as U, ChartTooltipContent as j } from "./ui/atoms/chart.js";
 import { Collapsible as J, CollapsibleContent as K, CollapsibleTrigger as N } from "./ui/atoms/collapsible.js";
 import { Command as W, CommandDialog as X, CommandEmpty as Y, CommandGroup as Z, CommandInput as _, CommandItem as $, CommandList as ee, CommandSeparator as re, CommandShortcut as oe } from "./ui/atoms/command.js";
 import { Dialog as ae, DialogClose as ne, DialogContent as ie, DialogDescription as le, DialogFooter as de, DialogHeader as pe, DialogOverlay as me, DialogPortal as Se, DialogTitle as be, DialogTrigger as ue } from "./ui/atoms/dialog.js";
-import { DropdownMenu as ge, DropdownMenuCheckboxItem as ce, DropdownMenuContent as Te, DropdownMenuGroup as xe, DropdownMenuItem as se, DropdownMenuLabel as fe, DropdownMenuPortal as De, DropdownMenuRadioGroup as Me, DropdownMenuRadioItem as he, DropdownMenuSeparator as we, DropdownMenuShortcut as Fe, DropdownMenuSub as Be, DropdownMenuSubContent as Ae, DropdownMenuSubTrigger as Ie, DropdownMenuTrigger as ve } from "./ui/atoms/dropdown-menu.js";
-import { Form as Le, FormControl as He, FormDescription as Ge, FormField as Re, FormItem as ke, FormLabel as ye, FormMessage as Ve, useFormContext as ze, useFormField as Ee } from "./ui/atoms/form.js";
-import { HoverCard as Ue, HoverCardContent as je, HoverCardTrigger as qe } from "./ui/atoms/hover-card.js";
-import { Input as Ke } from "./ui/atoms/input.js";
-import { Label as Qe } from "./ui/atoms/label.js";
-import { Popover as Xe, PopoverAnchor as Ye, PopoverContent as Ze, PopoverTrigger as _e } from "./ui/atoms/popover.js";
-import { Progress as er } from "./ui/atoms/progress.js";
-import { ResizableHandle as or, ResizablePanel as tr, ResizablePanelGroup as ar } from "./ui/atoms/resizable.js";
-import { ScrollArea as ir, ScrollBar as lr } from "./ui/atoms/scroll-area.js";
-import { Select as pr, SelectContent as mr, SelectGroup as Sr, SelectItem as br, SelectLabel as ur, SelectScrollDownButton as Cr, SelectScrollUpButton as gr, SelectSeparator as cr, SelectTrigger as Tr, SelectValue as xr } from "./ui/atoms/select.js";
+import { DropdownMenu as ge, DropdownMenuCheckboxItem as ce, DropdownMenuContent as xe, DropdownMenuGroup as Te, DropdownMenuItem as fe, DropdownMenuLabel as se, DropdownMenuPortal as De, DropdownMenuRadioGroup as Me, DropdownMenuRadioItem as he, DropdownMenuSeparator as we, DropdownMenuShortcut as Fe, DropdownMenuSub as Be, DropdownMenuSubContent as Ae, DropdownMenuSubTrigger as Ie, DropdownMenuTrigger as ve } from "./ui/atoms/dropdown-menu.js";
+import { Form as Le, FormControl as He, FormDescription as Ge, FormField as Re, FormItem as ke, FormLabel as ye, FormMessage as Ve, useFormField as ze } from "./ui/atoms/form.js";
+import { HoverCard as Oe, HoverCardContent as Ue, HoverCardTrigger as je } from "./ui/atoms/hover-card.js";
+import { Input as Je } from "./ui/atoms/input.js";
+import { Label as Ne } from "./ui/atoms/label.js";
+import { Popover as We, PopoverAnchor as Xe, PopoverContent as Ye, PopoverTrigger as Ze } from "./ui/atoms/popover.js";
+import { Progress as $e } from "./ui/atoms/progress.js";
+import { ResizableHandle as rr, ResizablePanel as or, ResizablePanelGroup as tr } from "./ui/atoms/resizable.js";
+import { ScrollArea as nr, ScrollBar as ir } from "./ui/atoms/scroll-area.js";
+import { Select as dr, SelectContent as pr, SelectGroup as mr, SelectItem as Sr, SelectLabel as br, SelectScrollDownButton as ur, SelectScrollUpButton as Cr, SelectSeparator as gr, SelectTrigger as cr, SelectValue as xr } from "./ui/atoms/select.js";
 import { Separator as fr } from "./ui/atoms/separator.js";
-import { Sheet as Mr, SheetClose as hr, SheetContent as wr, SheetDescription as Fr, SheetFooter as Br, SheetHeader as Ar, SheetTitle as Ir, SheetTrigger as vr } from "./ui/atoms/sheet.js";
-import { Sidebar as Lr, SidebarContent as Hr, SidebarFooter as Gr, SidebarGroup as Rr, SidebarGroupAction as kr, SidebarGroupContent as yr, SidebarGroupLabel as Vr, SidebarHeader as zr, SidebarInput as Er, SidebarInset as Or, SidebarMenu as Ur, SidebarMenuAction as jr, SidebarMenuBadge as qr, SidebarMenuButton as Jr, SidebarMenuItem as Kr, SidebarMenuSkeleton as Nr, SidebarMenuSub as Qr, SidebarMenuSubButton as Wr, SidebarMenuSubItem as Xr, SidebarProvider as Yr, SidebarRail as Zr, SidebarSeparator as _r, SidebarTrigger as $r, useSidebar as eo } from "./ui/atoms/sidebar.js";
-import { Skeleton as oo } from "./ui/atoms/skeleton.js";
-import { Slider as ao } from "./ui/atoms/slider.js";
-import { Toaster as io } from "./ui/atoms/sonner.js";
-import { Switch as po } from "./ui/atoms/switch.js";
-import { Table as So, TableBody as bo, TableCaption as uo, TableCell as Co, TableFooter as go, TableHead as co, TableHeader as To, TableRow as xo } from "./ui/atoms/table.js";
-import { Tabs as fo, TabsContent as Do, TabsList as Mo, TabsTrigger as ho } from "./ui/atoms/tabs.js";
-import { Textarea as Fo } from "./ui/atoms/textarea.js";
-import { Toggle as Ao, toggleVariants as Io } from "./ui/atoms/toggle.js";
-import { Tooltip as Po, TooltipContent as Lo, TooltipProvider as Ho, TooltipTrigger as Go } from "./ui/atoms/tooltip.js";
+import { Sheet as Dr, SheetClose as Mr, SheetContent as hr, SheetDescription as wr, SheetFooter as Fr, SheetHeader as Br, SheetTitle as Ar, SheetTrigger as Ir } from "./ui/atoms/sheet.js";
+import { Sidebar as Pr, SidebarContent as Lr, SidebarFooter as Hr, SidebarGroup as Gr, SidebarGroupAction as Rr, SidebarGroupContent as kr, SidebarGroupLabel as yr, SidebarHeader as Vr, SidebarInput as zr, SidebarInset as Er, SidebarMenu as Or, SidebarMenuAction as Ur, SidebarMenuBadge as jr, SidebarMenuButton as qr, SidebarMenuItem as Jr, SidebarMenuSkeleton as Kr, SidebarMenuSub as Nr, SidebarMenuSubButton as Qr, SidebarMenuSubItem as Wr, SidebarProvider as Xr, SidebarRail as Yr, SidebarSeparator as Zr, SidebarTrigger as _r, useSidebar as $r } from "./ui/atoms/sidebar.js";
+import { Skeleton as ro } from "./ui/atoms/skeleton.js";
+import { Slider as to } from "./ui/atoms/slider.js";
+import { Toaster as no } from "./ui/atoms/sonner.js";
+import { Switch as lo } from "./ui/atoms/switch.js";
+import { Table as mo, TableBody as So, TableCaption as bo, TableCell as uo, TableFooter as Co, TableHead as go, TableHeader as co, TableRow as xo } from "./ui/atoms/table.js";
+import { Tabs as fo, TabsContent as so, TabsList as Do, TabsTrigger as Mo } from "./ui/atoms/tabs.js";
+import { Textarea as wo } from "./ui/atoms/textarea.js";
+import { Toggle as Bo, toggleVariants as Ao } from "./ui/atoms/toggle.js";
+import { Tooltip as vo, TooltipContent as Po, TooltipProvider as Lo, TooltipTrigger as Ho } from "./ui/atoms/tooltip.js";
+import { useFormContext as Ro } from "react-hook-form";
 export {
   o as Accordion,
   t as AccordionContent,
@@ -43,9 +44,9 @@ export {
   b as AvatarFallback,
   u as AvatarImage,
   g as Badge,
-  x as Breadcrumb,
-  s as BreadcrumbEllipsis,
-  f as BreadcrumbItem,
+  T as Breadcrumb,
+  f as BreadcrumbEllipsis,
+  s as BreadcrumbItem,
   D as BreadcrumbLink,
   M as BreadcrumbList,
   h as BreadcrumbPage,
@@ -88,10 +89,10 @@ export {
   ue as DialogTrigger,
   ge as DropdownMenu,
   ce as DropdownMenuCheckboxItem,
-  Te as DropdownMenuContent,
-  xe as DropdownMenuGroup,
-  se as DropdownMenuItem,
-  fe as DropdownMenuLabel,
+  xe as DropdownMenuContent,
+  Te as DropdownMenuGroup,
+  fe as DropdownMenuItem,
+  se as DropdownMenuLabel,
   De as DropdownMenuPortal,
   Me as DropdownMenuRadioGroup,
   he as DropdownMenuRadioItem,
@@ -108,89 +109,89 @@ export {
   ke as FormItem,
   ye as FormLabel,
   Ve as FormMessage,
-  Ue as HoverCard,
-  je as HoverCardContent,
-  qe as HoverCardTrigger,
-  Ke as Input,
-  Qe as Label,
-  Xe as Popover,
-  Ye as PopoverAnchor,
-  Ze as PopoverContent,
-  _e as PopoverTrigger,
-  er as Progress,
-  or as ResizableHandle,
-  tr as ResizablePanel,
-  ar as ResizablePanelGroup,
-  ir as ScrollArea,
-  lr as ScrollBar,
-  pr as Select,
-  mr as SelectContent,
-  Sr as SelectGroup,
-  br as SelectItem,
-  ur as SelectLabel,
-  Cr as SelectScrollDownButton,
-  gr as SelectScrollUpButton,
-  cr as SelectSeparator,
-  Tr as SelectTrigger,
+  Oe as HoverCard,
+  Ue as HoverCardContent,
+  je as HoverCardTrigger,
+  Je as Input,
+  Ne as Label,
+  We as Popover,
+  Xe as PopoverAnchor,
+  Ye as PopoverContent,
+  Ze as PopoverTrigger,
+  $e as Progress,
+  rr as ResizableHandle,
+  or as ResizablePanel,
+  tr as ResizablePanelGroup,
+  nr as ScrollArea,
+  ir as ScrollBar,
+  dr as Select,
+  pr as SelectContent,
+  mr as SelectGroup,
+  Sr as SelectItem,
+  br as SelectLabel,
+  ur as SelectScrollDownButton,
+  Cr as SelectScrollUpButton,
+  gr as SelectSeparator,
+  cr as SelectTrigger,
   xr as SelectValue,
   fr as Separator,
-  Mr as Sheet,
-  hr as SheetClose,
-  wr as SheetContent,
-  Fr as SheetDescription,
-  Br as SheetFooter,
-  Ar as SheetHeader,
-  Ir as SheetTitle,
-  vr as SheetTrigger,
-  Lr as Sidebar,
-  Hr as SidebarContent,
-  Gr as SidebarFooter,
-  Rr as SidebarGroup,
-  kr as SidebarGroupAction,
-  yr as SidebarGroupContent,
-  Vr as SidebarGroupLabel,
-  zr as SidebarHeader,
-  Er as SidebarInput,
-  Or as SidebarInset,
-  Ur as SidebarMenu,
-  jr as SidebarMenuAction,
-  qr as SidebarMenuBadge,
-  Jr as SidebarMenuButton,
-  Kr as SidebarMenuItem,
-  Nr as SidebarMenuSkeleton,
-  Qr as SidebarMenuSub,
-  Wr as SidebarMenuSubButton,
-  Xr as SidebarMenuSubItem,
-  Yr as SidebarProvider,
-  Zr as SidebarRail,
-  _r as SidebarSeparator,
-  $r as SidebarTrigger,
-  oo as Skeleton,
-  ao as Slider,
-  po as Switch,
-  So as Table,
-  bo as TableBody,
-  uo as TableCaption,
-  Co as TableCell,
-  go as TableFooter,
-  co as TableHead,
-  To as TableHeader,
+  Dr as Sheet,
+  Mr as SheetClose,
+  hr as SheetContent,
+  wr as SheetDescription,
+  Fr as SheetFooter,
+  Br as SheetHeader,
+  Ar as SheetTitle,
+  Ir as SheetTrigger,
+  Pr as Sidebar,
+  Lr as SidebarContent,
+  Hr as SidebarFooter,
+  Gr as SidebarGroup,
+  Rr as SidebarGroupAction,
+  kr as SidebarGroupContent,
+  yr as SidebarGroupLabel,
+  Vr as SidebarHeader,
+  zr as SidebarInput,
+  Er as SidebarInset,
+  Or as SidebarMenu,
+  Ur as SidebarMenuAction,
+  jr as SidebarMenuBadge,
+  qr as SidebarMenuButton,
+  Jr as SidebarMenuItem,
+  Kr as SidebarMenuSkeleton,
+  Nr as SidebarMenuSub,
+  Qr as SidebarMenuSubButton,
+  Wr as SidebarMenuSubItem,
+  Xr as SidebarProvider,
+  Yr as SidebarRail,
+  Zr as SidebarSeparator,
+  _r as SidebarTrigger,
+  ro as Skeleton,
+  to as Slider,
+  lo as Switch,
+  mo as Table,
+  So as TableBody,
+  bo as TableCaption,
+  uo as TableCell,
+  Co as TableFooter,
+  go as TableHead,
+  co as TableHeader,
   xo as TableRow,
   fo as Tabs,
-  Do as TabsContent,
-  Mo as TabsList,
-  ho as TabsTrigger,
-  Fo as Textarea,
-  io as Toaster,
-  Ao as Toggle,
-  Po as Tooltip,
-  Lo as TooltipContent,
-  Ho as TooltipProvider,
-  Go as TooltipTrigger,
+  so as TabsContent,
+  Do as TabsList,
+  Mo as TabsTrigger,
+  wo as Textarea,
+  no as Toaster,
+  Bo as Toggle,
+  vo as Tooltip,
+  Po as TooltipContent,
+  Lo as TooltipProvider,
+  Ho as TooltipTrigger,
   c as badgeVariants,
   A as buttonVariants,
-  Io as toggleVariants,
-  ze as useFormContext,
-  Ee as useFormField,
-  eo as useSidebar
+  Ao as toggleVariants,
+  Ro as useFormContext,
+  ze as useFormField,
+  $r as useSidebar
 };

package/dist/components/ui/atoms/accordion.js

@@ -9,8 +9,8 @@ import { P as M } from "../../../index-CpDnqHCm.js";
 import { c as V, R as oe, T as re, b as te } from "../../../index-CtSXVDca.js";
 import { u as ne } from "../../../index-Cv867SGx.js";
 import { u as ce } from "../../../index-ByaXH_ih.js";
+import { ChevronDownIcon as ae } from "lucide-react";
 import { c as S } from "../../../utils-CRiPKpXj.js";
-import { C as ae } from "../../../chevron-down-DmZMdOiC.js";
 var d = "Accordion", ie = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [E, se, le] = X(d), [b, Oe] = W(d, [
   le,
   V

package/dist/components/ui/atoms/avatar.js

@@ -1,130 +1,248 @@
-import { jsx as d } from "react/jsx-runtime";
-import * as i from "react";
-import { c as R } from "../../../index-DFZozV_h.js";
-import { u as b } from "../../../index-0ioNhtNM.js";
-import { u as f } from "../../../index-CCKe-Mpx.js";
-import { P as m } from "../../../index-CpDnqHCm.js";
-import { r as C } from "../../../index-CJFGOBPb.js";
-import { c as v } from "../../../utils-CRiPKpXj.js";
-var y = C();
-function N() {
-  return y.useSyncExternalStore(
-    _,
+import { jsx as g } from "react/jsx-runtime";
+import * as _ from "react";
+import N from "react";
+import { c as H } from "../../../index-DFZozV_h.js";
+import { u as U } from "../../../index-0ioNhtNM.js";
+import { u as O } from "../../../index-CCKe-Mpx.js";
+import { P as w } from "../../../index-CpDnqHCm.js";
+import { c as x } from "../../../utils-CRiPKpXj.js";
+var h = { exports: {} }, y = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var I;
+function q() {
+  if (I) return y;
+  I = 1;
+  var e = N;
+  function t(a, d) {
+    return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
+  }
+  var i = typeof Object.is == "function" ? Object.is : t, c = e.useState, o = e.useEffect, r = e.useLayoutEffect, S = e.useDebugValue;
+  function f(a, d) {
+    var n = d(), u = c({ inst: { value: n, getSnapshot: d } }), s = u[0].inst, p = u[1];
+    return r(
+      function() {
+        s.value = n, s.getSnapshot = d, l(s) && p({ inst: s });
+      },
+      [a, n, d]
+    ), o(
+      function() {
+        return l(s) && p({ inst: s }), a(function() {
+          l(s) && p({ inst: s });
+        });
+      },
+      [a]
+    ), S(n), n;
+  }
+  function l(a) {
+    var d = a.getSnapshot;
+    a = a.value;
+    try {
+      var n = d();
+      return !i(a, n);
+    } catch {
+      return !0;
+    }
+  }
+  function v(a, d) {
+    return d();
+  }
+  var E = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? v : f;
+  return y.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : E, y;
+}
+var A = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var C;
+function B() {
+  return C || (C = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(n, u) {
+      return n === u && (n !== 0 || 1 / n === 1 / u) || n !== n && u !== u;
+    }
+    function t(n, u) {
+      E || o.startTransition === void 0 || (E = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var s = u();
+      if (!a) {
+        var p = u();
+        r(s, p) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), a = !0);
+      }
+      p = S({
+        inst: { value: s, getSnapshot: u }
+      });
+      var m = p[0].inst, L = p[1];
+      return l(
+        function() {
+          m.value = s, m.getSnapshot = u, i(m) && L({ inst: m });
+        },
+        [n, s, u]
+      ), f(
+        function() {
+          return i(m) && L({ inst: m }), n(function() {
+            i(m) && L({ inst: m });
+          });
+        },
+        [n]
+      ), v(s), s;
+    }
+    function i(n) {
+      var u = n.getSnapshot;
+      n = n.value;
+      try {
+        var s = u();
+        return !r(n, s);
+      } catch {
+        return !0;
+      }
+    }
+    function c(n, u) {
+      return u();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = N, r = typeof Object.is == "function" ? Object.is : e, S = o.useState, f = o.useEffect, l = o.useLayoutEffect, v = o.useDebugValue, E = !1, a = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? c : t;
+    A.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), A;
+}
+var T;
+function K() {
+  return T || (T = 1, process.env.NODE_ENV === "production" ? h.exports = q() : h.exports = B()), h.exports;
+}
+var $ = K();
+function F() {
+  return $.useSyncExternalStore(
+    P,
     () => !0,
     () => !1
   );
 }
-function _() {
+function P() {
   return () => {
   };
 }
-var g = "Avatar", [k, V] = R(g), [F, S] = k(g), L = i.forwardRef(
-  (a, e) => {
-    const { __scopeAvatar: n, ...r } = a, [o, t] = i.useState("idle");
-    return /* @__PURE__ */ d(
-      F,
+var R = "Avatar", [z, ue] = H(R), [W, D] = z(R), k = _.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: i, ...c } = e, [o, r] = _.useState("idle");
+    return /* @__PURE__ */ g(
+      W,
       {
-        scope: n,
+        scope: i,
         imageLoadingStatus: o,
-        onImageLoadingStatusChange: t,
-        children: /* @__PURE__ */ d(m.span, { ...r, ref: e })
+        onImageLoadingStatusChange: r,
+        children: /* @__PURE__ */ g(w.span, { ...c, ref: t })
       }
     );
   }
 );
-L.displayName = g;
-var h = "AvatarImage", E = i.forwardRef(
-  (a, e) => {
-    const { __scopeAvatar: n, src: r, onLoadingStatusChange: o = () => {
-    }, ...t } = a, l = S(h, n), s = M(r, t), u = b((c) => {
-      o(c), l.onImageLoadingStatusChange(c);
+k.displayName = R;
+var G = "AvatarImage", V = _.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: i, src: c, onLoadingStatusChange: o = () => {
+    }, ...r } = e, S = D(G, i), f = Y(c, r), l = U((v) => {
+      o(v), S.onImageLoadingStatusChange(v);
     });
-    return f(() => {
-      s !== "idle" && u(s);
-    }, [s, u]), s === "loaded" ? /* @__PURE__ */ d(m.img, { ...t, ref: e, src: r }) : null;
+    return O(() => {
+      f !== "idle" && l(f);
+    }, [f, l]), f === "loaded" ? /* @__PURE__ */ g(w.img, { ...r, ref: t, src: c }) : null;
   }
 );
-E.displayName = h;
-var I = "AvatarFallback", w = i.forwardRef(
-  (a, e) => {
-    const { __scopeAvatar: n, delayMs: r, ...o } = a, t = S(I, n), [l, s] = i.useState(r === void 0);
-    return i.useEffect(() => {
-      if (r !== void 0) {
-        const u = window.setTimeout(() => s(!0), r);
-        return () => window.clearTimeout(u);
+V.displayName = G;
+var M = "AvatarFallback", j = _.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: i, delayMs: c, ...o } = e, r = D(M, i), [S, f] = _.useState(c === void 0);
+    return _.useEffect(() => {
+      if (c !== void 0) {
+        const l = window.setTimeout(() => f(!0), c);
+        return () => window.clearTimeout(l);
       }
-    }, [r]), l && t.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ d(m.span, { ...o, ref: e }) : null;
+    }, [c]), S && r.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ g(w.span, { ...o, ref: t }) : null;
   }
 );
-w.displayName = I;
-function A(a, e) {
-  return a ? e ? (a.src !== e && (a.src = e), a.complete && a.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+j.displayName = M;
+function b(e, t) {
+  return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
 }
-function M(a, { referrerPolicy: e, crossOrigin: n }) {
-  const r = N(), o = i.useRef(null), t = r ? (o.current || (o.current = new window.Image()), o.current) : null, [l, s] = i.useState(
-    () => A(t, a)
+function Y(e, { referrerPolicy: t, crossOrigin: i }) {
+  const c = F(), o = _.useRef(null), r = c ? (o.current || (o.current = new window.Image()), o.current) : null, [S, f] = _.useState(
+    () => b(r, e)
   );
-  return f(() => {
-    s(A(t, a));
-  }, [t, a]), f(() => {
-    const u = (x) => () => {
-      s(x);
+  return O(() => {
+    f(b(r, e));
+  }, [r, e]), O(() => {
+    const l = (a) => () => {
+      f(a);
     };
-    if (!t) return;
-    const c = u("loaded"), p = u("error");
-    return t.addEventListener("load", c), t.addEventListener("error", p), e && (t.referrerPolicy = e), typeof n == "string" && (t.crossOrigin = n), () => {
-      t.removeEventListener("load", c), t.removeEventListener("error", p);
+    if (!r) return;
+    const v = l("loaded"), E = l("error");
+    return r.addEventListener("load", v), r.addEventListener("error", E), t && (r.referrerPolicy = t), typeof i == "string" && (r.crossOrigin = i), () => {
+      r.removeEventListener("load", v), r.removeEventListener("error", E);
     };
-  }, [t, n, e]), l;
+  }, [r, i, t]), S;
 }
-var P = L, z = E, T = w;
-function W({
-  className: a,
-  ...e
+var J = k, Q = V, X = j;
+function se({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ d(
-    P,
+  return /* @__PURE__ */ g(
+    J,
     {
-      className: v(
+      className: x(
         "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        a
+        e
       ),
       "data-slot": "avatar",
-      ...e
+      ...t
     }
   );
 }
-function D({
-  className: a,
-  ...e
+function ie({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ d(
-    z,
+  return /* @__PURE__ */ g(
+    Q,
     {
-      className: v("aspect-square size-full", a),
+      className: x("aspect-square size-full", e),
       "data-slot": "avatar-image",
-      ...e
+      ...t
     }
   );
 }
-function J({
-  className: a,
-  ...e
+function ce({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ d(
-    T,
+  return /* @__PURE__ */ g(
+    X,
     {
-      className: v(
+      className: x(
         "flex size-full items-center justify-center rounded-full bg-muted",
-        a
+        e
       ),
       "data-slot": "avatar-fallback",
-      ...e
+      ...t
     }
   );
 }
 export {
-  W as Avatar,
-  J as AvatarFallback,
-  D as AvatarImage
+  se as Avatar,
+  ce as AvatarFallback,
+  ie as AvatarImage
 };