@tenoxui/moxie 0.4.2 → 0.4.4
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/dist/index.cjs.js +1 -2
- package/dist/index.d.ts +11 -2
- package/dist/index.es.js +163 -144
- package/dist/index.iife.js +1 -2
- package/dist/index.umd.js +1 -2
- package/dist/types/index.d.ts +6 -2
- package/package.json +1 -2
- package/dist/index.cjs.js.map +0 -1
- package/dist/index.es.js.map +0 -1
- package/dist/index.iife.js.map +0 -1
- package/dist/index.umd.js.map +0 -1
package/dist/index.cjs.js
CHANGED
@@ -1,2 +1 @@
|
|
1
|
-
"use strict";var Z=Object.defineProperty;var
|
2
|
-
//# sourceMappingURL=index.cjs.js.map
|
1
|
+
"use strict";var Z=Object.defineProperty;var W=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var V=(A,t,e)=>t in A?Z(A,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):A[t]=e,S=(A,t)=>{for(var e in t||(t={}))_.call(t,e)&&V(A,e,t[e]);if(W)for(var e of W(t))j.call(t,e)&&V(A,e,t[e]);return A};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class v{constructor({property:t={},values:e={},classes:s={},alwaysUseHyphens:n=!0}={}){this.property=S({moxie:({key:r,secondValue:l})=>l?null:r},t),this.values=e,this.classes=s,this.useHyphens=n}toKebabCase(t){if(/^(webkit|moz|ms|o)[A-Z]/.test(t)){const e=t.match(/^(webkit|moz|ms|o)/);if(e){const s=e[0];return`-${s}${t.slice(s.length).replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}`}}return t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}escapeCSSSelector(t){return t.replace(/^(\d)/,"\\3$1 ").replace(/([#{}.:;?%&,@+*~'"!^$[\]()=>|/])/g,"\\$1")}getAllClassNames(t){if(!t)return[];const e=new Set;return Object.entries(t).forEach(([s,n])=>{n&&typeof n=="object"&&Object.keys(n).forEach(r=>{e.add(r)})}),Array.from(e)}getTypePrefixes(t=[]){const e=this.property,s=this.classes,n=Object.keys(e);if(!s)return[...n,...t].sort((a,i)=>i.length-a.length);const l=[...this.getAllClassNames(s)];return[...n,...l,...t].sort((a,i)=>i.length-a.length)}regexp(t){const e=this.getTypePrefixes(t).join("|"),s="\\[[^\\]]+\\]",n="\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)",r="\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}",l="[a-zA-Z0-9_-]+|[a-zA-Z0-9_-]+(?:-(?:"+s+"|"+n+"|"+r+"))|"+s+"|"+n+"|"+r,a=`(${e}|\\[[^\\]]+\\])`,i=this.useHyphens?"(?:-)":"(?:-)?",h="(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+s+"|"+r+"|"+n+"|(?:\\$[^\\s\\/]+))",y="([a-zA-Z%]*)",c="(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+s+"|"+r+"|"+n+"|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";return{prefix:l,type:a,separator:i,value:h,unit:y,secondValuePattern:c,all:"(?:("+l+"):)?"+a+i+h+y+c}}generateClassNameRegEx(t=[]){return new RegExp(this.regexp(t).all)}parse(t,e){if(Object.values(this.classes).some(o=>o==null?void 0:o[t]))return[void 0,t,"","",void 0,void 0,t];const s=this.generateClassNameRegEx(e),n=(t+"-dummy").match(s);if(!n)return null;const[,r,l,a,i,h,y]=n,c=a?a==="dummy"?"":a.replace("-dummy",""):"",f=h?h==="dummy"?"":h.replace("-dummy",""):"";return[r,l,c,i||"",f,y,t]}processValue(t,e,s){if(!t)return"";const n=r=>r.replace(/\{([^}]+)\}/g,(l,a)=>{const i=this.values,h=i!==null?typeof i[s]=="object"?i[s][a]:i[a]:void 0;return typeof h=="string"?h:l});if(typeof this.values=="object"&&this.values!==null&&(this.values[s]&&typeof this.values[s]=="object"&&this.values[s][t]||this.values[t]))return typeof this.values[s]=="object"&&this.values[s]!==null?this.values[s][t]:this.values[t];if(t.startsWith("$"))return`var(--${t.slice(1)})`;if(t.startsWith("[")&&t.endsWith("]")||t.startsWith("(")&&t.endsWith(")")){const r=t.slice(1,-1).replace(/\\\_/g,"m0x13c55").replace(/\_/g," ").replace(/m0x13c55/g,"_");return r.includes("{")?n(r):r.startsWith("--")?`var(${r})`:r}return t+(e||"")}processShorthand(t="",e="",s="",n,r="",l="",a=!0){const i=this.property[t],h=/^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;let y=null,c=e||"";const f=c.match(h);f&&(y=f[1].trim(),c=f[2].trim());let o;e.includes(y+":")?o=e.startsWith("(")?`(${c})`:`[${c}]`:o=e;const p=this.processValue(o,s,t),g=this.processValue(r,l,t);if(t.startsWith("[")&&t.endsWith("]")){const C=t.slice(1,-1).split(",").map(u=>u.trim()).map(u=>`${u?u.startsWith("--")?String(u):this.toKebabCase(String(u)):null}: ${p}`).join("; ");return{className:`${`[${t.slice(1,-1)}]${a?"-":""}${e}${s}`}`,cssRules:C,value:null,prefix:n}}if(i){if(typeof i=="object"&&"property"in i){const C=i.group&&this.values[i.group][p]?this.values[i.group][p]:s?e:p,u=typeof i.property=="function"?i.property({value:e.startsWith("[")?p:C,unit:e.startsWith("[")?"":s,secondValue:e.startsWith("[")?"":l?r:g,secondUnit:e.startsWith("[")?"":l,key:y}):i.property,m=i.value||"{0}";let b;if(typeof m=="function")b=m({value:C,unit:s,secondValue:l?r:g,secondUnit:l,key:y});else if(typeof m=="string"){const d=i.group||t,P=this.processValue(o,s,d);this.values[d]&&typeof this.values[d]=="object"&&this.values[d][o]?b=this.values[d][o]:m.includes("{")?b=this.parseValuePattern(d,m,P,"",g,""):b=p}else b=null;const x=`${t}${e?`${a&&a?"-":""}${e}${s}`:""}${r?`/${r}${l}`:""}`;return typeof i.property=="string"&&typeof m=="string"&&!m.includes("{1")&&r?null:{className:x,cssRules:u?Array.isArray(u)?u:typeof u=="string"&&(u.includes(":")||u.includes("value:"))?u.includes("value:")?u.slice(6):this.toKebabCase(String(u)):this.toKebabCase(String(u)):null,value:m===null||u===null||u.includes(":")||u.includes("value:")?null:e.startsWith("[")?p:b,prefix:n}}const $=typeof i=="function"?i({value:e.startsWith("[")?p:s?e:p,unit:e.startsWith("[")?"":s,secondValue:e.startsWith("[")?"":l?r:g,secondUnit:e.startsWith("[")?"":l,key:y}):i;return(typeof i=="string"||Array.isArray(i))&&r?null:{className:`${t}${e?(a?"-":"")+e+s:""}${r?`/${r}${l}`:""}`,cssRules:$?Array.isArray(i)?$:typeof $=="string"&&($.includes(":")||$.startsWith("value:"))?$.startsWith("value:")?$.slice(6):this.toKebabCase(String($)):this.toKebabCase(String($)):null,value:typeof $=="string"&&$.includes(":")?null:p,prefix:n}}return null}parseValuePattern(t,e,s,n,r,l){if(!e.includes("{0}")&&!e.includes("{1")&&!e.includes("||"))return e;const[a,i]=e.split("||").map(c=>c.trim()),h=this.processValue(s,n,t),y=this.processValue(r,l,t);if(e.includes("{0}")&&e.includes("{1")||e.includes("{1")){let c=a;if(s&&(c=c.replace("{0}",h)),e.includes("{1")){const f=c.match(/{1([^}]*)}/);if(e.includes("{1}"))r?c=r.startsWith("[")?y:c.replace("{1}",y):c=i;else if(f){const o=f[0],p=f[1].trim();let g=y;!g&&p.includes("|")?g=p.split("|")[1].trim():g||(g=""),c=s.startsWith("[")?h:c.replace(o,g)}}return s?c:i||a}else return s?s.startsWith("[")?h:a.replace("{0}",h):i||a}getParentClass(t){return Object.keys(this.classes).filter(e=>Object.prototype.hasOwnProperty.call(this.classes[e],t))}processCustomClass(t,e="",s="",n="",r="",l="",a=!0){if(!t)return null;const i=this.getParentClass(t);if(i.length>0){const h=i.map(f=>{const o=this.classes[f];if(!o||e&&!o[t].includes("||")||e&&!o[t].includes("|"))return"";const p=this.parseValuePattern(t,o[t]||"",e,s,r,l);return`${this.toKebabCase(String(f))}: ${p}`}).filter(Boolean).join("; "),y=t.slice(-(e+s).length),c=`${t}${e?`${a?"-":""}${e}${s}`:""}${r?`/${r}${l}`:""}`;return{className:e===y?t:c,cssRules:h,value:null,prefix:n}}return null}process(t){const e=Array.isArray(t)?t:t.split(/\s+/),s=[];return e.forEach(n=>{if(!n)return this;const[r,l]=n.split(":"),a=l||r,i=l?r:void 0,h=this.parse(n),y=h||[i,a,"",""];if(!y)return this;const[c,f,o,p,g,$]=y,C=!n.includes((f||"")+(o||"")),u=this.getParentClass(`${f}${C?"-":""}${o}`).length>0?`${f}${C?"-":""}${o}`:f,m=this.processCustomClass(u,o,p,c,g,$,C);if(m){const{className:x,cssRules:d,prefix:P}=m;if(!d||d==="null")return;s.push({className:x,cssRules:d,value:null,prefix:P,raw:[P,f,o,p,g,$]});return}const b=this.processShorthand(f,o,p,c,g,$,C);if(b){const{className:x,cssRules:d,value:P,prefix:R}=b;if(!d||d==="null")return;s.push({className:x,cssRules:d,value:P,prefix:R,raw:[c,f,o,p,g,$]})}}),s}}exports.TenoxUI=v;exports.default=v;
|
package/dist/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { Config, ProcessedStyle } from './types';
|
1
|
+
import type { Config, Parsed, ProcessedStyle } from './types';
|
2
2
|
export * from './types';
|
3
3
|
export declare class TenoxUI {
|
4
4
|
private property;
|
@@ -10,8 +10,17 @@ export declare class TenoxUI {
|
|
10
10
|
escapeCSSSelector(str: string): string;
|
11
11
|
private getAllClassNames;
|
12
12
|
private getTypePrefixes;
|
13
|
+
regexp(safelist?: string[]): {
|
14
|
+
prefix: string;
|
15
|
+
type: string;
|
16
|
+
separator: string;
|
17
|
+
value: string;
|
18
|
+
unit: string;
|
19
|
+
secondValuePattern: string;
|
20
|
+
all: string;
|
21
|
+
};
|
13
22
|
private generateClassNameRegEx;
|
14
|
-
parse(className: string, safelist?: string[]):
|
23
|
+
parse(className: string, safelist?: string[]): Parsed;
|
15
24
|
processValue(value: string, unit: string, group: string): string;
|
16
25
|
processShorthand(type: string | undefined, value: string | undefined, unit: string | undefined, prefix: string | undefined, secondValue?: string | undefined, secondUnit?: string | undefined, isHyphen?: boolean): ProcessedStyle | null;
|
17
26
|
private parseValuePattern;
|
package/dist/index.es.js
CHANGED
@@ -1,96 +1,110 @@
|
|
1
|
-
var
|
2
|
-
var
|
1
|
+
var R = Object.defineProperty;
|
2
|
+
var W = Object.getOwnPropertySymbols;
|
3
3
|
var Z = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
|
4
|
-
var V = (
|
5
|
-
for (var
|
6
|
-
Z.call(
|
7
|
-
if (
|
8
|
-
for (var
|
9
|
-
z.call(
|
10
|
-
return
|
4
|
+
var V = (x, t, s) => t in x ? R(x, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : x[t] = s, S = (x, t) => {
|
5
|
+
for (var s in t || (t = {}))
|
6
|
+
Z.call(t, s) && V(x, s, t[s]);
|
7
|
+
if (W)
|
8
|
+
for (var s of W(t))
|
9
|
+
z.call(t, s) && V(x, s, t[s]);
|
10
|
+
return x;
|
11
11
|
};
|
12
12
|
class _ {
|
13
|
-
constructor({ property:
|
14
|
-
this.property =
|
15
|
-
moxie
|
16
|
-
|
13
|
+
constructor({ property: t = {}, values: s = {}, classes: e = {}, alwaysUseHyphens: n = !0 } = {}) {
|
14
|
+
this.property = S({
|
15
|
+
// use moxie-* to access all properties and variables
|
16
|
+
// e.g. `moxie-(color:red)` => `color: red`, `moxie-(--my-var:20px_1rem)` => `--my-var: 20px 1rem`
|
17
|
+
moxie: ({ key: r, secondValue: l }) => l ? null : r
|
18
|
+
}, t), this.values = s, this.classes = e, this.useHyphens = n;
|
17
19
|
}
|
18
|
-
toKebabCase(
|
19
|
-
if (/^(webkit|moz|ms|o)[A-Z]/.test(
|
20
|
-
const
|
21
|
-
if (
|
22
|
-
const e =
|
23
|
-
return `-${e}${
|
20
|
+
toKebabCase(t) {
|
21
|
+
if (/^(webkit|moz|ms|o)[A-Z]/.test(t)) {
|
22
|
+
const s = t.match(/^(webkit|moz|ms|o)/);
|
23
|
+
if (s) {
|
24
|
+
const e = s[0];
|
25
|
+
return `-${e}${t.slice(e.length).replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`)}`;
|
24
26
|
}
|
25
27
|
}
|
26
|
-
return
|
28
|
+
return t.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`);
|
27
29
|
}
|
28
|
-
escapeCSSSelector(
|
29
|
-
return
|
30
|
+
escapeCSSSelector(t) {
|
31
|
+
return t.replace(/^(\d)/, "\\3$1 ").replace(/([#{}.:;?%&,@+*~'"!^$[\]()=>|/])/g, "\\$1");
|
30
32
|
}
|
31
|
-
getAllClassNames(
|
32
|
-
if (!
|
33
|
-
const
|
34
|
-
return Object.entries(
|
33
|
+
getAllClassNames(t) {
|
34
|
+
if (!t) return [];
|
35
|
+
const s = /* @__PURE__ */ new Set();
|
36
|
+
return Object.entries(t).forEach(([e, n]) => {
|
35
37
|
n && typeof n == "object" && Object.keys(n).forEach((r) => {
|
36
|
-
|
38
|
+
s.add(r);
|
37
39
|
});
|
38
|
-
}), Array.from(
|
40
|
+
}), Array.from(s);
|
39
41
|
}
|
40
|
-
getTypePrefixes(
|
41
|
-
const
|
42
|
+
getTypePrefixes(t = []) {
|
43
|
+
const s = this.property, e = this.classes, n = Object.keys(s);
|
42
44
|
if (!e)
|
43
|
-
return [...n, ...
|
44
|
-
const
|
45
|
-
return [...n, ...
|
45
|
+
return [...n, ...t].sort((a, i) => i.length - a.length);
|
46
|
+
const l = [...this.getAllClassNames(e)];
|
47
|
+
return [...n, ...l, ...t].sort((a, i) => i.length - a.length);
|
46
48
|
}
|
47
|
-
|
48
|
-
const
|
49
|
-
|
49
|
+
regexp(t) {
|
50
|
+
const s = this.getTypePrefixes(t).join("|"), e = "\\[[^\\]]+\\]", n = "\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)", r = "\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}", l = (
|
51
|
+
// Simple prefix (hover, md, focus, etc.)
|
52
|
+
"[a-zA-Z0-9_-]+|[a-zA-Z0-9_-]+(?:-(?:" + e + "|" + n + "|" + r + "))|" + // Direct bracket, parenthesis, or brace content
|
53
|
+
e + "|" + n + "|" + r
|
54
|
+
), a = `(${s}|\\[[^\\]]+\\])`, i = this.useHyphens ? "(?:-)" : "(?:-)?", h = "(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|" + // Hex colors
|
50
55
|
e + "|" + // Bracket content
|
51
56
|
r + "|" + // Curly brace content
|
52
|
-
n + "|(?:\\$[^\\s\\/]+))",
|
53
|
-
return
|
54
|
-
|
55
|
-
|
57
|
+
n + "|(?:\\$[^\\s\\/]+))", y = "([a-zA-Z%]*)", c = "(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|" + e + "|" + r + "|" + n + "|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";
|
58
|
+
return {
|
59
|
+
prefix: l,
|
60
|
+
type: a,
|
61
|
+
separator: i,
|
62
|
+
value: h,
|
63
|
+
unit: y,
|
64
|
+
secondValuePattern: c,
|
65
|
+
all: "(?:(" + l + "):)?" + a + i + h + y + c
|
66
|
+
};
|
67
|
+
}
|
68
|
+
generateClassNameRegEx(t = []) {
|
69
|
+
return new RegExp(this.regexp(t).all);
|
56
70
|
}
|
57
|
-
parse(
|
58
|
-
if (Object.values(this.classes).some((o) => o == null ? void 0 : o[
|
59
|
-
return [void 0,
|
60
|
-
const e = this.generateClassNameRegEx(
|
71
|
+
parse(t, s) {
|
72
|
+
if (Object.values(this.classes).some((o) => o == null ? void 0 : o[t]))
|
73
|
+
return [void 0, t, "", "", void 0, void 0, t];
|
74
|
+
const e = this.generateClassNameRegEx(s), n = (t + "-dummy").match(e);
|
61
75
|
if (!n) return null;
|
62
|
-
const [, r,
|
63
|
-
return [r,
|
76
|
+
const [, r, l, a, i, h, y] = n, c = a ? a === "dummy" ? "" : a.replace("-dummy", "") : "", f = h ? h === "dummy" ? "" : h.replace("-dummy", "") : "";
|
77
|
+
return [r, l, c, i || "", f, y, t];
|
64
78
|
}
|
65
79
|
// unique value parser
|
66
|
-
processValue(
|
67
|
-
if (!
|
68
|
-
const n = (r) => r.replace(/\{([^}]+)\}/g, (
|
69
|
-
const i = this.values,
|
70
|
-
return typeof
|
80
|
+
processValue(t, s, e) {
|
81
|
+
if (!t) return "";
|
82
|
+
const n = (r) => r.replace(/\{([^}]+)\}/g, (l, a) => {
|
83
|
+
const i = this.values, h = i !== null ? typeof i[e] == "object" ? i[e][a] : i[a] : void 0;
|
84
|
+
return typeof h == "string" ? h : l;
|
71
85
|
});
|
72
|
-
if (typeof this.values == "object" && this.values !== null && (this.values[e] && typeof this.values[e] == "object" && this.values[e][
|
73
|
-
return typeof this.values[e] == "object" && this.values[e] !== null ? this.values[e][
|
74
|
-
if (
|
75
|
-
return `var(--${
|
76
|
-
if (
|
77
|
-
const r =
|
86
|
+
if (typeof this.values == "object" && this.values !== null && (this.values[e] && typeof this.values[e] == "object" && this.values[e][t] || this.values[t]))
|
87
|
+
return typeof this.values[e] == "object" && this.values[e] !== null ? this.values[e][t] : this.values[t];
|
88
|
+
if (t.startsWith("$"))
|
89
|
+
return `var(--${t.slice(1)})`;
|
90
|
+
if (t.startsWith("[") && t.endsWith("]") || t.startsWith("(") && t.endsWith(")")) {
|
91
|
+
const r = t.slice(1, -1).replace(/\\\_/g, "m0x13c55").replace(/\_/g, " ").replace(/m0x13c55/g, "_");
|
78
92
|
return r.includes("{") ? n(r) : r.startsWith("--") ? `var(${r})` : r;
|
79
93
|
}
|
80
|
-
return
|
94
|
+
return t + (s || "");
|
81
95
|
}
|
82
|
-
processShorthand(
|
83
|
-
const i = this.property[
|
84
|
-
let
|
85
|
-
const f = c.match(
|
86
|
-
f && (
|
96
|
+
processShorthand(t = "", s = "", e = "", n, r = "", l = "", a = !0) {
|
97
|
+
const i = this.property[t], h = /^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;
|
98
|
+
let y = null, c = s || "";
|
99
|
+
const f = c.match(h);
|
100
|
+
f && (y = f[1].trim(), c = f[2].trim());
|
87
101
|
let o;
|
88
|
-
|
89
|
-
const p = this.processValue(o, e,
|
90
|
-
if (
|
91
|
-
const C =
|
102
|
+
s.includes(y + ":") ? o = s.startsWith("(") ? `(${c})` : `[${c}]` : o = s;
|
103
|
+
const p = this.processValue(o, e, t), g = this.processValue(r, l, t);
|
104
|
+
if (t.startsWith("[") && t.endsWith("]")) {
|
105
|
+
const C = t.slice(1, -1).split(",").map((u) => u.trim()).map((u) => `${u ? u.startsWith("--") ? String(u) : this.toKebabCase(String(u)) : null}: ${p}`).join("; ");
|
92
106
|
return {
|
93
|
-
className: `${`[${
|
107
|
+
className: `${`[${t.slice(1, -1)}]${a ? "-" : ""}${s}${e}`}`,
|
94
108
|
cssRules: C,
|
95
109
|
// return css rules directly
|
96
110
|
value: null,
|
@@ -100,143 +114,149 @@ class _ {
|
|
100
114
|
}
|
101
115
|
if (i) {
|
102
116
|
if (typeof i == "object" && "property" in i) {
|
103
|
-
const C = i.group && this.values[i.group][p] ? this.values[i.group][p] : e ?
|
104
|
-
value:
|
105
|
-
unit:
|
106
|
-
secondValue:
|
107
|
-
secondUnit:
|
108
|
-
key:
|
109
|
-
}) : i.property,
|
117
|
+
const C = i.group && this.values[i.group][p] ? this.values[i.group][p] : e ? s : p, u = typeof i.property == "function" ? i.property({
|
118
|
+
value: s.startsWith("[") ? p : C,
|
119
|
+
unit: s.startsWith("[") ? "" : e,
|
120
|
+
secondValue: s.startsWith("[") ? "" : l ? r : g,
|
121
|
+
secondUnit: s.startsWith("[") ? "" : l,
|
122
|
+
key: y
|
123
|
+
}) : i.property, m = i.value || "{0}";
|
110
124
|
let A;
|
111
|
-
if (typeof
|
112
|
-
A =
|
125
|
+
if (typeof m == "function")
|
126
|
+
A = m({
|
113
127
|
value: C,
|
114
128
|
unit: e,
|
115
|
-
secondValue:
|
116
|
-
secondUnit:
|
117
|
-
key:
|
129
|
+
secondValue: l ? r : g,
|
130
|
+
secondUnit: l,
|
131
|
+
key: y
|
118
132
|
});
|
119
|
-
else if (typeof
|
120
|
-
const d = i.group ||
|
121
|
-
this.values[d] && typeof this.values[d] == "object" && this.values[d][o] ? A = this.values[d][o] :
|
133
|
+
else if (typeof m == "string") {
|
134
|
+
const d = i.group || t, P = this.processValue(o, e, d);
|
135
|
+
this.values[d] && typeof this.values[d] == "object" && this.values[d][o] ? A = this.values[d][o] : m.includes("{") ? A = this.parseValuePattern(
|
122
136
|
d,
|
123
|
-
|
124
|
-
|
137
|
+
m,
|
138
|
+
P,
|
125
139
|
"",
|
126
|
-
|
140
|
+
g,
|
127
141
|
""
|
128
142
|
) : A = p;
|
129
143
|
} else A = null;
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
144
|
+
const b = `${t}${s ? `${a && a ? "-" : ""}${s}${e}` : ""}${r ? `/${r}${l}` : ""}`;
|
145
|
+
return typeof i.property == "string" && typeof m == "string" && !m.includes("{1") && r ? null : {
|
146
|
+
className: b,
|
147
|
+
cssRules: u ? Array.isArray(u) ? u : typeof u == "string" && (u.includes(":") || u.includes("value:")) ? u.includes("value:") ? u.slice(6) : this.toKebabCase(String(u)) : this.toKebabCase(String(u)) : null,
|
148
|
+
value: m === null || u === null || u.includes(":") || u.includes("value:") ? null : s.startsWith("[") ? p : A,
|
134
149
|
prefix: n
|
135
150
|
};
|
136
151
|
}
|
137
|
-
const
|
138
|
-
value:
|
139
|
-
unit:
|
140
|
-
secondValue:
|
141
|
-
secondUnit:
|
142
|
-
key:
|
152
|
+
const $ = typeof i == "function" ? i({
|
153
|
+
value: s.startsWith("[") ? p : e ? s : p,
|
154
|
+
unit: s.startsWith("[") ? "" : e,
|
155
|
+
secondValue: s.startsWith("[") ? "" : l ? r : g,
|
156
|
+
secondUnit: s.startsWith("[") ? "" : l,
|
157
|
+
key: y
|
143
158
|
}) : i;
|
144
|
-
return {
|
145
|
-
className: `${
|
146
|
-
cssRules: Array.isArray(i) ?
|
147
|
-
value: typeof
|
159
|
+
return (typeof i == "string" || Array.isArray(i)) && r ? null : {
|
160
|
+
className: `${t}${s ? (a ? "-" : "") + s + e : ""}${r ? `/${r}${l}` : ""}`,
|
161
|
+
cssRules: $ ? Array.isArray(i) ? $ : typeof $ == "string" && ($.includes(":") || $.startsWith("value:")) ? $.startsWith("value:") ? $.slice(6) : this.toKebabCase(String($)) : this.toKebabCase(String($)) : null,
|
162
|
+
value: typeof $ == "string" && $.includes(":") ? null : p,
|
148
163
|
prefix: n
|
149
164
|
};
|
150
165
|
}
|
151
166
|
return null;
|
152
167
|
}
|
153
|
-
parseValuePattern(
|
154
|
-
if (!
|
155
|
-
return
|
156
|
-
const [
|
157
|
-
if (
|
158
|
-
let c =
|
159
|
-
if (e && (c = c.replace("{0}",
|
168
|
+
parseValuePattern(t, s, e, n, r, l) {
|
169
|
+
if (!s.includes("{0}") && !s.includes("{1") && !s.includes("||"))
|
170
|
+
return s;
|
171
|
+
const [a, i] = s.split("||").map((c) => c.trim()), h = this.processValue(e, n, t), y = this.processValue(r, l, t);
|
172
|
+
if (s.includes("{0}") && s.includes("{1") || s.includes("{1")) {
|
173
|
+
let c = a;
|
174
|
+
if (e && (c = c.replace("{0}", h)), s.includes("{1")) {
|
160
175
|
const f = c.match(/{1([^}]*)}/);
|
161
|
-
if (
|
162
|
-
r ? c = r.startsWith("[") ?
|
176
|
+
if (s.includes("{1}"))
|
177
|
+
r ? c = r.startsWith("[") ? y : c.replace("{1}", y) : c = i;
|
163
178
|
else if (f) {
|
164
179
|
const o = f[0], p = f[1].trim();
|
165
|
-
let
|
166
|
-
|
180
|
+
let g = y;
|
181
|
+
!g && p.includes("|") ? g = p.split("|")[1].trim() : g || (g = ""), c = e.startsWith("[") ? h : c.replace(o, g);
|
167
182
|
}
|
168
183
|
}
|
169
|
-
return e ? c : i ||
|
184
|
+
return e ? c : i || a;
|
170
185
|
} else
|
171
|
-
return e ? e.startsWith("[") ?
|
186
|
+
return e ? e.startsWith("[") ? h : a.replace("{0}", h) : i || a;
|
172
187
|
}
|
173
|
-
getParentClass(
|
188
|
+
getParentClass(t) {
|
174
189
|
return Object.keys(this.classes).filter(
|
175
|
-
(
|
176
|
-
this.classes[
|
177
|
-
|
190
|
+
(s) => Object.prototype.hasOwnProperty.call(
|
191
|
+
this.classes[s],
|
192
|
+
t
|
178
193
|
)
|
179
194
|
);
|
180
195
|
}
|
181
|
-
processCustomClass(
|
182
|
-
if (!
|
183
|
-
const i = this.getParentClass(
|
196
|
+
processCustomClass(t, s = "", e = "", n = "", r = "", l = "", a = !0) {
|
197
|
+
if (!t) return null;
|
198
|
+
const i = this.getParentClass(t);
|
184
199
|
if (i.length > 0) {
|
185
|
-
const
|
200
|
+
const h = i.map((f) => {
|
186
201
|
const o = this.classes[f];
|
187
|
-
if (!o)
|
202
|
+
if (!o || s && !o[t].includes("||") || s && !o[t].includes("|"))
|
203
|
+
return "";
|
188
204
|
const p = this.parseValuePattern(
|
189
|
-
s,
|
190
|
-
o[s] || "",
|
191
205
|
t,
|
206
|
+
o[t] || "",
|
207
|
+
s,
|
192
208
|
e,
|
193
209
|
r,
|
194
|
-
|
210
|
+
l
|
195
211
|
);
|
196
212
|
return `${this.toKebabCase(String(f))}: ${p}`;
|
197
|
-
}).filter(Boolean).join("; "),
|
213
|
+
}).filter(Boolean).join("; "), y = t.slice(-(s + e).length), c = `${t}${s ? `${a ? "-" : ""}${s}${e}` : ""}${r ? `/${r}${l}` : ""}`;
|
198
214
|
return {
|
199
|
-
className:
|
200
|
-
cssRules:
|
215
|
+
className: s === y ? t : c,
|
216
|
+
cssRules: h,
|
201
217
|
value: null,
|
202
218
|
prefix: n
|
203
219
|
};
|
204
220
|
}
|
205
221
|
return null;
|
206
222
|
}
|
207
|
-
process(
|
208
|
-
const
|
209
|
-
return
|
223
|
+
process(t) {
|
224
|
+
const s = Array.isArray(t) ? t : t.split(/\s+/), e = [];
|
225
|
+
return s.forEach((n) => {
|
210
226
|
if (!n) return this;
|
211
|
-
const [r,
|
212
|
-
if (!
|
213
|
-
const [c, f, o, p,
|
214
|
-
|
227
|
+
const [r, l] = n.split(":"), a = l || r, i = l ? r : void 0, h = this.parse(n), y = h || [i, a, "", ""];
|
228
|
+
if (!y) return this;
|
229
|
+
const [c, f, o, p, g, $] = y, C = !n.includes((f || "") + (o || "")), u = this.getParentClass(`${f}${C ? "-" : ""}${o}`).length > 0 ? `${f}${C ? "-" : ""}${o}` : f, m = this.processCustomClass(
|
230
|
+
u,
|
215
231
|
o,
|
216
232
|
p,
|
217
233
|
c,
|
234
|
+
g,
|
218
235
|
$,
|
219
|
-
m,
|
220
236
|
C
|
221
237
|
);
|
222
|
-
if (
|
223
|
-
const { className: b, cssRules: d, prefix:
|
238
|
+
if (m) {
|
239
|
+
const { className: b, cssRules: d, prefix: P } = m;
|
240
|
+
if (!d || d === "null") return;
|
224
241
|
e.push({
|
225
242
|
className: b,
|
226
243
|
cssRules: d,
|
227
244
|
value: null,
|
228
|
-
prefix:
|
245
|
+
prefix: P,
|
246
|
+
raw: [P, f, o, p, g, $]
|
229
247
|
});
|
230
248
|
return;
|
231
249
|
}
|
232
|
-
const A = this.processShorthand(f, o, p, c, $,
|
250
|
+
const A = this.processShorthand(f, o, p, c, g, $, C);
|
233
251
|
if (A) {
|
234
|
-
const { className: b, cssRules: d, value:
|
252
|
+
const { className: b, cssRules: d, value: P, prefix: v } = A;
|
253
|
+
if (!d || d === "null") return;
|
235
254
|
e.push({
|
236
255
|
className: b,
|
237
256
|
cssRules: d,
|
238
|
-
value:
|
239
|
-
prefix:
|
257
|
+
value: P,
|
258
|
+
prefix: v,
|
259
|
+
raw: [c, f, o, p, g, $]
|
240
260
|
});
|
241
261
|
}
|
242
262
|
}), e;
|
@@ -246,4 +266,3 @@ export {
|
|
246
266
|
_ as TenoxUI,
|
247
267
|
_ as default
|
248
268
|
};
|
249
|
-
//# sourceMappingURL=index.es.js.map
|
package/dist/index.iife.js
CHANGED
@@ -1,2 +1 @@
|
|
1
|
-
var __tenoxui_moxie__=function(
|
2
|
-
//# sourceMappingURL=index.iife.js.map
|
1
|
+
var __tenoxui_moxie__=function(C){"use strict";var Z=Object.defineProperty;var V=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var v=(C,m,A)=>m in C?Z(C,m,{enumerable:!0,configurable:!0,writable:!0,value:A}):C[m]=A,S=(C,m)=>{for(var A in m||(m={}))j.call(m,A)&&v(C,A,m[A]);if(V)for(var A of V(m))z.call(m,A)&&v(C,A,m[A]);return C};class m{constructor({property:t={},values:e={},classes:s={},alwaysUseHyphens:n=!0}={}){this.property=S({moxie:({key:r,secondValue:l})=>l?null:r},t),this.values=e,this.classes=s,this.useHyphens=n}toKebabCase(t){if(/^(webkit|moz|ms|o)[A-Z]/.test(t)){const e=t.match(/^(webkit|moz|ms|o)/);if(e){const s=e[0];return`-${s}${t.slice(s.length).replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}`}}return t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}escapeCSSSelector(t){return t.replace(/^(\d)/,"\\3$1 ").replace(/([#{}.:;?%&,@+*~'"!^$[\]()=>|/])/g,"\\$1")}getAllClassNames(t){if(!t)return[];const e=new Set;return Object.entries(t).forEach(([s,n])=>{n&&typeof n=="object"&&Object.keys(n).forEach(r=>{e.add(r)})}),Array.from(e)}getTypePrefixes(t=[]){const e=this.property,s=this.classes,n=Object.keys(e);if(!s)return[...n,...t].sort((a,i)=>i.length-a.length);const l=[...this.getAllClassNames(s)];return[...n,...l,...t].sort((a,i)=>i.length-a.length)}regexp(t){const e=this.getTypePrefixes(t).join("|"),s="\\[[^\\]]+\\]",n="\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)",r="\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}",l="[a-zA-Z0-9_-]+|[a-zA-Z0-9_-]+(?:-(?:"+s+"|"+n+"|"+r+"))|"+s+"|"+n+"|"+r,a=`(${e}|\\[[^\\]]+\\])`,i=this.useHyphens?"(?:-)":"(?:-)?",h="(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+s+"|"+r+"|"+n+"|(?:\\$[^\\s\\/]+))",y="([a-zA-Z%]*)",c="(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+s+"|"+r+"|"+n+"|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";return{prefix:l,type:a,separator:i,value:h,unit:y,secondValuePattern:c,all:"(?:("+l+"):)?"+a+i+h+y+c}}generateClassNameRegEx(t=[]){return new RegExp(this.regexp(t).all)}parse(t,e){if(Object.values(this.classes).some(o=>o==null?void 0:o[t]))return[void 0,t,"","",void 0,void 0,t];const s=this.generateClassNameRegEx(e),n=(t+"-dummy").match(s);if(!n)return null;const[,r,l,a,i,h,y]=n,c=a?a==="dummy"?"":a.replace("-dummy",""):"",f=h?h==="dummy"?"":h.replace("-dummy",""):"";return[r,l,c,i||"",f,y,t]}processValue(t,e,s){if(!t)return"";const n=r=>r.replace(/\{([^}]+)\}/g,(l,a)=>{const i=this.values,h=i!==null?typeof i[s]=="object"?i[s][a]:i[a]:void 0;return typeof h=="string"?h:l});if(typeof this.values=="object"&&this.values!==null&&(this.values[s]&&typeof this.values[s]=="object"&&this.values[s][t]||this.values[t]))return typeof this.values[s]=="object"&&this.values[s]!==null?this.values[s][t]:this.values[t];if(t.startsWith("$"))return`var(--${t.slice(1)})`;if(t.startsWith("[")&&t.endsWith("]")||t.startsWith("(")&&t.endsWith(")")){const r=t.slice(1,-1).replace(/\\\_/g,"m0x13c55").replace(/\_/g," ").replace(/m0x13c55/g,"_");return r.includes("{")?n(r):r.startsWith("--")?`var(${r})`:r}return t+(e||"")}processShorthand(t="",e="",s="",n,r="",l="",a=!0){const i=this.property[t],h=/^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;let y=null,c=e||"";const f=c.match(h);f&&(y=f[1].trim(),c=f[2].trim());let o;e.includes(y+":")?o=e.startsWith("(")?`(${c})`:`[${c}]`:o=e;const p=this.processValue(o,s,t),g=this.processValue(r,l,t);if(t.startsWith("[")&&t.endsWith("]")){const P=t.slice(1,-1).split(",").map(u=>u.trim()).map(u=>`${u?u.startsWith("--")?String(u):this.toKebabCase(String(u)):null}: ${p}`).join("; ");return{className:`${`[${t.slice(1,-1)}]${a?"-":""}${e}${s}`}`,cssRules:P,value:null,prefix:n}}if(i){if(typeof i=="object"&&"property"in i){const P=i.group&&this.values[i.group][p]?this.values[i.group][p]:s?e:p,u=typeof i.property=="function"?i.property({value:e.startsWith("[")?p:P,unit:e.startsWith("[")?"":s,secondValue:e.startsWith("[")?"":l?r:g,secondUnit:e.startsWith("[")?"":l,key:y}):i.property,b=i.value||"{0}";let x;if(typeof b=="function")x=b({value:P,unit:s,secondValue:l?r:g,secondUnit:l,key:y});else if(typeof b=="string"){const d=i.group||t,W=this.processValue(o,s,d);this.values[d]&&typeof this.values[d]=="object"&&this.values[d][o]?x=this.values[d][o]:b.includes("{")?x=this.parseValuePattern(d,b,W,"",g,""):x=p}else x=null;const _=`${t}${e?`${a&&a?"-":""}${e}${s}`:""}${r?`/${r}${l}`:""}`;return typeof i.property=="string"&&typeof b=="string"&&!b.includes("{1")&&r?null:{className:_,cssRules:u?Array.isArray(u)?u:typeof u=="string"&&(u.includes(":")||u.includes("value:"))?u.includes("value:")?u.slice(6):this.toKebabCase(String(u)):this.toKebabCase(String(u)):null,value:b===null||u===null||u.includes(":")||u.includes("value:")?null:e.startsWith("[")?p:x,prefix:n}}const $=typeof i=="function"?i({value:e.startsWith("[")?p:s?e:p,unit:e.startsWith("[")?"":s,secondValue:e.startsWith("[")?"":l?r:g,secondUnit:e.startsWith("[")?"":l,key:y}):i;return(typeof i=="string"||Array.isArray(i))&&r?null:{className:`${t}${e?(a?"-":"")+e+s:""}${r?`/${r}${l}`:""}`,cssRules:$?Array.isArray(i)?$:typeof $=="string"&&($.includes(":")||$.startsWith("value:"))?$.startsWith("value:")?$.slice(6):this.toKebabCase(String($)):this.toKebabCase(String($)):null,value:typeof $=="string"&&$.includes(":")?null:p,prefix:n}}return null}parseValuePattern(t,e,s,n,r,l){if(!e.includes("{0}")&&!e.includes("{1")&&!e.includes("||"))return e;const[a,i]=e.split("||").map(c=>c.trim()),h=this.processValue(s,n,t),y=this.processValue(r,l,t);if(e.includes("{0}")&&e.includes("{1")||e.includes("{1")){let c=a;if(s&&(c=c.replace("{0}",h)),e.includes("{1")){const f=c.match(/{1([^}]*)}/);if(e.includes("{1}"))r?c=r.startsWith("[")?y:c.replace("{1}",y):c=i;else if(f){const o=f[0],p=f[1].trim();let g=y;!g&&p.includes("|")?g=p.split("|")[1].trim():g||(g=""),c=s.startsWith("[")?h:c.replace(o,g)}}return s?c:i||a}else return s?s.startsWith("[")?h:a.replace("{0}",h):i||a}getParentClass(t){return Object.keys(this.classes).filter(e=>Object.prototype.hasOwnProperty.call(this.classes[e],t))}processCustomClass(t,e="",s="",n="",r="",l="",a=!0){if(!t)return null;const i=this.getParentClass(t);if(i.length>0){const h=i.map(f=>{const o=this.classes[f];if(!o||e&&!o[t].includes("||")||e&&!o[t].includes("|"))return"";const p=this.parseValuePattern(t,o[t]||"",e,s,r,l);return`${this.toKebabCase(String(f))}: ${p}`}).filter(Boolean).join("; "),y=t.slice(-(e+s).length),c=`${t}${e?`${a?"-":""}${e}${s}`:""}${r?`/${r}${l}`:""}`;return{className:e===y?t:c,cssRules:h,value:null,prefix:n}}return null}process(t){const e=Array.isArray(t)?t:t.split(/\s+/),s=[];return e.forEach(n=>{if(!n)return this;const[r,l]=n.split(":"),a=l||r,i=l?r:void 0,h=this.parse(n),y=h||[i,a,"",""];if(!y)return this;const[c,f,o,p,g,$]=y,P=!n.includes((f||"")+(o||"")),u=this.getParentClass(`${f}${P?"-":""}${o}`).length>0?`${f}${P?"-":""}${o}`:f,b=this.processCustomClass(u,o,p,c,g,$,P);if(b){const{className:_,cssRules:d,prefix:W}=b;if(!d||d==="null")return;s.push({className:_,cssRules:d,value:null,prefix:W,raw:[W,f,o,p,g,$]});return}const x=this.processShorthand(f,o,p,c,g,$,P);if(x){const{className:_,cssRules:d,value:W,prefix:R}=x;if(!d||d==="null")return;s.push({className:_,cssRules:d,value:W,prefix:R,raw:[c,f,o,p,g,$]})}}),s}}return C.TenoxUI=m,C.default=m,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),C}({});
|
package/dist/index.umd.js
CHANGED
@@ -1,2 +1 @@
|
|
1
|
-
(function(
|
2
|
-
//# sourceMappingURL=index.umd.js.map
|
1
|
+
(function(g,d){typeof exports=="object"&&typeof module!="undefined"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(g=typeof globalThis!="undefined"?globalThis:g||self,d(g.__tenoxui_moxie__={}))})(this,function(g){"use strict";var R=Object.defineProperty;var V=Object.getOwnPropertySymbols;var Z=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var S=(g,d,C)=>d in g?R(g,d,{enumerable:!0,configurable:!0,writable:!0,value:C}):g[d]=C,v=(g,d)=>{for(var C in d||(d={}))Z.call(d,C)&&S(g,C,d[C]);if(V)for(var C of V(d))z.call(d,C)&&S(g,C,d[C]);return g};class d{constructor({property:e={},values:t={},classes:s={},alwaysUseHyphens:n=!0}={}){this.property=v({moxie:({key:r,secondValue:l})=>l?null:r},e),this.values=t,this.classes=s,this.useHyphens=n}toKebabCase(e){if(/^(webkit|moz|ms|o)[A-Z]/.test(e)){const t=e.match(/^(webkit|moz|ms|o)/);if(t){const s=t[0];return`-${s}${e.slice(s.length).replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}`}}return e.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)}escapeCSSSelector(e){return e.replace(/^(\d)/,"\\3$1 ").replace(/([#{}.:;?%&,@+*~'"!^$[\]()=>|/])/g,"\\$1")}getAllClassNames(e){if(!e)return[];const t=new Set;return Object.entries(e).forEach(([s,n])=>{n&&typeof n=="object"&&Object.keys(n).forEach(r=>{t.add(r)})}),Array.from(t)}getTypePrefixes(e=[]){const t=this.property,s=this.classes,n=Object.keys(t);if(!s)return[...n,...e].sort((a,i)=>i.length-a.length);const l=[...this.getAllClassNames(s)];return[...n,...l,...e].sort((a,i)=>i.length-a.length)}regexp(e){const t=this.getTypePrefixes(e).join("|"),s="\\[[^\\]]+\\]",n="\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)",r="\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}",l="[a-zA-Z0-9_-]+|[a-zA-Z0-9_-]+(?:-(?:"+s+"|"+n+"|"+r+"))|"+s+"|"+n+"|"+r,a=`(${t}|\\[[^\\]]+\\])`,i=this.useHyphens?"(?:-)":"(?:-)?",f="(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+s+"|"+r+"|"+n+"|(?:\\$[^\\s\\/]+))",y="([a-zA-Z%]*)",o="(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+s+"|"+r+"|"+n+"|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";return{prefix:l,type:a,separator:i,value:f,unit:y,secondValuePattern:o,all:"(?:("+l+"):)?"+a+i+f+y+o}}generateClassNameRegEx(e=[]){return new RegExp(this.regexp(e).all)}parse(e,t){if(Object.values(this.classes).some(c=>c==null?void 0:c[e]))return[void 0,e,"","",void 0,void 0,e];const s=this.generateClassNameRegEx(t),n=(e+"-dummy").match(s);if(!n)return null;const[,r,l,a,i,f,y]=n,o=a?a==="dummy"?"":a.replace("-dummy",""):"",h=f?f==="dummy"?"":f.replace("-dummy",""):"";return[r,l,o,i||"",h,y,e]}processValue(e,t,s){if(!e)return"";const n=r=>r.replace(/\{([^}]+)\}/g,(l,a)=>{const i=this.values,f=i!==null?typeof i[s]=="object"?i[s][a]:i[a]:void 0;return typeof f=="string"?f:l});if(typeof this.values=="object"&&this.values!==null&&(this.values[s]&&typeof this.values[s]=="object"&&this.values[s][e]||this.values[e]))return typeof this.values[s]=="object"&&this.values[s]!==null?this.values[s][e]:this.values[e];if(e.startsWith("$"))return`var(--${e.slice(1)})`;if(e.startsWith("[")&&e.endsWith("]")||e.startsWith("(")&&e.endsWith(")")){const r=e.slice(1,-1).replace(/\\\_/g,"m0x13c55").replace(/\_/g," ").replace(/m0x13c55/g,"_");return r.includes("{")?n(r):r.startsWith("--")?`var(${r})`:r}return e+(t||"")}processShorthand(e="",t="",s="",n,r="",l="",a=!0){const i=this.property[e],f=/^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;let y=null,o=t||"";const h=o.match(f);h&&(y=h[1].trim(),o=h[2].trim());let c;t.includes(y+":")?c=t.startsWith("(")?`(${o})`:`[${o}]`:c=t;const p=this.processValue(c,s,e),m=this.processValue(r,l,e);if(e.startsWith("[")&&e.endsWith("]")){const A=e.slice(1,-1).split(",").map(u=>u.trim()).map(u=>`${u?u.startsWith("--")?String(u):this.toKebabCase(String(u)):null}: ${p}`).join("; ");return{className:`${`[${e.slice(1,-1)}]${a?"-":""}${t}${s}`}`,cssRules:A,value:null,prefix:n}}if(i){if(typeof i=="object"&&"property"in i){const A=i.group&&this.values[i.group][p]?this.values[i.group][p]:s?t:p,u=typeof i.property=="function"?i.property({value:t.startsWith("[")?p:A,unit:t.startsWith("[")?"":s,secondValue:t.startsWith("[")?"":l?r:m,secondUnit:t.startsWith("[")?"":l,key:y}):i.property,b=i.value||"{0}";let P;if(typeof b=="function")P=b({value:A,unit:s,secondValue:l?r:m,secondUnit:l,key:y});else if(typeof b=="string"){const x=i.group||e,W=this.processValue(c,s,x);this.values[x]&&typeof this.values[x]=="object"&&this.values[x][c]?P=this.values[x][c]:b.includes("{")?P=this.parseValuePattern(x,b,W,"",m,""):P=p}else P=null;const _=`${e}${t?`${a&&a?"-":""}${t}${s}`:""}${r?`/${r}${l}`:""}`;return typeof i.property=="string"&&typeof b=="string"&&!b.includes("{1")&&r?null:{className:_,cssRules:u?Array.isArray(u)?u:typeof u=="string"&&(u.includes(":")||u.includes("value:"))?u.includes("value:")?u.slice(6):this.toKebabCase(String(u)):this.toKebabCase(String(u)):null,value:b===null||u===null||u.includes(":")||u.includes("value:")?null:t.startsWith("[")?p:P,prefix:n}}const $=typeof i=="function"?i({value:t.startsWith("[")?p:s?t:p,unit:t.startsWith("[")?"":s,secondValue:t.startsWith("[")?"":l?r:m,secondUnit:t.startsWith("[")?"":l,key:y}):i;return(typeof i=="string"||Array.isArray(i))&&r?null:{className:`${e}${t?(a?"-":"")+t+s:""}${r?`/${r}${l}`:""}`,cssRules:$?Array.isArray(i)?$:typeof $=="string"&&($.includes(":")||$.startsWith("value:"))?$.startsWith("value:")?$.slice(6):this.toKebabCase(String($)):this.toKebabCase(String($)):null,value:typeof $=="string"&&$.includes(":")?null:p,prefix:n}}return null}parseValuePattern(e,t,s,n,r,l){if(!t.includes("{0}")&&!t.includes("{1")&&!t.includes("||"))return t;const[a,i]=t.split("||").map(o=>o.trim()),f=this.processValue(s,n,e),y=this.processValue(r,l,e);if(t.includes("{0}")&&t.includes("{1")||t.includes("{1")){let o=a;if(s&&(o=o.replace("{0}",f)),t.includes("{1")){const h=o.match(/{1([^}]*)}/);if(t.includes("{1}"))r?o=r.startsWith("[")?y:o.replace("{1}",y):o=i;else if(h){const c=h[0],p=h[1].trim();let m=y;!m&&p.includes("|")?m=p.split("|")[1].trim():m||(m=""),o=s.startsWith("[")?f:o.replace(c,m)}}return s?o:i||a}else return s?s.startsWith("[")?f:a.replace("{0}",f):i||a}getParentClass(e){return Object.keys(this.classes).filter(t=>Object.prototype.hasOwnProperty.call(this.classes[t],e))}processCustomClass(e,t="",s="",n="",r="",l="",a=!0){if(!e)return null;const i=this.getParentClass(e);if(i.length>0){const f=i.map(h=>{const c=this.classes[h];if(!c||t&&!c[e].includes("||")||t&&!c[e].includes("|"))return"";const p=this.parseValuePattern(e,c[e]||"",t,s,r,l);return`${this.toKebabCase(String(h))}: ${p}`}).filter(Boolean).join("; "),y=e.slice(-(t+s).length),o=`${e}${t?`${a?"-":""}${t}${s}`:""}${r?`/${r}${l}`:""}`;return{className:t===y?e:o,cssRules:f,value:null,prefix:n}}return null}process(e){const t=Array.isArray(e)?e:e.split(/\s+/),s=[];return t.forEach(n=>{if(!n)return this;const[r,l]=n.split(":"),a=l||r,i=l?r:void 0,f=this.parse(n),y=f||[i,a,"",""];if(!y)return this;const[o,h,c,p,m,$]=y,A=!n.includes((h||"")+(c||"")),u=this.getParentClass(`${h}${A?"-":""}${c}`).length>0?`${h}${A?"-":""}${c}`:h,b=this.processCustomClass(u,c,p,o,m,$,A);if(b){const{className:_,cssRules:x,prefix:W}=b;if(!x||x==="null")return;s.push({className:_,cssRules:x,value:null,prefix:W,raw:[W,h,c,p,m,$]});return}const P=this.processShorthand(h,c,p,o,m,$,A);if(P){const{className:_,cssRules:x,value:W,prefix:j}=P;if(!x||x==="null")return;s.push({className:_,cssRules:x,value:W,prefix:j,raw:[o,h,c,p,m,$]})}}),s}}g.TenoxUI=d,g.default=d,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/types/index.d.ts
CHANGED
@@ -13,7 +13,7 @@ export type ValueParams = {
|
|
13
13
|
secondValue?: string;
|
14
14
|
secondUnit?: string;
|
15
15
|
};
|
16
|
-
export type PropertyParamValue = GetCSSProperty | ((params: PropertyParams) => GetCSSProperty);
|
16
|
+
export type PropertyParamValue = GetCSSProperty | ((params: PropertyParams) => null | GetCSSProperty);
|
17
17
|
export type ValuePropType = string | ((params: ValueParams) => string | null) | null;
|
18
18
|
export type PropertyValue = PropertyParamValue | {
|
19
19
|
property?: PropertyParamValue;
|
@@ -29,9 +29,13 @@ export interface Config {
|
|
29
29
|
classes?: Classes;
|
30
30
|
alwaysUseHyphens?: boolean;
|
31
31
|
}
|
32
|
+
export type Parsed = null | (string | undefined)[];
|
32
33
|
export type ProcessedStyle = {
|
33
34
|
className: string;
|
34
|
-
cssRules: string | string[];
|
35
|
+
cssRules: string | string[] | null;
|
35
36
|
value: string | null;
|
36
37
|
prefix?: string | null;
|
37
38
|
};
|
39
|
+
export type Results = ProcessedStyle & {
|
40
|
+
raw?: Parsed;
|
41
|
+
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@tenoxui/moxie",
|
3
|
-
"version": "0.4.
|
3
|
+
"version": "0.4.4",
|
4
4
|
"description": "Very lightweight utility-first CSS engine for style generation",
|
5
5
|
"author": "NOuSantx <nousantx@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -23,7 +23,6 @@
|
|
23
23
|
"README.md",
|
24
24
|
"LICENSE"
|
25
25
|
],
|
26
|
-
"type": "module",
|
27
26
|
"types": "./dist/index.d.ts",
|
28
27
|
"main": "./dist/index.cjs.js",
|
29
28
|
"module": "./dist/index.es.js",
|
package/dist/index.cjs.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../src/index.ts"],"sourcesContent":["import type { Values, Classes, CSSPropertyOrVariable, GetCSSProperty } from '@tenoxui/types'\nimport type { Property, Config, ProcessedStyle } from './types'\nexport * from './types'\nexport class TenoxUI {\n private property: Property\n private values: Values\n private classes: Classes\n private useHyphens: boolean\n\n constructor({ property = {}, values = {}, classes = {}, alwaysUseHyphens = true }: Config = {}) {\n this.property = {\n moxie: ({ key }) => key as GetCSSProperty, // use moxie-* to access all properties and variables\n ...property\n }\n this.values = values\n this.classes = classes\n this.useHyphens = alwaysUseHyphens\n }\n\n public toKebabCase(str: string): string {\n if (/^(webkit|moz|ms|o)[A-Z]/.test(str)) {\n const match = str.match(/^(webkit|moz|ms|o)/)\n if (match) {\n const prefix = match[0]\n return `-${prefix}${str\n .slice(prefix.length)\n .replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}`\n }\n }\n\n return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)\n }\n\n public escapeCSSSelector(str: string): string {\n return str.replace(/([ #{}.:;?%&,@+*~'\"!^$[\\]()=>|/])/g, '\\\\$1')\n }\n\n private getAllClassNames(classRegistry: Classes | undefined): string[] {\n if (!classRegistry) return []\n const classNames = new Set<string>()\n\n Object.entries(classRegistry).forEach(([property, classObj]) => {\n if (classObj && typeof classObj === 'object') {\n Object.keys(classObj).forEach((className) => {\n classNames.add(className)\n })\n }\n })\n\n return Array.from(classNames)\n }\n\n private getTypePrefixes(safelist: string[] = []): string[] {\n const styleAttribute = this.property\n const classRegistry = this.classes\n const propertyTypes = Object.keys(styleAttribute)\n\n if (!classRegistry) {\n return [...propertyTypes, ...safelist].sort((a, b) => b.length - a.length)\n }\n\n const classConfigs = this.getAllClassNames(classRegistry)\n const classPatterns = [...classConfigs]\n\n return [...propertyTypes, ...classPatterns, ...safelist].sort((a, b) => b.length - a.length)\n }\n\n private generateClassNameRegEx(safelist?: string[]): RegExp {\n const typePrefixes = this.getTypePrefixes(safelist).join('|')\n\n // Common pattern for handling complex nested structures\n const nestedBracketPattern = '\\\\[[^\\\\]]+\\\\]'\n const nestedParenPattern = '\\\\([^()]*(?:\\\\([^()]*\\\\)[^()]*)*\\\\)'\n const nestedBracePattern = '\\\\{[^{}]*(?:\\\\{[^{}]*\\\\}[^{}]*)*\\\\}'\n\n // 1. Prefix pattern\n const prefixPattern =\n '(?:(' +\n // Simple prefix (hover, md, focus, etc.)\n '[a-zA-Z0-9_-]+|' +\n // value-like prefix (nth-(4), max-[445px], etc.)\n '[a-zA-Z0-9_-]+(?:-(?:' +\n nestedBracketPattern +\n '|' +\n nestedParenPattern +\n '|' +\n nestedBracePattern +\n '))|' +\n // Direct bracket, parenthesis, or brace content\n nestedBracketPattern +\n '|' +\n nestedParenPattern +\n '|' +\n nestedBracePattern +\n '):)?'\n\n // 2. Type pattern\n const typePattern = `(${typePrefixes}|\\\\[[^\\\\]]+\\\\])`\n\n // 3. Separator (optional)\n const separator = this.useHyphens ? '(?:-)' : '(?:-)?'\n\n // 4. Value pattern - modified to handle $ variables correctly\n const valuePattern =\n '(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|' + // Numbers\n '(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|' + // Words with hyphens\n '(?:#[0-9a-fA-F]+)|' + // Hex colors\n nestedBracketPattern +\n '|' + // Bracket content\n nestedBracePattern +\n '|' + // Curly brace content\n nestedParenPattern +\n '|' + // Parentheses content\n '(?:\\\\$[^\\\\s\\\\/]+))' // Dollar sign content\n\n // 5. Unit pattern (optional)\n const unitPattern = '([a-zA-Z%]*)'\n\n // 6. Secondary value pattern (optional)\n const secondaryPattern =\n '(?:\\\\/(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|' + // Same pattern as valuePattern\n '(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|' +\n '(?:#[0-9a-fA-F]+)|' +\n nestedBracketPattern +\n '|' +\n nestedBracePattern +\n '|' +\n nestedParenPattern +\n '|' +\n '(?:\\\\$[^\\\\s\\\\/]+))' +\n '([a-zA-Z%]*))?'\n\n return new RegExp(\n prefixPattern + typePattern + separator + valuePattern + unitPattern + secondaryPattern\n )\n }\n\n public parse(className: string, safelist?: string[]) {\n // Check if the className exists in any class object\n if (Object.values(this.classes).some((classObj) => classObj?.[className])) {\n return [undefined, className, '', '', undefined, undefined]\n }\n\n const classNameRegEx = this.generateClassNameRegEx(safelist)\n const match = (className + '-dummy').match(classNameRegEx)\n if (!match) return null\n\n const [, prefix, type, value, unit, secValue, secUnit] = match\n const finalValue = value ? (value === 'dummy' ? '' : value.replace('-dummy', '')) : ''\n const finalSecValue = secValue\n ? secValue === 'dummy'\n ? ''\n : secValue.replace('-dummy', '')\n : ''\n\n return [prefix, type, finalValue, unit || '', finalSecValue, secUnit]\n }\n\n // unique value parser\n public processValue(value: string, unit: string, group: string): string {\n if (!value) return ''\n\n // Replace values wrapped in {} with values from this.values\n const replaceWithValueRegistry = (text: string): string => {\n return text.replace(/\\{([^}]+)\\}/g, (match, key) => {\n const valueRegistry = this.values\n const val =\n valueRegistry !== null\n ? typeof valueRegistry[group] === 'object'\n ? (valueRegistry[group] as { [value: string]: string })[key]\n : valueRegistry[key]\n : undefined\n\n return typeof val === 'string' ? val : match\n })\n }\n\n if (\n typeof this.values === 'object' &&\n this.values !== null &&\n ((this.values[group] &&\n typeof this.values[group] === 'object' &&\n this.values[group][value]) ||\n this.values[value])\n ) {\n if (typeof this.values[group] === 'object' && this.values[group] !== null) {\n return this.values[group][value] as string\n }\n\n return this.values[value] as string\n } else if (value.startsWith('$')) {\n return `var(--${value.slice(1)})` //? [color]-$my-color => color: var(--my-color)\n } else if (\n (value.startsWith('[') && value.endsWith(']')) ||\n (value.startsWith('(') && value.endsWith(')'))\n ) {\n const cleanValue = value\n .slice(1, -1)\n // Replaces `_` but ignores `\\_`\n .replace(/\\\\\\_/g, 'm0x13c55')\n .replace(/\\_/g, ' ')\n .replace(/m0x13c55/g, '_')\n\n if (cleanValue.includes('{')) {\n return replaceWithValueRegistry(cleanValue)\n }\n return cleanValue.startsWith('--') ? `var(${cleanValue})` : cleanValue\n }\n\n return value + (unit || '') //? [padding]-4px => padding: 4px\n }\n\n public processShorthand(\n type: string = '',\n value: string | undefined = '',\n unit: string | undefined = '',\n prefix: string | undefined,\n secondValue: string | undefined = '',\n secondUnit: string | undefined = '',\n isHyphen: boolean = true\n ): ProcessedStyle | null {\n const properties = this.property[type]\n // Extract \"for\" from (color:red) => { for: 'color', cleanValue: 'red' }\n // Pattern that matches both (label:value) and [label:value] formats\n const pattern = /^(?:\\(|\\[)([^:]+):(.+)(?:\\)|\\])$/\n let extractedFor: string | null = null\n let cleanValue = value || ''\n const matchValue = cleanValue.match(pattern)\n if (matchValue) {\n extractedFor = matchValue[1].trim()\n cleanValue = matchValue[2].trim()\n }\n\n let finalCleanValue\n\n if (value.includes(extractedFor + ':')) {\n finalCleanValue = value.startsWith('(') ? `(${cleanValue})` : `[${cleanValue}]`\n } else finalCleanValue = value\n\n // process input value\n const finalValue = this.processValue(finalCleanValue, unit, type)\n // process second value\n const finalSecValue = this.processValue(secondValue, secondUnit, type)\n\n // if the type started with square bracket\n // e.g. [--my-color], [color,borderColor] ...\n if (type.startsWith('[') && type.endsWith(']')) {\n const items = type\n .slice(1, -1)\n .split(',')\n .map((item) => item.trim())\n\n const cssRules = items\n .map((item) => {\n const finalProperty = item.startsWith('--')\n ? String(item)\n : this.toKebabCase(String(item))\n return `${finalProperty}: ${finalValue}`\n })\n .join('; ')\n\n return {\n className: `${`[${type.slice(1, -1)}]${isHyphen ? '-' : ''}${value}${unit}`}`,\n cssRules, // return css rules directly\n value: null, // and set value to null to prevent value duplication\n prefix\n }\n }\n\n // if type matched property's key\n // e.g. { property: { bg: 'background' } }\n // the `bg` is the type\n if (properties) {\n if (typeof properties === 'object' && 'property' in properties) {\n const groupValue =\n properties.group &&\n (this.values[properties.group] as { [value: string]: string })[finalValue]\n ? (this.values[properties.group] as { [value: string]: string })[finalValue]\n : unit\n ? value\n : finalValue\n\n const property =\n typeof properties.property === 'function'\n ? properties.property({\n value: value.startsWith('[') ? finalValue : groupValue,\n unit: value.startsWith('[') ? '' : unit,\n secondValue: value.startsWith('[') ? '' : secondUnit ? secondValue : finalSecValue,\n secondUnit: value.startsWith('[') ? '' : secondUnit,\n key: extractedFor\n })\n : properties.property\n\n const template = properties.value || '{0}'\n\n let processedValue\n\n if (typeof template === 'function') {\n processedValue = template({\n value: groupValue,\n unit,\n secondValue: secondUnit ? secondValue : finalSecValue,\n secondUnit,\n key: extractedFor\n })\n } else if (template && typeof template === 'string') {\n const valuesGroup = properties.group || type\n const newValue = this.processValue(finalCleanValue, unit, valuesGroup)\n\n if (\n this.values[valuesGroup] &&\n typeof this.values[valuesGroup] === 'object' &&\n this.values[valuesGroup][finalCleanValue]\n ) {\n processedValue = this.values[valuesGroup][finalCleanValue]\n } else if (template.includes('{')) {\n processedValue = this.parseValuePattern(\n valuesGroup,\n template,\n newValue,\n '',\n finalSecValue,\n ''\n )\n } else {\n processedValue = finalValue\n }\n } else processedValue = null\n\n const className = `${type}${\n value ? `${isHyphen ? (isHyphen ? '-' : '') : ''}${value}${unit}` : ''\n }${secondValue ? `/${secondValue}${secondUnit}` : ''}`\n\n return {\n className,\n cssRules: Array.isArray(property)\n ? (property as string[])\n : typeof property === 'string' &&\n ((property as string).includes(':') || (property as string).includes('value:'))\n ? (property as string).includes('value:')\n ? (property as string).slice(6)\n : (this.toKebabCase(String(property)) as string)\n : (this.toKebabCase(String(property)) as string),\n value:\n template === null || (property as string).includes('value:')\n ? null\n : value.startsWith('[')\n ? finalValue\n : processedValue,\n prefix\n }\n }\n\n const finalRegProperty =\n typeof properties === 'function'\n ? properties({\n value: value.startsWith('[') ? finalValue : unit ? value : finalValue,\n unit: value.startsWith('[') ? '' : unit,\n secondValue: value.startsWith('[') ? '' : secondUnit ? secondValue : finalSecValue,\n secondUnit: value.startsWith('[') ? '' : secondUnit,\n key: extractedFor\n })\n : properties\n\n return {\n className: `${type}${value ? (isHyphen ? '-' : '') + value + unit : ''}${\n secondValue ? `/${secondValue}${secondUnit}` : ''\n }`,\n cssRules: Array.isArray(properties)\n ? (finalRegProperty as string[])\n : typeof finalRegProperty === 'string' && finalRegProperty.startsWith('value:')\n ? finalRegProperty.slice(6)\n : (this.toKebabCase(String(finalRegProperty)) as string),\n value:\n typeof finalRegProperty === 'string' && finalRegProperty.startsWith('value:')\n ? null\n : finalValue,\n prefix\n }\n }\n\n return null\n }\n\n private parseValuePattern(\n group: string,\n pattern: string,\n inputValue: string,\n inputUnit: string,\n inputSecValue: string,\n inputSecUnit: string\n ): string {\n if (!pattern.includes('{0}') && !pattern.includes('{1') && !pattern.includes('||'))\n return pattern\n\n const [value, defaultValue] = pattern.split('||').map((s) => s.trim())\n const finalValue = this.processValue(inputValue, inputUnit, group)\n const finalSecValue = this.processValue(inputSecValue, inputSecUnit, group)\n\n if ((pattern.includes('{0}') && pattern.includes('{1')) || pattern.includes('{1')) {\n let computedValue = value\n if (inputValue) {\n computedValue = computedValue.replace('{0}', finalValue)\n }\n if (pattern.includes('{1')) {\n // find {1 ... } pattern and extract default value if present\n const match = computedValue.match(/{1([^}]*)}/)\n if (pattern.includes('{1}')) {\n if (inputSecValue) {\n computedValue = inputSecValue.startsWith('[')\n ? finalSecValue\n : computedValue.replace('{1}', finalSecValue)\n } else {\n computedValue = defaultValue\n }\n } else if (match) {\n const fullMatch = match[0]\n const innerContent = match[1].trim()\n\n let replacementValue = finalSecValue\n if (!replacementValue && innerContent.includes('|')) {\n // use default value after | if second value isn provided\n replacementValue = innerContent.split('|')[1].trim()\n } else if (!replacementValue) {\n replacementValue = ''\n }\n computedValue = inputValue.startsWith('[')\n ? finalValue\n : computedValue.replace(fullMatch, replacementValue)\n }\n }\n return inputValue ? computedValue : defaultValue || value\n }\n // Handle only {0} replacement\n else {\n return inputValue\n ? inputValue.startsWith('[')\n ? finalValue\n : value.replace('{0}', finalValue)\n : defaultValue || value\n }\n }\n\n private getParentClass(className: string): CSSPropertyOrVariable[] {\n return Object.keys(this.classes).filter((cssProperty) =>\n Object.prototype.hasOwnProperty.call(\n this.classes[cssProperty as CSSPropertyOrVariable],\n className\n )\n ) as CSSPropertyOrVariable[]\n }\n\n public processCustomClass(\n className: string | undefined,\n value: string | undefined = '',\n unit: string | undefined = '',\n prefix: string | undefined = '',\n secValue: string | undefined = '',\n secUnit: string | undefined = '',\n isHyphen: boolean = true\n ): ProcessedStyle | null {\n if (!className) return null\n\n const properties = this.getParentClass(className)\n\n if (properties.length > 0) {\n const rules = properties\n .map((prop) => {\n const classObj = this.classes[prop]\n if (!classObj) return ''\n\n const processedValue = this.parseValuePattern(\n className,\n classObj[className] || '',\n value,\n unit,\n secValue,\n secUnit\n )\n\n return `${this.toKebabCase(String(prop))}: ${processedValue}`\n })\n .filter(Boolean)\n .join('; ')\n\n const isValueType = className.slice(-(value + unit).length)\n\n const finalClassName = `${className}${value ? `${isHyphen ? '-' : ''}${value}${unit}` : ''}${\n secValue ? `/${secValue}${secUnit}` : ''\n }`\n\n return {\n className: value === isValueType ? className : finalClassName,\n cssRules: rules,\n value: null,\n prefix\n }\n }\n\n return null\n }\n\n public process(classNames: string | string[]): ProcessedStyle[] {\n const classList = Array.isArray(classNames) ? classNames : classNames.split(/\\s+/)\n\n const results: ProcessedStyle[] = []\n\n classList.forEach((className) => {\n if (!className) return this\n // process prefix and actual class name\n const [rprefix, rtype] = className.split(':')\n const getType = rtype || rprefix\n const getPrefix = rtype ? rprefix : undefined\n\n const parts = this.parse(className)\n const parsed = parts ? parts : [getPrefix, getType, '', '']\n if (!parsed) return this\n\n const [prefix, type, value, unit, secValue, secUnit] = parsed\n\n const isHyphen = !className.includes((type || '') + (value || ''))\n\n const classFromClasses =\n this.getParentClass(`${type}${isHyphen ? '-' : ''}${value}`).length > 0\n ? `${type}${isHyphen ? '-' : ''}${value}`\n : type\n\n const shouldClasses = this.processCustomClass(\n classFromClasses,\n value,\n unit,\n prefix,\n secValue,\n secUnit,\n isHyphen\n )\n\n if (shouldClasses) {\n const { className, cssRules, prefix } = shouldClasses\n\n results.push({\n className,\n cssRules,\n value: null,\n prefix\n })\n\n return\n }\n\n const result = this.processShorthand(type, value!, unit, prefix, secValue, secUnit, isHyphen)\n\n if (result) {\n const { className, cssRules, value: ruleValue, prefix: rulePrefix } = result\n\n results.push({\n className,\n cssRules,\n value: ruleValue,\n prefix: rulePrefix\n })\n }\n })\n\n return results\n }\n}\n\nexport default TenoxUI\n"],"names":["TenoxUI","property","values","classes","alwaysUseHyphens","__spreadValues","key","str","match","prefix","letter","classRegistry","classNames","classObj","className","safelist","styleAttribute","propertyTypes","a","b","classPatterns","typePrefixes","nestedBracketPattern","nestedParenPattern","nestedBracePattern","prefixPattern","typePattern","separator","valuePattern","unitPattern","secondaryPattern","classNameRegEx","type","value","unit","secValue","secUnit","finalValue","finalSecValue","group","replaceWithValueRegistry","text","valueRegistry","val","cleanValue","secondValue","secondUnit","isHyphen","properties","pattern","extractedFor","matchValue","finalCleanValue","cssRules","item","groupValue","template","processedValue","valuesGroup","newValue","finalRegProperty","inputValue","inputUnit","inputSecValue","inputSecUnit","defaultValue","s","computedValue","fullMatch","innerContent","replacementValue","cssProperty","rules","prop","isValueType","finalClassName","classList","results","rprefix","rtype","getType","getPrefix","parts","parsed","classFromClasses","shouldClasses","result","ruleValue","rulePrefix"],"mappings":"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"}
|
package/dist/index.es.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import type { Values, Classes, CSSPropertyOrVariable, GetCSSProperty } from '@tenoxui/types'\nimport type { Property, Config, ProcessedStyle } from './types'\nexport * from './types'\nexport class TenoxUI {\n private property: Property\n private values: Values\n private classes: Classes\n private useHyphens: boolean\n\n constructor({ property = {}, values = {}, classes = {}, alwaysUseHyphens = true }: Config = {}) {\n this.property = {\n moxie: ({ key }) => key as GetCSSProperty, // use moxie-* to access all properties and variables\n ...property\n }\n this.values = values\n this.classes = classes\n this.useHyphens = alwaysUseHyphens\n }\n\n public toKebabCase(str: string): string {\n if (/^(webkit|moz|ms|o)[A-Z]/.test(str)) {\n const match = str.match(/^(webkit|moz|ms|o)/)\n if (match) {\n const prefix = match[0]\n return `-${prefix}${str\n .slice(prefix.length)\n .replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}`\n }\n }\n\n return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)\n }\n\n public escapeCSSSelector(str: string): string {\n return str.replace(/([ #{}.:;?%&,@+*~'\"!^$[\\]()=>|/])/g, '\\\\$1')\n }\n\n private getAllClassNames(classRegistry: Classes | undefined): string[] {\n if (!classRegistry) return []\n const classNames = new Set<string>()\n\n Object.entries(classRegistry).forEach(([property, classObj]) => {\n if (classObj && typeof classObj === 'object') {\n Object.keys(classObj).forEach((className) => {\n classNames.add(className)\n })\n }\n })\n\n return Array.from(classNames)\n }\n\n private getTypePrefixes(safelist: string[] = []): string[] {\n const styleAttribute = this.property\n const classRegistry = this.classes\n const propertyTypes = Object.keys(styleAttribute)\n\n if (!classRegistry) {\n return [...propertyTypes, ...safelist].sort((a, b) => b.length - a.length)\n }\n\n const classConfigs = this.getAllClassNames(classRegistry)\n const classPatterns = [...classConfigs]\n\n return [...propertyTypes, ...classPatterns, ...safelist].sort((a, b) => b.length - a.length)\n }\n\n private generateClassNameRegEx(safelist?: string[]): RegExp {\n const typePrefixes = this.getTypePrefixes(safelist).join('|')\n\n // Common pattern for handling complex nested structures\n const nestedBracketPattern = '\\\\[[^\\\\]]+\\\\]'\n const nestedParenPattern = '\\\\([^()]*(?:\\\\([^()]*\\\\)[^()]*)*\\\\)'\n const nestedBracePattern = '\\\\{[^{}]*(?:\\\\{[^{}]*\\\\}[^{}]*)*\\\\}'\n\n // 1. Prefix pattern\n const prefixPattern =\n '(?:(' +\n // Simple prefix (hover, md, focus, etc.)\n '[a-zA-Z0-9_-]+|' +\n // value-like prefix (nth-(4), max-[445px], etc.)\n '[a-zA-Z0-9_-]+(?:-(?:' +\n nestedBracketPattern +\n '|' +\n nestedParenPattern +\n '|' +\n nestedBracePattern +\n '))|' +\n // Direct bracket, parenthesis, or brace content\n nestedBracketPattern +\n '|' +\n nestedParenPattern +\n '|' +\n nestedBracePattern +\n '):)?'\n\n // 2. Type pattern\n const typePattern = `(${typePrefixes}|\\\\[[^\\\\]]+\\\\])`\n\n // 3. Separator (optional)\n const separator = this.useHyphens ? '(?:-)' : '(?:-)?'\n\n // 4. Value pattern - modified to handle $ variables correctly\n const valuePattern =\n '(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|' + // Numbers\n '(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|' + // Words with hyphens\n '(?:#[0-9a-fA-F]+)|' + // Hex colors\n nestedBracketPattern +\n '|' + // Bracket content\n nestedBracePattern +\n '|' + // Curly brace content\n nestedParenPattern +\n '|' + // Parentheses content\n '(?:\\\\$[^\\\\s\\\\/]+))' // Dollar sign content\n\n // 5. Unit pattern (optional)\n const unitPattern = '([a-zA-Z%]*)'\n\n // 6. Secondary value pattern (optional)\n const secondaryPattern =\n '(?:\\\\/(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|' + // Same pattern as valuePattern\n '(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|' +\n '(?:#[0-9a-fA-F]+)|' +\n nestedBracketPattern +\n '|' +\n nestedBracePattern +\n '|' +\n nestedParenPattern +\n '|' +\n '(?:\\\\$[^\\\\s\\\\/]+))' +\n '([a-zA-Z%]*))?'\n\n return new RegExp(\n prefixPattern + typePattern + separator + valuePattern + unitPattern + secondaryPattern\n )\n }\n\n public parse(className: string, safelist?: string[]) {\n // Check if the className exists in any class object\n if (Object.values(this.classes).some((classObj) => classObj?.[className])) {\n return [undefined, className, '', '', undefined, undefined]\n }\n\n const classNameRegEx = this.generateClassNameRegEx(safelist)\n const match = (className + '-dummy').match(classNameRegEx)\n if (!match) return null\n\n const [, prefix, type, value, unit, secValue, secUnit] = match\n const finalValue = value ? (value === 'dummy' ? '' : value.replace('-dummy', '')) : ''\n const finalSecValue = secValue\n ? secValue === 'dummy'\n ? ''\n : secValue.replace('-dummy', '')\n : ''\n\n return [prefix, type, finalValue, unit || '', finalSecValue, secUnit]\n }\n\n // unique value parser\n public processValue(value: string, unit: string, group: string): string {\n if (!value) return ''\n\n // Replace values wrapped in {} with values from this.values\n const replaceWithValueRegistry = (text: string): string => {\n return text.replace(/\\{([^}]+)\\}/g, (match, key) => {\n const valueRegistry = this.values\n const val =\n valueRegistry !== null\n ? typeof valueRegistry[group] === 'object'\n ? (valueRegistry[group] as { [value: string]: string })[key]\n : valueRegistry[key]\n : undefined\n\n return typeof val === 'string' ? val : match\n })\n }\n\n if (\n typeof this.values === 'object' &&\n this.values !== null &&\n ((this.values[group] &&\n typeof this.values[group] === 'object' &&\n this.values[group][value]) ||\n this.values[value])\n ) {\n if (typeof this.values[group] === 'object' && this.values[group] !== null) {\n return this.values[group][value] as string\n }\n\n return this.values[value] as string\n } else if (value.startsWith('$')) {\n return `var(--${value.slice(1)})` //? [color]-$my-color => color: var(--my-color)\n } else if (\n (value.startsWith('[') && value.endsWith(']')) ||\n (value.startsWith('(') && value.endsWith(')'))\n ) {\n const cleanValue = value\n .slice(1, -1)\n // Replaces `_` but ignores `\\_`\n .replace(/\\\\\\_/g, 'm0x13c55')\n .replace(/\\_/g, ' ')\n .replace(/m0x13c55/g, '_')\n\n if (cleanValue.includes('{')) {\n return replaceWithValueRegistry(cleanValue)\n }\n return cleanValue.startsWith('--') ? `var(${cleanValue})` : cleanValue\n }\n\n return value + (unit || '') //? [padding]-4px => padding: 4px\n }\n\n public processShorthand(\n type: string = '',\n value: string | undefined = '',\n unit: string | undefined = '',\n prefix: string | undefined,\n secondValue: string | undefined = '',\n secondUnit: string | undefined = '',\n isHyphen: boolean = true\n ): ProcessedStyle | null {\n const properties = this.property[type]\n // Extract \"for\" from (color:red) => { for: 'color', cleanValue: 'red' }\n // Pattern that matches both (label:value) and [label:value] formats\n const pattern = /^(?:\\(|\\[)([^:]+):(.+)(?:\\)|\\])$/\n let extractedFor: string | null = null\n let cleanValue = value || ''\n const matchValue = cleanValue.match(pattern)\n if (matchValue) {\n extractedFor = matchValue[1].trim()\n cleanValue = matchValue[2].trim()\n }\n\n let finalCleanValue\n\n if (value.includes(extractedFor + ':')) {\n finalCleanValue = value.startsWith('(') ? `(${cleanValue})` : `[${cleanValue}]`\n } else finalCleanValue = value\n\n // process input value\n const finalValue = this.processValue(finalCleanValue, unit, type)\n // process second value\n const finalSecValue = this.processValue(secondValue, secondUnit, type)\n\n // if the type started with square bracket\n // e.g. [--my-color], [color,borderColor] ...\n if (type.startsWith('[') && type.endsWith(']')) {\n const items = type\n .slice(1, -1)\n .split(',')\n .map((item) => item.trim())\n\n const cssRules = items\n .map((item) => {\n const finalProperty = item.startsWith('--')\n ? String(item)\n : this.toKebabCase(String(item))\n return `${finalProperty}: ${finalValue}`\n })\n .join('; ')\n\n return {\n className: `${`[${type.slice(1, -1)}]${isHyphen ? '-' : ''}${value}${unit}`}`,\n cssRules, // return css rules directly\n value: null, // and set value to null to prevent value duplication\n prefix\n }\n }\n\n // if type matched property's key\n // e.g. { property: { bg: 'background' } }\n // the `bg` is the type\n if (properties) {\n if (typeof properties === 'object' && 'property' in properties) {\n const groupValue =\n properties.group &&\n (this.values[properties.group] as { [value: string]: string })[finalValue]\n ? (this.values[properties.group] as { [value: string]: string })[finalValue]\n : unit\n ? value\n : finalValue\n\n const property =\n typeof properties.property === 'function'\n ? properties.property({\n value: value.startsWith('[') ? finalValue : groupValue,\n unit: value.startsWith('[') ? '' : unit,\n secondValue: value.startsWith('[') ? '' : secondUnit ? secondValue : finalSecValue,\n secondUnit: value.startsWith('[') ? '' : secondUnit,\n key: extractedFor\n })\n : properties.property\n\n const template = properties.value || '{0}'\n\n let processedValue\n\n if (typeof template === 'function') {\n processedValue = template({\n value: groupValue,\n unit,\n secondValue: secondUnit ? secondValue : finalSecValue,\n secondUnit,\n key: extractedFor\n })\n } else if (template && typeof template === 'string') {\n const valuesGroup = properties.group || type\n const newValue = this.processValue(finalCleanValue, unit, valuesGroup)\n\n if (\n this.values[valuesGroup] &&\n typeof this.values[valuesGroup] === 'object' &&\n this.values[valuesGroup][finalCleanValue]\n ) {\n processedValue = this.values[valuesGroup][finalCleanValue]\n } else if (template.includes('{')) {\n processedValue = this.parseValuePattern(\n valuesGroup,\n template,\n newValue,\n '',\n finalSecValue,\n ''\n )\n } else {\n processedValue = finalValue\n }\n } else processedValue = null\n\n const className = `${type}${\n value ? `${isHyphen ? (isHyphen ? '-' : '') : ''}${value}${unit}` : ''\n }${secondValue ? `/${secondValue}${secondUnit}` : ''}`\n\n return {\n className,\n cssRules: Array.isArray(property)\n ? (property as string[])\n : typeof property === 'string' &&\n ((property as string).includes(':') || (property as string).includes('value:'))\n ? (property as string).includes('value:')\n ? (property as string).slice(6)\n : (this.toKebabCase(String(property)) as string)\n : (this.toKebabCase(String(property)) as string),\n value:\n template === null || (property as string).includes('value:')\n ? null\n : value.startsWith('[')\n ? finalValue\n : processedValue,\n prefix\n }\n }\n\n const finalRegProperty =\n typeof properties === 'function'\n ? properties({\n value: value.startsWith('[') ? finalValue : unit ? value : finalValue,\n unit: value.startsWith('[') ? '' : unit,\n secondValue: value.startsWith('[') ? '' : secondUnit ? secondValue : finalSecValue,\n secondUnit: value.startsWith('[') ? '' : secondUnit,\n key: extractedFor\n })\n : properties\n\n return {\n className: `${type}${value ? (isHyphen ? '-' : '') + value + unit : ''}${\n secondValue ? `/${secondValue}${secondUnit}` : ''\n }`,\n cssRules: Array.isArray(properties)\n ? (finalRegProperty as string[])\n : typeof finalRegProperty === 'string' && finalRegProperty.startsWith('value:')\n ? finalRegProperty.slice(6)\n : (this.toKebabCase(String(finalRegProperty)) as string),\n value:\n typeof finalRegProperty === 'string' && finalRegProperty.startsWith('value:')\n ? null\n : finalValue,\n prefix\n }\n }\n\n return null\n }\n\n private parseValuePattern(\n group: string,\n pattern: string,\n inputValue: string,\n inputUnit: string,\n inputSecValue: string,\n inputSecUnit: string\n ): string {\n if (!pattern.includes('{0}') && !pattern.includes('{1') && !pattern.includes('||'))\n return pattern\n\n const [value, defaultValue] = pattern.split('||').map((s) => s.trim())\n const finalValue = this.processValue(inputValue, inputUnit, group)\n const finalSecValue = this.processValue(inputSecValue, inputSecUnit, group)\n\n if ((pattern.includes('{0}') && pattern.includes('{1')) || pattern.includes('{1')) {\n let computedValue = value\n if (inputValue) {\n computedValue = computedValue.replace('{0}', finalValue)\n }\n if (pattern.includes('{1')) {\n // find {1 ... } pattern and extract default value if present\n const match = computedValue.match(/{1([^}]*)}/)\n if (pattern.includes('{1}')) {\n if (inputSecValue) {\n computedValue = inputSecValue.startsWith('[')\n ? finalSecValue\n : computedValue.replace('{1}', finalSecValue)\n } else {\n computedValue = defaultValue\n }\n } else if (match) {\n const fullMatch = match[0]\n const innerContent = match[1].trim()\n\n let replacementValue = finalSecValue\n if (!replacementValue && innerContent.includes('|')) {\n // use default value after | if second value isn provided\n replacementValue = innerContent.split('|')[1].trim()\n } else if (!replacementValue) {\n replacementValue = ''\n }\n computedValue = inputValue.startsWith('[')\n ? finalValue\n : computedValue.replace(fullMatch, replacementValue)\n }\n }\n return inputValue ? computedValue : defaultValue || value\n }\n // Handle only {0} replacement\n else {\n return inputValue\n ? inputValue.startsWith('[')\n ? finalValue\n : value.replace('{0}', finalValue)\n : defaultValue || value\n }\n }\n\n private getParentClass(className: string): CSSPropertyOrVariable[] {\n return Object.keys(this.classes).filter((cssProperty) =>\n Object.prototype.hasOwnProperty.call(\n this.classes[cssProperty as CSSPropertyOrVariable],\n className\n )\n ) as CSSPropertyOrVariable[]\n }\n\n public processCustomClass(\n className: string | undefined,\n value: string | undefined = '',\n unit: string | undefined = '',\n prefix: string | undefined = '',\n secValue: string | undefined = '',\n secUnit: string | undefined = '',\n isHyphen: boolean = true\n ): ProcessedStyle | null {\n if (!className) return null\n\n const properties = this.getParentClass(className)\n\n if (properties.length > 0) {\n const rules = properties\n .map((prop) => {\n const classObj = this.classes[prop]\n if (!classObj) return ''\n\n const processedValue = this.parseValuePattern(\n className,\n classObj[className] || '',\n value,\n unit,\n secValue,\n secUnit\n )\n\n return `${this.toKebabCase(String(prop))}: ${processedValue}`\n })\n .filter(Boolean)\n .join('; ')\n\n const isValueType = className.slice(-(value + unit).length)\n\n const finalClassName = `${className}${value ? `${isHyphen ? '-' : ''}${value}${unit}` : ''}${\n secValue ? `/${secValue}${secUnit}` : ''\n }`\n\n return {\n className: value === isValueType ? className : finalClassName,\n cssRules: rules,\n value: null,\n prefix\n }\n }\n\n return null\n }\n\n public process(classNames: string | string[]): ProcessedStyle[] {\n const classList = Array.isArray(classNames) ? classNames : classNames.split(/\\s+/)\n\n const results: ProcessedStyle[] = []\n\n classList.forEach((className) => {\n if (!className) return this\n // process prefix and actual class name\n const [rprefix, rtype] = className.split(':')\n const getType = rtype || rprefix\n const getPrefix = rtype ? rprefix : undefined\n\n const parts = this.parse(className)\n const parsed = parts ? parts : [getPrefix, getType, '', '']\n if (!parsed) return this\n\n const [prefix, type, value, unit, secValue, secUnit] = parsed\n\n const isHyphen = !className.includes((type || '') + (value || ''))\n\n const classFromClasses =\n this.getParentClass(`${type}${isHyphen ? '-' : ''}${value}`).length > 0\n ? `${type}${isHyphen ? '-' : ''}${value}`\n : type\n\n const shouldClasses = this.processCustomClass(\n classFromClasses,\n value,\n unit,\n prefix,\n secValue,\n secUnit,\n isHyphen\n )\n\n if (shouldClasses) {\n const { className, cssRules, prefix } = shouldClasses\n\n results.push({\n className,\n cssRules,\n value: null,\n prefix\n })\n\n return\n }\n\n const result = this.processShorthand(type, value!, unit, prefix, secValue, secUnit, isHyphen)\n\n if (result) {\n const { className, cssRules, value: ruleValue, prefix: rulePrefix } = result\n\n results.push({\n className,\n cssRules,\n value: ruleValue,\n prefix: rulePrefix\n })\n }\n })\n\n return results\n }\n}\n\nexport default TenoxUI\n"],"names":["TenoxUI","property","values","classes","alwaysUseHyphens","__spreadValues","key","str","match","prefix","letter","classRegistry","classNames","classObj","className","safelist","styleAttribute","propertyTypes","a","b","classPatterns","typePrefixes","nestedBracketPattern","nestedParenPattern","nestedBracePattern","prefixPattern","typePattern","separator","valuePattern","unitPattern","secondaryPattern","classNameRegEx","type","value","unit","secValue","secUnit","finalValue","finalSecValue","group","replaceWithValueRegistry","text","valueRegistry","val","cleanValue","secondValue","secondUnit","isHyphen","properties","pattern","extractedFor","matchValue","finalCleanValue","cssRules","item","groupValue","template","processedValue","valuesGroup","newValue","finalRegProperty","inputValue","inputUnit","inputSecValue","inputSecUnit","defaultValue","s","computedValue","fullMatch","innerContent","replacementValue","cssProperty","rules","prop","isValueType","finalClassName","classList","results","rprefix","rtype","getType","getPrefix","parts","parsed","classFromClasses","shouldClasses","result","ruleValue","rulePrefix"],"mappings":"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"}
|
package/dist/index.iife.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.iife.js","sources":["../src/index.ts"],"sourcesContent":["import type { Values, Classes, CSSPropertyOrVariable, GetCSSProperty } from '@tenoxui/types'\nimport type { Property, Config, ProcessedStyle } from './types'\nexport * from './types'\nexport class TenoxUI {\n private property: Property\n private values: Values\n private classes: Classes\n private useHyphens: boolean\n\n constructor({ property = {}, values = {}, classes = {}, alwaysUseHyphens = true }: Config = {}) {\n this.property = {\n moxie: ({ key }) => key as GetCSSProperty, // use moxie-* to access all properties and variables\n ...property\n }\n this.values = values\n this.classes = classes\n this.useHyphens = alwaysUseHyphens\n }\n\n public toKebabCase(str: string): string {\n if (/^(webkit|moz|ms|o)[A-Z]/.test(str)) {\n const match = str.match(/^(webkit|moz|ms|o)/)\n if (match) {\n const prefix = match[0]\n return `-${prefix}${str\n .slice(prefix.length)\n .replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}`\n }\n }\n\n return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)\n }\n\n public escapeCSSSelector(str: string): string {\n return str.replace(/([ #{}.:;?%&,@+*~'\"!^$[\\]()=>|/])/g, '\\\\$1')\n }\n\n private getAllClassNames(classRegistry: Classes | undefined): string[] {\n if (!classRegistry) return []\n const classNames = new Set<string>()\n\n Object.entries(classRegistry).forEach(([property, classObj]) => {\n if (classObj && typeof classObj === 'object') {\n Object.keys(classObj).forEach((className) => {\n classNames.add(className)\n })\n }\n })\n\n return Array.from(classNames)\n }\n\n private getTypePrefixes(safelist: string[] = []): string[] {\n const styleAttribute = this.property\n const classRegistry = this.classes\n const propertyTypes = Object.keys(styleAttribute)\n\n if (!classRegistry) {\n return [...propertyTypes, ...safelist].sort((a, b) => b.length - a.length)\n }\n\n const classConfigs = this.getAllClassNames(classRegistry)\n const classPatterns = [...classConfigs]\n\n return [...propertyTypes, ...classPatterns, ...safelist].sort((a, b) => b.length - a.length)\n }\n\n private generateClassNameRegEx(safelist?: string[]): RegExp {\n const typePrefixes = this.getTypePrefixes(safelist).join('|')\n\n // Common pattern for handling complex nested structures\n const nestedBracketPattern = '\\\\[[^\\\\]]+\\\\]'\n const nestedParenPattern = '\\\\([^()]*(?:\\\\([^()]*\\\\)[^()]*)*\\\\)'\n const nestedBracePattern = '\\\\{[^{}]*(?:\\\\{[^{}]*\\\\}[^{}]*)*\\\\}'\n\n // 1. Prefix pattern\n const prefixPattern =\n '(?:(' +\n // Simple prefix (hover, md, focus, etc.)\n '[a-zA-Z0-9_-]+|' +\n // value-like prefix (nth-(4), max-[445px], etc.)\n '[a-zA-Z0-9_-]+(?:-(?:' +\n nestedBracketPattern +\n '|' +\n nestedParenPattern +\n '|' +\n nestedBracePattern +\n '))|' +\n // Direct bracket, parenthesis, or brace content\n nestedBracketPattern +\n '|' +\n nestedParenPattern +\n '|' +\n nestedBracePattern +\n '):)?'\n\n // 2. Type pattern\n const typePattern = `(${typePrefixes}|\\\\[[^\\\\]]+\\\\])`\n\n // 3. Separator (optional)\n const separator = this.useHyphens ? '(?:-)' : '(?:-)?'\n\n // 4. Value pattern - modified to handle $ variables correctly\n const valuePattern =\n '(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|' + // Numbers\n '(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|' + // Words with hyphens\n '(?:#[0-9a-fA-F]+)|' + // Hex colors\n nestedBracketPattern +\n '|' + // Bracket content\n nestedBracePattern +\n '|' + // Curly brace content\n nestedParenPattern +\n '|' + // Parentheses content\n '(?:\\\\$[^\\\\s\\\\/]+))' // Dollar sign content\n\n // 5. Unit pattern (optional)\n const unitPattern = '([a-zA-Z%]*)'\n\n // 6. Secondary value pattern (optional)\n const secondaryPattern =\n '(?:\\\\/(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|' + // Same pattern as valuePattern\n '(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|' +\n '(?:#[0-9a-fA-F]+)|' +\n nestedBracketPattern +\n '|' +\n nestedBracePattern +\n '|' +\n nestedParenPattern +\n '|' +\n '(?:\\\\$[^\\\\s\\\\/]+))' +\n '([a-zA-Z%]*))?'\n\n return new RegExp(\n prefixPattern + typePattern + separator + valuePattern + unitPattern + secondaryPattern\n )\n }\n\n public parse(className: string, safelist?: string[]) {\n // Check if the className exists in any class object\n if (Object.values(this.classes).some((classObj) => classObj?.[className])) {\n return [undefined, className, '', '', undefined, undefined]\n }\n\n const classNameRegEx = this.generateClassNameRegEx(safelist)\n const match = (className + '-dummy').match(classNameRegEx)\n if (!match) return null\n\n const [, prefix, type, value, unit, secValue, secUnit] = match\n const finalValue = value ? (value === 'dummy' ? '' : value.replace('-dummy', '')) : ''\n const finalSecValue = secValue\n ? secValue === 'dummy'\n ? ''\n : secValue.replace('-dummy', '')\n : ''\n\n return [prefix, type, finalValue, unit || '', finalSecValue, secUnit]\n }\n\n // unique value parser\n public processValue(value: string, unit: string, group: string): string {\n if (!value) return ''\n\n // Replace values wrapped in {} with values from this.values\n const replaceWithValueRegistry = (text: string): string => {\n return text.replace(/\\{([^}]+)\\}/g, (match, key) => {\n const valueRegistry = this.values\n const val =\n valueRegistry !== null\n ? typeof valueRegistry[group] === 'object'\n ? (valueRegistry[group] as { [value: string]: string })[key]\n : valueRegistry[key]\n : undefined\n\n return typeof val === 'string' ? val : match\n })\n }\n\n if (\n typeof this.values === 'object' &&\n this.values !== null &&\n ((this.values[group] &&\n typeof this.values[group] === 'object' &&\n this.values[group][value]) ||\n this.values[value])\n ) {\n if (typeof this.values[group] === 'object' && this.values[group] !== null) {\n return this.values[group][value] as string\n }\n\n return this.values[value] as string\n } else if (value.startsWith('$')) {\n return `var(--${value.slice(1)})` //? [color]-$my-color => color: var(--my-color)\n } else if (\n (value.startsWith('[') && value.endsWith(']')) ||\n (value.startsWith('(') && value.endsWith(')'))\n ) {\n const cleanValue = value\n .slice(1, -1)\n // Replaces `_` but ignores `\\_`\n .replace(/\\\\\\_/g, 'm0x13c55')\n .replace(/\\_/g, ' ')\n .replace(/m0x13c55/g, '_')\n\n if (cleanValue.includes('{')) {\n return replaceWithValueRegistry(cleanValue)\n }\n return cleanValue.startsWith('--') ? `var(${cleanValue})` : cleanValue\n }\n\n return value + (unit || '') //? [padding]-4px => padding: 4px\n }\n\n public processShorthand(\n type: string = '',\n value: string | undefined = '',\n unit: string | undefined = '',\n prefix: string | undefined,\n secondValue: string | undefined = '',\n secondUnit: string | undefined = '',\n isHyphen: boolean = true\n ): ProcessedStyle | null {\n const properties = this.property[type]\n // Extract \"for\" from (color:red) => { for: 'color', cleanValue: 'red' }\n // Pattern that matches both (label:value) and [label:value] formats\n const pattern = /^(?:\\(|\\[)([^:]+):(.+)(?:\\)|\\])$/\n let extractedFor: string | null = null\n let cleanValue = value || ''\n const matchValue = cleanValue.match(pattern)\n if (matchValue) {\n extractedFor = matchValue[1].trim()\n cleanValue = matchValue[2].trim()\n }\n\n let finalCleanValue\n\n if (value.includes(extractedFor + ':')) {\n finalCleanValue = value.startsWith('(') ? `(${cleanValue})` : `[${cleanValue}]`\n } else finalCleanValue = value\n\n // process input value\n const finalValue = this.processValue(finalCleanValue, unit, type)\n // process second value\n const finalSecValue = this.processValue(secondValue, secondUnit, type)\n\n // if the type started with square bracket\n // e.g. [--my-color], [color,borderColor] ...\n if (type.startsWith('[') && type.endsWith(']')) {\n const items = type\n .slice(1, -1)\n .split(',')\n .map((item) => item.trim())\n\n const cssRules = items\n .map((item) => {\n const finalProperty = item.startsWith('--')\n ? String(item)\n : this.toKebabCase(String(item))\n return `${finalProperty}: ${finalValue}`\n })\n .join('; ')\n\n return {\n className: `${`[${type.slice(1, -1)}]${isHyphen ? '-' : ''}${value}${unit}`}`,\n cssRules, // return css rules directly\n value: null, // and set value to null to prevent value duplication\n prefix\n }\n }\n\n // if type matched property's key\n // e.g. { property: { bg: 'background' } }\n // the `bg` is the type\n if (properties) {\n if (typeof properties === 'object' && 'property' in properties) {\n const groupValue =\n properties.group &&\n (this.values[properties.group] as { [value: string]: string })[finalValue]\n ? (this.values[properties.group] as { [value: string]: string })[finalValue]\n : unit\n ? value\n : finalValue\n\n const property =\n typeof properties.property === 'function'\n ? properties.property({\n value: value.startsWith('[') ? finalValue : groupValue,\n unit: value.startsWith('[') ? '' : unit,\n secondValue: value.startsWith('[') ? '' : secondUnit ? secondValue : finalSecValue,\n secondUnit: value.startsWith('[') ? '' : secondUnit,\n key: extractedFor\n })\n : properties.property\n\n const template = properties.value || '{0}'\n\n let processedValue\n\n if (typeof template === 'function') {\n processedValue = template({\n value: groupValue,\n unit,\n secondValue: secondUnit ? secondValue : finalSecValue,\n secondUnit,\n key: extractedFor\n })\n } else if (template && typeof template === 'string') {\n const valuesGroup = properties.group || type\n const newValue = this.processValue(finalCleanValue, unit, valuesGroup)\n\n if (\n this.values[valuesGroup] &&\n typeof this.values[valuesGroup] === 'object' &&\n this.values[valuesGroup][finalCleanValue]\n ) {\n processedValue = this.values[valuesGroup][finalCleanValue]\n } else if (template.includes('{')) {\n processedValue = this.parseValuePattern(\n valuesGroup,\n template,\n newValue,\n '',\n finalSecValue,\n ''\n )\n } else {\n processedValue = finalValue\n }\n } else processedValue = null\n\n const className = `${type}${\n value ? `${isHyphen ? (isHyphen ? '-' : '') : ''}${value}${unit}` : ''\n }${secondValue ? `/${secondValue}${secondUnit}` : ''}`\n\n return {\n className,\n cssRules: Array.isArray(property)\n ? (property as string[])\n : typeof property === 'string' &&\n ((property as string).includes(':') || (property as string).includes('value:'))\n ? (property as string).includes('value:')\n ? (property as string).slice(6)\n : (this.toKebabCase(String(property)) as string)\n : (this.toKebabCase(String(property)) as string),\n value:\n template === null || (property as string).includes('value:')\n ? null\n : value.startsWith('[')\n ? finalValue\n : processedValue,\n prefix\n }\n }\n\n const finalRegProperty =\n typeof properties === 'function'\n ? properties({\n value: value.startsWith('[') ? finalValue : unit ? value : finalValue,\n unit: value.startsWith('[') ? '' : unit,\n secondValue: value.startsWith('[') ? '' : secondUnit ? secondValue : finalSecValue,\n secondUnit: value.startsWith('[') ? '' : secondUnit,\n key: extractedFor\n })\n : properties\n\n return {\n className: `${type}${value ? (isHyphen ? '-' : '') + value + unit : ''}${\n secondValue ? `/${secondValue}${secondUnit}` : ''\n }`,\n cssRules: Array.isArray(properties)\n ? (finalRegProperty as string[])\n : typeof finalRegProperty === 'string' && finalRegProperty.startsWith('value:')\n ? finalRegProperty.slice(6)\n : (this.toKebabCase(String(finalRegProperty)) as string),\n value:\n typeof finalRegProperty === 'string' && finalRegProperty.startsWith('value:')\n ? null\n : finalValue,\n prefix\n }\n }\n\n return null\n }\n\n private parseValuePattern(\n group: string,\n pattern: string,\n inputValue: string,\n inputUnit: string,\n inputSecValue: string,\n inputSecUnit: string\n ): string {\n if (!pattern.includes('{0}') && !pattern.includes('{1') && !pattern.includes('||'))\n return pattern\n\n const [value, defaultValue] = pattern.split('||').map((s) => s.trim())\n const finalValue = this.processValue(inputValue, inputUnit, group)\n const finalSecValue = this.processValue(inputSecValue, inputSecUnit, group)\n\n if ((pattern.includes('{0}') && pattern.includes('{1')) || pattern.includes('{1')) {\n let computedValue = value\n if (inputValue) {\n computedValue = computedValue.replace('{0}', finalValue)\n }\n if (pattern.includes('{1')) {\n // find {1 ... } pattern and extract default value if present\n const match = computedValue.match(/{1([^}]*)}/)\n if (pattern.includes('{1}')) {\n if (inputSecValue) {\n computedValue = inputSecValue.startsWith('[')\n ? finalSecValue\n : computedValue.replace('{1}', finalSecValue)\n } else {\n computedValue = defaultValue\n }\n } else if (match) {\n const fullMatch = match[0]\n const innerContent = match[1].trim()\n\n let replacementValue = finalSecValue\n if (!replacementValue && innerContent.includes('|')) {\n // use default value after | if second value isn provided\n replacementValue = innerContent.split('|')[1].trim()\n } else if (!replacementValue) {\n replacementValue = ''\n }\n computedValue = inputValue.startsWith('[')\n ? finalValue\n : computedValue.replace(fullMatch, replacementValue)\n }\n }\n return inputValue ? computedValue : defaultValue || value\n }\n // Handle only {0} replacement\n else {\n return inputValue\n ? inputValue.startsWith('[')\n ? finalValue\n : value.replace('{0}', finalValue)\n : defaultValue || value\n }\n }\n\n private getParentClass(className: string): CSSPropertyOrVariable[] {\n return Object.keys(this.classes).filter((cssProperty) =>\n Object.prototype.hasOwnProperty.call(\n this.classes[cssProperty as CSSPropertyOrVariable],\n className\n )\n ) as CSSPropertyOrVariable[]\n }\n\n public processCustomClass(\n className: string | undefined,\n value: string | undefined = '',\n unit: string | undefined = '',\n prefix: string | undefined = '',\n secValue: string | undefined = '',\n secUnit: string | undefined = '',\n isHyphen: boolean = true\n ): ProcessedStyle | null {\n if (!className) return null\n\n const properties = this.getParentClass(className)\n\n if (properties.length > 0) {\n const rules = properties\n .map((prop) => {\n const classObj = this.classes[prop]\n if (!classObj) return ''\n\n const processedValue = this.parseValuePattern(\n className,\n classObj[className] || '',\n value,\n unit,\n secValue,\n secUnit\n )\n\n return `${this.toKebabCase(String(prop))}: ${processedValue}`\n })\n .filter(Boolean)\n .join('; ')\n\n const isValueType = className.slice(-(value + unit).length)\n\n const finalClassName = `${className}${value ? `${isHyphen ? '-' : ''}${value}${unit}` : ''}${\n secValue ? `/${secValue}${secUnit}` : ''\n }`\n\n return {\n className: value === isValueType ? className : finalClassName,\n cssRules: rules,\n value: null,\n prefix\n }\n }\n\n return null\n }\n\n public process(classNames: string | string[]): ProcessedStyle[] {\n const classList = Array.isArray(classNames) ? classNames : classNames.split(/\\s+/)\n\n const results: ProcessedStyle[] = []\n\n classList.forEach((className) => {\n if (!className) return this\n // process prefix and actual class name\n const [rprefix, rtype] = className.split(':')\n const getType = rtype || rprefix\n const getPrefix = rtype ? rprefix : undefined\n\n const parts = this.parse(className)\n const parsed = parts ? parts : [getPrefix, getType, '', '']\n if (!parsed) return this\n\n const [prefix, type, value, unit, secValue, secUnit] = parsed\n\n const isHyphen = !className.includes((type || '') + (value || ''))\n\n const classFromClasses =\n this.getParentClass(`${type}${isHyphen ? '-' : ''}${value}`).length > 0\n ? `${type}${isHyphen ? '-' : ''}${value}`\n : type\n\n const shouldClasses = this.processCustomClass(\n classFromClasses,\n value,\n unit,\n prefix,\n secValue,\n secUnit,\n isHyphen\n )\n\n if (shouldClasses) {\n const { className, cssRules, prefix } = shouldClasses\n\n results.push({\n className,\n cssRules,\n value: null,\n prefix\n })\n\n return\n }\n\n const result = this.processShorthand(type, value!, unit, prefix, secValue, secUnit, isHyphen)\n\n if (result) {\n const { className, cssRules, value: ruleValue, prefix: rulePrefix } = result\n\n results.push({\n className,\n cssRules,\n value: ruleValue,\n prefix: rulePrefix\n })\n }\n })\n\n return results\n }\n}\n\nexport default TenoxUI\n"],"names":["TenoxUI","property","values","classes","alwaysUseHyphens","__spreadValues","key","str","match","prefix","letter","classRegistry","classNames","classObj","className","safelist","styleAttribute","propertyTypes","a","b","classPatterns","typePrefixes","nestedBracketPattern","nestedParenPattern","nestedBracePattern","prefixPattern","typePattern","separator","valuePattern","unitPattern","secondaryPattern","classNameRegEx","type","value","unit","secValue","secUnit","finalValue","finalSecValue","group","replaceWithValueRegistry","text","valueRegistry","val","cleanValue","secondValue","secondUnit","isHyphen","properties","pattern","extractedFor","matchValue","finalCleanValue","cssRules","item","groupValue","template","processedValue","valuesGroup","newValue","finalRegProperty","inputValue","inputUnit","inputSecValue","inputSecUnit","defaultValue","s","computedValue","fullMatch","innerContent","replacementValue","cssProperty","rules","prop","isValueType","finalClassName","classList","results","rprefix","rtype","getType","getPrefix","parts","parsed","classFromClasses","shouldClasses","result","ruleValue","rulePrefix"],"mappings":"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"}
|
package/dist/index.umd.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.umd.js","sources":["../src/index.ts"],"sourcesContent":["import type { Values, Classes, CSSPropertyOrVariable, GetCSSProperty } from '@tenoxui/types'\nimport type { Property, Config, ProcessedStyle } from './types'\nexport * from './types'\nexport class TenoxUI {\n private property: Property\n private values: Values\n private classes: Classes\n private useHyphens: boolean\n\n constructor({ property = {}, values = {}, classes = {}, alwaysUseHyphens = true }: Config = {}) {\n this.property = {\n moxie: ({ key }) => key as GetCSSProperty, // use moxie-* to access all properties and variables\n ...property\n }\n this.values = values\n this.classes = classes\n this.useHyphens = alwaysUseHyphens\n }\n\n public toKebabCase(str: string): string {\n if (/^(webkit|moz|ms|o)[A-Z]/.test(str)) {\n const match = str.match(/^(webkit|moz|ms|o)/)\n if (match) {\n const prefix = match[0]\n return `-${prefix}${str\n .slice(prefix.length)\n .replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}`\n }\n }\n\n return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)\n }\n\n public escapeCSSSelector(str: string): string {\n return str.replace(/([ #{}.:;?%&,@+*~'\"!^$[\\]()=>|/])/g, '\\\\$1')\n }\n\n private getAllClassNames(classRegistry: Classes | undefined): string[] {\n if (!classRegistry) return []\n const classNames = new Set<string>()\n\n Object.entries(classRegistry).forEach(([property, classObj]) => {\n if (classObj && typeof classObj === 'object') {\n Object.keys(classObj).forEach((className) => {\n classNames.add(className)\n })\n }\n })\n\n return Array.from(classNames)\n }\n\n private getTypePrefixes(safelist: string[] = []): string[] {\n const styleAttribute = this.property\n const classRegistry = this.classes\n const propertyTypes = Object.keys(styleAttribute)\n\n if (!classRegistry) {\n return [...propertyTypes, ...safelist].sort((a, b) => b.length - a.length)\n }\n\n const classConfigs = this.getAllClassNames(classRegistry)\n const classPatterns = [...classConfigs]\n\n return [...propertyTypes, ...classPatterns, ...safelist].sort((a, b) => b.length - a.length)\n }\n\n private generateClassNameRegEx(safelist?: string[]): RegExp {\n const typePrefixes = this.getTypePrefixes(safelist).join('|')\n\n // Common pattern for handling complex nested structures\n const nestedBracketPattern = '\\\\[[^\\\\]]+\\\\]'\n const nestedParenPattern = '\\\\([^()]*(?:\\\\([^()]*\\\\)[^()]*)*\\\\)'\n const nestedBracePattern = '\\\\{[^{}]*(?:\\\\{[^{}]*\\\\}[^{}]*)*\\\\}'\n\n // 1. Prefix pattern\n const prefixPattern =\n '(?:(' +\n // Simple prefix (hover, md, focus, etc.)\n '[a-zA-Z0-9_-]+|' +\n // value-like prefix (nth-(4), max-[445px], etc.)\n '[a-zA-Z0-9_-]+(?:-(?:' +\n nestedBracketPattern +\n '|' +\n nestedParenPattern +\n '|' +\n nestedBracePattern +\n '))|' +\n // Direct bracket, parenthesis, or brace content\n nestedBracketPattern +\n '|' +\n nestedParenPattern +\n '|' +\n nestedBracePattern +\n '):)?'\n\n // 2. Type pattern\n const typePattern = `(${typePrefixes}|\\\\[[^\\\\]]+\\\\])`\n\n // 3. Separator (optional)\n const separator = this.useHyphens ? '(?:-)' : '(?:-)?'\n\n // 4. Value pattern - modified to handle $ variables correctly\n const valuePattern =\n '(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|' + // Numbers\n '(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|' + // Words with hyphens\n '(?:#[0-9a-fA-F]+)|' + // Hex colors\n nestedBracketPattern +\n '|' + // Bracket content\n nestedBracePattern +\n '|' + // Curly brace content\n nestedParenPattern +\n '|' + // Parentheses content\n '(?:\\\\$[^\\\\s\\\\/]+))' // Dollar sign content\n\n // 5. Unit pattern (optional)\n const unitPattern = '([a-zA-Z%]*)'\n\n // 6. Secondary value pattern (optional)\n const secondaryPattern =\n '(?:\\\\/(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|' + // Same pattern as valuePattern\n '(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|' +\n '(?:#[0-9a-fA-F]+)|' +\n nestedBracketPattern +\n '|' +\n nestedBracePattern +\n '|' +\n nestedParenPattern +\n '|' +\n '(?:\\\\$[^\\\\s\\\\/]+))' +\n '([a-zA-Z%]*))?'\n\n return new RegExp(\n prefixPattern + typePattern + separator + valuePattern + unitPattern + secondaryPattern\n )\n }\n\n public parse(className: string, safelist?: string[]) {\n // Check if the className exists in any class object\n if (Object.values(this.classes).some((classObj) => classObj?.[className])) {\n return [undefined, className, '', '', undefined, undefined]\n }\n\n const classNameRegEx = this.generateClassNameRegEx(safelist)\n const match = (className + '-dummy').match(classNameRegEx)\n if (!match) return null\n\n const [, prefix, type, value, unit, secValue, secUnit] = match\n const finalValue = value ? (value === 'dummy' ? '' : value.replace('-dummy', '')) : ''\n const finalSecValue = secValue\n ? secValue === 'dummy'\n ? ''\n : secValue.replace('-dummy', '')\n : ''\n\n return [prefix, type, finalValue, unit || '', finalSecValue, secUnit]\n }\n\n // unique value parser\n public processValue(value: string, unit: string, group: string): string {\n if (!value) return ''\n\n // Replace values wrapped in {} with values from this.values\n const replaceWithValueRegistry = (text: string): string => {\n return text.replace(/\\{([^}]+)\\}/g, (match, key) => {\n const valueRegistry = this.values\n const val =\n valueRegistry !== null\n ? typeof valueRegistry[group] === 'object'\n ? (valueRegistry[group] as { [value: string]: string })[key]\n : valueRegistry[key]\n : undefined\n\n return typeof val === 'string' ? val : match\n })\n }\n\n if (\n typeof this.values === 'object' &&\n this.values !== null &&\n ((this.values[group] &&\n typeof this.values[group] === 'object' &&\n this.values[group][value]) ||\n this.values[value])\n ) {\n if (typeof this.values[group] === 'object' && this.values[group] !== null) {\n return this.values[group][value] as string\n }\n\n return this.values[value] as string\n } else if (value.startsWith('$')) {\n return `var(--${value.slice(1)})` //? [color]-$my-color => color: var(--my-color)\n } else if (\n (value.startsWith('[') && value.endsWith(']')) ||\n (value.startsWith('(') && value.endsWith(')'))\n ) {\n const cleanValue = value\n .slice(1, -1)\n // Replaces `_` but ignores `\\_`\n .replace(/\\\\\\_/g, 'm0x13c55')\n .replace(/\\_/g, ' ')\n .replace(/m0x13c55/g, '_')\n\n if (cleanValue.includes('{')) {\n return replaceWithValueRegistry(cleanValue)\n }\n return cleanValue.startsWith('--') ? `var(${cleanValue})` : cleanValue\n }\n\n return value + (unit || '') //? [padding]-4px => padding: 4px\n }\n\n public processShorthand(\n type: string = '',\n value: string | undefined = '',\n unit: string | undefined = '',\n prefix: string | undefined,\n secondValue: string | undefined = '',\n secondUnit: string | undefined = '',\n isHyphen: boolean = true\n ): ProcessedStyle | null {\n const properties = this.property[type]\n // Extract \"for\" from (color:red) => { for: 'color', cleanValue: 'red' }\n // Pattern that matches both (label:value) and [label:value] formats\n const pattern = /^(?:\\(|\\[)([^:]+):(.+)(?:\\)|\\])$/\n let extractedFor: string | null = null\n let cleanValue = value || ''\n const matchValue = cleanValue.match(pattern)\n if (matchValue) {\n extractedFor = matchValue[1].trim()\n cleanValue = matchValue[2].trim()\n }\n\n let finalCleanValue\n\n if (value.includes(extractedFor + ':')) {\n finalCleanValue = value.startsWith('(') ? `(${cleanValue})` : `[${cleanValue}]`\n } else finalCleanValue = value\n\n // process input value\n const finalValue = this.processValue(finalCleanValue, unit, type)\n // process second value\n const finalSecValue = this.processValue(secondValue, secondUnit, type)\n\n // if the type started with square bracket\n // e.g. [--my-color], [color,borderColor] ...\n if (type.startsWith('[') && type.endsWith(']')) {\n const items = type\n .slice(1, -1)\n .split(',')\n .map((item) => item.trim())\n\n const cssRules = items\n .map((item) => {\n const finalProperty = item.startsWith('--')\n ? String(item)\n : this.toKebabCase(String(item))\n return `${finalProperty}: ${finalValue}`\n })\n .join('; ')\n\n return {\n className: `${`[${type.slice(1, -1)}]${isHyphen ? '-' : ''}${value}${unit}`}`,\n cssRules, // return css rules directly\n value: null, // and set value to null to prevent value duplication\n prefix\n }\n }\n\n // if type matched property's key\n // e.g. { property: { bg: 'background' } }\n // the `bg` is the type\n if (properties) {\n if (typeof properties === 'object' && 'property' in properties) {\n const groupValue =\n properties.group &&\n (this.values[properties.group] as { [value: string]: string })[finalValue]\n ? (this.values[properties.group] as { [value: string]: string })[finalValue]\n : unit\n ? value\n : finalValue\n\n const property =\n typeof properties.property === 'function'\n ? properties.property({\n value: value.startsWith('[') ? finalValue : groupValue,\n unit: value.startsWith('[') ? '' : unit,\n secondValue: value.startsWith('[') ? '' : secondUnit ? secondValue : finalSecValue,\n secondUnit: value.startsWith('[') ? '' : secondUnit,\n key: extractedFor\n })\n : properties.property\n\n const template = properties.value || '{0}'\n\n let processedValue\n\n if (typeof template === 'function') {\n processedValue = template({\n value: groupValue,\n unit,\n secondValue: secondUnit ? secondValue : finalSecValue,\n secondUnit,\n key: extractedFor\n })\n } else if (template && typeof template === 'string') {\n const valuesGroup = properties.group || type\n const newValue = this.processValue(finalCleanValue, unit, valuesGroup)\n\n if (\n this.values[valuesGroup] &&\n typeof this.values[valuesGroup] === 'object' &&\n this.values[valuesGroup][finalCleanValue]\n ) {\n processedValue = this.values[valuesGroup][finalCleanValue]\n } else if (template.includes('{')) {\n processedValue = this.parseValuePattern(\n valuesGroup,\n template,\n newValue,\n '',\n finalSecValue,\n ''\n )\n } else {\n processedValue = finalValue\n }\n } else processedValue = null\n\n const className = `${type}${\n value ? `${isHyphen ? (isHyphen ? '-' : '') : ''}${value}${unit}` : ''\n }${secondValue ? `/${secondValue}${secondUnit}` : ''}`\n\n return {\n className,\n cssRules: Array.isArray(property)\n ? (property as string[])\n : typeof property === 'string' &&\n ((property as string).includes(':') || (property as string).includes('value:'))\n ? (property as string).includes('value:')\n ? (property as string).slice(6)\n : (this.toKebabCase(String(property)) as string)\n : (this.toKebabCase(String(property)) as string),\n value:\n template === null || (property as string).includes('value:')\n ? null\n : value.startsWith('[')\n ? finalValue\n : processedValue,\n prefix\n }\n }\n\n const finalRegProperty =\n typeof properties === 'function'\n ? properties({\n value: value.startsWith('[') ? finalValue : unit ? value : finalValue,\n unit: value.startsWith('[') ? '' : unit,\n secondValue: value.startsWith('[') ? '' : secondUnit ? secondValue : finalSecValue,\n secondUnit: value.startsWith('[') ? '' : secondUnit,\n key: extractedFor\n })\n : properties\n\n return {\n className: `${type}${value ? (isHyphen ? '-' : '') + value + unit : ''}${\n secondValue ? `/${secondValue}${secondUnit}` : ''\n }`,\n cssRules: Array.isArray(properties)\n ? (finalRegProperty as string[])\n : typeof finalRegProperty === 'string' && finalRegProperty.startsWith('value:')\n ? finalRegProperty.slice(6)\n : (this.toKebabCase(String(finalRegProperty)) as string),\n value:\n typeof finalRegProperty === 'string' && finalRegProperty.startsWith('value:')\n ? null\n : finalValue,\n prefix\n }\n }\n\n return null\n }\n\n private parseValuePattern(\n group: string,\n pattern: string,\n inputValue: string,\n inputUnit: string,\n inputSecValue: string,\n inputSecUnit: string\n ): string {\n if (!pattern.includes('{0}') && !pattern.includes('{1') && !pattern.includes('||'))\n return pattern\n\n const [value, defaultValue] = pattern.split('||').map((s) => s.trim())\n const finalValue = this.processValue(inputValue, inputUnit, group)\n const finalSecValue = this.processValue(inputSecValue, inputSecUnit, group)\n\n if ((pattern.includes('{0}') && pattern.includes('{1')) || pattern.includes('{1')) {\n let computedValue = value\n if (inputValue) {\n computedValue = computedValue.replace('{0}', finalValue)\n }\n if (pattern.includes('{1')) {\n // find {1 ... } pattern and extract default value if present\n const match = computedValue.match(/{1([^}]*)}/)\n if (pattern.includes('{1}')) {\n if (inputSecValue) {\n computedValue = inputSecValue.startsWith('[')\n ? finalSecValue\n : computedValue.replace('{1}', finalSecValue)\n } else {\n computedValue = defaultValue\n }\n } else if (match) {\n const fullMatch = match[0]\n const innerContent = match[1].trim()\n\n let replacementValue = finalSecValue\n if (!replacementValue && innerContent.includes('|')) {\n // use default value after | if second value isn provided\n replacementValue = innerContent.split('|')[1].trim()\n } else if (!replacementValue) {\n replacementValue = ''\n }\n computedValue = inputValue.startsWith('[')\n ? finalValue\n : computedValue.replace(fullMatch, replacementValue)\n }\n }\n return inputValue ? computedValue : defaultValue || value\n }\n // Handle only {0} replacement\n else {\n return inputValue\n ? inputValue.startsWith('[')\n ? finalValue\n : value.replace('{0}', finalValue)\n : defaultValue || value\n }\n }\n\n private getParentClass(className: string): CSSPropertyOrVariable[] {\n return Object.keys(this.classes).filter((cssProperty) =>\n Object.prototype.hasOwnProperty.call(\n this.classes[cssProperty as CSSPropertyOrVariable],\n className\n )\n ) as CSSPropertyOrVariable[]\n }\n\n public processCustomClass(\n className: string | undefined,\n value: string | undefined = '',\n unit: string | undefined = '',\n prefix: string | undefined = '',\n secValue: string | undefined = '',\n secUnit: string | undefined = '',\n isHyphen: boolean = true\n ): ProcessedStyle | null {\n if (!className) return null\n\n const properties = this.getParentClass(className)\n\n if (properties.length > 0) {\n const rules = properties\n .map((prop) => {\n const classObj = this.classes[prop]\n if (!classObj) return ''\n\n const processedValue = this.parseValuePattern(\n className,\n classObj[className] || '',\n value,\n unit,\n secValue,\n secUnit\n )\n\n return `${this.toKebabCase(String(prop))}: ${processedValue}`\n })\n .filter(Boolean)\n .join('; ')\n\n const isValueType = className.slice(-(value + unit).length)\n\n const finalClassName = `${className}${value ? `${isHyphen ? '-' : ''}${value}${unit}` : ''}${\n secValue ? `/${secValue}${secUnit}` : ''\n }`\n\n return {\n className: value === isValueType ? className : finalClassName,\n cssRules: rules,\n value: null,\n prefix\n }\n }\n\n return null\n }\n\n public process(classNames: string | string[]): ProcessedStyle[] {\n const classList = Array.isArray(classNames) ? classNames : classNames.split(/\\s+/)\n\n const results: ProcessedStyle[] = []\n\n classList.forEach((className) => {\n if (!className) return this\n // process prefix and actual class name\n const [rprefix, rtype] = className.split(':')\n const getType = rtype || rprefix\n const getPrefix = rtype ? rprefix : undefined\n\n const parts = this.parse(className)\n const parsed = parts ? parts : [getPrefix, getType, '', '']\n if (!parsed) return this\n\n const [prefix, type, value, unit, secValue, secUnit] = parsed\n\n const isHyphen = !className.includes((type || '') + (value || ''))\n\n const classFromClasses =\n this.getParentClass(`${type}${isHyphen ? '-' : ''}${value}`).length > 0\n ? `${type}${isHyphen ? '-' : ''}${value}`\n : type\n\n const shouldClasses = this.processCustomClass(\n classFromClasses,\n value,\n unit,\n prefix,\n secValue,\n secUnit,\n isHyphen\n )\n\n if (shouldClasses) {\n const { className, cssRules, prefix } = shouldClasses\n\n results.push({\n className,\n cssRules,\n value: null,\n prefix\n })\n\n return\n }\n\n const result = this.processShorthand(type, value!, unit, prefix, secValue, secUnit, isHyphen)\n\n if (result) {\n const { className, cssRules, value: ruleValue, prefix: rulePrefix } = result\n\n results.push({\n className,\n cssRules,\n value: ruleValue,\n prefix: rulePrefix\n })\n }\n })\n\n return results\n }\n}\n\nexport default TenoxUI\n"],"names":["TenoxUI","property","values","classes","alwaysUseHyphens","__spreadValues","key","str","match","prefix","letter","classRegistry","classNames","classObj","className","safelist","styleAttribute","propertyTypes","a","b","classPatterns","typePrefixes","nestedBracketPattern","nestedParenPattern","nestedBracePattern","prefixPattern","typePattern","separator","valuePattern","unitPattern","secondaryPattern","classNameRegEx","type","value","unit","secValue","secUnit","finalValue","finalSecValue","group","replaceWithValueRegistry","text","valueRegistry","val","cleanValue","secondValue","secondUnit","isHyphen","properties","pattern","extractedFor","matchValue","finalCleanValue","cssRules","item","groupValue","template","processedValue","valuesGroup","newValue","finalRegProperty","inputValue","inputUnit","inputSecValue","inputSecUnit","defaultValue","s","computedValue","fullMatch","innerContent","replacementValue","cssProperty","rules","prop","isValueType","finalClassName","classList","results","rprefix","rtype","getType","getPrefix","parts","parsed","classFromClasses","shouldClasses","result","ruleValue","rulePrefix"],"mappings":"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"}
|