@fairmint/ui 0.3.43 → 0.4.1

package/dist/styles.css

@@ -1,82 +1,3 @@
-.fairmint-equity-ribbon {
-  position: relative;
-  width: 100%;
-  height: clamp(360px, 42vw, 500px);
-}
-
-.fairmint-equity-ribbon--has-chart-width {
-  width: 100%;
-  max-width: var(--fairmint-ribbon-nominal-width);
-}
-
-.fairmint-equity-ribbon--bg-white {
-  background: var(--fairmint-ribbon-surface-white);
-}
-
-.fairmint-equity-ribbon--bg-black {
-  background: var(--fairmint-ribbon-surface-black);
-}
-
-.fairmint-equity-ribbon--bg-transparent {
-  background: transparent;
-}
-
-.fairmint-equity-ribbon--layout-mark {
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-}
-
-.fairmint-equity-ribbon__svg {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  overflow: visible;
-}
-
-.fairmint-equity-ribbon__band {
-  stroke-width: 2px;
-  stroke-linejoin: round;
-  stroke: var(--fairmint-ribbon-gap-color, var(--fairmint-ribbon-surface-black));
-}
-
-.fairmint-equity-ribbon--layout-mark .fairmint-equity-ribbon__band {
-  stroke-width: 1.5px;
-}
-
-.fairmint-equity-ribbon__label {
-  position: absolute;
-  white-space: nowrap;
-  font-weight: 800;
-  font-size: clamp(17px, 1.5vw, 21px);
-  letter-spacing: -0.03em;
-  pointer-events: none;
-}
-
-.fairmint-equity-ribbon__label--start {
-  text-align: left;
-  padding-bottom: 6px;
-}
-
-.fairmint-equity-ribbon--hidden-labels .fairmint-equity-ribbon__label {
-  visibility: hidden;
-}
-
-@media (max-width: 760px) {
-  .fairmint-equity-ribbon__label {
-    font-size: 15px;
-    letter-spacing: -0.02em;
-  }
-
-  .fairmint-equity-ribbon__label--start {
-    padding-bottom: 5px;
-  }
-}
-
-.fairmint-ribbon-mark {
-  flex-shrink: 0;
-}
 .fairmint-step-progress {
   width: 100%;
 }
@@ -9436,6 +9357,85 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
 .fairmint-multiselect-pills-list > * {
   flex-shrink: 0;
 }
+.fairmint-equity-ribbon {
+  position: relative;
+  width: 100%;
+  height: clamp(360px, 42vw, 500px);
+}
+
+.fairmint-equity-ribbon--has-chart-width {
+  width: 100%;
+  max-width: var(--fairmint-ribbon-nominal-width);
+}
+
+.fairmint-equity-ribbon--bg-white {
+  background: var(--fairmint-ribbon-surface-white);
+}
+
+.fairmint-equity-ribbon--bg-black {
+  background: var(--fairmint-ribbon-surface-black);
+}
+
+.fairmint-equity-ribbon--bg-transparent {
+  background: transparent;
+}
+
+.fairmint-equity-ribbon--layout-mark {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+
+.fairmint-equity-ribbon__svg {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+
+.fairmint-equity-ribbon__band {
+  stroke-width: 2px;
+  stroke-linejoin: round;
+  stroke: var(--fairmint-ribbon-gap-color, var(--fairmint-ribbon-surface-black));
+}
+
+.fairmint-equity-ribbon--layout-mark .fairmint-equity-ribbon__band {
+  stroke-width: 1.5px;
+}
+
+.fairmint-equity-ribbon__label {
+  position: absolute;
+  white-space: nowrap;
+  font-weight: 800;
+  font-size: clamp(17px, 1.5vw, 21px);
+  letter-spacing: -0.03em;
+  pointer-events: none;
+}
+
+.fairmint-equity-ribbon__label--start {
+  text-align: left;
+  padding-bottom: 6px;
+}
+
+.fairmint-equity-ribbon--hidden-labels .fairmint-equity-ribbon__label {
+  visibility: hidden;
+}
+
+@media (max-width: 760px) {
+  .fairmint-equity-ribbon__label {
+    font-size: 15px;
+    letter-spacing: -0.02em;
+  }
+
+  .fairmint-equity-ribbon__label--start {
+    padding-bottom: 5px;
+  }
+}
+
+.fairmint-ribbon-mark {
+  flex-shrink: 0;
+}
 /* Copyright 2014 Mozilla Foundation
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

package/package.json

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

package/dist/components/FairmintLogo/FairmintBrandLogo.cjs

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const FairmintRibbonMark = require("../specific/EquityRibbonChart/FairmintRibbonMark.cjs");
-const brandLogoLayout = require("./brandLogoLayout.cjs");
-const FairmintLogoGraphic = require("./FairmintLogoGraphic.cjs");
-const FairmintLogoMark = require("./FairmintLogoMark.cjs");
-function FairmintBrandLogo({
-  variant = "black",
-  height = 30,
-  markSize,
-  gap,
-  markStyle = "simple",
-  markFill,
-  markBandCount = 5,
-  markBackground = "transparent",
-  markGapColor = "transparent",
-  className,
-  style,
-  alt = "Fairmint"
-}) {
-  const resolvedMarkSize = markSize ?? brandLogoLayout.defaultBrandLogoMarkSize(height);
-  const resolvedGap = gap ?? brandLogoLayout.defaultBrandLogoGap(height);
-  const resolvedMarkFill = markFill ?? brandLogoLayout.defaultMarkFillForVariant(variant);
-  const wordmarkWidth = brandLogoLayout.wordmarkWidthForHeight(height);
-  const hasLabel = alt.length > 0;
-  const lockupStyle = {
-    display: "inline-flex",
-    alignItems: "flex-end",
-    gap: resolvedGap,
-    lineHeight: 0,
-    flexShrink: 0,
-    ...style
-  };
-  const lockup = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        style: {
-          display: "inline-flex",
-          flexShrink: 0,
-          width: resolvedMarkSize,
-          height: resolvedMarkSize,
-          overflow: markStyle === "ribbon" ? "hidden" : void 0
-        },
-        children: markStyle === "simple" ? /* @__PURE__ */ jsxRuntime.jsx(FairmintLogoMark.FairmintLogoMark, { size: resolvedMarkSize, fill: resolvedMarkFill }) : /* @__PURE__ */ jsxRuntime.jsx(
-          FairmintRibbonMark.FairmintRibbonMark,
-          {
-            size: resolvedMarkSize,
-            bandCount: markBandCount,
-            background: markBackground,
-            gapColor: markGapColor
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(FairmintLogoGraphic.FairmintLogoGraphic, { variant, width: wordmarkWidth, height, alt: "" }) })
-  ] });
-  if (hasLabel) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { role: "img", "aria-label": alt, className, style: lockupStyle, children: lockup });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className, style: lockupStyle, children: lockup });
-}
-exports.FairmintBrandLogo = FairmintBrandLogo;
-//# sourceMappingURL=FairmintBrandLogo.cjs.map

package/dist/components/FairmintLogo/FairmintBrandLogo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FairmintBrandLogo.cjs","sources":["../../../src/components/FairmintLogo/FairmintBrandLogo.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport {\n  FairmintRibbonMark,\n  type FairmintRibbonMarkProps,\n} from \"../specific/EquityRibbonChart/FairmintRibbonMark\";\nimport type { RibbonBackground } from \"../specific/EquityRibbonChart/ribbonTheme\";\nimport {\n  defaultBrandLogoGap,\n  defaultBrandLogoMarkSize,\n  defaultMarkFillForVariant,\n  wordmarkWidthForHeight,\n} from \"./brandLogoLayout\";\nimport { FairmintLogoGraphic, type FairmintLogoVariant } from \"./FairmintLogoGraphic\";\nimport { FairmintLogoMark, type FairmintLogoMarkFill } from \"./FairmintLogoMark\";\n\nexport type { FairmintLogoVariant };\n\nexport type FairmintBrandLogoMarkStyle = \"simple\" | \"ribbon\";\n\nexport interface FairmintBrandLogoProps {\n  /**\n   * Wordmark color variant.\n   * @default \"black\" — monochrome wordmark lets the mark own the color.\n   */\n  variant?: FairmintLogoVariant;\n  /** Wordmark height in pixels. @default 30 */\n  height?: number;\n  /**\n   * Mark size in pixels.\n   * @default ~78% of `height` (optical scale vs full wordmark cap height).\n   */\n  markSize?: number;\n  /** Space between mark and wordmark. @default scaled from height (~12px at 30px) */\n  gap?: number;\n  /**\n   * `simple` — flat gradient bars (default, best for nav lockups).\n   * `ribbon` — full `FairmintRibbonMark` (better at 64px+).\n   */\n  markStyle?: FairmintBrandLogoMarkStyle;\n  /**\n   * Bar fill for the simple mark.\n   * @default `gradient` on light backgrounds (`black` / `colored` wordmark), `white` when `variant=\"white\"`.\n   */\n  markFill?: FairmintLogoMarkFill;\n  /** Ribbons in the ribbon mark (1–5). Only when `markStyle=\"ribbon\"`. @default 5 */\n  markBandCount?: FairmintRibbonMarkProps[\"bandCount\"];\n  /** Mark canvas behind ribbons. Only when `markStyle=\"ribbon\"`. @default \"transparent\" */\n  markBackground?: RibbonBackground;\n  /** Seam color between ribbons. Only when `markStyle=\"ribbon\"`. @default \"transparent\" */\n  markGapColor?: FairmintRibbonMarkProps[\"gapColor\"];\n  /** Additional class name on the lockup wrapper. */\n  className?: string;\n  style?: CSSProperties;\n  /** Accessible name for the combined logo. @default \"Fairmint\" */\n  alt?: string;\n}\n\nexport function FairmintBrandLogo({\n  variant = \"black\",\n  height = 30,\n  markSize,\n  gap,\n  markStyle = \"simple\",\n  markFill,\n  markBandCount = 5,\n  markBackground = \"transparent\",\n  markGapColor = \"transparent\",\n  className,\n  style,\n  alt = \"Fairmint\",\n}: FairmintBrandLogoProps) {\n  const resolvedMarkSize = markSize ?? defaultBrandLogoMarkSize(height);\n  const resolvedGap = gap ?? defaultBrandLogoGap(height);\n  const resolvedMarkFill = markFill ?? defaultMarkFillForVariant(variant);\n  const wordmarkWidth = wordmarkWidthForHeight(height);\n  const hasLabel = alt.length > 0;\n  const lockupStyle = {\n    display: \"inline-flex\",\n    alignItems: \"flex-end\",\n    gap: resolvedGap,\n    lineHeight: 0,\n    flexShrink: 0,\n    ...style,\n  } as const;\n\n  const lockup = (\n    <>\n      <span\n        aria-hidden\n        style={{\n          display: \"inline-flex\",\n          flexShrink: 0,\n          width: resolvedMarkSize,\n          height: resolvedMarkSize,\n          overflow: markStyle === \"ribbon\" ? \"hidden\" : undefined,\n        }}\n      >\n        {markStyle === \"simple\" ? (\n          <FairmintLogoMark size={resolvedMarkSize} fill={resolvedMarkFill} />\n        ) : (\n          <FairmintRibbonMark\n            size={resolvedMarkSize}\n            bandCount={markBandCount}\n            background={markBackground}\n            gapColor={markGapColor}\n          />\n        )}\n      </span>\n      <span aria-hidden>\n        <FairmintLogoGraphic variant={variant} width={wordmarkWidth} height={height} alt=\"\" />\n      </span>\n    </>\n  );\n\n  if (hasLabel) {\n    return (\n      <span role=\"img\" aria-label={alt} className={className} style={lockupStyle}>\n        {lockup}\n      </span>\n    );\n  }\n\n  return (\n    <span className={className} style={lockupStyle}>\n      {lockup}\n    </span>\n  );\n}\n"],"names":["defaultBrandLogoMarkSize","defaultBrandLogoGap","defaultMarkFillForVariant","wordmarkWidthForHeight","jsxs","Fragment","jsx","FairmintLogoMark","FairmintRibbonMark","FairmintLogoGraphic"],"mappings":";;;;;;;AAyDO,SAAS,kBAAkB;AAAA,EAChC,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,MAAM;AACR,GAA2B;AACzB,QAAM,mBAAmB,YAAYA,gBAAAA,yBAAyB,MAAM;AACpE,QAAM,cAAc,OAAOC,gBAAAA,oBAAoB,MAAM;AACrD,QAAM,mBAAmB,YAAYC,gBAAAA,0BAA0B,OAAO;AACtE,QAAM,gBAAgBC,gBAAAA,uBAAuB,MAAM;AACnD,QAAM,WAAW,IAAI,SAAS;AAC9B,QAAM,cAAc;AAAA,IAClB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,GAAG;AAAA,EAAA;AAGL,QAAM,SACJC,2BAAAA,KAAAC,WAAAA,UAAA,EACE,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAW;AAAA,QACX,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,cAAc,WAAW,WAAW;AAAA,QAAA;AAAA,QAG/C,UAAA,cAAc,WACbA,2BAAAA,IAACC,iBAAAA,kBAAA,EAAiB,MAAM,kBAAkB,MAAM,kBAAkB,IAElED,2BAAAA;AAAAA,UAACE,mBAAAA;AAAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,IAGJF,2BAAAA,IAAC,QAAA,EAAK,eAAW,MACf,UAAAA,2BAAAA,IAACG,oBAAAA,qBAAA,EAAoB,SAAkB,OAAO,eAAe,QAAgB,KAAI,GAAA,CAAG,EAAA,CACtF;AAAA,EAAA,GACF;AAGF,MAAI,UAAU;AACZ,WACEH,2BAAAA,IAAC,UAAK,MAAK,OAAM,cAAY,KAAK,WAAsB,OAAO,aAC5D,UAAA,OAAA,CACH;AAAA,EAEJ;AAEA,SACEA,2BAAAA,IAAC,QAAA,EAAK,WAAsB,OAAO,aAChC,UAAA,QACH;AAEJ;;"}

package/dist/components/FairmintLogo/FairmintBrandLogo.d.ts

@@ -1,46 +0,0 @@
-import { CSSProperties } from 'react';
-import { FairmintRibbonMarkProps } from '../specific/EquityRibbonChart/FairmintRibbonMark';
-import { RibbonBackground } from '../specific/EquityRibbonChart/ribbonTheme';
-import { FairmintLogoVariant } from './FairmintLogoGraphic';
-import { FairmintLogoMarkFill } from './FairmintLogoMark';
-export type { FairmintLogoVariant };
-export type FairmintBrandLogoMarkStyle = "simple" | "ribbon";
-export interface FairmintBrandLogoProps {
-    /**
-     * Wordmark color variant.
-     * @default "black" — monochrome wordmark lets the mark own the color.
-     */
-    variant?: FairmintLogoVariant;
-    /** Wordmark height in pixels. @default 30 */
-    height?: number;
-    /**
-     * Mark size in pixels.
-     * @default ~78% of `height` (optical scale vs full wordmark cap height).
-     */
-    markSize?: number;
-    /** Space between mark and wordmark. @default scaled from height (~12px at 30px) */
-    gap?: number;
-    /**
-     * `simple` — flat gradient bars (default, best for nav lockups).
-     * `ribbon` — full `FairmintRibbonMark` (better at 64px+).
-     */
-    markStyle?: FairmintBrandLogoMarkStyle;
-    /**
-     * Bar fill for the simple mark.
-     * @default `gradient` on light backgrounds (`black` / `colored` wordmark), `white` when `variant="white"`.
-     */
-    markFill?: FairmintLogoMarkFill;
-    /** Ribbons in the ribbon mark (1–5). Only when `markStyle="ribbon"`. @default 5 */
-    markBandCount?: FairmintRibbonMarkProps["bandCount"];
-    /** Mark canvas behind ribbons. Only when `markStyle="ribbon"`. @default "transparent" */
-    markBackground?: RibbonBackground;
-    /** Seam color between ribbons. Only when `markStyle="ribbon"`. @default "transparent" */
-    markGapColor?: FairmintRibbonMarkProps["gapColor"];
-    /** Additional class name on the lockup wrapper. */
-    className?: string;
-    style?: CSSProperties;
-    /** Accessible name for the combined logo. @default "Fairmint" */
-    alt?: string;
-}
-export declare function FairmintBrandLogo({ variant, height, markSize, gap, markStyle, markFill, markBandCount, markBackground, markGapColor, className, style, alt, }: FairmintBrandLogoProps): import("react").JSX.Element;
-//# sourceMappingURL=FairmintBrandLogo.d.ts.map

package/dist/components/FairmintLogo/FairmintBrandLogo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FairmintBrandLogo.d.ts","sourceRoot":"","sources":["../../../src/components/FairmintLogo/FairmintBrandLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAOlF,OAAO,EAAuB,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mFAAmF;IACnF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,mFAAmF;IACnF,aAAa,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACrD,yFAAyF;IACzF,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,yFAAyF;IACzF,YAAY,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAC;IACnD,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAiB,EACjB,MAAW,EACX,QAAQ,EACR,GAAG,EACH,SAAoB,EACpB,QAAQ,EACR,aAAiB,EACjB,cAA8B,EAC9B,YAA4B,EAC5B,SAAS,EACT,KAAK,EACL,GAAgB,GACjB,EAAE,sBAAsB,+BAyDxB"}

package/dist/components/FairmintLogo/FairmintBrandLogo.js

@@ -1,66 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { FairmintRibbonMark } from "../specific/EquityRibbonChart/FairmintRibbonMark.js";
-import { defaultBrandLogoGap, defaultBrandLogoMarkSize, defaultMarkFillForVariant, wordmarkWidthForHeight } from "./brandLogoLayout.js";
-import { FairmintLogoGraphic } from "./FairmintLogoGraphic.js";
-import { FairmintLogoMark } from "./FairmintLogoMark.js";
-function FairmintBrandLogo({
-  variant = "black",
-  height = 30,
-  markSize,
-  gap,
-  markStyle = "simple",
-  markFill,
-  markBandCount = 5,
-  markBackground = "transparent",
-  markGapColor = "transparent",
-  className,
-  style,
-  alt = "Fairmint"
-}) {
-  const resolvedMarkSize = markSize ?? defaultBrandLogoMarkSize(height);
-  const resolvedGap = gap ?? defaultBrandLogoGap(height);
-  const resolvedMarkFill = markFill ?? defaultMarkFillForVariant(variant);
-  const wordmarkWidth = wordmarkWidthForHeight(height);
-  const hasLabel = alt.length > 0;
-  const lockupStyle = {
-    display: "inline-flex",
-    alignItems: "flex-end",
-    gap: resolvedGap,
-    lineHeight: 0,
-    flexShrink: 0,
-    ...style
-  };
-  const lockup = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        style: {
-          display: "inline-flex",
-          flexShrink: 0,
-          width: resolvedMarkSize,
-          height: resolvedMarkSize,
-          overflow: markStyle === "ribbon" ? "hidden" : void 0
-        },
-        children: markStyle === "simple" ? /* @__PURE__ */ jsx(FairmintLogoMark, { size: resolvedMarkSize, fill: resolvedMarkFill }) : /* @__PURE__ */ jsx(
-          FairmintRibbonMark,
-          {
-            size: resolvedMarkSize,
-            bandCount: markBandCount,
-            background: markBackground,
-            gapColor: markGapColor
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: /* @__PURE__ */ jsx(FairmintLogoGraphic, { variant, width: wordmarkWidth, height, alt: "" }) })
-  ] });
-  if (hasLabel) {
-    return /* @__PURE__ */ jsx("span", { role: "img", "aria-label": alt, className, style: lockupStyle, children: lockup });
-  }
-  return /* @__PURE__ */ jsx("span", { className, style: lockupStyle, children: lockup });
-}
-export {
-  FairmintBrandLogo
-};
-//# sourceMappingURL=FairmintBrandLogo.js.map

package/dist/components/FairmintLogo/FairmintBrandLogo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FairmintBrandLogo.js","sources":["../../../src/components/FairmintLogo/FairmintBrandLogo.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport {\n  FairmintRibbonMark,\n  type FairmintRibbonMarkProps,\n} from \"../specific/EquityRibbonChart/FairmintRibbonMark\";\nimport type { RibbonBackground } from \"../specific/EquityRibbonChart/ribbonTheme\";\nimport {\n  defaultBrandLogoGap,\n  defaultBrandLogoMarkSize,\n  defaultMarkFillForVariant,\n  wordmarkWidthForHeight,\n} from \"./brandLogoLayout\";\nimport { FairmintLogoGraphic, type FairmintLogoVariant } from \"./FairmintLogoGraphic\";\nimport { FairmintLogoMark, type FairmintLogoMarkFill } from \"./FairmintLogoMark\";\n\nexport type { FairmintLogoVariant };\n\nexport type FairmintBrandLogoMarkStyle = \"simple\" | \"ribbon\";\n\nexport interface FairmintBrandLogoProps {\n  /**\n   * Wordmark color variant.\n   * @default \"black\" — monochrome wordmark lets the mark own the color.\n   */\n  variant?: FairmintLogoVariant;\n  /** Wordmark height in pixels. @default 30 */\n  height?: number;\n  /**\n   * Mark size in pixels.\n   * @default ~78% of `height` (optical scale vs full wordmark cap height).\n   */\n  markSize?: number;\n  /** Space between mark and wordmark. @default scaled from height (~12px at 30px) */\n  gap?: number;\n  /**\n   * `simple` — flat gradient bars (default, best for nav lockups).\n   * `ribbon` — full `FairmintRibbonMark` (better at 64px+).\n   */\n  markStyle?: FairmintBrandLogoMarkStyle;\n  /**\n   * Bar fill for the simple mark.\n   * @default `gradient` on light backgrounds (`black` / `colored` wordmark), `white` when `variant=\"white\"`.\n   */\n  markFill?: FairmintLogoMarkFill;\n  /** Ribbons in the ribbon mark (1–5). Only when `markStyle=\"ribbon\"`. @default 5 */\n  markBandCount?: FairmintRibbonMarkProps[\"bandCount\"];\n  /** Mark canvas behind ribbons. Only when `markStyle=\"ribbon\"`. @default \"transparent\" */\n  markBackground?: RibbonBackground;\n  /** Seam color between ribbons. Only when `markStyle=\"ribbon\"`. @default \"transparent\" */\n  markGapColor?: FairmintRibbonMarkProps[\"gapColor\"];\n  /** Additional class name on the lockup wrapper. */\n  className?: string;\n  style?: CSSProperties;\n  /** Accessible name for the combined logo. @default \"Fairmint\" */\n  alt?: string;\n}\n\nexport function FairmintBrandLogo({\n  variant = \"black\",\n  height = 30,\n  markSize,\n  gap,\n  markStyle = \"simple\",\n  markFill,\n  markBandCount = 5,\n  markBackground = \"transparent\",\n  markGapColor = \"transparent\",\n  className,\n  style,\n  alt = \"Fairmint\",\n}: FairmintBrandLogoProps) {\n  const resolvedMarkSize = markSize ?? defaultBrandLogoMarkSize(height);\n  const resolvedGap = gap ?? defaultBrandLogoGap(height);\n  const resolvedMarkFill = markFill ?? defaultMarkFillForVariant(variant);\n  const wordmarkWidth = wordmarkWidthForHeight(height);\n  const hasLabel = alt.length > 0;\n  const lockupStyle = {\n    display: \"inline-flex\",\n    alignItems: \"flex-end\",\n    gap: resolvedGap,\n    lineHeight: 0,\n    flexShrink: 0,\n    ...style,\n  } as const;\n\n  const lockup = (\n    <>\n      <span\n        aria-hidden\n        style={{\n          display: \"inline-flex\",\n          flexShrink: 0,\n          width: resolvedMarkSize,\n          height: resolvedMarkSize,\n          overflow: markStyle === \"ribbon\" ? \"hidden\" : undefined,\n        }}\n      >\n        {markStyle === \"simple\" ? (\n          <FairmintLogoMark size={resolvedMarkSize} fill={resolvedMarkFill} />\n        ) : (\n          <FairmintRibbonMark\n            size={resolvedMarkSize}\n            bandCount={markBandCount}\n            background={markBackground}\n            gapColor={markGapColor}\n          />\n        )}\n      </span>\n      <span aria-hidden>\n        <FairmintLogoGraphic variant={variant} width={wordmarkWidth} height={height} alt=\"\" />\n      </span>\n    </>\n  );\n\n  if (hasLabel) {\n    return (\n      <span role=\"img\" aria-label={alt} className={className} style={lockupStyle}>\n        {lockup}\n      </span>\n    );\n  }\n\n  return (\n    <span className={className} style={lockupStyle}>\n      {lockup}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;AAyDO,SAAS,kBAAkB;AAAA,EAChC,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,MAAM;AACR,GAA2B;AACzB,QAAM,mBAAmB,YAAY,yBAAyB,MAAM;AACpE,QAAM,cAAc,OAAO,oBAAoB,MAAM;AACrD,QAAM,mBAAmB,YAAY,0BAA0B,OAAO;AACtE,QAAM,gBAAgB,uBAAuB,MAAM;AACnD,QAAM,WAAW,IAAI,SAAS;AAC9B,QAAM,cAAc;AAAA,IAClB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,GAAG;AAAA,EAAA;AAGL,QAAM,SACJ,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAW;AAAA,QACX,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,cAAc,WAAW,WAAW;AAAA,QAAA;AAAA,QAG/C,UAAA,cAAc,WACb,oBAAC,kBAAA,EAAiB,MAAM,kBAAkB,MAAM,kBAAkB,IAElE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,IAGJ,oBAAC,QAAA,EAAK,eAAW,MACf,UAAA,oBAAC,qBAAA,EAAoB,SAAkB,OAAO,eAAe,QAAgB,KAAI,GAAA,CAAG,EAAA,CACtF;AAAA,EAAA,GACF;AAGF,MAAI,UAAU;AACZ,WACE,oBAAC,UAAK,MAAK,OAAM,cAAY,KAAK,WAAsB,OAAO,aAC5D,UAAA,OAAA,CACH;AAAA,EAEJ;AAEA,SACE,oBAAC,QAAA,EAAK,WAAsB,OAAO,aAChC,UAAA,QACH;AAEJ;"}

package/dist/components/FairmintLogo/brandLogoLayout.cjs

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const logo = require("../../theme/logo.cjs");
-function defaultMarkFillForVariant(variant) {
-  if (variant === "white") {
-    return "white";
-  }
-  return "gradient";
-}
-function wordmarkWidthForHeight(height) {
-  return Math.round(height * logo.LOGO_VIEWBOX.width / logo.LOGO_VIEWBOX.height);
-}
-const BRAND_LOGO_MARK_SIZE_RATIO = 0.78;
-function defaultBrandLogoMarkSize(height) {
-  return Math.max(16, Math.round(height * BRAND_LOGO_MARK_SIZE_RATIO));
-}
-function defaultBrandLogoGap(height) {
-  return Math.max(6, Math.round(height * (12 / 30)));
-}
-exports.BRAND_LOGO_MARK_SIZE_RATIO = BRAND_LOGO_MARK_SIZE_RATIO;
-exports.defaultBrandLogoGap = defaultBrandLogoGap;
-exports.defaultBrandLogoMarkSize = defaultBrandLogoMarkSize;
-exports.defaultMarkFillForVariant = defaultMarkFillForVariant;
-exports.wordmarkWidthForHeight = wordmarkWidthForHeight;
-//# sourceMappingURL=brandLogoLayout.cjs.map

package/dist/components/FairmintLogo/brandLogoLayout.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"brandLogoLayout.cjs","sources":["../../../src/components/FairmintLogo/brandLogoLayout.ts"],"sourcesContent":["import { LOGO_VIEWBOX } from \"../../theme/logo\";\nimport type { FairmintLogoVariant } from \"./FairmintLogoGraphic\";\nimport type { FairmintLogoMarkFill } from \"./FairmintLogoMark\";\n\n/** Mark fill paired with each wordmark variant when `markFill` is omitted. */\nexport function defaultMarkFillForVariant(variant: FairmintLogoVariant): FairmintLogoMarkFill {\n  if (variant === \"white\") {\n    return \"white\";\n  }\n  return \"gradient\";\n}\n\n/** Wordmark width that preserves canonical 215×48 aspect ratio at a given height. */\nexport function wordmarkWidthForHeight(height: number): number {\n  return Math.round((height * LOGO_VIEWBOX.width) / LOGO_VIEWBOX.height);\n}\n\n/**\n * Mark scales to ~78% of wordmark height so the symbol supports the name\n * without competing with the ascenders.\n */\nexport const BRAND_LOGO_MARK_SIZE_RATIO = 0.78;\n\n/** Default ribbon mark size for a lockup at the given wordmark height. */\nexport function defaultBrandLogoMarkSize(height: number): number {\n  return Math.max(16, Math.round(height * BRAND_LOGO_MARK_SIZE_RATIO));\n}\n\n/**\n * Gap between ribbon mark and wordmark (~12px at 30px wordmark height).\n * Wider than a tight icon+text pair so the lockup reads as mark → name.\n */\nexport function defaultBrandLogoGap(height: number): number {\n  return Math.max(6, Math.round(height * (12 / 30)));\n}\n"],"names":["LOGO_VIEWBOX"],"mappings":";;;AAKO,SAAS,0BAA0B,SAAoD;AAC5F,MAAI,YAAY,SAAS;AACvB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAGO,SAAS,uBAAuB,QAAwB;AAC7D,SAAO,KAAK,MAAO,SAASA,KAAAA,aAAa,QAASA,KAAAA,aAAa,MAAM;AACvE;AAMO,MAAM,6BAA6B;AAGnC,SAAS,yBAAyB,QAAwB;AAC/D,SAAO,KAAK,IAAI,IAAI,KAAK,MAAM,SAAS,0BAA0B,CAAC;AACrE;AAMO,SAAS,oBAAoB,QAAwB;AAC1D,SAAO,KAAK,IAAI,GAAG,KAAK,MAAM,UAAU,KAAK,GAAG,CAAC;AACnD;;;;;;"}

package/dist/components/FairmintLogo/brandLogoLayout.d.ts

@@ -1,19 +0,0 @@
-import { FairmintLogoVariant } from './FairmintLogoGraphic';
-import { FairmintLogoMarkFill } from './FairmintLogoMark';
-/** Mark fill paired with each wordmark variant when `markFill` is omitted. */
-export declare function defaultMarkFillForVariant(variant: FairmintLogoVariant): FairmintLogoMarkFill;
-/** Wordmark width that preserves canonical 215×48 aspect ratio at a given height. */
-export declare function wordmarkWidthForHeight(height: number): number;
-/**
- * Mark scales to ~78% of wordmark height so the symbol supports the name
- * without competing with the ascenders.
- */
-export declare const BRAND_LOGO_MARK_SIZE_RATIO = 0.78;
-/** Default ribbon mark size for a lockup at the given wordmark height. */
-export declare function defaultBrandLogoMarkSize(height: number): number;
-/**
- * Gap between ribbon mark and wordmark (~12px at 30px wordmark height).
- * Wider than a tight icon+text pair so the lockup reads as mark → name.
- */
-export declare function defaultBrandLogoGap(height: number): number;
-//# sourceMappingURL=brandLogoLayout.d.ts.map

package/dist/components/FairmintLogo/brandLogoLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"brandLogoLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FairmintLogo/brandLogoLayout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,8EAA8E;AAC9E,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,mBAAmB,GAAG,oBAAoB,CAK5F;AAED,qFAAqF;AACrF,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;;GAGG;AACH,eAAO,MAAM,0BAA0B,OAAO,CAAC;AAE/C,0EAA0E;AAC1E,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE/D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE1D"}

package/dist/components/FairmintLogo/brandLogoLayout.js

@@ -1,25 +0,0 @@
-import { LOGO_VIEWBOX } from "../../theme/logo.js";
-function defaultMarkFillForVariant(variant) {
-  if (variant === "white") {
-    return "white";
-  }
-  return "gradient";
-}
-function wordmarkWidthForHeight(height) {
-  return Math.round(height * LOGO_VIEWBOX.width / LOGO_VIEWBOX.height);
-}
-const BRAND_LOGO_MARK_SIZE_RATIO = 0.78;
-function defaultBrandLogoMarkSize(height) {
-  return Math.max(16, Math.round(height * BRAND_LOGO_MARK_SIZE_RATIO));
-}
-function defaultBrandLogoGap(height) {
-  return Math.max(6, Math.round(height * (12 / 30)));
-}
-export {
-  BRAND_LOGO_MARK_SIZE_RATIO,
-  defaultBrandLogoGap,
-  defaultBrandLogoMarkSize,
-  defaultMarkFillForVariant,
-  wordmarkWidthForHeight
-};
-//# sourceMappingURL=brandLogoLayout.js.map

package/dist/components/FairmintLogo/brandLogoLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"brandLogoLayout.js","sources":["../../../src/components/FairmintLogo/brandLogoLayout.ts"],"sourcesContent":["import { LOGO_VIEWBOX } from \"../../theme/logo\";\nimport type { FairmintLogoVariant } from \"./FairmintLogoGraphic\";\nimport type { FairmintLogoMarkFill } from \"./FairmintLogoMark\";\n\n/** Mark fill paired with each wordmark variant when `markFill` is omitted. */\nexport function defaultMarkFillForVariant(variant: FairmintLogoVariant): FairmintLogoMarkFill {\n  if (variant === \"white\") {\n    return \"white\";\n  }\n  return \"gradient\";\n}\n\n/** Wordmark width that preserves canonical 215×48 aspect ratio at a given height. */\nexport function wordmarkWidthForHeight(height: number): number {\n  return Math.round((height * LOGO_VIEWBOX.width) / LOGO_VIEWBOX.height);\n}\n\n/**\n * Mark scales to ~78% of wordmark height so the symbol supports the name\n * without competing with the ascenders.\n */\nexport const BRAND_LOGO_MARK_SIZE_RATIO = 0.78;\n\n/** Default ribbon mark size for a lockup at the given wordmark height. */\nexport function defaultBrandLogoMarkSize(height: number): number {\n  return Math.max(16, Math.round(height * BRAND_LOGO_MARK_SIZE_RATIO));\n}\n\n/**\n * Gap between ribbon mark and wordmark (~12px at 30px wordmark height).\n * Wider than a tight icon+text pair so the lockup reads as mark → name.\n */\nexport function defaultBrandLogoGap(height: number): number {\n  return Math.max(6, Math.round(height * (12 / 30)));\n}\n"],"names":[],"mappings":";AAKO,SAAS,0BAA0B,SAAoD;AAC5F,MAAI,YAAY,SAAS;AACvB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAGO,SAAS,uBAAuB,QAAwB;AAC7D,SAAO,KAAK,MAAO,SAAS,aAAa,QAAS,aAAa,MAAM;AACvE;AAMO,MAAM,6BAA6B;AAGnC,SAAS,yBAAyB,QAAwB;AAC/D,SAAO,KAAK,IAAI,IAAI,KAAK,MAAM,SAAS,0BAA0B,CAAC;AACrE;AAMO,SAAS,oBAAoB,QAAwB;AAC1D,SAAO,KAAK,IAAI,GAAG,KAAK,MAAM,UAAU,KAAK,GAAG,CAAC;AACnD;"}