@fairmint/ui 0.3.39 → 0.3.41

package/README.md

@@ -2,6 +2,13 @@
 
 Fairmint's shared design system and UI component library.
 
+## Documentation
+
+- [@fairmint/ui shared components](https://github.com/Fairmint/dev-docs/blob/main/docs/development/ui.md)
+- [GitHub wiki](https://github.com/Fairmint/ui/wiki)
+
+The canonical developer map is now in Fairmint/dev-docs. The GitHub wiki remains until that replacement is on main, then it will be disabled.
+
 ## Design quality
 
 Read [docs/design-quality.md](docs/design-quality.md) before creating or reviewing product UI. It records the approved onboarding v5 quality bar, the shared spacing and hierarchy rules, reusable component expectations, and the visual-review gate for founder, investor, onboarding, SAFE, grant, and cap-table work.

package/dist/components/generic/EmptyState/EmptyState.cjs

@@ -1,13 +1,42 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const index = require("../../../theme/index.cjs");
 const colors = require("../../../theme/colors.cjs");
+const Avatar = require("../../primitives/Avatar/Avatar.cjs");
 const Button = require("../../primitives/Button/Button.cjs");
 const layout = require("../../primitives/layout.cjs");
-const Title = require("../../../node_modules/@mantine/core/esm/components/Title/Title.cjs");
 const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const EMPTY_STATE_AVATAR_SIZE = 56;
+const EMPTY_STATE_ICON_SIZE = 28;
+function EmptyStateAvatar({ avatar, icon }) {
+  if (avatar) {
+    return avatar;
+  }
+  if (!icon) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Avatar.Avatar,
+    {
+      "aria-hidden": true,
+      color: colors.colors.neutral,
+      radius: "xl",
+      size: EMPTY_STATE_AVATAR_SIZE,
+      styles: {
+        root: {
+          "& svg": {
+            height: EMPTY_STATE_ICON_SIZE,
+            width: EMPTY_STATE_ICON_SIZE
+          }
+        }
+      },
+      variant: "light",
+      children: icon
+    }
+  );
+}
 function EmptyState({
+  avatar,
   icon,
   title,
   description,
@@ -16,10 +45,10 @@ function EmptyState({
   actionColor = colors.colors.primary
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { align: "center", gap: "md", py: "xl", role: "status", children: [
-    icon && /* @__PURE__ */ jsxRuntime.jsx(layout.Box, { c: index.fairmintVars.colorTextSecondary, fz: "2.5rem", children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsx(Title.Title, { order: 4, ta: "center", children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { c: index.fairmintVars.colorTextSecondary, size: "sm", ta: "center", maw: 360, children: description }),
-    actionLabel && onAction && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "light", color: actionColor, onClick: onAction, children: actionLabel })
+    /* @__PURE__ */ jsxRuntime.jsx(EmptyStateAvatar, { avatar, icon }),
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 500, size: "lg", ta: "center", children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { c: "dimmed", maw: 360, size: "sm", ta: "center", children: description }),
+    actionLabel && onAction && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { color: actionColor, onClick: onAction, variant: "light", children: actionLabel })
   ] });
 }
 exports.EmptyState = EmptyState;

package/dist/components/generic/EmptyState/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/generic/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Button } from \"../../primitives/Button/Button\";\nimport { Box, Stack, Text, Title } from \"../../primitives/layout\";\n\nexport interface EmptyStateProps {\n  /** Icon element (ReactNode — use any icon library). */\n  icon?: ReactNode;\n  /** Primary heading. */\n  title: ReactNode;\n  /** Supporting description. */\n  description?: ReactNode;\n  /** CTA button label. If provided, `onAction` is required. */\n  actionLabel?: string;\n  /** CTA button callback. */\n  onAction?: () => void;\n  /** CTA button color. @default colors.primary */\n  actionColor?: string;\n}\n\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  actionLabel,\n  onAction,\n  actionColor = colors.primary,\n}: EmptyStateProps) {\n  return (\n    <Stack align=\"center\" gap=\"md\" py=\"xl\" role=\"status\">\n      {icon && (\n        <Box c={fairmintVars.colorTextSecondary} fz=\"2.5rem\">\n          {icon}\n        </Box>\n      )}\n      <Title order={4} ta=\"center\">\n        {title}\n      </Title>\n      {description && (\n        <Text c={fairmintVars.colorTextSecondary} size=\"sm\" ta=\"center\" maw={360}>\n          {description}\n        </Text>\n      )}\n      {actionLabel && onAction && (\n        <Button variant=\"light\" color={actionColor} onClick={onAction}>\n          {actionLabel}\n        </Button>\n      )}\n    </Stack>\n  );\n}\n"],"names":["colors","jsxs","Stack","Box","fairmintVars","Title","jsx","Text","Button"],"mappings":";;;;;;;;;AAqBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAcA,OAAAA,OAAO;AACvB,GAAoB;AAClB,SACEC,gCAACC,OAAAA,SAAM,OAAM,UAAS,KAAI,MAAK,IAAG,MAAK,MAAK,UACzC,UAAA;AAAA,IAAA,uCACEC,YAAA,EAAI,GAAGC,MAAAA,aAAa,oBAAoB,IAAG,UACzC,UAAA,KAAA,CACH;AAAA,mCAEDC,MAAAA,OAAA,EAAM,OAAO,GAAG,IAAG,UACjB,UAAA,OACH;AAAA,IACC,eACCC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,GAAGH,MAAAA,aAAa,oBAAoB,MAAK,MAAK,IAAG,UAAS,KAAK,KAClE,UAAA,aACH;AAAA,IAED,eAAe,YACdE,2BAAAA,IAACE,OAAAA,QAAA,EAAO,SAAQ,SAAQ,OAAO,aAAa,SAAS,UAClD,UAAA,YAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/generic/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { colors } from \"../../../theme/colors\";\nimport { Avatar } from \"../../primitives/Avatar/Avatar\";\nimport { Button } from \"../../primitives/Button/Button\";\nimport { Stack, Text } from \"../../primitives/layout\";\n\nconst EMPTY_STATE_AVATAR_SIZE = 56;\nconst EMPTY_STATE_ICON_SIZE = 28;\n\nexport interface EmptyStateProps {\n  /**\n   * Fully composed avatar (photo, initials, or custom node). Takes precedence\n   * over `icon`. Use this when the empty state represents a person or entity.\n   */\n  avatar?: ReactNode;\n  /**\n   * Icon glyph (e.g. from `@tabler/icons-react`). Wrapped in the canonical\n   * empty-state Avatar: 56px, light gray, circular.\n   */\n  icon?: ReactNode;\n  /** Primary heading. */\n  title: ReactNode;\n  /** Supporting description. */\n  description?: ReactNode;\n  /** CTA button label. Rendered only when `onAction` is also provided. */\n  actionLabel?: string;\n  /** CTA button callback. The CTA is omitted unless this is set. */\n  onAction?: () => void;\n  /** CTA button color. @default colors.primary */\n  actionColor?: string;\n}\n\nfunction EmptyStateAvatar({ avatar, icon }: Pick<EmptyStateProps, \"avatar\" | \"icon\">) {\n  if (avatar) {\n    return avatar;\n  }\n  if (!icon) {\n    return null;\n  }\n  return (\n    <Avatar\n      aria-hidden\n      color={colors.neutral}\n      radius=\"xl\"\n      size={EMPTY_STATE_AVATAR_SIZE}\n      styles={{\n        root: {\n          \"& svg\": {\n            height: EMPTY_STATE_ICON_SIZE,\n            width: EMPTY_STATE_ICON_SIZE,\n          },\n        },\n      }}\n      variant=\"light\"\n    >\n      {icon}\n    </Avatar>\n  );\n}\n\nexport function EmptyState({\n  avatar,\n  icon,\n  title,\n  description,\n  actionLabel,\n  onAction,\n  actionColor = colors.primary,\n}: EmptyStateProps) {\n  return (\n    <Stack align=\"center\" gap=\"md\" py=\"xl\" role=\"status\">\n      <EmptyStateAvatar avatar={avatar} icon={icon} />\n      <Text fw={500} size=\"lg\" ta=\"center\">\n        {title}\n      </Text>\n      {description && (\n        <Text c=\"dimmed\" maw={360} size=\"sm\" ta=\"center\">\n          {description}\n        </Text>\n      )}\n      {actionLabel && onAction && (\n        <Button color={actionColor} onClick={onAction} variant=\"light\">\n          {actionLabel}\n        </Button>\n      )}\n    </Stack>\n  );\n}\n"],"names":["jsx","Avatar","colors","jsxs","Stack","Text","Button"],"mappings":";;;;;;;;AAMA,MAAM,0BAA0B;AAChC,MAAM,wBAAwB;AAyB9B,SAAS,iBAAiB,EAAE,QAAQ,QAAkD;AACpF,MAAI,QAAQ;AACV,WAAO;AAAA,EACT;AACA,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,SACEA,2BAAAA;AAAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACC,eAAW;AAAA,MACX,OAAOC,OAAAA,OAAO;AAAA,MACd,QAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF;AAAA,MAEF,SAAQ;AAAA,MAEP,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAcA,OAAAA,OAAO;AACvB,GAAoB;AAClB,SACEC,gCAACC,OAAAA,SAAM,OAAM,UAAS,KAAI,MAAK,IAAG,MAAK,MAAK,UAC1C,UAAA;AAAA,IAAAJ,2BAAAA,IAAC,kBAAA,EAAiB,QAAgB,KAAA,CAAY;AAAA,IAC9CA,2BAAAA,IAACK,KAAAA,QAAK,IAAI,KAAK,MAAK,MAAK,IAAG,UACzB,UAAA,MAAA,CACH;AAAA,IACC,eACCL,2BAAAA,IAACK,KAAAA,MAAA,EAAK,GAAE,UAAS,KAAK,KAAK,MAAK,MAAK,IAAG,UACrC,UAAA,YAAA,CACH;AAAA,IAED,eAAe,YACdL,2BAAAA,IAACM,OAAAA,QAAA,EAAO,OAAO,aAAa,SAAS,UAAU,SAAQ,SACpD,UAAA,YAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/components/generic/EmptyState/EmptyState.d.ts

@@ -1,17 +1,25 @@
 import { ReactNode } from 'react';
 export interface EmptyStateProps {
-    /** Icon element (ReactNode — use any icon library). */
+    /**
+     * Fully composed avatar (photo, initials, or custom node). Takes precedence
+     * over `icon`. Use this when the empty state represents a person or entity.
+     */
+    avatar?: ReactNode;
+    /**
+     * Icon glyph (e.g. from `@tabler/icons-react`). Wrapped in the canonical
+     * empty-state Avatar: 56px, light gray, circular.
+     */
     icon?: ReactNode;
     /** Primary heading. */
     title: ReactNode;
     /** Supporting description. */
     description?: ReactNode;
-    /** CTA button label. If provided, `onAction` is required. */
+    /** CTA button label. Rendered only when `onAction` is also provided. */
     actionLabel?: string;
-    /** CTA button callback. */
+    /** CTA button callback. The CTA is omitted unless this is set. */
     onAction?: () => void;
     /** CTA button color. @default colors.primary */
     actionColor?: string;
 }
-export declare function EmptyState({ icon, title, description, actionLabel, onAction, actionColor, }: EmptyStateProps): import("react").JSX.Element;
+export declare function EmptyState({ avatar, icon, title, description, actionLabel, onAction, actionColor, }: EmptyStateProps): import("react").JSX.Element;
 //# sourceMappingURL=EmptyState.d.ts.map

package/dist/components/generic/EmptyState/EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,WAA4B,GAC7B,EAAE,eAAe,+BAuBjB"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA8BD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,WAA4B,GAC7B,EAAE,eAAe,+BAmBjB"}

package/dist/components/generic/EmptyState/EmptyState.js

@@ -1,11 +1,40 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { fairmintVars } from "../../../theme/index.js";
 import { colors } from "../../../theme/colors.js";
+import { Avatar } from "../../primitives/Avatar/Avatar.js";
 import { Button } from "../../primitives/Button/Button.js";
-import { Stack, Box } from "../../primitives/layout.js";
-import { Title } from "../../../node_modules/@mantine/core/esm/components/Title/Title.js";
+import { Stack } from "../../primitives/layout.js";
 import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+const EMPTY_STATE_AVATAR_SIZE = 56;
+const EMPTY_STATE_ICON_SIZE = 28;
+function EmptyStateAvatar({ avatar, icon }) {
+  if (avatar) {
+    return avatar;
+  }
+  if (!icon) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      "aria-hidden": true,
+      color: colors.neutral,
+      radius: "xl",
+      size: EMPTY_STATE_AVATAR_SIZE,
+      styles: {
+        root: {
+          "& svg": {
+            height: EMPTY_STATE_ICON_SIZE,
+            width: EMPTY_STATE_ICON_SIZE
+          }
+        }
+      },
+      variant: "light",
+      children: icon
+    }
+  );
+}
 function EmptyState({
+  avatar,
   icon,
   title,
   description,
@@ -14,10 +43,10 @@ function EmptyState({
   actionColor = colors.primary
 }) {
   return /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "md", py: "xl", role: "status", children: [
-    icon && /* @__PURE__ */ jsx(Box, { c: fairmintVars.colorTextSecondary, fz: "2.5rem", children: icon }),
-    /* @__PURE__ */ jsx(Title, { order: 4, ta: "center", children: title }),
-    description && /* @__PURE__ */ jsx(Text, { c: fairmintVars.colorTextSecondary, size: "sm", ta: "center", maw: 360, children: description }),
-    actionLabel && onAction && /* @__PURE__ */ jsx(Button, { variant: "light", color: actionColor, onClick: onAction, children: actionLabel })
+    /* @__PURE__ */ jsx(EmptyStateAvatar, { avatar, icon }),
+    /* @__PURE__ */ jsx(Text, { fw: 500, size: "lg", ta: "center", children: title }),
+    description && /* @__PURE__ */ jsx(Text, { c: "dimmed", maw: 360, size: "sm", ta: "center", children: description }),
+    actionLabel && onAction && /* @__PURE__ */ jsx(Button, { color: actionColor, onClick: onAction, variant: "light", children: actionLabel })
   ] });
 }
 export {

package/dist/components/generic/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/generic/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Button } from \"../../primitives/Button/Button\";\nimport { Box, Stack, Text, Title } from \"../../primitives/layout\";\n\nexport interface EmptyStateProps {\n  /** Icon element (ReactNode — use any icon library). */\n  icon?: ReactNode;\n  /** Primary heading. */\n  title: ReactNode;\n  /** Supporting description. */\n  description?: ReactNode;\n  /** CTA button label. If provided, `onAction` is required. */\n  actionLabel?: string;\n  /** CTA button callback. */\n  onAction?: () => void;\n  /** CTA button color. @default colors.primary */\n  actionColor?: string;\n}\n\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  actionLabel,\n  onAction,\n  actionColor = colors.primary,\n}: EmptyStateProps) {\n  return (\n    <Stack align=\"center\" gap=\"md\" py=\"xl\" role=\"status\">\n      {icon && (\n        <Box c={fairmintVars.colorTextSecondary} fz=\"2.5rem\">\n          {icon}\n        </Box>\n      )}\n      <Title order={4} ta=\"center\">\n        {title}\n      </Title>\n      {description && (\n        <Text c={fairmintVars.colorTextSecondary} size=\"sm\" ta=\"center\" maw={360}>\n          {description}\n        </Text>\n      )}\n      {actionLabel && onAction && (\n        <Button variant=\"light\" color={actionColor} onClick={onAction}>\n          {actionLabel}\n        </Button>\n      )}\n    </Stack>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAqBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,OAAO;AACvB,GAAoB;AAClB,SACE,qBAAC,SAAM,OAAM,UAAS,KAAI,MAAK,IAAG,MAAK,MAAK,UACzC,UAAA;AAAA,IAAA,4BACE,KAAA,EAAI,GAAG,aAAa,oBAAoB,IAAG,UACzC,UAAA,KAAA,CACH;AAAA,wBAED,OAAA,EAAM,OAAO,GAAG,IAAG,UACjB,UAAA,OACH;AAAA,IACC,eACC,oBAAC,MAAA,EAAK,GAAG,aAAa,oBAAoB,MAAK,MAAK,IAAG,UAAS,KAAK,KAClE,UAAA,aACH;AAAA,IAED,eAAe,YACd,oBAAC,QAAA,EAAO,SAAQ,SAAQ,OAAO,aAAa,SAAS,UAClD,UAAA,YAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/generic/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { colors } from \"../../../theme/colors\";\nimport { Avatar } from \"../../primitives/Avatar/Avatar\";\nimport { Button } from \"../../primitives/Button/Button\";\nimport { Stack, Text } from \"../../primitives/layout\";\n\nconst EMPTY_STATE_AVATAR_SIZE = 56;\nconst EMPTY_STATE_ICON_SIZE = 28;\n\nexport interface EmptyStateProps {\n  /**\n   * Fully composed avatar (photo, initials, or custom node). Takes precedence\n   * over `icon`. Use this when the empty state represents a person or entity.\n   */\n  avatar?: ReactNode;\n  /**\n   * Icon glyph (e.g. from `@tabler/icons-react`). Wrapped in the canonical\n   * empty-state Avatar: 56px, light gray, circular.\n   */\n  icon?: ReactNode;\n  /** Primary heading. */\n  title: ReactNode;\n  /** Supporting description. */\n  description?: ReactNode;\n  /** CTA button label. Rendered only when `onAction` is also provided. */\n  actionLabel?: string;\n  /** CTA button callback. The CTA is omitted unless this is set. */\n  onAction?: () => void;\n  /** CTA button color. @default colors.primary */\n  actionColor?: string;\n}\n\nfunction EmptyStateAvatar({ avatar, icon }: Pick<EmptyStateProps, \"avatar\" | \"icon\">) {\n  if (avatar) {\n    return avatar;\n  }\n  if (!icon) {\n    return null;\n  }\n  return (\n    <Avatar\n      aria-hidden\n      color={colors.neutral}\n      radius=\"xl\"\n      size={EMPTY_STATE_AVATAR_SIZE}\n      styles={{\n        root: {\n          \"& svg\": {\n            height: EMPTY_STATE_ICON_SIZE,\n            width: EMPTY_STATE_ICON_SIZE,\n          },\n        },\n      }}\n      variant=\"light\"\n    >\n      {icon}\n    </Avatar>\n  );\n}\n\nexport function EmptyState({\n  avatar,\n  icon,\n  title,\n  description,\n  actionLabel,\n  onAction,\n  actionColor = colors.primary,\n}: EmptyStateProps) {\n  return (\n    <Stack align=\"center\" gap=\"md\" py=\"xl\" role=\"status\">\n      <EmptyStateAvatar avatar={avatar} icon={icon} />\n      <Text fw={500} size=\"lg\" ta=\"center\">\n        {title}\n      </Text>\n      {description && (\n        <Text c=\"dimmed\" maw={360} size=\"sm\" ta=\"center\">\n          {description}\n        </Text>\n      )}\n      {actionLabel && onAction && (\n        <Button color={actionColor} onClick={onAction} variant=\"light\">\n          {actionLabel}\n        </Button>\n      )}\n    </Stack>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,0BAA0B;AAChC,MAAM,wBAAwB;AAyB9B,SAAS,iBAAiB,EAAE,QAAQ,QAAkD;AACpF,MAAI,QAAQ;AACV,WAAO;AAAA,EACT;AACA,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,MACX,OAAO,OAAO;AAAA,MACd,QAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF;AAAA,MAEF,SAAQ;AAAA,MAEP,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,OAAO;AACvB,GAAoB;AAClB,SACE,qBAAC,SAAM,OAAM,UAAS,KAAI,MAAK,IAAG,MAAK,MAAK,UAC1C,UAAA;AAAA,IAAA,oBAAC,kBAAA,EAAiB,QAAgB,KAAA,CAAY;AAAA,IAC9C,oBAAC,QAAK,IAAI,KAAK,MAAK,MAAK,IAAG,UACzB,UAAA,MAAA,CACH;AAAA,IACC,eACC,oBAAC,MAAA,EAAK,GAAE,UAAS,KAAK,KAAK,MAAK,MAAK,IAAG,UACrC,UAAA,YAAA,CACH;AAAA,IAED,eAAe,YACd,oBAAC,QAAA,EAAO,OAAO,aAAa,SAAS,UAAU,SAAQ,SACpD,UAAA,YAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fairmint/ui",
-  "version": "0.3.39",
+  "version": "0.3.41",
   "type": "module",
   "description": "Fairmint design system and UI component library",
   "license": "UNLICENSED",