@fairmint/ui 0.4.9 → 0.4.11

package/dist/components/BrandedLoadingScreen/BrandedLoadingScreen.cjs

@@ -6,7 +6,7 @@ const logo = require("../../theme/logo.cjs");
 const FairmintLogo = require("../FairmintLogo/FairmintLogo.cjs");
 const LoadingSpinner = require("../LoadingSpinner/LoadingSpinner.cjs");
 const layout = require("../primitives/layout.cjs");
-const Text = require("../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../primitives/Text/Text.cjs");
 const defaultMessages = [];
 function BrandedLoadingScreen({
   messages = defaultMessages,

package/dist/components/BrandedLoadingScreen/BrandedLoadingScreen.js

@@ -4,7 +4,7 @@ import { DEFAULT_FAIRMINT_LOGO_SRC } from "../../theme/logo.js";
 import { FairmintLogo } from "../FairmintLogo/FairmintLogo.js";
 import { LoadingSpinner } from "../LoadingSpinner/LoadingSpinner.js";
 import { Box, Stack } from "../primitives/layout.js";
-import { Text } from "../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../primitives/Text/Text.js";
 const defaultMessages = [];
 function BrandedLoadingScreen({
   messages = defaultMessages,

package/dist/components/ErrorFallback/ErrorFallback.cjs

@@ -5,7 +5,7 @@ const index = require("../../theme/index.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 Text = require("../primitives/Text/Text.cjs");
 function ErrorFallback({
   title = "Something went wrong",
   description = "We've been notified and are working on a fix.",

package/dist/components/ErrorFallback/ErrorFallback.js

@@ -3,7 +3,7 @@ import { fairmintVars } from "../../theme/index.js";
 import { Button } from "../primitives/Button/Button.js";
 import { Container, Stack } from "../primitives/layout.js";
 import { Title } from "../../node_modules/@mantine/core/esm/components/Title/Title.js";
-import { Text } from "../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../primitives/Text/Text.js";
 function ErrorFallback({
   title = "Something went wrong",
   description = "We've been notified and are working on a fix.",

package/dist/components/form/FormField.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const index = require("../../theme/index.cjs");
 const layout = require("../primitives/layout.cjs");
 const TextInput = require("../primitives/TextInput/TextInput.cjs");
-const Text = require("../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../primitives/Text/Text.cjs");
 function FormField({
   name,
   label,

package/dist/components/form/FormField.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { fairmintVars } from "../../theme/index.js";
 import { Stack } from "../primitives/layout.js";
 import { TextInput } from "../primitives/TextInput/TextInput.js";
-import { Text } from "../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../primitives/Text/Text.js";
 function FormField({
   name,
   label,

package/dist/components/generic/AgentSuggestion/AgentSuggestion.cjs

@@ -6,7 +6,7 @@ const ActionIcon = require("../../primitives/ActionIcon/ActionIcon.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Tooltip = require("../../primitives/Tooltip/Tooltip.cjs");
 const spacing = require("../../../theme/spacing.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const MantineThemeProvider = require("../../../node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs");
 const useComputedColorScheme = require("../../../node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.cjs");
 function useCaptableAiInfoAccent() {

package/dist/components/generic/AgentSuggestion/AgentSuggestion.js

@@ -4,7 +4,7 @@ import { ActionIcon } from "../../primitives/ActionIcon/ActionIcon.js";
 import { Box, Stack } from "../../primitives/layout.js";
 import { Tooltip } from "../../primitives/Tooltip/Tooltip.js";
 import { spacing } from "../../../theme/spacing.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { useMantineTheme } from "../../../node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js";
 import { useComputedColorScheme } from "../../../node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js";
 function useCaptableAiInfoAccent() {

package/dist/components/generic/Banner/Banner.cjs

@@ -9,7 +9,7 @@ const layout = require("../../primitives/layout.cjs");
 const spacing = require("../../../theme/spacing.cjs");
 const ThemeIcon = require("../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const fontSizes = require("../../../theme/fontSizes.cjs");
 const TONE_COLORS = {
   brand: colors.colors.primary,

package/dist/components/generic/Banner/Banner.js

@@ -7,7 +7,7 @@ import { Box } from "../../primitives/layout.js";
 import { spacing } from "../../../theme/spacing.js";
 import { ThemeIcon } from "../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { fontSizes } from "../../../theme/fontSizes.js";
 const TONE_COLORS = {
   brand: colors.primary,

package/dist/components/generic/BottomSheet/BottomSheet.cjs

@@ -6,7 +6,7 @@ const index = require("../../../theme/index.cjs");
 const zIndex = require("../../../theme/zIndex.cjs");
 const Drawer = require("../../primitives/Drawer/Drawer.cjs");
 const layout = require("../../primitives/layout.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
 const CLOSE_OUTSIDE_ENABLE_MS = 100;
 function BottomSheetScrollArea({ style, children, ...props }) {

package/dist/components/generic/BottomSheet/BottomSheet.js

@@ -4,7 +4,7 @@ import { fairmintVars, radii } from "../../../theme/index.js";
 import { overlayZIndexAboveLegacyShell } from "../../../theme/zIndex.js";
 import { Drawer } from "../../primitives/Drawer/Drawer.js";
 import { Box } from "../../primitives/layout.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
 const CLOSE_OUTSIDE_ENABLE_MS = 100;
 function BottomSheetScrollArea({ style, children, ...props }) {

package/dist/components/generic/CompanyBanner/CompanyBanner.cjs

@@ -5,7 +5,7 @@ const index = require("../../../theme/index.cjs");
 const avatar = require("../../../utils/avatar.cjs");
 const Avatar = require("../../primitives/Avatar/Avatar.cjs");
 const layout = require("../../primitives/layout.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const BRAND_GRADIENT = `linear-gradient(90deg, ${index.brandColors.blue} 0%, ${index.brandColors.indigo} 50%, ${index.brandColors.purple} 100%)`;
 function CompanyBanner({
   companyName,

package/dist/components/generic/CompanyBanner/CompanyBanner.js

@@ -3,7 +3,7 @@ import { fairmintVars, brandColors } from "../../../theme/index.js";
 import { getInitials, getAvatarColor } from "../../../utils/avatar.js";
 import { Avatar } from "../../primitives/Avatar/Avatar.js";
 import { Box, Stack } from "../../primitives/layout.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 const BRAND_GRADIENT = `linear-gradient(90deg, ${brandColors.blue} 0%, ${brandColors.indigo} 50%, ${brandColors.purple} 100%)`;
 function CompanyBanner({
   companyName,

package/dist/components/generic/ConfidentialityBanner/ConfidentialityBanner.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const index = require("../../../theme/index.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const DefaultLockIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {

package/dist/components/generic/ConfidentialityBanner/ConfidentialityBanner.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { fairmintVars, brandColors } from "../../../theme/index.js";
 import { Box } from "../../primitives/layout.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 const DefaultLockIcon = () => /* @__PURE__ */ jsxs(
   "svg",
   {

package/dist/components/generic/Currency/Currency.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const format = require("../../../utils/format.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const TABULAR_NUMS = { fontVariantNumeric: "tabular-nums" };
 function Currency({ value, precise = false, currency, style, ...rest }) {
   let formatted;

package/dist/components/generic/Currency/Currency.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { formatPreciseWithCurrency, formatCurrencyPrecise, formatCurrency } from "../../../utils/format.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 const TABULAR_NUMS = { fontVariantNumeric: "tabular-nums" };
 function Currency({ value, precise = false, currency, style, ...rest }) {
   let formatted;

package/dist/components/generic/DataRow/DataRow.cjs

@@ -4,10 +4,19 @@ const jsxRuntime = require("react/jsx-runtime");
 const index = require("../../../theme/index.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 function DataRow({ label, value, accent = false }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { justify: "space-between", align: "flex-start", gap: "md", wrap: "nowrap", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", c: index.fairmintVars.colorTextSecondary, style: { flexShrink: 0 }, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Text.Text,
+      {
+        size: "sm",
+        c: index.fairmintVars.colorTextSecondary,
+        style: { flexShrink: 0 },
+        glossary: false,
+        children: label
+      }
+    ),
     value === null ? /* @__PURE__ */ jsxRuntime.jsx(RedactedValue, {}) : typeof value === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
       Text.Text,
       {
@@ -16,13 +25,25 @@ function DataRow({ label, value, accent = false }) {
         c: accent ? index.fairmintVars.colorSuccessText : index.fairmintVars.colorTextPrimary,
         ta: "right",
         style: { minWidth: 0 },
+        glossary: false,
         children: value
       }
     ) : value
   ] });
 }
 function StackedValue({ values }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(layout.Stack, { gap: 2, align: "flex-end", children: values.map((v) => /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", fw: 500, c: index.fairmintVars.colorTextPrimary, ta: "right", children: v }, v)) });
+  return /* @__PURE__ */ jsxRuntime.jsx(layout.Stack, { gap: 2, align: "flex-end", children: values.map((v) => /* @__PURE__ */ jsxRuntime.jsx(
+    Text.Text,
+    {
+      size: "sm",
+      fw: 500,
+      c: index.fairmintVars.colorTextPrimary,
+      ta: "right",
+      glossary: false,
+      children: v
+    },
+    v
+  )) });
 }
 function RedactedValue({ width = 80 } = {}) {
   return /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"DataRow.cjs","sources":["../../../../src/components/generic/DataRow/DataRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { Box, Group, Stack, Text } from \"../../primitives/layout\";\n\nexport interface DataRowProps {\n  /** Left-aligned label. */\n  label: string;\n  /**\n   * Right-aligned value.\n   *\n   *   - `string`     — rendered as styled `Text` (accent-aware).\n   *   - `ReactNode`  — rendered as-is. Pass `<StackedValue values={...}/>`\n   *     for a vertical list, or any other JSX (badges, icons, links).\n   *   - `null`       — renders a `<RedactedValue>` placeholder. No real\n   *     value lives in the DOM, so a pre-auth dev-tools inspection\n   *     reveals nothing.\n   */\n  value: ReactNode | null;\n  /**\n   * When true, a string `value` renders in success-green bold weight.\n   * Use for highlighted rows like fees, carry, or \"yes\" answers.\n   */\n  accent?: boolean;\n}\n\n/**\n * One label / value row used by terms panels, profile sections, and\n * any \"definition list\" UX.\n *\n * The `null` → redacted placeholder convention is a security primitive:\n * when content is behind a gate, pass `null` and the placeholder shows\n * a dotted strip without leaking the real value into the DOM.\n */\nexport function DataRow({ label, value, accent = false }: DataRowProps) {\n  return (\n    <Group justify=\"space-between\" align=\"flex-start\" gap=\"md\" wrap=\"nowrap\">\n      <Text size=\"sm\" c={fairmintVars.colorTextSecondary} style={{ flexShrink: 0 }}>\n        {label}\n      </Text>\n      {value === null ? (\n        <RedactedValue />\n      ) : typeof value === \"string\" ? (\n        <Text\n          size=\"sm\"\n          fw={accent ? 700 : 500}\n          c={accent ? fairmintVars.colorSuccessText : fairmintVars.colorTextPrimary}\n          ta=\"right\"\n          style={{ minWidth: 0 }}\n        >\n          {value}\n        </Text>\n      ) : (\n        value\n      )}\n    </Group>\n  );\n}\n\nexport interface StackedValueProps {\n  /** List of strings to render as a vertical, right-aligned stack. */\n  values: ReadonlyArray<string>;\n}\n\n/**\n * Right-aligned vertical stack of values. Compose with `DataRow`\n * when a single label has multiple values (e.g., \"Funding: USDC / USDT\n * / Wire\" rendered as three lines stacked under the \"Funding\" label).\n */\nexport function StackedValue({ values }: StackedValueProps) {\n  return (\n    <Stack gap={2} align=\"flex-end\">\n      {values.map((v) => (\n        <Text key={v} size=\"sm\" fw={500} c={fairmintVars.colorTextPrimary} ta=\"right\">\n          {v}\n        </Text>\n      ))}\n    </Stack>\n  );\n}\n\nexport interface RedactedValueProps {\n  /** Width of the placeholder strip in pixels. @default 80 */\n  width?: number;\n}\n\n/**\n * Source-safe placeholder — a fixed-width dotted strip rendered when\n * a value is gated. No real value lives in the DOM, so a pre-auth\n * dev-tools inspection reveals nothing.\n */\nexport function RedactedValue({ width = 80 }: RedactedValueProps = {}) {\n  return (\n    <Box\n      role=\"img\"\n      aria-label=\"Redacted — sign in to view\"\n      style={{\n        height: 14,\n        width,\n        borderRadius: 4,\n        background: `repeating-linear-gradient(135deg, ${fairmintVars.colorBorderDefault} 0 4px, ${fairmintVars.colorBgHover} 4px 8px)`,\n      }}\n    />\n  );\n}\n"],"names":["jsxs","Group","jsx","Text","fairmintVars","Stack","Box"],"mappings":";;;;;;;AAiCO,SAAS,QAAQ,EAAE,OAAO,OAAO,SAAS,SAAuB;AACtE,SACEA,gCAACC,MAAAA,SAAM,SAAQ,iBAAgB,OAAM,cAAa,KAAI,MAAK,MAAK,UAC9D,UAAA;AAAA,IAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAK,MAAK,GAAGC,MAAAA,aAAa,oBAAoB,OAAO,EAAE,YAAY,EAAA,GACtE,UAAA,MAAA,CACH;AAAA,IACC,UAAU,OACTF,2BAAAA,IAAC,iBAAc,IACb,OAAO,UAAU,WACnBA,2BAAAA;AAAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI,SAAS,MAAM;AAAA,QACnB,GAAG,SAASC,MAAAA,aAAa,mBAAmBA,MAAAA,aAAa;AAAA,QACzD,IAAG;AAAA,QACH,OAAO,EAAE,UAAU,EAAA;AAAA,QAElB,UAAA;AAAA,MAAA;AAAA,IAAA,IAGH;AAAA,EAAA,GAEJ;AAEJ;AAYO,SAAS,aAAa,EAAE,UAA6B;AAC1D,SACEF,2BAAAA,IAACG,OAAAA,OAAA,EAAM,KAAK,GAAG,OAAM,YAClB,UAAA,OAAO,IAAI,CAAC,MACXH,2BAAAA,IAACC,KAAAA,MAAA,EAAa,MAAK,MAAK,IAAI,KAAK,GAAGC,MAAAA,aAAa,kBAAkB,IAAG,SACnE,UAAA,EAAA,GADQ,CAEX,CACD,EAAA,CACH;AAEJ;AAYO,SAAS,cAAc,EAAE,QAAQ,GAAA,IAA2B,CAAA,GAAI;AACrE,SACEF,2BAAAA;AAAAA,IAACI,OAAAA;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,QACA,cAAc;AAAA,QACd,YAAY,qCAAqCF,MAAAA,aAAa,kBAAkB,WAAWA,MAAAA,aAAa,YAAY;AAAA,MAAA;AAAA,IACtH;AAAA,EAAA;AAGN;;;;"}
+{"version":3,"file":"DataRow.cjs","sources":["../../../../src/components/generic/DataRow/DataRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { Box, Group, Stack, Text } from \"../../primitives/layout\";\n\nexport interface DataRowProps {\n  /** Left-aligned label. */\n  label: string;\n  /**\n   * Right-aligned value.\n   *\n   *   - `string`     — rendered as styled `Text` (accent-aware).\n   *   - `ReactNode`  — rendered as-is. Pass `<StackedValue values={...}/>`\n   *     for a vertical list, or any other JSX (badges, icons, links).\n   *   - `null`       — renders a `<RedactedValue>` placeholder. No real\n   *     value lives in the DOM, so a pre-auth dev-tools inspection\n   *     reveals nothing.\n   */\n  value: ReactNode | null;\n  /**\n   * When true, a string `value` renders in success-green bold weight.\n   * Use for highlighted rows like fees, carry, or \"yes\" answers.\n   */\n  accent?: boolean;\n}\n\n/**\n * One label / value row used by terms panels, profile sections, and\n * any \"definition list\" UX.\n *\n * The `null` → redacted placeholder convention is a security primitive:\n * when content is behind a gate, pass `null` and the placeholder shows\n * a dotted strip without leaking the real value into the DOM.\n */\nexport function DataRow({ label, value, accent = false }: DataRowProps) {\n  return (\n    <Group justify=\"space-between\" align=\"flex-start\" gap=\"md\" wrap=\"nowrap\">\n      <Text\n        size=\"sm\"\n        c={fairmintVars.colorTextSecondary}\n        style={{ flexShrink: 0 }}\n        glossary={false}\n      >\n        {label}\n      </Text>\n      {value === null ? (\n        <RedactedValue />\n      ) : typeof value === \"string\" ? (\n        <Text\n          size=\"sm\"\n          fw={accent ? 700 : 500}\n          c={accent ? fairmintVars.colorSuccessText : fairmintVars.colorTextPrimary}\n          ta=\"right\"\n          style={{ minWidth: 0 }}\n          glossary={false}\n        >\n          {value}\n        </Text>\n      ) : (\n        value\n      )}\n    </Group>\n  );\n}\n\nexport interface StackedValueProps {\n  /** List of strings to render as a vertical, right-aligned stack. */\n  values: ReadonlyArray<string>;\n}\n\n/**\n * Right-aligned vertical stack of values. Compose with `DataRow`\n * when a single label has multiple values (e.g., \"Funding: USDC / USDT\n * / Wire\" rendered as three lines stacked under the \"Funding\" label).\n */\nexport function StackedValue({ values }: StackedValueProps) {\n  return (\n    <Stack gap={2} align=\"flex-end\">\n      {values.map((v) => (\n        <Text\n          key={v}\n          size=\"sm\"\n          fw={500}\n          c={fairmintVars.colorTextPrimary}\n          ta=\"right\"\n          glossary={false}\n        >\n          {v}\n        </Text>\n      ))}\n    </Stack>\n  );\n}\n\nexport interface RedactedValueProps {\n  /** Width of the placeholder strip in pixels. @default 80 */\n  width?: number;\n}\n\n/**\n * Source-safe placeholder — a fixed-width dotted strip rendered when\n * a value is gated. No real value lives in the DOM, so a pre-auth\n * dev-tools inspection reveals nothing.\n */\nexport function RedactedValue({ width = 80 }: RedactedValueProps = {}) {\n  return (\n    <Box\n      role=\"img\"\n      aria-label=\"Redacted — sign in to view\"\n      style={{\n        height: 14,\n        width,\n        borderRadius: 4,\n        background: `repeating-linear-gradient(135deg, ${fairmintVars.colorBorderDefault} 0 4px, ${fairmintVars.colorBgHover} 4px 8px)`,\n      }}\n    />\n  );\n}\n"],"names":["jsxs","Group","jsx","Text","fairmintVars","Stack","Box"],"mappings":";;;;;;;AAiCO,SAAS,QAAQ,EAAE,OAAO,OAAO,SAAS,SAAuB;AACtE,SACEA,gCAACC,MAAAA,SAAM,SAAQ,iBAAgB,OAAM,cAAa,KAAI,MAAK,MAAK,UAC9D,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,GAAGC,MAAAA,aAAa;AAAA,QAChB,OAAO,EAAE,YAAY,EAAA;AAAA,QACrB,UAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,UAAU,OACTF,2BAAAA,IAAC,iBAAc,IACb,OAAO,UAAU,WACnBA,2BAAAA;AAAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI,SAAS,MAAM;AAAA,QACnB,GAAG,SAASC,MAAAA,aAAa,mBAAmBA,MAAAA,aAAa;AAAA,QACzD,IAAG;AAAA,QACH,OAAO,EAAE,UAAU,EAAA;AAAA,QACnB,UAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA,IAGH;AAAA,EAAA,GAEJ;AAEJ;AAYO,SAAS,aAAa,EAAE,UAA6B;AAC1D,SACEF,+BAACG,OAAAA,SAAM,KAAK,GAAG,OAAM,YAClB,UAAA,OAAO,IAAI,CAAC,MACXH,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MAEC,MAAK;AAAA,MACL,IAAI;AAAA,MACJ,GAAGC,MAAAA,aAAa;AAAA,MAChB,IAAG;AAAA,MACH,UAAU;AAAA,MAET,UAAA;AAAA,IAAA;AAAA,IAPI;AAAA,EAAA,CASR,GACH;AAEJ;AAYO,SAAS,cAAc,EAAE,QAAQ,GAAA,IAA2B,CAAA,GAAI;AACrE,SACEF,2BAAAA;AAAAA,IAACI,OAAAA;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,QACA,cAAc;AAAA,QACd,YAAY,qCAAqCF,MAAAA,aAAa,kBAAkB,WAAWA,MAAAA,aAAa,YAAY;AAAA,MAAA;AAAA,IACtH;AAAA,EAAA;AAGN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataRow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/DataRow/DataRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;OASG;IACH,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAc,EAAE,EAAE,YAAY,+BAuBrE;AAED,MAAM,WAAW,iBAAiB;IAChC,oEAAoE;IACpE,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,+BAUzD;AAED,MAAM,WAAW,kBAAkB;IACjC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAU,EAAE,GAAE,kBAAuB,+BAapE"}
+{"version":3,"file":"DataRow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/DataRow/DataRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;OASG;IACH,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAc,EAAE,EAAE,YAAY,+BA6BrE;AAED,MAAM,WAAW,iBAAiB;IAChC,oEAAoE;IACpE,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,+BAiBzD;AAED,MAAM,WAAW,kBAAkB;IACjC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAU,EAAE,GAAE,kBAAuB,+BAapE"}

package/dist/components/generic/DataRow/DataRow.js

@@ -2,10 +2,19 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { fairmintVars } from "../../../theme/index.js";
 import { Box, Stack } from "../../primitives/layout.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 function DataRow({ label, value, accent = false }) {
   return /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", gap: "md", wrap: "nowrap", children: [
-    /* @__PURE__ */ jsx(Text, { size: "sm", c: fairmintVars.colorTextSecondary, style: { flexShrink: 0 }, children: label }),
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        size: "sm",
+        c: fairmintVars.colorTextSecondary,
+        style: { flexShrink: 0 },
+        glossary: false,
+        children: label
+      }
+    ),
     value === null ? /* @__PURE__ */ jsx(RedactedValue, {}) : typeof value === "string" ? /* @__PURE__ */ jsx(
       Text,
       {
@@ -14,13 +23,25 @@ function DataRow({ label, value, accent = false }) {
         c: accent ? fairmintVars.colorSuccessText : fairmintVars.colorTextPrimary,
         ta: "right",
         style: { minWidth: 0 },
+        glossary: false,
         children: value
       }
     ) : value
   ] });
 }
 function StackedValue({ values }) {
-  return /* @__PURE__ */ jsx(Stack, { gap: 2, align: "flex-end", children: values.map((v) => /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: fairmintVars.colorTextPrimary, ta: "right", children: v }, v)) });
+  return /* @__PURE__ */ jsx(Stack, { gap: 2, align: "flex-end", children: values.map((v) => /* @__PURE__ */ jsx(
+    Text,
+    {
+      size: "sm",
+      fw: 500,
+      c: fairmintVars.colorTextPrimary,
+      ta: "right",
+      glossary: false,
+      children: v
+    },
+    v
+  )) });
 }
 function RedactedValue({ width = 80 } = {}) {
   return /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"DataRow.js","sources":["../../../../src/components/generic/DataRow/DataRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { Box, Group, Stack, Text } from \"../../primitives/layout\";\n\nexport interface DataRowProps {\n  /** Left-aligned label. */\n  label: string;\n  /**\n   * Right-aligned value.\n   *\n   *   - `string`     — rendered as styled `Text` (accent-aware).\n   *   - `ReactNode`  — rendered as-is. Pass `<StackedValue values={...}/>`\n   *     for a vertical list, or any other JSX (badges, icons, links).\n   *   - `null`       — renders a `<RedactedValue>` placeholder. No real\n   *     value lives in the DOM, so a pre-auth dev-tools inspection\n   *     reveals nothing.\n   */\n  value: ReactNode | null;\n  /**\n   * When true, a string `value` renders in success-green bold weight.\n   * Use for highlighted rows like fees, carry, or \"yes\" answers.\n   */\n  accent?: boolean;\n}\n\n/**\n * One label / value row used by terms panels, profile sections, and\n * any \"definition list\" UX.\n *\n * The `null` → redacted placeholder convention is a security primitive:\n * when content is behind a gate, pass `null` and the placeholder shows\n * a dotted strip without leaking the real value into the DOM.\n */\nexport function DataRow({ label, value, accent = false }: DataRowProps) {\n  return (\n    <Group justify=\"space-between\" align=\"flex-start\" gap=\"md\" wrap=\"nowrap\">\n      <Text size=\"sm\" c={fairmintVars.colorTextSecondary} style={{ flexShrink: 0 }}>\n        {label}\n      </Text>\n      {value === null ? (\n        <RedactedValue />\n      ) : typeof value === \"string\" ? (\n        <Text\n          size=\"sm\"\n          fw={accent ? 700 : 500}\n          c={accent ? fairmintVars.colorSuccessText : fairmintVars.colorTextPrimary}\n          ta=\"right\"\n          style={{ minWidth: 0 }}\n        >\n          {value}\n        </Text>\n      ) : (\n        value\n      )}\n    </Group>\n  );\n}\n\nexport interface StackedValueProps {\n  /** List of strings to render as a vertical, right-aligned stack. */\n  values: ReadonlyArray<string>;\n}\n\n/**\n * Right-aligned vertical stack of values. Compose with `DataRow`\n * when a single label has multiple values (e.g., \"Funding: USDC / USDT\n * / Wire\" rendered as three lines stacked under the \"Funding\" label).\n */\nexport function StackedValue({ values }: StackedValueProps) {\n  return (\n    <Stack gap={2} align=\"flex-end\">\n      {values.map((v) => (\n        <Text key={v} size=\"sm\" fw={500} c={fairmintVars.colorTextPrimary} ta=\"right\">\n          {v}\n        </Text>\n      ))}\n    </Stack>\n  );\n}\n\nexport interface RedactedValueProps {\n  /** Width of the placeholder strip in pixels. @default 80 */\n  width?: number;\n}\n\n/**\n * Source-safe placeholder — a fixed-width dotted strip rendered when\n * a value is gated. No real value lives in the DOM, so a pre-auth\n * dev-tools inspection reveals nothing.\n */\nexport function RedactedValue({ width = 80 }: RedactedValueProps = {}) {\n  return (\n    <Box\n      role=\"img\"\n      aria-label=\"Redacted — sign in to view\"\n      style={{\n        height: 14,\n        width,\n        borderRadius: 4,\n        background: `repeating-linear-gradient(135deg, ${fairmintVars.colorBorderDefault} 0 4px, ${fairmintVars.colorBgHover} 4px 8px)`,\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAiCO,SAAS,QAAQ,EAAE,OAAO,OAAO,SAAS,SAAuB;AACtE,SACE,qBAAC,SAAM,SAAQ,iBAAgB,OAAM,cAAa,KAAI,MAAK,MAAK,UAC9D,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAK,MAAK,MAAK,GAAG,aAAa,oBAAoB,OAAO,EAAE,YAAY,EAAA,GACtE,UAAA,MAAA,CACH;AAAA,IACC,UAAU,OACT,oBAAC,iBAAc,IACb,OAAO,UAAU,WACnB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI,SAAS,MAAM;AAAA,QACnB,GAAG,SAAS,aAAa,mBAAmB,aAAa;AAAA,QACzD,IAAG;AAAA,QACH,OAAO,EAAE,UAAU,EAAA;AAAA,QAElB,UAAA;AAAA,MAAA;AAAA,IAAA,IAGH;AAAA,EAAA,GAEJ;AAEJ;AAYO,SAAS,aAAa,EAAE,UAA6B;AAC1D,SACE,oBAAC,OAAA,EAAM,KAAK,GAAG,OAAM,YAClB,UAAA,OAAO,IAAI,CAAC,MACX,oBAAC,MAAA,EAAa,MAAK,MAAK,IAAI,KAAK,GAAG,aAAa,kBAAkB,IAAG,SACnE,UAAA,EAAA,GADQ,CAEX,CACD,EAAA,CACH;AAEJ;AAYO,SAAS,cAAc,EAAE,QAAQ,GAAA,IAA2B,CAAA,GAAI;AACrE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,QACA,cAAc;AAAA,QACd,YAAY,qCAAqC,aAAa,kBAAkB,WAAW,aAAa,YAAY;AAAA,MAAA;AAAA,IACtH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DataRow.js","sources":["../../../../src/components/generic/DataRow/DataRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { Box, Group, Stack, Text } from \"../../primitives/layout\";\n\nexport interface DataRowProps {\n  /** Left-aligned label. */\n  label: string;\n  /**\n   * Right-aligned value.\n   *\n   *   - `string`     — rendered as styled `Text` (accent-aware).\n   *   - `ReactNode`  — rendered as-is. Pass `<StackedValue values={...}/>`\n   *     for a vertical list, or any other JSX (badges, icons, links).\n   *   - `null`       — renders a `<RedactedValue>` placeholder. No real\n   *     value lives in the DOM, so a pre-auth dev-tools inspection\n   *     reveals nothing.\n   */\n  value: ReactNode | null;\n  /**\n   * When true, a string `value` renders in success-green bold weight.\n   * Use for highlighted rows like fees, carry, or \"yes\" answers.\n   */\n  accent?: boolean;\n}\n\n/**\n * One label / value row used by terms panels, profile sections, and\n * any \"definition list\" UX.\n *\n * The `null` → redacted placeholder convention is a security primitive:\n * when content is behind a gate, pass `null` and the placeholder shows\n * a dotted strip without leaking the real value into the DOM.\n */\nexport function DataRow({ label, value, accent = false }: DataRowProps) {\n  return (\n    <Group justify=\"space-between\" align=\"flex-start\" gap=\"md\" wrap=\"nowrap\">\n      <Text\n        size=\"sm\"\n        c={fairmintVars.colorTextSecondary}\n        style={{ flexShrink: 0 }}\n        glossary={false}\n      >\n        {label}\n      </Text>\n      {value === null ? (\n        <RedactedValue />\n      ) : typeof value === \"string\" ? (\n        <Text\n          size=\"sm\"\n          fw={accent ? 700 : 500}\n          c={accent ? fairmintVars.colorSuccessText : fairmintVars.colorTextPrimary}\n          ta=\"right\"\n          style={{ minWidth: 0 }}\n          glossary={false}\n        >\n          {value}\n        </Text>\n      ) : (\n        value\n      )}\n    </Group>\n  );\n}\n\nexport interface StackedValueProps {\n  /** List of strings to render as a vertical, right-aligned stack. */\n  values: ReadonlyArray<string>;\n}\n\n/**\n * Right-aligned vertical stack of values. Compose with `DataRow`\n * when a single label has multiple values (e.g., \"Funding: USDC / USDT\n * / Wire\" rendered as three lines stacked under the \"Funding\" label).\n */\nexport function StackedValue({ values }: StackedValueProps) {\n  return (\n    <Stack gap={2} align=\"flex-end\">\n      {values.map((v) => (\n        <Text\n          key={v}\n          size=\"sm\"\n          fw={500}\n          c={fairmintVars.colorTextPrimary}\n          ta=\"right\"\n          glossary={false}\n        >\n          {v}\n        </Text>\n      ))}\n    </Stack>\n  );\n}\n\nexport interface RedactedValueProps {\n  /** Width of the placeholder strip in pixels. @default 80 */\n  width?: number;\n}\n\n/**\n * Source-safe placeholder — a fixed-width dotted strip rendered when\n * a value is gated. No real value lives in the DOM, so a pre-auth\n * dev-tools inspection reveals nothing.\n */\nexport function RedactedValue({ width = 80 }: RedactedValueProps = {}) {\n  return (\n    <Box\n      role=\"img\"\n      aria-label=\"Redacted — sign in to view\"\n      style={{\n        height: 14,\n        width,\n        borderRadius: 4,\n        background: `repeating-linear-gradient(135deg, ${fairmintVars.colorBorderDefault} 0 4px, ${fairmintVars.colorBgHover} 4px 8px)`,\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAiCO,SAAS,QAAQ,EAAE,OAAO,OAAO,SAAS,SAAuB;AACtE,SACE,qBAAC,SAAM,SAAQ,iBAAgB,OAAM,cAAa,KAAI,MAAK,MAAK,UAC9D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,GAAG,aAAa;AAAA,QAChB,OAAO,EAAE,YAAY,EAAA;AAAA,QACrB,UAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,UAAU,OACT,oBAAC,iBAAc,IACb,OAAO,UAAU,WACnB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI,SAAS,MAAM;AAAA,QACnB,GAAG,SAAS,aAAa,mBAAmB,aAAa;AAAA,QACzD,IAAG;AAAA,QACH,OAAO,EAAE,UAAU,EAAA;AAAA,QACnB,UAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA,IAGH;AAAA,EAAA,GAEJ;AAEJ;AAYO,SAAS,aAAa,EAAE,UAA6B;AAC1D,SACE,oBAAC,SAAM,KAAK,GAAG,OAAM,YAClB,UAAA,OAAO,IAAI,CAAC,MACX;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAK;AAAA,MACL,IAAI;AAAA,MACJ,GAAG,aAAa;AAAA,MAChB,IAAG;AAAA,MACH,UAAU;AAAA,MAET,UAAA;AAAA,IAAA;AAAA,IAPI;AAAA,EAAA,CASR,GACH;AAEJ;AAYO,SAAS,cAAc,EAAE,QAAQ,GAAA,IAA2B,CAAA,GAAI;AACrE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,QACA,cAAc;AAAA,QACd,YAAY,qCAAqC,aAAa,kBAAkB,WAAW,aAAa,YAAY;AAAA,MAAA;AAAA,IACtH;AAAA,EAAA;AAGN;"}

package/dist/components/generic/DataTable/DataTable.cjs

@@ -8,7 +8,7 @@ const Table = require("../../primitives/Table/Table.cjs");
 const EmptyState = require("../EmptyState/EmptyState.cjs");
 const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const SortIcon = ({ direction }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -72,7 +72,7 @@ function DataTable({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(Table.Table, { responsive: true, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Table.Table.Thead, { children: /* @__PURE__ */ jsxRuntime.jsx(Table.Table.Tr, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(Table.Table.Th, { w: col.width, children: col.sortable ? /* @__PURE__ */ jsxRuntime.jsx(UnstyledButton.UnstyledButton, { onClick: () => handleSort(col.key), children: /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: 4, wrap: "nowrap", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "xs", fw: 600, tt: "uppercase", children: col.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { glossary: false, size: "xs", fw: 600, tt: "uppercase", children: col.label }),
       /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { direction: sortKey === col.key ? sortDir : null })
     ] }) }) : col.label }, col.key)) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Table.Table.Tbody, { children: sortedData.map((row) => {

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"sourcesContent":["import { type ReactNode, useMemo, useState } from \"react\";\nimport { Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\nimport { Skeleton } from \"../../primitives/Skeleton/Skeleton\";\nimport { Table } from \"../../primitives/Table/Table\";\nimport { EmptyState } from \"../EmptyState/EmptyState\";\n\nexport interface DataTableColumn<T extends Record<string, unknown>> {\n  /** Unique key matching a property in the data row. */\n  key: string;\n  /** Column header label. */\n  label: string;\n  /** Custom render function for the cell. */\n  render?: (row: T) => ReactNode;\n  /** Whether this column is sortable. @default false */\n  sortable?: boolean;\n  /** Column width (CSS value). */\n  width?: string | number;\n}\n\nexport interface DataTableProps<T extends Record<string, unknown>> {\n  /** Column definitions. */\n  columns: DataTableColumn<T>[];\n  /** Data rows. */\n  data: T[];\n  /** Unique key for each row. @default \"id\" */\n  rowKey?: string;\n  /** Whether data is loading. @default false */\n  loading?: boolean;\n  /** Number of skeleton rows to show when loading. @default 5 */\n  loadingRows?: number;\n  /** Empty state title. @default \"No data\" */\n  emptyTitle?: string;\n  /** Empty state description. */\n  emptyDescription?: string;\n  /** Empty state icon. */\n  emptyIcon?: ReactNode;\n  /** Row click handler. */\n  onRowClick?: (row: T) => void;\n  /** Controlled sort callback. When provided, skips internal sort. */\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n}\n\nconst SortIcon = ({ direction }: { direction: \"asc\" | \"desc\" | null }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    style={{\n      opacity: direction ? 1 : 0.3,\n      transform: direction === \"desc\" ? \"rotate(180deg)\" : undefined,\n      transition: \"transform 0.15s ease, opacity 0.15s ease\",\n    }}\n  >\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </svg>\n);\n\nexport function DataTable<T extends Record<string, unknown>>({\n  columns,\n  data,\n  rowKey = \"id\",\n  loading = false,\n  loadingRows = 5,\n  emptyTitle = \"No data\",\n  emptyDescription,\n  emptyIcon,\n  onRowClick,\n  onSortChange,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n\n  const handleSort = (key: string) => {\n    const newDir = sortKey === key && sortDir === \"asc\" ? \"desc\" : \"asc\";\n    setSortKey(key);\n    setSortDir(newDir);\n    onSortChange?.(key, newDir);\n  };\n\n  const sortedData = useMemo(() => {\n    if (onSortChange || !sortKey) return data;\n    return [...data].sort((a, b) => {\n      const aVal = a[sortKey];\n      const bVal = b[sortKey];\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp = aVal < bVal ? -1 : 1;\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir, onSortChange]);\n\n  if (loading) {\n    return (\n      <Stack gap=\"xs\">\n        {Array.from({ length: loadingRows }, (_, i) => (\n          <Skeleton key={`skeleton-${i.toString()}`} height={48} radius=\"sm\" />\n        ))}\n      </Stack>\n    );\n  }\n\n  if (data.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} icon={emptyIcon} />;\n  }\n\n  return (\n    <Table responsive>\n      <Table.Thead>\n        <Table.Tr>\n          {columns.map((col) => (\n            <Table.Th key={col.key} w={col.width}>\n              {col.sortable ? (\n                <UnstyledButton onClick={() => handleSort(col.key)}>\n                  <Group gap={4} wrap=\"nowrap\">\n                    <Text size=\"xs\" fw={600} tt=\"uppercase\">\n                      {col.label}\n                    </Text>\n                    <SortIcon direction={sortKey === col.key ? sortDir : null} />\n                  </Group>\n                </UnstyledButton>\n              ) : (\n                col.label\n              )}\n            </Table.Th>\n          ))}\n        </Table.Tr>\n      </Table.Thead>\n      <Table.Tbody>\n        {sortedData.map((row) => {\n          const key = String(row[rowKey] ?? sortedData.indexOf(row));\n          return (\n            <Table.Tr\n              key={key}\n              onClick={onRowClick ? () => onRowClick(row) : undefined}\n              className={onRowClick ? \"fairmint-table-row-clickable\" : undefined}\n            >\n              {columns.map((col) => (\n                <Table.Td key={col.key}>\n                  {col.render ? col.render(row) : String(row[col.key] ?? \"\")}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          );\n        })}\n      </Table.Tbody>\n    </Table>\n  );\n}\n"],"names":["jsxs","jsx","useState","useMemo","Stack","Skeleton","EmptyState","Table","UnstyledButton","Group","Text"],"mappings":"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"}
+{"version":3,"file":"DataTable.cjs","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"sourcesContent":["import { type ReactNode, useMemo, useState } from \"react\";\nimport { Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\nimport { Skeleton } from \"../../primitives/Skeleton/Skeleton\";\nimport { Table } from \"../../primitives/Table/Table\";\nimport { EmptyState } from \"../EmptyState/EmptyState\";\n\nexport interface DataTableColumn<T extends Record<string, unknown>> {\n  /** Unique key matching a property in the data row. */\n  key: string;\n  /** Column header label. */\n  label: string;\n  /** Custom render function for the cell. */\n  render?: (row: T) => ReactNode;\n  /** Whether this column is sortable. @default false */\n  sortable?: boolean;\n  /** Column width (CSS value). */\n  width?: string | number;\n}\n\nexport interface DataTableProps<T extends Record<string, unknown>> {\n  /** Column definitions. */\n  columns: DataTableColumn<T>[];\n  /** Data rows. */\n  data: T[];\n  /** Unique key for each row. @default \"id\" */\n  rowKey?: string;\n  /** Whether data is loading. @default false */\n  loading?: boolean;\n  /** Number of skeleton rows to show when loading. @default 5 */\n  loadingRows?: number;\n  /** Empty state title. @default \"No data\" */\n  emptyTitle?: string;\n  /** Empty state description. */\n  emptyDescription?: string;\n  /** Empty state icon. */\n  emptyIcon?: ReactNode;\n  /** Row click handler. */\n  onRowClick?: (row: T) => void;\n  /** Controlled sort callback. When provided, skips internal sort. */\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n}\n\nconst SortIcon = ({ direction }: { direction: \"asc\" | \"desc\" | null }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    style={{\n      opacity: direction ? 1 : 0.3,\n      transform: direction === \"desc\" ? \"rotate(180deg)\" : undefined,\n      transition: \"transform 0.15s ease, opacity 0.15s ease\",\n    }}\n  >\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </svg>\n);\n\nexport function DataTable<T extends Record<string, unknown>>({\n  columns,\n  data,\n  rowKey = \"id\",\n  loading = false,\n  loadingRows = 5,\n  emptyTitle = \"No data\",\n  emptyDescription,\n  emptyIcon,\n  onRowClick,\n  onSortChange,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n\n  const handleSort = (key: string) => {\n    const newDir = sortKey === key && sortDir === \"asc\" ? \"desc\" : \"asc\";\n    setSortKey(key);\n    setSortDir(newDir);\n    onSortChange?.(key, newDir);\n  };\n\n  const sortedData = useMemo(() => {\n    if (onSortChange || !sortKey) return data;\n    return [...data].sort((a, b) => {\n      const aVal = a[sortKey];\n      const bVal = b[sortKey];\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp = aVal < bVal ? -1 : 1;\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir, onSortChange]);\n\n  if (loading) {\n    return (\n      <Stack gap=\"xs\">\n        {Array.from({ length: loadingRows }, (_, i) => (\n          <Skeleton key={`skeleton-${i.toString()}`} height={48} radius=\"sm\" />\n        ))}\n      </Stack>\n    );\n  }\n\n  if (data.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} icon={emptyIcon} />;\n  }\n\n  return (\n    <Table responsive>\n      <Table.Thead>\n        <Table.Tr>\n          {columns.map((col) => (\n            <Table.Th key={col.key} w={col.width}>\n              {col.sortable ? (\n                <UnstyledButton onClick={() => handleSort(col.key)}>\n                  <Group gap={4} wrap=\"nowrap\">\n                    <Text glossary={false} size=\"xs\" fw={600} tt=\"uppercase\">\n                      {col.label}\n                    </Text>\n                    <SortIcon direction={sortKey === col.key ? sortDir : null} />\n                  </Group>\n                </UnstyledButton>\n              ) : (\n                col.label\n              )}\n            </Table.Th>\n          ))}\n        </Table.Tr>\n      </Table.Thead>\n      <Table.Tbody>\n        {sortedData.map((row) => {\n          const key = String(row[rowKey] ?? sortedData.indexOf(row));\n          return (\n            <Table.Tr\n              key={key}\n              onClick={onRowClick ? () => onRowClick(row) : undefined}\n              className={onRowClick ? \"fairmint-table-row-clickable\" : undefined}\n            >\n              {columns.map((col) => (\n                <Table.Td key={col.key}>\n                  {col.render ? col.render(row) : String(row[col.key] ?? \"\")}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          );\n        })}\n      </Table.Tbody>\n    </Table>\n  );\n}\n"],"names":["jsxs","jsx","useState","useMemo","Stack","Skeleton","EmptyState","Table","UnstyledButton","Group","Text"],"mappings":"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"}

package/dist/components/generic/DataTable/DataTable.js

@@ -6,7 +6,7 @@ import { Table } from "../../primitives/Table/Table.js";
 import { EmptyState } from "../EmptyState/EmptyState.js";
 import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 const SortIcon = ({ direction }) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -70,7 +70,7 @@ function DataTable({
   }
   return /* @__PURE__ */ jsxs(Table, { responsive: true, children: [
     /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsx(Table.Tr, { children: columns.map((col) => /* @__PURE__ */ jsx(Table.Th, { w: col.width, children: col.sortable ? /* @__PURE__ */ jsx(UnstyledButton, { onClick: () => handleSort(col.key), children: /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, tt: "uppercase", children: col.label }),
+      /* @__PURE__ */ jsx(Text, { glossary: false, size: "xs", fw: 600, tt: "uppercase", children: col.label }),
       /* @__PURE__ */ jsx(SortIcon, { direction: sortKey === col.key ? sortDir : null })
     ] }) }) : col.label }, col.key)) }) }),
     /* @__PURE__ */ jsx(Table.Tbody, { children: sortedData.map((row) => {

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"sourcesContent":["import { type ReactNode, useMemo, useState } from \"react\";\nimport { Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\nimport { Skeleton } from \"../../primitives/Skeleton/Skeleton\";\nimport { Table } from \"../../primitives/Table/Table\";\nimport { EmptyState } from \"../EmptyState/EmptyState\";\n\nexport interface DataTableColumn<T extends Record<string, unknown>> {\n  /** Unique key matching a property in the data row. */\n  key: string;\n  /** Column header label. */\n  label: string;\n  /** Custom render function for the cell. */\n  render?: (row: T) => ReactNode;\n  /** Whether this column is sortable. @default false */\n  sortable?: boolean;\n  /** Column width (CSS value). */\n  width?: string | number;\n}\n\nexport interface DataTableProps<T extends Record<string, unknown>> {\n  /** Column definitions. */\n  columns: DataTableColumn<T>[];\n  /** Data rows. */\n  data: T[];\n  /** Unique key for each row. @default \"id\" */\n  rowKey?: string;\n  /** Whether data is loading. @default false */\n  loading?: boolean;\n  /** Number of skeleton rows to show when loading. @default 5 */\n  loadingRows?: number;\n  /** Empty state title. @default \"No data\" */\n  emptyTitle?: string;\n  /** Empty state description. */\n  emptyDescription?: string;\n  /** Empty state icon. */\n  emptyIcon?: ReactNode;\n  /** Row click handler. */\n  onRowClick?: (row: T) => void;\n  /** Controlled sort callback. When provided, skips internal sort. */\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n}\n\nconst SortIcon = ({ direction }: { direction: \"asc\" | \"desc\" | null }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    style={{\n      opacity: direction ? 1 : 0.3,\n      transform: direction === \"desc\" ? \"rotate(180deg)\" : undefined,\n      transition: \"transform 0.15s ease, opacity 0.15s ease\",\n    }}\n  >\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </svg>\n);\n\nexport function DataTable<T extends Record<string, unknown>>({\n  columns,\n  data,\n  rowKey = \"id\",\n  loading = false,\n  loadingRows = 5,\n  emptyTitle = \"No data\",\n  emptyDescription,\n  emptyIcon,\n  onRowClick,\n  onSortChange,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n\n  const handleSort = (key: string) => {\n    const newDir = sortKey === key && sortDir === \"asc\" ? \"desc\" : \"asc\";\n    setSortKey(key);\n    setSortDir(newDir);\n    onSortChange?.(key, newDir);\n  };\n\n  const sortedData = useMemo(() => {\n    if (onSortChange || !sortKey) return data;\n    return [...data].sort((a, b) => {\n      const aVal = a[sortKey];\n      const bVal = b[sortKey];\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp = aVal < bVal ? -1 : 1;\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir, onSortChange]);\n\n  if (loading) {\n    return (\n      <Stack gap=\"xs\">\n        {Array.from({ length: loadingRows }, (_, i) => (\n          <Skeleton key={`skeleton-${i.toString()}`} height={48} radius=\"sm\" />\n        ))}\n      </Stack>\n    );\n  }\n\n  if (data.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} icon={emptyIcon} />;\n  }\n\n  return (\n    <Table responsive>\n      <Table.Thead>\n        <Table.Tr>\n          {columns.map((col) => (\n            <Table.Th key={col.key} w={col.width}>\n              {col.sortable ? (\n                <UnstyledButton onClick={() => handleSort(col.key)}>\n                  <Group gap={4} wrap=\"nowrap\">\n                    <Text size=\"xs\" fw={600} tt=\"uppercase\">\n                      {col.label}\n                    </Text>\n                    <SortIcon direction={sortKey === col.key ? sortDir : null} />\n                  </Group>\n                </UnstyledButton>\n              ) : (\n                col.label\n              )}\n            </Table.Th>\n          ))}\n        </Table.Tr>\n      </Table.Thead>\n      <Table.Tbody>\n        {sortedData.map((row) => {\n          const key = String(row[rowKey] ?? sortedData.indexOf(row));\n          return (\n            <Table.Tr\n              key={key}\n              onClick={onRowClick ? () => onRowClick(row) : undefined}\n              className={onRowClick ? \"fairmint-table-row-clickable\" : undefined}\n            >\n              {columns.map((col) => (\n                <Table.Td key={col.key}>\n                  {col.render ? col.render(row) : String(row[col.key] ?? \"\")}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          );\n        })}\n      </Table.Tbody>\n    </Table>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"sourcesContent":["import { type ReactNode, useMemo, useState } from \"react\";\nimport { Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\nimport { Skeleton } from \"../../primitives/Skeleton/Skeleton\";\nimport { Table } from \"../../primitives/Table/Table\";\nimport { EmptyState } from \"../EmptyState/EmptyState\";\n\nexport interface DataTableColumn<T extends Record<string, unknown>> {\n  /** Unique key matching a property in the data row. */\n  key: string;\n  /** Column header label. */\n  label: string;\n  /** Custom render function for the cell. */\n  render?: (row: T) => ReactNode;\n  /** Whether this column is sortable. @default false */\n  sortable?: boolean;\n  /** Column width (CSS value). */\n  width?: string | number;\n}\n\nexport interface DataTableProps<T extends Record<string, unknown>> {\n  /** Column definitions. */\n  columns: DataTableColumn<T>[];\n  /** Data rows. */\n  data: T[];\n  /** Unique key for each row. @default \"id\" */\n  rowKey?: string;\n  /** Whether data is loading. @default false */\n  loading?: boolean;\n  /** Number of skeleton rows to show when loading. @default 5 */\n  loadingRows?: number;\n  /** Empty state title. @default \"No data\" */\n  emptyTitle?: string;\n  /** Empty state description. */\n  emptyDescription?: string;\n  /** Empty state icon. */\n  emptyIcon?: ReactNode;\n  /** Row click handler. */\n  onRowClick?: (row: T) => void;\n  /** Controlled sort callback. When provided, skips internal sort. */\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n}\n\nconst SortIcon = ({ direction }: { direction: \"asc\" | \"desc\" | null }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    style={{\n      opacity: direction ? 1 : 0.3,\n      transform: direction === \"desc\" ? \"rotate(180deg)\" : undefined,\n      transition: \"transform 0.15s ease, opacity 0.15s ease\",\n    }}\n  >\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </svg>\n);\n\nexport function DataTable<T extends Record<string, unknown>>({\n  columns,\n  data,\n  rowKey = \"id\",\n  loading = false,\n  loadingRows = 5,\n  emptyTitle = \"No data\",\n  emptyDescription,\n  emptyIcon,\n  onRowClick,\n  onSortChange,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n\n  const handleSort = (key: string) => {\n    const newDir = sortKey === key && sortDir === \"asc\" ? \"desc\" : \"asc\";\n    setSortKey(key);\n    setSortDir(newDir);\n    onSortChange?.(key, newDir);\n  };\n\n  const sortedData = useMemo(() => {\n    if (onSortChange || !sortKey) return data;\n    return [...data].sort((a, b) => {\n      const aVal = a[sortKey];\n      const bVal = b[sortKey];\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp = aVal < bVal ? -1 : 1;\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir, onSortChange]);\n\n  if (loading) {\n    return (\n      <Stack gap=\"xs\">\n        {Array.from({ length: loadingRows }, (_, i) => (\n          <Skeleton key={`skeleton-${i.toString()}`} height={48} radius=\"sm\" />\n        ))}\n      </Stack>\n    );\n  }\n\n  if (data.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} icon={emptyIcon} />;\n  }\n\n  return (\n    <Table responsive>\n      <Table.Thead>\n        <Table.Tr>\n          {columns.map((col) => (\n            <Table.Th key={col.key} w={col.width}>\n              {col.sortable ? (\n                <UnstyledButton onClick={() => handleSort(col.key)}>\n                  <Group gap={4} wrap=\"nowrap\">\n                    <Text glossary={false} size=\"xs\" fw={600} tt=\"uppercase\">\n                      {col.label}\n                    </Text>\n                    <SortIcon direction={sortKey === col.key ? sortDir : null} />\n                  </Group>\n                </UnstyledButton>\n              ) : (\n                col.label\n              )}\n            </Table.Th>\n          ))}\n        </Table.Tr>\n      </Table.Thead>\n      <Table.Tbody>\n        {sortedData.map((row) => {\n          const key = String(row[rowKey] ?? sortedData.indexOf(row));\n          return (\n            <Table.Tr\n              key={key}\n              onClick={onRowClick ? () => onRowClick(row) : undefined}\n              className={onRowClick ? \"fairmint-table-row-clickable\" : undefined}\n            >\n              {columns.map((col) => (\n                <Table.Td key={col.key}>\n                  {col.render ? col.render(row) : String(row[col.key] ?? \"\")}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          );\n        })}\n      </Table.Tbody>\n    </Table>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/generic/DateDisplay/DateDisplay.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const format = require("../../../utils/format.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 function DateDisplay({ value, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { component: "span", ...rest, children: format.formatDate(value) });
 }

package/dist/components/generic/DateDisplay/DateDisplay.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { formatDate } from "../../../utils/format.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 function DateDisplay({ value, ...rest }) {
   return /* @__PURE__ */ jsx(Text, { component: "span", ...rest, children: formatDate(value) });
 }

package/dist/components/generic/DocumentRow/DocumentRow.cjs

@@ -5,7 +5,7 @@ const index = require("../../../theme/index.cjs");
 const Loader = require("../../primitives/Loader/Loader.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
 const ThemeIcon = require("../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.cjs");
 function DefaultFileIcon() {

package/dist/components/generic/DocumentRow/DocumentRow.js

@@ -3,7 +3,7 @@ import { fairmintVars } from "../../../theme/index.js";
 import { Loader } from "../../primitives/Loader/Loader.js";
 import { Box, Stack } from "../../primitives/layout.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
 import { ThemeIcon } from "../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.js";
 function DefaultFileIcon() {

package/dist/components/generic/EditableSection/EditableSection.cjs

@@ -7,7 +7,7 @@ const ActionIcon = require("../../primitives/ActionIcon/ActionIcon.cjs");
 const Button = require("../../primitives/Button/Button.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 function EditableSection({
   title,
   readView,

package/dist/components/generic/EditableSection/EditableSection.js

@@ -5,7 +5,7 @@ import { ActionIcon } from "../../primitives/ActionIcon/ActionIcon.js";
 import { Button } from "../../primitives/Button/Button.js";
 import { Stack } from "../../primitives/layout.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 function EditableSection({
   title,
   readView,

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

@@ -5,7 +5,7 @@ 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 Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const EMPTY_STATE_AVATAR_SIZE = 56;
 const EMPTY_STATE_ICON_SIZE = 28;
 function EmptyStateAvatar({ avatar, icon }) {

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

@@ -3,7 +3,7 @@ import { colors } from "../../../theme/colors.js";
 import { Avatar } from "../../primitives/Avatar/Avatar.js";
 import { Button } from "../../primitives/Button/Button.js";
 import { Stack } from "../../primitives/layout.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 const EMPTY_STATE_AVATAR_SIZE = 56;
 const EMPTY_STATE_ICON_SIZE = 28;
 function EmptyStateAvatar({ avatar, icon }) {

package/dist/components/generic/ErrorPage/ErrorPage.cjs

@@ -7,7 +7,7 @@ const Button = require("../../primitives/Button/Button.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Flex = require("../../../node_modules/@mantine/core/esm/components/Flex/Flex.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 Text = require("../../primitives/Text/Text.cjs");
 const ERROR_CONFIGS = {
   400: {
     title: "Bad request",

package/dist/components/generic/ErrorPage/ErrorPage.js

@@ -5,7 +5,7 @@ import { Button } from "../../primitives/Button/Button.js";
 import { Box, Container, Stack } from "../../primitives/layout.js";
 import { Flex } from "../../../node_modules/@mantine/core/esm/components/Flex/Flex.js";
 import { Title } from "../../../node_modules/@mantine/core/esm/components/Title/Title.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 const ERROR_CONFIGS = {
   400: {
     title: "Bad request",

package/dist/components/generic/Eyebrow/Eyebrow.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const index = require("../../../theme/index.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 function Eyebrow({
   children,
   size = "xs",