@xanui/core 1.2.8 → 1.2.9

package/hooks/useColorTemplate.js

@@ -1,28 +1,35 @@
 'use strict';Object.defineProperty(exports,'__esModule',{value:true});const useColorTemplate = (color, type) => {
-    const if_common = (a, b) => color === "common" ? a : b;
+    const is_def = color === "default";
+    if (is_def) {
+        color = "divider";
+    }
     if (type === "outline") {
         return {
-            bgcolor: "transparent",
-            color: if_common(`${color}.text`, color),
-            border: 1,
-            borderColor: `${color}.dark`,
-            hover: {
-                bgcolor: "transparent",
-                color: if_common(`${color}.text`, color),
+            primary: {
+                bgcolor: `transparent`,
+                color: is_def ? `text.primary` : `${color}.primary`,
+                border: 1,
+                borderColor: is_def ? `divider` : `${color}.primary`,
+            },
+            secondary: {
+                bgcolor: `transparent`,
+                color: is_def ? `text.primary` : `${color}.secondary`,
                 border: 1,
-                borderColor: `${color}.darker`,
+                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,
             }
         };
     }
     else if (type === "fill") {
         return {
-            bgcolor: if_common(`${color}.light`, color),
-            color: `${color}.text`,
-            border: 0,
-            borderColor: `transparent`,
-            hover: {
-                bgcolor: if_common(`${color}.lighter`, `${color}.dark`),
-                color: `${color}.text`,
+            primary: {
+                bgcolor: color,
+                color: is_def ? `text.primary` : `${color}.text`,
+                border: 1,
+                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,
+            },
+            secondary: {
+                bgcolor: `${color}.secondary`,
+                color: is_def ? `text.primary` : `${color}.text`,
                 border: 0,
                 borderColor: `transparent`,
             }
@@ -30,13 +37,15 @@
     }
     else if (type === "text") {
         return {
-            bgcolor: "transparent",
-            color: if_common(`${color}.text`, color),
-            border: 0,
-            borderColor: `transparent`,
-            hover: {
+            primary: {
                 bgcolor: "transparent",
-                color: if_common(`${color}.text`, `${color}.dark`),
+                color: is_def ? `text.primary` : `${color}.primary`,
+                border: 0,
+                borderColor: `transparent`,
+            },
+            secondary: {
+                bgcolor: "transparent",
+                color: is_def ? `text.primary` : `${color}.secondary`,
                 border: 0,
                 borderColor: `transparent`,
             }
@@ -44,13 +53,15 @@
     }
     else if (type === "soft") {
         return {
-            bgcolor: `${color}.soft`,
-            color: if_common(`${color}.text`, color),
-            border: 0,
-            borderColor: `transparent`,
-            hover: {
-                bgcolor: `${color}.softer`,
-                color: if_common(`${color}.text`, color),
+            primary: {
+                bgcolor: `${color}.soft.primary`,
+                color: is_def ? `text.primary` : color,
+                border: 0,
+                borderColor: `transparent`,
+            },
+            secondary: {
+                bgcolor: `${color}.soft.secondary`,
+                color: is_def ? `text.primary` : `${color}.secondary`,
                 border: 0,
                 borderColor: `transparent`,
             }

package/hooks/useColorTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorTemplate.js","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["export type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"soft\"\r\nexport type UseColorTemplateColor = \"common\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (color: UseColorTemplateColor, type: UseColorTemplateType) => {\r\n    const if_common = (a: string, b: string) => color === \"common\" ? a : b\r\n\r\n    if (type === \"outline\") {\r\n        return {\r\n            bgcolor: \"transparent\",\r\n            color: if_common(`${color}.text`, color),\r\n            border: 1,\r\n            borderColor: `${color}.dark`,\r\n            hover: {\r\n                bgcolor: \"transparent\",\r\n                color: if_common(`${color}.text`, color),\r\n                border: 1,\r\n                borderColor: `${color}.darker`,\r\n            }\r\n        }\r\n    } else if (type === \"fill\") {\r\n        return {\r\n            bgcolor: if_common(`${color}.light`, color),\r\n            color: `${color}.text`,\r\n            border: 0,\r\n            borderColor: `transparent`,\r\n            hover: {\r\n                bgcolor: if_common(`${color}.lighter`, `${color}.dark`),\r\n                color: `${color}.text`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    } else if (type === \"text\") {\r\n        return {\r\n            bgcolor: \"transparent\",\r\n            color: if_common(`${color}.text`, color),\r\n            border: 0,\r\n            borderColor: `transparent`,\r\n            hover: {\r\n                bgcolor: \"transparent\",\r\n                color: if_common(`${color}.text`, `${color}.dark`),\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    } else if (type === \"soft\") {\r\n        return {\r\n            bgcolor: `${color}.soft`,\r\n            color: if_common(`${color}.text`, color),\r\n            border: 0,\r\n            borderColor: `transparent`,\r\n            hover: {\r\n                bgcolor: `${color}.softer`,\r\n                color: if_common(`${color}.text`, color),\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    }\r\n\r\n    throw new Error(`useColorTemplate: Unknown type ${type}`);\r\n}\r\n\r\nexport default useColorTemplate"],"names":[],"mappings":"sEAGA,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,IAA0B,KAAI;IAClF,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,CAAS,KAAK,KAAK,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC;AAEtE,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;QACpB,OAAO;AACH,YAAA,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,YAAA,MAAM,EAAE,CAAC;YACT,WAAW,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO;AAC5B,YAAA,KAAK,EAAE;AACH,gBAAA,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,gBAAA,MAAM,EAAE,CAAC;gBACT,WAAW,EAAE,CAAA,EAAG,KAAK,CAAA,OAAA,CAAS;AACjC;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;YACH,OAAO,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,MAAA,CAAQ,EAAE,KAAK,CAAC;YAC3C,KAAK,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO;AACtB,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC1B,YAAA,KAAK,EAAE;gBACH,OAAO,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,UAAU,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,CAAC;gBACvD,KAAK,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO;AACtB,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC7B;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;AACH,YAAA,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC1B,YAAA,KAAK,EAAE;AACH,gBAAA,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,OAAO,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,CAAC;AAClD,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC7B;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;YACH,OAAO,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO;YACxB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC1B,YAAA,KAAK,EAAE;gBACH,OAAO,EAAE,CAAA,EAAG,KAAK,CAAA,OAAA,CAAS;gBAC1B,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC7B;SACJ;IACL;AAEA,IAAA,MAAM,IAAI,KAAK,CAAC,kCAAkC,IAAI,CAAA,CAAE,CAAC;AAC7D"}
+{"version":3,"file":"useColorTemplate.js","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["export type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"soft\"\nexport type UseColorTemplateColor = \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\n\nconst useColorTemplate = (color: UseColorTemplateColor, type: UseColorTemplateType) => {\n    const is_def = color === \"default\";\n    if (is_def) {\n        color = \"divider\" as any\n    }\n\n    if (type === \"outline\") {\n        return {\n            primary: {\n                bgcolor: `transparent`,\n                color: is_def ? `text.primary` : `${color}.primary`,\n                border: 1,\n                borderColor: is_def ? `divider` : `${color}.primary`,\n            },\n            secondary: {\n                bgcolor: `transparent`,\n                color: is_def ? `text.primary` : `${color}.secondary`,\n                border: 1,\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\n            }\n        }\n    } else if (type === \"fill\") {\n        return {\n            primary: {\n                bgcolor: color,\n                color: is_def ? `text.primary` : `${color}.text`,\n                border: 1,\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\n            },\n            secondary: {\n                bgcolor: `${color}.secondary`,\n                color: is_def ? `text.primary` : `${color}.text`,\n                border: 0,\n                borderColor: `transparent`,\n            }\n        }\n    } else if (type === \"text\") {\n        return {\n            primary: {\n                bgcolor: \"transparent\",\n                color: is_def ? `text.primary` : `${color}.primary`,\n                border: 0,\n                borderColor: `transparent`,\n            },\n            secondary: {\n                bgcolor: \"transparent\",\n                color: is_def ? `text.primary` : `${color}.secondary`,\n                border: 0,\n                borderColor: `transparent`,\n            }\n        }\n    } else if (type === \"soft\") {\n        return {\n            primary: {\n                bgcolor: `${color}.soft.primary`,\n                color: is_def ? `text.primary` : color,\n                border: 0,\n                borderColor: `transparent`,\n            },\n            secondary: {\n                bgcolor: `${color}.soft.secondary`,\n                color: is_def ? `text.primary` : `${color}.secondary`,\n                border: 0,\n                borderColor: `transparent`,\n            }\n        }\n    }\n\n    throw new Error(`useColorTemplate: Unknown type ${type}`);\n}\n\nexport default useColorTemplate"],"names":[],"mappings":"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"}

package/hooks/useColorTemplate.mjs

@@ -1,28 +1,35 @@
 const useColorTemplate = (color, type) => {
-    const if_common = (a, b) => color === "common" ? a : b;
+    const is_def = color === "default";
+    if (is_def) {
+        color = "divider";
+    }
     if (type === "outline") {
         return {
-            bgcolor: "transparent",
-            color: if_common(`${color}.text`, color),
-            border: 1,
-            borderColor: `${color}.dark`,
-            hover: {
-                bgcolor: "transparent",
-                color: if_common(`${color}.text`, color),
+            primary: {
+                bgcolor: `transparent`,
+                color: is_def ? `text.primary` : `${color}.primary`,
+                border: 1,
+                borderColor: is_def ? `divider` : `${color}.primary`,
+            },
+            secondary: {
+                bgcolor: `transparent`,
+                color: is_def ? `text.primary` : `${color}.secondary`,
                 border: 1,
-                borderColor: `${color}.darker`,
+                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,
             }
         };
     }
     else if (type === "fill") {
         return {
-            bgcolor: if_common(`${color}.light`, color),
-            color: `${color}.text`,
-            border: 0,
-            borderColor: `transparent`,
-            hover: {
-                bgcolor: if_common(`${color}.lighter`, `${color}.dark`),
-                color: `${color}.text`,
+            primary: {
+                bgcolor: color,
+                color: is_def ? `text.primary` : `${color}.text`,
+                border: 1,
+                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,
+            },
+            secondary: {
+                bgcolor: `${color}.secondary`,
+                color: is_def ? `text.primary` : `${color}.text`,
                 border: 0,
                 borderColor: `transparent`,
             }
@@ -30,13 +37,15 @@ const useColorTemplate = (color, type) => {
     }
     else if (type === "text") {
         return {
-            bgcolor: "transparent",
-            color: if_common(`${color}.text`, color),
-            border: 0,
-            borderColor: `transparent`,
-            hover: {
+            primary: {
                 bgcolor: "transparent",
-                color: if_common(`${color}.text`, `${color}.dark`),
+                color: is_def ? `text.primary` : `${color}.primary`,
+                border: 0,
+                borderColor: `transparent`,
+            },
+            secondary: {
+                bgcolor: "transparent",
+                color: is_def ? `text.primary` : `${color}.secondary`,
                 border: 0,
                 borderColor: `transparent`,
             }
@@ -44,13 +53,15 @@ const useColorTemplate = (color, type) => {
     }
     else if (type === "soft") {
         return {
-            bgcolor: `${color}.soft`,
-            color: if_common(`${color}.text`, color),
-            border: 0,
-            borderColor: `transparent`,
-            hover: {
-                bgcolor: `${color}.softer`,
-                color: if_common(`${color}.text`, color),
+            primary: {
+                bgcolor: `${color}.soft.primary`,
+                color: is_def ? `text.primary` : color,
+                border: 0,
+                borderColor: `transparent`,
+            },
+            secondary: {
+                bgcolor: `${color}.soft.secondary`,
+                color: is_def ? `text.primary` : `${color}.secondary`,
                 border: 0,
                 borderColor: `transparent`,
             }

package/hooks/useColorTemplate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useColorTemplate.mjs","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["export type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"soft\"\r\nexport type UseColorTemplateColor = \"common\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (color: UseColorTemplateColor, type: UseColorTemplateType) => {\r\n    const if_common = (a: string, b: string) => color === \"common\" ? a : b\r\n\r\n    if (type === \"outline\") {\r\n        return {\r\n            bgcolor: \"transparent\",\r\n            color: if_common(`${color}.text`, color),\r\n            border: 1,\r\n            borderColor: `${color}.dark`,\r\n            hover: {\r\n                bgcolor: \"transparent\",\r\n                color: if_common(`${color}.text`, color),\r\n                border: 1,\r\n                borderColor: `${color}.darker`,\r\n            }\r\n        }\r\n    } else if (type === \"fill\") {\r\n        return {\r\n            bgcolor: if_common(`${color}.light`, color),\r\n            color: `${color}.text`,\r\n            border: 0,\r\n            borderColor: `transparent`,\r\n            hover: {\r\n                bgcolor: if_common(`${color}.lighter`, `${color}.dark`),\r\n                color: `${color}.text`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    } else if (type === \"text\") {\r\n        return {\r\n            bgcolor: \"transparent\",\r\n            color: if_common(`${color}.text`, color),\r\n            border: 0,\r\n            borderColor: `transparent`,\r\n            hover: {\r\n                bgcolor: \"transparent\",\r\n                color: if_common(`${color}.text`, `${color}.dark`),\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    } else if (type === \"soft\") {\r\n        return {\r\n            bgcolor: `${color}.soft`,\r\n            color: if_common(`${color}.text`, color),\r\n            border: 0,\r\n            borderColor: `transparent`,\r\n            hover: {\r\n                bgcolor: `${color}.softer`,\r\n                color: if_common(`${color}.text`, color),\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    }\r\n\r\n    throw new Error(`useColorTemplate: Unknown type ${type}`);\r\n}\r\n\r\nexport default useColorTemplate"],"names":[],"mappings":"AAGA,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,IAA0B,KAAI;IAClF,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,CAAS,KAAK,KAAK,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC;AAEtE,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;QACpB,OAAO;AACH,YAAA,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,YAAA,MAAM,EAAE,CAAC;YACT,WAAW,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO;AAC5B,YAAA,KAAK,EAAE;AACH,gBAAA,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,gBAAA,MAAM,EAAE,CAAC;gBACT,WAAW,EAAE,CAAA,EAAG,KAAK,CAAA,OAAA,CAAS;AACjC;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;YACH,OAAO,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,MAAA,CAAQ,EAAE,KAAK,CAAC;YAC3C,KAAK,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO;AACtB,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC1B,YAAA,KAAK,EAAE;gBACH,OAAO,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,UAAU,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,CAAC;gBACvD,KAAK,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO;AACtB,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC7B;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;AACH,YAAA,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC1B,YAAA,KAAK,EAAE;AACH,gBAAA,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,OAAO,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,CAAC;AAClD,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC7B;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;YACH,OAAO,EAAE,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO;YACxB,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC1B,YAAA,KAAK,EAAE;gBACH,OAAO,EAAE,CAAA,EAAG,KAAK,CAAA,OAAA,CAAS;gBAC1B,KAAK,EAAE,SAAS,CAAC,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AACxC,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,WAAW,EAAE,CAAA,WAAA,CAAa;AAC7B;SACJ;IACL;AAEA,IAAA,MAAM,IAAI,KAAK,CAAC,kCAAkC,IAAI,CAAA,CAAE,CAAC;AAC7D"}
+{"version":3,"file":"useColorTemplate.mjs","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["export type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"soft\"\nexport type UseColorTemplateColor = \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\n\nconst useColorTemplate = (color: UseColorTemplateColor, type: UseColorTemplateType) => {\n    const is_def = color === \"default\";\n    if (is_def) {\n        color = \"divider\" as any\n    }\n\n    if (type === \"outline\") {\n        return {\n            primary: {\n                bgcolor: `transparent`,\n                color: is_def ? `text.primary` : `${color}.primary`,\n                border: 1,\n                borderColor: is_def ? `divider` : `${color}.primary`,\n            },\n            secondary: {\n                bgcolor: `transparent`,\n                color: is_def ? `text.primary` : `${color}.secondary`,\n                border: 1,\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\n            }\n        }\n    } else if (type === \"fill\") {\n        return {\n            primary: {\n                bgcolor: color,\n                color: is_def ? `text.primary` : `${color}.text`,\n                border: 1,\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\n            },\n            secondary: {\n                bgcolor: `${color}.secondary`,\n                color: is_def ? `text.primary` : `${color}.text`,\n                border: 0,\n                borderColor: `transparent`,\n            }\n        }\n    } else if (type === \"text\") {\n        return {\n            primary: {\n                bgcolor: \"transparent\",\n                color: is_def ? `text.primary` : `${color}.primary`,\n                border: 0,\n                borderColor: `transparent`,\n            },\n            secondary: {\n                bgcolor: \"transparent\",\n                color: is_def ? `text.primary` : `${color}.secondary`,\n                border: 0,\n                borderColor: `transparent`,\n            }\n        }\n    } else if (type === \"soft\") {\n        return {\n            primary: {\n                bgcolor: `${color}.soft.primary`,\n                color: is_def ? `text.primary` : color,\n                border: 0,\n                borderColor: `transparent`,\n            },\n            secondary: {\n                bgcolor: `${color}.soft.secondary`,\n                color: is_def ? `text.primary` : `${color}.secondary`,\n                border: 0,\n                borderColor: `transparent`,\n            }\n        }\n    }\n\n    throw new Error(`useColorTemplate: Unknown type ${type}`);\n}\n\nexport default useColorTemplate"],"names":[],"mappings":"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"}

package/hooks/useInterface.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterface.js","sources":["../../src/hooks/useInterface.ts"],"sourcesContent":["import { useTheme } from \"../theme\"\r\n\r\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\r\n    const theme = useTheme()\r\n    const _interface = theme.interfaces[name]\r\n\r\n    if (_interface) {\r\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\r\n    }\r\n    return [{ ...defaultProps, ...userPorps }, theme]\r\n}\r\n\r\nexport default useInterface"],"names":["useTheme"],"mappings":"6NAEA,MAAM,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IAEzC,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAS,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;IAC1E;AACA,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACrD"}
+{"version":3,"file":"useInterface.js","sources":["../../src/hooks/useInterface.ts"],"sourcesContent":["import { useTheme } from \"../theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n    const theme = useTheme()\n    const _interface = theme.interfaces[name]\n\n    if (_interface) {\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n    }\n    return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],"names":["useTheme"],"mappings":"6NAEA,MAAM,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IAEzC,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAS,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;IAC1E;AACA,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACrD"}

package/hooks/useInterface.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useInterface.mjs","sources":["../../src/hooks/useInterface.ts"],"sourcesContent":["import { useTheme } from \"../theme\"\r\n\r\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\r\n    const theme = useTheme()\r\n    const _interface = theme.interfaces[name]\r\n\r\n    if (_interface) {\r\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\r\n    }\r\n    return [{ ...defaultProps, ...userPorps }, theme]\r\n}\r\n\r\nexport default useInterface"],"names":[],"mappings":"iJAEA,MAAM,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IAEzC,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAS,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;IAC1E;AACA,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACrD"}
+{"version":3,"file":"useInterface.mjs","sources":["../../src/hooks/useInterface.ts"],"sourcesContent":["import { useTheme } from \"../theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n    const theme = useTheme()\n    const _interface = theme.interfaces[name]\n\n    if (_interface) {\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n    }\n    return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],"names":[],"mappings":"iJAEA,MAAM,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IAEzC,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAS,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;IAC1E;AACA,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACrD"}

package/hooks/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\r\nimport { createRoot } from \"react-dom/client\";\r\nimport { ThemeProvider, useTheme } from \"../theme\";\r\nimport { appRootElement } from \"../AppRoot\";\r\n\r\nexport type UsePortalOptions = {\r\n   container?: HTMLElement;\r\n   autoMount?: boolean;\r\n}\r\n\r\nexport function usePortal(children: React.ReactNode, options?: UsePortalOptions) {\r\n   options = options || {};\r\n   if (options.autoMount === undefined) {\r\n      options.autoMount = true;\r\n   }\r\n   const [mounted, setMounted] = React.useState(options.autoMount);\r\n   const theme = useTheme();\r\n   const { el, root } = useMemo(() => {\r\n      const el = document.createElement(\"div\");\r\n      const root = createRoot(el);\r\n      return { el, root };\r\n   }, [options.autoMount]);\r\n\r\n   const container = () => {\r\n      const rootEle = appRootElement();\r\n      const container = options?.container || rootEle\r\n      if (!container) throw new Error(`Container not found for portal. Please ensure that AppRoot is present in the application tree.`);\r\n      return container;\r\n   }\r\n\r\n   const mount = () => {\r\n      const cont = container();\r\n      if (!cont.contains(el)) {\r\n         cont.appendChild(el);\r\n      }\r\n      root.render(<ThemeProvider theme={theme.name}>{children}</ThemeProvider>)\r\n   }\r\n\r\n   const unmount = () => {\r\n      root.render(null)\r\n      el.remove();\r\n   }\r\n\r\n\r\n   useEffect(() => {\r\n      if (mounted) {\r\n         mount()\r\n      } else {\r\n         unmount()\r\n      }\r\n   }, [mounted]);\r\n\r\n   useEffect(() => {\r\n      if (mounted) {\r\n         mount()\r\n      }\r\n   }, [children]);\r\n\r\n   useEffect(() => {\r\n      return () => {\r\n         unmount()\r\n      };\r\n   }, []);\r\n\r\n   return {\r\n      isMount: () => mounted,\r\n      mount: () => setMounted(true),\r\n      unmount: () => setMounted(false)\r\n   }\r\n}\r\n\r\n\r\nexport default usePortal;"],"names":["useTheme","useMemo","createRoot","appRootElement","_jsx","ThemeProvider","useEffect"],"mappings":"0XAUM,SAAU,SAAS,CAAC,QAAyB,EAAE,OAA0B,EAAA;AAC5E,IAAA,OAAO,GAAG,OAAO,IAAI,EAAE;AACvB,IAAA,IAAI,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE;AAClC,QAAA,OAAO,CAAC,SAAS,GAAG,IAAI;IAC3B;AACA,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC;AAC/D,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;IACxB,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAGC,aAAO,CAAC,MAAK;QAC/B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,QAAA,MAAM,IAAI,GAAGC,iBAAU,CAAC,EAAE,CAAC;AAC3B,QAAA,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE;AACtB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAEvB,MAAM,SAAS,GAAG,MAAK;AACpB,QAAA,MAAM,OAAO,GAAGC,oBAAc,EAAE;AAChC,QAAA,MAAM,SAAS,GAAG,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,SAAS,KAAI,OAAO;AAC/C,QAAA,IAAI,CAAC,SAAS;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,CAAA,8FAAA,CAAgG,CAAC;AACjI,QAAA,OAAO,SAAS;AACnB,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;AAChB,QAAA,MAAM,IAAI,GAAG,SAAS,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AACrB,YAAA,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;QACvB;AACA,QAAA,IAAI,CAAC,MAAM,CAACC,cAAA,CAACC,qBAAa,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAiB,CAAC;AAC5E,IAAA,CAAC;IAED,MAAM,OAAO,GAAG,MAAK;AAClB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QACjB,EAAE,CAAC,MAAM,EAAE;AACd,IAAA,CAAC;IAGDC,eAAS,CAAC,MAAK;QACZ,IAAI,OAAO,EAAE;AACV,YAAA,KAAK,EAAE;QACV;aAAO;AACJ,YAAA,OAAO,EAAE;QACZ;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEbA,eAAS,CAAC,MAAK;QACZ,IAAI,OAAO,EAAE;AACV,YAAA,KAAK,EAAE;QACV;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEdA,eAAS,CAAC,MAAK;AACZ,QAAA,OAAO,MAAK;AACT,YAAA,OAAO,EAAE;AACZ,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;AACJ,QAAA,OAAO,EAAE,MAAM,OAAO;AACtB,QAAA,KAAK,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC;AAC7B,QAAA,OAAO,EAAE,MAAM,UAAU,CAAC,KAAK;KACjC;AACJ"}
+{"version":3,"file":"usePortal.js","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { ThemeProvider, useTheme } from \"../theme\";\nimport { appRootElement } from \"../AppRoot\";\n\nexport type UsePortalOptions = {\n   container?: HTMLElement;\n   autoMount?: boolean;\n}\n\nexport function usePortal(children: React.ReactNode, options?: UsePortalOptions) {\n   options = options || {};\n   if (options.autoMount === undefined) {\n      options.autoMount = true;\n   }\n   const [mounted, setMounted] = React.useState(options.autoMount);\n   const theme = useTheme();\n   const { el, root } = useMemo(() => {\n      const el = document.createElement(\"div\");\n      const root = createRoot(el);\n      return { el, root };\n   }, [options.autoMount]);\n\n   const container = () => {\n      const rootEle = appRootElement();\n      const container = options?.container || rootEle\n      if (!container) throw new Error(`Container not found for portal. Please ensure that AppRoot is present in the application tree.`);\n      return container;\n   }\n\n   const mount = () => {\n      const cont = container();\n      if (!cont.contains(el)) {\n         cont.appendChild(el);\n      }\n      root.render(<ThemeProvider theme={theme.name}>{children}</ThemeProvider>)\n   }\n\n   const unmount = () => {\n      root.render(null)\n      el.remove();\n   }\n\n\n   useEffect(() => {\n      if (mounted) {\n         mount()\n      } else {\n         unmount()\n      }\n   }, [mounted]);\n\n   useEffect(() => {\n      if (mounted) {\n         mount()\n      }\n   }, [children]);\n\n   useEffect(() => {\n      return () => {\n         unmount()\n      };\n   }, []);\n\n   return {\n      isMount: () => mounted,\n      mount: () => setMounted(true),\n      unmount: () => setMounted(false)\n   }\n}\n\n\nexport default usePortal;"],"names":["useTheme","useMemo","createRoot","appRootElement","_jsx","ThemeProvider","useEffect"],"mappings":"0XAUM,SAAU,SAAS,CAAC,QAAyB,EAAE,OAA0B,EAAA;AAC5E,IAAA,OAAO,GAAG,OAAO,IAAI,EAAE;AACvB,IAAA,IAAI,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE;AAClC,QAAA,OAAO,CAAC,SAAS,GAAG,IAAI;IAC3B;AACA,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC;AAC/D,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;IACxB,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAGC,aAAO,CAAC,MAAK;QAC/B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,QAAA,MAAM,IAAI,GAAGC,iBAAU,CAAC,EAAE,CAAC;AAC3B,QAAA,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE;AACtB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAEvB,MAAM,SAAS,GAAG,MAAK;AACpB,QAAA,MAAM,OAAO,GAAGC,oBAAc,EAAE;AAChC,QAAA,MAAM,SAAS,GAAG,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,SAAS,KAAI,OAAO;AAC/C,QAAA,IAAI,CAAC,SAAS;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,CAAA,8FAAA,CAAgG,CAAC;AACjI,QAAA,OAAO,SAAS;AACnB,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;AAChB,QAAA,MAAM,IAAI,GAAG,SAAS,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AACrB,YAAA,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;QACvB;AACA,QAAA,IAAI,CAAC,MAAM,CAACC,cAAA,CAACC,qBAAa,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAiB,CAAC;AAC5E,IAAA,CAAC;IAED,MAAM,OAAO,GAAG,MAAK;AAClB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QACjB,EAAE,CAAC,MAAM,EAAE;AACd,IAAA,CAAC;IAGDC,eAAS,CAAC,MAAK;QACZ,IAAI,OAAO,EAAE;AACV,YAAA,KAAK,EAAE;QACV;aAAO;AACJ,YAAA,OAAO,EAAE;QACZ;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEbA,eAAS,CAAC,MAAK;QACZ,IAAI,OAAO,EAAE;AACV,YAAA,KAAK,EAAE;QACV;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEdA,eAAS,CAAC,MAAK;AACZ,QAAA,OAAO,MAAK;AACT,YAAA,OAAO,EAAE;AACZ,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;AACJ,QAAA,OAAO,EAAE,MAAM,OAAO;AACtB,QAAA,KAAK,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC;AAC7B,QAAA,OAAO,EAAE,MAAM,UAAU,CAAC,KAAK;KACjC;AACJ"}

package/hooks/usePortal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.mjs","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\r\nimport { createRoot } from \"react-dom/client\";\r\nimport { ThemeProvider, useTheme } from \"../theme\";\r\nimport { appRootElement } from \"../AppRoot\";\r\n\r\nexport type UsePortalOptions = {\r\n   container?: HTMLElement;\r\n   autoMount?: boolean;\r\n}\r\n\r\nexport function usePortal(children: React.ReactNode, options?: UsePortalOptions) {\r\n   options = options || {};\r\n   if (options.autoMount === undefined) {\r\n      options.autoMount = true;\r\n   }\r\n   const [mounted, setMounted] = React.useState(options.autoMount);\r\n   const theme = useTheme();\r\n   const { el, root } = useMemo(() => {\r\n      const el = document.createElement(\"div\");\r\n      const root = createRoot(el);\r\n      return { el, root };\r\n   }, [options.autoMount]);\r\n\r\n   const container = () => {\r\n      const rootEle = appRootElement();\r\n      const container = options?.container || rootEle\r\n      if (!container) throw new Error(`Container not found for portal. Please ensure that AppRoot is present in the application tree.`);\r\n      return container;\r\n   }\r\n\r\n   const mount = () => {\r\n      const cont = container();\r\n      if (!cont.contains(el)) {\r\n         cont.appendChild(el);\r\n      }\r\n      root.render(<ThemeProvider theme={theme.name}>{children}</ThemeProvider>)\r\n   }\r\n\r\n   const unmount = () => {\r\n      root.render(null)\r\n      el.remove();\r\n   }\r\n\r\n\r\n   useEffect(() => {\r\n      if (mounted) {\r\n         mount()\r\n      } else {\r\n         unmount()\r\n      }\r\n   }, [mounted]);\r\n\r\n   useEffect(() => {\r\n      if (mounted) {\r\n         mount()\r\n      }\r\n   }, [children]);\r\n\r\n   useEffect(() => {\r\n      return () => {\r\n         unmount()\r\n      };\r\n   }, []);\r\n\r\n   return {\r\n      isMount: () => mounted,\r\n      mount: () => setMounted(true),\r\n      unmount: () => setMounted(false)\r\n   }\r\n}\r\n\r\n\r\nexport default usePortal;"],"names":["React","_jsx"],"mappings":"yVAUM,SAAU,SAAS,CAAC,QAAyB,EAAE,OAA0B,EAAA;AAC5E,IAAA,OAAO,GAAG,OAAO,IAAI,EAAE;AACvB,IAAA,IAAI,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE;AAClC,QAAA,OAAO,CAAC,SAAS,GAAG,IAAI;IAC3B;AACA,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC;AAC/D,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,MAAK;QAC/B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,QAAA,MAAM,IAAI,GAAG,UAAU,CAAC,EAAE,CAAC;AAC3B,QAAA,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE;AACtB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAEvB,MAAM,SAAS,GAAG,MAAK;AACpB,QAAA,MAAM,OAAO,GAAG,cAAc,EAAE;AAChC,QAAA,MAAM,SAAS,GAAG,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,SAAS,KAAI,OAAO;AAC/C,QAAA,IAAI,CAAC,SAAS;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,CAAA,8FAAA,CAAgG,CAAC;AACjI,QAAA,OAAO,SAAS;AACnB,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;AAChB,QAAA,MAAM,IAAI,GAAG,SAAS,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AACrB,YAAA,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;QACvB;AACA,QAAA,IAAI,CAAC,MAAM,CAACC,GAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAiB,CAAC;AAC5E,IAAA,CAAC;IAED,MAAM,OAAO,GAAG,MAAK;AAClB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QACjB,EAAE,CAAC,MAAM,EAAE;AACd,IAAA,CAAC;IAGD,SAAS,CAAC,MAAK;QACZ,IAAI,OAAO,EAAE;AACV,YAAA,KAAK,EAAE;QACV;aAAO;AACJ,YAAA,OAAO,EAAE;QACZ;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,SAAS,CAAC,MAAK;QACZ,IAAI,OAAO,EAAE;AACV,YAAA,KAAK,EAAE;QACV;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,SAAS,CAAC,MAAK;AACZ,QAAA,OAAO,MAAK;AACT,YAAA,OAAO,EAAE;AACZ,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;AACJ,QAAA,OAAO,EAAE,MAAM,OAAO;AACtB,QAAA,KAAK,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC;AAC7B,QAAA,OAAO,EAAE,MAAM,UAAU,CAAC,KAAK;KACjC;AACJ"}
+{"version":3,"file":"usePortal.mjs","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { ThemeProvider, useTheme } from \"../theme\";\nimport { appRootElement } from \"../AppRoot\";\n\nexport type UsePortalOptions = {\n   container?: HTMLElement;\n   autoMount?: boolean;\n}\n\nexport function usePortal(children: React.ReactNode, options?: UsePortalOptions) {\n   options = options || {};\n   if (options.autoMount === undefined) {\n      options.autoMount = true;\n   }\n   const [mounted, setMounted] = React.useState(options.autoMount);\n   const theme = useTheme();\n   const { el, root } = useMemo(() => {\n      const el = document.createElement(\"div\");\n      const root = createRoot(el);\n      return { el, root };\n   }, [options.autoMount]);\n\n   const container = () => {\n      const rootEle = appRootElement();\n      const container = options?.container || rootEle\n      if (!container) throw new Error(`Container not found for portal. Please ensure that AppRoot is present in the application tree.`);\n      return container;\n   }\n\n   const mount = () => {\n      const cont = container();\n      if (!cont.contains(el)) {\n         cont.appendChild(el);\n      }\n      root.render(<ThemeProvider theme={theme.name}>{children}</ThemeProvider>)\n   }\n\n   const unmount = () => {\n      root.render(null)\n      el.remove();\n   }\n\n\n   useEffect(() => {\n      if (mounted) {\n         mount()\n      } else {\n         unmount()\n      }\n   }, [mounted]);\n\n   useEffect(() => {\n      if (mounted) {\n         mount()\n      }\n   }, [children]);\n\n   useEffect(() => {\n      return () => {\n         unmount()\n      };\n   }, []);\n\n   return {\n      isMount: () => mounted,\n      mount: () => setMounted(true),\n      unmount: () => setMounted(false)\n   }\n}\n\n\nexport default usePortal;"],"names":["React","_jsx"],"mappings":"yVAUM,SAAU,SAAS,CAAC,QAAyB,EAAE,OAA0B,EAAA;AAC5E,IAAA,OAAO,GAAG,OAAO,IAAI,EAAE;AACvB,IAAA,IAAI,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE;AAClC,QAAA,OAAO,CAAC,SAAS,GAAG,IAAI;IAC3B;AACA,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC;AAC/D,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,MAAK;QAC/B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,QAAA,MAAM,IAAI,GAAG,UAAU,CAAC,EAAE,CAAC;AAC3B,QAAA,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE;AACtB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAEvB,MAAM,SAAS,GAAG,MAAK;AACpB,QAAA,MAAM,OAAO,GAAG,cAAc,EAAE;AAChC,QAAA,MAAM,SAAS,GAAG,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,SAAS,KAAI,OAAO;AAC/C,QAAA,IAAI,CAAC,SAAS;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,CAAA,8FAAA,CAAgG,CAAC;AACjI,QAAA,OAAO,SAAS;AACnB,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;AAChB,QAAA,MAAM,IAAI,GAAG,SAAS,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AACrB,YAAA,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;QACvB;AACA,QAAA,IAAI,CAAC,MAAM,CAACC,GAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAiB,CAAC;AAC5E,IAAA,CAAC;IAED,MAAM,OAAO,GAAG,MAAK;AAClB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QACjB,EAAE,CAAC,MAAM,EAAE;AACd,IAAA,CAAC;IAGD,SAAS,CAAC,MAAK;QACZ,IAAI,OAAO,EAAE;AACV,YAAA,KAAK,EAAE;QACV;aAAO;AACJ,YAAA,OAAO,EAAE;QACZ;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,SAAS,CAAC,MAAK;QACZ,IAAI,OAAO,EAAE;AACV,YAAA,KAAK,EAAE;QACV;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,SAAS,CAAC,MAAK;AACZ,QAAA,OAAO,MAAK;AACT,YAAA,OAAO,EAAE;AACZ,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;AACJ,QAAA,OAAO,EAAE,MAAM,OAAO;AACtB,QAAA,KAAK,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC;AAC7B,QAAA,OAAO,EAAE,MAAM,UAAU,CAAC,KAAK;KACjC;AACJ"}

package/hooks/useScrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollbar.js","sources":["../../src/hooks/useScrollbar.ts"],"sourcesContent":["import { css } from '../css'\r\n\r\nexport type UseScrollbarOption = {\r\n   root_cls?: string;\r\n   thumbSize?: number\r\n   thumbColor?: string\r\n   trackColor?: string;\r\n}\r\n\r\ntype ClassName = string\r\n\r\nconst useScrollbar = ({ root_cls, thumbSize, thumbColor, trackColor }: UseScrollbarOption): ClassName => {\r\n\r\n   thumbSize = thumbSize || 8\r\n   thumbColor = thumbColor || \"var(--color-common-subtext)\"\r\n   trackColor = trackColor || \"var(--color-common-lighter)\"\r\n\r\n   const cls = (cls: string) => root_cls ? `${root_cls} ${cls}` : cls\r\n\r\n   return css({\r\n      \"@global\": {\r\n\r\n         [cls('*::-webkit-scrollbar')]: {\r\n            width: thumbSize,\r\n            height: thumbSize,\r\n            cursor: \"pointer\",\r\n         },\r\n         [cls(\"*::-webkit-scrollbar-thumb\")]: {\r\n            backgroundColor: thumbColor,\r\n            borderRadius: \"6px\",\r\n         },\r\n         [cls(\"*::-webkit-scrollbar-thumb:hover\")]: {\r\n            backgroundColor: thumbColor,\r\n         },\r\n         [cls(\"*::-webkit-scrollbar-track\")]: {\r\n            backgroundColor: trackColor,\r\n            borderRadius: \"6px\",\r\n         },\r\n         // [cls('*')]: {\r\n         //    scrollbarWidth: \"thin\",\r\n         //    scrollbarColor: `${thumbColor} ${trackColor}`,\r\n         // },\r\n      }\r\n   }, {\r\n      injectStyle: typeof window !== 'undefined'\r\n   }) as any\r\n}\r\n\r\nexport default useScrollbar\r\n"],"names":["css"],"mappings":"2GAWA,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAsB,KAAe;AAErG,IAAA,SAAS,GAAG,SAAS,IAAI,CAAC;AAC1B,IAAA,UAAU,GAAG,UAAU,IAAI,6BAA6B;AACxD,IAAA,UAAU,GAAG,UAAU,IAAI,6BAA6B;IAExD,MAAM,GAAG,GAAG,CAAC,GAAW,KAAK,QAAQ,GAAG,CAAA,EAAG,QAAQ,IAAI,GAAG,CAAA,CAAE,GAAG,GAAG;AAElE,IAAA,OAAOA,SAAG,CAAC;AACR,QAAA,SAAS,EAAE;AAER,YAAA,CAAC,GAAG,CAAC,sBAAsB,CAAC,GAAG;AAC5B,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,MAAM,EAAE,SAAS;AACnB,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,4BAA4B,CAAC,GAAG;AAClC,gBAAA,eAAe,EAAE,UAAU;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACrB,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,kCAAkC,CAAC,GAAG;AACxC,gBAAA,eAAe,EAAE,UAAU;AAC7B,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,4BAA4B,CAAC,GAAG;AAClC,gBAAA,eAAe,EAAE,UAAU;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACrB,aAAA;;;;;AAKH;KACH,EAAE;AACA,QAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,KAAA,CAAQ;AACZ"}
+{"version":3,"file":"useScrollbar.js","sources":["../../src/hooks/useScrollbar.ts"],"sourcesContent":["import { css } from '../css'\n\nexport type UseScrollbarOption = {\n   root_cls?: string;\n   thumbSize?: number\n   thumbColor?: string\n   trackColor?: string;\n}\n\ntype ClassName = string\n\nconst useScrollbar = ({ root_cls, thumbSize, thumbColor, trackColor }: UseScrollbarOption): ClassName => {\n\n   thumbSize = thumbSize || 8\n   thumbColor = thumbColor || \"var(--color-common-subtext)\"\n   trackColor = trackColor || \"var(--color-common-lighter)\"\n\n   const cls = (cls: string) => root_cls ? `${root_cls} ${cls}` : cls\n\n   return css({\n      \"@global\": {\n\n         [cls('*::-webkit-scrollbar')]: {\n            width: thumbSize,\n            height: thumbSize,\n            cursor: \"pointer\",\n         },\n         [cls(\"*::-webkit-scrollbar-thumb\")]: {\n            backgroundColor: thumbColor,\n            borderRadius: \"6px\",\n         },\n         [cls(\"*::-webkit-scrollbar-thumb:hover\")]: {\n            backgroundColor: thumbColor,\n         },\n         [cls(\"*::-webkit-scrollbar-track\")]: {\n            backgroundColor: trackColor,\n            borderRadius: \"6px\",\n         },\n         // [cls('*')]: {\n         //    scrollbarWidth: \"thin\",\n         //    scrollbarColor: `${thumbColor} ${trackColor}`,\n         // },\n      }\n   }, {\n      injectStyle: typeof window !== 'undefined'\n   }) as any\n}\n\nexport default useScrollbar\n"],"names":["css"],"mappings":"2GAWA,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAsB,KAAe;AAErG,IAAA,SAAS,GAAG,SAAS,IAAI,CAAC;AAC1B,IAAA,UAAU,GAAG,UAAU,IAAI,6BAA6B;AACxD,IAAA,UAAU,GAAG,UAAU,IAAI,6BAA6B;IAExD,MAAM,GAAG,GAAG,CAAC,GAAW,KAAK,QAAQ,GAAG,CAAA,EAAG,QAAQ,IAAI,GAAG,CAAA,CAAE,GAAG,GAAG;AAElE,IAAA,OAAOA,SAAG,CAAC;AACR,QAAA,SAAS,EAAE;AAER,YAAA,CAAC,GAAG,CAAC,sBAAsB,CAAC,GAAG;AAC5B,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,MAAM,EAAE,SAAS;AACnB,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,4BAA4B,CAAC,GAAG;AAClC,gBAAA,eAAe,EAAE,UAAU;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACrB,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,kCAAkC,CAAC,GAAG;AACxC,gBAAA,eAAe,EAAE,UAAU;AAC7B,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,4BAA4B,CAAC,GAAG;AAClC,gBAAA,eAAe,EAAE,UAAU;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACrB,aAAA;;;;;AAKH;KACH,EAAE;AACA,QAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,KAAA,CAAQ;AACZ"}

package/hooks/useScrollbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollbar.mjs","sources":["../../src/hooks/useScrollbar.ts"],"sourcesContent":["import { css } from '../css'\r\n\r\nexport type UseScrollbarOption = {\r\n   root_cls?: string;\r\n   thumbSize?: number\r\n   thumbColor?: string\r\n   trackColor?: string;\r\n}\r\n\r\ntype ClassName = string\r\n\r\nconst useScrollbar = ({ root_cls, thumbSize, thumbColor, trackColor }: UseScrollbarOption): ClassName => {\r\n\r\n   thumbSize = thumbSize || 8\r\n   thumbColor = thumbColor || \"var(--color-common-subtext)\"\r\n   trackColor = trackColor || \"var(--color-common-lighter)\"\r\n\r\n   const cls = (cls: string) => root_cls ? `${root_cls} ${cls}` : cls\r\n\r\n   return css({\r\n      \"@global\": {\r\n\r\n         [cls('*::-webkit-scrollbar')]: {\r\n            width: thumbSize,\r\n            height: thumbSize,\r\n            cursor: \"pointer\",\r\n         },\r\n         [cls(\"*::-webkit-scrollbar-thumb\")]: {\r\n            backgroundColor: thumbColor,\r\n            borderRadius: \"6px\",\r\n         },\r\n         [cls(\"*::-webkit-scrollbar-thumb:hover\")]: {\r\n            backgroundColor: thumbColor,\r\n         },\r\n         [cls(\"*::-webkit-scrollbar-track\")]: {\r\n            backgroundColor: trackColor,\r\n            borderRadius: \"6px\",\r\n         },\r\n         // [cls('*')]: {\r\n         //    scrollbarWidth: \"thin\",\r\n         //    scrollbarColor: `${thumbColor} ${trackColor}`,\r\n         // },\r\n      }\r\n   }, {\r\n      injectStyle: typeof window !== 'undefined'\r\n   }) as any\r\n}\r\n\r\nexport default useScrollbar\r\n"],"names":[],"mappings":"mCAWA,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAsB,KAAe;AAErG,IAAA,SAAS,GAAG,SAAS,IAAI,CAAC;AAC1B,IAAA,UAAU,GAAG,UAAU,IAAI,6BAA6B;AACxD,IAAA,UAAU,GAAG,UAAU,IAAI,6BAA6B;IAExD,MAAM,GAAG,GAAG,CAAC,GAAW,KAAK,QAAQ,GAAG,CAAA,EAAG,QAAQ,IAAI,GAAG,CAAA,CAAE,GAAG,GAAG;AAElE,IAAA,OAAO,GAAG,CAAC;AACR,QAAA,SAAS,EAAE;AAER,YAAA,CAAC,GAAG,CAAC,sBAAsB,CAAC,GAAG;AAC5B,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,MAAM,EAAE,SAAS;AACnB,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,4BAA4B,CAAC,GAAG;AAClC,gBAAA,eAAe,EAAE,UAAU;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACrB,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,kCAAkC,CAAC,GAAG;AACxC,gBAAA,eAAe,EAAE,UAAU;AAC7B,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,4BAA4B,CAAC,GAAG;AAClC,gBAAA,eAAe,EAAE,UAAU;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACrB,aAAA;;;;;AAKH;KACH,EAAE;AACA,QAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,KAAA,CAAQ;AACZ"}
+{"version":3,"file":"useScrollbar.mjs","sources":["../../src/hooks/useScrollbar.ts"],"sourcesContent":["import { css } from '../css'\n\nexport type UseScrollbarOption = {\n   root_cls?: string;\n   thumbSize?: number\n   thumbColor?: string\n   trackColor?: string;\n}\n\ntype ClassName = string\n\nconst useScrollbar = ({ root_cls, thumbSize, thumbColor, trackColor }: UseScrollbarOption): ClassName => {\n\n   thumbSize = thumbSize || 8\n   thumbColor = thumbColor || \"var(--color-common-subtext)\"\n   trackColor = trackColor || \"var(--color-common-lighter)\"\n\n   const cls = (cls: string) => root_cls ? `${root_cls} ${cls}` : cls\n\n   return css({\n      \"@global\": {\n\n         [cls('*::-webkit-scrollbar')]: {\n            width: thumbSize,\n            height: thumbSize,\n            cursor: \"pointer\",\n         },\n         [cls(\"*::-webkit-scrollbar-thumb\")]: {\n            backgroundColor: thumbColor,\n            borderRadius: \"6px\",\n         },\n         [cls(\"*::-webkit-scrollbar-thumb:hover\")]: {\n            backgroundColor: thumbColor,\n         },\n         [cls(\"*::-webkit-scrollbar-track\")]: {\n            backgroundColor: trackColor,\n            borderRadius: \"6px\",\n         },\n         // [cls('*')]: {\n         //    scrollbarWidth: \"thin\",\n         //    scrollbarColor: `${thumbColor} ${trackColor}`,\n         // },\n      }\n   }, {\n      injectStyle: typeof window !== 'undefined'\n   }) as any\n}\n\nexport default useScrollbar\n"],"names":[],"mappings":"mCAWA,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAsB,KAAe;AAErG,IAAA,SAAS,GAAG,SAAS,IAAI,CAAC;AAC1B,IAAA,UAAU,GAAG,UAAU,IAAI,6BAA6B;AACxD,IAAA,UAAU,GAAG,UAAU,IAAI,6BAA6B;IAExD,MAAM,GAAG,GAAG,CAAC,GAAW,KAAK,QAAQ,GAAG,CAAA,EAAG,QAAQ,IAAI,GAAG,CAAA,CAAE,GAAG,GAAG;AAElE,IAAA,OAAO,GAAG,CAAC;AACR,QAAA,SAAS,EAAE;AAER,YAAA,CAAC,GAAG,CAAC,sBAAsB,CAAC,GAAG;AAC5B,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,MAAM,EAAE,SAAS;AACnB,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,4BAA4B,CAAC,GAAG;AAClC,gBAAA,eAAe,EAAE,UAAU;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACrB,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,kCAAkC,CAAC,GAAG;AACxC,gBAAA,eAAe,EAAE,UAAU;AAC7B,aAAA;AACD,YAAA,CAAC,GAAG,CAAC,4BAA4B,CAAC,GAAG;AAClC,gBAAA,eAAe,EAAE,UAAU;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACrB,aAAA;;;;;AAKH;KACH,EAAE;AACA,QAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,KAAA,CAAQ;AACZ"}

package/index.d.ts

@@ -14,11 +14,10 @@ export { adjustColor, adjustTextContrast, alpha, breakpoints, css } from './css/
 export { themeRootClass } from './theme/index.js';
 export { Aliases, BreakpointKeys, CSSBreakpointType, CSSOptionProps, CSSProps, CSSValueType, FN, GlobalCSS } from './css/types.js';
 export { CSSPropAsAttr, TagCSSProperties, TagComponentType, TagProps, TagPropsRoot } from './Tag/types.js';
-export { ColorsRefTypes, ObjectType, ThemeColor, ThemeColorInput, ThemeColorItemInput, ThemeOptionInput, ThemeOptions, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TypographyRefTypes } from './theme/types.js';
+export { ColorsRefTypes, ObjectType, ThemeColorOption, ThemeOptionInput, ThemeOptions, ThemeOptionsColor, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TypographyRefTypes } from './theme/types.js';
 export { default as getValue } from './css/getValue.js';
 export { default as getProps } from './css/getProps.js';
 export { default as ThemeProvider, ThemeProviderProps } from './theme/ThemeProvider.js';
 export { ThemeSwitcherOption, default as createThemeSwitcher } from './theme/createThemeSwitcher.js';
-export { default as createColorScale } from './theme/createColorScale.js';
 export { createTheme } from './theme/createTheme.js';
 export { getTheme, useTheme } from './theme/core.js';

package/index.js

@@ -1 +1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index$1=require('./Tag/index.js'),useTagProps=require('./Tag/useTagProps.js'),useAnimation=require('./hooks/useAnimation.js'),useColorTemplate=require('./hooks/useColorTemplate.js'),useBreakpoint=require('./breakpoint/useBreakpoint.js'),useBreakpointProps=require('./breakpoint/useBreakpointProps.js'),useInterface=require('./hooks/useInterface.js'),index$2=require('./Transition/index.js'),useScrollbar=require('./hooks/useScrollbar.js'),index=require('./AppRoot/index.js'),usePortal=require('./hooks/usePortal.js'),Renderar=require('./AppRoot/Renderar.js'),index$3=require('./css/index.js'),index$4=require('./theme/index.js'),getValue=require('./css/getValue.js'),getProps=require('./css/getProps.js'),ThemeProvider=require('./theme/ThemeProvider.js'),createThemeSwitcher=require('./theme/createThemeSwitcher.js'),createColorScale=require('./theme/createColorScale.js'),createTheme=require('./theme/createTheme.js'),core=require('./theme/core.js');exports.Tag=index$1.default;exports.useTagProps=useTagProps.default;exports.animationEases=useAnimation.animationEases;exports.useAnimation=useAnimation.default;exports.useColorTemplate=useColorTemplate.default;exports.useBreakpoint=useBreakpoint.default;exports.useBreakpointProps=useBreakpointProps.default;exports.useInterface=useInterface.default;exports.Transition=index$2.default;exports.useScrollbar=useScrollbar.default;exports.AppRoot=index.default;exports.appRootElement=index.appRootElement;exports.usePortal=usePortal.usePortal;exports.Renderar=Renderar.Renderar;exports.adjustColor=index$3.adjustColor;exports.adjustTextContrast=index$3.adjustTextContrast;exports.alpha=index$3.alpha;exports.breakpoints=index$3.breakpoints;exports.css=index$3.css;exports.themeRootClass=index$4.themeRootClass;exports.getValue=getValue.default;exports.getProps=getProps.default;exports.ThemeProvider=ThemeProvider.default;exports.createThemeSwitcher=createThemeSwitcher.default;exports.createColorScale=createColorScale.default;exports.createTheme=createTheme.createTheme;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;//# sourceMappingURL=index.js.map
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index$1=require('./Tag/index.js'),useTagProps=require('./Tag/useTagProps.js'),useAnimation=require('./hooks/useAnimation.js'),useColorTemplate=require('./hooks/useColorTemplate.js'),useBreakpoint=require('./breakpoint/useBreakpoint.js'),useBreakpointProps=require('./breakpoint/useBreakpointProps.js'),useInterface=require('./hooks/useInterface.js'),index$2=require('./Transition/index.js'),useScrollbar=require('./hooks/useScrollbar.js'),index=require('./AppRoot/index.js'),usePortal=require('./hooks/usePortal.js'),Renderar=require('./AppRoot/Renderar.js'),index$3=require('./css/index.js'),index$4=require('./theme/index.js'),getValue=require('./css/getValue.js'),getProps=require('./css/getProps.js'),ThemeProvider=require('./theme/ThemeProvider.js'),createThemeSwitcher=require('./theme/createThemeSwitcher.js'),createTheme=require('./theme/createTheme.js'),core=require('./theme/core.js');exports.Tag=index$1.default;exports.useTagProps=useTagProps.default;exports.animationEases=useAnimation.animationEases;exports.useAnimation=useAnimation.default;exports.useColorTemplate=useColorTemplate.default;exports.useBreakpoint=useBreakpoint.default;exports.useBreakpointProps=useBreakpointProps.default;exports.useInterface=useInterface.default;exports.Transition=index$2.default;exports.useScrollbar=useScrollbar.default;exports.AppRoot=index.default;exports.appRootElement=index.appRootElement;exports.usePortal=usePortal.usePortal;exports.Renderar=Renderar.Renderar;exports.adjustColor=index$3.adjustColor;exports.adjustTextContrast=index$3.adjustTextContrast;exports.alpha=index$3.alpha;exports.breakpoints=index$3.breakpoints;exports.css=index$3.css;exports.themeRootClass=index$4.themeRootClass;exports.getValue=getValue.default;exports.getProps=getProps.default;exports.ThemeProvider=ThemeProvider.default;exports.createThemeSwitcher=createThemeSwitcher.default;exports.createTheme=createTheme.createTheme;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;//# sourceMappingURL=index.js.map

package/index.mjs

@@ -1 +1 @@
-export{default as Tag}from'./Tag/index.mjs';export{default as useTagProps}from'./Tag/useTagProps.mjs';export{animationEases,default as useAnimation}from'./hooks/useAnimation.mjs';export{default as useColorTemplate}from'./hooks/useColorTemplate.mjs';export{default as useBreakpoint}from'./breakpoint/useBreakpoint.mjs';export{default as useBreakpointProps}from'./breakpoint/useBreakpointProps.mjs';export{default as useInterface}from'./hooks/useInterface.mjs';export{default as Transition}from'./Transition/index.mjs';export{default as useScrollbar}from'./hooks/useScrollbar.mjs';export{default as AppRoot,appRootElement}from'./AppRoot/index.mjs';export{usePortal}from'./hooks/usePortal.mjs';export{Renderar}from'./AppRoot/Renderar.mjs';export{adjustColor,adjustTextContrast,alpha,breakpoints,css}from'./css/index.mjs';export{themeRootClass}from'./theme/index.mjs';export{default as getValue}from'./css/getValue.mjs';export{default as getProps}from'./css/getProps.mjs';export{default as ThemeProvider}from'./theme/ThemeProvider.mjs';export{default as createThemeSwitcher}from'./theme/createThemeSwitcher.mjs';export{default as createColorScale}from'./theme/createColorScale.mjs';export{createTheme}from'./theme/createTheme.mjs';export{getTheme,useTheme}from'./theme/core.mjs';//# sourceMappingURL=index.mjs.map
+export{default as Tag}from'./Tag/index.mjs';export{default as useTagProps}from'./Tag/useTagProps.mjs';export{animationEases,default as useAnimation}from'./hooks/useAnimation.mjs';export{default as useColorTemplate}from'./hooks/useColorTemplate.mjs';export{default as useBreakpoint}from'./breakpoint/useBreakpoint.mjs';export{default as useBreakpointProps}from'./breakpoint/useBreakpointProps.mjs';export{default as useInterface}from'./hooks/useInterface.mjs';export{default as Transition}from'./Transition/index.mjs';export{default as useScrollbar}from'./hooks/useScrollbar.mjs';export{default as AppRoot,appRootElement}from'./AppRoot/index.mjs';export{usePortal}from'./hooks/usePortal.mjs';export{Renderar}from'./AppRoot/Renderar.mjs';export{adjustColor,adjustTextContrast,alpha,breakpoints,css}from'./css/index.mjs';export{themeRootClass}from'./theme/index.mjs';export{default as getValue}from'./css/getValue.mjs';export{default as getProps}from'./css/getProps.mjs';export{default as ThemeProvider}from'./theme/ThemeProvider.mjs';export{default as createThemeSwitcher}from'./theme/createThemeSwitcher.mjs';export{createTheme}from'./theme/createTheme.mjs';export{getTheme,useTheme}from'./theme/core.mjs';//# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/core",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "description": "",
   "private": false,
   "main": "./index.js",