npm - @yamada-ui/react - Versions diffs - 2.2.3-dev-20260622135744 → 2.2.3-dev-20260624122859 - Mend

@yamada-ui/react 2.2.3-dev-20260622135744 → 2.2.3-dev-20260624122859

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (195) hide show

package/dist/esm/core/css/animation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"animation.js","names":["emotionKeyframes","keyframes"],"sources":["../../../../src/core/css/animation.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { TransformOptions } from \"./utils\"\nimport { keyframes as emotionKeyframes } from \"@emotion/react\"\nimport { StyleSheet } from \"@emotion/sheet\"\nimport { createdDom, isObject } from \"../../utils\"\nimport { globalValues, tokenToVar } from \"./utils\"\n\nconst styleSheet = createdDom()\n ? new StyleSheet({ key: \"css\", container: document.head })\n : undefined\n\nfunction transformAnimationValue(value: Dict) {\n return Object.entries(value).reduce<Dict>((prev, [key, value]) => {\n if (key === \"keyframes\") ~~{\n~~ prev._keyframes = value\n } else if (key === \"duration\") ~~{\n~~ prev.animationDuration = value\n } else if (key === \"timingFunction\") ~~{\n~~ prev.animationTimingFunction = value\n } else ~~{\n~~ prev[key] = value\n }\n\n return prev\n }, {})\n}\n\nexport function injectKeyframes(value: any) {\n const { name, styles } = emotionKeyframes(value)\n\n styleSheet?.insert(styles)\n\n return name\n}\n\nexport function animation(\n value: any,\n { css, system, theme }: TransformOptions,\n) {\n if (value == null \|\| globalValues.has(value)) return value\n\n if (isObject(value)) {\n const {\n animationDuration = \"0s\",\n animationName,\n animationTimingFunction = \"ease\",\n delay = \"0s\",\n direction = \"normal\",\n fillMode = \"none\",\n iterationCount = \"1\",\n playState = \"running\",\n } = css?.(system, theme)(transformAnimationValue(value)) ?? {}\n\n return `${animationName} ${animationDuration} ${animationTimingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`\n } else if (value.includes(\",\")) {\n value = value\n .split(\",\")\n .map((value: string) => {\n value = value.trim()\n\n value = tokenToVar(system)(\"animations\", value)\n\n return value\n })\n .join(\",\")\n\n return value\n } else {\n value = tokenToVar(system)(\"animations\", value)\n\n return value\n }\n}\n\nexport function keyframes(\n value: any,\n { css, system, theme }: TransformOptions,\n) {\n if (value == null) return value\n\n if (isObject(value)) {\n value = css?.(system, theme)(value)\n\n const name = injectKeyframes(value)\n\n return name\n } else {\n return value\n }\n}\n"],"mappings":";;;;;;AASA,MAAM,cAAA,GAAA,cAAA,WAAA,CAAwB,IAC1B,IAAI,WAAW;CAAE,KAAK;CAAO,WAAW,SAAS;AAAK,CAAC,IACvD,KAAA;AAEJ,SAAS,wBAAwB,OAAa;CAC5C,OAAO,OAAO,QAAQ,KAAK,CAAC,CAAC,QAAc,MAAM,CAAC,KAAK,WAAW;EAChE,IAAI,QAAQ,~~aACV~~,KAAK,aAAa;~~OACb~~,IAAI,QAAQ,~~YACjB~~,KAAK,oBAAoB;~~OACpB~~,IAAI,QAAQ,~~kBACjB~~,KAAK,0BAA0B;~~OAE/B~~,KAAK,OAAO;~~EAGd~~,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAgB,gBAAgB,OAAY;CAC1C,MAAM,EAAE,MAAM,WAAWA,UAAiB,KAAK;CAE/C,YAAY,OAAO,MAAM;CAEzB,OAAO;AACT;AAEA,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,KAAA,GAAA,cAAA,SAAA,CAAa,KAAK,GAAG;EACnB,MAAM,EACJ,oBAAoB,MACpB,eACA,0BAA0B,QAC1B,QAAQ,MACR,YAAY,UACZ,WAAW,QACX,iBAAiB,KACjB,YAAY,cACV,MAAM,QAAQ,KAAK,CAAC,CAAC,wBAAwB,KAAK,CAAC,KAAK,CAAC;EAE7D,OAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG;CACjI,OAAO,IAAI,MAAM,SAAS,GAAG,GAAG;EAC9B,QAAQ,MACL,MAAM,GAAG,CAAC,CACV,KAAK,UAAkB;GACtB,QAAQ,MAAM,KAAK;GAEnB,QAAQ,WAAW,MAAM,CAAC,CAAC,cAAc,KAAK;GAE9C,OAAO;EACT,CAAC,CAAC,CACD,KAAK,GAAG;EAEX,OAAO;CACT,OAAO;EACL,QAAQ,WAAW,MAAM,CAAC,CAAC,cAAc,KAAK;EAE9C,OAAO;CACT;AACF;AAEA,SAAgBC,YACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,MAAM,OAAO;CAE1B,KAAA,GAAA,cAAA,SAAA,CAAa,KAAK,GAAG;EACnB,QAAQ,MAAM,QAAQ,KAAK,CAAC,CAAC,KAAK;EAIlC,OAFa,gBAAgB,KAEnB;CACZ,OACE,OAAO;AAEX"}
1	+ {"version":3,"file":"animation.js","names":["emotionKeyframes","keyframes"],"sources":["../../../../src/core/css/animation.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { TransformOptions } from \"./utils\"\nimport { keyframes as emotionKeyframes } from \"@emotion/react\"\nimport { StyleSheet } from \"@emotion/sheet\"\nimport { createdDom, isObject } from \"../../utils\"\nimport { globalValues, tokenToVar } from \"./utils\"\n\nconst styleSheet = createdDom()\n ? new StyleSheet({ key: \"css\", container: document.head })\n : undefined\n\nfunction transformAnimationValue(value: Dict) {\n return Object.entries(value).reduce<Dict>((prev, [key, value]) => {\n if (key === \"keyframes\") prev._keyframes = value\n else if (key === \"duration\") prev.animationDuration = value\n else if (key === \"timingFunction\") prev.animationTimingFunction = value\n else prev[key] = value\n\n return prev\n }, {})\n}\n\nexport function injectKeyframes(value: any) {\n const { name, styles } = emotionKeyframes(value)\n\n styleSheet?.insert(styles)\n\n return name\n}\n\nexport function animation(\n value: any,\n { css, system, theme }: TransformOptions,\n) {\n if (value == null \|\| globalValues.has(value)) return value\n\n if (isObject(value)) {\n const {\n animationDuration = \"0s\",\n animationName,\n animationTimingFunction = \"ease\",\n delay = \"0s\",\n direction = \"normal\",\n fillMode = \"none\",\n iterationCount = \"1\",\n playState = \"running\",\n } = css?.(system, theme)(transformAnimationValue(value)) ?? {}\n\n return `${animationName} ${animationDuration} ${animationTimingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`\n } else if (value.includes(\",\")) {\n value = value\n .split(\",\")\n .map((value: string) => {\n value = value.trim()\n\n value = tokenToVar(system)(\"animations\", value)\n\n return value\n })\n .join(\",\")\n\n return value\n } else {\n value = tokenToVar(system)(\"animations\", value)\n\n return value\n }\n}\n\nexport function keyframes(\n value: any,\n { css, system, theme }: TransformOptions,\n) {\n if (value == null) return value\n\n if (isObject(value)) {\n value = css?.(system, theme)(value)\n\n const name = injectKeyframes(value)\n\n return name\n } else {\n return value\n }\n}\n"],"mappings":";;;;;;AASA,MAAM,cAAA,GAAA,cAAA,WAAA,CAAwB,IAC1B,IAAI,WAAW;CAAE,KAAK;CAAO,WAAW,SAAS;AAAK,CAAC,IACvD,KAAA;AAEJ,SAAS,wBAAwB,OAAa;CAC5C,OAAO,OAAO,QAAQ,KAAK,CAAC,CAAC,QAAc,MAAM,CAAC,KAAK,WAAW;EAChE,IAAI,QAAQ,aAAa,KAAK,aAAa;OACtC,IAAI,QAAQ,YAAY,KAAK,oBAAoB;OACjD,IAAI,QAAQ,kBAAkB,KAAK,0BAA0B;OAC7D,KAAK,OAAO;EAEjB,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAgB,gBAAgB,OAAY;CAC1C,MAAM,EAAE,MAAM,WAAWA,UAAiB,KAAK;CAE/C,YAAY,OAAO,MAAM;CAEzB,OAAO;AACT;AAEA,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,KAAA,GAAA,cAAA,SAAA,CAAa,KAAK,GAAG;EACnB,MAAM,EACJ,oBAAoB,MACpB,eACA,0BAA0B,QAC1B,QAAQ,MACR,YAAY,UACZ,WAAW,QACX,iBAAiB,KACjB,YAAY,cACV,MAAM,QAAQ,KAAK,CAAC,CAAC,wBAAwB,KAAK,CAAC,KAAK,CAAC;EAE7D,OAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG;CACjI,OAAO,IAAI,MAAM,SAAS,GAAG,GAAG;EAC9B,QAAQ,MACL,MAAM,GAAG,CAAC,CACV,KAAK,UAAkB;GACtB,QAAQ,MAAM,KAAK;GAEnB,QAAQ,WAAW,MAAM,CAAC,CAAC,cAAc,KAAK;GAE9C,OAAO;EACT,CAAC,CAAC,CACD,KAAK,GAAG;EAEX,OAAO;CACT,OAAO;EACL,QAAQ,WAAW,MAAM,CAAC,CAAC,cAAc,KAAK;EAE9C,OAAO;CACT;AACF;AAEA,SAAgBC,YACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,MAAM,OAAO;CAE1B,KAAA,GAAA,cAAA,SAAA,CAAa,KAAK,GAAG;EACnB,QAAQ,MAAM,QAAQ,KAAK,CAAC,CAAC,KAAK;EAIlC,OAFa,gBAAgB,KAEnB;CACZ,OACE,OAAO;AAEX"}

package/dist/esm/core/css/at-rule.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"at-rule.js","names":[],"sources":["../../../../src/core/css/at-rule.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Transform } from \"./utils\"\nimport { filterUndefined, isArray, toArray, toKebabCase } from \"../../utils\"\nimport { tokenToVar } from \"./utils\"\n\nexport const generateAtRule =\n (identifier: string): Transform =>\n (values, { system }) => {\n if (!isArray(values)) return values\n\n return values.reduce<Dict>(\n (\n prev,\n {\n type,\n name,\n css,\n style,\n h,\n height,\n maxH,\n maxHeight,\n maxW,\n maxWidth,\n minH,\n minHeight,\n minW,\n minWidth,\n prefersColorMode,\n query,\n w,\n width,\n ...rest\n },\n ) => {\n width ??= w\n minWidth ??= minW\n maxWidth ??= maxW\n height ??= h\n minHeight ??= minH\n maxHeight ??= maxH\n\n if (!query) {\n if (style) {\n query = toArray(style)\n .map((style) => `style(${style})`)\n .join(\" and \")\n } else {\n const resolvedRest = filterUndefined<Dict>({\n height,\n maxHeight,\n maxWidth,\n minHeight,\n minWidth,\n prefersColorScheme: prefersColorMode,\n width,\n ...rest,\n })\n\n query = Object.entries(resolvedRest)\n .map(([key, value]) => {\n value = tokenToVar(system)(\"sizes\", value)\n\n return `(${toKebabCase(key)}: ${value})`\n })\n .join(\" and \")\n }\n }\n\n const conditions = [`@${identifier}`]\n\n if (type) conditions.push(type)\n if (name) conditions.push(name)\n if (query) conditions.push(query)\n\n prev[conditions.join(\" \")] = css\n\n return prev\n },\n {},\n )\n }\n"],"mappings":";;;AAKA,MAAa,kBACV,gBACA,QAAQ,EAAE,aAAa;CACtB,IAAI,EAAA,GAAA,cAAA,QAAA,CAAS,MAAM,GAAG,OAAO;CAE7B,OAAO,OAAO,QAEV,MACA,EACE,MACA,MACA,KACA,OACA,GACA,QACA,MACA,WACA,MACA,UACA,MACA,WACA,MACA,UACA,kBACA,OACA,GACA,OACA,GAAG,WAEF;EACH,UAAU;EACV,aAAa;EACb,aAAa;EACb,WAAW;EACX,cAAc;EACd,cAAc;EAEd,IAAI,CAAC,OACH,IAAI,OACF,SAAA,GAAA,cAAA,QAAA,CAAgB,KAAK,CAAC,CACnB,KAAK,UAAU,SAAS,MAAM,EAAE,CAAC,CACjC,KAAK,OAAO;OACV;GACL,MAAM,gBAAA,GAAA,cAAA,gBAAA,CAAqC;IACzC;IACA;IACA;IACA;IACA;IACA,oBAAoB;IACpB;IACA,GAAG;GACL,CAAC;GAED,QAAQ,OAAO,QAAQ,YAAY,CAAC,CACjC,KAAK,CAAC,KAAK,WAAW;IACrB,QAAQ,WAAW,MAAM,CAAC,CAAC,SAAS,KAAK;IAEzC,OAAO,KAAA,GAAA,cAAA,YAAA,CAAgB,GAAG,EAAE,IAAI,MAAM;GACxC,CAAC,CAAC,CACD,KAAK,OAAO;EACjB;~~EAGF~~,MAAM,aAAa,CAAC,IAAI,YAAY;EAEpC,IAAI,MAAM,WAAW,KAAK,IAAI;EAC9B,IAAI,MAAM,WAAW,KAAK,IAAI;EAC9B,IAAI,OAAO,WAAW,KAAK,KAAK;EAEhC,KAAK,WAAW,KAAK,GAAG,KAAK;EAE7B,OAAO;CACT,GACA,CAAC,CACH;AACF"}
1	+ {"version":3,"file":"at-rule.js","names":[],"sources":["../../../../src/core/css/at-rule.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Transform } from \"./utils\"\nimport { filterUndefined, isArray, toArray, toKebabCase } from \"../../utils\"\nimport { tokenToVar } from \"./utils\"\n\nexport const generateAtRule =\n (identifier: string): Transform =>\n (values, { system }) => {\n if (!isArray(values)) return values\n\n return values.reduce<Dict>(\n (\n prev,\n {\n type,\n name,\n css,\n style,\n h,\n height,\n maxH,\n maxHeight,\n maxW,\n maxWidth,\n minH,\n minHeight,\n minW,\n minWidth,\n prefersColorMode,\n query,\n w,\n width,\n ...rest\n },\n ) => {\n width ??= w\n minWidth ??= minW\n maxWidth ??= maxW\n height ??= h\n minHeight ??= minH\n maxHeight ??= maxH\n\n if (!query)\n if (style) {\n query = toArray(style)\n .map((style) => `style(${style})`)\n .join(\" and \")\n } else {\n const resolvedRest = filterUndefined<Dict>({\n height,\n maxHeight,\n maxWidth,\n minHeight,\n minWidth,\n prefersColorScheme: prefersColorMode,\n width,\n ...rest,\n })\n\n query = Object.entries(resolvedRest)\n .map(([key, value]) => {\n value = tokenToVar(system)(\"sizes\", value)\n\n return `(${toKebabCase(key)}: ${value})`\n })\n .join(\" and \")\n }\n\n const conditions = [`@${identifier}`]\n\n if (type) conditions.push(type)\n if (name) conditions.push(name)\n if (query) conditions.push(query)\n\n prev[conditions.join(\" \")] = css\n\n return prev\n },\n {},\n )\n }\n"],"mappings":";;;AAKA,MAAa,kBACV,gBACA,QAAQ,EAAE,aAAa;CACtB,IAAI,EAAA,GAAA,cAAA,QAAA,CAAS,MAAM,GAAG,OAAO;CAE7B,OAAO,OAAO,QAEV,MACA,EACE,MACA,MACA,KACA,OACA,GACA,QACA,MACA,WACA,MACA,UACA,MACA,WACA,MACA,UACA,kBACA,OACA,GACA,OACA,GAAG,WAEF;EACH,UAAU;EACV,aAAa;EACb,aAAa;EACb,WAAW;EACX,cAAc;EACd,cAAc;EAEd,IAAI,CAAC,OACH,IAAI,OACF,SAAA,GAAA,cAAA,QAAA,CAAgB,KAAK,CAAC,CACnB,KAAK,UAAU,SAAS,MAAM,EAAE,CAAC,CACjC,KAAK,OAAO;OACV;GACL,MAAM,gBAAA,GAAA,cAAA,gBAAA,CAAqC;IACzC;IACA;IACA;IACA;IACA;IACA,oBAAoB;IACpB;IACA,GAAG;GACL,CAAC;GAED,QAAQ,OAAO,QAAQ,YAAY,CAAC,CACjC,KAAK,CAAC,KAAK,WAAW;IACrB,QAAQ,WAAW,MAAM,CAAC,CAAC,SAAS,KAAK;IAEzC,OAAO,KAAA,GAAA,cAAA,YAAA,CAAgB,GAAG,EAAE,IAAI,MAAM;GACxC,CAAC,CAAC,CACD,KAAK,OAAO;EACjB;EAEF,MAAM,aAAa,CAAC,IAAI,YAAY;EAEpC,IAAI,MAAM,WAAW,KAAK,IAAI;EAC9B,IAAI,MAAM,WAAW,KAAK,IAAI;EAC9B,IAAI,OAAO,WAAW,KAAK,KAAK;EAEhC,KAAK,WAAW,KAAK,GAAG,KAAK;EAE7B,OAAO;CACT,GACA,CAAC,CACH;AACF"}

package/dist/esm/core/css/calc.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calc.js","names":[],"sources":["../../../../src/core/css/calc.ts"],"sourcesContent":["import type { ThemeToken } from \"../system\"\nimport type { Transform } from \"./utils\"\nimport { isNumeric } from \"../../utils\"\nimport {\n getCSSFunction,\n globalValues,\n isCSSFunction,\n isCSSToken,\n splitValues,\n} from \"./utils\"\n\nconst OPERATORS = [\"+\", \"-\", \"*\", \"/\"]\n\nfunction getValue(value: string \| undefined, fallbackValue = \"\"): Transform {\n return function (token, { system, ...rest }) {\n if (!value) return fallbackValue\n\n const prevent = isCSSFunction(value)\n\n if (prevent) {\n return generateCalc(token)(value, { system, ...rest })\n } else {\n if (isNumeric(value)) return value\n\n const resolvedToken = `${token}.${value}`\n\n if (isCSSToken(system)(resolvedToken)) {\n return system.cssMap[resolvedToken]!.ref\n } else ~~{\n~~ return value\n ~~}\n~~ }\n }\n}\n\nfunction isOperator(value: string) {\n return new RegExp(`\\\\s[${OPERATORS.join(\"\\\\\")}]\\\\s`).test(value)\n}\n\nexport function generateCalc(token: ThemeToken): Transform {\n return function (value, options) {\n if (value == null \|\| globalValues.has(value)) return value\n\n const prevent = isCSSFunction(value)\n\n if (!prevent) return value\n\n let { type, values } = getCSSFunction(value)\n\n if (!type \|\| !values) return value\n\n switch (type) {\n case \"calc\": {\n const computedValues = splitValues(\n values,\n (char, prev, next) => isOperator(`${prev}${char}${next}`),\n true,\n ).map((value) => {\n if (value && OPERATORS.includes(value)) return value\n\n return getValue(value)(token, options)\n })\n\n return `calc(${computedValues.join(\" \")})`\n }\n\n case \"min\":\n case \"max\": {\n let [firstValue, secondValue, ...otherValues] = splitValues(values)\n\n firstValue = getValue(firstValue, \"100%\")(token, options)\n secondValue = getValue(secondValue, \"100%\")(token, options)\n otherValues = otherValues.map((value) =>\n getValue(value)(token, options),\n )\n\n return (\n `${type}(` +\n `${firstValue}, ${secondValue}` +\n (otherValues.length ? `, ${otherValues.join(\", \")}` : \"\") +\n \")\"\n )\n }\n\n case \"clamp\": {\n let [min, preferred, max] = splitValues(values)\n\n if (!max) {\n max = preferred\n preferred = \"\"\n }\n\n min = getValue(min)(token, options)\n preferred = getValue(preferred, \"100%\")(token, options)\n max = getValue(max)(token, options)\n\n return `clamp(${min}, ${preferred}, ${max})`\n }\n\n case \"minmax\": {\n let [min, max] = splitValues(values)\n\n min = getValue(min)(token, options)\n max = getValue(max)(token, options)\n\n return `minmax(${min}, ${max})`\n }\n\n case \"fit-content\": {\n let [value] = splitValues(values)\n\n value = getValue(value)(token, options)\n\n return `fit-content(${value})`\n }\n\n default:\n return value\n }\n }\n}\n"],"mappings":";;;AAWA,MAAM,YAAY;CAAC;CAAK;CAAK;CAAK;AAAG;AAErC,SAAS,SAAS,OAA2B,gBAAgB,IAAe;CAC1E,OAAO,SAAU,OAAO,EAAE,QAAQ,GAAG,QAAQ;EAC3C,IAAI,CAAC,OAAO,OAAO;EAInB,IAFgB,cAAc,KAEpB,GACR,OAAO,aAAa,KAAK,CAAC,CAAC,OAAO;GAAE;GAAQ,GAAG;EAAK,CAAC;OAChD;GACL,KAAA,GAAA,cAAA,UAAA,CAAc,KAAK,GAAG,OAAO;GAE7B,MAAM,gBAAgB,GAAG,MAAM,GAAG;GAElC,IAAI,WAAW,MAAM,CAAC,CAAC,aAAa,GAClC,OAAO,OAAO,OAAO,cAAc,CAAE;~~QAErC~~,OAAO;~~EAEX~~;CACF;AACF;AAEA,SAAS,WAAW,OAAe;CACjC,OAAO,IAAI,OAAO,OAAO,UAAU,KAAK,IAAI,EAAE,KAAK,CAAC,CAAC,KAAK,KAAK;AACjE;AAEA,SAAgB,aAAa,OAA8B;CACzD,OAAO,SAAU,OAAO,SAAS;EAC/B,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;EAIrD,IAAI,CAFY,cAAc,KAEnB,GAAG,OAAO;EAErB,IAAI,EAAE,MAAM,WAAW,eAAe,KAAK;EAE3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,QAAQ,MAAR;GACE,KAAK,QAWH,OAAO,QAVgB,YACrB,SACC,MAAM,MAAM,SAAS,WAAW,GAAG,OAAO,OAAO,MAAM,GACxD,IACF,CAAC,CAAC,KAAK,UAAU;IACf,IAAI,SAAS,UAAU,SAAS,KAAK,GAAG,OAAO;IAE/C,OAAO,SAAS,KAAK,CAAC,CAAC,OAAO,OAAO;GACvC,CAE4B,CAAC,CAAC,KAAK,GAAG,EAAE;GAG1C,KAAK;GACL,KAAK,OAAO;IACV,IAAI,CAAC,YAAY,aAAa,GAAG,eAAe,YAAY,MAAM;IAElE,aAAa,SAAS,YAAY,MAAM,CAAC,CAAC,OAAO,OAAO;IACxD,cAAc,SAAS,aAAa,MAAM,CAAC,CAAC,OAAO,OAAO;IAC1D,cAAc,YAAY,KAAK,UAC7B,SAAS,KAAK,CAAC,CAAC,OAAO,OAAO,CAChC;IAEA,OACE,GAAG,KAAK,GACL,WAAW,IAAI,iBACjB,YAAY,SAAS,KAAK,YAAY,KAAK,IAAI,MAAM,MACtD;GAEJ;GAEA,KAAK,SAAS;IACZ,IAAI,CAAC,KAAK,WAAW,OAAO,YAAY,MAAM;IAE9C,IAAI,CAAC,KAAK;KACR,MAAM;KACN,YAAY;IACd;IAEA,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,OAAO;IAClC,YAAY,SAAS,WAAW,MAAM,CAAC,CAAC,OAAO,OAAO;IACtD,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,OAAO;IAElC,OAAO,SAAS,IAAI,IAAI,UAAU,IAAI,IAAI;GAC5C;GAEA,KAAK,UAAU;IACb,IAAI,CAAC,KAAK,OAAO,YAAY,MAAM;IAEnC,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,OAAO;IAClC,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,OAAO;IAElC,OAAO,UAAU,IAAI,IAAI,IAAI;GAC/B;GAEA,KAAK,eAAe;IAClB,IAAI,CAAC,SAAS,YAAY,MAAM;IAEhC,QAAQ,SAAS,KAAK,CAAC,CAAC,OAAO,OAAO;IAEtC,OAAO,eAAe,MAAM;GAC9B;GAEA,SACE,OAAO;EACX;CACF;AACF"}
1	+ {"version":3,"file":"calc.js","names":[],"sources":["../../../../src/core/css/calc.ts"],"sourcesContent":["import type { ThemeToken } from \"../system\"\nimport type { Transform } from \"./utils\"\nimport { isNumeric } from \"../../utils\"\nimport {\n getCSSFunction,\n globalValues,\n isCSSFunction,\n isCSSToken,\n splitValues,\n} from \"./utils\"\n\nconst OPERATORS = [\"+\", \"-\", \"*\", \"/\"]\n\nfunction getValue(value: string \| undefined, fallbackValue = \"\"): Transform {\n return function (token, { system, ...rest }) {\n if (!value) return fallbackValue\n\n const prevent = isCSSFunction(value)\n\n if (prevent) {\n return generateCalc(token)(value, { system, ...rest })\n } else {\n if (isNumeric(value)) return value\n\n const resolvedToken = `${token}.${value}`\n\n if (isCSSToken(system)(resolvedToken))\n return system.cssMap[resolvedToken]!.ref\n else return value\n }\n }\n}\n\nfunction isOperator(value: string) {\n return new RegExp(`\\\\s[${OPERATORS.join(\"\\\\\")}]\\\\s`).test(value)\n}\n\nexport function generateCalc(token: ThemeToken): Transform {\n return function (value, options) {\n if (value == null \|\| globalValues.has(value)) return value\n\n const prevent = isCSSFunction(value)\n\n if (!prevent) return value\n\n let { type, values } = getCSSFunction(value)\n\n if (!type \|\| !values) return value\n\n switch (type) {\n case \"calc\": {\n const computedValues = splitValues(\n values,\n (char, prev, next) => isOperator(`${prev}${char}${next}`),\n true,\n ).map((value) => {\n if (value && OPERATORS.includes(value)) return value\n\n return getValue(value)(token, options)\n })\n\n return `calc(${computedValues.join(\" \")})`\n }\n\n case \"min\":\n case \"max\": {\n let [firstValue, secondValue, ...otherValues] = splitValues(values)\n\n firstValue = getValue(firstValue, \"100%\")(token, options)\n secondValue = getValue(secondValue, \"100%\")(token, options)\n otherValues = otherValues.map((value) =>\n getValue(value)(token, options),\n )\n\n return (\n `${type}(` +\n `${firstValue}, ${secondValue}` +\n (otherValues.length ? `, ${otherValues.join(\", \")}` : \"\") +\n \")\"\n )\n }\n\n case \"clamp\": {\n let [min, preferred, max] = splitValues(values)\n\n if (!max) {\n max = preferred\n preferred = \"\"\n }\n\n min = getValue(min)(token, options)\n preferred = getValue(preferred, \"100%\")(token, options)\n max = getValue(max)(token, options)\n\n return `clamp(${min}, ${preferred}, ${max})`\n }\n\n case \"minmax\": {\n let [min, max] = splitValues(values)\n\n min = getValue(min)(token, options)\n max = getValue(max)(token, options)\n\n return `minmax(${min}, ${max})`\n }\n\n case \"fit-content\": {\n let [value] = splitValues(values)\n\n value = getValue(value)(token, options)\n\n return `fit-content(${value})`\n }\n\n default:\n return value\n }\n }\n}\n"],"mappings":";;;AAWA,MAAM,YAAY;CAAC;CAAK;CAAK;CAAK;AAAG;AAErC,SAAS,SAAS,OAA2B,gBAAgB,IAAe;CAC1E,OAAO,SAAU,OAAO,EAAE,QAAQ,GAAG,QAAQ;EAC3C,IAAI,CAAC,OAAO,OAAO;EAInB,IAFgB,cAAc,KAEpB,GACR,OAAO,aAAa,KAAK,CAAC,CAAC,OAAO;GAAE;GAAQ,GAAG;EAAK,CAAC;OAChD;GACL,KAAA,GAAA,cAAA,UAAA,CAAc,KAAK,GAAG,OAAO;GAE7B,MAAM,gBAAgB,GAAG,MAAM,GAAG;GAElC,IAAI,WAAW,MAAM,CAAC,CAAC,aAAa,GAClC,OAAO,OAAO,OAAO,cAAc,CAAE;QAClC,OAAO;EACd;CACF;AACF;AAEA,SAAS,WAAW,OAAe;CACjC,OAAO,IAAI,OAAO,OAAO,UAAU,KAAK,IAAI,EAAE,KAAK,CAAC,CAAC,KAAK,KAAK;AACjE;AAEA,SAAgB,aAAa,OAA8B;CACzD,OAAO,SAAU,OAAO,SAAS;EAC/B,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;EAIrD,IAAI,CAFY,cAAc,KAEnB,GAAG,OAAO;EAErB,IAAI,EAAE,MAAM,WAAW,eAAe,KAAK;EAE3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,QAAQ,MAAR;GACE,KAAK,QAWH,OAAO,QAVgB,YACrB,SACC,MAAM,MAAM,SAAS,WAAW,GAAG,OAAO,OAAO,MAAM,GACxD,IACF,CAAC,CAAC,KAAK,UAAU;IACf,IAAI,SAAS,UAAU,SAAS,KAAK,GAAG,OAAO;IAE/C,OAAO,SAAS,KAAK,CAAC,CAAC,OAAO,OAAO;GACvC,CAE4B,CAAC,CAAC,KAAK,GAAG,EAAE;GAG1C,KAAK;GACL,KAAK,OAAO;IACV,IAAI,CAAC,YAAY,aAAa,GAAG,eAAe,YAAY,MAAM;IAElE,aAAa,SAAS,YAAY,MAAM,CAAC,CAAC,OAAO,OAAO;IACxD,cAAc,SAAS,aAAa,MAAM,CAAC,CAAC,OAAO,OAAO;IAC1D,cAAc,YAAY,KAAK,UAC7B,SAAS,KAAK,CAAC,CAAC,OAAO,OAAO,CAChC;IAEA,OACE,GAAG,KAAK,GACL,WAAW,IAAI,iBACjB,YAAY,SAAS,KAAK,YAAY,KAAK,IAAI,MAAM,MACtD;GAEJ;GAEA,KAAK,SAAS;IACZ,IAAI,CAAC,KAAK,WAAW,OAAO,YAAY,MAAM;IAE9C,IAAI,CAAC,KAAK;KACR,MAAM;KACN,YAAY;IACd;IAEA,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,OAAO;IAClC,YAAY,SAAS,WAAW,MAAM,CAAC,CAAC,OAAO,OAAO;IACtD,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,OAAO;IAElC,OAAO,SAAS,IAAI,IAAI,UAAU,IAAI,IAAI;GAC5C;GAEA,KAAK,UAAU;IACb,IAAI,CAAC,KAAK,OAAO,YAAY,MAAM;IAEnC,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,OAAO;IAClC,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,OAAO;IAElC,OAAO,UAAU,IAAI,IAAI,IAAI;GAC/B;GAEA,KAAK,eAAe;IAClB,IAAI,CAAC,SAAS,YAAY,MAAM;IAEhC,QAAQ,SAAS,KAAK,CAAC,CAAC,OAAO,OAAO;IAEtC,OAAO,eAAe,MAAM;GAC9B;GAEA,SACE,OAAO;EACX;CACF;AACF"}

package/dist/esm/core/css/color-mix.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-mix.js","names":[],"sources":["../../../../src/core/css/color-mix.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, isString } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\nimport { getCSSFunction, globalValues, splitValues, tokenToVar } from \"./utils\"\n\nconst DEFAULT_METHOD = \"in srgb\"\n\nconst methods: { [key: string]: string } = {\n \"a98-rgb\": \"in a98-rgb\",\n \"display-p3\": \"in display-p3\",\n lab: \"in lab\",\n oklab: \"in oklab\",\n \"prophoto-rgb\": \"in prophoto-rgb\",\n rec2020: \"in rec2020\",\n srgb: \"in srgb\",\n \"srgb-linear\": \"in srgb-linear\",\n xyz: \"in xyz\",\n \"xyz-d50\": \"in xyz-d50\",\n \"xyz-d65\": \"in xyz-d65\",\n}\n\nfunction getColor(system: System) {\n return function (value: string \| undefined, fallbackColor?: string) {\n if (!isString(value) \|\| !value) return \"\"\n\n let [color, percent, ...rest] = value.split(\" \").filter(Boolean)\n\n if (rest.length) return value\n\n if (color?.startsWith(\"colors.\")) color = color.replace(\"colors.\", \"\")\n\n if (isColorScheme(color)) ~~{\n~~ color = getColorSchemeVar(system)(color)\n } else ~~{\n~~ color = tokenToVar(system)(\"colors\", color, fallbackColor)\n }\n\n if (percent && !percent.startsWith(\"var\") && !percent.endsWith(\"%\"))\n percent = `${percent}%`\n\n return !percent ? color : `${color} ${percent}`\n }\n}\n\nfunction omitPercent(value?: string) {\n if (!value) return value\n\n if (value.endsWith(\"%\")) return value.replace(/\\d{1,3}%$/, \"\").trim()\n\n const values = value.trim().match(/[a-z-]+\$[^)]\$\|[^\\s]+/gi) ?? []\n\n if (values.length > 1) return values[0]\n\n return value\n}\n\nfunction createVariable(\n value: string,\n fallbackValue?: string,\n properties?: string[],\n) {\n if (!properties) return value\n\n const key =\n \"--mix-\" + (isArray(properties) ? properties.join(\"-\") : properties)\n\n const result = { [key]: value }\n\n properties.forEach((property) => {\n result[property] = fallbackValue\n ? `var(${key}, ${fallbackValue})`\n : `var(${key})`\n })\n\n return result\n}\n\nexport function colorMix(\n value: any,\n { fallback, properties, system }: TransformOptions,\n) {\n if (value == null \|\| globalValues.has(value)) return value\n\n if (isString(value) && value.includes(\"/\")) {\n const [color, percent] = value.split(\"/\")\n\n value = `transparentize(${color}, ${percent})`\n }\n\n const { type, values } = getCSSFunction(value)\n\n if (!values) return getColor(system)(value, fallback)\n\n switch (type) {\n case \"mix\":\n case \"color-mix\": {\n let [color2, color1, method] = splitValues(values).reverse()\n\n if (method) ~~{\n~~ method = method in methods ? methods[method] : method\n } else ~~{\n~~ method = DEFAULT_METHOD\n }\n\n color1 = getColor(system)(color1, fallback)\n color2 = getColor(system)(color2, fallback)\n\n return createVariable(\n `color-mix(${method}` +\n (color1 ? `, ${color1}` : \"\") +\n (color2 ? `, ${color2}` : \"\") +\n \")\",\n omitPercent(color1),\n properties,\n )\n }\n\n case \"tint\":\n case \"shade\":\n case \"transparentize\": {\n const [color, percent] = splitValues(values)\n\n const color1 = getColor(system)(\n percent ? `${color} ${percent}` : color,\n fallback,\n )\n const color2 =\n type === \"transparentize\"\n ? \"transparent\"\n : type === \"tint\"\n ? \"#fff\"\n : \"#000\"\n\n return createVariable(\n `color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`,\n omitPercent(color1),\n properties,\n )\n }\n\n case \"tone\": {\n const [color, tone] = splitValues(values)\n\n const color1 = getColor(system)(color, fallback)\n\n if (!tone) return color1\n\n let ratio = parseInt(tone) \|\| 500\n\n if (ratio < 50 \|\| 950 < ratio) ratio = 500\n if (ratio === 500) return color1\n\n const color2 = ratio < 500 ? \"#fff\" : \"#000\"\n const percent = `${100 - (Math.abs(ratio - 500) 2) / 10}%`\n\n return createVariable(\n `color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`,\n omitPercent(color1),\n properties,\n )\n }\n\n default: {\n return value\n }\n }\n}\n"],"mappings":";;;;AAMA,MAAM,iBAAiB;AAEvB,MAAM,UAAqC;CACzC,WAAW;CACX,cAAc;CACd,KAAK;CACL,OAAO;CACP,gBAAgB;CAChB,SAAS;CACT,MAAM;CACN,eAAe;CACf,KAAK;CACL,WAAW;CACX,WAAW;AACb;AAEA,SAAS,SAAS,QAAgB;CAChC,OAAO,SAAU,OAA2B,eAAwB;EAClE,IAAI,EAAA,GAAA,cAAA,SAAA,CAAU,KAAK,KAAK,CAAC,OAAO,OAAO;EAEvC,IAAI,CAAC,OAAO,SAAS,GAAG,QAAQ,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,OAAO;EAE/D,IAAI,KAAK,QAAQ,OAAO;EAExB,IAAI,OAAO,WAAW,SAAS,GAAG,QAAQ,MAAM,QAAQ,WAAW,EAAE;EAErE,IAAI,cAAc,KAAK,~~GACrB~~,QAAQ,kBAAkB,MAAM,CAAC,CAAC,KAAK;~~OAEvC~~,QAAQ,WAAW,MAAM,CAAC,CAAC,UAAU,OAAO,aAAa;~~EAG3D~~,IAAI,WAAW,CAAC,QAAQ,WAAW,KAAK,KAAK,CAAC,QAAQ,SAAS,GAAG,GAChE,UAAU,GAAG,QAAQ;EAEvB,OAAO,CAAC,UAAU,QAAQ,GAAG,MAAM,GAAG;CACxC;AACF;AAEA,SAAS,YAAY,OAAgB;CACnC,IAAI,CAAC,OAAO,OAAO;CAEnB,IAAI,MAAM,SAAS,GAAG,GAAG,OAAO,MAAM,QAAQ,aAAa,EAAE,CAAC,CAAC,KAAK;CAEpE,MAAM,SAAS,MAAM,KAAK,CAAC,CAAC,MAAM,2BAA2B,KAAK,CAAC;CAEnE,IAAI,OAAO,SAAS,GAAG,OAAO,OAAO;CAErC,OAAO;AACT;AAEA,SAAS,eACP,OACA,eACA,YACA;CACA,IAAI,CAAC,YAAY,OAAO;CAExB,MAAM,MACJ,aAAA,GAAA,cAAA,QAAA,CAAoB,UAAU,IAAI,WAAW,KAAK,GAAG,IAAI;CAE3D,MAAM,SAAS,GAAG,MAAM,MAAM;CAE9B,WAAW,SAAS,aAAa;EAC/B,OAAO,YAAY,gBACf,OAAO,IAAI,IAAI,cAAc,KAC7B,OAAO,IAAI;CACjB,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,SACd,OACA,EAAE,UAAU,YAAY,UACxB;CACA,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,KAAA,GAAA,cAAA,SAAA,CAAa,KAAK,KAAK,MAAM,SAAS,GAAG,GAAG;EAC1C,MAAM,CAAC,OAAO,WAAW,MAAM,MAAM,GAAG;EAExC,QAAQ,kBAAkB,MAAM,IAAI,QAAQ;CAC9C;CAEA,MAAM,EAAE,MAAM,WAAW,eAAe,KAAK;CAE7C,IAAI,CAAC,QAAQ,OAAO,SAAS,MAAM,CAAC,CAAC,OAAO,QAAQ;CAEpD,QAAQ,MAAR;EACE,KAAK;EACL,KAAK,aAAa;GAChB,IAAI,CAAC,QAAQ,QAAQ,UAAU,YAAY,MAAM,CAAC,CAAC,QAAQ;GAE3D,IAAI,~~QACF~~,SAAS,UAAU,UAAU,QAAQ,UAAU;~~QAE/C~~,SAAS;~~GAGX~~,SAAS,SAAS,MAAM,CAAC,CAAC,QAAQ,QAAQ;GAC1C,SAAS,SAAS,MAAM,CAAC,CAAC,QAAQ,QAAQ;GAE1C,OAAO,eACL,aAAa,YACV,SAAS,KAAK,WAAW,OACzB,SAAS,KAAK,WAAW,MAC1B,KACF,YAAY,MAAM,GAClB,UACF;EACF;EAEA,KAAK;EACL,KAAK;EACL,KAAK,kBAAkB;GACrB,MAAM,CAAC,OAAO,WAAW,YAAY,MAAM;GAE3C,MAAM,SAAS,SAAS,MAAM,CAAC,CAC7B,UAAU,GAAG,MAAM,GAAG,YAAY,OAClC,QACF;GAQA,OAAO,eACL,aAAa,eAAe,IAAI,OAAO,IAPvC,SAAS,mBACL,gBACA,SAAS,SACP,SACA,OAG4C,IAClD,YAAY,MAAM,GAClB,UACF;EACF;EAEA,KAAK,QAAQ;GACX,MAAM,CAAC,OAAO,QAAQ,YAAY,MAAM;GAExC,MAAM,SAAS,SAAS,MAAM,CAAC,CAAC,OAAO,QAAQ;GAE/C,IAAI,CAAC,MAAM,OAAO;GAElB,IAAI,QAAQ,SAAS,IAAI,KAAK;GAE9B,IAAI,QAAQ,MAAM,MAAM,OAAO,QAAQ;GACvC,IAAI,UAAU,KAAK,OAAO;GAE1B,MAAM,SAAS,QAAQ,MAAM,SAAS;GAGtC,OAAO,eACL,aAAa,eAAe,IAAI,OAAO,GAAG,GAHzB,MAAO,KAAK,IAAI,QAAQ,GAAG,IAAI,IAAK,GAAG,GAGN,IAAI,OAAO,IAC7D,YAAY,MAAM,GAClB,UACF;EACF;EAEA,SACE,OAAO;CAEX;AACF"}
1	+ {"version":3,"file":"color-mix.js","names":[],"sources":["../../../../src/core/css/color-mix.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, isString } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\nimport { getCSSFunction, globalValues, splitValues, tokenToVar } from \"./utils\"\n\nconst DEFAULT_METHOD = \"in srgb\"\n\nconst methods: { [key: string]: string } = {\n \"a98-rgb\": \"in a98-rgb\",\n \"display-p3\": \"in display-p3\",\n lab: \"in lab\",\n oklab: \"in oklab\",\n \"prophoto-rgb\": \"in prophoto-rgb\",\n rec2020: \"in rec2020\",\n srgb: \"in srgb\",\n \"srgb-linear\": \"in srgb-linear\",\n xyz: \"in xyz\",\n \"xyz-d50\": \"in xyz-d50\",\n \"xyz-d65\": \"in xyz-d65\",\n}\n\nfunction getColor(system: System) {\n return function (value: string \| undefined, fallbackColor?: string) {\n if (!isString(value) \|\| !value) return \"\"\n\n let [color, percent, ...rest] = value.split(\" \").filter(Boolean)\n\n if (rest.length) return value\n\n if (color?.startsWith(\"colors.\")) color = color.replace(\"colors.\", \"\")\n\n if (isColorScheme(color)) color = getColorSchemeVar(system)(color)\n else color = tokenToVar(system)(\"colors\", color, fallbackColor)\n\n if (percent && !percent.startsWith(\"var\") && !percent.endsWith(\"%\"))\n percent = `${percent}%`\n\n return !percent ? color : `${color} ${percent}`\n }\n}\n\nfunction omitPercent(value?: string) {\n if (!value) return value\n\n if (value.endsWith(\"%\")) return value.replace(/\\d{1,3}%$/, \"\").trim()\n\n const values = value.trim().match(/[a-z-]+\$[^)]\$\|[^\\s]+/gi) ?? []\n\n if (values.length > 1) return values[0]\n\n return value\n}\n\nfunction createVariable(\n value: string,\n fallbackValue?: string,\n properties?: string[],\n) {\n if (!properties) return value\n\n const key =\n \"--mix-\" + (isArray(properties) ? properties.join(\"-\") : properties)\n\n const result = { [key]: value }\n\n properties.forEach((property) => {\n result[property] = fallbackValue\n ? `var(${key}, ${fallbackValue})`\n : `var(${key})`\n })\n\n return result\n}\n\nexport function colorMix(\n value: any,\n { fallback, properties, system }: TransformOptions,\n) {\n if (value == null \|\| globalValues.has(value)) return value\n\n if (isString(value) && value.includes(\"/\")) {\n const [color, percent] = value.split(\"/\")\n\n value = `transparentize(${color}, ${percent})`\n }\n\n const { type, values } = getCSSFunction(value)\n\n if (!values) return getColor(system)(value, fallback)\n\n switch (type) {\n case \"mix\":\n case \"color-mix\": {\n let [color2, color1, method] = splitValues(values).reverse()\n\n if (method) method = method in methods ? methods[method] : method\n else method = DEFAULT_METHOD\n\n color1 = getColor(system)(color1, fallback)\n color2 = getColor(system)(color2, fallback)\n\n return createVariable(\n `color-mix(${method}` +\n (color1 ? `, ${color1}` : \"\") +\n (color2 ? `, ${color2}` : \"\") +\n \")\",\n omitPercent(color1),\n properties,\n )\n }\n\n case \"tint\":\n case \"shade\":\n case \"transparentize\": {\n const [color, percent] = splitValues(values)\n\n const color1 = getColor(system)(\n percent ? `${color} ${percent}` : color,\n fallback,\n )\n const color2 =\n type === \"transparentize\"\n ? \"transparent\"\n : type === \"tint\"\n ? \"#fff\"\n : \"#000\"\n\n return createVariable(\n `color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`,\n omitPercent(color1),\n properties,\n )\n }\n\n case \"tone\": {\n const [color, tone] = splitValues(values)\n\n const color1 = getColor(system)(color, fallback)\n\n if (!tone) return color1\n\n let ratio = parseInt(tone) \|\| 500\n\n if (ratio < 50 \|\| 950 < ratio) ratio = 500\n if (ratio === 500) return color1\n\n const color2 = ratio < 500 ? \"#fff\" : \"#000\"\n const percent = `${100 - (Math.abs(ratio - 500) 2) / 10}%`\n\n return createVariable(\n `color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`,\n omitPercent(color1),\n properties,\n )\n }\n\n default: {\n return value\n }\n }\n}\n"],"mappings":"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"}

package/dist/esm/core/css/config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"config.js","names":[],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { display } from \"./display\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n important?: boolean\n properties?: CSSProperties[]\n static?: CSSObject\n token?: ThemeToken\n transform?: Transform\n}\n\nexport interface StyleConfigs {\n [key: string]: StyleConfig \| true\n}\n\nexport const transforms = {\n style: generateStyle,\n colorScheme,\n animation,\n bgClip: (value, { prev }) => {\n if (value === \"text\") {\n prev ??= {}\n prev.color ??= \"transparent\"\n\n return value\n } else {\n return value\n }\n },\n calc: generateCalc,\n colorMix,\n container: generateAtRule(\"container\"),\n content: (value) => {\n if (isObject(value)) ~~{\n~~ return { content: \"''\", ...value }\n } else ~~{\n~~ return value\n ~~}\n~~ },\n deg: (value) => {\n if (isCSSVar(value) \|\| value == null) return value\n\n const isUnitless =\n typeof value === \"string\" &&\n !value.endsWith(\"deg\") &&\n !value.endsWith(\"grad\") &&\n !value.endsWith(\"turn\") &&\n !value.endsWith(\"rad\")\n\n return isUnitless \|\| isNumber(value) ? `${value}deg` : value\n },\n display,\n filter: generateFilter,\n focusRing: generateFocusRing,\n fraction: (value) => {\n if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n return value\n },\n function: generateFunction,\n gradient,\n grid,\n keyframes,\n media: generateAtRule(\"media\"),\n px: (value) => {\n if (value == null) return value\n\n const { unitless } = analyzeCSSValue(value)\n\n return unitless \|\| isNumber(value) ? `${value}px` : value\n },\n supports: generateAtRule(\"supports\"),\n token: generateToken,\n transform,\n transition: generateTransition,\n truncated: (value: boolean) => {\n if (value) {\n return {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }\n ~~}\n~~ },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAa,aAAa;CACxB,OAAO;CACP;CACA;CACA,SAAS,OAAO,EAAE,WAAW;EAC3B,IAAI,UAAU,QAAQ;GACpB,SAAS,CAAC;GACV,KAAK,UAAU;GAEf,OAAO;EACT,OACE,OAAO;CAEX;CACA,MAAM;CACN;CACA,WAAW,eAAe,WAAW;CACrC,UAAU,UAAU;EAClB,KAAA,GAAA,cAAA,SAAA,CAAa,KAAK,~~GAChB~~,OAAO;GAAE,SAAS;GAAM,GAAG;EAAM;~~OAEjC~~,OAAO;~~CAEX~~;CACA,MAAM,UAAU;EACd,IAAI,SAAS,KAAK,KAAK,SAAS,MAAM,OAAO;EAS7C,OANE,OAAO,UAAU,YACjB,CAAC,MAAM,SAAS,KAAK,KACrB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,KAAK,MAAA,GAAA,cAAA,SAAA,CAEO,KAAK,IAAI,GAAG,MAAM,OAAO;CACzD;CACA;CACA,QAAQ;CACR,WAAW;CACX,WAAW,UAAU;EACnB,KAAA,GAAA,cAAA,SAAA,CAAa,KAAK,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,IAAI;EAE1D,OAAO;CACT;CACA,UAAU;CACV;CACA;CACA;CACA,OAAO,eAAe,OAAO;CAC7B,KAAK,UAAU;EACb,IAAI,SAAS,MAAM,OAAO;EAE1B,MAAM,EAAE,aAAa,gBAAgB,KAAK;EAE1C,OAAO,aAAA,GAAA,cAAA,SAAA,CAAqB,KAAK,IAAI,GAAG,MAAM,MAAM;CACtD;CACA,UAAU,eAAe,UAAU;CACnC,OAAO;CACP;CACA,YAAY;CACZ,YAAY,UAAmB;EAC7B,IAAI,OACF,OAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACd;~~CAEJ~~;AACF"}
1	+ {"version":3,"file":"config.js","names":[],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { display } from \"./display\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n important?: boolean\n properties?: CSSProperties[]\n static?: CSSObject\n token?: ThemeToken\n transform?: Transform\n}\n\nexport interface StyleConfigs {\n [key: string]: StyleConfig \| true\n}\n\nexport const transforms = {\n style: generateStyle,\n colorScheme,\n animation,\n bgClip: (value, { prev }) => {\n if (value === \"text\") {\n prev ??= {}\n prev.color ??= \"transparent\"\n\n return value\n } else {\n return value\n }\n },\n calc: generateCalc,\n colorMix,\n container: generateAtRule(\"container\"),\n content: (value) => {\n if (isObject(value)) return { content: \"''\", ...value }\n else return value\n },\n deg: (value) => {\n if (isCSSVar(value) \|\| value == null) return value\n\n const isUnitless =\n typeof value === \"string\" &&\n !value.endsWith(\"deg\") &&\n !value.endsWith(\"grad\") &&\n !value.endsWith(\"turn\") &&\n !value.endsWith(\"rad\")\n\n return isUnitless \|\| isNumber(value) ? `${value}deg` : value\n },\n display,\n filter: generateFilter,\n focusRing: generateFocusRing,\n fraction: (value) => {\n if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n return value\n },\n function: generateFunction,\n gradient,\n grid,\n keyframes,\n media: generateAtRule(\"media\"),\n px: (value) => {\n if (value == null) return value\n\n const { unitless } = analyzeCSSValue(value)\n\n return unitless \|\| isNumber(value) ? `${value}px` : value\n },\n supports: generateAtRule(\"supports\"),\n token: generateToken,\n transform,\n transition: generateTransition,\n truncated: (value: boolean) => {\n if (value)\n return {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }\n },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAa,aAAa;CACxB,OAAO;CACP;CACA;CACA,SAAS,OAAO,EAAE,WAAW;EAC3B,IAAI,UAAU,QAAQ;GACpB,SAAS,CAAC;GACV,KAAK,UAAU;GAEf,OAAO;EACT,OACE,OAAO;CAEX;CACA,MAAM;CACN;CACA,WAAW,eAAe,WAAW;CACrC,UAAU,UAAU;EAClB,KAAA,GAAA,cAAA,SAAA,CAAa,KAAK,GAAG,OAAO;GAAE,SAAS;GAAM,GAAG;EAAM;OACjD,OAAO;CACd;CACA,MAAM,UAAU;EACd,IAAI,SAAS,KAAK,KAAK,SAAS,MAAM,OAAO;EAS7C,OANE,OAAO,UAAU,YACjB,CAAC,MAAM,SAAS,KAAK,KACrB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,KAAK,MAAA,GAAA,cAAA,SAAA,CAEO,KAAK,IAAI,GAAG,MAAM,OAAO;CACzD;CACA;CACA,QAAQ;CACR,WAAW;CACX,WAAW,UAAU;EACnB,KAAA,GAAA,cAAA,SAAA,CAAa,KAAK,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,IAAI;EAE1D,OAAO;CACT;CACA,UAAU;CACV;CACA;CACA;CACA,OAAO,eAAe,OAAO;CAC7B,KAAK,UAAU;EACb,IAAI,SAAS,MAAM,OAAO;EAE1B,MAAM,EAAE,aAAa,gBAAgB,KAAK;EAE1C,OAAO,aAAA,GAAA,cAAA,SAAA,CAAqB,KAAK,IAAI,GAAG,MAAM,MAAM;CACtD;CACA,UAAU,eAAe,UAAU;CACnC,OAAO;CACP;CACA,YAAY;CACZ,YAAY,UAAmB;EAC7B,IAAI,OACF,OAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACd;CACJ;AACF"}

package/dist/esm/core/css/css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"css.js","names":[],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.types\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n isArray,\n isObject,\n isString,\n isUndefined,\n merge,\n runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n insertImportant,\n isCSSToken,\n isImportant,\n omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n return function (value: any): boolean {\n if (!isObject(value)) return false\n\n const keys = Object.keys(value)\n\n if (!keys.length) return false\n\n if (!keys.includes(\"base\")) return false\n\n return keys.every((key) => {\n return (\n breakpoints.isResponsiveKey(key) \|\|\n key.startsWith(\"@\") \|\|\n key.startsWith(\"_\")\n )\n })\n }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n return function (key: string, [lightValue, darkValue]: any[]): Dict {\n let computedCSS: Dict = {}\n\n if (isConditionalObject(breakpoints)(lightValue)) {\n computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n } else {\n computedCSS[key] = lightValue\n }\n\n if (isConditionalObject(breakpoints)(darkValue)) {\n computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n key,\n darkValue,\n )\n } else {\n computedCSS[conditions._dark] = { [key]: darkValue }\n }\n\n return computedCSS\n }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n return function (key: string, value: Dict) {\n const conditionalKeys = Object.keys(value).filter(\n (key) => !breakpoints.isResponsiveKey(key),\n )\n\n const breakpointObj = breakpoints.queries.reduce<Dict>(\n (prev, { breakpoint, query }) => {\n const breakpointValue = value[breakpoint]\n\n if (!isUndefined(breakpointValue)) {\n if (isArray(breakpointValue)) {\n const colorModeValue = transformColorModeArray(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: colorModeValue } : colorModeValue,\n )\n } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n const conditionalValue = transformConditionalObject(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: conditionalValue } : conditionalValue,\n )\n } else {\n prev = merge(\n prev,\n query\n ? { [query]: { [key]: breakpointValue } }\n : { [key]: breakpointValue },\n )\n }\n }\n\n return prev\n },\n {},\n )\n\n const additionalObj = conditionalKeys.reduce<Dict>(\n (prev, conditionalKey) => {\n const query = getCondition(conditionalKey)\n\n prev[query] = { [key]: value[conditionalKey] }\n\n return prev\n },\n {},\n )\n\n return merge(breakpointObj, additionalObj)\n }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n return function (key: string, value: any) {\n if (isArray(value)) {\n return transformColorModeArray(breakpoints)(key, value)\n } else if (isConditionalObject(breakpoints)(value)) {\n return transformConditionalObject(breakpoints)(key, value)\n } else {\n return { [key]: value }\n }\n }\n}\n\nfunction expandCSS(system: System) {\n return function (css: Dict): Dict {\n let computedCSS: Dict = {}\n\n for (let [key, value] of Object.entries(css)) {\n if (value == null) continue\n\n if (!isVariableLength(key)) {\n computedCSS = merge(\n computedCSS,\n transformConditionalValue(system)(key, value),\n )\n } else {\n computedCSS = merge(computedCSS, { [key]: value })\n }\n }\n\n return computedCSS\n }\n}\n\nfunction valueToVar(system: System) {\n return function (prop: string, value: any) {\n const result = transformInterpolation(\n value,\n function (value: string, fallbackValue?: string) {\n if (value.includes(\"colorScheme.\")) {\n return getColorSchemeVar(system)(value)\n } else if (value.includes(\"colors.\")) {\n return colorMix(value, { fallback: fallbackValue, system })\n } else if (isCSSToken(system)(value)) {\n return system.cssMap[value]!.ref\n } else if (fallbackValue) {\n fallbackValue = isCSSToken(system)(fallbackValue)\n ? system.cssMap[fallbackValue]!.ref\n : fallbackValue\n\n return getVar(value, fallbackValue)\n } else {\n return getVar(value)\n }\n },\n )\n\n if (prop.startsWith(\"--\") && isString(result)) {\n if (result.includes(\"colorScheme.\")) {\n return getColorSchemeVar(system)(result)\n } else if (result.includes(\"colors.\")) {\n return colorMix(result, { system })\n } else if (isCSSToken(system)(result)) {\n return system.cssMap[result]!.ref\n } else {\n return result\n }\n } else {\n return result\n }\n }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n if (properties) {\n for (const property of properties) {\n prev[property] = prev[property] ?? {}\n prev[property] = merge(prev[property], value)\n }\n } else {\n prev[prop] = prev[prop] ?? {}\n prev[prop] = merge(prev[prop], value)\n }\n\n return prev\n}\n\nfunction insertCSS(\n prev: Dict,\n value: any,\n prop: string,\n properties?: string[],\n) {\n if (properties) {\n for (const property of properties) {\n prev[property] = value\n }\n } else {\n prev[prop] = value\n }\n\n return prev\n}\n\nexport function getStyle(prop: string) {\n const style = styles[prop as StyleProperty] as StyleConfig \| true \| undefined\n\n return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n return function (cssOrFn: CSSObjectOrFunction) {\n function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n const cssObj = runIfFn(cssOrFn, system)\n const computedCSS = expandCSS(system)(cssObj)\n\n let prev: Dict = {}\n\n for (let [prop, value] of Object.entries(computedCSS)) {\n value = valueToVar(system)(prop, value)\n\n if (value == null) continue\n\n prop = getCondition(prop)\n\n const style = getStyle(prop)\n const options: TransformOptions = {\n css,\n prev,\n properties: style?.properties,\n system,\n theme,\n }\n\n if (isObject(value)) {\n value = style?.transform?.(value, options) ?? value\n\n if (isObject(value)) {\n prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n } else {\n prev = insertCSS(prev, value, prop, style?.properties)\n }\n\n continue\n }\n\n const important = isImportant(value)\n\n value = omitImportant(value)\n value = style?.transform?.(value, options) ?? value\n\n if (important) value = insertImportant(value, style)\n\n if (style?.static) prev = merge(prev, style.static)\n\n if (isObject(value)) {\n prev = merge(prev, createCSS(value))\n\n continue\n }\n\n prev = insertCSS(prev, value, prop, style?.properties)\n }\n\n return prev\n }\n\n return createCSS(cssOrFn)\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"css.js","names":[],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.types\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n isArray,\n isObject,\n isString,\n isUndefined,\n merge,\n runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n insertImportant,\n isCSSToken,\n isImportant,\n omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n return function (value: any): boolean {\n if (!isObject(value)) return false\n\n const keys = Object.keys(value)\n\n if (!keys.length) return false\n\n if (!keys.includes(\"base\")) return false\n\n return keys.every((key) => {\n return (\n breakpoints.isResponsiveKey(key) \|\|\n key.startsWith(\"@\") \|\|\n key.startsWith(\"_\")\n )\n })\n }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n return function (key: string, [lightValue, darkValue]: any[]): Dict {\n let computedCSS: Dict = {}\n\n if (isConditionalObject(breakpoints)(lightValue))\n computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n else computedCSS[key] = lightValue\n\n if (isConditionalObject(breakpoints)(darkValue))\n computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n key,\n darkValue,\n )\n else computedCSS[conditions._dark] = { [key]: darkValue }\n\n return computedCSS\n }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n return function (key: string, value: Dict) {\n const conditionalKeys = Object.keys(value).filter(\n (key) => !breakpoints.isResponsiveKey(key),\n )\n\n const breakpointObj = breakpoints.queries.reduce<Dict>(\n (prev, { breakpoint, query }) => {\n const breakpointValue = value[breakpoint]\n\n if (!isUndefined(breakpointValue))\n if (isArray(breakpointValue)) {\n const colorModeValue = transformColorModeArray(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: colorModeValue } : colorModeValue,\n )\n } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n const conditionalValue = transformConditionalObject(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: conditionalValue } : conditionalValue,\n )\n } else {\n prev = merge(\n prev,\n query\n ? { [query]: { [key]: breakpointValue } }\n : { [key]: breakpointValue },\n )\n }\n\n return prev\n },\n {},\n )\n\n const additionalObj = conditionalKeys.reduce<Dict>(\n (prev, conditionalKey) => {\n const query = getCondition(conditionalKey)\n\n prev[query] = { [key]: value[conditionalKey] }\n\n return prev\n },\n {},\n )\n\n return merge(breakpointObj, additionalObj)\n }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n return function (key: string, value: any) {\n if (isArray(value)) return transformColorModeArray(breakpoints)(key, value)\n else if (isConditionalObject(breakpoints)(value))\n return transformConditionalObject(breakpoints)(key, value)\n else return { [key]: value }\n }\n}\n\nfunction expandCSS(system: System) {\n return function (css: Dict): Dict {\n let computedCSS: Dict = {}\n\n for (let [key, value] of Object.entries(css)) {\n if (value == null) continue\n\n if (!isVariableLength(key))\n computedCSS = merge(\n computedCSS,\n transformConditionalValue(system)(key, value),\n )\n else computedCSS = merge(computedCSS, { [key]: value })\n }\n\n return computedCSS\n }\n}\n\nfunction valueToVar(system: System) {\n return function (prop: string, value: any) {\n const result = transformInterpolation(\n value,\n function (value: string, fallbackValue?: string) {\n if (value.includes(\"colorScheme.\")) {\n return getColorSchemeVar(system)(value)\n } else if (value.includes(\"colors.\")) {\n return colorMix(value, { fallback: fallbackValue, system })\n } else if (isCSSToken(system)(value)) {\n return system.cssMap[value]!.ref\n } else if (fallbackValue) {\n fallbackValue = isCSSToken(system)(fallbackValue)\n ? system.cssMap[fallbackValue]!.ref\n : fallbackValue\n\n return getVar(value, fallbackValue)\n } else {\n return getVar(value)\n }\n },\n )\n\n if (prop.startsWith(\"--\") && isString(result))\n if (result.includes(\"colorScheme.\"))\n return getColorSchemeVar(system)(result)\n else if (result.includes(\"colors.\")) return colorMix(result, { system })\n else if (isCSSToken(system)(result)) return system.cssMap[result]!.ref\n else return result\n else return result\n }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n if (properties) {\n for (const property of properties) {\n prev[property] = prev[property] ?? {}\n prev[property] = merge(prev[property], value)\n }\n } else {\n prev[prop] = prev[prop] ?? {}\n prev[prop] = merge(prev[prop], value)\n }\n\n return prev\n}\n\nfunction insertCSS(\n prev: Dict,\n value: any,\n prop: string,\n properties?: string[],\n) {\n if (properties) for (const property of properties) prev[property] = value\n else prev[prop] = value\n\n return prev\n}\n\nexport function getStyle(prop: string) {\n const style = styles[prop as StyleProperty] as StyleConfig \| true \| undefined\n\n return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n return function (cssOrFn: CSSObjectOrFunction) {\n function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n const cssObj = runIfFn(cssOrFn, system)\n const computedCSS = expandCSS(system)(cssObj)\n\n let prev: Dict = {}\n\n for (let [prop, value] of Object.entries(computedCSS)) {\n value = valueToVar(system)(prop, value)\n\n if (value == null) continue\n\n prop = getCondition(prop)\n\n const style = getStyle(prop)\n const options: TransformOptions = {\n css,\n prev,\n properties: style?.properties,\n system,\n theme,\n }\n\n if (isObject(value)) {\n value = style?.transform?.(value, options) ?? value\n\n if (isObject(value))\n prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n else prev = insertCSS(prev, value, prop, style?.properties)\n\n continue\n }\n\n const important = isImportant(value)\n\n value = omitImportant(value)\n value = style?.transform?.(value, options) ?? value\n\n if (important) value = insertImportant(value, style)\n\n if (style?.static) prev = merge(prev, style.static)\n\n if (isObject(value)) {\n prev = merge(prev, createCSS(value))\n\n continue\n }\n\n prev = insertCSS(prev, value, prop, style?.properties)\n }\n\n return prev\n }\n\n return createCSS(cssOrFn)\n }\n}\n"],"mappings":"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"}

package/dist/esm/core/css/gradient.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gradient.js","names":[],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n getCSSFunction,\n globalValues,\n isCSSFunction,\n isCSSToken,\n splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n \"to-b\": \"to bottom\",\n \"to-bl\": \"to bottom left\",\n \"to-br\": \"to bottom right\",\n \"to-l\": \"to left\",\n \"to-r\": \"to right\",\n \"to-t\": \"to top\",\n \"to-tl\": \"to top left\",\n \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n if (value == null \|\| globalValues.has(value)) return value\n\n const prevent = isCSSFunction(value)\n\n if (!prevent) return `url('${value}')`\n\n let { type, values } = getCSSFunction(value)\n\n if (!type \|\| !values) return value\n\n type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n const [maybeDirection, ...colors] = splitValues(values)\n\n if (!colors.length) return value\n\n const direction =\n maybeDirection && maybeDirection in directions\n ? directions[maybeDirection]\n : maybeDirection\n\n if (!isUndefined(direction)) colors.unshift(direction)\n\n const computedValues = colors.map((_color) => {\n if (isUndefined(_color)) return _color\n\n if (directionValues.has(_color)) return _color\n\n const i = _color.indexOf(\" \")\n\n let [color, _ratio] =\n i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n const token = `colors.${color}`\n\n color = isCSSToken(system)(token) ? system.cssMap[token]!.ref : color\n\n if (ratio) ~~{\n~~ return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n } else ~~{\n~~ return color\n ~~}\n~~ })\n\n return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;AAUA,MAAM,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;AACX;AAEA,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,UAAU,CAAC;AAEzD,SAAgB,SAAS,OAAY,EAAE,UAA4B;CACjE,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAIrD,IAAI,CAFY,cAAc,KAEnB,GAAG,OAAO,QAAQ,MAAM;CAEnC,IAAI,EAAE,MAAM,WAAW,eAAe,KAAK;CAE3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;CAE7B,OAAO,KAAK,SAAS,WAAW,IAAI,OAAO,GAAG,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,UAAU,YAAY,MAAM;CAEtD,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;CAEN,IAAI,EAAA,GAAA,cAAA,YAAA,CAAa,SAAS,GAAG,OAAO,QAAQ,SAAS;CAErD,MAAM,iBAAiB,OAAO,KAAK,WAAW;EAC5C,KAAA,GAAA,cAAA,YAAA,CAAgB,MAAM,GAAG,OAAO;EAEhC,IAAI,gBAAgB,IAAI,MAAM,GAAG,OAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,GAAG;EAE5B,IAAI,CAAC,OAAO,UACV,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,CAAC,GAAG,OAAO,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM;EAEhE,MAAM,QAAQ,cAAc,MAAM,IAAI,SAAS,QAAQ,MAAM,GAAG;EAEhE,MAAM,QAAQ,UAAU;EAExB,QAAQ,WAAW,MAAM,CAAC,CAAC,KAAK,IAAI,OAAO,OAAO,MAAM,CAAE,MAAM;EAEhE,IAAI,~~OACF~~,OAAO,CAAC,OAAO,IAAA,GAAA,cAAA,QAAA,CAAY,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAE,CAAC,CAAC,KAAK,GAAG;~~OAE9D~~,OAAO;~~CAEX~~,CAAC;CAED,OAAO,GAAG,KAAK,GAAG,eAAe,KAAK,IAAI,EAAE;AAC9C"}
1	+ {"version":3,"file":"gradient.js","names":[],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n getCSSFunction,\n globalValues,\n isCSSFunction,\n isCSSToken,\n splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n \"to-b\": \"to bottom\",\n \"to-bl\": \"to bottom left\",\n \"to-br\": \"to bottom right\",\n \"to-l\": \"to left\",\n \"to-r\": \"to right\",\n \"to-t\": \"to top\",\n \"to-tl\": \"to top left\",\n \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n if (value == null \|\| globalValues.has(value)) return value\n\n const prevent = isCSSFunction(value)\n\n if (!prevent) return `url('${value}')`\n\n let { type, values } = getCSSFunction(value)\n\n if (!type \|\| !values) return value\n\n type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n const [maybeDirection, ...colors] = splitValues(values)\n\n if (!colors.length) return value\n\n const direction =\n maybeDirection && maybeDirection in directions\n ? directions[maybeDirection]\n : maybeDirection\n\n if (!isUndefined(direction)) colors.unshift(direction)\n\n const computedValues = colors.map((_color) => {\n if (isUndefined(_color)) return _color\n\n if (directionValues.has(_color)) return _color\n\n const i = _color.indexOf(\" \")\n\n let [color, _ratio] =\n i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n const token = `colors.${color}`\n\n color = isCSSToken(system)(token) ? system.cssMap[token]!.ref : color\n\n if (ratio) return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n else return color\n })\n\n return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;AAUA,MAAM,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;AACX;AAEA,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,UAAU,CAAC;AAEzD,SAAgB,SAAS,OAAY,EAAE,UAA4B;CACjE,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAIrD,IAAI,CAFY,cAAc,KAEnB,GAAG,OAAO,QAAQ,MAAM;CAEnC,IAAI,EAAE,MAAM,WAAW,eAAe,KAAK;CAE3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;CAE7B,OAAO,KAAK,SAAS,WAAW,IAAI,OAAO,GAAG,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,UAAU,YAAY,MAAM;CAEtD,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;CAEN,IAAI,EAAA,GAAA,cAAA,YAAA,CAAa,SAAS,GAAG,OAAO,QAAQ,SAAS;CAErD,MAAM,iBAAiB,OAAO,KAAK,WAAW;EAC5C,KAAA,GAAA,cAAA,YAAA,CAAgB,MAAM,GAAG,OAAO;EAEhC,IAAI,gBAAgB,IAAI,MAAM,GAAG,OAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,GAAG;EAE5B,IAAI,CAAC,OAAO,UACV,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,CAAC,GAAG,OAAO,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM;EAEhE,MAAM,QAAQ,cAAc,MAAM,IAAI,SAAS,QAAQ,MAAM,GAAG;EAEhE,MAAM,QAAQ,UAAU;EAExB,QAAQ,WAAW,MAAM,CAAC,CAAC,KAAK,IAAI,OAAO,OAAO,MAAM,CAAE,MAAM;EAEhE,IAAI,OAAO,OAAO,CAAC,OAAO,IAAA,GAAA,cAAA,QAAA,CAAY,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAE,CAAC,CAAC,KAAK,GAAG;OACpE,OAAO;CACd,CAAC;CAED,OAAO,GAAG,KAAK,GAAG,eAAe,KAAK,IAAI,EAAE;AAC9C"}

package/dist/esm/core/css/grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"grid.js","names":[],"sources":["../../../../src/core/css/grid.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { generateCalc } from \"./calc\"\nimport {\n getCSSFunction,\n globalValues,\n isCSSFunction,\n isCSSToken,\n splitValues,\n} from \"./utils\"\n\nconst repeats: { [key: string]: string } = {\n fill: \"auto-fill\",\n fit: \"auto-fit\",\n}\n\nexport function grid(value: any, { system, ...rest }: TransformOptions) {\n if (value == null \|\| globalValues.has(value)) return value\n\n const values = splitValues(value, (current) => current === \" \")\n\n if (!values.length) return value\n\n const computedValues = values.map((value): string => {\n const prevent = isCSSFunction(value)\n\n if (!prevent) {\n const token = `sizes.${value}`\n\n if (isCSSToken(system)(token)) ~~{\n~~ return system.cssMap[token]!.ref\n } else ~~{\n~~ return value\n ~~}\n~~ }\n\n const { type, values } = getCSSFunction(value)\n\n if (!type \|\| !values) return value\n\n if (type === \"repeat\") {\n let [repeat, tracks] = splitValues(values)\n\n repeat = repeat && repeat in repeats ? repeats[repeat] : repeat\n tracks = grid(tracks, { system, ...rest })\n\n return `repeat(${repeat}, ${tracks})`\n } else {\n return generateCalc(\"sizes\")(value, { system, ...rest })\n }\n })\n\n return computedValues.join(\" \")\n}\n"],"mappings":";;;AAUA,MAAM,UAAqC;CACzC,MAAM;CACN,KAAK;AACP;AAEA,SAAgB,KAAK,OAAY,EAAE,QAAQ,GAAG,QAA0B;CACtE,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,MAAM,SAAS,YAAY,QAAQ,YAAY,YAAY,GAAG;CAE9D,IAAI,CAAC,OAAO,QAAQ,OAAO;~~CA+B3B~~,~~OA7BuB~~,OAAO,KAAK,UAAkB;EAGnD,IAAI,CAFY,cAAc,KAEnB,GAAG;GACZ,MAAM,QAAQ,SAAS;GAEvB,IAAI,WAAW,MAAM,CAAC,CAAC,KAAK,~~GAC1B~~,OAAO,OAAO,OAAO,MAAM,CAAE;~~QAE7B~~,OAAO;~~EAEX~~;EAEA,MAAM,EAAE,MAAM,WAAW,eAAe,KAAK;EAE7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,IAAI,SAAS,UAAU;GACrB,IAAI,CAAC,QAAQ,UAAU,YAAY,MAAM;GAEzC,SAAS,UAAU,UAAU,UAAU,QAAQ,UAAU;GACzD,SAAS,KAAK,QAAQ;IAAE;IAAQ,GAAG;GAAK,CAAC;GAEzC,OAAO,UAAU,OAAO,IAAI,OAAO;EACrC,OACE,OAAO,aAAa,OAAO,CAAC,CAAC,OAAO;GAAE;GAAQ,GAAG;EAAK,CAAC;CAE3D,CAEoB,CAAC,CAAC,KAAK,GAAG;AAChC"}
1	+ {"version":3,"file":"grid.js","names":[],"sources":["../../../../src/core/css/grid.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { generateCalc } from \"./calc\"\nimport {\n getCSSFunction,\n globalValues,\n isCSSFunction,\n isCSSToken,\n splitValues,\n} from \"./utils\"\n\nconst repeats: { [key: string]: string } = {\n fill: \"auto-fill\",\n fit: \"auto-fit\",\n}\n\nexport function grid(value: any, { system, ...rest }: TransformOptions) {\n if (value == null \|\| globalValues.has(value)) return value\n\n const values = splitValues(value, (current) => current === \" \")\n\n if (!values.length) return value\n\n const computedValues = values.map((value): string => {\n const prevent = isCSSFunction(value)\n\n if (!prevent) {\n const token = `sizes.${value}`\n\n if (isCSSToken(system)(token)) return system.cssMap[token]!.ref\n else return value\n }\n\n const { type, values } = getCSSFunction(value)\n\n if (!type \|\| !values) return value\n\n if (type === \"repeat\") {\n let [repeat, tracks] = splitValues(values)\n\n repeat = repeat && repeat in repeats ? repeats[repeat] : repeat\n tracks = grid(tracks, { system, ...rest })\n\n return `repeat(${repeat}, ${tracks})`\n } else {\n return generateCalc(\"sizes\")(value, { system, ...rest })\n }\n })\n\n return computedValues.join(\" \")\n}\n"],"mappings":";;;AAUA,MAAM,UAAqC;CACzC,MAAM;CACN,KAAK;AACP;AAEA,SAAgB,KAAK,OAAY,EAAE,QAAQ,GAAG,QAA0B;CACtE,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,MAAM,SAAS,YAAY,QAAQ,YAAY,YAAY,GAAG;CAE9D,IAAI,CAAC,OAAO,QAAQ,OAAO;CA4B3B,OA1BuB,OAAO,KAAK,UAAkB;EAGnD,IAAI,CAFY,cAAc,KAEnB,GAAG;GACZ,MAAM,QAAQ,SAAS;GAEvB,IAAI,WAAW,MAAM,CAAC,CAAC,KAAK,GAAG,OAAO,OAAO,OAAO,MAAM,CAAE;QACvD,OAAO;EACd;EAEA,MAAM,EAAE,MAAM,WAAW,eAAe,KAAK;EAE7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,IAAI,SAAS,UAAU;GACrB,IAAI,CAAC,QAAQ,UAAU,YAAY,MAAM;GAEzC,SAAS,UAAU,UAAU,UAAU,QAAQ,UAAU;GACzD,SAAS,KAAK,QAAQ;IAAE;IAAQ,GAAG;GAAK,CAAC;GAEzC,OAAO,UAAU,OAAO,IAAI,OAAO;EACrC,OACE,OAAO,aAAa,OAAO,CAAC,CAAC,OAAO;GAAE;GAAQ,GAAG;EAAK,CAAC;CAE3D,CAEoB,CAAC,CAAC,KAAK,GAAG;AAChC"}

package/dist/esm/core/css/index.js CHANGED Viewed

@@ -6,9 +6,9 @@ import { display } from "./display.js";
 import { focusRingStyle } from "./focus-ring.js";
 import { gradient } from "./gradient.js";
 import { transforms } from "./config.js";
-import { animationProperties, aspectRatioProperties, atRuleStyles, blurProperties, borderProperties, colorProperties, durationProperties, easingProperties, fontProperties, gradientProperties, keyframeProperties, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, variableLengthProperties, zIndexProperties } from "./styles.js";
+import { animationProperties, aspectRatioProperties, atRuleStyles, blurProperties, borderProperties, colorProperties, durationProperties, easingProperties, fontProperties, gradientProperties, keyframeProperties, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, variableLengthProperties, vendorProperties, zIndexProperties } from "./styles.js";
 import { css, getStyle, transformConditionalValue } from "./css.js";
 import { mergeCSS } from "./merge-css.js";
 import { getCSS, useCSS } from "./use-css.js";
 import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "./use-inject-vars.js";
-export { animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, zIndexProperties };
+export { animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, vendorProperties, zIndexProperties };

package/dist/esm/core/css/styles.js CHANGED Viewed

@@ -1578,6 +1578,258 @@ const styles = {
 	...atRuleStyles
 };
 const styleProperties = Object.keys(styles);
+const vendorProperties = [
+	"MozAnimationDelay",
+	"MozAnimationDirection",
+	"MozAnimationDuration",
+	"MozAnimationFillMode",
+	"MozAnimationIterationCount",
+	"MozAnimationName",
+	"MozAnimationPlayState",
+	"MozAnimationTimingFunction",
+	"MozAppearance",
+	"MozBackfaceVisibility",
+	"MozBinding",
+	"MozBorderBottomColors",
+	"MozBorderEndColor",
+	"MozBorderEndStyle",
+	"MozBorderEndWidth",
+	"MozBorderLeftColors",
+	"MozBorderRightColors",
+	"MozBorderStartColor",
+	"MozBorderStartStyle",
+	"MozBorderTopColors",
+	"MozBoxSizing",
+	"MozColumnRuleColor",
+	"MozColumnRuleStyle",
+	"MozColumnRuleWidth",
+	"MozColumnWidth",
+	"MozContextProperties",
+	"MozFontFeatureSettings",
+	"MozFontLanguageOverride",
+	"MozHyphens",
+	"MozMarginEnd",
+	"MozMarginStart",
+	"MozOrient",
+	"MozOsxFontSmoothing",
+	"MozOutlineRadiusBottomleft",
+	"MozOutlineRadiusBottomright",
+	"MozOutlineRadiusTopleft",
+	"MozOutlineRadiusTopright",
+	"MozPaddingEnd",
+	"MozPaddingStart",
+	"MozPerspective",
+	"MozPerspectiveOrigin",
+	"MozStackSizing",
+	"MozTabSize",
+	"MozTextBlink",
+	"MozTextSizeAdjust",
+	"MozTransform",
+	"MozTransformOrigin",
+	"MozTransformStyle",
+	"MozUserModify",
+	"MozUserSelect",
+	"MozWindowDragging",
+	"MozWindowShadow",
+	"msAccelerator",
+	"msBlockProgression",
+	"msContentZoomChaining",
+	"msContentZoomLimitMax",
+	"msContentZoomLimitMin",
+	"msContentZoomSnapPoints",
+	"msContentZoomSnapType",
+	"msContentZooming",
+	"msFilter",
+	"msFlexDirection",
+	"msFlexPositive",
+	"msFlowFrom",
+	"msFlowInto",
+	"msGridColumns",
+	"msGridRows",
+	"msHighContrastAdjust",
+	"msHyphenateLimitChars",
+	"msHyphenateLimitLines",
+	"msHyphenateLimitZone",
+	"msHyphens",
+	"msImeAlign",
+	"msLineBreak",
+	"msOrder",
+	"msOverflowStyle",
+	"msOverflowX",
+	"msOverflowY",
+	"msScrollChaining",
+	"msScrollLimitXMax",
+	"msScrollLimitXMin",
+	"msScrollLimitYMax",
+	"msScrollLimitYMin",
+	"msScrollRails",
+	"msScrollSnapPointsX",
+	"msScrollSnapPointsY",
+	"msScrollSnapType",
+	"msScrollTranslation",
+	"msScrollbar3dlightColor",
+	"msScrollbarArrowColor",
+	"msScrollbarBaseColor",
+	"msScrollbarDarkshadowColor",
+	"msScrollbarFaceColor",
+	"msScrollbarHighlightColor",
+	"msScrollbarShadowColor",
+	"msScrollbarTrackColor",
+	"msTextAutospace",
+	"msTextCombineHorizontal",
+	"msTextOverflow",
+	"msTouchAction",
+	"msTouchSelect",
+	"msTransform",
+	"msTransformOrigin",
+	"msTransitionDelay",
+	"msTransitionDuration",
+	"msTransitionProperty",
+	"msTransitionTimingFunction",
+	"msUserSelect",
+	"msWordBreak",
+	"msWrapFlow",
+	"msWrapMargin",
+	"msWrapThrough",
+	"msWritingMode",
+	"WebkitAlignContent",
+	"WebkitAlignItems",
+	"WebkitAlignSelf",
+	"WebkitAnimationDelay",
+	"WebkitAnimationDirection",
+	"WebkitAnimationDuration",
+	"WebkitAnimationFillMode",
+	"WebkitAnimationIterationCount",
+	"WebkitAnimationName",
+	"WebkitAnimationPlayState",
+	"WebkitAnimationTimingFunction",
+	"WebkitAppearance",
+	"WebkitBackdropFilter",
+	"WebkitBackfaceVisibility",
+	"WebkitBackgroundClip",
+	"WebkitBackgroundOrigin",
+	"WebkitBackgroundSize",
+	"WebkitBorderBeforeColor",
+	"WebkitBorderBeforeStyle",
+	"WebkitBorderBeforeWidth",
+	"WebkitBorderBottomLeftRadius",
+	"WebkitBorderBottomRightRadius",
+	"WebkitBorderImageSlice",
+	"WebkitBorderTopLeftRadius",
+	"WebkitBorderTopRightRadius",
+	"WebkitBoxDecorationBreak",
+	"WebkitBoxReflect",
+	"WebkitBoxShadow",
+	"WebkitBoxSizing",
+	"WebkitClipPath",
+	"WebkitColumnCount",
+	"WebkitColumnFill",
+	"WebkitColumnRuleColor",
+	"WebkitColumnRuleStyle",
+	"WebkitColumnRuleWidth",
+	"WebkitColumnSpan",
+	"WebkitColumnWidth",
+	"WebkitFilter",
+	"WebkitFlexBasis",
+	"WebkitFlexDirection",
+	"WebkitFlexGrow",
+	"WebkitFlexShrink",
+	"WebkitFlexWrap",
+	"WebkitFontFeatureSettings",
+	"WebkitFontKerning",
+	"WebkitFontSmoothing",
+	"WebkitFontVariantLigatures",
+	"WebkitHyphenateCharacter",
+	"WebkitHyphens",
+	"WebkitInitialLetter",
+	"WebkitJustifyContent",
+	"WebkitLineBreak",
+	"WebkitLineClamp",
+	"WebkitLogicalHeight",
+	"WebkitLogicalWidth",
+	"WebkitMarginEnd",
+	"WebkitMarginStart",
+	"WebkitMaskAttachment",
+	"WebkitMaskBoxImageOutset",
+	"WebkitMaskBoxImageRepeat",
+	"WebkitMaskBoxImageSlice",
+	"WebkitMaskBoxImageSource",
+	"WebkitMaskBoxImageWidth",
+	"WebkitMaskClip",
+	"WebkitMaskComposite",
+	"WebkitMaskImage",
+	"WebkitMaskOrigin",
+	"WebkitMaskPosition",
+	"WebkitMaskPositionX",
+	"WebkitMaskPositionY",
+	"WebkitMaskRepeat",
+	"WebkitMaskRepeatX",
+	"WebkitMaskRepeatY",
+	"WebkitMaskSize",
+	"WebkitMaxInlineSize",
+	"WebkitOrder",
+	"WebkitOverflowScrolling",
+	"WebkitPaddingEnd",
+	"WebkitPaddingStart",
+	"WebkitPerspective",
+	"WebkitPerspectiveOrigin",
+	"WebkitPrintColorAdjust",
+	"WebkitRubyPosition",
+	"WebkitScrollSnapType",
+	"WebkitShapeMargin",
+	"WebkitTapHighlightColor",
+	"WebkitTextCombine",
+	"WebkitTextDecorationColor",
+	"WebkitTextDecorationLine",
+	"WebkitTextDecorationSkip",
+	"WebkitTextDecorationStyle",
+	"WebkitTextEmphasisColor",
+	"WebkitTextEmphasisPosition",
+	"WebkitTextEmphasisStyle",
+	"WebkitTextFillColor",
+	"WebkitTextOrientation",
+	"WebkitTextSizeAdjust",
+	"WebkitTextStrokeColor",
+	"WebkitTextStrokeWidth",
+	"WebkitTextUnderlinePosition",
+	"WebkitTouchCallout",
+	"WebkitTransform",
+	"WebkitTransformOrigin",
+	"WebkitTransformStyle",
+	"WebkitTransitionDelay",
+	"WebkitTransitionDuration",
+	"WebkitTransitionProperty",
+	"WebkitTransitionTimingFunction",
+	"WebkitUserModify",
+	"WebkitUserSelect",
+	"WebkitWritingMode",
+	"MozAnimation",
+	"MozBorderImage",
+	"MozColumnRule",
+	"MozColumns",
+	"MozOutlineRadius",
+	"MozTransition",
+	"msContentZoomLimit",
+	"msContentZoomSnap",
+	"msFlex",
+	"msScrollLimit",
+	"msScrollSnapX",
+	"msScrollSnapY",
+	"msTransition",
+	"WebkitAnimation",
+	"WebkitBorderBefore",
+	"WebkitBorderImage",
+	"WebkitBorderRadius",
+	"WebkitColumnRule",
+	"WebkitColumns",
+	"WebkitFlex",
+	"WebkitFlexFlow",
+	"WebkitMask",
+	"WebkitMaskBoxImage",
+	"WebkitTextEmphasis",
+	"WebkitTextStroke",
+	"WebkitTransition"
+];
 const variableLengthProperties = [
 	"_container",
 	"_media",
@@ -1832,6 +2084,6 @@ const spaceProperties = [
 ];
 const zIndexProperties = ["z", "zIndex"];
 //#endregion
-export { animationProperties, aspectRatioProperties, atRuleStyles, blurProperties, borderProperties, colorProperties, durationProperties, easingProperties, fontProperties, gradientProperties, keyframeProperties, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, variableLengthProperties, zIndexProperties };
+export { animationProperties, aspectRatioProperties, atRuleStyles, blurProperties, borderProperties, colorProperties, durationProperties, easingProperties, fontProperties, gradientProperties, keyframeProperties, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, variableLengthProperties, vendorProperties, zIndexProperties };
 //# sourceMappingURL=styles.js.map