@fairmint/ui 0.2.33 → 0.2.34

package/dist/styles.css

@@ -9129,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"
           ]
         }
       };

package/dist/vite.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"vite.cjs","sources":["../src/vite.ts"],"sourcesContent":["import { existsSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\nimport type { Plugin } from \"vite\";\n\ninterface FairmintUiLocalOptions {\n  /** Path to the ui repo's src/index.ts. Auto-detected from ../ui/src/index.ts if not set. */\n  source?: string;\n}\n\n/**\n * Vite plugin for local @fairmint/ui development.\n *\n * Resolves @fairmint/ui to local source for instant HMR without building.\n * Disabled by default — opt in with LOCAL_UI=1 so consumers never silently\n * build against an unpublished sibling checkout.\n *\n * Usage in consumer vite.config.ts:\n *   import { fairmintUiLocal } from '@fairmint/ui/vite';\n *   plugins: [fairmintUiLocal(), react()]\n *\n * Then run: LOCAL_UI=1 bun run dev\n */\nexport function fairmintUiLocal(options?: FairmintUiLocalOptions): Plugin {\n  const enabled = process.env.LOCAL_UI === \"1\";\n  const localSource = options?.source ?? resolve(process.cwd(), \"../ui/src/index.ts\");\n  const localStyles = resolve(localSource, \"../styles.css\");\n  const found = enabled && existsSync(localSource);\n\n  if (enabled && !existsSync(localSource)) {\n    console.warn(\"[@fairmint/ui] LOCAL_UI=1 but source not found at:\", localSource);\n  }\n\n  if (found) {\n    console.log(\"[@fairmint/ui] Using local source:\", localSource);\n  }\n\n  return {\n    name: \"fairmint-ui-local\",\n    config() {\n      if (!found) return {};\n\n      return {\n        resolve: {\n          alias: {\n            \"@fairmint/ui/styles.css\": localStyles,\n            \"@fairmint/ui\": localSource,\n          },\n          dedupe: [\n            \"@mantine/core\",\n            \"@mantine/hooks\",\n            \"@mantine/dates\",\n            \"@mantine/form\",\n            \"@mantine/notifications\",\n            \"react\",\n            \"react-dom\",\n          ],\n        },\n      };\n    },\n  };\n}\n"],"names":["resolve","existsSync"],"mappings":";;;;AAsBO,SAAS,gBAAgB,SAA0C;AACxE,QAAM,UAAU,QAAQ,IAAI,aAAa;AACzC,QAAM,cAAc,SAAS,UAAUA,UAAAA,QAAQ,QAAQ,IAAA,GAAO,oBAAoB;AAClF,QAAM,cAAcA,UAAAA,QAAQ,aAAa,eAAe;AACxD,QAAM,QAAQ,WAAWC,QAAAA,WAAW,WAAW;AAE/C,MAAI,WAAW,CAACA,mBAAW,WAAW,GAAG;AACvC,YAAQ,KAAK,sDAAsD,WAAW;AAAA,EAChF;AAEA,MAAI,OAAO;AACT,YAAQ,IAAI,sCAAsC,WAAW;AAAA,EAC/D;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AACP,UAAI,CAAC,MAAO,QAAO,CAAA;AAEnB,aAAO;AAAA,QACL,SAAS;AAAA,UACP,OAAO;AAAA,YACL,2BAA2B;AAAA,YAC3B,gBAAgB;AAAA,UAAA;AAAA,UAElB,QAAQ;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,IAEJ;AAAA,EAAA;AAEJ;;"}
+{"version":3,"file":"vite.cjs","sources":["../src/vite.ts"],"sourcesContent":["import { existsSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\nimport type { Plugin } from \"vite\";\n\ninterface FairmintUiLocalOptions {\n  source?: string;\n  enabled?: boolean;\n}\n\nexport function fairmintUiLocal(options?: FairmintUiLocalOptions): Plugin {\n  const enabled = options?.enabled ?? process.env.LOCAL_UI === \"1\";\n\n  const localSource = options?.source ?? resolve(process.cwd(), \"../ui/src/index.ts\");\n  const localStyles = resolve(localSource, \"../styles.css\");\n  const consumerNodeModules = resolve(process.cwd(), \"node_modules\");\n  const localNodeModules = resolve(localSource, \"../../node_modules\");\n  const found = enabled && existsSync(localSource);\n  const resolveDependency = (packageName: string) => {\n    const consumerPath = resolve(consumerNodeModules, packageName);\n    return existsSync(consumerPath) ? consumerPath : resolve(localNodeModules, packageName);\n  };\n\n  if (enabled && !existsSync(localSource)) {\n    console.warn(\"[@fairmint/ui] LOCAL_UI=1 but source not found at:\", localSource);\n  }\n\n  if (found) {\n    console.log(\"[@fairmint/ui] Using local source:\", localSource);\n  }\n\n  return {\n    name: \"fairmint-ui-local\",\n    config() {\n      if (!found) return {};\n\n      return {\n        resolve: {\n          alias: {\n            \"@mantine/core\": resolveDependency(\"@mantine/core\"),\n            \"@mantine/dates\": resolveDependency(\"@mantine/dates\"),\n            \"@mantine/form\": resolveDependency(\"@mantine/form\"),\n            \"@mantine/hooks\": resolveDependency(\"@mantine/hooks\"),\n            \"@mantine/notifications\": resolveDependency(\"@mantine/notifications\"),\n            \"@fairmint/ui/styles.css\": localStyles,\n            \"@fairmint/ui\": localSource,\n            react: resolveDependency(\"react\"),\n            \"react-dom\": resolveDependency(\"react-dom\"),\n            zod: resolveDependency(\"zod\"),\n          },\n          dedupe: [\n            \"@mantine/core\",\n            \"@mantine/form\",\n            \"@mantine/hooks\",\n            \"@mantine/dates\",\n            \"@mantine/notifications\",\n            \"react\",\n            \"react-dom\",\n            \"zod\",\n          ],\n        },\n      };\n    },\n  };\n}\n"],"names":["resolve","existsSync"],"mappings":";;;;AASO,SAAS,gBAAgB,SAA0C;AACxE,QAAM,UAAU,SAAS,WAAW,QAAQ,IAAI,aAAa;AAE7D,QAAM,cAAc,SAAS,UAAUA,UAAAA,QAAQ,QAAQ,IAAA,GAAO,oBAAoB;AAClF,QAAM,cAAcA,UAAAA,QAAQ,aAAa,eAAe;AACxD,QAAM,sBAAsBA,UAAAA,QAAQ,QAAQ,IAAA,GAAO,cAAc;AACjE,QAAM,mBAAmBA,UAAAA,QAAQ,aAAa,oBAAoB;AAClE,QAAM,QAAQ,WAAWC,QAAAA,WAAW,WAAW;AAC/C,QAAM,oBAAoB,CAAC,gBAAwB;AACjD,UAAM,eAAeD,UAAAA,QAAQ,qBAAqB,WAAW;AAC7D,WAAOC,QAAAA,WAAW,YAAY,IAAI,eAAeD,UAAAA,QAAQ,kBAAkB,WAAW;AAAA,EACxF;AAEA,MAAI,WAAW,CAACC,mBAAW,WAAW,GAAG;AACvC,YAAQ,KAAK,sDAAsD,WAAW;AAAA,EAChF;AAEA,MAAI,OAAO;AACT,YAAQ,IAAI,sCAAsC,WAAW;AAAA,EAC/D;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AACP,UAAI,CAAC,MAAO,QAAO,CAAA;AAEnB,aAAO;AAAA,QACL,SAAS;AAAA,UACP,OAAO;AAAA,YACL,iBAAiB,kBAAkB,eAAe;AAAA,YAClD,kBAAkB,kBAAkB,gBAAgB;AAAA,YACpD,iBAAiB,kBAAkB,eAAe;AAAA,YAClD,kBAAkB,kBAAkB,gBAAgB;AAAA,YACpD,0BAA0B,kBAAkB,wBAAwB;AAAA,YACpE,2BAA2B;AAAA,YAC3B,gBAAgB;AAAA,YAChB,OAAO,kBAAkB,OAAO;AAAA,YAChC,aAAa,kBAAkB,WAAW;AAAA,YAC1C,KAAK,kBAAkB,KAAK;AAAA,UAAA;AAAA,UAE9B,QAAQ;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,IAEJ;AAAA,EAAA;AAEJ;;"}