react-native-mantine 0.14.0 → 0.16.0

package/lib/module/theme/functions/fns/dimmed.js.map

@@ -1 +1 @@
-{"version":3,"names":["dimmed","theme","colorScheme","currentMode","colors","dark","gray"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/dimmed.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,MAAMA,CAACC,KAAmB,EAAE;EAC1C,OAAO,MAAM;IACX,MAAMC,WAAW,GAAGD,KAAK,CAACE,WAAW,IAAI,OAAO;IAChD,OAAOD,WAAW,KAAK,MAAM,GACzBD,KAAK,CAACG,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS,GACnCJ,KAAK,CAACG,MAAM,CAACE,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS;EACzC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["dimmed","theme","colorScheme","currentMode","colors","dark","gray"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/dimmed.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,MAAMA,CAACC,KAAuB,EAAE;EAC9C,OAAO,MAAM;IACX,MAAMC,WAAW,GAAGD,KAAK,CAACE,WAAW,IAAI,OAAO;IAChD,OAAOD,WAAW,KAAK,MAAM,GACzBD,KAAK,CAACG,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS,GACnCJ,KAAK,CAACG,MAAM,CAACE,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS;EACzC,CAAC;AACH","ignoreList":[]}

package/lib/module/theme/functions/fns/gradient/gradient.js.map

@@ -1 +1 @@
-{"version":3,"names":["themeColor","getPrimaryShade","degToCoordinates","deg","angle","radians","Math","PI","endX","cos","endY","sin","start","x","y","end","gradient","theme","payload","merged","from","defaultGradient","primaryColor","to","primaryShade","fromColor","color","shade","toColor","colors","linearGradientString","join"],"sourceRoot":"../../../../../../src","sources":["theme/functions/fns/gradient/gradient.ts"],"mappings":";;AAEA,SAASA,UAAU,QAAQ,+BAA4B;AACvD,SAASC,eAAe,QAAQ,qBAAkB;;AAElD;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAACC,GAAW,EAAsE;EACzG,MAAMC,KAAK,GAAG,CAAED,GAAG,GAAG,GAAG,GAAI,GAAG,IAAI,GAAG,CAAC,CAAC;EACzC,MAAME,OAAO,GAAID,KAAK,GAAGE,IAAI,CAACC,EAAE,GAAI,GAAG;;EAEvC;EACA,MAAMC,IAAI,GAAGF,IAAI,CAACG,GAAG,CAACJ,OAAO,GAAGC,IAAI,CAACC,EAAE,GAAG,CAAC,CAAC;EAC5C,MAAMG,IAAI,GAAGJ,IAAI,CAACK,GAAG,CAACN,OAAO,GAAGC,IAAI,CAACC,EAAE,GAAG,CAAC,CAAC;;EAE5C;EACA,MAAMK,KAAK,GAAG;IACZC,CAAC,EAAE,CAAC,CAAC,GAAGL,IAAI,IAAI,CAAC;IACjBM,CAAC,EAAE,CAAC,CAAC,GAAGJ,IAAI,IAAI;EAClB,CAAC;EACD,MAAMK,GAAG,GAAG;IACVF,CAAC,EAAE,CAAC,CAAC,GAAGL,IAAI,IAAI,CAAC;IACjBM,CAAC,EAAE,CAAC,CAAC,GAAGJ,IAAI,IAAI;EAClB,CAAC;EAED,OAAO;IAAEE,KAAK;IAAEG;EAAI,CAAC;AACvB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAACC,KAAmB,EAAE;EAC5C,OAAQC,OAAyB,IAAqB;IACpD,MAAMC,MAAM,GAAG;MACbC,IAAI,EAAEF,OAAO,EAAEE,IAAI,IAAIH,KAAK,CAACI,eAAe,EAAED,IAAI,IAAIH,KAAK,CAACK,YAAY;MACxEC,EAAE,EAAEL,OAAO,EAAEK,EAAE,IAAIN,KAAK,CAACI,eAAe,EAAEE,EAAE,IAAIN,KAAK,CAACK,YAAY;MAClEnB,GAAG,EAAEe,OAAO,EAAEf,GAAG,IAAIc,KAAK,CAACI,eAAe,EAAElB,GAAG,IAAI;IACrD,CAAC;IAED,MAAMqB,YAAY,GAAGvB,eAAe,CAACgB,KAAK,CAAC;IAC3C,MAAMQ,SAAS,GAAGzB,UAAU,CAAC;MAAEiB,KAAK;MAAES,KAAK,EAAEP,MAAM,CAACC,IAAI;MAAEO,KAAK,EAAEH;IAAa,CAAC,CAAC;IAChF,MAAMI,OAAO,GAAG5B,UAAU,CAAC;MAAEiB,KAAK;MAAES,KAAK,EAAEP,MAAM,CAACI,EAAE;MAAEI,KAAK,EAAEH;IAAa,CAAC,CAAC;IAE5E,MAAM;MAAEZ,KAAK;MAAEG;IAAI,CAAC,GAAGb,gBAAgB,CAACiB,MAAM,CAAChB,GAAG,CAAC;IAEnD,OAAO;MACL0B,MAAM,EAAE,CAACJ,SAAS,EAAEG,OAAO,CAAC;MAC5BhB,KAAK;MACLG;IACF,CAAC;EACH,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASe,oBAAoBA,CAAC3B,GAAW,EAAE,GAAG0B,MAAgB,EAAE;EACrE,OAAO,mBAAmB1B,GAAG,QAAQ0B,MAAM,CAACE,IAAI,CAAC,IAAI,CAAC,GAAG;AAC3D","ignoreList":[]}
+{"version":3,"names":["themeColor","getPrimaryShade","degToCoordinates","deg","angle","radians","Math","PI","endX","cos","endY","sin","start","x","y","end","gradient","theme","payload","merged","from","defaultGradient","primaryColor","to","primaryShade","fromColor","color","shade","toColor","colors","linearGradientString","join"],"sourceRoot":"../../../../../../src","sources":["theme/functions/fns/gradient/gradient.ts"],"mappings":";;AACA,SAASA,UAAU,QAAQ,+BAA4B;AACvD,SAASC,eAAe,QAAQ,qBAAkB;;AAElD;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAACC,GAAW,EAAsE;EACzG,MAAMC,KAAK,GAAG,CAAED,GAAG,GAAG,GAAG,GAAI,GAAG,IAAI,GAAG,CAAC,CAAC;EACzC,MAAME,OAAO,GAAID,KAAK,GAAGE,IAAI,CAACC,EAAE,GAAI,GAAG;;EAEvC;EACA,MAAMC,IAAI,GAAGF,IAAI,CAACG,GAAG,CAACJ,OAAO,GAAGC,IAAI,CAACC,EAAE,GAAG,CAAC,CAAC;EAC5C,MAAMG,IAAI,GAAGJ,IAAI,CAACK,GAAG,CAACN,OAAO,GAAGC,IAAI,CAACC,EAAE,GAAG,CAAC,CAAC;;EAE5C;EACA,MAAMK,KAAK,GAAG;IACZC,CAAC,EAAE,CAAC,CAAC,GAAGL,IAAI,IAAI,CAAC;IACjBM,CAAC,EAAE,CAAC,CAAC,GAAGJ,IAAI,IAAI;EAClB,CAAC;EACD,MAAMK,GAAG,GAAG;IACVF,CAAC,EAAE,CAAC,CAAC,GAAGL,IAAI,IAAI,CAAC;IACjBM,CAAC,EAAE,CAAC,CAAC,GAAGJ,IAAI,IAAI;EAClB,CAAC;EAED,OAAO;IAAEE,KAAK;IAAEG;EAAI,CAAC;AACvB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAACC,KAAuB,EAAE;EAChD,OAAQC,OAAyB,IAAqB;IACpD,MAAMC,MAAM,GAAG;MACbC,IAAI,EAAEF,OAAO,EAAEE,IAAI,IAAIH,KAAK,CAACI,eAAe,EAAED,IAAI,IAAIH,KAAK,CAACK,YAAY;MACxEC,EAAE,EAAEL,OAAO,EAAEK,EAAE,IAAIN,KAAK,CAACI,eAAe,EAAEE,EAAE,IAAIN,KAAK,CAACK,YAAY;MAClEnB,GAAG,EAAEe,OAAO,EAAEf,GAAG,IAAIc,KAAK,CAACI,eAAe,EAAElB,GAAG,IAAI;IACrD,CAAC;IAED,MAAMqB,YAAY,GAAGvB,eAAe,CAACgB,KAAK,CAAC;IAC3C,MAAMQ,SAAS,GAAGzB,UAAU,CAAC;MAAEiB,KAAK;MAAES,KAAK,EAAEP,MAAM,CAACC,IAAI;MAAEO,KAAK,EAAEH;IAAa,CAAC,CAAC;IAChF,MAAMI,OAAO,GAAG5B,UAAU,CAAC;MAAEiB,KAAK;MAAES,KAAK,EAAEP,MAAM,CAACI,EAAE;MAAEI,KAAK,EAAEH;IAAa,CAAC,CAAC;IAE5E,MAAM;MAAEZ,KAAK;MAAEG;IAAI,CAAC,GAAGb,gBAAgB,CAACiB,MAAM,CAAChB,GAAG,CAAC;IAEnD,OAAO;MACL0B,MAAM,EAAE,CAACJ,SAAS,EAAEG,OAAO,CAAC;MAC5BhB,KAAK;MACLG;IACF,CAAC;EACH,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASe,oBAAoBA,CAAC3B,GAAW,EAAE,GAAG0B,MAAgB,EAAE;EACrE,OAAO,mBAAmB1B,GAAG,QAAQ0B,MAAM,CAACE,IAAI,CAAC,IAAI,CAAC,GAAG;AAC3D","ignoreList":[]}

package/lib/module/theme/functions/fns/helpers.js

@@ -1,7 +1,14 @@
 "use strict";
 
+import { getSize } from "../../get-size/index.js";
+
+/**
+ * Returns base font styles from theme
+ * Includes fontFamily and lineHeight
+ */
 export const fontStyles = theme => () => ({
-  fontFamily: theme.fontFamily
+  fontFamily: theme.fontFamily,
+  lineHeight: theme.lineHeight
 });
 
 /**
@@ -9,7 +16,46 @@ export const fontStyles = theme => () => ({
  */
 export const inputFontStyles = theme => () => {
   return {
-    fontFamily: theme.fontFamily
+    fontFamily: theme.fontFamilyInput,
+    fontSize: theme.fontSizes.md,
+    lineHeight: theme.lineHeights.md
+  };
+};
+
+/**
+ * Get font size from theme
+ * @param size - Size key or number
+ */
+export const fontSize = theme => size => {
+  return getSize({
+    size,
+    sizes: theme.fontSizes
+  });
+};
+
+/**
+ * Get line height from theme
+ * @param size - Size key or number (unitless multiplier)
+ */
+export const lineHeight = theme => size => {
+  return getSize({
+    size,
+    sizes: theme.lineHeights
+  });
+};
+
+/**
+ * Get heading styles by order
+ * @param order - Heading level (1-6)
+ */
+export const headingStyles = theme => order => {
+  const headingKey = `h${order}`;
+  const heading = theme.headings.sizes[headingKey];
+  return {
+    fontSize: heading.fontSize,
+    lineHeight: heading.lineHeight * heading.fontSize,
+    fontWeight: heading.fontWeight ?? theme.headings.fontWeight ?? theme.fontWeights.bold,
+    fontFamily: heading.fontFamily ?? theme.headings.fontFamily ?? theme.fontFamilyBold
   };
 };
 export const focusStyles = _theme => () => ({

package/lib/module/theme/functions/fns/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["fontStyles","theme","fontFamily","inputFontStyles","focusStyles","_theme","placeholderStyles","opacity","cover","offset","position","top","right","bottom","left","hover","styles","activeStyles","transform","scale"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/helpers.ts"],"mappings":";;AAEA,OAAO,MAAMA,UAAU,GAAIC,KAAmB,IAAK,OAAO;EACxDC,UAAU,EAAED,KAAK,CAACC;AACpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIF,KAAmB,IAAK,MAAM;EAC5D,OAAO;IACLC,UAAU,EAAED,KAAK,CAACC;EACpB,CAAC;AACH,CAAC;AAED,OAAO,MAAME,WAAW,GAAIC,MAAoB,IAAK,OAAO;EAC1D;EACA;EACA;AAAA,CACD,CAAC;AAEF,OAAO,MAAMC,iBAAiB,GAAID,MAAoB,IAAK,OAAO;EAChE;EACAE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,KAAK,GACfH,MAAoB,IACrB,CAACI,MAAc,GAAG,CAAC,MAAM;EACvBC,QAAQ,EAAE,UAAmB;EAC7BC,GAAG,EAAEF,MAAM;EACXG,KAAK,EAAEH,MAAM;EACbI,MAAM,EAAEJ,MAAM;EACdK,IAAI,EAAEL;AACR,CAAC,CAAC;AAEJ,OAAO,MAAMM,KAAK,GAAIV,MAAoB,IAAMW,MAAW,KAAM;EAC/D;EACA;EACA,GAAGA;AACL,CAAC,CAAC;AAEF,OAAO,MAAMC,YAAY,GAAIZ,MAAoB,KAAM;EACrD;EACAE,OAAO,EAAE,GAAG;EACZW,SAAS,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAK,CAAC;AAC7B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["getSize","fontStyles","theme","fontFamily","lineHeight","inputFontStyles","fontFamilyInput","fontSize","fontSizes","md","lineHeights","size","sizes","headingStyles","order","headingKey","heading","headings","fontWeight","fontWeights","bold","fontFamilyBold","focusStyles","_theme","placeholderStyles","opacity","cover","offset","position","top","right","bottom","left","hover","styles","activeStyles","transform","scale"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/helpers.ts"],"mappings":";;AAEA,SAASA,OAAO,QAAQ,yBAAgB;;AAExC;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAuB,IAAK,OAAO;EAC5DC,UAAU,EAAED,KAAK,CAACC,UAAU;EAC5BC,UAAU,EAAEF,KAAK,CAACE;AACpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIH,KAAuB,IAAK,MAAM;EAChE,OAAO;IACLC,UAAU,EAAED,KAAK,CAACI,eAAe;IACjCC,QAAQ,EAAEL,KAAK,CAACM,SAAS,CAACC,EAAE;IAC5BL,UAAU,EAAEF,KAAK,CAACQ,WAAW,CAACD;EAChC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMF,QAAQ,GAAIL,KAAuB,IAAMS,IAAuB,IAAK;EAChF,OAAOX,OAAO,CAAC;IAAEW,IAAI;IAAEC,KAAK,EAAEV,KAAK,CAACM;EAAU,CAAC,CAAC;AAClD,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMJ,UAAU,GAAIF,KAAuB,IAAMS,IAAuB,IAAK;EAClF,OAAOX,OAAO,CAAC;IAAEW,IAAI;IAAEC,KAAK,EAAEV,KAAK,CAACQ;EAAY,CAAC,CAAC;AACpD,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMG,aAAa,GAAIX,KAAuB,IAAMY,KAA4B,IAAK;EAC1F,MAAMC,UAAU,GAAG,IAAID,KAAK,EAA6C;EACzE,MAAME,OAAO,GAAGd,KAAK,CAACe,QAAQ,CAACL,KAAK,CAACG,UAAU,CAAC;EAEhD,OAAO;IACLR,QAAQ,EAAES,OAAO,CAACT,QAAQ;IAC1BH,UAAU,EAAEY,OAAO,CAACZ,UAAU,GAAGY,OAAO,CAACT,QAAQ;IACjDW,UAAU,EAAGF,OAAO,CAACE,UAAU,IAAIhB,KAAK,CAACe,QAAQ,CAACC,UAAU,IAAIhB,KAAK,CAACiB,WAAW,CAACC,IAAgC;IAClHjB,UAAU,EAAEa,OAAO,CAACb,UAAU,IAAID,KAAK,CAACe,QAAQ,CAACd,UAAU,IAAID,KAAK,CAACmB;EACvE,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,WAAW,GAAIC,MAAwB,IAAK,OAAO;EAC9D;EACA;EACA;AAAA,CACD,CAAC;AAEF,OAAO,MAAMC,iBAAiB,GAAID,MAAwB,IAAK,OAAO;EACpE;EACAE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,KAAK,GACfH,MAAwB,IACzB,CAACI,MAAc,GAAG,CAAC,MAAM;EACvBC,QAAQ,EAAE,UAAmB;EAC7BC,GAAG,EAAEF,MAAM;EACXG,KAAK,EAAEH,MAAM;EACbI,MAAM,EAAEJ,MAAM;EACdK,IAAI,EAAEL;AACR,CAAC,CAAC;AAEJ,OAAO,MAAMM,KAAK,GAAIV,MAAwB,IAAMW,MAAW,KAAM;EACnE;EACA;EACA,GAAGA;AACL,CAAC,CAAC;AAEF,OAAO,MAAMC,YAAY,GAAIZ,MAAwB,KAAM;EACzD;EACAE,OAAO,EAAE,GAAG;EACZW,SAAS,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAK,CAAC;AAC7B,CAAC,CAAC","ignoreList":[]}

package/lib/module/theme/functions/fns/index.js

@@ -1,11 +1,16 @@
 "use strict";
 
+/**
+ * Theme helper functions
+ * Exports all utility functions for theme manipulation
+ */
+
 import { radius } from "./radius.js";
 import { rgba } from "./rgba.js";
 import { size } from "./size.js";
 import { themeColor } from "./theme-color/theme-color.js";
 import { variant } from "./variant.js";
-import { getPrimaryShade } from "./primary-shade.js";
+import { getPrimaryShade, getPrimaryColor } from "./primary-shade.js";
 import { shadow } from "./shadow.js";
 import { gradient } from "./gradient/gradient.js";
 import { lighten } from "./lighten.js";
@@ -13,20 +18,43 @@ import { darken } from "./darken.js";
 import { dimmed } from "./dimmed.js";
 import { largerThan, smallerThan } from "./breakpoints.js";
 import * as helpers from "./helpers.js";
+import { createColorSchemeValueFunction, createColorSchemeConstantsFunction } from "./color-scheme-value.js";
+
+/**
+ * Collection of all theme helper functions
+ * Used by attach-functions to create theme.fn object
+ */
 export const fns = {
-  radius,
-  rgba,
-  size,
-  variant,
+  // Color functions
   themeColor,
   getPrimaryShade,
-  shadow,
-  gradient,
+  getPrimaryColor,
+  // Variant function
+  variant,
+  // Color manipulation
+  rgba,
   lighten,
   darken,
   dimmed,
+  // Size and spacing
+  radius,
+  size,
+  // Visual effects
+  shadow,
+  gradient,
+  // Responsive
   largerThan,
   smallerThan,
+  // Color scheme helpers
+  colorSchemeValue: createColorSchemeValueFunction,
+  colorSchemeConstants: createColorSchemeConstantsFunction,
+  // Helper functions from helpers module
   ...helpers
 };
+
+// Re-export individual functions for direct imports
+export { radius, rgba, size, themeColor, variant, getPrimaryShade, getPrimaryColor, shadow, gradient, lighten, darken, dimmed, largerThan, smallerThan };
+
+// Re-export color scheme helpers
+export { colorSchemeValue, resolveColorSchemeValue, resolveColorSchemeConstants, isColorSchemeValue, createColorSchemeValueFunction, createColorSchemeConstantsFunction } from "./color-scheme-value.js";
 //# sourceMappingURL=index.js.map

package/lib/module/theme/functions/fns/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["radius","rgba","size","themeColor","variant","getPrimaryShade","shadow","gradient","lighten","darken","dimmed","largerThan","smallerThan","helpers","fns"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,eAAe,QAAQ,oBAAiB;AACjD,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,UAAU,EAAEC,WAAW,QAAQ,kBAAe;AACvD,OAAO,KAAKC,OAAO,MAAM,cAAW;AAEpC,OAAO,MAAMC,GAAG,GAAG;EACjBd,MAAM;EACNC,IAAI;EACJC,IAAI;EACJE,OAAO;EACPD,UAAU;EACVE,eAAe;EACfC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,MAAM;EACNC,UAAU;EACVC,WAAW;EACX,GAAGC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["radius","rgba","size","themeColor","variant","getPrimaryShade","getPrimaryColor","shadow","gradient","lighten","darken","dimmed","largerThan","smallerThan","helpers","createColorSchemeValueFunction","createColorSchemeConstantsFunction","fns","colorSchemeValue","colorSchemeConstants","resolveColorSchemeValue","resolveColorSchemeConstants","isColorSchemeValue"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,eAAe,EAAEC,eAAe,QAAQ,oBAAiB;AAClE,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,UAAU,EAAEC,WAAW,QAAQ,kBAAe;AACvD,OAAO,KAAKC,OAAO,MAAM,cAAW;AACpC,SACEC,8BAA8B,EAC9BC,kCAAkC,QAC7B,yBAAsB;;AAE7B;AACA;AACA;AACA;AACA,OAAO,MAAMC,GAAG,GAAG;EACjB;EACAd,UAAU;EACVE,eAAe;EACfC,eAAe;EAEf;EACAF,OAAO;EAEP;EACAH,IAAI;EACJQ,OAAO;EACPC,MAAM;EACNC,MAAM;EAEN;EACAX,MAAM;EACNE,IAAI;EAEJ;EACAK,MAAM;EACNC,QAAQ;EAER;EACAI,UAAU;EACVC,WAAW;EAEX;EACAK,gBAAgB,EAAEH,8BAA8B;EAChDI,oBAAoB,EAAEH,kCAAkC;EAExD;EACA,GAAGF;AACL,CAAC;;AAED;AACA,SACEd,MAAM,EACNC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,OAAO,EACPC,eAAe,EACfC,eAAe,EACfC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,UAAU,EACVC,WAAW;;AAGb;AACA,SACEK,gBAAgB,EAChBE,uBAAuB,EACvBC,2BAA2B,EAC3BC,kBAAkB,EAClBP,8BAA8B,EAC9BC,kCAAkC,QAC7B,yBAAsB","ignoreList":[]}

package/lib/module/theme/functions/fns/primary-shade.js

@@ -1,14 +1,90 @@
 "use strict";
 
 /**
+ * Primary shade helper function
  * Returns the appropriate primary shade based on the current color scheme
- * Matches Mantine web implementation
+ * Aligned with Mantine web's primaryShade implementation
+ */
+
+/**
+ * Get the primary shade for the current color scheme
+ *
+ * If theme.primaryShade is a number, returns that number.
+ * If theme.primaryShade is an object with light/dark values, returns the
+ * appropriate value based on the color scheme.
+ *
+ * @param theme - Mantine theme object
+ * @param colorScheme - Optional color scheme override (light or dark)
+ * @returns Shade value (0-9)
+ *
+ * @example
+ * // With theme.primaryShade = { light: 6, dark: 8 }
+ * // and theme.colorScheme = 'light'
+ * getPrimaryShade(theme) // returns 6
+ *
+ * @example
+ * // With explicit colorScheme override
+ * getPrimaryShade(theme, 'dark') // returns 8
+ *
+ * @example
+ * // With theme.primaryShade = 7 (single number)
+ * getPrimaryShade(theme) // returns 7
  */
 export function getPrimaryShade(theme, colorScheme) {
+  // If primaryShade is a single number, return it directly
   if (typeof theme.primaryShade === 'number') {
     return theme.primaryShade;
   }
-  const scheme = colorScheme || theme.currentMode || 'light';
+
+  // Determine which color scheme to use
+  // Priority: 1. parameter override, 2. theme.colorScheme, 3. default to 'light'
+  const scheme = colorScheme || theme.colorScheme || 'light';
+
+  // Return the appropriate shade for the color scheme
   return theme.primaryShade[scheme];
 }
+
+/**
+ * Curried version of getPrimaryShade for use with theme.fn
+ * Matches Mantine web's theme.fn.primaryShade signature
+ *
+ * @internal
+ */
+export function createPrimaryShadeFunction(theme) {
+  return colorScheme => {
+    return getPrimaryShade(theme, colorScheme);
+  };
+}
+
+/**
+ * Get the primary color at the primary shade
+ *
+ * @param theme - Mantine theme object
+ * @param colorScheme - Optional color scheme override
+ * @returns Color string value
+ *
+ * @example
+ * // Get primary color at primary shade
+ * getPrimaryColor(theme) // returns '#228be6' (blue[6])
+ */
+export function getPrimaryColor(theme, colorScheme) {
+  const shade = getPrimaryShade(theme, colorScheme);
+  const primaryPalette = theme.colors[theme.primaryColor];
+  if (!primaryPalette) {
+    console.warn(`Primary color "${theme.primaryColor}" not found in theme.colors. Falling back to 'blue'.`);
+    return theme.colors.blue?.[shade] || '#228be6';
+  }
+  return primaryPalette[shade] || primaryPalette[0] || '#228be6';
+}
+
+/**
+ * Curried version of getPrimaryColor for use with theme.fn
+ *
+ * @internal
+ */
+export function createPrimaryColorFunction(theme) {
+  return colorScheme => {
+    return getPrimaryColor(theme, colorScheme);
+  };
+}
 //# sourceMappingURL=primary-shade.js.map

package/lib/module/theme/functions/fns/primary-shade.js.map

@@ -1 +1 @@
-{"version":3,"names":["getPrimaryShade","theme","colorScheme","primaryShade","scheme","currentMode"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/primary-shade.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASA,eAAeA,CAC7BC,KAAmB,EACnBC,WAA8B,EACtB;EACR,IAAI,OAAOD,KAAK,CAACE,YAAY,KAAK,QAAQ,EAAE;IAC1C,OAAOF,KAAK,CAACE,YAAY;EAC3B;EAEA,MAAMC,MAAM,GAAGF,WAAW,IAAID,KAAK,CAACI,WAAW,IAAI,OAAO;EAC1D,OAAOJ,KAAK,CAACE,YAAY,CAACC,MAAM,CAAC;AACnC","ignoreList":[]}
+{"version":3,"names":["getPrimaryShade","theme","colorScheme","primaryShade","scheme","createPrimaryShadeFunction","getPrimaryColor","shade","primaryPalette","colors","primaryColor","console","warn","blue","createPrimaryColorFunction"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/primary-shade.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,eAAeA,CAACC,KAAuB,EAAEC,WAAyB,EAAS;EACzF;EACA,IAAI,OAAOD,KAAK,CAACE,YAAY,KAAK,QAAQ,EAAE;IAC1C,OAAOF,KAAK,CAACE,YAAY;EAC3B;;EAEA;EACA;EACA,MAAMC,MAAM,GAAGF,WAAW,IAAID,KAAK,CAACC,WAAW,IAAI,OAAO;;EAE1D;EACA,OAAOD,KAAK,CAACE,YAAY,CAACC,MAAM,CAAC;AACnC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CAACJ,KAAuB,EAAE;EAClE,OAAQC,WAAyB,IAAY;IAC3C,OAAOF,eAAe,CAACC,KAAK,EAAEC,WAAW,CAAC;EAC5C,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,eAAeA,CAACL,KAAuB,EAAEC,WAAyB,EAAU;EAC1F,MAAMK,KAAK,GAAGP,eAAe,CAACC,KAAK,EAAEC,WAAW,CAAC;EACjD,MAAMM,cAAc,GAAGP,KAAK,CAACQ,MAAM,CAACR,KAAK,CAACS,YAAY,CAAC;EAEvD,IAAI,CAACF,cAAc,EAAE;IACnBG,OAAO,CAACC,IAAI,CACV,kBAAkBX,KAAK,CAACS,YAAY,sDACtC,CAAC;IACD,OAAOT,KAAK,CAACQ,MAAM,CAACI,IAAI,GAAGN,KAAK,CAAC,IAAI,SAAS;EAChD;EAEA,OAAOC,cAAc,CAACD,KAAK,CAAC,IAAIC,cAAc,CAAC,CAAC,CAAC,IAAI,SAAS;AAChE;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,0BAA0BA,CAACb,KAAuB,EAAE;EAClE,OAAQC,WAAyB,IAAa;IAC5C,OAAOI,eAAe,CAACL,KAAK,EAAEC,WAAW,CAAC;EAC5C,CAAC;AACH","ignoreList":[]}

package/lib/module/theme/functions/fns/shadow.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","SHADOW_CONFIG","xs","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","sm","md","lg","xl","shadow","size","shadowSize","shadowConfig","OS"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/shadow.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAavC;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAkF,GAAG;EACzFC,EAAE,EAAE;IACFC,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDC,EAAE,EAAE;IACFT,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDE,EAAE,EAAE;IACFV,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDG,EAAE,EAAE;IACFX,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDI,EAAE,EAAE;IACFZ,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,MAAMA,CAACC,IAAkC,EAAgB;EACvE,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,CAAC,CAAC;EACX;EAEA,MAAMC,UAAU,GAAGD,IAAqB;EACxC,MAAME,YAAY,GAAGlB,aAAa,CAACiB,UAAU,CAAC;EAE9C,IAAI,CAACC,YAAY,EAAE;IACjB,OAAO,CAAC,CAAC;EACX;EAEA,OAAOnB,QAAQ,CAACoB,EAAE,KAAK,KAAK,GAAGD,YAAY,CAAChB,GAAG,GAAGgB,YAAY,CAACT,OAAO;AACxE","ignoreList":[]}
+{"version":3,"names":["Platform","SHADOW_CONFIG","xs","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","sm","md","lg","xl","shadow","size","shadowSize","shadowConfig","OS"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/shadow.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAavC;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAkF,GAAG;EACzFC,EAAE,EAAE;IACFC,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDC,EAAE,EAAE;IACFT,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDE,EAAE,EAAE;IACFV,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDG,EAAE,EAAE;IACFX,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDI,EAAE,EAAE;IACFZ,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,MAAMA,CAACC,IAAkB,EAAgB;EACvD,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,CAAC,CAAC;EACX;EAEA,MAAMC,UAAU,GAAGD,IAAqB;EACxC,MAAME,YAAY,GAAGlB,aAAa,CAACiB,UAAU,CAAC;EAE9C,IAAI,CAACC,YAAY,EAAE;IACjB,OAAO,CAAC,CAAC;EACX;EAEA,OAAOnB,QAAQ,CAACoB,EAAE,KAAK,KAAK,GAAGD,YAAY,CAAChB,GAAG,GAAGgB,YAAY,CAACT,OAAO;AACxE","ignoreList":[]}

package/lib/module/theme/functions/fns/size.js

@@ -6,8 +6,9 @@ export function size(_theme) {
     size,
     sizes
   }) => {
+    if (!size) return 0;
     return getSize({
-      size,
+      size: size,
       sizes
     });
   };

package/lib/module/theme/functions/fns/size.js.map

@@ -1 +1 @@
-{"version":3,"names":["getSize","size","_theme","sizes"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/size.ts"],"mappings":";;AACA,SAASA,OAAO,QAAQ,yBAAgB;AAExC,OAAO,SAASC,IAAIA,CAACC,MAAW,EAAE;EAChC,OAAO,CAAiC;IACtCD,IAAI;IACJE;EAIF,CAAC,KAAa;IACZ,OAAOH,OAAO,CAAC;MAAEC,IAAI;MAAEE;IAAM,CAAC,CAAC;EACjC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["getSize","size","_theme","sizes"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/size.ts"],"mappings":";;AACA,SAASA,OAAO,QAAQ,yBAAgB;AAExC,OAAO,SAASC,IAAIA,CAACC,MAAW,EAAE;EAChC,OAAO,CAAiC;IACtCD,IAAI;IACJE;EAIF,CAAC,KAAsB;IACrB,IAAI,CAACF,IAAI,EAAE,OAAO,CAAC;IACnB,OAAOD,OAAO,CAAC;MAAEC,IAAI,EAAEA,IAAyB;MAAEE;IAAM,CAAC,CAAC;EAC5D,CAAC;AACH","ignoreList":[]}

package/lib/module/theme/functions/fns/theme-color/color-utils.js

@@ -0,0 +1,189 @@
+"use strict";
+
+/**
+ * Color utility functions for custom color support
+ * Handles detection and manipulation of custom hex/rgb/rgba colors
+ */
+
+/**
+ * Check if a color string is a custom color value (not a palette key)
+ *
+ * Custom colors include:
+ * - Hex colors: #fff, #ffffff
+ * - RGB colors: rgb(255, 255, 255)
+ * - RGBA colors: rgba(255, 255, 255, 0.5)
+ * - HSL colors: hsl(0, 100%, 50%)
+ * - HSLA colors: hsla(0, 100%, 50%, 0.5)
+ * - CSS named colors like 'transparent', 'currentColor'
+ *
+ * @param color - Color string to check
+ * @returns true if color is a custom value, false if it might be a palette key
+ */
+export function isCustomColor(color) {
+  if (!color || typeof color !== 'string') {
+    return false;
+  }
+
+  // Check for hex colors
+  if (color.startsWith('#')) {
+    return true;
+  }
+
+  // Check for rgb/rgba colors
+  if (color.startsWith('rgb')) {
+    return true;
+  }
+
+  // Check for hsl/hsla colors
+  if (color.startsWith('hsl')) {
+    return true;
+  }
+
+  // Check for CSS keywords
+  if (color === 'transparent' || color === 'currentColor') {
+    return true;
+  }
+
+  // Otherwise, assume it's a palette key or CSS named color
+  return false;
+}
+
+/**
+ * Generate a lighter shade of a custom color
+ * Used when shade 0-5 is requested for custom colors
+ *
+ * @param color - Base color (hex or rgb) - treated as shade 6
+ * @param shadeIndex - Shade index (0-5)
+ * @returns Lighter color string
+ */
+export function generateLighterShade(color, shadeIndex) {
+  // For shades 0-5, lighten the color (base is shade 6)
+  // shade 0 = lightest (90% lighter), shade 5 = slightly lighter (15% lighter)
+  const lightenAmount = (6 - shadeIndex) * 0.15; // 0.9 to 0.15
+
+  // Use the lighten algorithm from lighten.ts
+  const rgba = parseColorToRgba(color);
+  if (!rgba) return color;
+  const {
+    r,
+    g,
+    b,
+    a
+  } = rgba;
+  const light = input => Math.round(input + (255 - input) * lightenAmount);
+  return `rgba(${light(r)}, ${light(g)}, ${light(b)}, ${a})`;
+}
+
+/**
+ * Generate a darker shade of a custom color
+ * Used when shade 7-9 is requested for custom colors
+ *
+ * @param color - Base color (hex or rgb) - treated as shade 6
+ * @param shadeIndex - Shade index (7-9)
+ * @returns Darker color string
+ */
+export function generateDarkerShade(color, shadeIndex) {
+  // For shades 7-9, darken the color (base is shade 6)
+  // shade 7 = slightly darker (10% darker), shade 9 = darkest (30% darker)
+  const darkenAmount = (shadeIndex - 6) * 0.1; // 0.1 to 0.3
+
+  // Use the darken algorithm from darken.ts
+  const rgba = parseColorToRgba(color);
+  if (!rgba) return color;
+  const {
+    r,
+    g,
+    b,
+    a
+  } = rgba;
+  const f = 1 - darkenAmount;
+  const dark = input => Math.round(input * f);
+  return `rgba(${dark(r)}, ${dark(g)}, ${dark(b)}, ${a})`;
+}
+
+/**
+ * Get a shade variation of a custom color
+ *
+ * For custom colors, we treat shade 6 as the base color (no modification).
+ * This aligns with the default primaryShade for light mode.
+ * Shades 0-5 are lighter, shades 7-9 are darker.
+ *
+ * @param color - Base color (hex or rgb)
+ * @param shade - Shade index (0-9), where 6 is the base color
+ * @returns Color at the requested shade
+ */
+export function getCustomColorShade(color, shade) {
+  // Shade 6 is treated as the base color (most common primaryShade for light mode)
+  if (shade === 6) {
+    return color;
+  }
+
+  // Lighter shades (0-5)
+  if (shade < 6) {
+    return generateLighterShade(color, shade);
+  }
+
+  // Darker shades (7-9)
+  return generateDarkerShade(color, shade);
+}
+
+/**
+ * Parse color string to RGBA object
+ * Supports hex and rgb/rgba formats
+ */
+
+function parseColorToRgba(color) {
+  // Handle hex colors
+  if (color.startsWith('#')) {
+    return hexToRgba(color);
+  }
+
+  // Handle rgb/rgba colors
+  if (color.startsWith('rgb')) {
+    return rgbStringToRgba(color);
+  }
+  return null;
+}
+function isHexColor(hex) {
+  const HEX_REGEXP = /^#?([0-9A-F]{3}){1,2}$/i;
+  return HEX_REGEXP.test(hex);
+}
+function hexToRgba(color) {
+  if (!isHexColor(color)) {
+    return null;
+  }
+  let hexString = color.replace('#', '');
+
+  // Handle shorthand hex (#fff -> #ffffff)
+  if (hexString.length === 3) {
+    const shorthandHex = hexString.split('');
+    hexString = [shorthandHex[0], shorthandHex[0], shorthandHex[1], shorthandHex[1], shorthandHex[2], shorthandHex[2]].join('');
+  }
+  const parsed = parseInt(hexString, 16);
+  const r = parsed >> 16 & 255;
+  const g = parsed >> 8 & 255;
+  const b = parsed & 255;
+  return {
+    r,
+    g,
+    b,
+    a: 1
+  };
+}
+function rgbStringToRgba(color) {
+  const parts = color.replace(/[^0-9,.]/g, '').split(',').map(Number);
+  if (parts.length < 3) {
+    return null;
+  }
+  const r = parts[0] || 0;
+  const g = parts[1] || 0;
+  const b = parts[2] || 0;
+  const a = parts[3] !== undefined ? parts[3] : 1;
+  return {
+    r,
+    g,
+    b,
+    a
+  };
+}
+//# sourceMappingURL=color-utils.js.map

package/lib/module/theme/functions/fns/theme-color/color-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isCustomColor","color","startsWith","generateLighterShade","shadeIndex","lightenAmount","rgba","parseColorToRgba","r","g","b","a","light","input","Math","round","generateDarkerShade","darkenAmount","f","dark","getCustomColorShade","shade","hexToRgba","rgbStringToRgba","isHexColor","hex","HEX_REGEXP","test","hexString","replace","length","shorthandHex","split","join","parsed","parseInt","parts","map","Number","undefined"],"sourceRoot":"../../../../../../src","sources":["theme/functions/fns/theme-color/color-utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/functions/fns/theme-color/theme-color.js

@@ -1,31 +1,113 @@
 "use strict";
 
+/**
+ * Theme color helper function
+ * Retrieves colors from theme palette with proper shade handling
+ * Aligned with Mantine web's themeColor implementation
+ *
+ * Now supports custom color values (hex, rgb, rgba) that are not in the theme palette.
+ * Custom colors can be shaded on the fly using color manipulation algorithms.
+ */
+
 import { getPrimaryShade } from "../primary-shade.js";
+import { isCustomColor, getCustomColorShade } from "./color-utils.js";
+/**
+ * Get a color value from the theme
+ *
+ * @param theme - Mantine theme object
+ * @param color - Color name or CSS color value (now supports hex/rgb/rgba)
+ * @param shade - Optional shade (0-9). If not provided, uses primaryShade
+ * @param primaryFallback - If true and color not found, falls back to primary color
+ * @returns Color string value
+ *
+ * @example
+ * // Get blue at primary shade (6 for light mode, 8 for dark mode)
+ * themeColor({ theme, color: 'blue' })
+ *
+ * @example
+ * // Get blue at specific shade
+ * themeColor({ theme, color: 'blue', shade: 5 })
+ *
+ * @example
+ * // Pass through CSS color values
+ * themeColor({ theme, color: '#ff0000' }) // returns '#ff0000'
+ *
+ * @example
+ * // Use custom hex color with shade
+ * themeColor({ theme, color: '#FF5733', shade: 7 }) // returns darker version
+ *
+ * @example
+ * // Use custom rgb color with shade
+ * themeColor({ theme, color: 'rgb(255, 87, 51)', shade: 3 }) // returns lighter version
+ *
+ * @example
+ * // Use primary color fallback
+ * themeColor({ theme, color: 'unknown', primaryFallback: true })
+ */
 export function themeColor({
   theme,
   color,
-  shade
+  shade,
+  primaryFallback = false
 }) {
+  // Handle undefined/null color
   if (!color) {
-    return '';
+    return primaryFallback ? themeColor({
+      theme,
+      color: theme.primaryColor,
+      shade
+    }) : '';
   }
 
-  // If it's a hex/rgb color, return as is
-  if (color.startsWith('#') || color.startsWith('rgb') || color.startsWith('hsl')) {
+  // Check if this is a custom color value (hex, rgb, rgba, etc.)
+  if (isCustomColor(color)) {
+    // If shade is specified, generate a shade variation
+    if (shade !== undefined) {
+      return getCustomColorShade(color, shade);
+    }
+    // Otherwise return the color as-is
     return color;
   }
 
-  // Get from theme colors
+  // Get color palette from theme
   const colorPalette = theme.colors[color];
+
+  // If color not in palette
   if (!colorPalette) {
-    // If color not in palette, return as is (might be a color name like 'red', 'blue', etc.)
+    // Try primary fallback if enabled
+    if (primaryFallback && color !== theme.primaryColor) {
+      return themeColor({
+        theme,
+        color: theme.primaryColor,
+        shade
+      });
+    }
+    // Otherwise return the color string as-is (might be a named CSS color)
     return color;
   }
 
-  // Use provided shade or get from theme based on color scheme
+  // Determine which shade to use
   const colorShade = shade !== undefined ? shade : getPrimaryShade(theme);
 
-  // Return the color at the specified shade
-  return colorPalette[colorShade] || colorPalette[0] || color;
+  // Get the color at the specified shade
+  const resolvedColor = colorPalette[colorShade];
+
+  // Return the color or fall back to first shade
+  return resolvedColor || colorPalette[0] || color;
+}
+
+/**
+ * Curried version of themeColor for use with theme.fn
+ * @internal
+ */
+export function createThemeColorFunction(theme) {
+  return (color, shade, primaryFallback) => {
+    return themeColor({
+      theme,
+      color,
+      shade,
+      primaryFallback
+    });
+  };
 }
 //# sourceMappingURL=theme-color.js.map

package/lib/module/theme/functions/fns/theme-color/theme-color.js.map

@@ -1 +1 @@
-{"version":3,"names":["getPrimaryShade","themeColor","theme","color","shade","startsWith","colorPalette","colors","colorShade","undefined"],"sourceRoot":"../../../../../../src","sources":["theme/functions/fns/theme-color/theme-color.ts"],"mappings":";;AAEA,SAASA,eAAe,QAAQ,qBAAkB;AAQlD,OAAO,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAuB,CAAC,EAAU;EAC3E,IAAI,CAACD,KAAK,EAAE;IACV,OAAO,EAAE;EACX;;EAEA;EACA,IACEA,KAAK,CAACE,UAAU,CAAC,GAAG,CAAC,IACrBF,KAAK,CAACE,UAAU,CAAC,KAAK,CAAC,IACvBF,KAAK,CAACE,UAAU,CAAC,KAAK,CAAC,EACvB;IACA,OAAOF,KAAK;EACd;;EAEA;EACA,MAAMG,YAAY,GAAGJ,KAAK,CAACK,MAAM,CAACJ,KAAK,CAAC;EAExC,IAAI,CAACG,YAAY,EAAE;IACjB;IACA,OAAOH,KAAK;EACd;;EAEA;EACA,MAAMK,UAAU,GAAGJ,KAAK,KAAKK,SAAS,GAAGL,KAAK,GAAGJ,eAAe,CAACE,KAAK,CAAC;;EAEvE;EACA,OAAOI,YAAY,CAACE,UAAU,CAAC,IAAIF,YAAY,CAAC,CAAC,CAAC,IAAIH,KAAK;AAC7D","ignoreList":[]}
+{"version":3,"names":["getPrimaryShade","isCustomColor","getCustomColorShade","themeColor","theme","color","shade","primaryFallback","primaryColor","undefined","colorPalette","colors","colorShade","resolvedColor","createThemeColorFunction"],"sourceRoot":"../../../../../../src","sources":["theme/functions/fns/theme-color/theme-color.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,eAAe,QAAQ,qBAAkB;AAClD,SAASC,aAAa,EAAEC,mBAAmB,QAAQ,kBAAe;AASlE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,eAAe,GAAG;AACH,CAAC,EAAU;EAC1B;EACA,IAAI,CAACF,KAAK,EAAE;IACV,OAAOE,eAAe,GAAGJ,UAAU,CAAC;MAAEC,KAAK;MAAEC,KAAK,EAAED,KAAK,CAACI,YAAY;MAAEF;IAAM,CAAC,CAAC,GAAG,EAAE;EACvF;;EAEA;EACA,IAAIL,aAAa,CAACI,KAAK,CAAC,EAAE;IACxB;IACA,IAAIC,KAAK,KAAKG,SAAS,EAAE;MACvB,OAAOP,mBAAmB,CAACG,KAAK,EAAEC,KAAK,CAAC;IAC1C;IACA;IACA,OAAOD,KAAK;EACd;;EAEA;EACA,MAAMK,YAAY,GAAGN,KAAK,CAACO,MAAM,CAACN,KAAK,CAAC;;EAExC;EACA,IAAI,CAACK,YAAY,EAAE;IACjB;IACA,IAAIH,eAAe,IAAIF,KAAK,KAAKD,KAAK,CAACI,YAAY,EAAE;MACnD,OAAOL,UAAU,CAAC;QAAEC,KAAK;QAAEC,KAAK,EAAED,KAAK,CAACI,YAAY;QAAEF;MAAM,CAAC,CAAC;IAChE;IACA;IACA,OAAOD,KAAK;EACd;;EAEA;EACA,MAAMO,UAAU,GAAGN,KAAK,KAAKG,SAAS,GAAGH,KAAK,GAAGN,eAAe,CAACI,KAAK,CAAC;;EAEvE;EACA,MAAMS,aAAa,GAAGH,YAAY,CAACE,UAAU,CAAC;;EAE9C;EACA,OAAOC,aAAa,IAAIH,YAAY,CAAC,CAAC,CAAC,IAAIL,KAAK;AAClD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASS,wBAAwBA,CAACV,KAAuB,EAAE;EAChE,OAAO,CAACC,KAAmB,EAAEC,KAAa,EAAEC,eAAyB,KAAa;IAChF,OAAOJ,UAAU,CAAC;MAAEC,KAAK;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAgB,CAAC,CAAC;EAC7D,CAAC;AACH","ignoreList":[]}