@exxatdesignux/ui 0.2.19 → 0.4.0

package/dist/components/ui/avatar.js

@@ -0,0 +1,328 @@
+"use client";
+import { Check, Plus } from 'lucide-react';
+import { Avatar as Avatar$1, Slot } from 'radix-ui';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var badgeVariants = cva(
+  "group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-1 text-xs font-medium leading-none whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-[var(--chip-destructive)] focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:text-red-100 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-interactive-hover [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-interactive-hover hover:text-muted-foreground dark:hover:bg-interactive-hover-subtle",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+var avatarRootVariants = cva(
+  "group/avatar relative flex shrink-0 overflow-hidden select-none",
+  {
+    variants: {
+      size: {
+        sm: "size-6",
+        default: "size-8",
+        lg: "size-10"
+      },
+      shape: {
+        circle: "rounded-full",
+        square: "rounded-none",
+        "rounded-sm": "rounded-sm",
+        "rounded-md": "rounded-md",
+        "rounded-lg": "rounded-lg",
+        "rounded-xl": "rounded-xl"
+      },
+      variant: {
+        default: "",
+        ring: "ring-2 ring-ring",
+        "ring-offset": "ring-2 ring-ring ring-offset-2 ring-offset-background",
+        group: "ring-2 ring-background"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      shape: "circle",
+      variant: "default"
+    }
+  }
+);
+var AVATAR_INSET_AFTER = {
+  circle: "after:rounded-full",
+  square: "after:rounded-none",
+  "rounded-sm": "after:rounded-sm",
+  "rounded-md": "after:rounded-md",
+  "rounded-lg": "after:rounded-lg",
+  "rounded-xl": "after:rounded-xl"
+};
+var avatarImageShape = cn(
+  "aspect-square size-full object-cover",
+  "group-data-[shape=circle]/avatar:rounded-full",
+  "group-data-[shape=square]/avatar:rounded-none",
+  "group-data-[shape=rounded-sm]/avatar:rounded-sm",
+  "group-data-[shape=rounded-md]/avatar:rounded-md",
+  "group-data-[shape=rounded-lg]/avatar:rounded-lg",
+  "group-data-[shape=rounded-xl]/avatar:rounded-xl"
+);
+var avatarFallbackShape = cn(
+  "flex size-full items-center justify-center bg-muted text-sm text-muted-foreground",
+  "group-data-[shape=circle]/avatar:rounded-full",
+  "group-data-[shape=square]/avatar:rounded-none",
+  "group-data-[shape=rounded-sm]/avatar:rounded-sm",
+  "group-data-[shape=rounded-md]/avatar:rounded-md",
+  "group-data-[shape=rounded-lg]/avatar:rounded-lg",
+  "group-data-[shape=rounded-xl]/avatar:rounded-xl",
+  "group-data-[size=sm]/avatar:text-xs"
+);
+function Avatar({
+  className,
+  size = "default",
+  shape = "circle",
+  variant = "default",
+  insetBorder = false,
+  ...props
+}) {
+  const shapeKey = shape ?? "circle";
+  const insetClass = insetBorder && cn(
+    "after:pointer-events-none after:absolute after:inset-0 after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten",
+    AVATAR_INSET_AFTER[shapeKey]
+  );
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      "data-shape": shape,
+      className: cn(avatarRootVariants({ size, shape, variant }), insetClass, className),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  referrerPolicy = "no-referrer",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Image,
+    {
+      "data-slot": "avatar-image",
+      referrerPolicy,
+      className: cn(avatarImageShape, className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(avatarFallbackShape, className),
+      ...props
+    }
+  );
+}
+function AvatarBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: cn(
+        "absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn(
+        "group/avatar-group flex items-center gap-1.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroupCount({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group-count",
+      className: cn(
+        "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarInitials({
+  initials,
+  decorative = true,
+  fallbackClassName,
+  className,
+  ...avatarProps
+}) {
+  return /* @__PURE__ */ jsx(Avatar, { className, ...avatarProps, children: /* @__PURE__ */ jsx(
+    AvatarFallback,
+    {
+      "aria-hidden": decorative ? true : void 0,
+      className: cn(
+        "border-0 bg-[var(--avatar-initials-bg)] font-semibold text-[var(--avatar-initials-fg)]",
+        fallbackClassName
+      ),
+      children: initials
+    }
+  ) });
+}
+var avatarStatusDot = {
+  online: "bg-emerald-600 dark:bg-emerald-400",
+  busy: "bg-destructive",
+  away: "bg-amber-600 dark:bg-amber-400"
+};
+function AvatarStatus({
+  children,
+  status,
+  label,
+  className,
+  position = "bottom-end"
+}) {
+  const pos = position === "top-end" ? "-top-0.5 -end-0.5 bottom-auto start-auto" : "-end-0.5 -bottom-0.5 top-auto start-auto";
+  return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex w-fit shrink-0", className), children: [
+    children,
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "pointer-events-none absolute z-10 size-3 rounded-full border-2 border-background",
+          pos,
+          avatarStatusDot[status]
+        ),
+        "aria-hidden": true
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+  ] });
+}
+function AvatarNotificationCount({
+  children,
+  count,
+  className,
+  badgeClassName
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex w-fit shrink-0", className), children: [
+    children,
+    /* @__PURE__ */ jsx(
+      Badge,
+      {
+        className: cn(
+          "absolute -top-2.5 -end-2.5 z-10 h-5 min-w-5 justify-center px-1 tabular-nums",
+          badgeClassName
+        ),
+        children: count
+      }
+    )
+  ] });
+}
+function AvatarVerified({
+  children,
+  label = "Verified",
+  className
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex w-fit shrink-0", className), children: [
+    children,
+    /* @__PURE__ */ jsxs("span", { className: "pointer-events-none absolute -top-1.5 -end-1.5 z-10 inline-flex size-4 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-sm", children: [
+      /* @__PURE__ */ jsx(Check, { className: "size-2.5", strokeWidth: 3, "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+    ] })
+  ] });
+}
+function AvatarLeoAssistant({
+  className,
+  size = "sm",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Avatar, { size, shape: "circle", insetBorder: false, className, ...props, children: /* @__PURE__ */ jsxs(AvatarFallback, { className: "bg-brand/15 p-0", children: [
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Leo" }),
+    /* @__PURE__ */ jsx(
+      "i",
+      {
+        className: "fa-duotone fa-solid fa-star-christmas text-xs text-brand",
+        "aria-hidden": "true"
+      }
+    )
+  ] }) });
+}
+function AvatarPlusAction({
+  children,
+  actionLabel,
+  onClick,
+  className,
+  buttonClassName
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex w-fit shrink-0", className), children: [
+    children,
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick,
+        className: cn(
+          "focus-visible:ring-ring/50 absolute -end-1 -bottom-1 z-10 inline-flex size-7 cursor-pointer items-center justify-center rounded-full bg-background shadow-sm ring-1 ring-border focus-visible:ring-[3px] focus-visible:outline-none",
+          buttonClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "size-4 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: actionLabel })
+        ]
+      }
+    )
+  ] });
+}
+
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, AvatarInitials, AvatarLeoAssistant, AvatarNotificationCount, AvatarPlusAction, AvatarStatus, AvatarVerified, avatarRootVariants };
+//# sourceMappingURL=avatar.js.map
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/badge.tsx","../../../src/components/ui/avatar.tsx"],"names":["cva","jsx","AvatarPrimitive"],"mappings":";;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,mfAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,4DAAA;AAAA,QACT,SAAA,EACE,kEAAA;AAAA,QACF,WAAA,EACE,gMAAA;AAAA,QACF,OAAA,EACE,8FAAA;AAAA,QACF,KAAA,EACE,+FAAA;AAAA,QACF,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEA,SAAS,KAAA,CAAM;AAAA,EACb,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EAC8D;AAC5D,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,MAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAClD,GAAG;AAAA;AAAA,GACN;AAEJ;ACnCA,IAAM,kBAAA,GAAqBA,GAAAA;AAAA,EACzB,iEAAA;AAAA,EACA;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,OAAA,EAAS,QAAA;AAAA,QACT,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,MAAA,EAAQ,cAAA;AAAA,QACR,MAAA,EAAQ,cAAA;AAAA,QACR,YAAA,EAAc,YAAA;AAAA,QACd,YAAA,EAAc,YAAA;AAAA,QACd,YAAA,EAAc,YAAA;AAAA,QACd,YAAA,EAAc;AAAA,OAChB;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM,kBAAA;AAAA,QACN,aAAA,EAAe,uDAAA;AAAA,QACf,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,SAAA;AAAA,MACN,KAAA,EAAO,QAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX;AAEF;AAEA,IAAM,kBAAA,GAAoG;AAAA,EACxG,MAAA,EAAQ,oBAAA;AAAA,EACR,MAAA,EAAQ,oBAAA;AAAA,EACR,YAAA,EAAc,kBAAA;AAAA,EACd,YAAA,EAAc,kBAAA;AAAA,EACd,YAAA,EAAc,kBAAA;AAAA,EACd,YAAA,EAAc;AAChB,CAAA;AAEA,IAAM,gBAAA,GAAmB,EAAA;AAAA,EACvB,sCAAA;AAAA,EACA,+CAAA;AAAA,EACA,+CAAA;AAAA,EACA,iDAAA;AAAA,EACA,iDAAA;AAAA,EACA,iDAAA;AAAA,EACA;AACF,CAAA;AAEA,IAAM,mBAAA,GAAsB,EAAA;AAAA,EAC1B,mFAAA;AAAA,EACA,+CAAA;AAAA,EACA,+CAAA;AAAA,EACA,iDAAA;AAAA,EACA,iDAAA;AAAA,EACA,iDAAA;AAAA,EACA,iDAAA;AAAA,EACA;AACF,CAAA;AAWA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,KAAA,GAAQ,QAAA;AAAA,EACR,OAAA,GAAU,SAAA;AAAA,EACV,WAAA,GAAc,KAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,WAAW,KAAA,IAAS,QAAA;AAC1B,EAAA,MAAM,aACJ,WAAA,IACA,EAAA;AAAA,IACE,6IAAA;AAAA,IACA,mBAAmB,QAAQ;AAAA,GAC7B;AACF,EAAA,uBACEC,GAAAA;AAAA,IAACC,QAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAW,EAAA,CAAG,kBAAA,CAAmB,EAAE,IAAA,EAAM,OAAO,OAAA,EAAS,CAAA,EAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAChF,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY;AAAA,EACnB,SAAA;AAAA,EACA,cAAA,GAAiB,aAAA;AAAA,EACjB,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,uBACED,GAAAA;AAAA,IAACC,QAAA,CAAgB,KAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,cAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA;AAAA,MACxC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACED,GAAAA;AAAA,IAACC,QAAA,CAAgB,QAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAqB,SAAS,CAAA;AAAA,MAC3C,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAiC;AAC1E,EAAA,uBACED,GAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,wKAAA;AAAA,QACA,+EAAA;AAAA,QACA,2FAAA;AAAA,QACA,+EAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAaA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACzE,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,8CAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgC;AAC9B,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,mUAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAiBA,SAAS,cAAA,CAAe;AAAA,EACtB,QAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACEA,GAAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAuB,GAAG,aAChC,QAAA,kBAAAA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAa,aAAa,IAAA,GAAO,MAAA;AAAA,MACjC,SAAA,EAAW,EAAA;AAAA,QACT,wFAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAIA,IAAM,eAAA,GAAoD;AAAA,EACxD,MAAA,EAAQ,oCAAA;AAAA,EACR,IAAA,EAAM,gBAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAGA,SAAS,YAAA,CAAa;AAAA,EACpB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAQG;AACD,EAAA,MAAM,GAAA,GACJ,QAAA,KAAa,SAAA,GACT,0CAAA,GACA,0CAAA;AACN,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,SAAS,CAAA,EACjE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACDA,GAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,kFAAA;AAAA,UACA,GAAA;AAAA,UACA,gBAAgB,MAAM;AAAA,SACxB;AAAA,QACA,aAAA,EAAW;AAAA;AAAA,KACb;AAAA,oBACAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAW,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACnC,CAAA;AAEJ;AAGA,SAAS,uBAAA,CAAwB;AAAA,EAC/B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,SAAS,CAAA,EACjE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACDA,GAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,8EAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ;AAGA,SAAS,cAAA,CAAe;AAAA,EACtB,QAAA;AAAA,EACA,KAAA,GAAQ,UAAA;AAAA,EACR;AACF,CAAA,EAIG;AACD,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,SAAS,CAAA,EACjE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8JAAA,EACd,QAAA,EAAA;AAAA,sBAAAA,IAAC,KAAA,EAAA,EAAM,SAAA,EAAU,YAAW,WAAA,EAAa,CAAA,EAAG,eAAW,IAAA,EAAC,CAAA;AAAA,sBACxDA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAW,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EACnC;AAAA,GAAA,EACF,CAAA;AAEJ;AAGA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,GAAG;AACL,CAAA,EAA4C;AAC1C,EAAA,uBACEA,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAY,OAAM,QAAA,EAAS,WAAA,EAAa,KAAA,EAAO,SAAA,EAAuB,GAAG,KAAA,EAC/E,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EAAe,WAAU,iBAAA,EACxB,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,KAAA,EAAG,CAAA;AAAA,oBAC7BA,GAAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,0DAAA;AAAA,QACV,aAAA,EAAY;AAAA;AAAA;AACd,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAGA,SAAS,gBAAA,CAAiB;AAAA,EACxB,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,SAAS,CAAA,EACjE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,qOAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAA,GAAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAA+B,eAAW,IAAA,EAAC,CAAA;AAAA,0BAC3DA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAW,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA;AACzC,GAAA,EACF,CAAA;AAEJ","file":"avatar.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-1 text-xs font-medium leading-none whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-[var(--chip-destructive)] focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:text-red-100 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-interactive-hover [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-interactive-hover hover:text-muted-foreground dark:hover:bg-interactive-hover-subtle\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","\"use client\"\n\nimport * as React from \"react\"\nimport { Check, Plus } from \"lucide-react\"\nimport { Avatar as AvatarPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Badge } from \"./badge\"\n\n/** Maps to Shadcn Studio avatar demos (shape / ring / stack). Uses theme tokens only. */\nconst avatarRootVariants = cva(\n  \"group/avatar relative flex shrink-0 overflow-hidden select-none\",\n  {\n  variants: {\n    size: {\n      sm: \"size-6\",\n      default: \"size-8\",\n      lg: \"size-10\",\n    },\n    shape: {\n      circle: \"rounded-full\",\n      square: \"rounded-none\",\n      \"rounded-sm\": \"rounded-sm\",\n      \"rounded-md\": \"rounded-md\",\n      \"rounded-lg\": \"rounded-lg\",\n      \"rounded-xl\": \"rounded-xl\",\n    },\n    variant: {\n      default: \"\",\n      ring: \"ring-2 ring-ring\",\n      \"ring-offset\": \"ring-2 ring-ring ring-offset-2 ring-offset-background\",\n      group: \"ring-2 ring-background\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n    shape: \"circle\",\n    variant: \"default\",\n  },\n  }\n)\n\nconst AVATAR_INSET_AFTER: Record<NonNullable<VariantProps<typeof avatarRootVariants>[\"shape\"]>, string> = {\n  circle: \"after:rounded-full\",\n  square: \"after:rounded-none\",\n  \"rounded-sm\": \"after:rounded-sm\",\n  \"rounded-md\": \"after:rounded-md\",\n  \"rounded-lg\": \"after:rounded-lg\",\n  \"rounded-xl\": \"after:rounded-xl\",\n}\n\nconst avatarImageShape = cn(\n  \"aspect-square size-full object-cover\",\n  \"group-data-[shape=circle]/avatar:rounded-full\",\n  \"group-data-[shape=square]/avatar:rounded-none\",\n  \"group-data-[shape=rounded-sm]/avatar:rounded-sm\",\n  \"group-data-[shape=rounded-md]/avatar:rounded-md\",\n  \"group-data-[shape=rounded-lg]/avatar:rounded-lg\",\n  \"group-data-[shape=rounded-xl]/avatar:rounded-xl\"\n)\n\nconst avatarFallbackShape = cn(\n  \"flex size-full items-center justify-center bg-muted text-sm text-muted-foreground\",\n  \"group-data-[shape=circle]/avatar:rounded-full\",\n  \"group-data-[shape=square]/avatar:rounded-none\",\n  \"group-data-[shape=rounded-sm]/avatar:rounded-sm\",\n  \"group-data-[shape=rounded-md]/avatar:rounded-md\",\n  \"group-data-[shape=rounded-lg]/avatar:rounded-lg\",\n  \"group-data-[shape=rounded-xl]/avatar:rounded-xl\",\n  \"group-data-[size=sm]/avatar:text-xs\"\n)\n\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> &\n  VariantProps<typeof avatarRootVariants> & {\n    /**\n     * Subtle inner hairline on the avatar edge (token `border-border`).\n     * Default **false** — full-bleed circle for photos/logos (Shadcn Studio–style profile look).\n     */\n    insetBorder?: boolean\n  }\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  shape = \"circle\",\n  variant = \"default\",\n  insetBorder = false,\n  ...props\n}: AvatarProps) {\n  const shapeKey = shape ?? \"circle\"\n  const insetClass =\n    insetBorder &&\n    cn(\n      \"after:pointer-events-none after:absolute after:inset-0 after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten\",\n      AVATAR_INSET_AFTER[shapeKey]\n    )\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      data-shape={shape}\n      className={cn(avatarRootVariants({ size, shape, variant }), insetClass, className)}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({\n  className,\n  referrerPolicy = \"no-referrer\",\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      referrerPolicy={referrerPolicy}\n      className={cn(avatarImageShape, className)}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(avatarFallbackShape, className)}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/**\n * A row of avatars with an overflow counter — **never overlapping**.\n *\n * Overlapping face piles (Slack / GitHub style) have known UX problems in\n * dense product chrome: ring-on-background contrast is fragile in dark mode,\n * click targets stack, and screen readers announce ambiguous groupings.\n * `AvatarGroup` therefore renders children side-by-side with a small inline\n * gap. See `.cursor/rules/exxat-person-identity-display.mdc` (MUST NOT —\n * overlapping avatars) and the `PageHeader` collaboration variant which\n * uses the same gapped row.\n */\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        \"group/avatar-group flex items-center gap-1.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        \"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n// ── Shadcn Studio–style compositions (tokens + a11y checklist: sr-only status, meaningful alt on image) ──\n\ntype AvatarShape = NonNullable<VariantProps<typeof avatarRootVariants>[\"shape\"]>\ntype AvatarVariant = NonNullable<VariantProps<typeof avatarRootVariants>[\"variant\"]>\ntype AvatarSize = NonNullable<VariantProps<typeof avatarRootVariants>[\"size\"]>\n\ntype AvatarInitialsProps = Omit<AvatarProps, \"children\"> & {\n  initials: string\n  /** When true, initials are hidden from accessibility tree (pair with visible name). Default true. */\n  decorative?: boolean\n  /** Extra classes on `AvatarFallback` (e.g. font weight). */\n  fallbackClassName?: string\n}\n\n/** Initials-only chip using `--avatar-initials-bg` / `--avatar-initials-fg` (Exxat tokens). */\nfunction AvatarInitials({\n  initials,\n  decorative = true,\n  fallbackClassName,\n  className,\n  ...avatarProps\n}: AvatarInitialsProps) {\n  return (\n    <Avatar className={className} {...avatarProps}>\n      <AvatarFallback\n        aria-hidden={decorative ? true : undefined}\n        className={cn(\n          \"border-0 bg-[var(--avatar-initials-bg)] font-semibold text-[var(--avatar-initials-fg)]\",\n          fallbackClassName\n        )}\n      >\n        {initials}\n      </AvatarFallback>\n    </Avatar>\n  )\n}\n\ntype AvatarStatusTone = \"online\" | \"busy\" | \"away\"\n\nconst avatarStatusDot: Record<AvatarStatusTone, string> = {\n  online: \"bg-emerald-600 dark:bg-emerald-400\",\n  busy: \"bg-destructive\",\n  away: \"bg-amber-600 dark:bg-amber-400\",\n}\n\n/** Presence dot (Studio avatars 7–9). Wraps a single `Avatar`. */\nfunction AvatarStatus({\n  children,\n  status,\n  label,\n  className,\n  position = \"bottom-end\",\n}: {\n  children: React.ReactNode\n  status: AvatarStatusTone\n  /** Announced to screen readers (e.g. \"Busy\"). */\n  label: string\n  className?: string\n  /** `bottom-end` matches `AvatarBadge`; `top-end` matches some Studio away demos. */\n  position?: \"bottom-end\" | \"top-end\"\n}) {\n  const pos =\n    position === \"top-end\"\n      ? \"-top-0.5 -end-0.5 bottom-auto start-auto\"\n      : \"-end-0.5 -bottom-0.5 top-auto start-auto\"\n  return (\n    <span className={cn(\"relative inline-flex w-fit shrink-0\", className)}>\n      {children}\n      <span\n        className={cn(\n          \"pointer-events-none absolute z-10 size-3 rounded-full border-2 border-background\",\n          pos,\n          avatarStatusDot[status]\n        )}\n        aria-hidden\n      />\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  )\n}\n\n/** Numeric badge overlay (Studio avatar 11). */\nfunction AvatarNotificationCount({\n  children,\n  count,\n  className,\n  badgeClassName,\n}: {\n  children: React.ReactNode\n  count: number | string\n  className?: string\n  badgeClassName?: string\n}) {\n  return (\n    <span className={cn(\"relative inline-flex w-fit shrink-0\", className)}>\n      {children}\n      <Badge\n        className={cn(\n          \"absolute -top-2.5 -end-2.5 z-10 h-5 min-w-5 justify-center px-1 tabular-nums\",\n          badgeClassName\n        )}\n      >\n        {count}\n      </Badge>\n    </span>\n  )\n}\n\n/** Verified check overlay (Studio avatar 12) — primary token fill. */\nfunction AvatarVerified({\n  children,\n  label = \"Verified\",\n  className,\n}: {\n  children: React.ReactNode\n  label?: string\n  className?: string\n}) {\n  return (\n    <span className={cn(\"relative inline-flex w-fit shrink-0\", className)}>\n      {children}\n      <span className=\"pointer-events-none absolute -top-1.5 -end-1.5 z-10 inline-flex size-4 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-sm\">\n        <Check className=\"size-2.5\" strokeWidth={3} aria-hidden />\n        <span className=\"sr-only\">{label}</span>\n      </span>\n    </span>\n  )\n}\n\n/** Leo assistant mark — centralized; same icon treatment as Ask Leo sidebar. */\nfunction AvatarLeoAssistant({\n  className,\n  size = \"sm\",\n  ...props\n}: Omit<AvatarProps, \"children\" | \"shape\">) {\n  return (\n    <Avatar size={size} shape=\"circle\" insetBorder={false} className={className} {...props}>\n      <AvatarFallback className=\"bg-brand/15 p-0\">\n        <span className=\"sr-only\">Leo</span>\n        <i\n          className=\"fa-duotone fa-solid fa-star-christmas text-xs text-brand\"\n          aria-hidden=\"true\"\n        />\n      </AvatarFallback>\n    </Avatar>\n  )\n}\n\n/** “Add profile” affordance (Studio avatar 10). `onClick` on the button. */\nfunction AvatarPlusAction({\n  children,\n  actionLabel,\n  onClick,\n  className,\n  buttonClassName,\n}: {\n  children: React.ReactNode\n  actionLabel: string\n  onClick?: () => void\n  className?: string\n  buttonClassName?: string\n}) {\n  return (\n    <span className={cn(\"relative inline-flex w-fit shrink-0\", className)}>\n      {children}\n      <button\n        type=\"button\"\n        onClick={onClick}\n        className={cn(\n          \"focus-visible:ring-ring/50 absolute -end-1 -bottom-1 z-10 inline-flex size-7 cursor-pointer items-center justify-center rounded-full bg-background shadow-sm ring-1 ring-border focus-visible:ring-[3px] focus-visible:outline-none\",\n          buttonClassName\n        )}\n      >\n        <Plus className=\"size-4 text-muted-foreground\" aria-hidden />\n        <span className=\"sr-only\">{actionLabel}</span>\n      </button>\n    </span>\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarBadge,\n  AvatarInitials,\n  AvatarStatus,\n  AvatarNotificationCount,\n  AvatarVerified,\n  AvatarPlusAction,\n  AvatarLeoAssistant,\n  avatarRootVariants,\n}\nexport type {\n  AvatarProps,\n  AvatarInitialsProps,\n  AvatarShape,\n  AvatarVariant,\n  AvatarSize,\n  AvatarStatusTone,\n}\n"]}

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Badge, badgeVariants };

package/dist/components/ui/badge.js

@@ -0,0 +1,49 @@
+import { cva } from 'class-variance-authority';
+import { Slot } from 'radix-ui';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/ui/badge.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var badgeVariants = cva(
+  "group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-1 text-xs font-medium leading-none whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-[var(--chip-destructive)] focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:text-red-100 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-interactive-hover [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-interactive-hover hover:text-muted-foreground dark:hover:bg-interactive-hover-subtle",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge.js.map

package/dist/components/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/badge.tsx"],"names":[],"mappings":";;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,mfAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,4DAAA;AAAA,QACT,SAAA,EACE,kEAAA;AAAA,QACF,WAAA,EACE,gMAAA;AAAA,QACF,OAAA,EACE,8FAAA;AAAA,QACF,KAAA,EACE,+FAAA;AAAA,QACF,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAEA,SAAS,KAAA,CAAM;AAAA,EACb,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EAC8D;AAC5D,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,MAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAClD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"badge.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-1 text-xs font-medium leading-none whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-[var(--chip-destructive)] focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:text-red-100 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-interactive-hover [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-interactive-hover hover:text-muted-foreground dark:hover:bg-interactive-hover-subtle\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"]}

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

@@ -0,0 +1,62 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const systemBannerVariants: (props?: ({
+    variant?: "error" | "success" | "warning" | "info" | "promo" | null | undefined;
+    emphasis?: "prominent" | "subtle" | null | undefined;
+    actionPosition?: "inline" | "bottom" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SystemBannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof systemBannerVariants> {
+    /** Banner title (optional — adds a bold heading) */
+    title?: string;
+    /** The banner message */
+    children: React.ReactNode;
+    /** Whether the banner can be dismissed */
+    dismissible?: boolean;
+    /** Callback when dismissed */
+    onDismiss?: () => void;
+    /** Optional action — renders as a link-style button. Use href for server components, onClick for client. */
+    action?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    /** Where to place the action: "inline" (right side) or "bottom" (below text) */
+    actionPosition?: "inline" | "bottom";
+    /** Override the default icon */
+    icon?: string;
+    /** Optional absolutely-positioned decorative layer (e.g. `<AiThinkingOverlay />`). */
+    decorativeOverlay?: React.ReactNode;
+}
+declare function SystemBanner({ children, title, variant, emphasis, dismissible, onDismiss, action, actionPosition, icon, decorativeOverlay, className, style, ...props }: SystemBannerProps): react_jsx_runtime.JSX.Element | null;
+declare const localBannerVariants: (props?: ({
+    variant?: "error" | "success" | "warning" | "info" | "promo" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LocalBannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof localBannerVariants> {
+    /** Banner title (optional) */
+    title?: string;
+    /** Banner message */
+    children: React.ReactNode;
+    /** Whether the banner can be dismissed */
+    dismissible?: boolean;
+    /** Callback when dismissed */
+    onDismiss?: () => void;
+    /** Optional action — renders as link (href) or button (onClick) */
+    action?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    /** Optional retry action for error states */
+    retry?: {
+        label?: string;
+        onClick: () => void;
+    };
+    /** Override the default icon */
+    icon?: string;
+}
+declare function LocalBanner({ children, title, variant, dismissible, onDismiss, action, retry, icon, className, ...props }: LocalBannerProps): react_jsx_runtime.JSX.Element | null;
+
+export { LocalBanner, type LocalBannerProps, SystemBanner, type SystemBannerProps };