@fairmint/ui 0.2.15 → 0.2.17

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

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface ClickableCardProps {
+    /** Click handler. */
+    onClick?: () => void;
+    /** Accessible label for screen readers. */
+    ariaLabel?: string;
+    /** Entrance animation delay in seconds. Omit to skip animation. */
+    animationDelay?: number;
+    /** Card background. Passed to Card `bg` prop. */
+    bg?: string;
+    /** Card padding. Passed to Card `padding` prop. @default "md" */
+    padding?: string;
+    /** Card radius. Passed to Card `radius` prop. @default "md" */
+    radius?: string;
+    /** Show card border. @default true */
+    withBorder?: boolean;
+    /** Children rendered inside the card. */
+    children: ReactNode;
+}
+export declare function ClickableCard({ onClick, ariaLabel, animationDelay, bg, padding, radius, withBorder, children, }: ClickableCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ClickableCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClickableCard.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/ClickableCard/ClickableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,MAAM,WAAW,kBAAkB;IACjC,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,cAAc,EACd,EAAE,EACF,OAAc,EACd,MAAa,EACb,UAAiB,EACjB,QAAQ,GACT,EAAE,kBAAkB,2CA8CpB"}

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

@@ -0,0 +1,9 @@
+import { BoxProps } from '../../primitives/layout';
+export interface ColorDotProps extends Omit<BoxProps, "children"> {
+    /** Dot color — any valid CSS color string. */
+    color: string;
+    /** Dot diameter in pixels. @default 8 */
+    size?: number;
+}
+export declare function ColorDot({ color, size, style, ...rest }: ColorDotProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorDot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorDot.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/ColorDot/ColorDot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC/D,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAU1E"}

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

@@ -7,5 +7,5 @@ export interface CurrencyProps extends Omit<TextProps, "children"> {
     /** Currency code for non-USD display (e.g., "EUR"). Implies precise=true. */
     currency?: string;
 }
-export declare function Currency({ value, precise, currency, ...rest }: CurrencyProps): import("react/jsx-runtime").JSX.Element;
+export declare function Currency({ value, precise, currency, style, ...rest }: CurrencyProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Currency.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/Currency/Currency.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAe,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAcpF"}
+{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/Currency/Currency.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAc3F"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAO1D,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,sDAAsD;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC/B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/D,0BAA0B;IAC1B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,iBAAiB;IACjB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CACjE;AAwBD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,OAAO,EACP,IAAI,EACJ,MAAa,EACb,OAAe,EACf,WAAe,EACf,UAAsB,EACtB,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,2CAoGnB"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM1D,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,sDAAsD;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC/B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/D,0BAA0B;IAC1B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,iBAAiB;IACjB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CACjE;AAwBD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,OAAO,EACP,IAAI,EACJ,MAAa,EACb,OAAe,EACf,WAAe,EACf,UAAsB,EACtB,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,2CAkFnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ListRow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/ListRow/ListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,cAAc,EACd,WAA4B,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACP,cAAc,EACd,UAAkB,EAClB,SAAS,GACV,EAAE,YAAY,2CAgGd"}
+{"version":3,"file":"ListRow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/ListRow/ListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,cAAc,EACd,WAA4B,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACP,cAAc,EACd,UAAkB,EAClB,SAAS,GACV,EAAE,YAAY,2CAqFd"}

package/dist/fairmint-ui.cjs

@@ -15857,14 +15857,14 @@ function useAvatarGroupContext() {
   const ctx = React.useContext(AvatarGroupContext);
   return { withinGroup: !!ctx };
 }
-const varsResolver$v = createVarsResolver((_, { spacing }) => ({
+const varsResolver$v = createVarsResolver((_, { spacing: spacing2 }) => ({
   group: {
-    "--ag-spacing": getSpacing(spacing)
+    "--ag-spacing": getSpacing(spacing2)
   }
 }));
 const AvatarGroup = factory((_props, ref) => {
   const props = useProps("AvatarGroup", null, _props);
-  const { classNames: classNames2, className, style, styles, unstyled, vars, spacing, attributes, ...others } = props;
+  const { classNames: classNames2, className, style, styles, unstyled, vars, spacing: spacing2, attributes, ...others } = props;
   const getStyles2 = useStyles({
     name: "AvatarGroup",
     classes: classes$t,
@@ -21401,15 +21401,15 @@ Select$1.classes = { ...InputBase.classes, ...Combobox.classes };
 Select$1.displayName = "@mantine/core/Select";
 var classes$8 = { "container": "m_925c2d2c", "root": "m_2415a157" };
 function SimpleGridMediaVariables({
-  spacing,
+  spacing: spacing2,
   verticalSpacing,
   cols,
   selector
 }) {
   const theme2 = useMantineTheme();
-  const _verticalSpacing = verticalSpacing === void 0 ? spacing : verticalSpacing;
+  const _verticalSpacing = verticalSpacing === void 0 ? spacing2 : verticalSpacing;
   const baseStyles = filterProps({
-    "--sg-spacing-x": getSpacing(getBaseValue$1(spacing)),
+    "--sg-spacing-x": getSpacing(getBaseValue$1(spacing2)),
     "--sg-spacing-y": getSpacing(getBaseValue$1(_verticalSpacing)),
     "--sg-cols": getBaseValue$1(cols)?.toString()
   });
@@ -21418,8 +21418,8 @@ function SimpleGridMediaVariables({
       if (!acc[breakpoint]) {
         acc[breakpoint] = {};
       }
-      if (typeof spacing === "object" && spacing[breakpoint] !== void 0) {
-        acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing[breakpoint]);
+      if (typeof spacing2 === "object" && spacing2[breakpoint] !== void 0) {
+        acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing2[breakpoint]);
       }
       if (typeof _verticalSpacing === "object" && _verticalSpacing[breakpoint] !== void 0) {
         acc[breakpoint]["--sg-spacing-y"] = getSpacing(_verticalSpacing[breakpoint]);
@@ -21450,13 +21450,13 @@ function sortBreakpoints(breakpoints) {
   return breakpoints.sort((a, b) => px(a) - px(b));
 }
 function getUniqueBreakpoints({
-  spacing,
+  spacing: spacing2,
   verticalSpacing,
   cols
 }) {
   const breakpoints = Array.from(
     /* @__PURE__ */ new Set([
-      ...getBreakpoints(spacing),
+      ...getBreakpoints(spacing2),
       ...getBreakpoints(verticalSpacing),
       ...getBreakpoints(cols)
     ])
@@ -21464,25 +21464,25 @@ function getUniqueBreakpoints({
   return sortBreakpoints(breakpoints);
 }
 function SimpleGridContainerVariables({
-  spacing,
+  spacing: spacing2,
   verticalSpacing,
   cols,
   selector
 }) {
-  const _verticalSpacing = verticalSpacing === void 0 ? spacing : verticalSpacing;
+  const _verticalSpacing = verticalSpacing === void 0 ? spacing2 : verticalSpacing;
   const baseStyles = filterProps({
-    "--sg-spacing-x": getSpacing(getBaseValue$1(spacing)),
+    "--sg-spacing-x": getSpacing(getBaseValue$1(spacing2)),
     "--sg-spacing-y": getSpacing(getBaseValue$1(_verticalSpacing)),
     "--sg-cols": getBaseValue$1(cols)?.toString()
   });
-  const uniqueBreakpoints = getUniqueBreakpoints({ spacing, verticalSpacing, cols });
+  const uniqueBreakpoints = getUniqueBreakpoints({ spacing: spacing2, verticalSpacing, cols });
   const queries = uniqueBreakpoints.reduce(
     (acc, breakpoint) => {
       if (!acc[breakpoint]) {
         acc[breakpoint] = {};
       }
-      if (typeof spacing === "object" && spacing[breakpoint] !== void 0) {
-        acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing[breakpoint]);
+      if (typeof spacing2 === "object" && spacing2[breakpoint] !== void 0) {
+        acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing2[breakpoint]);
       }
       if (typeof _verticalSpacing === "object" && _verticalSpacing[breakpoint] !== void 0) {
         acc[breakpoint]["--sg-spacing-y"] = getSpacing(_verticalSpacing[breakpoint]);
@@ -21516,7 +21516,7 @@ const SimpleGrid = factory((_props, ref) => {
     vars,
     cols,
     verticalSpacing,
-    spacing,
+    spacing: spacing2,
     type,
     attributes,
     ...others
@@ -26786,6 +26786,13 @@ const z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   void: voidType
 }, Symbol.toStringTag, { value: "Module" }));
+const spacing = {
+  xs: "0.625rem",
+  sm: "0.75rem",
+  md: "1rem",
+  lg: "1.25rem",
+  xl: "2rem"
+};
 const colors = {
   /** Primary UI color — buttons, links, active states. */
   primary: "indigo",
@@ -26937,6 +26944,7 @@ const theme = createTheme({
   },
   radius: radii,
   defaultRadius: "md",
+  spacing,
   breakpoints: {
     xs: "30em",
     sm: "48em",
@@ -26985,7 +26993,8 @@ const theme = createTheme({
 const fairmintCssVariables = () => ({
   variables: {
     "--fairmint-font-headings": typography.headingFontFamily,
-    "--fairmint-font-body": typography.fontFamily
+    "--fairmint-font-body": typography.fontFamily,
+    "--fairmint-interactive-focus-ring": indigo[5]
   },
   light: {
     /** Large decorative background text on error/empty pages. */
@@ -26995,13 +27004,17 @@ const fairmintCssVariables = () => ({
     /** Faint metadata text (timestamps, tertiary labels). Replaces neutral.4 */
     "--fairmint-color-text-tertiary": neutral[4],
     /** Background tint for selected / active rows. Replaces primary.0 */
-    "--fairmint-color-surface-selected": indigo[0]
+    "--fairmint-color-surface-selected": indigo[0],
+    "--fairmint-interactive-hover-shadow": `0 2px 6px ${neutral[9]}0F`,
+    "--fairmint-interactive-hover-bg": neutral[0]
   },
   dark: {
     "--fairmint-watermark-color": neutral[7],
     "--fairmint-color-text-secondary": neutral[4],
     "--fairmint-color-text-tertiary": neutral[5],
-    "--fairmint-color-surface-selected": indigo[9]
+    "--fairmint-color-surface-selected": indigo[9],
+    "--fairmint-interactive-hover-shadow": `0 2px 6px ${neutral[0]}1A`,
+    "--fairmint-interactive-hover-bg": neutral[8]
   }
 });
 const fairmintVars = {
@@ -28485,6 +28498,64 @@ function AnimateIn({
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { style, className, children });
 }
+function ClickableCard({
+  onClick,
+  ariaLabel,
+  animationDelay,
+  bg,
+  padding = "md",
+  radius = "md",
+  withBorder = true,
+  children
+}) {
+  const handleKeyDown = (e) => {
+    if (e.key === " ") {
+      e.preventDefault();
+    }
+  };
+  const animate = animationDelay !== void 0;
+  const animationStyle = animate ? {
+    opacity: 0,
+    animation: `rowSlideIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) ${animationDelay}s forwards`
+  } : void 0;
+  const card = /* @__PURE__ */ jsxRuntime.jsx(
+    Card,
+    {
+      bg,
+      padding,
+      radius,
+      withBorder,
+      style: { overflow: "hidden" },
+      children
+    }
+  );
+  if (!onClick) {
+    return animate ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: animationStyle, children: card }) : card;
+  }
+  const button = /* @__PURE__ */ jsxRuntime.jsx(
+    UnstyledButton,
+    {
+      onClick,
+      onKeyDown: handleKeyDown,
+      "aria-label": ariaLabel,
+      className: "fairmint-clickable-card",
+      w: "100%",
+      style: { borderRadius: radii[radius] ?? radius },
+      children: card
+    }
+  );
+  return animate ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: animationStyle, children: button }) : button;
+}
+function ColorDot({ color, size: size2 = 8, style, ...rest }) {
+  const baseStyle = {
+    width: size2,
+    height: size2,
+    borderRadius: "50%",
+    backgroundColor: color,
+    flexShrink: 0
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Box, { "data-testid": "color-dot", style: [baseStyle, style], ...rest });
+}
 function ConfirmDialog({
   title,
   message,
@@ -28554,7 +28625,8 @@ function formatDate(dateString) {
 function formatPercent(n, decimals = 2) {
   return `${n.toFixed(decimals)}%`;
 }
-function Currency({ value, precise = false, currency, ...rest }) {
+const TABULAR_NUMS = { fontVariantNumeric: "tabular-nums" };
+function Currency({ value, precise = false, currency, style, ...rest }) {
   let formatted;
   if (currency) {
     formatted = formatPreciseWithCurrency(value, currency);
@@ -28563,7 +28635,7 @@ function Currency({ value, precise = false, currency, ...rest }) {
   } else {
     formatted = formatCurrency(value);
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Text, { component: "span", ...rest, children: formatted });
+  return /* @__PURE__ */ jsxRuntime.jsx(Text, { component: "span", style: [TABULAR_NUMS, style], ...rest, children: formatted });
 }
 function EmptyState({
   icon,
@@ -28652,17 +28724,7 @@ function DataTable({
         Table.Tr,
         {
           onClick: onRowClick ? () => onRowClick(row) : void 0,
-          style: onRowClick ? {
-            cursor: "pointer",
-            transition: "background-color 0.15s ease"
-          } : void 0,
-          styles: onRowClick ? {
-            tr: {
-              "&:hover": {
-                backgroundColor: neutralColors[50]
-              }
-            }
-          } : void 0,
+          className: onRowClick ? "fairmint-table-row-clickable" : void 0,
           children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(Table.Td, { children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key))
         },
         key
@@ -28938,21 +29000,10 @@ function ListRow({
     {
       bg: isSelected ? fairmintVars.colorSurfaceSelected : void 0,
       onClick,
+      className: "fairmint-list-row",
       w: "100%",
       py: "sm",
       px: "md",
-      styles: {
-        root: {
-          transition: "background-color 0.15s ease",
-          "&:hover": {
-            backgroundColor: neutralColors[50]
-          },
-          "&:focus-visible": {
-            outline: `2px solid ${brandColors.indigo}`,
-            outlineOffset: "-2px"
-          }
-        }
-      },
       style: animationStyle,
       "aria-label": ariaLabel ?? title,
       children: content
@@ -31134,6 +31185,12 @@ function useIsMobile() {
     getInitialValueInEffect: false
   }) ?? false;
 }
+const TABLET_BREAKPOINT = "(max-width: 68em)";
+function useIsTablet() {
+  return useMediaQuery(TABLET_BREAKPOINT, false, {
+    getInitialValueInEffect: false
+  }) ?? false;
+}
 const notify = {
   success: ({ title, message, autoClose = 4e3 }) => notifications.show({ title, message, color: colors.success, autoClose }),
   error: ({ title, message, autoClose = 6e3 }) => notifications.show({ title, message, color: colors.error, autoClose }),
@@ -31155,7 +31212,9 @@ exports.Button = Button;
 exports.Card = Card;
 exports.Center = Center;
 exports.Checkbox = Checkbox;
+exports.ClickableCard = ClickableCard;
 exports.Collapse = Collapse;
+exports.ColorDot = ColorDot;
 exports.ConfirmDialog = ConfirmDialog;
 exports.Container = Container;
 exports.Currency = Currency;
@@ -31214,6 +31273,7 @@ exports.Stack = Stack;
 exports.StatCard = StatCard;
 exports.StatusBadge = StatusBadge;
 exports.Switch = Switch;
+exports.TABLET_BREAKPOINT = TABLET_BREAKPOINT;
 exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Text = Text;
@@ -31258,6 +31318,7 @@ exports.passwordSchema = passwordSchema;
 exports.phoneSchema = phoneSchema;
 exports.radii = radii;
 exports.semanticColors = semanticColors;
+exports.spacing = spacing;
 exports.theme = theme;
 exports.truncateAddress = truncateAddress;
 exports.typography = typography;
@@ -31271,6 +31332,7 @@ exports.useHotkeys = useHotkeys;
 exports.useId = useId$1;
 exports.useIntersection = useIntersection;
 exports.useIsMobile = useIsMobile;
+exports.useIsTablet = useIsTablet;
 exports.useMediaQuery = useMediaQuery;
 exports.useScrollIntoView = useScrollIntoView;
 exports.useViewportSize = useViewportSize;