@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/primitives/page-shell.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/page-shell.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var widthStyles = {
+  narrow: "max-w-3xl",
+  wide: "max-w-5xl",
+  full: "max-w-none"
+};
+var paddingStyles = {
+  none: "",
+  base: "px-4 md:px-6",
+  relaxed: "px-6 md:px-10",
+  spacious: "px-6 md:px-10 xl:px-16"
+};
+var PageShell = _react.forwardRef.call(void 0, 
+  function PageShell2({ width = "full", padding = "base", spacing = "default", bottomInset = "default", minHeight = "none", align = "start", printMode = "default", mobileTreatment = "page", as = "main", className, ...props }, ref) {
+    const Tag = as;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Tag,
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "mx-auto w-full pt-6 md:pt-8 mb-28",
+          spacing === "default" ? "space-y-6" : "space-y-4",
+          widthStyles[width],
+          paddingStyles[padding],
+          bottomInset === "action" && "pb-32",
+          minHeight === "content" && "min-h-[70vh]",
+          align === "center" && "flex items-center",
+          printMode === "compact" && "print:my-0 print:pt-0",
+          mobileTreatment === "application" && "mb-0 flex min-h-[calc(100svh-4rem)] flex-1 flex-col space-y-0 px-0 pt-0 md:mb-28 md:block md:min-h-0 md:pt-8",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+
+exports.PageShell = PageShell;

package/dist/primitives/page-shell.d.cts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+/**
+ * PageShell — outer wrapper for every dashboard route.
+ *
+ * Controls two independent concerns:
+ *   - **width**: how wide the content column stretches.
+ *     `"full"` (default) fills whatever parent constrains it —
+ *     when nested inside `DashboardShell` that means the shell's
+ *     column width, so you don't double-constrain.
+ *   - **padding**: horizontal inset. Set once per app for consistency
+ *     across all pages — every page in an app should use the same
+ *     level. `"base"` (default) is compact (px-4 → px-6 at md).
+ *     `"relaxed"` adds more breathing room (px-6 → px-10 at md).
+ *
+ * Vertical rhythm (`py-6 md:py-8`) and section gap (`space-y-6`)
+ * are always included.
+ */
+type PageShellWidth = "narrow" | "wide" | "full";
+type PageShellPadding = "none" | "base" | "relaxed" | "spacious";
+interface PageShellProps extends HTMLAttributes<HTMLElement> {
+    width?: PageShellWidth;
+    /**
+     * Horizontal padding level. Set per-app for consistency — every
+     * page should use the same value. Defaults to `"base"`.
+     */
+    padding?: PageShellPadding;
+    /** Override the rendered tag (default <main>). */
+    as?: "main" | "div" | "section" | "article";
+    spacing?: "default" | "compact";
+    bottomInset?: "default" | "action";
+    minHeight?: "none" | "content";
+    align?: "start" | "center";
+    printMode?: "default" | "compact";
+    /**
+     * Let a mobile-first workspace own the viewport below `AppLayout`'s
+     * header. Desktop keeps the normal page rhythm and configured padding.
+     */
+    mobileTreatment?: "page" | "application";
+}
+declare const PageShell: React.ForwardRefExoticComponent<PageShellProps & React.RefAttributes<HTMLElement>>;
+
+export { PageShell };

package/dist/primitives/page-shell.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+/**
+ * PageShell — outer wrapper for every dashboard route.
+ *
+ * Controls two independent concerns:
+ *   - **width**: how wide the content column stretches.
+ *     `"full"` (default) fills whatever parent constrains it —
+ *     when nested inside `DashboardShell` that means the shell's
+ *     column width, so you don't double-constrain.
+ *   - **padding**: horizontal inset. Set once per app for consistency
+ *     across all pages — every page in an app should use the same
+ *     level. `"base"` (default) is compact (px-4 → px-6 at md).
+ *     `"relaxed"` adds more breathing room (px-6 → px-10 at md).
+ *
+ * Vertical rhythm (`py-6 md:py-8`) and section gap (`space-y-6`)
+ * are always included.
+ */
+type PageShellWidth = "narrow" | "wide" | "full";
+type PageShellPadding = "none" | "base" | "relaxed" | "spacious";
+interface PageShellProps extends HTMLAttributes<HTMLElement> {
+    width?: PageShellWidth;
+    /**
+     * Horizontal padding level. Set per-app for consistency — every
+     * page should use the same value. Defaults to `"base"`.
+     */
+    padding?: PageShellPadding;
+    /** Override the rendered tag (default <main>). */
+    as?: "main" | "div" | "section" | "article";
+    spacing?: "default" | "compact";
+    bottomInset?: "default" | "action";
+    minHeight?: "none" | "content";
+    align?: "start" | "center";
+    printMode?: "default" | "compact";
+    /**
+     * Let a mobile-first workspace own the viewport below `AppLayout`'s
+     * header. Desktop keeps the normal page rhythm and configured padding.
+     */
+    mobileTreatment?: "page" | "application";
+}
+declare const PageShell: React.ForwardRefExoticComponent<PageShellProps & React.RefAttributes<HTMLElement>>;
+
+export { PageShell };

package/dist/primitives/page-shell.js

@@ -0,0 +1,46 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/page-shell.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var widthStyles = {
+  narrow: "max-w-3xl",
+  wide: "max-w-5xl",
+  full: "max-w-none"
+};
+var paddingStyles = {
+  none: "",
+  base: "px-4 md:px-6",
+  relaxed: "px-6 md:px-10",
+  spacious: "px-6 md:px-10 xl:px-16"
+};
+var PageShell = forwardRef(
+  function PageShell2({ width = "full", padding = "base", spacing = "default", bottomInset = "default", minHeight = "none", align = "start", printMode = "default", mobileTreatment = "page", as = "main", className, ...props }, ref) {
+    const Tag = as;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: cn(
+          "mx-auto w-full pt-6 md:pt-8 mb-28",
+          spacing === "default" ? "space-y-6" : "space-y-4",
+          widthStyles[width],
+          paddingStyles[padding],
+          bottomInset === "action" && "pb-32",
+          minHeight === "content" && "min-h-[70vh]",
+          align === "center" && "flex items-center",
+          printMode === "compact" && "print:my-0 print:pt-0",
+          mobileTreatment === "application" && "mb-0 flex min-h-[calc(100svh-4rem)] flex-1 flex-col space-y-0 px-0 pt-0 md:mb-28 md:block md:min-h-0 md:pt-8",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+export {
+  PageShell
+};

package/dist/primitives/page-tabs.cjs

@@ -0,0 +1,63 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+
+
+var _chunkDFB4ILN6cjs = require('../chunk-DFB4ILN6.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/page-tabs.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function PageTabs({
+  value,
+  onValueChange,
+  items,
+  ariaLabel,
+  layout = "equal",
+  className
+}) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkDFB4ILN6cjs.Tabs,
+    {
+      value,
+      onValueChange: (next) => onValueChange(next),
+      className,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkDFB4ILN6cjs.TabsList,
+        {
+          "aria-label": ariaLabel,
+          scrollable: layout === "scroll",
+          width: "full",
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+            "w-full",
+            layout === "equal" ? "grid h-auto p-1.5" : "justify-start"
+          ),
+          style: layout === "equal" ? { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` } : void 0,
+          children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _chunkDFB4ILN6cjs.TabsTrigger,
+            {
+              value: item.value,
+              className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                layout === "equal" && "min-h-11 gap-2 text-sm sm:text-base",
+                layout === "scroll" && "shrink-0 gap-2"
+              ),
+              children: [
+                item.icon,
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate", children: item.label }),
+                item.badge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: item.badge })
+              ]
+            },
+            item.value
+          ))
+        }
+      )
+    }
+  );
+}
+
+
+exports.PageTabs = PageTabs;

package/dist/primitives/page-tabs.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface PageTabItem<TValue extends string = string> {
+    value: TValue;
+    label: ReactNode;
+    icon?: ReactNode;
+    badge?: ReactNode;
+}
+interface PageTabsProps<TValue extends string = string> {
+    value: TValue;
+    onValueChange: (value: TValue) => void;
+    items: PageTabItem<TValue>[];
+    ariaLabel: string;
+    /** Equal-width sibling views by default; `scroll` keeps larger sets readable. */
+    layout?: "equal" | "scroll";
+    className?: string;
+}
+/**
+ * Full-width secondary navigation for switching sibling page views.
+ *
+ * Unlike compact `Tabs`, this deliberately owns the whole content width and
+ * gives each destination an equal, touch-friendly target. Route handling is
+ * consumer-owned through `onValueChange`, keeping the primitive router-agnostic.
+ */
+declare function PageTabs<TValue extends string = string>({ value, onValueChange, items, ariaLabel, layout, className, }: PageTabsProps<TValue>): react_jsx_runtime.JSX.Element | null;
+
+export { type PageTabItem, PageTabs, type PageTabsProps };

package/dist/primitives/page-tabs.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface PageTabItem<TValue extends string = string> {
+    value: TValue;
+    label: ReactNode;
+    icon?: ReactNode;
+    badge?: ReactNode;
+}
+interface PageTabsProps<TValue extends string = string> {
+    value: TValue;
+    onValueChange: (value: TValue) => void;
+    items: PageTabItem<TValue>[];
+    ariaLabel: string;
+    /** Equal-width sibling views by default; `scroll` keeps larger sets readable. */
+    layout?: "equal" | "scroll";
+    className?: string;
+}
+/**
+ * Full-width secondary navigation for switching sibling page views.
+ *
+ * Unlike compact `Tabs`, this deliberately owns the whole content width and
+ * gives each destination an equal, touch-friendly target. Route handling is
+ * consumer-owned through `onValueChange`, keeping the primitive router-agnostic.
+ */
+declare function PageTabs<TValue extends string = string>({ value, onValueChange, items, ariaLabel, layout, className, }: PageTabsProps<TValue>): react_jsx_runtime.JSX.Element | null;
+
+export { type PageTabItem, PageTabs, type PageTabsProps };

package/dist/primitives/page-tabs.js

@@ -0,0 +1,63 @@
+"use client";
+"use client";
+import {
+  Tabs,
+  TabsList,
+  TabsTrigger
+} from "../chunk-7CRDYV3C.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/page-tabs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PageTabs({
+  value,
+  onValueChange,
+  items,
+  ariaLabel,
+  layout = "equal",
+  className
+}) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      value,
+      onValueChange: (next) => onValueChange(next),
+      className,
+      children: /* @__PURE__ */ jsx(
+        TabsList,
+        {
+          "aria-label": ariaLabel,
+          scrollable: layout === "scroll",
+          width: "full",
+          className: cn(
+            "w-full",
+            layout === "equal" ? "grid h-auto p-1.5" : "justify-start"
+          ),
+          style: layout === "equal" ? { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` } : void 0,
+          children: items.map((item) => /* @__PURE__ */ jsxs(
+            TabsTrigger,
+            {
+              value: item.value,
+              className: cn(
+                layout === "equal" && "min-h-11 gap-2 text-sm sm:text-base",
+                layout === "scroll" && "shrink-0 gap-2"
+              ),
+              children: [
+                item.icon,
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label }),
+                item.badge && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: item.badge })
+              ]
+            },
+            item.value
+          ))
+        }
+      )
+    }
+  );
+}
+export {
+  PageTabs
+};

package/dist/primitives/panel-section.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/panel-section.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var borders = {
+  none: "",
+  top: "border-t",
+  bottom: "border-b"
+};
+var paddings = {
+  none: "",
+  compact: "px-[22px] py-[18px]",
+  default: "px-[26px] py-[26px]"
+};
+var PanelSection = _react.forwardRef.call(void 0, 
+  function PanelSection2({ as, border = "none", padding = "default", paddingX = "none", paddingTop = "none", paddingBottom = "none", paddingY = "none", surface = "default", layout = "block", gap = "none", shrink = true, className, ...props }, ref) {
+    const Component = _nullishCoalesce(as, () => ( "section"));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Component,
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          borders[border],
+          paddings[padding],
+          paddingX === "md" && "px-[22px]",
+          paddingX === "lg" && "px-[26px]",
+          paddingTop === "sm" && "pt-2",
+          paddingTop === "md" && "pt-3",
+          paddingTop === "lg" && "pt-5",
+          paddingBottom === "xs" && "pb-1",
+          paddingBottom === "sm" && "pb-2",
+          paddingBottom === "md" && "pb-3",
+          paddingBottom === "lg" && "pb-4",
+          paddingY === "xl" && "py-12",
+          surface === "muted" && "bg-muted/40",
+          layout === "row" && "flex",
+          gap === "sm" && "gap-2",
+          !shrink && "shrink-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+
+exports.PanelSection = PanelSection;

package/dist/primitives/panel-section.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+interface PanelSectionProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    border?: "none" | "top" | "bottom";
+    padding?: "none" | "compact" | "default";
+    paddingX?: "none" | "md" | "lg";
+    paddingTop?: "none" | "sm" | "md" | "lg";
+    paddingBottom?: "none" | "xs" | "sm" | "md" | "lg";
+    paddingY?: "none" | "xl";
+    surface?: "default" | "muted";
+    layout?: "block" | "row";
+    gap?: "none" | "sm";
+    shrink?: boolean;
+}
+/** A consistently padded, optionally divided section inside a panel or drawer. */
+declare const PanelSection: React.ForwardRefExoticComponent<PanelSectionProps & React.RefAttributes<HTMLElement>>;
+
+export { PanelSection, type PanelSectionProps };

package/dist/primitives/panel-section.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+interface PanelSectionProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    border?: "none" | "top" | "bottom";
+    padding?: "none" | "compact" | "default";
+    paddingX?: "none" | "md" | "lg";
+    paddingTop?: "none" | "sm" | "md" | "lg";
+    paddingBottom?: "none" | "xs" | "sm" | "md" | "lg";
+    paddingY?: "none" | "xl";
+    surface?: "default" | "muted";
+    layout?: "block" | "row";
+    gap?: "none" | "sm";
+    shrink?: boolean;
+}
+/** A consistently padded, optionally divided section inside a panel or drawer. */
+declare const PanelSection: React.ForwardRefExoticComponent<PanelSectionProps & React.RefAttributes<HTMLElement>>;
+
+export { PanelSection, type PanelSectionProps };

package/dist/primitives/panel-section.js

@@ -0,0 +1,52 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/panel-section.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var borders = {
+  none: "",
+  top: "border-t",
+  bottom: "border-b"
+};
+var paddings = {
+  none: "",
+  compact: "px-[22px] py-[18px]",
+  default: "px-[26px] py-[26px]"
+};
+var PanelSection = forwardRef(
+  function PanelSection2({ as, border = "none", padding = "default", paddingX = "none", paddingTop = "none", paddingBottom = "none", paddingY = "none", surface = "default", layout = "block", gap = "none", shrink = true, className, ...props }, ref) {
+    const Component = as ?? "section";
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cn(
+          borders[border],
+          paddings[padding],
+          paddingX === "md" && "px-[22px]",
+          paddingX === "lg" && "px-[26px]",
+          paddingTop === "sm" && "pt-2",
+          paddingTop === "md" && "pt-3",
+          paddingTop === "lg" && "pt-5",
+          paddingBottom === "xs" && "pb-1",
+          paddingBottom === "sm" && "pb-2",
+          paddingBottom === "md" && "pb-3",
+          paddingBottom === "lg" && "pb-4",
+          paddingY === "xl" && "py-12",
+          surface === "muted" && "bg-muted/40",
+          layout === "row" && "flex",
+          gap === "sm" && "gap-2",
+          !shrink && "shrink-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+export {
+  PanelSection
+};

package/dist/primitives/person-avatar.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkWABCLRBRcjs = require('../chunk-WABCLRBR.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/person-avatar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function initials(name) {
+  const words = name.trim().split(/\s+/).filter(Boolean);
+  const first = words[0];
+  if (!first) return "?";
+  const last = words[words.length - 1];
+  if (words.length === 1 || !last) return first.slice(0, 2).toUpperCase();
+  return (first.charAt(0) + last.charAt(0)).toUpperCase();
+}
+function PersonAvatar({
+  name,
+  photoUrl,
+  size,
+  className,
+  fallbackClassName,
+  fallbackSize = "default"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkWABCLRBRcjs.Avatar,
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "shrink-0 overflow-hidden rounded-full bg-muted", className),
+      style: size != null ? { width: size, height: size } : void 0,
+      children: [
+        photoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkWABCLRBRcjs.AvatarImage,
+          {
+            src: photoUrl,
+            alt: name,
+            className: "h-full w-full object-cover"
+          }
+        ) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkWABCLRBRcjs.AvatarFallback,
+          {
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, "h-full w-full font-medium", fallbackSize === "default" ? "text-xs" : "text-xl", fallbackClassName),
+            children: initials(name)
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.PersonAvatar = PersonAvatar; exports.initials = initials;

package/dist/primitives/person-avatar.d.cts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * "Ada Lovelace" → "AL", "acme" → "AC". Two characters, first and last word.
+ *
+ * Exported so every surface that shows a person derives initials the same
+ * way, including for empty names and single words.
+ */
+declare function initials(name: string): string;
+interface PersonAvatarProps {
+    name: string;
+    /** Real photo, when one exists. */
+    photoUrl?: string | null;
+    /**
+     * Pixel size. Omit it to size with `className` instead — an inline style
+     * would beat a utility class, so this is only applied when given.
+     */
+    size?: number;
+    className?: string;
+    /** Class for the initials fallback — e.g. a smaller type scale. */
+    fallbackClassName?: string;
+    fallbackSize?: "default" | "xl";
+}
+/**
+ * A person's avatar: their photo if we have one, their initials if we don't.
+ *
+ * Deliberately no synthetic-avatar service and no generated colour tile: a
+ * coloured tile masks a missing photo by pretending to be one, while plain
+ * initials make a missing photo obvious.
+ */
+declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
+
+export { PersonAvatar, type PersonAvatarProps, initials };

package/dist/primitives/person-avatar.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * "Ada Lovelace" → "AL", "acme" → "AC". Two characters, first and last word.
+ *
+ * Exported so every surface that shows a person derives initials the same
+ * way, including for empty names and single words.
+ */
+declare function initials(name: string): string;
+interface PersonAvatarProps {
+    name: string;
+    /** Real photo, when one exists. */
+    photoUrl?: string | null;
+    /**
+     * Pixel size. Omit it to size with `className` instead — an inline style
+     * would beat a utility class, so this is only applied when given.
+     */
+    size?: number;
+    className?: string;
+    /** Class for the initials fallback — e.g. a smaller type scale. */
+    fallbackClassName?: string;
+    fallbackSize?: "default" | "xl";
+}
+/**
+ * A person's avatar: their photo if we have one, their initials if we don't.
+ *
+ * Deliberately no synthetic-avatar service and no generated colour tile: a
+ * coloured tile masks a missing photo by pretending to be one, while plain
+ * initials make a missing photo obvious.
+ */
+declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
+
+export { PersonAvatar, type PersonAvatarProps, initials };