@xanui/core 1.2.42 → 1.2.44

package/css/getValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"getValue.js","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string, hasText = true) => {\r\n    const i = {\r\n        [`${color}`]: `var(--color-${color}-primary)`,\r\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\r\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\r\n        [`${color}.soft.primary`]: `var(--color-${color}-soft-primary)`,\r\n        [`${color}.soft.secondary`]: `var(--color-${color}-soft-secondary)`,\r\n    }\r\n    if (hasText) {\r\n        i[`${color}.text`] = `var(--color-${color}-text)`\r\n    }\r\n\r\n    return i\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n    ...getColor(\"background\", false),\r\n    ...getColor(\"text\", false),\r\n    ...getColor(\"divider\", false),\r\n    ...getColor(\"brand\"),\r\n    ...getColor(\"accent\"),\r\n    ...getColor(\"info\"),\r\n    ...getColor(\"success\"),\r\n    ...getColor(\"warning\"),\r\n    ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n    \"xs\": \"var(--bp-xs)\",\r\n    \"sm\": \"var(--bp-sm)\",\r\n    \"md\": \"var(--bp-md)\",\r\n    \"lg\": \"var(--bp-lg)\",\r\n    \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n    \"h1\": \"var(--fontsize-h1)\",\r\n    \"h2\": \"var(--fontsize-h2)\",\r\n    \"h3\": \"var(--fontsize-h3)\",\r\n    \"h4\": \"var(--fontsize-h4)\",\r\n    \"h5\": \"var(--fontsize-h5)\",\r\n    \"h6\": \"var(--fontsize-h6)\",\r\n    \"big\": \"var(--fontsize-big)\",\r\n    \"text\": \"var(--fontsize-text)\",\r\n    \"button\": \"var(--fontsize-button)\",\r\n    \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n    \"h1\": \"var(--lineheight-h1)\",\r\n    \"h2\": \"var(--lineheight-h2)\",\r\n    \"h3\": \"var(--lineheight-h3)\",\r\n    \"h4\": \"var(--lineheight-h4)\",\r\n    \"h5\": \"var(--lineheight-h5)\",\r\n    \"h6\": \"var(--lineheight-h6)\",\r\n    \"big\": \"var(--lineheight-big)\",\r\n    \"text\": \"var(--lineheight-text)\",\r\n    \"button\": \"var(--lineheight-button)\",\r\n    \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n    \"h1\": \"var(--fontweight-h1)\",\r\n    \"h2\": \"var(--fontweight-h2)\",\r\n    \"h3\": \"var(--fontweight-h3)\",\r\n    \"h4\": \"var(--fontweight-h4)\",\r\n    \"h5\": \"var(--fontweight-h5)\",\r\n    \"h6\": \"var(--fontweight-h6)\",\r\n    \"big\": \"var(--fontweight-big)\",\r\n    \"text\": \"var(--fontweight-text)\",\r\n    \"button\": \"var(--fontweight-button)\",\r\n    \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n    \"h1\": \"var(--font-h1)\",\r\n    \"h2\": \"var(--font-h2)\",\r\n    \"h3\": \"var(--font-h3)\",\r\n    \"h4\": \"var(--font-h4)\",\r\n    \"h5\": \"var(--font-h5)\",\r\n    \"h6\": \"var(--font-h6)\",\r\n    \"big\": \"var(--font-big)\",\r\n    \"text\": \"var(--font-text)\",\r\n    \"button\": \"var(--font-button)\",\r\n    \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n    let important;\r\n\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n\r\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n        return withImportant(important, breakpoints[value] || value)\r\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, font[value] || value)\r\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, fontWeights[value] || value)\r\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, lineHeights[value] || value)\r\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n        return withImportant(important, fontsizes[value] || value)\r\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n        return withImportant(important, `var(--shadow-${value})`)\r\n    }\r\n\r\n    return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],"names":[],"mappings":"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"}
+{"version":3,"file":"getValue.js","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string, hasText = true) => {\r\n    const i = {\r\n        [`${color}`]: `var(--color-${color}-primary)`,\r\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\r\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\r\n        [`${color}.soft.primary`]: `var(--color-${color}-soft-primary)`,\r\n        [`${color}.soft.secondary`]: `var(--color-${color}-soft-secondary)`,\r\n    }\r\n    if (hasText) {\r\n        i[`${color}.text`] = `var(--color-${color}-text)`\r\n    }\r\n\r\n    return i\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n    ...getColor(\"background\", false),\r\n    ...getColor(\"text\", false),\r\n    ...getColor(\"divider\", false),\r\n    ...getColor(\"brand\"),\r\n    ...getColor(\"accent\"),\r\n    ...getColor(\"info\"),\r\n    ...getColor(\"success\"),\r\n    ...getColor(\"warning\"),\r\n    ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n    \"xs\": \"var(--bp-xs)\",\r\n    \"sm\": \"var(--bp-sm)\",\r\n    \"md\": \"var(--bp-md)\",\r\n    \"lg\": \"var(--bp-lg)\",\r\n    \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n    \"h1\": \"var(--fontsize-h1)\",\r\n    \"h2\": \"var(--fontsize-h2)\",\r\n    \"h3\": \"var(--fontsize-h3)\",\r\n    \"h4\": \"var(--fontsize-h4)\",\r\n    \"h5\": \"var(--fontsize-h5)\",\r\n    \"h6\": \"var(--fontsize-h6)\",\r\n    \"big\": \"var(--fontsize-big)\",\r\n    \"text\": \"var(--fontsize-text)\",\r\n    \"button\": \"var(--fontsize-button)\",\r\n    \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n    \"h1\": \"var(--lineheight-h1)\",\r\n    \"h2\": \"var(--lineheight-h2)\",\r\n    \"h3\": \"var(--lineheight-h3)\",\r\n    \"h4\": \"var(--lineheight-h4)\",\r\n    \"h5\": \"var(--lineheight-h5)\",\r\n    \"h6\": \"var(--lineheight-h6)\",\r\n    \"big\": \"var(--lineheight-big)\",\r\n    \"text\": \"var(--lineheight-text)\",\r\n    \"button\": \"var(--lineheight-button)\",\r\n    \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n    \"h1\": \"var(--fontweight-h1)\",\r\n    \"h2\": \"var(--fontweight-h2)\",\r\n    \"h3\": \"var(--fontweight-h3)\",\r\n    \"h4\": \"var(--fontweight-h4)\",\r\n    \"h5\": \"var(--fontweight-h5)\",\r\n    \"h6\": \"var(--fontweight-h6)\",\r\n    \"big\": \"var(--fontweight-big)\",\r\n    \"text\": \"var(--fontweight-text)\",\r\n    \"button\": \"var(--fontweight-button)\",\r\n    \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n    \"h1\": \"var(--font-h1)\",\r\n    \"h2\": \"var(--font-h2)\",\r\n    \"h3\": \"var(--font-h3)\",\r\n    \"h4\": \"var(--font-h4)\",\r\n    \"h5\": \"var(--font-h5)\",\r\n    \"h6\": \"var(--font-h6)\",\r\n    \"big\": \"var(--font-big)\",\r\n    \"text\": \"var(--font-text)\",\r\n    \"button\": \"var(--font-button)\",\r\n    \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n    let important;\r\n\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n\r\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n        return withImportant(important, breakpoints[value] || value)\r\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, font[value] || value)\r\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, fontWeights[value] || value)\r\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, lineHeights[value] || value)\r\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n        return withImportant(important, fontsizes[value] || value)\r\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n        return withImportant(important, `var(--shadow-${value})`)\r\n    }\r\n\r\n    return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],"names":[],"mappings":"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"}

package/css/{index.mjs → index.cjs}

@@ -1,7 +1,9 @@
-import getValue from './getValue.mjs';
-import getProps from './getProps.mjs';
-import aliases from './aliases.mjs';
-import { css as css$1 } from 'oncss';
+'use strict';
+
+var getValue = require('./getValue.cjs');
+var getProps = require('./getProps.cjs');
+var aliases = require('./aliases.cjs');
+var oncss = require('oncss');
 
 const breakpoints = {
     xs: 0,
@@ -27,7 +29,7 @@ const css = (props, options) => {
             }
             return getProps(p, v, _c);
         } });
-    return css$1(props, cssOptions);
+    return oncss.css(props, cssOptions);
 };
 const adjustColor = (hex, factor) => {
     hex = hex.replace(/^#/, '');
@@ -59,5 +61,11 @@ const alpha = (color, opacity = 1) => {
     return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();
 };
 
-export { adjustColor, adjustTextContrast, alpha, breakpoints, css, getProps, getValue };
-//# sourceMappingURL=index.mjs.map
+exports.getValue = getValue;
+exports.getProps = getProps;
+exports.adjustColor = adjustColor;
+exports.adjustTextContrast = adjustTextContrast;
+exports.alpha = alpha;
+exports.breakpoints = breakpoints;
+exports.css = css;
+//# sourceMappingURL=index.cjs.map

package/css/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/css/index.ts"],"sourcesContent":["import getValue from \"./getValue\"\r\nimport getProps from \"./getProps\"\r\nimport aliases from \"./aliases\"\r\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\r\nimport { css as _css } from \"oncss\"\r\n\r\nexport {\r\n    getValue,\r\n    getProps\r\n}\r\n\r\nexport const breakpoints = {\r\n    xs: 0,\r\n    sm: 600,\r\n    md: 900,\r\n    lg: 1200,\r\n    xl: 1536\r\n}\r\n\r\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\r\n    const cssOptions: CSSOptionProps = {\r\n        ...options,\r\n        breakpoints,\r\n        aliases,\r\n        getValue: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getValue) {\r\n                let _val = options?.getValue(p, v, _c, dept)\r\n                if (_val) return _val\r\n            }\r\n            return getValue(p, v, _c)\r\n        },\r\n        getProps: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getProps) {\r\n                let _p = options?.getProps(p, v, _c, dept)\r\n                if (_p) return _p\r\n            }\r\n            return getProps(p, v, _c)\r\n        },\r\n    }\r\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\r\n}\r\n\r\nexport const adjustColor = (hex: string, factor: number) => {\r\n\r\n    hex = hex.replace(/^#/, '')\r\n\r\n    let r = parseInt(hex.slice(0, 2), 16)\r\n    let g = parseInt(hex.slice(2, 4), 16)\r\n    let b = parseInt(hex.slice(4, 6), 16)\r\n\r\n    r = Math.floor(r * factor)\r\n    g = Math.floor(g * factor)\r\n    b = Math.floor(b * factor)\r\n\r\n    r = Math.min(255, Math.max(0, r))\r\n    g = Math.min(255, Math.max(0, g))\r\n    b = Math.min(255, Math.max(0, b))\r\n\r\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\r\n}\r\n\r\nexport const adjustTextContrast = (color: string) => {\r\n    color = color.replace(/^#/, '')\r\n    const r = parseInt(color.slice(0, 2), 16);\r\n    const g = parseInt(color.slice(2, 4), 16);\r\n    const b = parseInt(color.slice(4, 6), 16);\r\n\r\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\r\n}\r\n\r\nexport const alpha = (color: string, opacity = 1) => {\r\n    if (typeof opacity !== 'number') return color\r\n    let _opacity = opacity * 100\r\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\r\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\r\n};\r\n\r\n"],"names":["_css"],"mappings":"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"}

package/css/index.js

@@ -1,9 +1,7 @@
-'use strict';
-
-var getValue = require('./getValue.js');
-var getProps = require('./getProps.js');
-var aliases = require('./aliases.js');
-var oncss = require('oncss');
+import getValue from './getValue.js';
+import getProps from './getProps.js';
+import aliases from './aliases.js';
+import { css as css$1 } from 'oncss';
 
 const breakpoints = {
     xs: 0,
@@ -29,7 +27,7 @@ const css = (props, options) => {
             }
             return getProps(p, v, _c);
         } });
-    return oncss.css(props, cssOptions);
+    return css$1(props, cssOptions);
 };
 const adjustColor = (hex, factor) => {
     hex = hex.replace(/^#/, '');
@@ -61,11 +59,5 @@ const alpha = (color, opacity = 1) => {
     return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();
 };
 
-exports.getValue = getValue;
-exports.getProps = getProps;
-exports.adjustColor = adjustColor;
-exports.adjustTextContrast = adjustTextContrast;
-exports.alpha = alpha;
-exports.breakpoints = breakpoints;
-exports.css = css;
+export { adjustColor, adjustTextContrast, alpha, breakpoints, css, getProps, getValue };
 //# sourceMappingURL=index.js.map

package/css/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/css/index.ts"],"sourcesContent":["import getValue from \"./getValue\"\r\nimport getProps from \"./getProps\"\r\nimport aliases from \"./aliases\"\r\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\r\nimport { css as _css } from \"oncss\"\r\n\r\nexport {\r\n    getValue,\r\n    getProps\r\n}\r\n\r\nexport const breakpoints = {\r\n    xs: 0,\r\n    sm: 600,\r\n    md: 900,\r\n    lg: 1200,\r\n    xl: 1536\r\n}\r\n\r\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\r\n    const cssOptions: CSSOptionProps = {\r\n        ...options,\r\n        breakpoints,\r\n        aliases,\r\n        getValue: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getValue) {\r\n                let _val = options?.getValue(p, v, _c, dept)\r\n                if (_val) return _val\r\n            }\r\n            return getValue(p, v, _c)\r\n        },\r\n        getProps: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getProps) {\r\n                let _p = options?.getProps(p, v, _c, dept)\r\n                if (_p) return _p\r\n            }\r\n            return getProps(p, v, _c)\r\n        },\r\n    }\r\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\r\n}\r\n\r\nexport const adjustColor = (hex: string, factor: number) => {\r\n\r\n    hex = hex.replace(/^#/, '')\r\n\r\n    let r = parseInt(hex.slice(0, 2), 16)\r\n    let g = parseInt(hex.slice(2, 4), 16)\r\n    let b = parseInt(hex.slice(4, 6), 16)\r\n\r\n    r = Math.floor(r * factor)\r\n    g = Math.floor(g * factor)\r\n    b = Math.floor(b * factor)\r\n\r\n    r = Math.min(255, Math.max(0, r))\r\n    g = Math.min(255, Math.max(0, g))\r\n    b = Math.min(255, Math.max(0, b))\r\n\r\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\r\n}\r\n\r\nexport const adjustTextContrast = (color: string) => {\r\n    color = color.replace(/^#/, '')\r\n    const r = parseInt(color.slice(0, 2), 16);\r\n    const g = parseInt(color.slice(2, 4), 16);\r\n    const b = parseInt(color.slice(4, 6), 16);\r\n\r\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\r\n}\r\n\r\nexport const alpha = (color: string, opacity = 1) => {\r\n    if (typeof opacity !== 'number') return color\r\n    let _opacity = opacity * 100\r\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\r\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\r\n};\r\n\r\n"],"names":["_css"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/css/index.ts"],"sourcesContent":["import getValue from \"./getValue\"\r\nimport getProps from \"./getProps\"\r\nimport aliases from \"./aliases\"\r\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\r\nimport { css as _css } from \"oncss\"\r\n\r\nexport {\r\n    getValue,\r\n    getProps\r\n}\r\n\r\nexport const breakpoints = {\r\n    xs: 0,\r\n    sm: 600,\r\n    md: 900,\r\n    lg: 1200,\r\n    xl: 1536\r\n}\r\n\r\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\r\n    const cssOptions: CSSOptionProps = {\r\n        ...options,\r\n        breakpoints,\r\n        aliases,\r\n        getValue: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getValue) {\r\n                let _val = options?.getValue(p, v, _c, dept)\r\n                if (_val) return _val\r\n            }\r\n            return getValue(p, v, _c)\r\n        },\r\n        getProps: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getProps) {\r\n                let _p = options?.getProps(p, v, _c, dept)\r\n                if (_p) return _p\r\n            }\r\n            return getProps(p, v, _c)\r\n        },\r\n    }\r\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\r\n}\r\n\r\nexport const adjustColor = (hex: string, factor: number) => {\r\n\r\n    hex = hex.replace(/^#/, '')\r\n\r\n    let r = parseInt(hex.slice(0, 2), 16)\r\n    let g = parseInt(hex.slice(2, 4), 16)\r\n    let b = parseInt(hex.slice(4, 6), 16)\r\n\r\n    r = Math.floor(r * factor)\r\n    g = Math.floor(g * factor)\r\n    b = Math.floor(b * factor)\r\n\r\n    r = Math.min(255, Math.max(0, r))\r\n    g = Math.min(255, Math.max(0, g))\r\n    b = Math.min(255, Math.max(0, b))\r\n\r\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\r\n}\r\n\r\nexport const adjustTextContrast = (color: string) => {\r\n    color = color.replace(/^#/, '')\r\n    const r = parseInt(color.slice(0, 2), 16);\r\n    const g = parseInt(color.slice(2, 4), 16);\r\n    const b = parseInt(color.slice(4, 6), 16);\r\n\r\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\r\n}\r\n\r\nexport const alpha = (color: string, opacity = 1) => {\r\n    if (typeof opacity !== 'number') return color\r\n    let _opacity = opacity * 100\r\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\r\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\r\n};\r\n\r\n"],"names":["_css"],"mappings":"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"}

package/hooks/{useAnimation.mjs → useAnimation.cjs}

@@ -1,6 +1,12 @@
 "use client";
-import { css } from '../css/index.mjs';
-import { useId } from 'react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index$1 = require('../css/index.cjs');
+var React = require('react');
+var index = require('../Document/index.cjs');
+var CSSCacheProvider = require('../css/CSSCacheProvider.cjs');
 
 const animationEases = {
     standard: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -13,8 +19,10 @@ const useAnimation = ({ from, to, delay, ease, duration }) => {
     let _delay = delay || 0;
     let _duration = duration || 600;
     let _ease = ease || "standard";
-    const id = "anim" + useId().replace(/:/g, "");
-    const anim = css({
+    const id = "anim" + React.useId().replace(/:/g, "");
+    const doc = index.useDocument();
+    const cacheId = CSSCacheProvider.useCSSCacheId();
+    const anim = index$1.css({
         animationName: id,
         animationDelay: _delay + "ms",
         animationDuration: _duration + "ms",
@@ -23,9 +31,13 @@ const useAnimation = ({ from, to, delay, ease, duration }) => {
             from: from,
             to: to
         }
+    }, {
+        container: doc.document,
+        cacheId
     });
     return anim.classname;
 };
 
-export { animationEases, useAnimation as default };
-//# sourceMappingURL=useAnimation.mjs.map
+exports.animationEases = animationEases;
+exports.default = useAnimation;
+//# sourceMappingURL=useAnimation.cjs.map

package/hooks/useAnimation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.cjs","sources":["../../src/hooks/useAnimation.ts"],"sourcesContent":["\"use client\";\r\nimport { css } from '../css'\r\nimport { useId } from 'react'\r\nimport { CSSProps } from '../css/types'\r\nimport { useDocument } from '../Document';\r\nimport { useCSSCacheId } from '../css/CSSCacheProvider';\r\n\r\nexport const animationEases = {\r\n    standard: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n    fast: \"cubic-bezier(0.2, 0, 0, 1)\",\r\n    smooth: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n    linear: \"cubic-bezier(0, 0, 1, 1)\",\r\n    bounce: \"cubic-bezier(0.34, 1.50, 0.64, 1)\",\r\n};\r\n\r\nexport interface UseAnimationProps {\r\n    delay?: number;\r\n    duration?: number;\r\n    from: CSSProps;\r\n    to: CSSProps;\r\n    ease?: keyof typeof animationEases;\r\n}\r\n\r\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\r\n    let _delay = delay || 0;\r\n    let _duration = duration || 600;\r\n    let _ease = ease || \"standard\"\r\n    const id = \"anim\" + useId().replace(/:/g, \"\")\r\n    const doc = useDocument()\r\n    const cacheId = useCSSCacheId()\r\n\r\n    const anim = css({\r\n        animationName: id,\r\n        animationDelay: _delay + \"ms\",\r\n        animationDuration: _duration + \"ms\",\r\n        animationTimingFunction: animationEases[_ease] || animationEases.standard,\r\n        [`@keyframes ${id}`]: {\r\n            from: from as any,\r\n            to: to as any\r\n        }\r\n    }, {\r\n        container: doc.document,\r\n        cacheId\r\n    })\r\n    return anim.classname\r\n}\r\n\r\nexport default useAnimation"],"names":[],"mappings":";;;;;;;;;;AAOO;AACH;AACA;AACA;AACA;AACA;;AAWJ;AACI;AACA;AACA;AACA;AACA;AACA;;AAGI;;;;AAIA;AACI;AACA;AACH;;;;AAIJ;;AAEL;;;"}

package/hooks/useAnimation.js

@@ -1,10 +1,8 @@
 "use client";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index = require('../css/index.js');
-var React = require('react');
+import { css } from '../css/index.js';
+import { useId } from 'react';
+import { useDocument } from '../Document/index.js';
+import { useCSSCacheId } from '../css/CSSCacheProvider.js';
 
 const animationEases = {
     standard: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -17,8 +15,10 @@ const useAnimation = ({ from, to, delay, ease, duration }) => {
     let _delay = delay || 0;
     let _duration = duration || 600;
     let _ease = ease || "standard";
-    const id = "anim" + React.useId().replace(/:/g, "");
-    const anim = index.css({
+    const id = "anim" + useId().replace(/:/g, "");
+    const doc = useDocument();
+    const cacheId = useCSSCacheId();
+    const anim = css({
         animationName: id,
         animationDelay: _delay + "ms",
         animationDuration: _duration + "ms",
@@ -27,10 +27,12 @@ const useAnimation = ({ from, to, delay, ease, duration }) => {
             from: from,
             to: to
         }
+    }, {
+        container: doc.document,
+        cacheId
     });
     return anim.classname;
 };
 
-exports.animationEases = animationEases;
-exports.default = useAnimation;
+export { animationEases, useAnimation as default };
 //# sourceMappingURL=useAnimation.js.map

package/hooks/useAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimation.js","sources":["../../src/hooks/useAnimation.ts"],"sourcesContent":["\"use client\";\r\nimport { css } from '../css'\r\nimport { useId } from 'react'\r\nimport { CSSProps } from '../css/types'\r\n\r\nexport const animationEases = {\r\n    standard: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n    fast: \"cubic-bezier(0.2, 0, 0, 1)\",\r\n    smooth: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n    linear: \"cubic-bezier(0, 0, 1, 1)\",\r\n    bounce: \"cubic-bezier(0.34, 1.50, 0.64, 1)\",\r\n};\r\n\r\nexport interface UseAnimationProps {\r\n    delay?: number;\r\n    duration?: number;\r\n    from: CSSProps;\r\n    to: CSSProps;\r\n    ease?: keyof typeof animationEases;\r\n}\r\n\r\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\r\n    let _delay = delay || 0;\r\n    let _duration = duration || 600;\r\n    let _ease = ease || \"standard\"\r\n    const id = \"anim\" + useId().replace(/:/g, \"\")\r\n    const anim = css({\r\n        animationName: id,\r\n        animationDelay: _delay + \"ms\",\r\n        animationDuration: _duration + \"ms\",\r\n        animationTimingFunction: animationEases[_ease] || animationEases.standard,\r\n        [`@keyframes ${id}`]: {\r\n            from: from as any,\r\n            to: to as any\r\n        }\r\n    })\r\n    return anim.classname\r\n}\r\n\r\nexport default useAnimation"],"names":[],"mappings":";;;;;;;;AAKO;AACH;AACA;AACA;AACA;AACA;;AAWJ;AACI;AACA;AACA;AACA;;AAEI;;;;AAIA;AACI;AACA;AACH;AACJ;;AAEL;;;"}
+{"version":3,"file":"useAnimation.js","sources":["../../src/hooks/useAnimation.ts"],"sourcesContent":["\"use client\";\r\nimport { css } from '../css'\r\nimport { useId } from 'react'\r\nimport { CSSProps } from '../css/types'\r\nimport { useDocument } from '../Document';\r\nimport { useCSSCacheId } from '../css/CSSCacheProvider';\r\n\r\nexport const animationEases = {\r\n    standard: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n    fast: \"cubic-bezier(0.2, 0, 0, 1)\",\r\n    smooth: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\r\n    linear: \"cubic-bezier(0, 0, 1, 1)\",\r\n    bounce: \"cubic-bezier(0.34, 1.50, 0.64, 1)\",\r\n};\r\n\r\nexport interface UseAnimationProps {\r\n    delay?: number;\r\n    duration?: number;\r\n    from: CSSProps;\r\n    to: CSSProps;\r\n    ease?: keyof typeof animationEases;\r\n}\r\n\r\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\r\n    let _delay = delay || 0;\r\n    let _duration = duration || 600;\r\n    let _ease = ease || \"standard\"\r\n    const id = \"anim\" + useId().replace(/:/g, \"\")\r\n    const doc = useDocument()\r\n    const cacheId = useCSSCacheId()\r\n\r\n    const anim = css({\r\n        animationName: id,\r\n        animationDelay: _delay + \"ms\",\r\n        animationDuration: _duration + \"ms\",\r\n        animationTimingFunction: animationEases[_ease] || animationEases.standard,\r\n        [`@keyframes ${id}`]: {\r\n            from: from as any,\r\n            to: to as any\r\n        }\r\n    }, {\r\n        container: doc.document,\r\n        cacheId\r\n    })\r\n    return anim.classname\r\n}\r\n\r\nexport default useAnimation"],"names":[],"mappings":";;;;;;AAOO;AACH;AACA;AACA;AACA;AACA;;AAWJ;AACI;AACA;AACA;AACA;AACA;AACA;;AAGI;;;;AAIA;AACI;AACA;AACH;;;;AAIJ;;AAEL;;"}

package/hooks/{useColorTemplate.mjs → useColorTemplate.cjs}

@@ -1,4 +1,6 @@
 "use client";
+'use strict';
+
 const useColorTemplate = (color, type) => {
     const is_def = color === "default";
     if (is_def) {
@@ -71,5 +73,5 @@ const useColorTemplate = (color, type) => {
     throw new Error(`useColorTemplate: Unknown type ${type}`);
 };
 
-export { useColorTemplate as default };
-//# sourceMappingURL=useColorTemplate.mjs.map
+module.exports = useColorTemplate;
+//# sourceMappingURL=useColorTemplate.cjs.map

package/hooks/{useColorTemplate.mjs.map → useColorTemplate.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useColorTemplate.mjs","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["\"use client\";\r\nexport type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"soft\"\r\nexport type UseColorTemplateColor = \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (color: UseColorTemplateColor, type: UseColorTemplateType) => {\r\n    const is_def = color === \"default\";\r\n    if (is_def) {\r\n        color = \"divider\" as any\r\n    }\r\n\r\n    if (type === \"outline\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: `transparent`,\r\n                color: is_def ? `text.primary` : `${color}.primary`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider` : `${color}.primary`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `transparent`,\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            }\r\n        }\r\n    } else if (type === \"fill\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: color,\r\n                color: is_def ? `text.primary` : `${color}.text`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `${color}.secondary`,\r\n                color: is_def ? `text.primary` : `${color}.text`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            }\r\n        }\r\n    } else if (type === \"text\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: \"transparent\",\r\n                color: is_def ? `text.primary` : `${color}.primary`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            },\r\n            secondary: {\r\n                bgcolor: \"transparent\",\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    } else if (type === \"soft\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: `${color}.soft.primary`,\r\n                color: is_def ? `text.primary` : color,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `${color}.soft.secondary`,\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\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":";AAIA;AACI;;;;AAKA;;AAEQ;AACI;;AAEA;;AAEH;AACD;AACI;;AAEA;;AAEH;;;AAEF;;AAEC;AACI;;AAEA;;AAEH;AACD;;;AAGI;;AAEH;;;AAEF;;AAEC;AACI;;AAEA;AACA;AACH;AACD;AACI;;AAEA;AACA;AACH;;;AAEF;;AAEC;;;AAGI;AACA;AACH;AACD;;;AAGI;AACA;AACH;;;AAIT;AACJ;;"}
+{"version":3,"file":"useColorTemplate.cjs","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["\"use client\";\r\nexport type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"soft\"\r\nexport type UseColorTemplateColor = \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (color: UseColorTemplateColor, type: UseColorTemplateType) => {\r\n    const is_def = color === \"default\";\r\n    if (is_def) {\r\n        color = \"divider\" as any\r\n    }\r\n\r\n    if (type === \"outline\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: `transparent`,\r\n                color: is_def ? `text.primary` : `${color}.primary`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider` : `${color}.primary`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `transparent`,\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            }\r\n        }\r\n    } else if (type === \"fill\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: color,\r\n                color: is_def ? `text.primary` : `${color}.text`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `${color}.secondary`,\r\n                color: is_def ? `text.primary` : `${color}.text`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            }\r\n        }\r\n    } else if (type === \"text\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: \"transparent\",\r\n                color: is_def ? `text.primary` : `${color}.primary`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            },\r\n            secondary: {\r\n                bgcolor: \"transparent\",\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    } else if (type === \"soft\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: `${color}.soft.primary`,\r\n                color: is_def ? `text.primary` : color,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `${color}.soft.secondary`,\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\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":";;;AAIA;AACI;;;;AAKA;;AAEQ;AACI;;AAEA;;AAEH;AACD;AACI;;AAEA;;AAEH;;;AAEF;;AAEC;AACI;;AAEA;;AAEH;AACD;;;AAGI;;AAEH;;;AAEF;;AAEC;AACI;;AAEA;AACA;AACH;AACD;AACI;;AAEA;AACA;AACH;;;AAEF;;AAEC;;;AAGI;AACA;AACH;AACD;;;AAGI;AACA;AACH;;;AAIT;AACJ;;"}

package/hooks/useColorTemplate.js

@@ -1,6 +1,4 @@
 "use client";
-'use strict';
-
 const useColorTemplate = (color, type) => {
     const is_def = color === "default";
     if (is_def) {
@@ -73,5 +71,5 @@ const useColorTemplate = (color, type) => {
     throw new Error(`useColorTemplate: Unknown type ${type}`);
 };
 
-module.exports = useColorTemplate;
+export { useColorTemplate as default };
 //# sourceMappingURL=useColorTemplate.js.map

package/hooks/useColorTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorTemplate.js","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["\"use client\";\r\nexport type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"soft\"\r\nexport type UseColorTemplateColor = \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (color: UseColorTemplateColor, type: UseColorTemplateType) => {\r\n    const is_def = color === \"default\";\r\n    if (is_def) {\r\n        color = \"divider\" as any\r\n    }\r\n\r\n    if (type === \"outline\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: `transparent`,\r\n                color: is_def ? `text.primary` : `${color}.primary`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider` : `${color}.primary`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `transparent`,\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            }\r\n        }\r\n    } else if (type === \"fill\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: color,\r\n                color: is_def ? `text.primary` : `${color}.text`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `${color}.secondary`,\r\n                color: is_def ? `text.primary` : `${color}.text`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            }\r\n        }\r\n    } else if (type === \"text\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: \"transparent\",\r\n                color: is_def ? `text.primary` : `${color}.primary`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            },\r\n            secondary: {\r\n                bgcolor: \"transparent\",\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    } else if (type === \"soft\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: `${color}.soft.primary`,\r\n                color: is_def ? `text.primary` : color,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `${color}.soft.secondary`,\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\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":";;;AAIA;AACI;;;;AAKA;;AAEQ;AACI;;AAEA;;AAEH;AACD;AACI;;AAEA;;AAEH;;;AAEF;;AAEC;AACI;;AAEA;;AAEH;AACD;;;AAGI;;AAEH;;;AAEF;;AAEC;AACI;;AAEA;AACA;AACH;AACD;AACI;;AAEA;AACA;AACH;;;AAEF;;AAEC;;;AAGI;AACA;AACH;AACD;;;AAGI;AACA;AACH;;;AAIT;AACJ;;"}
+{"version":3,"file":"useColorTemplate.js","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["\"use client\";\r\nexport type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"soft\"\r\nexport type UseColorTemplateColor = \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (color: UseColorTemplateColor, type: UseColorTemplateType) => {\r\n    const is_def = color === \"default\";\r\n    if (is_def) {\r\n        color = \"divider\" as any\r\n    }\r\n\r\n    if (type === \"outline\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: `transparent`,\r\n                color: is_def ? `text.primary` : `${color}.primary`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider` : `${color}.primary`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `transparent`,\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            }\r\n        }\r\n    } else if (type === \"fill\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: color,\r\n                color: is_def ? `text.primary` : `${color}.text`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `${color}.secondary`,\r\n                color: is_def ? `text.primary` : `${color}.text`,\r\n                border: \"1px solid\",\r\n                borderColor: is_def ? `divider.secondary` : `${color}.secondary`,\r\n            }\r\n        }\r\n    } else if (type === \"text\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: \"transparent\",\r\n                color: is_def ? `text.primary` : `${color}.primary`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            },\r\n            secondary: {\r\n                bgcolor: \"transparent\",\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            }\r\n        }\r\n    } else if (type === \"soft\") {\r\n        return {\r\n            primary: {\r\n                bgcolor: `${color}.soft.primary`,\r\n                color: is_def ? `text.primary` : color,\r\n                border: 0,\r\n                borderColor: `transparent`,\r\n            },\r\n            secondary: {\r\n                bgcolor: `${color}.soft.secondary`,\r\n                color: is_def ? `text.primary` : `${color}.secondary`,\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":";AAIA;AACI;;;;AAKA;;AAEQ;AACI;;AAEA;;AAEH;AACD;AACI;;AAEA;;AAEH;;;AAEF;;AAEC;AACI;;AAEA;;AAEH;AACD;;;AAGI;;AAEH;;;AAEF;;AAEC;AACI;;AAEA;AACA;AACH;AACD;AACI;;AAEA;AACA;AACH;;;AAEF;;AAEC;;;AAGI;AACA;AACH;AACD;;;AAGI;AACA;AACH;;;AAIT;AACJ;;"}

package/hooks/useInterface.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var core = require('../theme/core.cjs');
+require('../css/getValue.cjs');
+require('oncss');
+require('../theme/ThemeProvider.cjs');
+require('react-state-bucket');
+
+const useInterface = (name, userPorps, defaultProps) => {
+    const theme = core.useTheme();
+    let _props = Object.assign(Object.assign({}, defaultProps), userPorps);
+    if (name in theme.interfaces) {
+        return theme.interfaces[name](_props, theme);
+    }
+    return [_props, theme];
+};
+
+module.exports = useInterface;
+//# sourceMappingURL=useInterface.cjs.map

package/hooks/useInterface.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterface.cjs","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    let _props = { ...defaultProps, ...userPorps } as P\r\n    if (name in theme.interfaces) {\r\n        return theme.interfaces[name](_props, theme)\r\n    }\r\n    return [_props, theme]\r\n}\r\n\r\nexport default useInterface"],"names":["useTheme"],"mappings":";;;;;;;;AAEA,MAAM,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;AACxB,IAAA,IAAI,MAAM,GAAG,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,YAAY,CAAA,EAAK,SAAS,CAAO;AACnD,IAAA,IAAI,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE;QAC1B,OAAO,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC;IAChD;AACA,IAAA,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC;AAC1B;;;;"}

package/hooks/useInterface.js

@@ -1,13 +1,11 @@
-'use strict';
-
-var core = require('../theme/core.js');
-require('../css/getValue.js');
-require('oncss');
-require('../theme/ThemeProvider.js');
-require('react-state-bucket');
+import { useTheme } from '../theme/core.js';
+import '../css/getValue.js';
+import 'oncss';
+import '../theme/ThemeProvider.js';
+import 'react-state-bucket';
 
 const useInterface = (name, userPorps, defaultProps) => {
-    const theme = core.useTheme();
+    const theme = useTheme();
     let _props = Object.assign(Object.assign({}, defaultProps), userPorps);
     if (name in theme.interfaces) {
         return theme.interfaces[name](_props, theme);
@@ -15,5 +13,5 @@ const useInterface = (name, userPorps, defaultProps) => {
     return [_props, theme];
 };
 
-module.exports = useInterface;
+export { useInterface as default };
 //# sourceMappingURL=useInterface.js.map

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    let _props = { ...defaultProps, ...userPorps } as P\r\n    if (name in theme.interfaces) {\r\n        return theme.interfaces[name](_props, theme)\r\n    }\r\n    return [_props, theme]\r\n}\r\n\r\nexport default useInterface"],"names":["useTheme"],"mappings":";;;;;;;;AAEA,MAAM,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;AACxB,IAAA,IAAI,MAAM,GAAG,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,YAAY,CAAA,EAAK,SAAS,CAAO;AACnD,IAAA,IAAI,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE;QAC1B,OAAO,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC;IAChD;AACA,IAAA,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC;AAC1B;;;;"}
+{"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    let _props = { ...defaultProps, ...userPorps } as P\r\n    if (name in theme.interfaces) {\r\n        return theme.interfaces[name](_props, theme)\r\n    }\r\n    return [_props, theme]\r\n}\r\n\r\nexport default useInterface"],"names":[],"mappings":";;;;;;AAEA,MAAM,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,IAAI,MAAM,GAAG,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,YAAY,CAAA,EAAK,SAAS,CAAO;AACnD,IAAA,IAAI,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE;QAC1B,OAAO,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC;IAChD;AACA,IAAA,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC;AAC1B;;;;"}

package/hooks/{useMergeRefs.mjs → useMergeRefs.cjs}

@@ -1,8 +1,10 @@
 "use client";
-import { useCallback } from 'react';
+'use strict';
+
+var React = require('react');
 
 function useMergeRefs(...refs) {
-    return useCallback((value) => {
+    return React.useCallback((value) => {
         for (const ref of refs) {
             if (!ref)
                 continue;
@@ -16,5 +18,5 @@ function useMergeRefs(...refs) {
     }, refs);
 }
 
-export { useMergeRefs as default };
-//# sourceMappingURL=useMergeRefs.mjs.map
+module.exports = useMergeRefs;
+//# sourceMappingURL=useMergeRefs.cjs.map

package/hooks/{useMergeRefs.mjs.map → useMergeRefs.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useMergeRefs.mjs","sources":["../../src/hooks/useMergeRefs.ts"],"sourcesContent":["\"use client\";\r\nimport { useCallback } from \"react\";\r\n\r\nfunction useMergeRefs<T>(\r\n   ...refs: Array<React.Ref<T> | undefined>\r\n) {\r\n   return useCallback((value: T | null) => {\r\n      for (const ref of refs) {\r\n         if (!ref) continue;\r\n         if (typeof ref === \"function\") {\r\n            ref(value);\r\n         } else {\r\n            (ref as React.MutableRefObject<T | null>).current = value;\r\n         }\r\n      }\r\n   }, refs);\r\n}\r\n\r\nexport default useMergeRefs;"],"names":[],"mappings":";;;AAGA;AAGG;AACG;AACG;;AACA;;;;AAGI;;;;AAIb;;"}
+{"version":3,"file":"useMergeRefs.cjs","sources":["../../src/hooks/useMergeRefs.ts"],"sourcesContent":["\"use client\";\r\nimport { useCallback } from \"react\";\r\n\r\nfunction useMergeRefs<T>(\r\n   ...refs: Array<React.Ref<T> | undefined>\r\n) {\r\n   return useCallback((value: T | null) => {\r\n      for (const ref of refs) {\r\n         if (!ref) continue;\r\n         if (typeof ref === \"function\") {\r\n            ref(value);\r\n         } else {\r\n            (ref as React.MutableRefObject<T | null>).current = value;\r\n         }\r\n      }\r\n   }, refs);\r\n}\r\n\r\nexport default useMergeRefs;"],"names":[],"mappings":";;;;;AAGA;AAGG;AACG;AACG;;AACA;;;;AAGI;;;;AAIb;;"}

package/hooks/useMergeRefs.js

@@ -1,10 +1,8 @@
 "use client";
-'use strict';
-
-var React = require('react');
+import { useCallback } from 'react';
 
 function useMergeRefs(...refs) {
-    return React.useCallback((value) => {
+    return useCallback((value) => {
         for (const ref of refs) {
             if (!ref)
                 continue;
@@ -18,5 +16,5 @@ function useMergeRefs(...refs) {
     }, refs);
 }
 
-module.exports = useMergeRefs;
+export { useMergeRefs as default };
 //# sourceMappingURL=useMergeRefs.js.map

package/hooks/useMergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeRefs.js","sources":["../../src/hooks/useMergeRefs.ts"],"sourcesContent":["\"use client\";\r\nimport { useCallback } from \"react\";\r\n\r\nfunction useMergeRefs<T>(\r\n   ...refs: Array<React.Ref<T> | undefined>\r\n) {\r\n   return useCallback((value: T | null) => {\r\n      for (const ref of refs) {\r\n         if (!ref) continue;\r\n         if (typeof ref === \"function\") {\r\n            ref(value);\r\n         } else {\r\n            (ref as React.MutableRefObject<T | null>).current = value;\r\n         }\r\n      }\r\n   }, refs);\r\n}\r\n\r\nexport default useMergeRefs;"],"names":[],"mappings":";;;;;AAGA;AAGG;AACG;AACG;;AACA;;;;AAGI;;;;AAIb;;"}
+{"version":3,"file":"useMergeRefs.js","sources":["../../src/hooks/useMergeRefs.ts"],"sourcesContent":["\"use client\";\r\nimport { useCallback } from \"react\";\r\n\r\nfunction useMergeRefs<T>(\r\n   ...refs: Array<React.Ref<T> | undefined>\r\n) {\r\n   return useCallback((value: T | null) => {\r\n      for (const ref of refs) {\r\n         if (!ref) continue;\r\n         if (typeof ref === \"function\") {\r\n            ref(value);\r\n         } else {\r\n            (ref as React.MutableRefObject<T | null>).current = value;\r\n         }\r\n      }\r\n   }, refs);\r\n}\r\n\r\nexport default useMergeRefs;"],"names":[],"mappings":";;;AAGA;AAGG;AACG;AACG;;AACA;;;;AAGI;;;;AAIb;;"}

package/hooks/usePortal.cjs

@@ -0,0 +1,66 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var client = require('react-dom/client');
+var core = require('../theme/core.cjs');
+require('../css/getValue.cjs');
+require('oncss');
+var ThemeProvider = require('../theme/ThemeProvider.cjs');
+require('react-state-bucket');
+var AppRootProvider = require('../AppRoot/AppRootProvider.cjs');
+var index = require('../Document/index.cjs');
+
+function usePortal(children, options) {
+    options = options || {};
+    if (options.autoMount === undefined) {
+        options.autoMount = true;
+    }
+    const [mounted, setMounted] = React.useState(options.autoMount);
+    const theme = core.useTheme();
+    const appRoot = AppRootProvider.useAppRootElement();
+    const doc = index.useDocument();
+    const { el, root } = React.useMemo(() => {
+        const el = doc.document.createElement("div");
+        const root = client.createRoot(el);
+        return { el, root };
+    }, [options.autoMount]);
+    const container = () => {
+        const container = (options === null || options === void 0 ? void 0 : options.container) || appRoot;
+        if (!container)
+            throw new Error(`Container not found for portal. Please ensure that AppRoot is present in the application tree.`);
+        return container;
+    };
+    const mount = () => {
+        const cont = container();
+        if (!cont.contains(el)) {
+            cont.appendChild(el);
+        }
+        root.render(jsxRuntime.jsx(ThemeProvider, { theme: theme.name, children: children }));
+    };
+    const unmount = () => {
+        root.render(null);
+        el.remove();
+    };
+    React.useEffect(() => {
+        mounted ? mount() : unmount();
+    }, [mounted]);
+    React.useEffect(() => {
+        if (mounted)
+            mount();
+    }, [children]);
+    React.useEffect(() => {
+        return () => {
+            unmount();
+        };
+    }, []);
+    return {
+        isMount: () => mounted,
+        mount: () => setMounted(true),
+        unmount: () => setMounted(false)
+    };
+}
+
+module.exports = usePortal;
+//# sourceMappingURL=usePortal.cjs.map

package/hooks/usePortal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortal.cjs","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useMemo } from \"react\";\r\nimport { createRoot } from \"react-dom/client\";\r\nimport { ThemeProvider, useTheme } from \"../theme\";\r\nimport { useAppRootElement } from \"../AppRoot/AppRootProvider\";\r\nimport { useDocument } from \"../Document\";\r\n\r\nexport type UsePortalOptions = {\r\n   container?: HTMLElement;\r\n   autoMount?: boolean;\r\n}\r\n\r\nfunction 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 appRoot = useAppRootElement();\r\n   const doc = useDocument()\r\n   const { el, root } = useMemo(() => {\r\n      const el = doc.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 container = options?.container || appRoot\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   useEffect(() => {\r\n      mounted ? mount() : unmount()\r\n   }, [mounted]);\r\n\r\n   useEffect(() => {\r\n      if (mounted) mount()\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":[],"mappings":";;;;;;;;;;;;;;AAYA;AACG;AACA;AACG;;AAEH;AACA;AACA;AACA;;;AAGG;AACA;AACH;;AAGG;AACA;AAAgB;AAChB;AACH;;AAGG;;AAEG;;AAEH;AACH;;AAGG;;AAEH;;;AAIA;;AAGG;AAAa;AAChB;;AAGG;AACG;AACH;;;AAIA;AACA;AACA;;AAEN;;"}

package/hooks/usePortal.js

@@ -1,27 +1,27 @@
 "use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var client = require('react-dom/client');
-var core = require('../theme/core.js');
-require('../css/getValue.js');
-require('oncss');
-var ThemeProvider = require('../theme/ThemeProvider.js');
-require('react-state-bucket');
-var context = require('../AppRoot/context.js');
+import { jsx } from 'react/jsx-runtime';
+import React__default, { useMemo, useEffect } from 'react';
+import { createRoot } from 'react-dom/client';
+import { useTheme } from '../theme/core.js';
+import '../css/getValue.js';
+import 'oncss';
+import ThemeProvider from '../theme/ThemeProvider.js';
+import 'react-state-bucket';
+import { useAppRootElement } from '../AppRoot/AppRootProvider.js';
+import { useDocument } from '../Document/index.js';
 
 function usePortal(children, options) {
     options = options || {};
     if (options.autoMount === undefined) {
         options.autoMount = true;
     }
-    const [mounted, setMounted] = React.useState(options.autoMount);
-    const theme = core.useTheme();
-    const appRoot = context.useAppRootElement();
-    const { el, root } = React.useMemo(() => {
-        const el = document.createElement("div");
-        const root = client.createRoot(el);
+    const [mounted, setMounted] = React__default.useState(options.autoMount);
+    const theme = useTheme();
+    const appRoot = useAppRootElement();
+    const doc = useDocument();
+    const { el, root } = useMemo(() => {
+        const el = doc.document.createElement("div");
+        const root = createRoot(el);
         return { el, root };
     }, [options.autoMount]);
     const container = () => {
@@ -35,26 +35,20 @@ function usePortal(children, options) {
         if (!cont.contains(el)) {
             cont.appendChild(el);
         }
-        root.render(jsxRuntime.jsx(ThemeProvider, { theme: theme.name, children: children }));
+        root.render(jsx(ThemeProvider, { theme: theme.name, children: children }));
     };
     const unmount = () => {
         root.render(null);
         el.remove();
     };
-    React.useEffect(() => {
-        if (mounted) {
-            mount();
-        }
-        else {
-            unmount();
-        }
+    useEffect(() => {
+        mounted ? mount() : unmount();
     }, [mounted]);
-    React.useEffect(() => {
-        if (mounted) {
+    useEffect(() => {
+        if (mounted)
             mount();
-        }
     }, [children]);
-    React.useEffect(() => {
+    useEffect(() => {
         return () => {
             unmount();
         };
@@ -66,5 +60,5 @@ function usePortal(children, options) {
     };
 }
 
-module.exports = usePortal;
+export { usePortal as default };
 //# sourceMappingURL=usePortal.js.map