@tenoxui/moxie 0.1.0 → 0.3.0

package/README.md

@@ -0,0 +1,427 @@
+# `@tenoxui/moxie`
+
+`tenoxui/moxie` is a small and lightweight CSS generation engine for creating custom `utility-first` CSS framework easily.
+
+## Features
+
+- **Customize Everything** - `moxie` is very easy to configure, scalable for small and large project easily
+
+- **Utility-First Based** - Support any `utility-first` naming convention you like (`m-2`, `m2`, or `m-2px`)
+
+- **It's Small!** - The bundle itself is less than `4kB gzipped` (currently :D)
+
+## Installation
+
+Get started with `moxie` by running this command :
+
+```bash
+npm install @tenoxui/moxie
+```
+
+## Usage Example
+
+```javascript
+import { TenoxUI } from '@tenoxui/moxie'
+
+const ui = new TenoxUI({
+  // defining shorthands
+  property: {
+    // type: property
+    m: 'margin', // basic shorthand
+    p: {
+      property: 'padding',
+      value: ({ value, unit }) =>
+        `${
+          // if `unit` isn't specified,
+          // multiply value with `0.25`
+          // or use `value` + `unit`
+          !unit ? 0.25 * Number(value) + 'rem' : value + unit
+        }`
+    }
+  }
+})
+
+console.log(
+  ui.process([
+    'm-2px',
+    'hover:m-2rem',
+    'p-4', // 0.25 * 4 = 1rem
+    'p-10px' // direct value
+  ])
+)
+
+/* Output
+[
+  {
+    className: 'm-2px',
+    cssRules: 'margin',
+    value: '2px',
+    prefix: undefined
+  },
+  {
+    className: 'm-2rem',
+    cssRules: 'margin',
+    value: '2rem',
+    prefix: 'hover'
+  },
+  {
+    className: 'p-4',
+    cssRules: 'padding',
+    value: '1rem',
+    prefix: undefined
+  },
+  {
+    className: 'p-10px',
+    cssRules: 'padding',
+    value: '10px',
+    prefix: undefined
+  }
+]
+*/
+```
+
+## API
+
+### Exports
+
+This package only have one main export and some types :
+
+```typescript
+// index.d.ts
+import type { Config, TenoxUIConfig, ProcessedStyle } from './types'
+export * from './types'
+export { Config, TenoxUIConfig }
+export declare class TenoxUI {
+  // ...
+}
+export default TenoxUI
+```
+
+### Constructor
+
+```javascript
+export class TenoxUI {
+  constructor({ property = {}, values = {}, classes = {}, aliases = {}, breakpoints = [] } = {}) {
+    this.property = property
+    this.values = values
+    this.classes = classes
+    this.aliases = aliases
+    this.breakpoints = breakpoints
+  }
+}
+```
+
+### Public Methods
+
+#### `parse`
+
+A method for parsing class name.
+
+```typescript
+parse(className: string) {}
+```
+
+Example :
+
+```javascript
+const ui = new TenoxUI({
+  m: 'margin',
+  p: 'padding'
+})
+
+console.log(ui.parse('m-2px')) // => [ undefined, 'm', '2', 'px', undefined, undefined ]
+console.log(ui.parse('hover:p-2rem/10px')) // => [ 'hover', 'p', '2', 'rem', '10', 'px' ]
+```
+
+#### `processValue`
+
+A method for processing input value.
+
+```typescript
+processValue(type: string, value: string, unit: string): string {}
+```
+
+Example :
+
+```javascript
+const ui = new TenoxUI({
+  property: {
+    bg: {
+      property: 'backgroundColor',
+      value: 'rgb({0} / var(--bg-opacity, 1))'
+    }
+  },
+  values: {
+    // global values
+    'red-500': '255 0 0',
+    // type specific value
+    bg: {
+      'red-500': '0 0 255'
+    }
+  }
+})
+
+console.log(ui.processValue('', '10', 'rem')) // 10rem
+console.log(ui.processValue('', '[calc(24_*_5)]')) // calc(24 * 5)
+console.log(ui.processValue('', '$my-color')) // var(--my-color)
+console.log(ui.processValue('', 'red-500')) // 255 0 0
+console.log(ui.processValue('bg', 'red-500')) // 0 0 255
+```
+
+#### `processShorthand`
+
+A method for processing rules from `property` field.
+
+```typescript
+processShorthand(
+  type: string | undefined,
+  value: string | undefined,
+  unit: string | undefined,
+  prefix: string | undefined,
+  secondValue?: string | undefined,
+  secondUnit?: string | undefined,
+  isHyphen?: boolean
+): ProcessedStyle | null {}
+```
+
+Example :
+
+```javascript
+const ui = new TenoxUI({
+  property: {
+    bg: {
+      property: 'backgroundColor',
+      value: 'rgb({0} / {1 | 100}%)'
+    }
+  },
+  values: {
+    'red-500': '255 0 0'
+  }
+})
+
+console.log(ui.processShorthand('bg', 'red-500'))
+console.log(ui.processShorthand('bg', '(0_255_0)', '', 'hover', '20', ''))
+
+/* Output
+{
+  className: 'bg-red-500',
+  cssRules: 'background-color',
+  value: 'rgb(255 0 0 / 100%)',
+  prefix: undefined
+}
+{
+  className: 'bg-(0_255_0)/20',
+  cssRules: 'background-color',
+  value: 'rgb(0 255 0 / 20%)',
+  prefix: 'hover'
+}
+*/
+```
+
+#### `processCustomClass`
+
+A method for processing rules from `classes` field.
+
+```typescript
+processCustomClass(
+  className: string | undefined,
+  value?: string | undefined,
+  unit?: string | undefined,
+  prefix?: string | undefined,
+  secValue?: string | undefined,
+  secUnit?: string | undefined,
+  isHyphen?: boolean
+): ProcessedStyle | null {}
+```
+
+Example :
+
+```javascript
+const ui = new TenoxUI({
+  classes: {
+    display: {
+      flex: 'flex',
+      iflex: 'inline-flex'
+    },
+    '--bg-opacity': {
+      bg: '{1}% || 1'
+    },
+    backgroundColor: {
+      bg: 'rgb({0} / var(--bg-opacity)) || red'
+    }
+  },
+  values: {
+    'red-500': '255 0 0'
+  }
+})
+
+console.log(ui.processCustomClass('bg'))
+console.log(ui.processCustomClass('bg', 'red-500'))
+console.log(ui.processCustomClass('bg', '(0_255_0)', '', 'hover', '40'))
+
+/* Output
+{
+  className: 'bg',
+  cssRules: '--bg-opacity: 1; background-color: red',
+  value: null,
+  prefix: ''
+}
+{
+  className: 'bg-red-500',
+  cssRules: '--bg-opacity: 1; background-color: rgb(255 0 0 / var(--bg-opacity))',
+  value: null,
+  prefix: ''
+}
+{
+  className: 'bg-\\(0_255_0\\)\\/40',
+  cssRules: '--bg-opacity: 40%; background-color: rgb(0 255 0 / var(--bg-opacity))',
+  value: null,
+  prefix: 'hover'
+}
+*/
+```
+
+#### `processAlias`
+
+A method for processing rules from `aliases` field.
+
+```typescript
+processAlias(className: string, prefix?: string): ProcessedStyle | null {}
+```
+
+Example :
+
+```javascript
+const ui = new TenoxUI({
+  property: {
+    bg: 'backgroundColor',
+    size: ['width', 'height']
+  },
+  aliases: {
+    box: 'bg-red size-30px',
+    'btn-primary': 'bg-#ccf654'
+  }
+})
+
+console.log(ui.processAlias('box'))
+console.log(ui.processAlias('btn-primary', 'hover'))
+
+/* Output
+{
+  className: 'box',
+  cssRules: 'background-color: red; width: 30px; height: 30px',
+  value: null,
+  prefix: ''
+}
+{
+  className: 'btn-primary',
+  cssRules: 'background-color: #ccf654',
+  value: null,
+  prefix: 'hover'
+}
+*/
+```
+
+#### `process`
+
+A main method for parsing and processing class names automatically.
+
+```typescript
+process(classNames: string | string[]): ProcessedStyle[] {}
+```
+
+Example :
+
+```javascript
+const ui = new TenoxUI({
+  property: {
+    m: 'margin',
+    p: 'padding',
+    bg: 'backgroundColor',
+    size: ['width', 'height']
+  },
+  classes: {
+    display: {
+      flex: 'flex',
+      iflex: 'inline-flex'
+    }
+  },
+  aliases: {
+    box: 'bg-red size-30px',
+    'btn-primary': 'bg-#ccf654'
+  }
+})
+
+console.log(
+  ui.process([
+    // shorthands
+    'm-0',
+    'p-1rem',
+    'bg-blue',
+    'size-30px',
+    // classes
+    'flex',
+    'iflex',
+    // aliases
+    'box',
+    'btn-primary'
+  ])
+)
+
+/* Output
+[
+  {
+    className: 'm-0',
+    cssRules: 'margin',
+    value: '0',
+    prefix: undefined
+  },
+  {
+    className: 'p-1rem',
+    cssRules: 'padding',
+    value: '1rem',
+    prefix: undefined
+  },
+  {
+    className: 'bg-blue',
+    cssRules: 'background-color',
+    value: 'blue',
+    prefix: undefined
+  },
+  {
+    className: 'size-30px',
+    cssRules: [ 'width', 'height' ],
+    value: '30px',
+    prefix: undefined
+  },
+  {
+    className: 'flex',
+    cssRules: 'display: flex',
+    value: null,
+    prefix: ''
+  },
+  {
+    className: 'iflex',
+    cssRules: 'display: inline-flex',
+    value: null,
+    prefix: ''
+  },
+  {
+    className: 'box',
+    cssRules: 'background-color: red; width: 30px; height: 30px',
+    value: null,
+    prefix: undefined
+  },
+  {
+    className: 'btn-primary',
+    cssRules: 'background-color: #ccf654',
+    value: null,
+    prefix: undefined
+  }
+]
+*/
+```
+
+## License
+
+This project is licensed under **MIT License**. See [here](https://github.com/tenoxui/tenoxui/blob/main/LICENSE).

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class j{constructor({property:e={},values:s={},classes:t={},aliases:a={},breakpoints:r=[]}={}){this.property=e,this.values=s,this.classes=t,this.aliases=a,this.breakpoints=r}toKebabCase(e){if(/^(webkit|moz|ms|o)[A-Z]/.test(e)){const s=e.match(/^(webkit|moz|ms|o)/);if(s){const t=s[0];return`-${t}${e.slice(t.length).replace(/[A-Z]/g,a=>`-${a.toLowerCase()}`)}`}}return e.replace(/[A-Z]/g,s=>`-${s.toLowerCase()}`)}escapeCSSSelector(e){return e.replace(/([ #{}.:;?%&,@+*~'"!^$[\]()=>|/])/g,"\\$1")}getAllClassNames(e){if(!e)return[];const s=new Set;return Object.entries(e).forEach(([t,a])=>{a&&typeof a=="object"&&Object.keys(a).forEach(r=>{s.add(r)})}),Array.from(s)}getTypePrefixes(){const e=this.property,s=this.classes,t=Object.keys(e);if(!s)return t.sort((l,i)=>i.length-l.length).join("|");const r=[...this.getAllClassNames(s)];return[...t,...r].sort((l,i)=>i.length-l.length).join("|")}generateClassNameRegEx(){const e=this.getTypePrefixes();return new RegExp(`(?:([a-zA-Z0-9-]+|\\[[^\\]]+\\]|\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)|\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}):)?(${e}|\\[[^\\]]+\\])-(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|(?:\\[[^\\]]+\\])|(?:\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\})|(?:\\([^()]*(?:\\([^()]*\\)[^()]*)*\\))|(?:\\$[^\\s]+))([a-zA-Z%]*)(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|(?:\\[[^\\]]+\\])|(?:\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\})|(?:\\([^()]*(?:\\([^()]*\\)[^()]*)*\\))|(?:\\$[^\\s]+))([a-zA-Z%]*))?`)}parseClassName(e){for(const[p,n]of Object.entries(this.classes))if(n&&typeof n=="object"&&e in n)return[void 0,e,"","",void 0,void 0];const s=this.generateClassNameRegEx(),t=e.match(s);if(!t)return null;const[,a,r,l,i,u,o]=t;return[a,r,l||"",i||"",u,o]}generateMediaQuery(e,s,t){const{name:a,min:r,max:l}=e;let i="screen and ";return r!==void 0&&l!==void 0?i+=`(min-width: ${r}px) and (max-width: ${l}px)`:r!==void 0?i+=`(min-width: ${r}px)`:l!==void 0&&(i+=`(max-width: ${l}px)`),{mediaKey:`@media ${i}`,ruleSet:`.${a}\\:${s} { ${t} }`}}processValue(e,s,t){if(!s)return"";const a=r=>r.replace(/\{([^}]+)\}/g,(l,i)=>{const u=typeof this.values=="object"&&this.values!==null?this.values[i]:void 0;return typeof u=="string"?u:l});if(typeof this.values=="object"&&this.values!==null&&(this.values[e]&&typeof this.values[e]=="object"&&this.values[e][s]||this.values[s]))return typeof this.values[e]=="object"&&this.values[e]!==null?this.values[e][s]:this.values[s];if(s.startsWith("$"))return`var(--${s.slice(1)})`;if(s.startsWith("[")&&s.endsWith("]")||s.startsWith("(")&&s.endsWith(")")){const r=s.slice(1,-1).replace(/_/g," ");return r.includes("{")?a(r):r.startsWith("--")?`var(${r})`:r}return s+(t||"")}processShorthand(e="",s="",t="",a,r="",l=""){const i=this.property[e],u=/^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;let o=null,p=s||"";const n=p.match(u);n&&(o=n[1].trim(),p=n[2].trim());let m;s.includes(o+":")?m=s.startsWith("(")?`(${p})`:`[${p}]`:m=s;const h=this.processValue(e,m,t),$=this.processValue(e,r,l);if(e.startsWith("[")&&e.endsWith("]")){const d=e.slice(1,-1).split(",").map(f=>f.trim()).map(f=>{const y=this.property[f]||f;return`${typeof y=="string"&&y.startsWith("--")?String(y):this.toKebabCase(String(y))}: ${h}`}).join("; ");return{className:`${`[${e.slice(1,-1)}]-${s}${t}`}`,cssRules:d,value:null,prefix:a}}if(i){if(typeof i=="object"&&"property"in i&&"value"in i){const d=typeof i.property=="function"?i.property({value:t?s:h,unit:t,secondValue:l?r:$,secondUnit:l,key:o}):i.property,f=i.value;let y;typeof f=="function"?y=f({value:t?s:h,unit:t,secondValue:l?r:$,secondUnit:l,key:o,property:d}):f&&typeof f=="string"?y=this.parseValuePattern(e,f,h,"",$,"")?this.parseValuePattern(e,f,h,"",$,""):h:y=null;const C=`${e}${s?`-${s}${t}`:""}${r?`/${r}${l}`:""}`;return{className:i.classNameSuffix?{className:C,modifier:i.classNameSuffix}:C,cssRules:Array.isArray(d)||typeof d=="string"&&d.includes(":")?d:this.toKebabCase(String(d)),value:f===null?null:s.startsWith("[")?h:y,prefix:a}}const c=typeof i=="function"?i({value:t?s:h,unit:t,secondValue:l?r:$,secondUnit:l,key:o}):i;return{className:`${e}${s?"-"+s+t:""}`,cssRules:Array.isArray(i)?c:typeof c=="string"&&c.startsWith("value:")?c.slice(6):this.toKebabCase(String(c)),value:typeof c=="string"&&c.startsWith("value:")?null:h,prefix:a}}return null}parseValuePattern(e,s,t,a,r,l){if(!s.includes("{0}")&&!s.includes("{1")&&!s.includes("||"))return s;const[i,u]=s.split("||").map(n=>n.trim()),o=this.processValue(e,t,a),p=this.processValue(e,r,l);if(s.includes("{0}")&&s.includes("{1")||s.includes("{1")){let n=i;if(t&&(n=n.replace("{0}",o)),s.includes("{1")){const m=n.match(/{1([^}]*)}/);if(s.includes("{1}"))r?n=r.startsWith("[")?p:n.replace("{1}",p):n=u;else if(m){const h=m[0],$=m[1].trim();let c=p;!c&&$.includes("|")?c=$.split("|")[1].trim():c||(c=""),n=t.startsWith("[")?o:n.replace(h,c)}}return t?n:u||i}else return t?t.startsWith("[")?o:i.replace("{0}",o):u||i}getParentClass(e){return Object.keys(this.classes).filter(s=>Object.prototype.hasOwnProperty.call(this.classes[s],e))}processCustomClass(e,s="",t="",a="",r="",l=""){if(!e)return null;const i=this.getParentClass(e);if(i.length>0){const u=i.map(n=>{const m=this.classes[n];if(!m)return"";const h=this.parseValuePattern(e,m[e]||"",s,t,r,l);return`${this.toKebabCase(String(n))}: ${h}`}).filter(Boolean).join("; "),o=e.slice(-(s+t).length),p=`${e}${s?`-${s}${t}`:""}${r?`/${r}${l}`:""}`;return{className:this.escapeCSSSelector(s===o?e:p),cssRules:u,value:null,prefix:a}}return null}processAlias(e,s=""){const t=this.aliases[e];if(!t)return null;const a=t.split(" "),r=[];return a.forEach(l=>{const[i,u]=l.split(":"),o=u||i,p=u?i:void 0,n=this.parseClassName(l),m=n||[p,o,"",""];if(!m)return;const[h,$,c,d,f,y]=m,C=this.processShorthand($,c,d,void 0,f,y),S=this.processCustomClass($,c,d,h,f,y);if(S){const{cssRules:A}=S;r.push(A);return}if(C){const A=C.value!==null?`: ${C.value}`:"";Array.isArray(C.cssRules)?C.cssRules.forEach(g=>{r.push(`${this.toKebabCase(g)}${A}`)}):r.push(`${C.cssRules}${A}`)}}),{className:e,cssRules:r.join("; "),value:null,prefix:s}}process(e){const s=Array.isArray(e)?e:e.split(/\s+/),t=[];return s.forEach(a=>{if(!a)return this;const[r,l]=a.split(":"),i=l||r,u=l?r:void 0,o=this.breakpoints.find(g=>g.name===u),p=this.processAlias(i,u);if(p){const{className:g,cssRules:b}=p;if(o){const{mediaKey:x,ruleSet:v}=this.generateMediaQuery(o,g,b);t.push({className:x,cssRules:v,value:null,prefix:null})}else t.push({className:g,cssRules:b,value:null,prefix:u});return}const n=this.parseClassName(a),m=n||[u,i,"",""];if(!m)return this;const[h,$,c,d,f,y]=m,C=this.getParentClass(`${$}-${c}`).length>0?`${$}-${c}`:$,S=this.processCustomClass(C,c,d,h,f,y);if(S){const{className:g,cssRules:b,prefix:x}=S;if(o){const{mediaKey:v,ruleSet:R}=this.generateMediaQuery(o,g,b);t.push({className:v,cssRules:R,value:null,prefix:null})}else t.push({className:g,cssRules:b,value:null,prefix:x});return}const A=this.processShorthand($,c,d,h,f,y);if(A){const{className:g,cssRules:b,value:x,prefix:v}=A,R=typeof g=="string"?this.escapeCSSSelector(g):this.escapeCSSSelector(g.className)+g.modifier;if(o){const P=Array.isArray(b)?b.map(N=>`${this.toKebabCase(N)}: ${x}`).join("; "):`${b}${x!==null?`: ${x}`:""}`,{mediaKey:V,ruleSet:W}=this.generateMediaQuery(o,R,P);t.push({className:V,cssRules:W,value:null,prefix:null})}else t.push({className:R,cssRules:b,value:x,prefix:v})}}),t}}exports.TenoxUI=j;exports.default=j;
+"use strict";var Z=Object.defineProperty;var R=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var V=(P,s,e)=>s in P?Z(P,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):P[s]=e,W=(P,s)=>{for(var e in s||(s={}))z.call(s,e)&&V(P,e,s[e]);if(R)for(var e of R(s))_.call(s,e)&&V(P,e,s[e]);return P};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class S{constructor({property:s={},values:e={},classes:t={},aliases:n={}}={}){this.property=W({moxie:({key:r})=>r},s),this.values=e,this.classes=t,this.aliases=n}toKebabCase(s){if(/^(webkit|moz|ms|o)[A-Z]/.test(s)){const e=s.match(/^(webkit|moz|ms|o)/);if(e){const t=e[0];return`-${t}${s.slice(t.length).replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}`}}return s.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}escapeCSSSelector(s){return s.replace(/([ #{}.:;?%&,@+*~'"!^$[\]()=>|/])/g,"\\$1")}getAllClassNames(s){if(!s)return[];const e=new Set;return Object.entries(s).forEach(([t,n])=>{n&&typeof n=="object"&&Object.keys(n).forEach(r=>{e.add(r)})}),Array.from(e)}getTypePrefixes(s=[]){const e=this.property,t=this.classes,n=Object.keys(e);if(!t)return[...n,...s].sort((i,l)=>l.length-i.length).join("|");const o=[...this.getAllClassNames(t)];return[...n,...o,...s].sort((i,l)=>l.length-i.length).join("|")}generateClassNameRegEx(s){const e=this.getTypePrefixes(s),t="\\[[^\\]]+\\]",n="\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)",r="\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}",o="(?:([a-zA-Z0-9_-]+|[a-zA-Z0-9_-]+(?:-"+t+")|"+t+"|"+n+"|"+r+"):)?",i=`(${e}|\\[[^\\]]+\\])`,l="(?:-)?",h="(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+t+"|"+r+"|"+n+"|(?:\\$[^\\s\\/]+))",f="([a-zA-Z%]*)",a="(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+t+"|"+r+"|"+n+"|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";return new RegExp(o+i+l+h+f+a)}parse(s,e){if(Object.values(this.classes).some(p=>p==null?void 0:p[s]))return[void 0,s,"","",void 0,void 0];const t=this.generateClassNameRegEx(e),n=(s+"-dummy").match(t);if(!n)return null;const[,r,o,i,l,h,f]=n,a=i==="dummy"?"":i.replace("-dummy","");return[r,o,a,l||"",h,f]}processValue(s,e,t){if(!s)return"";const n=r=>r.replace(/\{([^}]+)\}/g,(o,i)=>{const l=this.values,h=l!==null?typeof l[t]=="object"?l[t][i]:l[i]:void 0;return typeof h=="string"?h:o});if(typeof this.values=="object"&&this.values!==null&&(this.values[t]&&typeof this.values[t]=="object"&&this.values[t][s]||this.values[s]))return typeof this.values[t]=="object"&&this.values[t]!==null?this.values[t][s]:this.values[s];if(s.startsWith("$"))return`var(--${s.slice(1)})`;if(s.startsWith("[")&&s.endsWith("]")||s.startsWith("(")&&s.endsWith(")")){const r=s.slice(1,-1).replace(/_/g," ");return r.includes("{")?n(r):r.startsWith("--")?`var(${r})`:r}return s+(e||"")}processShorthand(s="",e="",t="",n,r="",o="",i=!0){const l=this.property[s],h=/^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;let f=null,a=e||"";const p=a.match(h);p&&(f=p[1].trim(),a=p[2].trim());let c;e.includes(f+":")?c=e.startsWith("(")?`(${a})`:`[${a}]`:c=e;const u=this.processValue(c,t,s),m=this.processValue(r,o,s);if(s.startsWith("[")&&s.endsWith("]")){const d=s.slice(1,-1).split(",").map(y=>y.trim()).map(y=>{const $=this.property[y]||y;return`${typeof $=="string"&&$.startsWith("--")?String($):this.toKebabCase(String($))}: ${u}`}).join("; ");return{className:`${`[${s.slice(1,-1)}]${i?"-":""}${e}${t}`}`,cssRules:d,value:null,prefix:n}}if(l){if(typeof l=="object"&&"property"in l&&"value"in l){const d=typeof l.property=="function"?l.property({value:t?e:u,unit:t,secondValue:o?r:m,secondUnit:o,key:f}):l.property,y=l.value;let $;if(typeof y=="function")$=y({value:t?e:u,unit:t,secondValue:o?r:m,secondUnit:o,key:f,property:d});else if(y&&typeof y=="string"){const C=l.group||s,A=this.processValue(c,t,C);console.log(c),$=this.values[c]||this.values[C][c]||c.includes("{")||y.includes("{")?this.parseValuePattern(C,y,A,"",m,""):u}else $=null;return{className:`${s}${e?`${i&&i?"-":""}${e}${t}`:""}${r?`/${r}${o}`:""}`,cssRules:Array.isArray(d)||typeof d=="string"&&d.includes(":")?d:this.toKebabCase(String(d)),value:y===null?null:e.startsWith("[")?u:$,prefix:n}}const g=typeof l=="function"?l({value:t?e:u,unit:t,secondValue:o?r:m,secondUnit:o,key:f}):l;return{className:`${s}${e?(i?"-":"")+e+t:""}`,cssRules:Array.isArray(l)?g:typeof g=="string"&&g.startsWith("value:")?g.slice(6):this.toKebabCase(String(g)),value:typeof g=="string"&&g.startsWith("value:")?null:u,prefix:n}}return null}parseValuePattern(s,e,t,n,r,o){if(!e.includes("{0}")&&!e.includes("{1")&&!e.includes("||"))return e;const[i,l]=e.split("||").map(a=>a.trim()),h=this.processValue(t,n,s),f=this.processValue(r,o,s);if(e.includes("{0}")&&e.includes("{1")||e.includes("{1")){let a=i;if(t&&(a=a.replace("{0}",h)),e.includes("{1")){const p=a.match(/{1([^}]*)}/);if(e.includes("{1}"))r?a=r.startsWith("[")?f:a.replace("{1}",f):a=l;else if(p){const c=p[0],u=p[1].trim();let m=f;!m&&u.includes("|")?m=u.split("|")[1].trim():m||(m=""),a=t.startsWith("[")?h:a.replace(c,m)}}return t?a:l||i}else return t?t.startsWith("[")?h:i.replace("{0}",h):l||i}getParentClass(s){return Object.keys(this.classes).filter(e=>Object.prototype.hasOwnProperty.call(this.classes[e],s))}processCustomClass(s,e="",t="",n="",r="",o="",i=!0){if(!s)return null;const l=this.getParentClass(s);if(l.length>0){const h=l.map(p=>{const c=this.classes[p];if(!c)return"";const u=this.parseValuePattern(s,c[s]||"",e,t,r,o);return`${this.toKebabCase(String(p))}: ${u}`}).filter(Boolean).join("; "),f=s.slice(-(e+t).length),a=`${s}${e?`${i?"-":""}${e}${t}`:""}${r?`/${r}${o}`:""}`;return{className:e===f?s:a,cssRules:h,value:null,prefix:n}}return null}processAlias(s,e=""){const t=this.aliases[s];if(!t)return null;const n=t.split(" "),r=[];return n.forEach(o=>{const[i,l]=o.split(":"),h=l||i,f=l?i:void 0,a=this.parse(o),p=a||[f,h,"",""];if(!p)return;const[c,u,m,g,d,y]=p,$=this.processShorthand(u,m,g,void 0,d,y),b=this.processCustomClass(u,m,g,c,d,y);if(b){const{cssRules:C}=b;r.push(C);return}if($){const C=$.value!==null?`: ${$.value}`:"";Array.isArray($.cssRules)?$.cssRules.forEach(A=>{r.push(`${this.toKebabCase(A)}${C}`)}):r.push(`${$.cssRules}${C}`)}}),{className:s,cssRules:r.join("; "),value:null,prefix:e}}process(s){const e=Array.isArray(s)?s:s.split(/\s+/),t=[];return e.forEach(n=>{if(!n)return this;const[r,o]=n.split(":"),i=o||r,l=o?r:void 0,h=this.processAlias(i,l);if(h){const{className:A,cssRules:v}=h;t.push({className:A,cssRules:v,value:null,prefix:l});return}const f=this.parse(n),a=f||[l,i,"",""];if(!a)return this;const[p,c,u,m,g,d]=a,y=!n.includes((c||"")+(u||"")),$=this.getParentClass(`${c}${y?"-":""}${u}`).length>0?`${c}${y?"-":""}${u}`:c,b=this.processCustomClass($,u,m,p,g,d,y);if(b){const{className:A,cssRules:v,prefix:x}=b;t.push({className:A,cssRules:v,value:null,prefix:x});return}const C=this.processShorthand(c,u,m,p,g,d,y);if(C){const{className:A,cssRules:v,value:x,prefix:j}=C;t.push({className:A,cssRules:v,value:x,prefix:j})}}),t}}exports.TenoxUI=S;exports.default=S;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import type { Values, Aliases, Classes, Breakpoint, CSSPropertyOrVariable } from '@tenoxui/types'\nimport type {\n  Property,\n  Config,\n  TenoxUIConfig,\n  ProcessedStyle,\n  MediaQueryRule,\n  ClassModifier\n} from './types'\nexport * from './types'\nexport { Config, TenoxUIConfig }\nexport class TenoxUI {\n  private property: Property\n  private values: Values\n  private classes: Classes\n  private aliases: Aliases\n  private breakpoints: Breakpoint[]\n\n  constructor({\n    property = {},\n    values = {},\n    classes = {},\n    aliases = {},\n    breakpoints = []\n  }: Config = {}) {\n    this.property = property\n    this.values = values\n    this.classes = classes\n    this.aliases = aliases\n    this.breakpoints = breakpoints\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(): string {\n    const styleAttribute = this.property\n    const classRegistry = this.classes\n    const propertyTypes = Object.keys(styleAttribute)\n\n    if (!classRegistry) {\n      return propertyTypes.sort((a, b) => b.length - a.length).join('|')\n    }\n\n    const classConfigs = this.getAllClassNames(classRegistry)\n    const classPatterns = [...classConfigs]\n\n    return [...propertyTypes, ...classPatterns].sort((a, b) => b.length - a.length).join('|')\n  }\n\n  private generateClassNameRegEx(): RegExp {\n    const typePrefixes = this.getTypePrefixes()\n    return new RegExp(\n      // you dont have to understand this, me neither\n      `(?:([a-zA-Z0-9-]+|\\\\[[^\\\\]]+\\\\]|\\\\([^()]*(?:\\\\([^()]*\\\\)[^()]*)*\\\\)|\\\\{[^{}]*(?:\\\\{[^{}]*\\\\}[^{}]*)*\\\\}):)?(${typePrefixes}|\\\\[[^\\\\]]+\\\\])-(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|(?:\\\\[[^\\\\]]+\\\\])|(?:\\\\{[^{}]*(?:\\\\{[^{}]*\\\\}[^{}]*)*\\\\})|(?:\\\\([^()]*(?:\\\\([^()]*\\\\)[^()]*)*\\\\))|(?:\\\\$[^\\\\s]+))([a-zA-Z%]*)(?:\\\\/(-?(?:\\\\d+(?:\\\\.\\\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|(?:\\\\[[^\\\\]]+\\\\])|(?:\\\\{[^{}]*(?:\\\\{[^{}]*\\\\}[^{}]*)*\\\\})|(?:\\\\([^()]*(?:\\\\([^()]*\\\\)[^()]*)*\\\\))|(?:\\\\$[^\\\\s]+))([a-zA-Z%]*))?`\n    )\n  }\n  public parseClassName(className: string) {\n    for (const [_property, classObj] of Object.entries(this.classes)) {\n      if (classObj && typeof classObj === 'object' && className in classObj) {\n        return [undefined, className, '', '', undefined, undefined]\n      }\n    }\n    const classNameRegEx = this.generateClassNameRegEx()\n    const match = className.match(classNameRegEx)\n    if (!match) return null\n    const [, prefix, type, value, unit, secValue, secUnit] = match\n    return [\n      prefix, //? as its name. e.g. hover, md, focus\n      type, //? compute css properties or variables that will styled. e.g. [color]-, [--red,background]-, bg-,\n      value || '', //? parsed css value from the class name. e.g. red, space-between, 64, 100\n      unit || '', //? is optional if the value is numbers. e.g. px, rem, %\n      // same as value and unit, parsed after the '/' character\n      secValue,\n      secUnit\n    ]\n  }\n\n  private generateMediaQuery(\n    breakpoint: Breakpoint,\n    className: string,\n    rules: string\n  ): MediaQueryRule {\n    const { name, min, max } = breakpoint\n    let mediaQuery = 'screen and '\n\n    if (min !== undefined && max !== undefined) {\n      mediaQuery += `(min-width: ${min}px) and (max-width: ${max}px)`\n    } else if (min !== undefined) {\n      mediaQuery += `(min-width: ${min}px)`\n    } else if (max !== undefined) {\n      mediaQuery += `(max-width: ${max}px)`\n    }\n\n    return {\n      mediaKey: `@media ${mediaQuery}`,\n      ruleSet: `.${name}\\\\:${className} { ${rules} }`\n    }\n  }\n\n  // unique value parser\n  public processValue(type: string, value?: string, unit?: 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 val =\n          typeof this.values === 'object' && this.values !== null ? this.values[key] : undefined\n        return typeof val === 'string' ? val : match\n      })\n    }\n\n    if (\n      typeof this.values === 'object' &&\n      this.values !== null &&\n      ((this.values[type] && typeof this.values[type] === 'object' && this.values[type][value]) ||\n        this.values[value])\n    ) {\n      if (typeof this.values[type] === 'object' && this.values[type] !== null) {\n        return this.values[type][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.slice(1, -1).replace(/_/g, ' ') //? replace '_' with ' '\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  ): 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(type, finalCleanValue, unit)\n    // process second value\n    const finalSecValue = this.processValue(type, secondValue, secondUnit)\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 prop = this.property[item] || item\n          const finalProperty =\n            typeof prop === 'string' && prop.startsWith('--')\n              ? String(prop)\n              : this.toKebabCase(String(prop))\n          return `${finalProperty}: ${finalValue}`\n        })\n        .join('; ')\n\n      return {\n        className: `${`[${type.slice(1, -1)}]-${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 && 'value' in properties) {\n        const property =\n          typeof properties.property === 'function'\n            ? properties.property({\n                value: unit ? value : finalValue,\n                unit,\n                secondValue: secondUnit ? secondValue : finalSecValue,\n                secondUnit,\n                key: extractedFor\n              })\n            : properties.property\n\n        const template = properties.value\n\n        let processedValue\n\n        if (typeof template === 'function') {\n          processedValue = template({\n            value: unit ? value : finalValue,\n            unit,\n            secondValue: secondUnit ? secondValue : finalSecValue,\n            secondUnit,\n            key: extractedFor,\n            property\n          })\n        } else if (template && typeof template === 'string') {\n          processedValue = this.parseValuePattern(type, template, finalValue, '', finalSecValue, '')\n            ? this.parseValuePattern(type, template, finalValue, '', finalSecValue, '')\n            : finalValue\n        } else processedValue = null\n\n        const className = `${type}${value ? `-${value}${unit}` : ''}${\n          secondValue ? `/${secondValue}${secondUnit}` : ''\n        }`\n\n        return {\n          className: properties.classNameSuffix\n            ? ({\n                className,\n                modifier: properties.classNameSuffix\n              } as ClassModifier)\n            : (className as string),\n          cssRules: Array.isArray(property)\n            ? (property as string[])\n            : typeof property === 'string' && (property as string).includes(':')\n              ? (property as string)\n              : (this.toKebabCase(String(property)) as string),\n          value: template === null ? null : value.startsWith('[') ? finalValue : processedValue,\n          prefix\n        }\n      }\n\n      const finalRegProperty =\n        typeof properties === 'function'\n          ? properties({\n              value: unit ? value : finalValue,\n              unit,\n              secondValue: secondUnit ? secondValue : finalSecValue,\n              secondUnit,\n              key: extractedFor\n            })\n          : properties\n\n      return {\n        className: `${type}${value ? '-' + value + unit : ''}`,\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    className: 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(className, inputValue, inputUnit)\n    const finalSecValue = this.processValue(className, inputSecValue, inputSecUnit)\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  ): 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 ? `-${value}${unit}` : ''}${\n        secValue ? `/${secValue}${secUnit}` : ''\n      }`\n\n      return {\n        className: this.escapeCSSSelector(value === isValueType ? className : finalClassName),\n        cssRules: rules,\n        value: null,\n        prefix\n      }\n    }\n\n    return null\n  }\n\n  public processAlias(className: string, prefix: string = ''): ProcessedStyle | null {\n    const alias = this.aliases[className]\n\n    if (!alias) return null\n\n    const aliasClasses = alias.split(' ')\n    const combinedRules: string[] = []\n\n    aliasClasses.forEach((aliasClass) => {\n      const [rprefix, rtype] = aliasClass.split(':')\n      const getType = rtype || rprefix\n      const getPrefix = rtype ? rprefix : undefined\n      const parts = this.parseClassName(aliasClass)\n      const parsed = parts ? parts : [getPrefix, getType, '', '']\n      if (!parsed) return\n\n      const [prefix, type, value, unit, secValue, secUnit] = parsed\n      const result = this.processShorthand(type, value!, unit, undefined, secValue, secUnit)\n\n      const shouldClasses = this.processCustomClass(type, value, unit, prefix, secValue, secUnit)\n      if (shouldClasses) {\n        const { cssRules } = shouldClasses\n        combinedRules.push(cssRules as string)\n\n        return\n      }\n\n      if (result) {\n        const value = result.value !== null ? `: ${result.value}` : ''\n        if (Array.isArray(result.cssRules)) {\n          result.cssRules.forEach((rule) => {\n            combinedRules.push(`${this.toKebabCase(rule)}${value}`)\n          })\n        } else {\n          combinedRules.push(`${result.cssRules}${value}`)\n        }\n      }\n    })\n\n    return {\n      className,\n      cssRules: combinedRules.join('; '),\n      value: null,\n      prefix\n    }\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      const breakpoint = this.breakpoints.find((bp) => bp.name === getPrefix)\n\n      // process class name aliases\n      const aliasResult = this.processAlias(getType, getPrefix)\n      if (aliasResult) {\n        const { className: aliasClassName, cssRules } = aliasResult\n        if (breakpoint) {\n          const { mediaKey, ruleSet } = this.generateMediaQuery(\n            breakpoint,\n            aliasClassName as string,\n            cssRules as string\n          )\n\n          results.push({\n            className: mediaKey,\n            cssRules: ruleSet,\n            value: null,\n            prefix: null\n          })\n        } else {\n          results.push({\n            className: aliasClassName,\n            cssRules,\n            value: null,\n            prefix: getPrefix\n          })\n        }\n\n        return\n      }\n\n      const parts = this.parseClassName(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 classFromClasses =\n        this.getParentClass(`${type}-${value}`).length > 0 ? `${type}-${value}` : type\n\n      const shouldClasses = this.processCustomClass(\n        classFromClasses,\n        value,\n        unit,\n        prefix,\n        secValue,\n        secUnit\n      )\n\n      if (shouldClasses) {\n        const { className, cssRules, prefix } = shouldClasses\n        if (breakpoint) {\n          const { mediaKey, ruleSet } = this.generateMediaQuery(\n            breakpoint,\n            className as string,\n            cssRules as string\n          )\n\n          results.push({\n            className: mediaKey,\n            cssRules: ruleSet,\n            value: null,\n            prefix: null\n          })\n        } else {\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)\n\n      if (result) {\n        const { className, cssRules, value: ruleValue, prefix: rulePrefix } = result\n        const processedClass =\n          typeof className === 'string'\n            ? this.escapeCSSSelector(className)\n            : this.escapeCSSSelector(className.className) + className.modifier\n\n        if (breakpoint) {\n          const rules = Array.isArray(cssRules)\n            ? cssRules.map((rule) => `${this.toKebabCase(rule)}: ${ruleValue}`).join('; ')\n            : `${cssRules}${ruleValue !== null ? `: ${ruleValue}` : ''}`\n          const { mediaKey, ruleSet } = this.generateMediaQuery(breakpoint, processedClass, rules)\n\n          results.push({\n            className: mediaKey,\n            cssRules: ruleSet,\n            value: null,\n            prefix: null\n          })\n        } else {\n          results.push({\n            className: processedClass,\n            cssRules,\n            value: ruleValue,\n            prefix: rulePrefix\n          })\n        }\n      }\n    })\n\n    return results\n  }\n}\n\nexport default TenoxUI\n"],"names":["TenoxUI","property","values","classes","aliases","breakpoints","str","match","prefix","letter","classRegistry","classNames","classObj","className","styleAttribute","propertyTypes","a","b","classPatterns","typePrefixes","_property","classNameRegEx","type","value","unit","secValue","secUnit","breakpoint","rules","name","min","max","mediaQuery","replaceWithValueRegistry","text","key","val","cleanValue","secondValue","secondUnit","properties","pattern","extractedFor","matchValue","finalCleanValue","finalValue","finalSecValue","cssRules","item","prop","template","processedValue","finalRegProperty","inputValue","inputUnit","inputSecValue","inputSecUnit","defaultValue","s","computedValue","fullMatch","innerContent","replacementValue","cssProperty","isValueType","finalClassName","alias","aliasClasses","combinedRules","aliasClass","rprefix","rtype","getType","getPrefix","parts","parsed","result","shouldClasses","rule","classList","results","bp","aliasResult","aliasClassName","mediaKey","ruleSet","classFromClasses","ruleValue","rulePrefix","processedClass"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import type {\n  Values,\n  Aliases,\n  Classes,\n  CSSPropertyOrVariable,\n  GetCSSProperty\n} 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 aliases: Aliases\n\n  constructor({ property = {}, values = {}, classes = {}, aliases = {} }: 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.aliases = aliases\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).join('|')\n    }\n\n    const classConfigs = this.getAllClassNames(classRegistry)\n    const classPatterns = [...classConfigs]\n\n    return [...propertyTypes, ...classPatterns, ...safelist]\n      .sort((a, b) => b.length - a.length)\n      .join('|')\n  }\n\n  private generateClassNameRegEx(safelist?: string[]): RegExp {\n    const typePrefixes = this.getTypePrefixes(safelist)\n\n    // Common pattern for handling complex nested structures\n    const nestedBracketPattern = '\\\\[[^\\\\]]+\\\\]'\n    const nestedParenPattern = '\\\\([^()]*(?:\\\\([^()]*\\\\)[^()]*)*\\\\)'\n    const nestedBracePattern = '\\\\{[^{}]*(?:\\\\{[^{}]*\\\\}[^{}]*)*\\\\}'\n\n    // 1. Prefix pattern - now allows for complex structures like nth-[...]\n    const prefixPattern =\n      '(?:(' +\n      // Simple prefix (hover, md, focus, etc.)\n      '[a-zA-Z0-9_-]+|' +\n      // Prefix with nested structures like nth-[...]\n      '[a-zA-Z0-9_-]+(?:-' +\n      nestedBracketPattern +\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 = '(?:-)?'\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 === 'dummy' ? '' : value.replace('-dummy', '')\n\n    return [prefix, type, finalValue, unit || '', secValue, 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.slice(1, -1).replace(/_/g, ' ') //? replace '_' with ' '\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 prop = this.property[item] || item\n          const finalProperty =\n            typeof prop === 'string' && prop.startsWith('--')\n              ? String(prop)\n              : this.toKebabCase(String(prop))\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 && 'value' in properties) {\n        const property =\n          typeof properties.property === 'function'\n            ? properties.property({\n                value: unit ? value : finalValue,\n                unit,\n                secondValue: secondUnit ? secondValue : finalSecValue,\n                secondUnit,\n                key: extractedFor\n              })\n            : properties.property\n\n        const template = properties.value\n\n        let processedValue\n\n        if (typeof template === 'function') {\n          processedValue = template({\n            value: unit ? value : finalValue,\n            unit,\n            secondValue: secondUnit ? secondValue : finalSecValue,\n            secondUnit,\n            key: extractedFor,\n            property\n          })\n        } else if (template && typeof template === 'string') {\n          const valuesGroup = properties.group || type\n          const newValue = this.processValue(finalCleanValue, unit, valuesGroup)\n          console.log(finalCleanValue)\n          processedValue =\n            this.values[finalCleanValue] ||\n            (this.values[valuesGroup] as { [value: string]: string })[finalCleanValue] ||\n            finalCleanValue.includes('{') ||\n            template.includes('{')\n              ? this.parseValuePattern(valuesGroup, template, newValue, '', finalSecValue, '')\n              : finalValue\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' && (property as string).includes(':')\n              ? (property as string)\n              : (this.toKebabCase(String(property)) as string),\n          value: template === null ? null : value.startsWith('[') ? finalValue : processedValue,\n          prefix\n        }\n      }\n\n      const finalRegProperty =\n        typeof properties === 'function'\n          ? properties({\n              value: unit ? value : finalValue,\n              unit,\n              secondValue: secondUnit ? secondValue : finalSecValue,\n              secondUnit,\n              key: extractedFor\n            })\n          : properties\n\n      return {\n        className: `${type}${value ? (isHyphen ? '-' : '') + value + unit : ''}`,\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 processAlias(className: string, prefix: string = ''): ProcessedStyle | null {\n    const alias = this.aliases[className]\n\n    if (!alias) return null\n\n    const aliasClasses = alias.split(' ')\n    const combinedRules: string[] = []\n\n    aliasClasses.forEach((aliasClass) => {\n      const [rprefix, rtype] = aliasClass.split(':')\n      const getType = rtype || rprefix\n      const getPrefix = rtype ? rprefix : undefined\n      const parts = this.parse(aliasClass)\n      const parsed = parts ? parts : [getPrefix, getType, '', '']\n      if (!parsed) return\n\n      const [prefix, type, value, unit, secValue, secUnit] = parsed\n      const result = this.processShorthand(type, value!, unit, undefined, secValue, secUnit)\n\n      const shouldClasses = this.processCustomClass(type, value, unit, prefix, secValue, secUnit)\n      if (shouldClasses) {\n        const { cssRules } = shouldClasses\n        combinedRules.push(cssRules as string)\n\n        return\n      }\n\n      if (result) {\n        const value = result.value !== null ? `: ${result.value}` : ''\n        if (Array.isArray(result.cssRules)) {\n          result.cssRules.forEach((rule) => {\n            combinedRules.push(`${this.toKebabCase(rule)}${value}`)\n          })\n        } else {\n          combinedRules.push(`${result.cssRules}${value}`)\n        }\n      }\n    })\n\n    return {\n      className,\n      cssRules: combinedRules.join('; '),\n      value: null,\n      prefix\n    }\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      // process class name aliases\n      const aliasResult = this.processAlias(getType, getPrefix)\n      if (aliasResult) {\n        const { className: aliasClassName, cssRules } = aliasResult\n\n        results.push({\n          className: aliasClassName,\n          cssRules,\n          value: null,\n          prefix: getPrefix\n        })\n\n        return\n      }\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","aliases","__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","group","replaceWithValueRegistry","text","valueRegistry","val","cleanValue","secondValue","secondUnit","isHyphen","properties","pattern","extractedFor","matchValue","finalCleanValue","finalSecValue","cssRules","item","prop","template","processedValue","valuesGroup","newValue","finalRegProperty","inputValue","inputUnit","inputSecValue","inputSecUnit","defaultValue","s","computedValue","fullMatch","innerContent","replacementValue","cssProperty","rules","isValueType","finalClassName","alias","aliasClasses","combinedRules","aliasClass","rprefix","rtype","getType","getPrefix","parts","parsed","result","shouldClasses","rule","classList","results","aliasResult","aliasClassName","classFromClasses","ruleValue","rulePrefix"],"mappings":"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"}