@calcom/atoms 2.8.9 → 2.9.1

package/dist/calendar-view/wrappers/calendar-view-platform-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-view-platform-wrapper.d.ts","sourceRoot":"","sources":["../../../src/calendar-view/wrappers/calendar-view-platform-wrapper.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,iDAAiD,GAAG;IAC9D,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,2CAA2C,GAAG;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAAE,eAAe,EAAE,IAAI,CAAA;CAAE,GAAG,CAC1D,CAAC,iDAAiD,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GACzE,CAAC,2CAA2C,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAAC,CACnF,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CAAC;AAEF,KAAK,iBAAiB,GAAG,0BAA0B,GAAG,0BAA0B,CAAC;AAUjF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iBAAiB,gBAMnE,CAAC"}

package/dist/calendar-view/wrappers/calendar-view-platform-wrapper.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+import { BookerStoreProvider as o } from "../../booker/booker-store-provider.js";
+import { CalendarViewComponent as n } from "../calendar-view-component.js";
+import { EventTypeCalendarViewComponent as t } from "../event-type-calendar-view-component.js";
+const i = (r) => r.isEventTypeView ? /* @__PURE__ */ e(t, { ...r }) : /* @__PURE__ */ e(n, {}), l = (r) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(i, { ...r }) });
+export {
+  l as CalendarViewPlatformWrapper
+};

package/dist/components/atoms-wrapper.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare const AtomsWrapper: ({ children, customClassName, }: {
+    children: ReactNode;
+    customClassName?: string;
+}) => JSX.Element;
+//# sourceMappingURL=atoms-wrapper.d.ts.map

package/dist/components/atoms-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms-wrapper.d.ts","sourceRoot":"","sources":["../../src/components/atoms-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,eAAO,MAAM,YAAY,GAAI,gCAG1B;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,gBAUA,CAAC"}

package/dist/components/atoms-wrapper.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import { CALCOM_ATOMS_WRAPPER_CLASS as e } from "../constants/styles.js";
+import { useAtomsContext as i } from "../hooks/use-atoms-context.js";
+import { cn as n } from "../lib/utils.js";
+const c = ({
+  children: t,
+  customClassName: o
+}) => {
+  const { options: r } = i();
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      dir: (r == null ? void 0 : r.readingDirection) ?? "ltr",
+      className: n(`${e} m-0 w-auto bg-transparent p-0`, o),
+      children: t
+    }
+  );
+};
+export {
+  c as AtomsWrapper
+};

package/dist/components/ui/address-input.d.ts

@@ -0,0 +1,11 @@
+export type AddressInputProps = {
+    value: string;
+    id?: string;
+    placeholder?: string;
+    required?: boolean;
+    onChange: (val: string) => void;
+    className?: string;
+    disabled?: boolean;
+};
+export declare function AddressInput({ value, onChange, ...rest }: AddressInputProps): JSX.Element;
+//# sourceMappingURL=address-input.d.ts.map

package/dist/components/ui/address-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/address-input.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,eAmB3E"}

package/dist/components/ui/address-input.js

@@ -0,0 +1,31 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { cn as n } from "../../lib/utils.js";
+import { Icon as s } from "./icon.js";
+import { Input as r } from "./text-field.js";
+function d({ value: a, onChange: m, ...e }) {
+  return /* @__PURE__ */ o("div", { className: "relative flex items-center", children: [
+    /* @__PURE__ */ t(
+      s,
+      {
+        name: "map-pin",
+        className: "text-muted absolute left-0.5 ml-3 h-4 w-4 -translate-y-1/2",
+        style: { top: "44%" }
+      }
+    ),
+    /* @__PURE__ */ t(
+      r,
+      {
+        ...e,
+        autoComplete: "address-line1",
+        value: a,
+        onChange: (l) => {
+          m(l.target.value);
+        },
+        className: n("pl-10", e == null ? void 0 : e.className)
+      }
+    )
+  ] });
+}
+export {
+  d as AddressInput
+};

package/dist/components/ui/alert.d.ts

@@ -0,0 +1,16 @@
+import { ComponentType, ReactNode, SVGProps } from 'react';
+export declare const alertStyles: (props?: ({
+    severity?: "info" | "error" | "warning" | "neutral" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export interface AlertProps {
+    title?: ReactNode;
+    message?: ReactNode;
+    actions?: ReactNode;
+    className?: string;
+    iconClassName?: string;
+    severity: "warning" | "error" | "info" | "neutral";
+    CustomIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+    customIconColor?: string;
+}
+export declare const Alert: import('react').ForwardRefExoticComponent<AlertProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/ui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMhE,eAAO,MAAM,WAAW;;mFAYtB,CAAC;AAEH,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACnD,UAAU,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AASD,eAAO,MAAM,KAAK,uGAyBhB,CAAC"}

package/dist/components/ui/alert.js

@@ -0,0 +1,46 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
+import { forwardRef as d } from "react";
+import { cn as l } from "../../lib/utils.js";
+import { AlertCircleIcon as f, InfoIcon as u, TriangleAlertIcon as x, CircleXIcon as v } from "./icons.js";
+const N = o("rounded-[10px] p-3", {
+  variants: {
+    severity: {
+      neutral: "bg-default border-subtle border text-default",
+      info: "bg-semantic-info-subtle text-semantic-info",
+      warning: "bg-semantic-attention-subtle text-semantic-attention",
+      error: "bg-semantic-error-subtle text-semantic-error"
+    }
+  },
+  defaultVariants: {
+    severity: "neutral"
+  }
+}), g = {
+  error: v,
+  warning: x,
+  info: u,
+  neutral: f
+}, h = d((e, i) => {
+  const { severity: r, iconClassName: s, CustomIcon: n, customIconColor: m } = e, c = n ?? g[r];
+  return /* @__PURE__ */ t("div", { "data-testid": "alert", ref: i, className: N({ severity: r, className: e.className }), children: /* @__PURE__ */ a("div", { className: "relative flex md:flex-row", children: [
+    /* @__PURE__ */ t("div", { className: l("mr-2 shrink-0", e.title ? "" : "mt-0.5"), children: /* @__PURE__ */ t(
+      c,
+      {
+        "aria-hidden": "true",
+        className: l("h-4 w-4", s, n ? m ?? "text-default" : "")
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: "flex grow flex-col sm:flex-row", children: [
+      /* @__PURE__ */ a("div", { className: "stack-y-1 ltr:ml-3 rtl:mr-3", children: [
+        e.title && /* @__PURE__ */ t("h3", { className: "text-sm font-medium leading-none", children: e.title }),
+        e.message && /* @__PURE__ */ t("div", { className: "text-sm leading-5", children: e.message })
+      ] }),
+      e.actions && /* @__PURE__ */ t("div", { className: "ml-auto mt-auto text-sm sm:mt-0 md:relative", children: e.actions })
+    ] })
+  ] }) });
+});
+h.displayName = "Alert";
+export {
+  h as Alert,
+  N as alertStyles
+};

package/dist/components/ui/app-list-card.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+type ShouldHighlight = {
+    slug: string;
+    shouldHighlight: true;
+} | {
+    shouldHighlight?: never;
+    slug?: never;
+};
+export type AppCardClassNames = {
+    container: string;
+    title?: string;
+    description?: string;
+};
+export type AppListCardProps = {
+    logo?: string;
+    title: string;
+    description: string;
+    actions?: ReactNode;
+    isDefault?: boolean;
+    isTemplate?: boolean;
+    invalidCredential?: boolean;
+    children?: ReactNode;
+    className?: string;
+    classNameObject?: AppCardClassNames;
+} & ShouldHighlight;
+export declare const AppListCard: (props: AppListCardProps & {
+    highlight?: boolean;
+}) => JSX.Element;
+export {};
+//# sourceMappingURL=app-list-card.d.ts.map

package/dist/components/ui/app-list-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-list-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/app-list-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,KAAK,eAAe,GAChB;IACE,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,IAAI,CAAC;CACvB,GACD;IACE,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEN,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,iBAAiB,CAAC;CACrC,GAAG,eAAe,CAAC;AAEpB,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,GAAG;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,gBAuD5E,CAAC"}

package/dist/components/ui/app-list-card.js

@@ -0,0 +1,57 @@
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { useAtomsLocale as w } from "../../hooks/use-atoms-locale.js";
+import { cn as a } from "../../lib/utils.js";
+import { Badge as d } from "./badge.js";
+import { AlertCircleIcon as v } from "./icons.js";
+const C = (c) => {
+  const { t } = w(), {
+    logo: l,
+    title: s,
+    description: m,
+    actions: n,
+    isDefault: o,
+    isTemplate: p,
+    invalidCredential: h,
+    children: x,
+    className: f,
+    classNameObject: e,
+    highlight: g
+  } = c;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: a(g && "dark:bg-cal-muted bg-yellow-100", f || (e == null ? void 0 : e.container)),
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex items-start gap-x-3 px-4 py-4 sm:px-6", children: [
+          l ? /* @__PURE__ */ i(
+            "img",
+            {
+              className: a(l.includes("-dark") && "dark:invert", "h-10 w-10 shrink-0"),
+              src: l,
+              alt: `${s} logo`
+            }
+          ) : null,
+          /* @__PURE__ */ r("div", { className: "flex min-w-0 grow flex-col gap-y-1", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ i("h3", { className: a("text-emphasis truncate text-sm font-semibold", e == null ? void 0 : e.title), children: s }),
+              /* @__PURE__ */ r("div", { className: "flex shrink-0 items-center gap-x-2", children: [
+                o && /* @__PURE__ */ i(d, { variant: "green", children: t("default") }),
+                p && /* @__PURE__ */ i(d, { variant: "red", children: "Template" })
+              ] })
+            ] }),
+            /* @__PURE__ */ i("p", { className: a("whitespace-normal wrap-break-word", e == null ? void 0 : e.description), children: m }),
+            h && /* @__PURE__ */ r("div", { className: "flex gap-x-2 pt-2", children: [
+              /* @__PURE__ */ i(v, { className: "h-8 w-8 shrink-0 text-red-500 sm:h-4 sm:w-4" }),
+              /* @__PURE__ */ i("p", { className: "whitespace-pre-wrap wrap-break-word text-red-500", children: t("invalid_credential", { appName: s }) })
+            ] })
+          ] }),
+          n && /* @__PURE__ */ i("div", { className: "shrink-0", children: n })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "w-full", children: x })
+      ]
+    }
+  );
+};
+export {
+  C as AppListCard
+};

package/dist/components/ui/avatar-group.d.ts

@@ -0,0 +1,14 @@
+export type AvatarGroupProps = {
+    size: "sm" | "lg";
+    items: Array<{
+        image: string;
+        title?: string;
+        alt?: string;
+        href?: string | null;
+    }>;
+    className?: string;
+    truncateAfter?: number;
+    hideTruncatedAvatarsCount?: boolean;
+};
+export declare const AvatarGroup: (props: AvatarGroupProps) => JSX.Element;
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/components/ui/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar-group.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC,CAAC;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAwB,OAAO,gBAAgB,gBA0CtE,CAAC"}

package/dist/components/ui/avatar-group.js

@@ -0,0 +1,45 @@
+import { jsx as a, Fragment as u, jsxs as i } from "react/jsx-runtime";
+import { cn as l } from "../../lib/utils.js";
+import { Avatar as f } from "./avatar.js";
+const v = function(e) {
+  const s = e.items.length, c = e.truncateAfter || 4, r = e.items.filter((t) => t.image).slice(0, c), n = s - r.length;
+  return r.length ? /* @__PURE__ */ i("ul", { className: l("flex items-center", e.className), children: [
+    r.map((t, m) => /* @__PURE__ */ a("li", { className: "-mr-1 inline-block", children: /* @__PURE__ */ a(
+      f,
+      {
+        "data-testid": "avatar",
+        className: "border-subtle",
+        imageSrc: t.image,
+        title: t.title,
+        alt: t.alt || "",
+        size: e.size,
+        href: t.href
+      }
+    ) }, m)),
+    n > 0 && /* @__PURE__ */ a(
+      "li",
+      {
+        className: l(
+          "bg-inverted relative -mr-1 inline-flex justify-center overflow-hidden rounded-full",
+          e.size === "sm" ? "min-w-6 h-6" : "min-w-16 h-16"
+        ),
+        children: /* @__PURE__ */ i(
+          "span",
+          {
+            className: l(
+              " text-inverted m-auto flex h-full w-full items-center justify-center text-center",
+              e.size === "sm" ? "text-[12px]" : "text-2xl"
+            ),
+            children: [
+              "+",
+              e.hideTruncatedAvatarsCount ? null : n
+            ]
+          }
+        )
+      }
+    )
+  ] }) : /* @__PURE__ */ a(u, {});
+};
+export {
+  v as AvatarGroup
+};

package/dist/components/ui/avatar.d.ts

@@ -0,0 +1,18 @@
+type Maybe<T> = T | null | undefined;
+export type AvatarProps = {
+    className?: string;
+    size?: "xs" | "xsm" | "sm" | "md" | "mdLg" | "lg" | "xl";
+    shape?: "circle" | "square";
+    imageSrc?: Maybe<string>;
+    title?: string;
+    alt: string;
+    href?: string | null;
+    fallback?: React.ReactNode;
+    accepted?: boolean;
+    asChild?: boolean;
+    indicator?: React.ReactNode;
+    "data-testid"?: string;
+};
+export declare function Avatar(props: AvatarProps): JSX.Element;
+export {};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAWA,KAAK,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACzD,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAgCF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAmCxC"}

package/dist/components/ui/avatar.js

@@ -0,0 +1,70 @@
+import { jsxs as f, jsx as e, Fragment as u } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-avatar";
+import { cva as w } from "class-variance-authority";
+import v from "next/link";
+import { AVATAR_FALLBACK as x } from "../../constants/app.js";
+import { cn as m } from "../../lib/utils.js";
+import { Tooltip as g } from "./tooltip.js";
+const N = w(
+  "bg-emphasis border-default relative inline-flex aspect-square items-center justify-center border align-top",
+  {
+    variants: {
+      size: {
+        xs: "w-4 h-4 min-w-4 min-h-4 max-h-4",
+        xsm: "w-5 h-5 min-w-5 min-h-5",
+        sm: "w-6 h-6 min-w-6 min-h-6",
+        md: "w-8 h-8 min-w-8 min-h-8",
+        mdLg: "w-10 h-10 min-w-10 min-h-10",
+        lg: "w-16 h-16 min-w-16 min-h-16",
+        xl: "w-24 h-24 min-w-24 min-h-24"
+      },
+      shape: {
+        circle: "rounded-full",
+        square: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      shape: "circle"
+    },
+    compoundVariants: [
+      { size: ["xs", "xsm", "sm"], shape: "square", className: "rounded" },
+      { size: ["md"], shape: "square", className: "rounded-md" },
+      { size: ["mdLg", "lg", "xl"], shape: "square", className: "rounded-[10px]" }
+    ]
+  }
+);
+function j(a) {
+  const { imageSrc: d, size: h = "md", alt: r, title: l, href: n, indicator: c } = a, i = N({ size: h, shape: a.shape }), o = m("aspect-square rounded-full", i);
+  let s = /* @__PURE__ */ f(
+    t.Root,
+    {
+      "data-testid": a == null ? void 0 : a["data-testid"],
+      className: m(i, c ? "overflow-visible" : "overflow-hidden", a.className),
+      children: [
+        /* @__PURE__ */ e(
+          t.Image,
+          {
+            src: d ?? void 0,
+            alt: r,
+            className: m("aspect-square", i)
+          }
+        ),
+        /* @__PURE__ */ e(
+          t.Fallback,
+          {
+            delayMs: 600,
+            asChild: a.asChild,
+            className: "flex h-full items-center justify-center",
+            children: a.fallback ? a.fallback : /* @__PURE__ */ e("img", { src: x, alt: r, className: o })
+          }
+        ),
+        c
+      ]
+    }
+  );
+  return n && (s = /* @__PURE__ */ e(v, { "data-testid": "avatar-href", href: n, children: s })), l ? /* @__PURE__ */ e(g, { content: l, children: s }) : /* @__PURE__ */ e(u, { children: s });
+}
+export {
+  j as Avatar
+};