@nexus-cross/design-system 1.0.0

package/dist/chunks/chunk-X2SHTVZQ.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var switchVariants = classVarianceAuthority.cva("nexus-switch", {
+  variants: {
+    size: {
+      sm: "nexus-switch--sm",
+      md: "nexus-switch--md"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var Switch = React__namespace.forwardRef(
+  ({ className, size, checked, disabled, readOnly, onCheckedChange, onChange, ...props }, ref) => {
+    const handleChange = React__namespace.useCallback(
+      (e) => {
+        onCheckedChange?.(e.target.checked);
+        onChange?.(e);
+      },
+      [onCheckedChange, onChange]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: chunkCZC76ZD5_js.cn(
+          switchVariants({ size }),
+          checked ? "nexus-switch--checked" : "nexus-switch--unchecked",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref,
+              type: "checkbox",
+              role: "switch",
+              className: "nexus-sr-only",
+              checked,
+              disabled,
+              readOnly,
+              "aria-checked": checked,
+              onChange: handleChange,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: chunkCZC76ZD5_js.cn(
+                "nexus-switch__thumb",
+                size === "sm" ? "nexus-switch__thumb--sm" : "nexus-switch__thumb--md",
+                checked ? size === "sm" ? "nexus-switch__thumb--sm-on" : "nexus-switch__thumb--md-on" : "nexus-switch__thumb--off"
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+
+exports.Switch = Switch;
+exports.switchVariants = switchVariants;

package/dist/chunks/chunk-XEHFB62A.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useCheckDevice.ts
+function getMatchMedia(query) {
+  if (typeof window === "undefined") return false;
+  return window.matchMedia(query).matches;
+}
+var DEFAULT_BREAKPOINTS = {
+  mobile: 0,
+  tablet: 768,
+  desktop: 1280
+};
+function buildQueries(bp) {
+  const sorted = Object.entries(bp).sort(([, a], [, b]) => a - b);
+  const queries = {};
+  sorted.forEach(([name, minWidth], i) => {
+    const next = sorted[i + 1];
+    if (minWidth === 0 && next) {
+      queries[name] = `(max-width: ${next[1] - 1}px)`;
+    } else if (!next) {
+      queries[name] = `(min-width: ${minWidth}px)`;
+    } else {
+      queries[name] = `(min-width: ${minWidth}px) and (max-width: ${next[1] - 1}px)`;
+    }
+  });
+  return queries;
+}
+function isLegacy(bp) {
+  if (!bp || typeof bp !== "object") return false;
+  return Object.values(bp).some((v) => typeof v === "string");
+}
+function toLegacyQueries(bp) {
+  return {
+    isDesktop: bp?.isDesktop ?? "(min-width: 1280px)",
+    isTablet: bp?.isTablet ?? "screen and (min-width: 768px) and (max-width: 1279px)",
+    isMobile: bp?.isMobile ?? "(max-width: 767px)"
+  };
+}
+function useCheckDevice(breakPoints) {
+  const serialized = breakPoints ? JSON.stringify(breakPoints) : "";
+  const queries = react.useMemo(() => {
+    if (!breakPoints) return buildQueries(DEFAULT_BREAKPOINTS);
+    if (isLegacy(breakPoints)) return toLegacyQueries(breakPoints);
+    return buildQueries(breakPoints);
+  }, [serialized]);
+  const [result, setResult] = react.useState(() => {
+    const init = {};
+    for (const [key, query] of Object.entries(queries)) {
+      init[key] = getMatchMedia(query);
+    }
+    return init;
+  });
+  react.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mqls = Object.entries(queries).map(([key, query]) => ({
+      key,
+      mql: window.matchMedia(query)
+    }));
+    const update = () => {
+      setResult((prev) => {
+        const next = {};
+        let changed = false;
+        for (const { key, mql } of mqls) {
+          next[key] = mql.matches;
+          if (next[key] !== prev[key]) changed = true;
+        }
+        return changed ? next : prev;
+      });
+    };
+    for (const { mql } of mqls) mql.addEventListener("change", update);
+    update();
+    return () => {
+      for (const { mql } of mqls) mql.removeEventListener("change", update);
+    };
+  }, [queries]);
+  return result;
+}
+var useCheckDevice_default = useCheckDevice;
+
+exports.useCheckDevice_default = useCheckDevice_default;

package/dist/chunks/chunk-XG6QG65W.mjs

@@ -0,0 +1,63 @@
+import { cn } from './chunk-MCKOWMLS.mjs';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ChevronDown = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M4 6l4 4 4-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) });
+var AccordionRoot = AccordionPrimitive.Root;
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn("nexus-accordion-item", className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "nexus-accordion-header", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn("nexus-accordion-trigger", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "nexus-accordion-chevron" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "nexus-accordion-content",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("nexus-accordion-content__inner", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+var Accordion = ({
+  items,
+  type = "single",
+  collapsible = true,
+  value,
+  defaultValue,
+  className,
+  onValueChange
+}) => {
+  const accordionProps = {
+    className,
+    ...type === "single" ? {
+      type: "single",
+      collapsible,
+      value,
+      defaultValue,
+      onValueChange
+    } : {
+      type: "multiple",
+      value,
+      defaultValue,
+      onValueChange
+    }
+  };
+  return /* @__PURE__ */ jsx(AccordionRoot, { ...accordionProps, children: items.map((item) => /* @__PURE__ */ jsxs(AccordionItem, { value: item.id, className: item.className, disabled: item.disabled, children: [
+    /* @__PURE__ */ jsx(AccordionTrigger, { className: item.triggerClassName, children: item.trigger }),
+    /* @__PURE__ */ jsx(AccordionContent, { className: item.contentClassName, children: item.content })
+  ] }, item.id)) });
+};
+
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger };

package/dist/chunks/chunk-YB5ZKHVB.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var sonner = require('sonner');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Toaster({
+  position = "top-center",
+  unstyled = false,
+  toastOptions,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      position,
+      toastOptions: {
+        unstyled,
+        ...toastOptions,
+        classNames: {
+          toast: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast", toastOptions?.classNames?.toast),
+          title: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__title", toastOptions?.classNames?.title),
+          description: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__desc", toastOptions?.classNames?.description),
+          success: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast--success", toastOptions?.classNames?.success),
+          error: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast--error", toastOptions?.classNames?.error),
+          warning: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast--warning", toastOptions?.classNames?.warning),
+          info: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast--info", toastOptions?.classNames?.info),
+          actionButton: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__action-btn", toastOptions?.classNames?.actionButton),
+          cancelButton: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__cancel-btn", toastOptions?.classNames?.cancelButton),
+          closeButton: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__close-btn", toastOptions?.classNames?.closeButton),
+          ...toastOptions?.classNames
+        }
+      },
+      ...props
+    }
+  );
+}
+function useToast() {
+  const showToast = (message, options) => sonner.toast(message, options);
+  const successToast = (message, options) => sonner.toast.success(message, options);
+  const errorToast = (message, options) => sonner.toast.error(message, options);
+  const warningToast = (message, options) => sonner.toast.warning(message, options);
+  const infoToast = (message, options) => sonner.toast.info(message, options);
+  const promiseToast = (promise, msgs, options) => sonner.toast.promise(promise, { ...msgs, ...options });
+  const customToast = (jsx2, options) => sonner.toast.custom(jsx2, options);
+  const dismissToast = (id) => sonner.toast.dismiss(id);
+  return {
+    toast: showToast,
+    successToast,
+    errorToast,
+    warningToast,
+    infoToast,
+    promiseToast,
+    customToast,
+    dismissToast
+  };
+}
+
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonner.toast; }
+});
+exports.Toaster = Toaster;
+exports.useToast = useToast;

package/dist/chunks/chunk-YCG4FZC3.js

@@ -0,0 +1,167 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var useEmblaCarousel = require('embla-carousel-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
+
+var CarouselContext = React__namespace.createContext(null);
+function useCarousel() {
+  const ctx = React__namespace.useContext(CarouselContext);
+  if (!ctx) throw new Error("useCarousel must be used within <Carousel>");
+  return ctx;
+}
+var Carousel = React__namespace.forwardRef(
+  ({ opts, plugins, onApiChange, className, children, ...props }, ref) => {
+    const [emblaRef, api] = useEmblaCarousel__default.default(
+      { loop: false, ...opts },
+      plugins
+    );
+    const [canScrollPrev, setCanScrollPrev] = React__namespace.useState(false);
+    const [canScrollNext, setCanScrollNext] = React__namespace.useState(false);
+    const [selectedIndex, setSelectedIndex] = React__namespace.useState(0);
+    const [scrollSnapCount, setScrollSnapCount] = React__namespace.useState(0);
+    const onSelect = React__namespace.useCallback(() => {
+      if (!api) return;
+      setCanScrollPrev(api.canScrollPrev());
+      setCanScrollNext(api.canScrollNext());
+      setSelectedIndex(api.selectedScrollSnap());
+    }, [api]);
+    React__namespace.useEffect(() => {
+      if (!api) return;
+      setScrollSnapCount(api.scrollSnapList().length);
+      onSelect();
+      api.on("reInit", onSelect);
+      api.on("select", onSelect);
+      onApiChange?.(api);
+      return () => {
+        api.off("reInit", onSelect);
+        api.off("select", onSelect);
+      };
+    }, [api, onSelect, onApiChange]);
+    const scrollPrev = React__namespace.useCallback(() => api?.scrollPrev(), [api]);
+    const scrollNext = React__namespace.useCallback(() => api?.scrollNext(), [api]);
+    const slides = [];
+    const extras = [];
+    React__namespace.Children.forEach(children, (child) => {
+      if (React__namespace.isValidElement(child) && typeof child.type !== "string" && child.type.displayName === "CarouselSlide") {
+        slides.push(child);
+      } else {
+        extras.push(child);
+      }
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CarouselContext.Provider,
+      {
+        value: { api, canScrollPrev, canScrollNext, scrollPrev, scrollNext, selectedIndex, scrollSnapCount },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkCZC76ZD5_js.cn("nexus-carousel", className), role: "region", "aria-roledescription": "carousel", "aria-label": props["aria-label"] ?? "Carousel", ...props, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: emblaRef, className: "nexus-carousel__viewport", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-carousel__container", children: slides }) }),
+          extras
+        ] })
+      }
+    );
+  }
+);
+Carousel.displayName = "Carousel";
+var CarouselSlide = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: chunkCZC76ZD5_js.cn("nexus-carousel-slide", className),
+      ...props
+    }
+  )
+);
+CarouselSlide.displayName = "CarouselSlide";
+var ChevronLeftIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "nexus-carousel-btn__icon", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 4L6 8l4 4" }) });
+var ChevronRightIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "nexus-carousel-btn__icon", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4l4 4-4 4" }) });
+var CarouselPrev = React__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { canScrollPrev, scrollPrev } = useCarousel();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: chunkCZC76ZD5_js.cn("nexus-carousel-btn nexus-carousel-btn--prev", className),
+        disabled: !canScrollPrev,
+        onClick: scrollPrev,
+        "aria-label": "Previous slide",
+        ...props,
+        children: children ?? /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
+      }
+    );
+  }
+);
+CarouselPrev.displayName = "CarouselPrev";
+var CarouselNext = React__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { canScrollNext, scrollNext } = useCarousel();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: chunkCZC76ZD5_js.cn("nexus-carousel-btn nexus-carousel-btn--next", className),
+        disabled: !canScrollNext,
+        onClick: scrollNext,
+        "aria-label": "Next slide",
+        ...props,
+        children: children ?? /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
+      }
+    );
+  }
+);
+CarouselNext.displayName = "CarouselNext";
+function CarouselDots({ className }) {
+  const { selectedIndex, scrollSnapCount, api } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", "aria-label": "Slide navigation", className: chunkCZC76ZD5_js.cn("nexus-carousel-dots", className), children: Array.from({ length: scrollSnapCount }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": i === selectedIndex,
+      className: chunkCZC76ZD5_js.cn(
+        "nexus-carousel-dot",
+        i === selectedIndex ? "nexus-carousel-dot--active" : "nexus-carousel-dot--inactive"
+      ),
+      onClick: () => api?.scrollTo(i),
+      "aria-label": `Go to slide ${i + 1}`
+    },
+    i
+  )) });
+}
+CarouselDots.displayName = "CarouselDots";
+
+exports.Carousel = Carousel;
+exports.CarouselDots = CarouselDots;
+exports.CarouselNext = CarouselNext;
+exports.CarouselPrev = CarouselPrev;
+exports.CarouselSlide = CarouselSlide;
+exports.useCarousel = useCarousel;

package/dist/chunks/chunk-YEWKPWK3.mjs

@@ -0,0 +1,80 @@
+import { useMemo, useState, useEffect } from 'react';
+
+// src/hooks/useCheckDevice.ts
+function getMatchMedia(query) {
+  if (typeof window === "undefined") return false;
+  return window.matchMedia(query).matches;
+}
+var DEFAULT_BREAKPOINTS = {
+  mobile: 0,
+  tablet: 768,
+  desktop: 1280
+};
+function buildQueries(bp) {
+  const sorted = Object.entries(bp).sort(([, a], [, b]) => a - b);
+  const queries = {};
+  sorted.forEach(([name, minWidth], i) => {
+    const next = sorted[i + 1];
+    if (minWidth === 0 && next) {
+      queries[name] = `(max-width: ${next[1] - 1}px)`;
+    } else if (!next) {
+      queries[name] = `(min-width: ${minWidth}px)`;
+    } else {
+      queries[name] = `(min-width: ${minWidth}px) and (max-width: ${next[1] - 1}px)`;
+    }
+  });
+  return queries;
+}
+function isLegacy(bp) {
+  if (!bp || typeof bp !== "object") return false;
+  return Object.values(bp).some((v) => typeof v === "string");
+}
+function toLegacyQueries(bp) {
+  return {
+    isDesktop: bp?.isDesktop ?? "(min-width: 1280px)",
+    isTablet: bp?.isTablet ?? "screen and (min-width: 768px) and (max-width: 1279px)",
+    isMobile: bp?.isMobile ?? "(max-width: 767px)"
+  };
+}
+function useCheckDevice(breakPoints) {
+  const serialized = breakPoints ? JSON.stringify(breakPoints) : "";
+  const queries = useMemo(() => {
+    if (!breakPoints) return buildQueries(DEFAULT_BREAKPOINTS);
+    if (isLegacy(breakPoints)) return toLegacyQueries(breakPoints);
+    return buildQueries(breakPoints);
+  }, [serialized]);
+  const [result, setResult] = useState(() => {
+    const init = {};
+    for (const [key, query] of Object.entries(queries)) {
+      init[key] = getMatchMedia(query);
+    }
+    return init;
+  });
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mqls = Object.entries(queries).map(([key, query]) => ({
+      key,
+      mql: window.matchMedia(query)
+    }));
+    const update = () => {
+      setResult((prev) => {
+        const next = {};
+        let changed = false;
+        for (const { key, mql } of mqls) {
+          next[key] = mql.matches;
+          if (next[key] !== prev[key]) changed = true;
+        }
+        return changed ? next : prev;
+      });
+    };
+    for (const { mql } of mqls) mql.addEventListener("change", update);
+    update();
+    return () => {
+      for (const { mql } of mqls) mql.removeEventListener("change", update);
+    };
+  }, [queries]);
+  return result;
+}
+var useCheckDevice_default = useCheckDevice;
+
+export { useCheckDevice_default };

package/dist/chunks/chunk-YLO4UKSC.mjs

@@ -0,0 +1,48 @@
+import { cn } from './chunk-MCKOWMLS.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var avatarVariants = cva("nexus-avatar", {
+  variants: {
+    size: {
+      xs: "nexus-avatar--xs",
+      sm: "nexus-avatar--sm",
+      md: "nexus-avatar--md",
+      lg: "nexus-avatar--lg",
+      xl: "nexus-avatar--xl"
+    },
+    shape: {
+      circle: "nexus-avatar--circle",
+      square: "nexus-avatar--square"
+    }
+  },
+  defaultVariants: { size: "md", shape: "circle" }
+});
+var DefaultIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }) });
+var Avatar = React.forwardRef(
+  ({ className, size, shape, src, alt, fallback, children, onImageError, ...props }, ref) => {
+    const [imgError, setImgError] = React.useState(false);
+    React.useEffect(() => {
+      setImgError(false);
+    }, [src]);
+    const handleError = React.useCallback(() => {
+      setImgError(true);
+      onImageError?.();
+    }, [onImageError]);
+    const showFallback = !src || imgError;
+    const iconSize = size === "xs" ? "nexus-avatar__icon--xs" : size === "sm" ? "nexus-avatar__icon--sm" : size === "lg" ? "nexus-avatar__icon--lg" : size === "xl" ? "nexus-avatar__icon--xl" : "nexus-avatar__icon--md";
+    return /* @__PURE__ */ jsx("div", { ref, role: "img", "aria-label": alt ?? void 0, className: cn(avatarVariants({ size, shape }), className), ...props, children: children ? children : showFallback ? fallback ?? /* @__PURE__ */ jsx(DefaultIcon, { className: iconSize }) : /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt: alt ?? "",
+        className: "nexus-avatar__img",
+        onError: handleError
+      }
+    ) });
+  }
+);
+Avatar.displayName = "Avatar";
+
+export { Avatar, avatarVariants };