@fairmint/ui 0.2.32 → 0.2.34

package/dist/styles.css

@@ -4,6 +4,11 @@
   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);
 }
@@ -33,18 +38,7 @@
 .fairmint-equity-ribbon__band {
   stroke-width: 2px;
   stroke-linejoin: round;
-}
-
-.fairmint-equity-ribbon--bg-white .fairmint-equity-ribbon__band {
-  stroke: var(--fairmint-ribbon-surface-white);
-}
-
-.fairmint-equity-ribbon--bg-black .fairmint-equity-ribbon__band {
-  stroke: var(--fairmint-ribbon-surface-black);
-}
-
-.fairmint-equity-ribbon--bg-transparent .fairmint-equity-ribbon__band {
-  stroke: none;
+  stroke: var(--fairmint-ribbon-gap-color, var(--fairmint-ribbon-surface-black));
 }
 
 .fairmint-equity-ribbon--layout-mark .fairmint-equity-ribbon__band {
@@ -9135,3 +9129,455 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
 .fairmint-multiselect-pills-list > * {
   flex-shrink: 0;
 }
+/* Copyright 2014 Mozilla Foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:root {
+  --react-pdf-annotation-layer: 1;
+  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
+  --input-focus-border-color: Highlight;
+  --input-focus-outline: 1px solid Canvas;
+  --input-unfocused-border-color: transparent;
+  --input-disabled-border-color: transparent;
+  --input-hover-border-color: black;
+  --link-outline: none;
+}
+
+@media screen and (forced-colors: active) {
+  :root {
+    --input-focus-border-color: CanvasText;
+    --input-unfocused-border-color: ActiveText;
+    --input-disabled-border-color: GrayText;
+    --input-hover-border-color: Highlight;
+    --link-outline: 1.5px solid LinkText;
+  }
+  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
+  .annotationLayer .choiceWidgetAnnotation select:required,
+  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
+    outline: 1.5px solid selectedItem;
+  }
+
+  .annotationLayer .linkAnnotation:hover {
+    backdrop-filter: invert(100%);
+  }
+}
+
+.annotationLayer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  transform-origin: 0 0;
+  z-index: 3;
+}
+
+.annotationLayer[data-main-rotation='90'] .norotate {
+  transform: rotate(270deg) translateX(-100%);
+}
+.annotationLayer[data-main-rotation='180'] .norotate {
+  transform: rotate(180deg) translate(-100%, -100%);
+}
+.annotationLayer[data-main-rotation='270'] .norotate {
+  transform: rotate(90deg) translateY(-100%);
+}
+
+.annotationLayer canvas {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+.annotationLayer section {
+  position: absolute;
+  text-align: initial;
+  pointer-events: auto;
+  box-sizing: border-box;
+  margin: 0;
+  transform-origin: 0 0;
+}
+
+.annotationLayer .linkAnnotation {
+  outline: var(--link-outline);
+}
+
+.textLayer.selecting ~ .annotationLayer section {
+  pointer-events: none;
+}
+
+.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
+  position: absolute;
+  font-size: 1em;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
+  opacity: 0.2;
+  background: rgba(255, 255, 0, 1);
+  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
+}
+
+.annotationLayer .textAnnotation img {
+  position: absolute;
+  cursor: pointer;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+
+.annotationLayer .textWidgetAnnotation :is(input, textarea),
+.annotationLayer .choiceWidgetAnnotation select,
+.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
+  background-image: var(--annotation-unfocused-field-background);
+  border: 2px solid var(--input-unfocused-border-color);
+  box-sizing: border-box;
+  font: calc(9px * var(--total-scale-factor)) sans-serif;
+  height: 100%;
+  margin: 0;
+  vertical-align: top;
+  width: 100%;
+}
+
+.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
+.annotationLayer .choiceWidgetAnnotation select:required,
+.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
+  outline: 1.5px solid red;
+}
+
+.annotationLayer .choiceWidgetAnnotation select option {
+  padding: 0;
+}
+
+.annotationLayer .buttonWidgetAnnotation.radioButton input {
+  border-radius: 50%;
+}
+
+.annotationLayer .textWidgetAnnotation textarea {
+  resize: none;
+}
+
+.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],
+.annotationLayer .choiceWidgetAnnotation select[disabled],
+.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
+  background: none;
+  border: 2px solid var(--input-disabled-border-color);
+  cursor: not-allowed;
+}
+
+.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
+.annotationLayer .choiceWidgetAnnotation select:hover,
+.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
+  border: 2px solid var(--input-hover-border-color);
+}
+.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
+.annotationLayer .choiceWidgetAnnotation select:hover,
+.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
+  border-radius: 2px;
+}
+
+.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
+.annotationLayer .choiceWidgetAnnotation select:focus {
+  background: none;
+  border: 2px solid var(--input-focus-border-color);
+  border-radius: 2px;
+  outline: var(--input-focus-outline);
+}
+
+.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
+  background-image: none;
+  background-color: transparent;
+}
+
+.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
+  border: 2px solid var(--input-focus-border-color);
+  border-radius: 2px;
+  outline: var(--input-focus-outline);
+}
+
+.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
+  border: 2px solid var(--input-focus-border-color);
+  outline: var(--input-focus-outline);
+}
+
+.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
+.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
+.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
+  background-color: CanvasText;
+  content: '';
+  display: block;
+  position: absolute;
+}
+
+.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
+.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
+  height: 80%;
+  left: 45%;
+  width: 1px;
+}
+
+.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
+  transform: rotate(45deg);
+}
+
+.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
+  transform: rotate(-45deg);
+}
+
+.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
+  border-radius: 50%;
+  height: 50%;
+  left: 30%;
+  top: 20%;
+  width: 50%;
+}
+
+.annotationLayer .textWidgetAnnotation input.comb {
+  font-family: monospace;
+  padding-left: 2px;
+  padding-right: 0;
+}
+
+.annotationLayer .textWidgetAnnotation input.comb:focus {
+  /*
+   * Letter spacing is placed on the right side of each character. Hence, the
+   * letter spacing of the last character may be placed outside the visible
+   * area, causing horizontal scrolling. We avoid this by extending the width
+   * when the element has focus and revert this when it loses focus.
+   */
+  width: 103%;
+}
+
+.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
+  appearance: none;
+}
+
+.annotationLayer .popupTriggerArea {
+  height: 100%;
+  width: 100%;
+}
+
+.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
+  position: absolute;
+}
+
+.annotationLayer .popupWrapper {
+  position: absolute;
+  font-size: calc(9px * var(--total-scale-factor));
+  width: 100%;
+  min-width: calc(180px * var(--total-scale-factor));
+  pointer-events: none;
+}
+
+.annotationLayer .popup {
+  position: absolute;
+  max-width: calc(180px * var(--total-scale-factor));
+  background-color: rgba(255, 255, 153, 1);
+  box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor))
+    rgba(136, 136, 136, 1);
+  border-radius: calc(2px * var(--total-scale-factor));
+  padding: calc(6px * var(--total-scale-factor));
+  margin-left: calc(5px * var(--total-scale-factor));
+  cursor: pointer;
+  font: message-box;
+  white-space: normal;
+  word-wrap: break-word;
+  pointer-events: auto;
+}
+
+.annotationLayer .popup > * {
+  font-size: calc(9px * var(--total-scale-factor));
+}
+
+.annotationLayer .popup h1 {
+  display: inline-block;
+}
+
+.annotationLayer .popupDate {
+  display: inline-block;
+  margin-left: calc(5px * var(--total-scale-factor));
+}
+
+.annotationLayer .popupContent {
+  border-top: 1px solid rgba(51, 51, 51, 1);
+  margin-top: calc(2px * var(--total-scale-factor));
+  padding-top: calc(2px * var(--total-scale-factor));
+}
+
+.annotationLayer .richText > * {
+  white-space: pre-wrap;
+  font-size: calc(9px * var(--total-scale-factor));
+}
+
+.annotationLayer .highlightAnnotation,
+.annotationLayer .underlineAnnotation,
+.annotationLayer .squigglyAnnotation,
+.annotationLayer .strikeoutAnnotation,
+.annotationLayer .freeTextAnnotation,
+.annotationLayer .lineAnnotation svg line,
+.annotationLayer .squareAnnotation svg rect,
+.annotationLayer .circleAnnotation svg ellipse,
+.annotationLayer .polylineAnnotation svg polyline,
+.annotationLayer .polygonAnnotation svg polygon,
+.annotationLayer .caretAnnotation,
+.annotationLayer .inkAnnotation svg polyline,
+.annotationLayer .stampAnnotation,
+.annotationLayer .fileAttachmentAnnotation {
+  cursor: pointer;
+}
+
+.annotationLayer section svg {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+
+.annotationLayer .annotationTextContent {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  color: transparent;
+  user-select: none;
+  pointer-events: none;
+}
+
+.annotationLayer .annotationTextContent span {
+  width: 100%;
+  display: inline-block;
+}
+/* Copyright 2014 Mozilla Foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:root {
+  --react-pdf-text-layer: 1;
+  --highlight-bg-color: rgba(180, 0, 170, 1);
+  --highlight-selected-bg-color: rgba(0, 100, 0, 1);
+}
+
+@media screen and (forced-colors: active) {
+  :root {
+    --highlight-bg-color: Highlight;
+    --highlight-selected-bg-color: ButtonText;
+  }
+}
+
+[data-main-rotation='90'] {
+  transform: rotate(90deg) translateY(-100%);
+}
+[data-main-rotation='180'] {
+  transform: rotate(180deg) translate(-100%, -100%);
+}
+[data-main-rotation='270'] {
+  transform: rotate(270deg) translateX(-100%);
+}
+
+.textLayer {
+  position: absolute;
+  text-align: initial;
+  inset: 0;
+  overflow: hidden;
+  line-height: 1;
+  text-size-adjust: none;
+  forced-color-adjust: none;
+  transform-origin: 0 0;
+  z-index: 2;
+}
+
+.textLayer :is(span, br) {
+  color: transparent;
+  position: absolute;
+  white-space: pre;
+  cursor: text;
+  margin: 0;
+  transform-origin: 0 0;
+}
+
+/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
+ * the problem doesn't show up in "text" reference tests. */
+.textLayer span.markedContent {
+  top: 0;
+  height: 0;
+}
+
+.textLayer .highlight {
+  margin: -1px;
+  padding: 1px;
+  background-color: var(--highlight-bg-color);
+  border-radius: 4px;
+}
+
+.textLayer .highlight.appended {
+  position: initial;
+}
+
+.textLayer .highlight.begin {
+  border-radius: 4px 0 0 4px;
+}
+
+.textLayer .highlight.end {
+  border-radius: 0 4px 4px 0;
+}
+
+.textLayer .highlight.middle {
+  border-radius: 0;
+}
+
+.textLayer .highlight.selected {
+  background-color: var(--highlight-selected-bg-color);
+}
+
+/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
+.textLayer br::selection {
+  background: transparent;
+}
+
+.textLayer .endOfContent {
+  display: block;
+  position: absolute;
+  inset: 100% 0 0;
+  z-index: -1;
+  cursor: default;
+  user-select: none;
+}
+
+.textLayer.selecting .endOfContent {
+  top: 0;
+}
+
+.hiddenCanvasElement {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  display: none;
+}

package/dist/theme/index.d.ts

@@ -27,20 +27,20 @@ export declare const theme: {
     black?: string | undefined;
     colors?: {
         [x: string & {}]: MantineColorsTuple | undefined;
-        indigo?: MantineColorsTuple | undefined;
-        gray?: MantineColorsTuple | undefined;
-        teal?: MantineColorsTuple | undefined;
+        blue?: MantineColorsTuple | undefined;
         cyan?: MantineColorsTuple | undefined;
+        gray?: MantineColorsTuple | undefined;
         green?: MantineColorsTuple | undefined;
-        dark?: MantineColorsTuple | undefined;
-        red?: MantineColorsTuple | undefined;
+        indigo?: MantineColorsTuple | undefined;
+        lime?: MantineColorsTuple | undefined;
+        orange?: MantineColorsTuple | undefined;
         pink?: MantineColorsTuple | undefined;
-        grape?: MantineColorsTuple | undefined;
+        red?: MantineColorsTuple | undefined;
+        teal?: MantineColorsTuple | undefined;
         violet?: MantineColorsTuple | undefined;
-        blue?: MantineColorsTuple | undefined;
-        lime?: MantineColorsTuple | undefined;
         yellow?: MantineColorsTuple | undefined;
-        orange?: MantineColorsTuple | undefined;
+        dark?: MantineColorsTuple | undefined;
+        grape?: MantineColorsTuple | undefined;
     } | undefined;
     primaryShade?: import('@mantine/core').MantineColorShade | {
         light?: import('@mantine/core').MantineColorShade | undefined;
@@ -55,7 +55,7 @@ export declare const theme: {
     headings?: {
         fontFamily?: string | undefined;
         fontWeight?: string | undefined;
-        textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
+        textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
         sizes?: {
             h1?: {
                 fontSize?: string | undefined;
@@ -166,11 +166,6 @@ export declare const theme: {
  * --mantine-* variables directly. All light/dark switching is centralised here.
  */
 export declare const fairmintCssVariables: CSSVariablesResolver;
-/**
- * Typed JS references to every --fairmint-* CSS custom property.
- * Use these in component code instead of raw "var(--fairmint-...)" strings so
- * that renaming a token requires one change here rather than hunting every file.
- */
 /**
  * Typed JS references to every --fairmint-* CSS custom property.
  * Use these in component code instead of raw "var(--fairmint-...)" strings so
@@ -219,20 +214,20 @@ export declare function createFairmintMantineProviderProps(colorScheme?: "light"
         black?: string | undefined;
         colors?: {
             [x: string & {}]: MantineColorsTuple | undefined;
-            indigo?: MantineColorsTuple | undefined;
-            gray?: MantineColorsTuple | undefined;
-            teal?: MantineColorsTuple | undefined;
+            blue?: MantineColorsTuple | undefined;
             cyan?: MantineColorsTuple | undefined;
+            gray?: MantineColorsTuple | undefined;
             green?: MantineColorsTuple | undefined;
-            dark?: MantineColorsTuple | undefined;
-            red?: MantineColorsTuple | undefined;
+            indigo?: MantineColorsTuple | undefined;
+            lime?: MantineColorsTuple | undefined;
+            orange?: MantineColorsTuple | undefined;
             pink?: MantineColorsTuple | undefined;
-            grape?: MantineColorsTuple | undefined;
+            red?: MantineColorsTuple | undefined;
+            teal?: MantineColorsTuple | undefined;
             violet?: MantineColorsTuple | undefined;
-            blue?: MantineColorsTuple | undefined;
-            lime?: MantineColorsTuple | undefined;
             yellow?: MantineColorsTuple | undefined;
-            orange?: MantineColorsTuple | undefined;
+            dark?: MantineColorsTuple | undefined;
+            grape?: MantineColorsTuple | undefined;
         } | undefined;
         primaryShade?: import('@mantine/core').MantineColorShade | {
             light?: import('@mantine/core').MantineColorShade | undefined;
@@ -247,7 +242,7 @@ export declare function createFairmintMantineProviderProps(colorScheme?: "light"
         headings?: {
             fontFamily?: string | undefined;
             fontWeight?: string | undefined;
-            textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
+            textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
             sizes?: {
                 h1?: {
                     fontSize?: string | undefined;
@@ -353,7 +348,7 @@ export declare function createFairmintMantineProviderProps(colorScheme?: "light"
         } | undefined;
     };
     readonly cssVariablesResolver: CSSVariablesResolver;
-    readonly defaultColorScheme: "dark" | "light" | "auto";
+    readonly defaultColorScheme: "auto" | "dark" | "light";
 };
 /** Brand colors for gradients and custom styling. */
 export declare const brandColors: {
@@ -362,6 +357,10 @@ export declare const brandColors: {
     readonly indigo: "#6366F1";
     readonly gradient: "linear-gradient(90deg, #0A4EFB 0%, #9E03FF 100%)";
 };
+export declare const commonColors: {
+    readonly black: "#000000";
+    readonly white: "#ffffff";
+};
 /**
  * Card/row shadow used by WalletList and similar card surfaces.
  * Equivalent to neutralColors[900] at ~10% opacity (#111927 → #1119271A).

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAe,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIhG;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AAiIX;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;CAIb,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EhB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,oBA0BjC,CAAC;AAEH;;;;GAIG;AACH;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY;IACvB,qFAAqF;;IAErF,4EAA4E;;IAE5E,0EAA0E;;IAE1E,+EAA+E;;IAE/E,+CAA+C;;IAE/C,gCAAgC;;CAExB,CAAC;AAEX;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kCAAkC,CAChD,WAAW,GAAE,OAAO,GAAG,MAAM,GAAG,MAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOjD;AAED,qDAAqD;AACrD,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,WAAW;;CAEd,CAAC;AAEX,iGAAiG;AACjG,eAAO,MAAM,aAAa;;;;;;;;;;;CAWhB,CAAC;AAEX,gDAAgD;AAChD,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAe,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIhG;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AAiIX;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;CAIb,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EhB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,oBAsBjC,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY;IACvB,qFAAqF;;IAErF,4EAA4E;;IAE5E,0EAA0E;;IAE1E,+EAA+E;;IAE/E,+CAA+C;;IAE/C,gCAAgC;;CAExB,CAAC;AAEX;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kCAAkC,CAChD,WAAW,GAAE,OAAO,GAAG,MAAM,GAAG,MAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOjD;AAED,qDAAqD;AACrD,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,WAAW;;CAEd,CAAC;AAEX,iGAAiG;AACjG,eAAO,MAAM,aAAa;;;;;;;;;;;CAWhB,CAAC;AAEX,gDAAgD;AAChD,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC"}

package/dist/theme/zIndex.d.ts

@@ -1,6 +1,2 @@
-/**
- * Mantine overlays in hybrid apps must sit above the legacy MUI shell
- * (appBar 1100, persistent drawer 1200).
- */
 export declare const overlayZIndexAboveLegacyShell = 1300;
 //# sourceMappingURL=zIndex.d.ts.map

package/dist/theme/zIndex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/theme/zIndex.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,6BAA6B,OAAO,CAAC"}
+{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/theme/zIndex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6BAA6B,OAAO,CAAC"}

package/dist/utils/color.d.ts

@@ -0,0 +1,3 @@
+export declare const getLogoFilter: (themeMode?: string) => "none" | "brightness(0) invert(1)";
+export declare const isLightColor: (hexColor?: string | null) => boolean;
+//# sourceMappingURL=color.d.ts.map

package/dist/utils/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,GAAI,YAAY,MAAM,uCACW,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,WAAW,MAAM,GAAG,IAAI,YAiBpD,CAAC"}

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './address';
 export * from './avatar';
+export * from './color';
 export * from './format';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/vite.cjs

@@ -3,10 +3,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const node_fs = require("node:fs");
 const node_path = require("node:path");
 function fairmintUiLocal(options) {
-  const enabled = process.env.LOCAL_UI === "1";
+  const enabled = options?.enabled ?? process.env.LOCAL_UI === "1";
   const localSource = options?.source ?? node_path.resolve(process.cwd(), "../ui/src/index.ts");
   const localStyles = node_path.resolve(localSource, "../styles.css");
+  const consumerNodeModules = node_path.resolve(process.cwd(), "node_modules");
+  const localNodeModules = node_path.resolve(localSource, "../../node_modules");
   const found = enabled && node_fs.existsSync(localSource);
+  const resolveDependency = (packageName) => {
+    const consumerPath = node_path.resolve(consumerNodeModules, packageName);
+    return node_fs.existsSync(consumerPath) ? consumerPath : node_path.resolve(localNodeModules, packageName);
+  };
   if (enabled && !node_fs.existsSync(localSource)) {
     console.warn("[@fairmint/ui] LOCAL_UI=1 but source not found at:", localSource);
   }
@@ -20,17 +26,26 @@ function fairmintUiLocal(options) {
       return {
         resolve: {
           alias: {
+            "@mantine/core": resolveDependency("@mantine/core"),
+            "@mantine/dates": resolveDependency("@mantine/dates"),
+            "@mantine/form": resolveDependency("@mantine/form"),
+            "@mantine/hooks": resolveDependency("@mantine/hooks"),
+            "@mantine/notifications": resolveDependency("@mantine/notifications"),
             "@fairmint/ui/styles.css": localStyles,
-            "@fairmint/ui": localSource
+            "@fairmint/ui": localSource,
+            react: resolveDependency("react"),
+            "react-dom": resolveDependency("react-dom"),
+            zod: resolveDependency("zod")
           },
           dedupe: [
             "@mantine/core",
+            "@mantine/form",
             "@mantine/hooks",
             "@mantine/dates",
-            "@mantine/form",
             "@mantine/notifications",
             "react",
-            "react-dom"
+            "react-dom",
+            "zod"
           ]
         }
       };