@web-my-money/primitives 1.0.0

package/dist/accordion/index.d.mts

@@ -0,0 +1,9 @@
+import * as React$1 from 'react';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+
+declare const Accordion: <Value = any>(props: Accordion$1.Root.Props<Value>) => React.JSX.Element;
+declare const AccordionItem: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Accordion$1.Item>) => React$1.JSX.Element;
+declare const AccordionTrigger: ({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof Accordion$1.Header>) => React$1.JSX.Element;
+declare const AccordionContent: ({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof Accordion$1.Panel>) => React$1.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/accordion/index.d.ts

@@ -0,0 +1,9 @@
+import * as React$1 from 'react';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+
+declare const Accordion: <Value = any>(props: Accordion$1.Root.Props<Value>) => React.JSX.Element;
+declare const AccordionItem: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Accordion$1.Item>) => React$1.JSX.Element;
+declare const AccordionTrigger: ({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof Accordion$1.Header>) => React$1.JSX.Element;
+declare const AccordionContent: ({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof Accordion$1.Panel>) => React$1.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/accordion/index.js

@@ -0,0 +1,99 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/accordion/index.tsx
+var accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_accordion = require("@base-ui/react/accordion");
+var import_lucide_react = require("lucide-react");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/accordion/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Accordion = import_accordion.Accordion.Root;
+var AccordionItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_accordion.Accordion.Item,
+  {
+    className: cn("border-b border-border last:border-0", className),
+    ...props
+  }
+);
+var AccordionTrigger = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  import_accordion.Accordion.Trigger,
+  {
+    className: cn(
+      "flex flex-1 cursor-pointer items-center justify-between py-4 text-sm font-medium",
+      "transition-all outline-none select-none",
+      "hover:underline hover:text-foreground",
+      "focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
+      "[&[data-panel-open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_lucide_react.ChevronDown,
+        {
+          className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200",
+          "aria-hidden": true
+        }
+      )
+    ]
+  }
+) });
+var AccordionContent = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_accordion.Accordion.Panel,
+  {
+    className: "wmm-accordion-panel text-sm",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("pb-4 pt-0 text-muted-foreground", className), children })
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+});

package/dist/accordion/index.mjs

@@ -0,0 +1,14 @@
+"use client";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../chunk-DZPJV6MN.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};

package/dist/alert-dialog/index.d.mts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from '../button/index.mjs';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+
+declare function AlertDialog({ ...props }: AlertDialog$1.Root.Props): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: AlertDialog$1.Trigger.Props): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: AlertDialog$1.Portal.Props): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: AlertDialog$1.Backdrop.Props): React.JSX.Element;
+declare function AlertDialogContent({ className, children, ...props }: AlertDialog$1.Popup.Props): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: AlertDialog$1.Title.Props): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: AlertDialog$1.Description.Props): React.JSX.Element;
+declare function AlertDialogAction({ className, variant, ...props }: AlertDialog$1.Close.Props & {
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+}): React.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: AlertDialog$1.Close.Props): React.JSX.Element;
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/alert-dialog/index.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from '../button/index.js';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+
+declare function AlertDialog({ ...props }: AlertDialog$1.Root.Props): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: AlertDialog$1.Trigger.Props): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: AlertDialog$1.Portal.Props): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: AlertDialog$1.Backdrop.Props): React.JSX.Element;
+declare function AlertDialogContent({ className, children, ...props }: AlertDialog$1.Popup.Props): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: AlertDialog$1.Title.Props): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: AlertDialog$1.Description.Props): React.JSX.Element;
+declare function AlertDialogAction({ className, variant, ...props }: AlertDialog$1.Close.Props & {
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+}): React.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: AlertDialog$1.Close.Props): React.JSX.Element;
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/alert-dialog/index.js

@@ -0,0 +1,206 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/alert-dialog/index.tsx
+var alert_dialog_exports = {};
+__export(alert_dialog_exports, {
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger
+});
+module.exports = __toCommonJS(alert_dialog_exports);
+var import_alert_dialog = require("@base-ui/react/alert-dialog");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/button/index.tsx
+var import_button = require("@base-ui/react/button");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/alert-dialog/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AlertDialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_alert_dialog.AlertDialog.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("font-heading text-base leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Close,
+    {
+      "data-slot": "alert-dialog-action",
+      render: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Button, { variant, className }),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Close,
+    {
+      "data-slot": "alert-dialog-cancel",
+      render: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Button, { variant: "outline", className }),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+});

package/dist/alert-dialog/index.mjs

@@ -0,0 +1,29 @@
+"use client";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+} from "../chunk-LPMRBQLR.mjs";
+import "../chunk-YPTARV3T.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};

package/dist/avatar/index.d.mts

@@ -0,0 +1,23 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const avatarVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof avatarVariants> {
+    src?: string;
+    alt?: string;
+    /** Fallback text — initials derived automatically from alt if not provided */
+    initials?: string;
+}
+declare function Avatar({ className, size, src, alt, initials, ...props }: AvatarProps): React.JSX.Element;
+interface AvatarGroupProps {
+    avatars: AvatarProps[];
+    max?: number;
+    size?: AvatarProps["size"];
+    className?: string;
+}
+declare function AvatarGroup({ avatars, max, size, className }: AvatarGroupProps): React.JSX.Element;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps };

package/dist/avatar/index.d.ts

@@ -0,0 +1,23 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const avatarVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof avatarVariants> {
+    src?: string;
+    alt?: string;
+    /** Fallback text — initials derived automatically from alt if not provided */
+    initials?: string;
+}
+declare function Avatar({ className, size, src, alt, initials, ...props }: AvatarProps): React.JSX.Element;
+interface AvatarGroupProps {
+    avatars: AvatarProps[];
+    max?: number;
+    size?: AvatarProps["size"];
+    className?: string;
+}
+declare function AvatarGroup({ avatars, max, size, className }: AvatarGroupProps): React.JSX.Element;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps };

package/dist/avatar/index.js

@@ -0,0 +1,133 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/avatar/index.tsx
+var avatar_exports = {};
+__export(avatar_exports, {
+  Avatar: () => Avatar,
+  AvatarGroup: () => AvatarGroup
+});
+module.exports = __toCommonJS(avatar_exports);
+var React = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/avatar/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var avatarVariants = (0, import_class_variance_authority.cva)(
+  "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted font-medium select-none",
+  {
+    variants: {
+      size: {
+        xs: "size-6 text-[10px]",
+        sm: "size-8 text-xs",
+        default: "size-10 text-sm",
+        lg: "size-12 text-base",
+        xl: "size-16 text-lg"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+);
+function getInitials(text) {
+  if (!text) return "?";
+  const words = text.trim().split(/\s+/);
+  if (words.length === 1) return words[0].slice(0, 2).toUpperCase();
+  return (words[0][0] + words[words.length - 1][0]).toUpperCase();
+}
+function Avatar({
+  className,
+  size,
+  src,
+  alt,
+  initials,
+  ...props
+}) {
+  const [imgError, setImgError] = React.useState(false);
+  const showImg = src && !imgError;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn(avatarVariants({ size }), className), ...props, children: showImg ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "img",
+    {
+      src,
+      alt: alt ?? "",
+      className: "absolute inset-0 size-full object-cover",
+      onError: () => setImgError(true)
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "aria-label": alt,
+      className: "text-muted-foreground",
+      style: { lineHeight: 1 },
+      children: initials ?? getInitials(alt)
+    }
+  ) });
+}
+function AvatarGroup({ avatars, max = 5, size = "sm", className }) {
+  const shown = avatars.slice(0, max);
+  const overflow = avatars.length - max;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cn("flex items-center", className), children: [
+    shown.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        className: "ring-2 ring-background rounded-full",
+        style: { marginLeft: i === 0 ? 0 : "-0.5rem" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, { ...a, size })
+      },
+      i
+    )),
+    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "span",
+      {
+        className: cn(
+          avatarVariants({ size }),
+          "ring-2 ring-background text-muted-foreground bg-muted"
+        ),
+        style: { marginLeft: "-0.5rem" },
+        "aria-label": `${overflow} more`,
+        children: [
+          "+",
+          overflow
+        ]
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar,
+  AvatarGroup
+});

package/dist/avatar/index.mjs

@@ -0,0 +1,10 @@
+"use client";
+import {
+  Avatar,
+  AvatarGroup
+} from "../chunk-3ZJ4L43B.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Avatar,
+  AvatarGroup
+};

package/dist/badge/index.d.mts

@@ -0,0 +1,15 @@
+import * as React$1 from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "success" | "warning" | "destructive" | "info" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    dot?: boolean;
+}
+declare function Badge({ className, variant, size, dot, children, ...props }: BadgeProps): React$1.JSX.Element;
+
+export { Badge, type BadgeProps, type BadgeVariant, badgeVariants };

package/dist/badge/index.d.ts

@@ -0,0 +1,15 @@
+import * as React$1 from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "success" | "warning" | "destructive" | "info" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    dot?: boolean;
+}
+declare function Badge({ className, variant, size, dot, children, ...props }: BadgeProps): React$1.JSX.Element;
+
+export { Badge, type BadgeProps, type BadgeVariant, badgeVariants };