@salty-css/core 0.0.1-alpha.300 → 0.0.1-alpha.301
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.
- package/.saltyrc.schema.json +1 -1
- package/bin/index.cjs +3 -1
- package/bin/index.js +2 -2
- package/bin/main.cjs +445 -11
- package/bin/main.js +405 -224
- package/cache/resolve-dynamic-config-cache.cjs +13 -1
- package/cache/resolve-dynamic-config-cache.js +10 -8
- package/compiler/index.cjs +774 -1
- package/compiler/index.d.ts +3 -0
- package/compiler/index.js +754 -20
- package/config/index.cjs +16 -1
- package/config/index.js +14 -12
- package/css/index.cjs +12 -1
- package/css/index.js +10 -10
- package/css/keyframes.cjs +49 -1
- package/css/keyframes.js +44 -34
- package/css/media.cjs +93 -1
- package/css/media.js +54 -49
- package/css/merge.cjs +15 -1
- package/css/merge.js +13 -3
- package/css/token.cjs +4 -1
- package/css/token.js +2 -2
- package/dash-case-Cz8wwE9a.cjs +32 -0
- package/dash-case-NMk0mXyT.js +33 -0
- package/define-templates-CVhhgPnd.js +60 -0
- package/define-templates-Deq1aCbN.cjs +59 -0
- package/factories/index.cjs +37 -1
- package/factories/index.js +27 -20
- package/generators/index.cjs +121 -1
- package/generators/index.js +82 -49
- package/helpers/index.cjs +53 -1
- package/helpers/index.js +40 -1170
- package/helpers-DM2fbDDz.js +18 -0
- package/helpers-wv74jTRI.cjs +18 -0
- package/index-ByR0nfaf.cjs +4 -0
- package/index-DKz1QXqs.js +4 -0
- package/package.json +1 -1
- package/parse-styles-CqBQc3eQ.js +232 -0
- package/parse-styles-D-p_guRO.cjs +231 -0
- package/parsers/index.cjs +57 -2
- package/parsers/index.js +55 -30
- package/pascal-case-By_l58S-.cjs +7 -0
- package/pascal-case-F3Usi5Wf.js +8 -0
- package/{react-styled-file-CGVf5n1B.js → react-styled-file-B99mwk0w.js} +2 -2
- package/react-styled-file-U02jek-B.cjs +11 -0
- package/react-vanilla-file-Bj6XC8GS.cjs +18 -0
- package/{react-vanilla-file-CCXbsjIb.js → react-vanilla-file-D9px70iK.js} +2 -2
- package/salty.config-DjosWdPw.js +4 -0
- package/salty.config-cqavVm2t.cjs +4 -0
- package/server/index.cjs +4 -1
- package/server/index.js +2 -2
- package/should-restart-5jI-bzz0.js +18 -0
- package/should-restart-DoaGoD5T.cjs +17 -0
- package/util/index.cjs +13 -1
- package/util/index.js +10 -8
- package/viewport-clamp-CEmzmcSj.cjs +10 -0
- package/viewport-clamp-K553uXu3.js +11 -0
- package/dash-case-BJEkFEGQ.cjs +0 -1
- package/dash-case-DBThphLm.js +0 -19
- package/define-templates-4A2yHcMF.js +0 -52
- package/define-templates-Cunsb_Tr.cjs +0 -1
- package/helpers-CC5pFyba.cjs +0 -1
- package/helpers-nHqH4L9L.js +0 -11
- package/index-84Wroia-.cjs +0 -1
- package/index-CituHO0U.js +0 -524
- package/index-D_732b92.js +0 -4
- package/index-ol1Q_xul.cjs +0 -41
- package/parse-styles-B1E0JeC7.cjs +0 -5
- package/parse-styles-y_-drahL.js +0 -161
- package/pascal-case-BQpR5PdN.js +0 -6
- package/pascal-case-iWoaJWwT.cjs +0 -1
- package/react-styled-file-Dkubsz-U.cjs +0 -8
- package/react-vanilla-file-CG_WJLam.cjs +0 -15
- package/salty.config-BhBY_oOk.js +0 -10
- package/salty.config-Dk6ZcCxI.cjs +0 -7
- package/should-restart-C6VJ-qaY.js +0 -12
- package/should-restart-DAhvRrtu.cjs +0 -1
- package/viewport-clamp-CaYwREKc.js +0 -7
- package/viewport-clamp-mq_DFtRR.cjs +0 -1
@@ -0,0 +1,59 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __defProp = Object.defineProperty;
|
3
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
4
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
5
|
+
class TemplateFactory {
|
6
|
+
constructor(params) {
|
7
|
+
__publicField(this, "_path");
|
8
|
+
this.params = params;
|
9
|
+
}
|
10
|
+
get _current() {
|
11
|
+
return this.params.template;
|
12
|
+
}
|
13
|
+
get isDefineTemplate() {
|
14
|
+
return true;
|
15
|
+
}
|
16
|
+
_setPath(path) {
|
17
|
+
this._path = path;
|
18
|
+
return this;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
class TemplatesFactory {
|
22
|
+
constructor(params) {
|
23
|
+
__publicField(this, "_path");
|
24
|
+
__publicField(this, "templates", []);
|
25
|
+
this.params = params;
|
26
|
+
Object.entries(params).forEach(([name, template]) => {
|
27
|
+
this.templates.push(
|
28
|
+
new TemplateFactory({
|
29
|
+
name,
|
30
|
+
template
|
31
|
+
})
|
32
|
+
);
|
33
|
+
});
|
34
|
+
}
|
35
|
+
get _current() {
|
36
|
+
return this.params;
|
37
|
+
}
|
38
|
+
get _children() {
|
39
|
+
return Object.fromEntries(
|
40
|
+
this.templates.map((template) => {
|
41
|
+
return [template.params.name, template];
|
42
|
+
})
|
43
|
+
);
|
44
|
+
}
|
45
|
+
get isDefineTemplates() {
|
46
|
+
return true;
|
47
|
+
}
|
48
|
+
_setPath(path) {
|
49
|
+
this._path = path;
|
50
|
+
this.templates.forEach((template) => template._setPath(path));
|
51
|
+
return this;
|
52
|
+
}
|
53
|
+
}
|
54
|
+
const defineTemplates = (templates) => {
|
55
|
+
return new TemplatesFactory(templates);
|
56
|
+
};
|
57
|
+
exports.TemplateFactory = TemplateFactory;
|
58
|
+
exports.TemplatesFactory = TemplatesFactory;
|
59
|
+
exports.defineTemplates = defineTemplates;
|
package/factories/index.cjs
CHANGED
@@ -1 +1,37 @@
|
|
1
|
-
"use strict";
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
3
|
+
const css_media = require("../css/media.cjs");
|
4
|
+
const defineTemplates = require("../define-templates-Deq1aCbN.cjs");
|
5
|
+
class GlobalStylesFactory {
|
6
|
+
constructor(_current) {
|
7
|
+
this._current = _current;
|
8
|
+
}
|
9
|
+
get isGlobalDefine() {
|
10
|
+
return true;
|
11
|
+
}
|
12
|
+
}
|
13
|
+
const defineGlobalStyles = (styles) => {
|
14
|
+
return new GlobalStylesFactory(styles);
|
15
|
+
};
|
16
|
+
const defineMediaQuery = (mediaFactory) => {
|
17
|
+
return mediaFactory(css_media.media);
|
18
|
+
};
|
19
|
+
class VariablesFactory {
|
20
|
+
constructor(_current) {
|
21
|
+
this._current = _current;
|
22
|
+
}
|
23
|
+
get isDefineVariables() {
|
24
|
+
return true;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
const defineVariables = (variables) => {
|
28
|
+
return new VariablesFactory(variables);
|
29
|
+
};
|
30
|
+
exports.TemplateFactory = defineTemplates.TemplateFactory;
|
31
|
+
exports.TemplatesFactory = defineTemplates.TemplatesFactory;
|
32
|
+
exports.defineTemplates = defineTemplates.defineTemplates;
|
33
|
+
exports.GlobalStylesFactory = GlobalStylesFactory;
|
34
|
+
exports.VariablesFactory = VariablesFactory;
|
35
|
+
exports.defineGlobalStyles = defineGlobalStyles;
|
36
|
+
exports.defineMediaQuery = defineMediaQuery;
|
37
|
+
exports.defineVariables = defineVariables;
|
package/factories/index.js
CHANGED
@@ -1,30 +1,37 @@
|
|
1
|
-
import { media
|
2
|
-
import { T
|
3
|
-
class
|
4
|
-
constructor(
|
5
|
-
this._current =
|
1
|
+
import { media } from "../css/media.js";
|
2
|
+
import { T, a, d } from "../define-templates-CVhhgPnd.js";
|
3
|
+
class GlobalStylesFactory {
|
4
|
+
constructor(_current) {
|
5
|
+
this._current = _current;
|
6
6
|
}
|
7
7
|
get isGlobalDefine() {
|
8
|
-
return
|
8
|
+
return true;
|
9
9
|
}
|
10
10
|
}
|
11
|
-
const
|
12
|
-
|
13
|
-
|
14
|
-
|
11
|
+
const defineGlobalStyles = (styles) => {
|
12
|
+
return new GlobalStylesFactory(styles);
|
13
|
+
};
|
14
|
+
const defineMediaQuery = (mediaFactory) => {
|
15
|
+
return mediaFactory(media);
|
16
|
+
};
|
17
|
+
class VariablesFactory {
|
18
|
+
constructor(_current) {
|
19
|
+
this._current = _current;
|
15
20
|
}
|
16
21
|
get isDefineVariables() {
|
17
|
-
return
|
22
|
+
return true;
|
18
23
|
}
|
19
24
|
}
|
20
|
-
const
|
25
|
+
const defineVariables = (variables) => {
|
26
|
+
return new VariablesFactory(variables);
|
27
|
+
};
|
21
28
|
export {
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
29
|
+
GlobalStylesFactory,
|
30
|
+
T as TemplateFactory,
|
31
|
+
a as TemplatesFactory,
|
32
|
+
VariablesFactory,
|
33
|
+
defineGlobalStyles,
|
34
|
+
defineMediaQuery,
|
35
|
+
d as defineTemplates,
|
36
|
+
defineVariables
|
30
37
|
};
|
package/generators/index.cjs
CHANGED
@@ -1 +1,121 @@
|
|
1
|
-
"use strict";
|
1
|
+
"use strict";
|
2
|
+
var __defProp = Object.defineProperty;
|
3
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
4
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
5
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
6
|
+
const parseStyles = require("../parse-styles-D-p_guRO.cjs");
|
7
|
+
const dashCase = require("../dash-case-Cz8wwE9a.cjs");
|
8
|
+
class StylesGenerator {
|
9
|
+
constructor(params) {
|
10
|
+
__publicField(this, "buildContext", {});
|
11
|
+
this.params = params;
|
12
|
+
}
|
13
|
+
get priority() {
|
14
|
+
return 0;
|
15
|
+
}
|
16
|
+
get isRoot() {
|
17
|
+
return this.priority === 0;
|
18
|
+
}
|
19
|
+
get hash() {
|
20
|
+
const { base, variants, compoundVariants, anyOfVariants } = this.params;
|
21
|
+
return dashCase.toHash({ base, variants, compoundVariants, anyOfVariants });
|
22
|
+
}
|
23
|
+
get cssClassName() {
|
24
|
+
return this.hash;
|
25
|
+
}
|
26
|
+
get classNames() {
|
27
|
+
const classNames = /* @__PURE__ */ new Set([this.cssClassName]);
|
28
|
+
const { className } = this.params;
|
29
|
+
if (typeof className == "string") classNames.add(className);
|
30
|
+
if (typeof className == "object") className.forEach((c) => classNames.add(c));
|
31
|
+
this.getTemplateClasses().forEach((c) => classNames.add(c));
|
32
|
+
if (this.buildContext.classNames) this.buildContext.classNames.forEach((c) => classNames.add(c));
|
33
|
+
return [...classNames].join(" ");
|
34
|
+
}
|
35
|
+
get cssFileName() {
|
36
|
+
const { callerName } = this.buildContext;
|
37
|
+
if (callerName) {
|
38
|
+
const dasherized = dashCase.dashCase(callerName);
|
39
|
+
return `cl_${dasherized}-${this.hash}.css`;
|
40
|
+
}
|
41
|
+
return `${this.hash}.css`;
|
42
|
+
}
|
43
|
+
get css() {
|
44
|
+
const { base = {}, variants = {}, compoundVariants = [], anyOfVariants = [] } = this.params;
|
45
|
+
const { config } = this.buildContext;
|
46
|
+
const combinedStyles = { ...base, variants, compoundVariants, anyOfVariants };
|
47
|
+
const css = parseStyles.parseAndJoinStyles(combinedStyles, `.${this.cssClassName}`, config, this.isRoot);
|
48
|
+
return css;
|
49
|
+
}
|
50
|
+
getTemplateClasses(config = this.buildContext.config) {
|
51
|
+
if (!(config == null ? void 0 : config.templates) || !this.params.base || this.priority > 0) return [];
|
52
|
+
const templateKeys = Object.keys(config.templates);
|
53
|
+
return Object.entries(this.params.base).reduce((acc, [key, value]) => {
|
54
|
+
if (templateKeys.includes(key)) acc.push("t_" + dashCase.toHash(dashCase.dashCase(`${key}-${value}`), 4));
|
55
|
+
return acc;
|
56
|
+
}, []);
|
57
|
+
}
|
58
|
+
_withBuildContext(context) {
|
59
|
+
this.buildContext = context;
|
60
|
+
return this;
|
61
|
+
}
|
62
|
+
}
|
63
|
+
class ClassNameGenerator extends StylesGenerator {
|
64
|
+
constructor(_params) {
|
65
|
+
super(_params);
|
66
|
+
this._params = _params;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
class StyledGenerator extends StylesGenerator {
|
70
|
+
constructor(tagName, _params) {
|
71
|
+
super(_params);
|
72
|
+
this.tagName = tagName;
|
73
|
+
this._params = _params;
|
74
|
+
}
|
75
|
+
get priority() {
|
76
|
+
var _a;
|
77
|
+
if (this.params.priority) return this.params.priority;
|
78
|
+
if (typeof this.tagName === "function" || typeof this.tagName === "object") {
|
79
|
+
const prev = ((_a = this.tagName.generator) == null ? void 0 : _a.priority) || 0;
|
80
|
+
return prev + 1;
|
81
|
+
}
|
82
|
+
return 0;
|
83
|
+
}
|
84
|
+
get clientProps() {
|
85
|
+
const { element, variants = {}, compoundVariants = [], anyOfVariants = [], defaultVariants = {}, defaultProps = {}, passProps } = this.params;
|
86
|
+
const { callerName, isProduction } = this.buildContext;
|
87
|
+
const variantKeys = /* @__PURE__ */ new Set([]);
|
88
|
+
const addVariantKey = (name) => {
|
89
|
+
const defaultVariant = defaultVariants[name];
|
90
|
+
if (defaultVariant !== void 0) variantKeys.add(`${name}=${String(defaultVariant)}`);
|
91
|
+
else variantKeys.add(name);
|
92
|
+
};
|
93
|
+
Object.keys(variants).forEach(addVariantKey);
|
94
|
+
compoundVariants.map((cv) => Object.keys(cv).forEach(addVariantKey));
|
95
|
+
anyOfVariants.map((cv) => Object.keys(cv).forEach(addVariantKey));
|
96
|
+
const propValueKeys = /* @__PURE__ */ new Set([]);
|
97
|
+
if (this.params.base) {
|
98
|
+
const matches = JSON.stringify(this.params.base).match(/\{-?props\.([^}]+)\}/gi);
|
99
|
+
if (matches) {
|
100
|
+
matches.forEach((match) => {
|
101
|
+
const value = match.replace(/\{(?:-)?props\.([^}]+)\}/gi, "$1");
|
102
|
+
const dashed = dashCase.dashCase(value);
|
103
|
+
if (value) propValueKeys.add(dashed);
|
104
|
+
});
|
105
|
+
}
|
106
|
+
}
|
107
|
+
return {
|
108
|
+
element,
|
109
|
+
hash: this.hash,
|
110
|
+
variantKeys: [...variantKeys],
|
111
|
+
propValueKeys: [...propValueKeys],
|
112
|
+
passProps,
|
113
|
+
defaultProps,
|
114
|
+
attr: {
|
115
|
+
"data-component-name": !isProduction ? callerName : void 0
|
116
|
+
}
|
117
|
+
};
|
118
|
+
}
|
119
|
+
}
|
120
|
+
exports.ClassNameGenerator = ClassNameGenerator;
|
121
|
+
exports.StyledGenerator = StyledGenerator;
|
package/generators/index.js
CHANGED
@@ -1,12 +1,12 @@
|
|
1
|
-
var
|
2
|
-
var
|
3
|
-
var
|
4
|
-
import { p as
|
5
|
-
import { t as
|
6
|
-
class
|
7
|
-
constructor(
|
8
|
-
|
9
|
-
this.params =
|
1
|
+
var __defProp = Object.defineProperty;
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
3
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
4
|
+
import { p as parseAndJoinStyles } from "../parse-styles-CqBQc3eQ.js";
|
5
|
+
import { t as toHash, d as dashCase } from "../dash-case-NMk0mXyT.js";
|
6
|
+
class StylesGenerator {
|
7
|
+
constructor(params) {
|
8
|
+
__publicField(this, "buildContext", {});
|
9
|
+
this.params = params;
|
10
10
|
}
|
11
11
|
get priority() {
|
12
12
|
return 0;
|
@@ -15,74 +15,107 @@ class b {
|
|
15
15
|
return this.priority === 0;
|
16
16
|
}
|
17
17
|
get hash() {
|
18
|
-
const { base
|
19
|
-
return
|
18
|
+
const { base, variants, compoundVariants, anyOfVariants } = this.params;
|
19
|
+
return toHash({ base, variants, compoundVariants, anyOfVariants });
|
20
20
|
}
|
21
21
|
get cssClassName() {
|
22
22
|
return this.hash;
|
23
23
|
}
|
24
24
|
get classNames() {
|
25
|
-
const
|
26
|
-
|
25
|
+
const classNames = /* @__PURE__ */ new Set([this.cssClassName]);
|
26
|
+
const { className } = this.params;
|
27
|
+
if (typeof className == "string") classNames.add(className);
|
28
|
+
if (typeof className == "object") className.forEach((c) => classNames.add(c));
|
29
|
+
this.getTemplateClasses().forEach((c) => classNames.add(c));
|
30
|
+
if (this.buildContext.classNames) this.buildContext.classNames.forEach((c) => classNames.add(c));
|
31
|
+
return [...classNames].join(" ");
|
27
32
|
}
|
28
33
|
get cssFileName() {
|
29
|
-
const { callerName
|
30
|
-
|
34
|
+
const { callerName } = this.buildContext;
|
35
|
+
if (callerName) {
|
36
|
+
const dasherized = dashCase(callerName);
|
37
|
+
return `cl_${dasherized}-${this.hash}.css`;
|
38
|
+
}
|
39
|
+
return `${this.hash}.css`;
|
31
40
|
}
|
32
41
|
get css() {
|
33
|
-
const { base
|
34
|
-
|
42
|
+
const { base = {}, variants = {}, compoundVariants = [], anyOfVariants = [] } = this.params;
|
43
|
+
const { config } = this.buildContext;
|
44
|
+
const combinedStyles = { ...base, variants, compoundVariants, anyOfVariants };
|
45
|
+
const css = parseAndJoinStyles(combinedStyles, `.${this.cssClassName}`, config, this.isRoot);
|
46
|
+
return css;
|
35
47
|
}
|
36
|
-
getTemplateClasses(
|
37
|
-
if (!(
|
38
|
-
const
|
39
|
-
return Object.entries(this.params.base).reduce((
|
48
|
+
getTemplateClasses(config = this.buildContext.config) {
|
49
|
+
if (!(config == null ? void 0 : config.templates) || !this.params.base || this.priority > 0) return [];
|
50
|
+
const templateKeys = Object.keys(config.templates);
|
51
|
+
return Object.entries(this.params.base).reduce((acc, [key, value]) => {
|
52
|
+
if (templateKeys.includes(key)) acc.push("t_" + toHash(dashCase(`${key}-${value}`), 4));
|
53
|
+
return acc;
|
54
|
+
}, []);
|
40
55
|
}
|
41
|
-
_withBuildContext(
|
42
|
-
|
56
|
+
_withBuildContext(context) {
|
57
|
+
this.buildContext = context;
|
58
|
+
return this;
|
43
59
|
}
|
44
60
|
}
|
45
|
-
class
|
46
|
-
constructor(
|
47
|
-
super(
|
61
|
+
class ClassNameGenerator extends StylesGenerator {
|
62
|
+
constructor(_params) {
|
63
|
+
super(_params);
|
64
|
+
this._params = _params;
|
48
65
|
}
|
49
66
|
}
|
50
|
-
class
|
51
|
-
constructor(
|
52
|
-
super(
|
67
|
+
class StyledGenerator extends StylesGenerator {
|
68
|
+
constructor(tagName, _params) {
|
69
|
+
super(_params);
|
70
|
+
this.tagName = tagName;
|
71
|
+
this._params = _params;
|
53
72
|
}
|
54
73
|
get priority() {
|
55
|
-
var
|
56
|
-
|
74
|
+
var _a;
|
75
|
+
if (this.params.priority) return this.params.priority;
|
76
|
+
if (typeof this.tagName === "function" || typeof this.tagName === "object") {
|
77
|
+
const prev = ((_a = this.tagName.generator) == null ? void 0 : _a.priority) || 0;
|
78
|
+
return prev + 1;
|
79
|
+
}
|
80
|
+
return 0;
|
57
81
|
}
|
58
82
|
get clientProps() {
|
59
|
-
const { element
|
60
|
-
|
61
|
-
|
83
|
+
const { element, variants = {}, compoundVariants = [], anyOfVariants = [], defaultVariants = {}, defaultProps = {}, passProps } = this.params;
|
84
|
+
const { callerName, isProduction } = this.buildContext;
|
85
|
+
const variantKeys = /* @__PURE__ */ new Set([]);
|
86
|
+
const addVariantKey = (name) => {
|
87
|
+
const defaultVariant = defaultVariants[name];
|
88
|
+
if (defaultVariant !== void 0) variantKeys.add(`${name}=${String(defaultVariant)}`);
|
89
|
+
else variantKeys.add(name);
|
62
90
|
};
|
63
|
-
Object.keys(
|
64
|
-
|
91
|
+
Object.keys(variants).forEach(addVariantKey);
|
92
|
+
compoundVariants.map((cv) => Object.keys(cv).forEach(addVariantKey));
|
93
|
+
anyOfVariants.map((cv) => Object.keys(cv).forEach(addVariantKey));
|
94
|
+
const propValueKeys = /* @__PURE__ */ new Set([]);
|
65
95
|
if (this.params.base) {
|
66
|
-
const
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
96
|
+
const matches = JSON.stringify(this.params.base).match(/\{-?props\.([^}]+)\}/gi);
|
97
|
+
if (matches) {
|
98
|
+
matches.forEach((match) => {
|
99
|
+
const value = match.replace(/\{(?:-)?props\.([^}]+)\}/gi, "$1");
|
100
|
+
const dashed = dashCase(value);
|
101
|
+
if (value) propValueKeys.add(dashed);
|
102
|
+
});
|
103
|
+
}
|
71
104
|
}
|
72
105
|
return {
|
73
|
-
element
|
106
|
+
element,
|
74
107
|
hash: this.hash,
|
75
|
-
variantKeys: [...
|
76
|
-
propValueKeys: [...
|
77
|
-
passProps
|
78
|
-
defaultProps
|
108
|
+
variantKeys: [...variantKeys],
|
109
|
+
propValueKeys: [...propValueKeys],
|
110
|
+
passProps,
|
111
|
+
defaultProps,
|
79
112
|
attr: {
|
80
|
-
"data-component-name":
|
113
|
+
"data-component-name": !isProduction ? callerName : void 0
|
81
114
|
}
|
82
115
|
};
|
83
116
|
}
|
84
117
|
}
|
85
118
|
export {
|
86
|
-
|
87
|
-
|
119
|
+
ClassNameGenerator,
|
120
|
+
StyledGenerator
|
88
121
|
};
|
package/helpers/index.cjs
CHANGED
@@ -1 +1,53 @@
|
|
1
|
-
"use strict";var P=Object.defineProperty;var I=(t,e,n)=>e in t?P(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var N=(t,e,n)=>I(t,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("../viewport-clamp-mq_DFtRR.cjs"),v={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},C=Object.create(null);for(const t in v)Object.hasOwn(v,t)&&(C[v[t]]=t);const d={to:{},get:{}};d.get=function(t){const e=t.slice(0,3).toLowerCase();let n,r;switch(e){case"hsl":{n=d.get.hsl(t),r="hsl";break}case"hwb":{n=d.get.hwb(t),r="hwb";break}default:{n=d.get.rgb(t),r="rgb";break}}return n?{model:r,value:n}:null};d.get.rgb=function(t){if(!t)return null;const e=/^#([a-f\d]{3,4})$/i,n=/^#([a-f\d]{6})([a-f\d]{2})?$/i,r=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/,l=/^(\w+)$/;let s=[0,0,0,1],a,c,u;if(a=t.match(n)){for(u=a[2],a=a[1],c=0;c<3;c++){const m=c*2;s[c]=Number.parseInt(a.slice(m,m+2),16)}u&&(s[3]=Number.parseInt(u,16)/255)}else if(a=t.match(e)){for(a=a[1],u=a[3],c=0;c<3;c++)s[c]=Number.parseInt(a[c]+a[c],16);u&&(s[3]=Number.parseInt(u+u,16)/255)}else if(a=t.match(r)){for(c=0;c<3;c++)s[c]=Number.parseInt(a[c+1],10);a[4]&&(s[3]=a[5]?Number.parseFloat(a[4])*.01:Number.parseFloat(a[4]))}else if(a=t.match(o)){for(c=0;c<3;c++)s[c]=Math.round(Number.parseFloat(a[c+1])*2.55);a[4]&&(s[3]=a[5]?Number.parseFloat(a[4])*.01:Number.parseFloat(a[4]))}else return(a=t.match(l))?a[1]==="transparent"?[0,0,0,0]:Object.hasOwn(v,a[1])?(s=v[a[1]],s[3]=1,s):null:null;for(c=0;c<3;c++)s[c]=y(s[c],0,255);return s[3]=y(s[3],0,1),s};d.get.hsl=function(t){if(!t)return null;const e=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=t.match(e);if(n){const r=Number.parseFloat(n[4]),o=(Number.parseFloat(n[1])%360+360)%360,l=y(Number.parseFloat(n[2]),0,100),s=y(Number.parseFloat(n[3]),0,100),a=y(Number.isNaN(r)?1:r,0,1);return[o,l,s,a]}return null};d.get.hwb=function(t){if(!t)return null;const e=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d.]+)%\s*,\s*([+-]?[\d.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=t.match(e);if(n){const r=Number.parseFloat(n[4]),o=(Number.parseFloat(n[1])%360+360)%360,l=y(Number.parseFloat(n[2]),0,100),s=y(Number.parseFloat(n[3]),0,100),a=y(Number.isNaN(r)?1:r,0,1);return[o,l,s,a]}return null};d.to.hex=function(...t){return"#"+F(t[0])+F(t[1])+F(t[2])+(t[3]<1?F(Math.round(t[3]*255)):"")};d.to.rgb=function(...t){return t.length<4||t[3]===1?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"};d.to.rgb.percent=function(...t){const e=Math.round(t[0]/255*100),n=Math.round(t[1]/255*100),r=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+e+"%, "+n+"%, "+r+"%)":"rgba("+e+"%, "+n+"%, "+r+"%, "+t[3]+")"};d.to.hsl=function(...t){return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};d.to.hwb=function(...t){let e="";return t.length>=4&&t[3]!==1&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"};d.to.keyword=function(...t){return C[t.slice(0,3)]};function y(t,e,n){return Math.min(Math.max(e,t),n)}function F(t){const e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}const x={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},z={};for(const t of Object.keys(x))z[x[t]]=t;const i={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},oklab:{channels:3,labels:["okl","oka","okb"]},lch:{channels:3,labels:"lch"},oklch:{channels:3,labels:["okl","okc","okh"]},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},p=(6/29)**3;function k(t){const e=t>.0031308?1.055*t**.4166666666666667-.055:t*12.92;return Math.min(Math.max(0,e),1)}function w(t){return t>.04045?((t+.055)/1.055)**2.4:t/12.92}for(const t of Object.keys(i)){if(!("channels"in i[t]))throw new Error("missing channels property: "+t);if(!("labels"in i[t]))throw new Error("missing channel labels property: "+t);if(i[t].labels.length!==i[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:n}=i[t];delete i[t].channels,delete i[t].labels,Object.defineProperty(i[t],"channels",{value:e}),Object.defineProperty(i[t],"labels",{value:n})}i.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,r=t[2]/255,o=Math.min(e,n,r),l=Math.max(e,n,r),s=l-o;let a,c;switch(l){case o:{a=0;break}case e:{a=(n-r)/s;break}case n:{a=2+(r-e)/s;break}case r:{a=4+(e-n)/s;break}}a=Math.min(a*60,360),a<0&&(a+=360);const u=(o+l)/2;return l===o?c=0:u<=.5?c=s/(l+o):c=s/(2-l-o),[a,c*100,u*100]};i.rgb.hsv=function(t){let e,n,r,o,l;const s=t[0]/255,a=t[1]/255,c=t[2]/255,u=Math.max(s,a,c),m=u-Math.min(s,a,c),_=function(S){return(u-S)/6/m+1/2};if(m===0)o=0,l=0;else{switch(l=m/u,e=_(s),n=_(a),r=_(c),u){case s:{o=r-n;break}case a:{o=1/3+e-r;break}case c:{o=2/3+n-e;break}}o<0?o+=1:o>1&&(o-=1)}return[o*360,l*100,u*100]};i.rgb.hwb=function(t){const e=t[0],n=t[1];let r=t[2];const o=i.rgb.hsl(t)[0],l=1/255*Math.min(e,Math.min(n,r));return r=1-1/255*Math.max(e,Math.max(n,r)),[o,l*100,r*100]};i.rgb.oklab=function(t){const e=w(t[0]/255),n=w(t[1]/255),r=w(t[2]/255),o=Math.cbrt(.4122214708*e+.5363325363*n+.0514459929*r),l=Math.cbrt(.2119034982*e+.6806995451*n+.1073969566*r),s=Math.cbrt(.0883024619*e+.2817188376*n+.6299787005*r),a=.2104542553*o+.793617785*l-.0040720468*s,c=1.9779984951*o-2.428592205*l+.4505937099*s,u=.0259040371*o+.7827717662*l-.808675766*s;return[a*100,c*100,u*100]};i.rgb.cmyk=function(t){const e=t[0]/255,n=t[1]/255,r=t[2]/255,o=Math.min(1-e,1-n,1-r),l=(1-e-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,a=(1-r-o)/(1-o)||0;return[l*100,s*100,a*100,o*100]};function E(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}i.rgb.keyword=function(t){const e=z[t];if(e)return e;let n=Number.POSITIVE_INFINITY,r;for(const o of Object.keys(x)){const l=x[o],s=E(t,l);s<n&&(n=s,r=o)}return r};i.keyword.rgb=function(t){return x[t]};i.rgb.xyz=function(t){const e=w(t[0]/255),n=w(t[1]/255),r=w(t[2]/255),o=e*.4124564+n*.3575761+r*.1804375,l=e*.2126729+n*.7151522+r*.072175,s=e*.0193339+n*.119192+r*.9503041;return[o*100,l*100,s*100]};i.rgb.lab=function(t){const e=i.rgb.xyz(t);let n=e[0],r=e[1],o=e[2];n/=95.047,r/=100,o/=108.883,n=n>p?n**(1/3):7.787*n+16/116,r=r>p?r**(1/3):7.787*r+16/116,o=o>p?o**(1/3):7.787*o+16/116;const l=116*r-16,s=500*(n-r),a=200*(r-o);return[l,s,a]};i.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,r=t[2]/100;let o,l;if(n===0)return l=r*255,[l,l,l];const s=r<.5?r*(1+n):r+n-r*n,a=2*r-s,c=[0,0,0];for(let u=0;u<3;u++)o=e+1/3*-(u-1),o<0&&o++,o>1&&o--,6*o<1?l=a+(s-a)*6*o:2*o<1?l=s:3*o<2?l=a+(s-a)*(2/3-o)*6:l=a,c[u]=l*255;return c};i.hsl.hsv=function(t){const e=t[0];let n=t[1]/100,r=t[2]/100,o=n;const l=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=l<=1?l:2-l;const s=(r+n)/2,a=r===0?2*o/(l+o):2*n/(r+n);return[e,a*100,s*100]};i.hsv.rgb=function(t){const e=t[0]/60,n=t[1]/100;let r=t[2]/100;const o=Math.floor(e)%6,l=e-Math.floor(e),s=255*r*(1-n),a=255*r*(1-n*l),c=255*r*(1-n*(1-l));switch(r*=255,o){case 0:return[r,c,s];case 1:return[a,r,s];case 2:return[s,r,c];case 3:return[s,a,r];case 4:return[c,s,r];case 5:return[r,s,a]}};i.hsv.hsl=function(t){const e=t[0],n=t[1]/100,r=t[2]/100,o=Math.max(r,.01);let l,s;s=(2-n)*r;const a=(2-n)*o;return l=n*o,l/=a<=1?a:2-a,l=l||0,s/=2,[e,l*100,s*100]};i.hwb.rgb=function(t){const e=t[0]/360;let n=t[1]/100,r=t[2]/100;const o=n+r;let l;o>1&&(n/=o,r/=o);const s=Math.floor(6*e),a=1-r;l=6*e-s,(s&1)!==0&&(l=1-l);const c=n+l*(a-n);let u,m,_;switch(s){default:case 6:case 0:{u=a,m=c,_=n;break}case 1:{u=c,m=a,_=n;break}case 2:{u=n,m=a,_=c;break}case 3:{u=n,m=c,_=a;break}case 4:{u=c,m=n,_=a;break}case 5:{u=a,m=n,_=c;break}}return[u*255,m*255,_*255]};i.cmyk.rgb=function(t){const e=t[0]/100,n=t[1]/100,r=t[2]/100,o=t[3]/100,l=1-Math.min(1,e*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),a=1-Math.min(1,r*(1-o)+o);return[l*255,s*255,a*255]};i.xyz.rgb=function(t){const e=t[0]/100,n=t[1]/100,r=t[2]/100;let o,l,s;return o=e*3.2404542+n*-1.5371385+r*-.4985314,l=e*-.969266+n*1.8760108+r*.041556,s=e*.0556434+n*-.2040259+r*1.0572252,o=k(o),l=k(l),s=k(s),[o*255,l*255,s*255]};i.xyz.lab=function(t){let e=t[0],n=t[1],r=t[2];e/=95.047,n/=100,r/=108.883,e=e>p?e**(1/3):7.787*e+16/116,n=n>p?n**(1/3):7.787*n+16/116,r=r>p?r**(1/3):7.787*r+16/116;const o=116*n-16,l=500*(e-n),s=200*(n-r);return[o,l,s]};i.xyz.oklab=function(t){const e=t[0]/100,n=t[1]/100,r=t[2]/100,o=Math.cbrt(.8189330101*e+.3618667424*n-.1288597137*r),l=Math.cbrt(.0329845436*e+.9293118715*n+.0361456387*r),s=Math.cbrt(.0482003018*e+.2643662691*n+.633851707*r),a=.2104542553*o+.793617785*l-.0040720468*s,c=1.9779984951*o-2.428592205*l+.4505937099*s,u=.0259040371*o+.7827717662*l-.808675766*s;return[a*100,c*100,u*100]};i.oklab.oklch=function(t){return i.lab.lch(t)};i.oklab.xyz=function(t){const e=t[0]/100,n=t[1]/100,r=t[2]/100,o=(.999999998*e+.396337792*n+.215803758*r)**3,l=(1.000000008*e-.105561342*n-.063854175*r)**3,s=(1.000000055*e-.089484182*n-1.291485538*r)**3,a=1.227013851*o-.55779998*l+.281256149*s,c=-.040580178*o+1.11225687*l-.071676679*s,u=-.076381285*o-.421481978*l+1.58616322*s;return[a*100,c*100,u*100]};i.oklab.rgb=function(t){const e=t[0]/100,n=t[1]/100,r=t[2]/100,o=(e+.3963377774*n+.2158037573*r)**3,l=(e-.1055613458*n-.0638541728*r)**3,s=(e-.0894841775*n-1.291485548*r)**3,a=k(4.0767416621*o-3.3077115913*l+.2309699292*s),c=k(-1.2684380046*o+2.6097574011*l-.3413193965*s),u=k(-.0041960863*o-.7034186147*l+1.707614701*s);return[a*255,c*255,u*255]};i.oklch.oklab=function(t){return i.lch.lab(t)};i.lab.xyz=function(t){const e=t[0],n=t[1],r=t[2];let o,l,s;l=(e+16)/116,o=n/500+l,s=l-r/200;const a=l**3,c=o**3,u=s**3;return l=a>p?a:(l-16/116)/7.787,o=c>p?c:(o-16/116)/7.787,s=u>p?u:(s-16/116)/7.787,o*=95.047,l*=100,s*=108.883,[o,l,s]};i.lab.lch=function(t){const e=t[0],n=t[1],r=t[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[e,s,o]};i.lch.lab=function(t){const e=t[0],n=t[1],o=t[2]/360*2*Math.PI,l=n*Math.cos(o),s=n*Math.sin(o);return[e,l,s]};i.rgb.ansi16=function(t,e=null){const[n,r,o]=t;let l=e===null?i.rgb.hsv(t)[2]:e;if(l=Math.round(l/50),l===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return l===2&&(s+=60),s};i.hsv.ansi16=function(t){return i.rgb.ansi16(i.hsv.rgb(t),t[2])};i.rgb.ansi256=function(t){const e=t[0],n=t[1],r=t[2];return e>>4===n>>4&&n>>4===r>>4?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};i.ansi16.rgb=function(t){t=t[0];let e=t%10;if(e===0||e===7)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const n=(Math.trunc(t>50)+1)*.5,r=(e&1)*n*255,o=(e>>1&1)*n*255,l=(e>>2&1)*n*255;return[r,o,l]};i.ansi256.rgb=function(t){if(t=t[0],t>=232){const l=(t-232)*10+8;return[l,l,l]}t-=16;let e;const n=Math.floor(t/36)/5*255,r=Math.floor((e=t%36)/6)/5*255,o=e%6/5*255;return[n,r,o]};i.rgb.hex=function(t){const n=(((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255)).toString(16).toUpperCase();return"000000".slice(n.length)+n};i.hex.rgb=function(t){const e=t.toString(16).match(/[a-f\d]{6}|[a-f\d]{3}/i);if(!e)return[0,0,0];let n=e[0];e[0].length===3&&(n=[...n].map(a=>a+a).join(""));const r=Number.parseInt(n,16),o=r>>16&255,l=r>>8&255,s=r&255;return[o,l,s]};i.rgb.hcg=function(t){const e=t[0]/255,n=t[1]/255,r=t[2]/255,o=Math.max(Math.max(e,n),r),l=Math.min(Math.min(e,n),r),s=o-l;let a;const c=s<1?l/(1-s):0;return s<=0?a=0:o===e?a=(n-r)/s%6:o===n?a=2+(r-e)/s:a=4+(e-n)/s,a/=6,a%=1,[a*360,s*100,c*100]};i.hsl.hcg=function(t){const e=t[1]/100,n=t[2]/100,r=n<.5?2*e*n:2*e*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[t[0],r*100,o*100]};i.hsv.hcg=function(t){const e=t[1]/100,n=t[2]/100,r=e*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[t[0],r*100,o*100]};i.hcg.rgb=function(t){const e=t[0]/360,n=t[1]/100,r=t[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],l=e%1*6,s=l%1,a=1-s;let c=0;switch(Math.floor(l)){case 0:{o[0]=1,o[1]=s,o[2]=0;break}case 1:{o[0]=a,o[1]=1,o[2]=0;break}case 2:{o[0]=0,o[1]=1,o[2]=s;break}case 3:{o[0]=0,o[1]=a,o[2]=1;break}case 4:{o[0]=s,o[1]=0,o[2]=1;break}default:o[0]=1,o[1]=0,o[2]=a}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};i.hcg.hsv=function(t){const e=t[1]/100,n=t[2]/100,r=e+n*(1-e);let o=0;return r>0&&(o=e/r),[t[0],o*100,r*100]};i.hcg.hsl=function(t){const e=t[1]/100,r=t[2]/100*(1-e)+.5*e;let o=0;return r>0&&r<.5?o=e/(2*r):r>=.5&&r<1&&(o=e/(2*(1-r))),[t[0],o*100,r*100]};i.hcg.hwb=function(t){const e=t[1]/100,n=t[2]/100,r=e+n*(1-e);return[t[0],(r-e)*100,(1-r)*100]};i.hwb.hcg=function(t){const e=t[1]/100,r=1-t[2]/100,o=r-e;let l=0;return o<1&&(l=(r-o)/(1-o)),[t[0],o*100,l*100]};i.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};i.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};i.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};i.gray.hsl=function(t){return[0,0,t[0]]};i.gray.hsv=i.gray.hsl;i.gray.hwb=function(t){return[0,100,t[0]]};i.gray.cmyk=function(t){return[0,0,0,t[0]]};i.gray.lab=function(t){return[t[0],0,0]};i.gray.hex=function(t){const e=Math.round(t[0]/100*255)&255,r=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".slice(r.length)+r};i.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};function T(){const t={},e=Object.keys(i);for(let{length:n}=e,r=0;r<n;r++)t[e[r]]={distance:-1,parent:null};return t}function $(t){const e=T(),n=[t];for(e[t].distance=0;n.length>0;){const r=n.pop(),o=Object.keys(i[r]);for(let{length:l}=o,s=0;s<l;s++){const a=o[s],c=e[a];c.distance===-1&&(c.distance=e[r].distance+1,c.parent=r,n.unshift(a))}}return e}function U(t,e){return function(n){return e(t(n))}}function D(t,e){const n=[e[t].parent,t];let r=i[e[t].parent][t],o=e[t].parent;for(;e[o].parent;)n.unshift(e[o].parent),r=U(i[e[o].parent][o],r),o=e[o].parent;return r.conversion=n,r}function K(t){const e=$(t),n={},r=Object.keys(e);for(let{length:o}=r,l=0;l<o;l++){const s=r[l];e[s].parent!==null&&(n[s]=D(s,e))}return n}const g={},V=Object.keys(i);function B(t){const e=function(...n){const r=n[0];return r==null?r:(r.length>1&&(n=r),t(n))};return"conversion"in t&&(e.conversion=t.conversion),e}function L(t){const e=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=t(n);if(typeof o=="object")for(let{length:l}=o,s=0;s<l;s++)o[s]=Math.round(o[s]);return o};return"conversion"in t&&(e.conversion=t.conversion),e}for(const t of V){g[t]={},Object.defineProperty(g[t],"channels",{value:i[t].channels}),Object.defineProperty(g[t],"labels",{value:i[t].labels});const e=K(t),n=Object.keys(e);for(const r of n){const o=e[r];g[t][r]=L(o),g[t][r].raw=B(o)}}const A=["keyword","gray","hex"],O={};for(const t of Object.keys(g))O[[...g[t].labels].sort().join("")]=t;const M={};function b(t,e){if(!(this instanceof b))return new b(t,e);if(e&&e in A&&(e=null),e&&!(e in g))throw new Error("Unknown model: "+e);let n,r;if(t==null)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof b)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if(typeof t=="string"){const o=d.get(t);if(o===null)throw new Error("Unable to parse color from string: "+t);this.model=o.model,r=g[this.model].channels,this.color=o.value.slice(0,r),this.valpha=typeof o.value[r]=="number"?o.value[r]:1}else if(t.length>0){this.model=e||"rgb",r=g[this.model].channels;const o=Array.prototype.slice.call(t,0,r);this.color=q(o,r),this.valpha=typeof t[r]=="number"?t[r]:1}else if(typeof t=="number")this.model="rgb",this.color=[t>>16&255,t>>8&255,t&255],this.valpha=1;else{this.valpha=1;const o=Object.keys(t);"alpha"in t&&(o.splice(o.indexOf("alpha"),1),this.valpha=typeof t.alpha=="number"?t.alpha:0);const l=o.sort().join("");if(!(l in O))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=O[l];const{labels:s}=g[this.model],a=[];for(n=0;n<s.length;n++)a.push(t[s[n]]);this.color=q(a)}if(M[this.model])for(r=g[this.model].channels,n=0;n<r;n++){const o=M[this.model][n];o&&(this.color[n]=o(this.color[n]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}b.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in d.to?this:this.rgb();e=e.round(typeof t=="number"?t:1);const n=e.valpha===1?e.color:[...e.color,this.valpha];return d.to[e.model](...n)},percentString(t){const e=this.rgb().round(typeof t=="number"?t:1),n=e.valpha===1?e.color:[...e.color,this.valpha];return d.to.rgb.percent(...n)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){const t={},{channels:e}=g[this.model],{labels:n}=g[this.model];for(let r=0;r<e;r++)t[n[r]]=this.color[r];return this.valpha!==1&&(t.alpha=this.valpha),t},unitArray(){const t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,this.valpha!==1&&t.push(this.valpha),t},unitObject(){const t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,this.valpha!==1&&(t.alpha=this.valpha),t},round(t){return t=Math.max(t||0,0),new b([...this.color.map(J(t)),this.valpha],this.model)},alpha(t){return t!==void 0?new b([...this.color,Math.max(0,Math.min(1,t))],this.model):this.valpha},red:h("rgb",0,f(255)),green:h("rgb",1,f(255)),blue:h("rgb",2,f(255)),hue:h(["hsl","hsv","hsl","hwb","hcg"],0,t=>(t%360+360)%360),saturationl:h("hsl",1,f(100)),lightness:h("hsl",2,f(100)),saturationv:h("hsv",1,f(100)),value:h("hsv",2,f(100)),chroma:h("hcg",1,f(100)),gray:h("hcg",2,f(100)),white:h("hwb",1,f(100)),wblack:h("hwb",2,f(100)),cyan:h("cmyk",0,f(100)),magenta:h("cmyk",1,f(100)),yellow:h("cmyk",2,f(100)),black:h("cmyk",3,f(100)),x:h("xyz",0,f(95.047)),y:h("xyz",1,f(100)),z:h("xyz",2,f(108.833)),l:h("lab",0,f(100)),a:h("lab",1),b:h("lab",2),keyword(t){return t!==void 0?new b(t):g[this.model].keyword(this.color)},hex(t){return t!==void 0?new b(t):d.to.hex(...this.rgb().round().color)},hexa(t){if(t!==void 0)return new b(t);const e=this.rgb().round().color;let n=Math.round(this.valpha*255).toString(16).toUpperCase();return n.length===1&&(n="0"+n),d.to.hex(...e)+n},rgbNumber(){const t=this.rgb().color;return(t[0]&255)<<16|(t[1]&255)<<8|t[2]&255},luminosity(){const t=this.rgb().color,e=[];for(const[n,r]of t.entries()){const o=r/255;e[n]=o<=.04045?o/12.92:((o+.055)/1.055)**2.4}return .2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),n=t.luminosity();return e>n?(e+.05)/(n+.05):(n+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(t[0]*2126+t[1]*7152+t[2]*722)/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=t[0]*.3+t[1]*.59+t[2]*.11;return b.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let n=e.color[0];return n=(n+t)%360,n=n<0?360+n:n,e.color[0]=n,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const n=t.rgb(),r=this.rgb(),o=e===void 0?.5:e,l=2*o-1,s=n.alpha()-r.alpha(),a=((l*s===-1?l:(l+s)/(1+l*s))+1)/2,c=1-a;return b.rgb(a*n.red()+c*r.red(),a*n.green()+c*r.green(),a*n.blue()+c*r.blue(),n.alpha()*o+r.alpha()*(1-o))}};for(const t of Object.keys(g)){if(A.includes(t))continue;const{channels:e}=g[t];b.prototype[t]=function(...n){return this.model===t?new b(this):n.length>0?new b(n,t):new b([...G(g[this.model][t].raw(this.color)),this.valpha],t)},b[t]=function(...n){let r=n[0];return typeof r=="number"&&(r=q(n,e)),new b(r,t)}}function R(t,e){return Number(t.toFixed(e))}function J(t){return function(e){return R(e,t)}}function h(t,e,n){t=Array.isArray(t)?t:[t];for(const r of t)(M[r]||(M[r]=[]))[e]=n;return t=t[0],function(r){let o;return r!==void 0?(n&&(r=n(r)),o=this[t](),o.color[e]=r,o):(o=this[t]().color[e],n&&(o=n(o)),o)}}function f(t){return function(e){return Math.max(0,Math.min(t,e))}}function G(t){return Array.isArray(t)?t:[t]}function q(t,e){for(let n=0;n<e;n++)typeof t[n]!="number"&&(t[n]=0);return t}class H{constructor(e){N(this,"isColor",!0);N(this,"currentColor");this.base=e;const n=this._resolveBaseColor(e);return this.currentColor=b(n),this._createProxy()}_createProxy(){return new Proxy(this,{get(e,n){return n in e?e[n]:n in e.currentColor?e._handleColorMethod(n):e[n]}})}_resolveBaseColor(e){if(typeof e!="string"||!/\{[^{}]+\}/g.test(e))return e;if(typeof saltyConfig>"u")return"transparent";const{staticVariables:r}=saltyConfig;return r?e.replace(/^\{|\}$/g,"").split(".").reduce((s,a)=>s[a],r):"transparent"}_handleColorMethod(e){const n=this.currentColor;return typeof n[e]!="function"?n[e]:(...r)=>(this.currentColor=n[e](...r),this._createProxy())}toString(){return this.currentColor.toString()}}const Y=t=>new H(t);exports.defineViewportClamp=j.defineViewportClamp;exports.color=Y;
|
1
|
+
"use strict";
|
2
|
+
var __defProp = Object.defineProperty;
|
3
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
4
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
5
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
6
|
+
const colorFunction = require("color");
|
7
|
+
const viewportClamp = require("../viewport-clamp-CEmzmcSj.cjs");
|
8
|
+
class Color {
|
9
|
+
constructor(base) {
|
10
|
+
__publicField(this, "isColor", true);
|
11
|
+
__publicField(this, "currentColor");
|
12
|
+
this.base = base;
|
13
|
+
const colorValue = this._resolveBaseColor(base);
|
14
|
+
this.currentColor = colorFunction(colorValue);
|
15
|
+
return this._createProxy();
|
16
|
+
}
|
17
|
+
_createProxy() {
|
18
|
+
return new Proxy(this, {
|
19
|
+
get(target, prop) {
|
20
|
+
if (prop in target) return target[prop];
|
21
|
+
if (prop in target.currentColor) return target._handleColorMethod(prop);
|
22
|
+
return target[prop];
|
23
|
+
}
|
24
|
+
});
|
25
|
+
}
|
26
|
+
_resolveBaseColor(base) {
|
27
|
+
if (typeof base !== "string") return base;
|
28
|
+
const isToken = /\{[^{}]+\}/g.test(base);
|
29
|
+
if (!isToken) return base;
|
30
|
+
if (typeof saltyConfig === "undefined") return "transparent";
|
31
|
+
const { staticVariables } = saltyConfig;
|
32
|
+
if (!staticVariables) return "transparent";
|
33
|
+
const tokenPath = base.replace(/^\{|\}$/g, "").split(".");
|
34
|
+
const value = tokenPath.reduce((acc, key) => acc[key], staticVariables);
|
35
|
+
return value;
|
36
|
+
}
|
37
|
+
_handleColorMethod(method) {
|
38
|
+
const color2 = this.currentColor;
|
39
|
+
if (typeof color2[method] !== "function") return color2[method];
|
40
|
+
return (...args) => {
|
41
|
+
this.currentColor = color2[method](...args);
|
42
|
+
return this._createProxy();
|
43
|
+
};
|
44
|
+
}
|
45
|
+
toString() {
|
46
|
+
return this.currentColor.toString();
|
47
|
+
}
|
48
|
+
}
|
49
|
+
const color = (value) => {
|
50
|
+
return new Color(value);
|
51
|
+
};
|
52
|
+
exports.defineViewportClamp = viewportClamp.defineViewportClamp;
|
53
|
+
exports.color = color;
|