@vuer-ai/vuer-uikit 0.0.19 → 0.0.21

package/dist/chunk-EUY74AXP.mjs

@@ -0,0 +1,341 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      className: "text-text-primary hover:text-text-highlight disabled:text-text-tertiary active:text-text-secondary",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        [
+          "bg-bg-primary",
+          "p-md",
+          "data-[state=open]:animate-in",
+          "data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0",
+          "data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-95",
+          "data-[state=open]:zoom-in-95",
+          "data-[side=bottom]:slide-in-from-top-2",
+          "data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2",
+          "data-[side=top]:slide-in-from-bottom-2",
+          "relative",
+          "z-50",
+          "max-h-(--radix-dropdown-menu-content-available-height)",
+          "min-w-[8rem]",
+          "origin-(--radix-dropdown-menu-content-transform-origin)",
+          "overflow-x-hidden",
+          "overflow-y-auto",
+          "rounded-uk-md",
+          "shadow-md",
+          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+          "liquid:liquid-bg"
+        ],
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Group,
+    {
+      "data-slot": "dropdown-menu-group",
+      className: cn("space-y-xs", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        [
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "pr-md",
+          "pl-[calc(var(--spacing-md)*2)]",
+          "py-xs",
+          "mb-xs",
+          "last:mb-0",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
+          "outline-hidden",
+          "select-none",
+          "hover:bg-bg-tertiary",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg:not([class*='text-'])]:text-muted-foreground"
+        ],
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn(
+        [
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "pr-md",
+          "pl-[calc(var(--spacing-xl)*1.8)]",
+          "py-xs",
+          "mb-xs",
+          "last:mb-0",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
+          "outline-hidden",
+          "select-none",
+          "hover:bg-bg-tertiary",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0"
+        ],
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn(
+        [
+          "w-full",
+          "hover:bg-bg-tertiary",
+          "outline-hidden",
+          "relative",
+          "flex",
+          "cursor-default",
+          "select-none",
+          "items-center",
+          "gap-md",
+          "rounded-uk-xs",
+          "py-xs",
+          "pl-[calc(var(--spacing-xl)*1.8)]",
+          "pr-md",
+          "mb-xs",
+          "last:mb-0",
+          "text-uk-xs",
+          "leading-uk-xs",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0"
+        ],
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn("text-text-secondary text-uk-xs leading-uk-xs px-2 py-1.5", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: cn("text-text-tertiary text-uk-xs leading-uk-xs ml-auto", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "w-full",
+        "flex",
+        "gap-md",
+        "items-center",
+        "pr-md",
+        "pl-[calc(var(--spacing-md)*2)]",
+        "py-xs",
+        "mb-xs",
+        "relative",
+        "cursor-default",
+        "rounded-uk-xs",
+        "text-uk-xs",
+        "leading-uk-xs",
+        "outline-hidden",
+        "select-none",
+        "hover:bg-bg-tertiary",
+        "data-[state=open]:bg-bg-tertiary",
+        "data-[disabled]:pointer-events-none",
+        "data-[disabled]:text-bg-quaternary",
+        "[&_svg]:pointer-events-none",
+        "[&_svg]:shrink-0",
+        "[&_svg:not([class*='size-'])]:size-4",
+        "[&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "bg-bg-primary",
+        "p-md",
+        "data-[state=open]:animate-in",
+        "data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0",
+        "data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95",
+        "data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-2",
+        "data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2",
+        "data-[side=top]:slide-in-from-bottom-2",
+        "relative",
+        "z-50",
+        "max-h-(--radix-dropdown-menu-content-available-height)",
+        "min-w-[8rem]",
+        "origin-(--radix-dropdown-menu-content-transform-origin)",
+        "overflow-x-hidden",
+        "overflow-y-auto",
+        "rounded-uk-md",
+        "shadow-md",
+        "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+        "liquid:liquid-bg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/chunk-EYIFKSU2.mjs

@@ -0,0 +1,259 @@
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-JMPVDU2C.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import { Search, CaseSensitive, Regex, ChevronDown } from 'lucide-react';
+import { useState, useMemo, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function TreeView({
+  data,
+  getIcon,
+  onVisibleDataChange,
+  onItemHover,
+  className,
+  hoveredId
+}) {
+  const [expandedItems, setExpandedItems] = useState(() => {
+    const initial = /* @__PURE__ */ new Set();
+    data.forEach((item) => {
+      if (item.isCollapsible) initial.add(item.id);
+    });
+    return initial;
+  });
+  const [searchQuery, setSearchQuery] = useState("");
+  const [isCaseSensitive, setIsCaseSensitive] = useState(false);
+  const [isRegex, setIsRegex] = useState(false);
+  const [isRegexValid, setIsRegexValid] = useState(true);
+  const toggleItem = (id) => {
+    setExpandedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(id)) {
+        newSet.delete(id);
+      } else {
+        newSet.add(id);
+      }
+      return newSet;
+    });
+  };
+  const childrenMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    data.forEach((item) => {
+      if (!map.has(item.parentId)) {
+        map.set(item.parentId, []);
+      }
+      map.get(item.parentId).push(item);
+    });
+    return map;
+  }, [data]);
+  const dataWithMeta = useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    const getAncestors = (item) => {
+      const ancestors = [];
+      let current = item.parentId;
+      while (current) {
+        const parent = dataMap.get(current);
+        if (parent) {
+          ancestors.unshift(parent);
+          current = parent.parentId;
+        } else {
+          break;
+        }
+      }
+      return ancestors;
+    };
+    return data.map((item) => {
+      const siblings = childrenMap.get(item.parentId) || [];
+      const isLast = siblings.length > 0 && siblings[siblings.length - 1].id === item.id;
+      const ancestors = getAncestors(item);
+      const indent = ancestors.length;
+      return { ...item, indent, isLast, ancestors };
+    });
+  }, [data, childrenMap]);
+  const visibleData = useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    if (!searchQuery) {
+      const isVisible = (item) => {
+        return item.ancestors.every((ancestor) => expandedItems.has(ancestor.id));
+      };
+      return dataWithMeta.filter(isVisible);
+    }
+    const matchingAndAncestorIds = /* @__PURE__ */ new Set();
+    let regex = null;
+    if (isRegex) {
+      try {
+        regex = new RegExp(searchQuery, isCaseSensitive ? "" : "i");
+        if (!isRegexValid) setIsRegexValid(true);
+      } catch {
+        if (isRegexValid) setIsRegexValid(false);
+        return [];
+      }
+    }
+    data.forEach((item) => {
+      let labelMatches = false;
+      if (regex) {
+        labelMatches = regex.test(item.label);
+      } else {
+        const source = isCaseSensitive ? item.label : item.label.toLowerCase();
+        const query = isCaseSensitive ? searchQuery : searchQuery.toLowerCase();
+        labelMatches = source.includes(query);
+      }
+      if (labelMatches) {
+        matchingAndAncestorIds.add(item.id);
+        let current = item.parentId;
+        while (current) {
+          const parent = dataMap.get(current);
+          if (parent) {
+            matchingAndAncestorIds.add(parent.id);
+            current = parent.parentId;
+          } else {
+            break;
+          }
+        }
+      }
+    });
+    return dataWithMeta.filter((item) => matchingAndAncestorIds.has(item.id));
+  }, [searchQuery, dataWithMeta, expandedItems, isCaseSensitive, isRegex, isRegexValid, data]);
+  useEffect(() => {
+    onVisibleDataChange == null ? void 0 : onVisibleDataChange(visibleData);
+  }, [visibleData, onVisibleDataChange]);
+  const renderLabel = (label) => {
+    if (!searchQuery || !isRegexValid) {
+      return label;
+    }
+    let regex;
+    try {
+      regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
+    } catch {
+      return label;
+    }
+    const parts = label.split(regex);
+    return /* @__PURE__ */ jsx(Fragment, { children: parts.map(
+      (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "rounded-uk-xs bg-yellow-300 dark:bg-yellow-700", children: part }, i) : part
+    ) });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("border-line-secondary/20 flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "border-line-secondary/20 flex h-[32px] shrink-0 items-center gap-1 border-b px-2", children: [
+      /* @__PURE__ */ jsx(Search, { className: "text-text-secondary size-4" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search...",
+          className: cn(
+            "text-uk-md w-full bg-transparent focus:outline-none",
+            !isRegexValid && "text-red-500"
+          ),
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 200, children: [
+        /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setIsCaseSensitive((prev) => !prev),
+              className: cn("rounded-uk-sm p-1", isCaseSensitive && "bg-bg-tertiary"),
+              children: /* @__PURE__ */ jsx(CaseSensitive, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Case Sensitive" }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setIsRegex((prev) => !prev),
+              className: cn("rounded-uk-sm p-1", isRegex && "bg-bg-tertiary"),
+              children: /* @__PURE__ */ jsx(Regex, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Use Regular Expression" }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-y-auto", children: visibleData.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "group relative flex h-[32px] cursor-pointer items-center",
+          hoveredId === item.id && "bg-bg-secondary/80"
+        ),
+        onMouseEnter: () => onItemHover == null ? void 0 : onItemHover(item.id),
+        onMouseLeave: () => onItemHover == null ? void 0 : onItemHover(null),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
+            item.ancestors.map((ancestor, index) => {
+              var _a;
+              const parentIsLast = (_a = dataWithMeta.find((d) => d.id === ancestor.id)) == null ? void 0 : _a.isLast;
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "h-full w-[1.25rem]",
+                    parentIsLast ? "" : "border-l",
+                    "border-line-secondary/20"
+                  )
+                },
+                index
+              );
+            }),
+            item.indent > 0 && /* @__PURE__ */ jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
+                    item.isLast ? "rounded-bl-md" : "",
+                    "border-line-secondary/20"
+                  )
+                }
+              ),
+              !item.isLast && /* @__PURE__ */ jsx("div", { className: "border-line-secondary/20 absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "text-uk-md z-10 flex w-full items-center gap-2 px-2 whitespace-nowrap",
+              style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
+                  item.isCollapsible && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: () => toggleItem(item.id),
+                      className: "absolute z-20 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
+                      children: /* @__PURE__ */ jsx(
+                        ChevronDown,
+                        {
+                          className: cn(
+                            "size-4 transition-transform",
+                            !expandedItems.has(item.id) && "-rotate-90"
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "transition-opacity",
+                        item.isCollapsible && "group-hover:opacity-0"
+                      ),
+                      children: getIcon(item)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: renderLabel(item.label) })
+              ]
+            }
+          )
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+
+export { TreeView };

package/dist/chunk-F56ZKT7B.mjs

@@ -0,0 +1 @@
+

package/dist/chunk-F776EMXP.mjs

@@ -0,0 +1,82 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Avatar({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      className: cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ children, className, spacing = "normal", max }) {
+  const spacingClasses = {
+    tight: "-space-x-1.5",
+    normal: "-space-x-1",
+    loose: "-space-x-0.45"
+  };
+  const childrenArray = React.Children.toArray(children);
+  const displayChildren = max ? childrenArray.slice(0, max) : childrenArray;
+  const remainingCount = max && childrenArray.length > max ? childrenArray.length - max : 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex", spacingClasses[spacing], className), children: [
+    displayChildren.map((child, index) => {
+      var _a;
+      const zIndex = 30 - index;
+      if (React.isValidElement(child)) {
+        return React.cloneElement(
+          child,
+          {
+            key: index,
+            className: cn(
+              `ring-background relative ring-2 z-[${zIndex}] transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120`,
+              (_a = child.props) == null ? void 0 : _a.className
+            )
+          }
+        );
+      }
+      return child;
+    }),
+    remainingCount > 0 && /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        className: cn(
+          "ring-background relative cursor-default ring-2 transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120",
+          `z-[${30 - displayChildren.length}]`
+        ),
+        children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
+          "+",
+          remainingCount
+        ] })
+      }
+    )
+  ] });
+}
+
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage };