{"_id":"xcss-core","_rev":"27-89ac1263c4df890de464ea45a86ba8ee","name":"xcss-core","dist-tags":{"latest":"0.1.7"},"versions":{"0.0.1":{"name":"xcss-core","version":"0.0.1","keywords":["css","xcss","styles"],"author":{"name":"Yshell.dev"},"license":"SEE LICENSE IN LICENSE.md","_id":"xcss-core@0.0.1","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"http://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-core/issues"},"bin":{"xcss":"execute.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"7ad55df0acf341b0bea05ab3cd28d61304204be3","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.0.1.tgz","fileCount":29,"integrity":"sha512-ttVN8nNYP+vigp7ylqZoCP0HRL5kt6rovhUIGCP6U8gSap9x/zccXAhRgQoiJcEIRwFlShR6oizpSl6Gs1RsaQ==","signatures":[{"sig":"MEUCIQCQpRgGk5dnBGyWQHtEM2dO+Lcm7F2mh5OAMBLq55/yFwIgCLT/fr59m0K59VxyujFTzOE2/yhkmHjO9sAgkvcs4Zk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":78595},"main":"execute.js","type":"module","types":"./execute.d.ts","gitHead":"603a7ffe174bdeffbdff00c37d71f9b793363fa9","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && source","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","install":"chmod +x ./execute.js && ./execute.js"},"_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-core.git","type":"git"},"_npmVersion":"10.8.2","description":"New way of CSS.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.0.1_1761474041256_0.9892291249951966","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.2":{"name":"xcss-core","version":"0.0.2","keywords":["css","xcss","styles"],"author":{"name":"Yshell.dev"},"license":"SEE LICENSE IN LICENSE.md","_id":"xcss-core@0.0.2","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"http://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-core/issues"},"bin":{"xcss":"execute.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"a3e4275592c69bf838cfda011d09e08db9e0677d","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.0.2.tgz","fileCount":29,"integrity":"sha512-XGOio/YP26I9klBbtrt7cW4XlB8tzHA38RIr6k5oKufBYrrZtcTnDHMaYmmLj5Z/SeFy38tl2N22tsx6Gq7xZg==","signatures":[{"sig":"MEYCIQCaDrTmX/cPoyomxvDi21knlzrddwhs5zYUy1fu+SdDKwIhAJeNKolQb+1PqvUbyryuK6X8pgbwG7lsL3Othbp1zd0a","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79719},"main":"execute.js","type":"module","types":"./execute.d.ts","gitHead":"037d42099d0e371d67c815f2624b30fe9b020851","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","install":"chmod +x ./execute.js && ./execute.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-core.git","type":"git"},"_npmVersion":"10.8.2","description":"New way of CSS.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.0.2_1762508176232_0.49273429302680083","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.3":{"name":"xcss-core","version":"0.0.3","keywords":["css","xcss","styles"],"author":{"name":"Yshell.dev"},"license":"SEE LICENSE IN LICENSE.md","_id":"xcss-core@0.0.3","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"http://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-core/issues"},"bin":{"xcss":"execute.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"8a4ef4bb2b6577ca2f0f84c7fedf6daeda3ebd9d","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.0.3.tgz","fileCount":29,"integrity":"sha512-6Xn18iWWxxtRT1dZfvv0mHh9p3GTzKnwqW4CHEcaz0M9ZAWgbRbFBGfpGtEX8x86VtYOUkBn4fIIYItrhZGjtA==","signatures":[{"sig":"MEUCIG/aX5hHmX50a8KHLIJGJJ31t/MmanRkcFOsnQZRevTTAiEA0bFdz1/ErpKmg/ijIIIhBArmmAf5r1ZdY6/Dy7FDKKQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79822},"main":"execute.js","type":"module","types":"./execute.d.ts","gitHead":"f087740b99b738f5a82fa25434cb60b1aa6d6763","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","install":"chmod +x ./execute.js && ./execute.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-core.git","type":"git"},"_npmVersion":"10.8.2","description":"New way of CSS.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.0.3_1762516367466_0.09302663115459486","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.4":{"name":"xcss-core","version":"0.0.4","keywords":["css","xcss","styles"],"author":{"name":"Yshell.dev"},"license":"SEE LICENSE IN LICENSE.md","_id":"xcss-core@0.0.4","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"http://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-core/issues"},"bin":{"xcss":"execute.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"72dabbc141cfdba3e5fbe96eb1cbaaec1f212c6c","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.0.4.tgz","fileCount":29,"integrity":"sha512-cdaUYsv4AltckVLHubr7e+g9gc1jydeXqQP+8Y2sp3/m3O+bncrEPhPXoQhg4iLUd0p0vzIeVVdrMDUyXkY//Q==","signatures":[{"sig":"MEUCIGVkjpEmHurmCggYJOWCKhB38RHA8jbRK2d/HtklpOCAAiEAtunzhzT7glaijVU15ogpapyDFR2aUdXKpCa+CaKqm6w=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79822},"main":"execute.js","type":"module","types":"./execute.d.ts","gitHead":"8102091450f0f5ae69bb4e2141fa13f0c497fe85","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","install":"chmod +x ./execute.js && ./execute.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-core.git","type":"git"},"_npmVersion":"10.8.2","description":"New way of CSS.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.0.4_1762786253056_0.7518176701856665","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.5":{"name":"xcss-core","version":"0.0.5","keywords":["css","xcss","styles"],"author":{"name":"Yshell.dev"},"license":"SEE LICENSE IN LICENSE.md","_id":"xcss-core@0.0.5","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"http://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-package/issues"},"bin":{"xcss":"execute.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"7905f2dab9f8e0b217026eabbb8507c0e9da9002","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.0.5.tgz","fileCount":30,"integrity":"sha512-bHhuCVWGnjDWsyECXQ8kxlZqQg98busOFindF5qNqEjDKbVxC2EvXEP5yNpjd6uh79cWkEo2lkLDP6tgIr+Tig==","signatures":[{"sig":"MEUCIQC2E3P03FzA0HN/1beBY9Na1xnSTu+4t5r1yT+5kqeLFgIge3kLy31qNDxd6i5iAz3qcgvurDesvEdFbEgahzuhKbs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":84009},"main":"execute.js","type":"module","types":"./execute.d.ts","funding":{"url":"https://github.com/sponsors/yshell-dev","type":"github"},"gitHead":"269104697ce96b876bb94feeb6624db7f12f39d2","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","install":"chmod +x ./execute.js && ./execute.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-package.git","type":"git"},"_npmVersion":"10.8.2","description":"The way of Semantic CSS.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.0.5_1763489306438_0.6919565879984317","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.6":{"name":"xcss-core","version":"0.0.6","keywords":["css","xcss","styles"],"author":{"name":"Yshell.dev"},"license":"SEE LICENSE IN LICENSE.md","_id":"xcss-core@0.0.6","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"http://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-package/issues"},"bin":{"xcss":"execute.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"278b59b7c7c9664e5c9702d1dc3061e55ccb14f9","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.0.6.tgz","fileCount":29,"integrity":"sha512-h7dCYurdhPBHdyhFTaAUqvXjHBJWfDvMJnywTXKYFe7VPbkcIlpzow2v9R0wfkstlM31fPRjxM4wd2FW341eNg==","signatures":[{"sig":"MEYCIQDKi08gf+b2ZjT5hkz+K+dHUiRkYcm9ptOgoMkgNSRTBAIhAN563GtYzZNhoCDL4+57mOH8M812oor4EFClVUKCNZk+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":117531},"main":"execute.js","type":"module","types":"./execute.d.ts","funding":{"url":"https://github.com/sponsors/yshell-dev","type":"github"},"gitHead":"4a7cb5cf1264941d7be558735b4e22999763d3c5","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","install":"chmod +x ./execute.js && ./execute.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-package.git","type":"git"},"_npmVersion":"10.8.2","description":"The way of Semantic CSS.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.0.6_1763516161849_0.7073202412104602","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.7":{"name":"xcss-core","version":"0.0.7","keywords":["css","xcss","styles"],"author":{"name":"Yshell.dev"},"license":"SEE LICENSE IN LICENSE.md","_id":"xcss-core@0.0.7","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"http://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-package/issues"},"bin":{"xcss":"execute.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"178375e1c20ee1a8b5058aa8a96c13bdbb51e238","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.0.7.tgz","fileCount":29,"integrity":"sha512-i9ca4h9vOzTxwldmWMERbjdAj/Ovgcd0nsq6l04cQ56rsGZ6Jyy0b3NCPlKac8Q+LNpq681ID/e8j4PeXHbs6w==","signatures":[{"sig":"MEUCIDJ81hBi+WgGvLaKmwHdjR/5EdplA2DiXtMh1lvFLKn3AiEA2CVh7UALxJvLXo7NF2qFg7+ekfCJ2Xl1n0FVspKvWjk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118179},"main":"execute.js","type":"module","types":"./execute.d.ts","funding":{"url":"https://github.com/sponsors/yshell-dev","type":"github"},"gitHead":"47727bdabad89f679986ce0663c771afa779e2cd","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","install":"chmod +x ./execute.js && ./execute.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-package.git","type":"git"},"_npmVersion":"10.8.2","description":"The way of Semantic CSS.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.0.7_1763712951742_0.4475577817513021","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.8":{"name":"xcss-core","version":"0.0.8","keywords":["css","xcss","styles","semantic","frontend","design","framework"],"author":{"url":"https://www.yshell.dev","name":"Vyshnav Prasad"},"license":"MIT","_id":"xcss-core@0.0.8","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"https://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-package/issues"},"bin":{"xcss":"package.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"d31a56e9fe7c4d4d57e618d9318c443f4e787b14","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.0.8.tgz","fileCount":33,"integrity":"sha512-ug8rrnQytmLR9nuqGaiF5KHLvhQG4d9DrbiyLbfn7UGwOVP7c468DzXdfH1zU8ZjGQN/SYOFvmaxHVaEZYHSyw==","signatures":[{"sig":"MEQCID6ME5tZm6mGDM7Sz+fSAAuuCPLprHHY8m/vkQT8pNIpAiALnC0pLp71zI0By7bnL8+UcPxsMil1hVLY6l++PD+u5Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":160142},"main":"package.js","type":"module","engines":{"node":">=14.0.0"},"exports":"./package.js","funding":{"url":"https://github.com/sponsors/yshell-dev","type":"github"},"gitHead":"176178b00a4ccd92b291ab185a1f2198beeb984f","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","install":"chmod +x ./package.js && ./package.js","package":"node package.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"typings":"package.d.ts","_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-package.git","type":"git"},"_npmVersion":"10.8.2","description":"A powerful CSS kernel for building customized, scalable, and high-performance frontend frameworks. Seamlessly blend the raw potential of CSS with the ease of pre-made utilities, managed by a core orchestrator that optimizes HTML and JavaScript performance","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.0.8_1764017751215_0.899400986442372","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.9":{"name":"xcss-core","version":"0.0.9","keywords":["css","xcss","styles","semantic","frontend","design","framework"],"author":{"url":"https://www.yshell.dev","name":"Vyshnav Prasad"},"license":"MIT","_id":"xcss-core@0.0.9","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"https://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-package/issues"},"bin":{"xcss":"package.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"e69e3ae49ec6e8565d9d146b9127c31692922bd1","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.0.9.tgz","fileCount":34,"integrity":"sha512-y4sAWSOoPpkXkt258LxtgfHjjVr0qBtcGZjvACXXe29d8CB00Jg8m0kLouefr4mLGCmrZ2Ci8zu/gLRY3kV9/g==","signatures":[{"sig":"MEUCIEFgO/PyqnTLz8hfAwK6/W08MF6Vgwo9XOIcTYsr2ThZAiEAydfCD5tgV2aH0fgLcSy8OznM+J2t/Q1GOvWEsxQsl+8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":166507},"main":"package.js","type":"module","engines":{"node":">=14.0.0"},"exports":"./package.js","funding":{"url":"https://github.com/sponsors/yshell-dev","type":"github"},"gitHead":"cd1e3a3d7e13103b52274416c6ab57165889f9bc","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","install":"chmod +x ./package.js && ./package.js","package":"node package.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"typings":"package.d.ts","_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-package.git","type":"git"},"_npmVersion":"10.8.2","description":"A powerful CSS kernel for building customized, scalable, and high-performance frontend frameworks. Seamlessly blend the raw potential of CSS with the ease of pre-made utilities, managed by a core orchestrator that optimizes HTML and JavaScript performance","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.0.9_1764018214876_0.934628395103074","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.1.4":{"name":"xcss-core","version":"0.1.4","keywords":["css","xcss","styles","semantic","frontend","design","framework"],"author":{"url":"https://www.yshell.dev","name":"Vyshnav Prasad"},"license":"MIT","_id":"xcss-core@0.1.4","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"https://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-package/issues"},"bin":{"xcss":"package.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"f74a9e2042784a01c8188c9274c7834690da2769","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.1.4.tgz","fileCount":26,"integrity":"sha512-cs2627UmC5ik96hFq8byP8+RUeFYVA4L4dro6KQwio1xTnzepgvnMoejMmBOy8g/aI9cA8As4lkjyrlrsnGhIQ==","signatures":[{"sig":"MEQCIBl+nVkcRMsJq5QhsGEtintYyCONAZx0sFMaorXOSvK0AiAUZPtRkQWNgBGiqBFboBLeb3fpRF7Q0t1GmWjHicy0jQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":122406},"main":"package.js","type":"module","engines":{"node":">=14.0.0"},"exports":"./package.js","funding":{"url":"https://github.com/sponsors/yshell-dev","type":"github"},"gitHead":"da2fec36e3e00fcfd635ef6ccb5c3f26ad4141d8","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","bundle":"node package.js && npm pack --dry-run","install":"chmod +x ./package.js && ./package.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"typings":"package.d.ts","_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-package.git","type":"git"},"_npmVersion":"10.8.2","description":"A powerful CSS kernel for building customized, scalable, and high-performance frontend frameworks. Seamlessly blend the raw potential of CSS with the ease of pre-made utilities, managed by a core orchestrator that optimizes HTML and JavaScript performance","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.1.4_1764041352515_0.4906407001075255","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.1.5":{"name":"xcss-core","version":"0.1.5","keywords":["css","xcss","styles","semantic","frontend","design","framework"],"author":{"url":"https://www.yshell.dev","name":"Vyshnav Prasad"},"license":"MIT","_id":"xcss-core@0.1.5","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"https://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-package/issues"},"bin":{"xcss":"package.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"357e62a999e3eaf3e72230375a34653487c04166","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.1.5.tgz","fileCount":26,"integrity":"sha512-E7Ps4d8UMQD5jxrRB7YWIGeRovYfjrDwDUT510+PBhgsqU4PUvGzKnvNLngjB9nRmWZZn46kTy+UX36ilPP01A==","signatures":[{"sig":"MEUCIQCyRy4jG8ciz6shIoH7PLIce+SgYIJR95//T3qYq81vuQIgZV2mTy14enk4PTPjv/Kah25WjID0d/EysvgGYRhIJIU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":122951},"main":"package.js","type":"module","engines":{"node":">=14.0.0"},"exports":"./package.js","funding":{"url":"https://github.com/sponsors/yshell-dev","type":"github"},"gitHead":"b616788b0903e3627df097962ee337b35a7ec890","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","bundle":"node package.js && npm pack --dry-run","install":"chmod +x ./package.js && ./package.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"typings":"package.d.ts","_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-package.git","type":"git"},"_npmVersion":"10.8.2","description":"A powerful CSS kernel for building customized, scalable, and high-performance frontend frameworks. Seamlessly blend the raw potential of CSS with the ease of pre-made utilities, managed by a core orchestrator that optimizes HTML and JavaScript performance","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.1.5_1764053673559_0.3605478643820217","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.1.6":{"name":"xcss-core","version":"0.1.6","keywords":["css","xcss","styles","semantic","frontend","design","framework"],"author":{"url":"https://www.yshell.dev","name":"Vyshnav Prasad"},"license":"MIT","_id":"xcss-core@0.1.6","maintainers":[{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"}],"homepage":"https://www.xcss.io","bugs":{"url":"https://github.com/yshell-dev/xcss-package/issues"},"bin":{"xcss":"package.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"33bd48cd60d399352480ebc15a5cbaab826603f8","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.1.6.tgz","fileCount":26,"integrity":"sha512-O3ed5O09zp8wTiLrxTGiIMEWDHDYUQOj0A9BU9zQGaSNj1JuwOs7wjwN82V+9vuODbXfE0VZ3SYjA2ozUQvFyA==","signatures":[{"sig":"MEQCHzARN3XfGmhND9oNe3JIIHl83/3nBfoCfsE6x+ZhAvACIQCs5LmfNW7fVq4cpHTpdynVpKzsf5/Bj50aPpfFaWMG+A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":122959},"main":"package.js","type":"module","engines":{"node":">=14.0.0"},"exports":"./package.js","funding":{"url":"https://github.com/sponsors/yshell-dev","type":"github"},"gitHead":"d3a023d371b92d6e47eb9d9cb64b7a4b9504e927","scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","bundle":"node package.js && npm pack --dry-run","install":"chmod +x ./package.js && ./package.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"typings":"package.d.ts","_npmUser":{"name":"yshell-dev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshell-dev/xcss-package.git","type":"git"},"_npmVersion":"10.8.2","description":"A powerful CSS kernel for building customized, scalable, and high-performance frontend frameworks. Seamlessly blend the raw potential of CSS with the ease of pre-made utilities, managed by a core orchestrator that optimizes HTML and JavaScript performance","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.1.6_1764162335970_0.8247944291511653","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.1.7":{"name":"xcss-core","version":"0.1.7","keywords":["css","xcss","styles","semantic","frontend","design","framework"],"author":{"url":"https://www.yshell.dev","name":"Vyshnav Prasad"},"license":"MIT","_id":"xcss-core@0.1.7","maintainers":[{"name":"yshelldev","email":"vyshnav.prasad@outlook.com"}],"homepage":"https://www.xcss.io","bugs":{"url":"https://github.com/yshelldev/xcss-package/issues"},"bin":{"xcss":"package.js","xdev":"source/scripts/live.sh"},"dist":{"shasum":"619c7f1611d356248aec374cf0da1568526e4f68","tarball":"https://registry.npmjs.org/xcss-core/-/xcss-core-0.1.7.tgz","fileCount":29,"integrity":"sha512-k6kN+KGapf2Wg3QvYXJ5kqqKO332Fchx9vuSEoFWsSJRcAXLccCZmGTOzy8zDUEqaBQXtzBp2Ds5AlYXhT3vFg==","signatures":[{"sig":"MEUCIQC4dEfW1aejjbOZDgEDLIspeTs3WCojB5BW/3XCMVHoGwIgTgFgoYvwYf9/nfar0GHufUm90srMa4eS5J+/iMn9GJg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":139579},"main":"package.js","type":"module","engines":{"node":">=14.0.0"},"exports":"./package.js","funding":{"url":"https://github.com/sponsors/yshelldev","type":"github"},"scripts":{"lint":"cd source && golangci-lint run && cd ..","build":"cd source && chmod +x ./scripts/build.sh && ./scripts/build.sh && cd ..","stats":"chmod +x ./source/scripts/stats.sh && ./source/scripts/stats.sh source","bundle":"node package.js && npm pack --dry-run","install":"chmod +x ./package.js && ./package.js","profile":"go install github.com/moderato-app/live-pprof@latest && live-pprof"},"typings":"package.d.ts","_npmUser":{"name":"yshelldev","email":"vyshnav.prasad@outlook.com"},"repository":{"url":"git+https://github.com/yshelldev/xcss-package.git","type":"git"},"_npmVersion":"10.9.4","description":"A powerful CSS kernel for building customized, scalable, and high-performance frontend frameworks. Seamlessly blend the raw potential of CSS with the ease of pre-made utilities, managed by a core orchestrator that optimizes HTML and JavaScript performance","directories":{},"_nodeVersion":"22.21.1","contributing":"https://github.com/yshelldev/xcss-package/blob/main/CONTRIBUTING.md","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/xcss-core_0.1.7_1764211480162_0.22992757903580485","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2025-10-26T10:20:40.979Z","modified":"2025-11-27T13:39:18.529Z","0.0.0":"2025-10-23T14:27:52.147Z","0.0.1":"2025-10-26T10:20:41.458Z","0.0.2":"2025-11-07T09:36:16.439Z","0.0.3":"2025-11-07T11:52:47.644Z","0.0.4":"2025-11-10T14:50:53.262Z","0.0.5":"2025-11-18T18:08:26.625Z","0.0.6":"2025-11-19T01:36:02.129Z","0.0.7":"2025-11-21T08:15:51.927Z","0.0.8":"2025-11-24T20:55:51.410Z","0.0.9":"2025-11-24T21:03:35.083Z","0.1.0":"2025-11-25T01:38:02.957Z","0.1.1":"2025-11-25T02:57:28.422Z","0.1.2":"2025-11-25T03:13:25.356Z","0.1.3":"2025-11-25T03:20:47.138Z","0.1.4":"2025-11-25T03:29:12.724Z","0.1.5":"2025-11-25T06:54:33.742Z","0.1.6":"2025-11-26T13:05:36.156Z","0.1.7":"2025-11-27T02:44:40.348Z"},"bugs":{"url":"https://github.com/yshelldev/xcss-package/issues"},"author":{"url":"https://www.yshell.dev","name":"Vyshnav Prasad"},"license":"MIT","homepage":"https://www.xcss.io","keywords":["css","xcss","styles","semantic","frontend","design","framework"],"repository":{"url":"git+https://github.com/yshelldev/xcss-package.git","type":"git"},"description":"A powerful CSS kernel for building customized, scalable, and high-performance frontend frameworks. Seamlessly blend the raw potential of CSS with the ease of pre-made utilities, managed by a core orchestrator that optimizes HTML and JavaScript performance","maintainers":[{"name":"yshelldev","email":"vyshnav.prasad@outlook.com"}],"readme":"# XCSS Package\n\n## Chapters\n\n1. [Documentation](#Documentation)\n2. [Customize Flavour](#Flavourize)\n\n---\n\n# Documentation\n\n## End-User License Agreement (EULA)\n\nBy using this software, you agree to the terms and conditions outlined in the [End-User License Agreement](./EULA.md).\nFor details, please read the full EULA document provided in this repository.\n\n---\n\n## What is XCSS?\n\n![Preview](https://github.com/yshelldev/xcss-vscode/raw/HEAD/preview.png)\n\nXCSS is a constraint-driven CSS build-time kernel designed to be the foundational engine for building custom CSS frameworks. Rather than being a traditional CSS framework loaded with predefined classes, XCSS provides a powerful structural abstraction that preserves the full flexibility of vanilla CSS while adding native dependency management and modular composition. It works seamlessly across any text-based environment, is framework agnostic, and integrates effortlessly with existing design systems and token libraries.\n\nBy focusing on modular style blocks, logical constraint-based syntax, and automatic cascading and dependency resolution, XCSS empowers teams to build maintainable, predictable, and optimized stylesheets tailored precisely to their project needs.\n\n## Why Use XCSS?\n\nXCSS strikes a careful balance between raw flexibility and developer experience without sacrificing either. It:\n\n- Enables fully customizable framework creation with minimal initial setup, reducing context switching between CSS and HTML.\n- Resolves style dependencies and cascading order natively at build time, minimizing manual overrides and conflicts.\n- Supports reusable modular blocks that grow with your application, eliminating brittle selectors and tangled overrides.\n- Delivers production-ready optimized builds with debloated, dependency-aware styles for faster and cleaner deployment.\n- Acts as a robust kernel platform, giving you complete control and transparency while providing structural best practices and optimization out of the box.\n\nIn short, XCSS is the essential, extensible core upon which efficient, scalable, and maintainable CSS frameworks can be built—offering the power and performance that modern design systems and large-scale projects demand.\n\n## Sections\n\n0. [Installation](http://www.xcss.io/documentation/0-installation)\n1. [Command Line](http://www.xcss.io/documentation/1-command)\n2. [Example Preview](http://www.xcss.io/documentation/2-example)\n3. [Directory](http://www.xcss.io/documentation/3-directory)\n4. [Composing Libraries](http://www.xcss.io/documentation/4-libraries)\n5. [Operators](http://www.xcss.io/documentation/5-operators)\n6. [Inline Composition](http://www.xcss.io/documentation/6-composing)\n7. [Custom HTML Tags](http://www.xcss.io/documentation/7-custom-tags)\n8. [Appendix](http://www.xcss.io/documentation/8-appendix)\n\n# 0. Installation\n\nFor using XCSS in non-JavaScript based codebases, install XCSS globally. After that, the usage remains the same as in other environments.\n\n## Using NPM\n\n### Global Installation\n\nInstall XCSS Core globally with:\n\n```bash\nnpm install -g xcss-core\n```\n\nRun XCSS commands directly:\n\n```bash\nxcss {command}\n```\n\n### Local Installation\n\nInstall XCSS Core as a development dependency locally:\n\n```bash\nnpm install --save-dev xcss-core\n```\n\nRun XCSS commands locally using npm scripts:\n\n```bash\nnpx xcss {command}\n```\n# 1. Command Line\n\n### `init` : Initialize and Healthcheck\n\n- Sets up the project by importing the configuration folder, and makes necessary changes to `configure.jsonc`.\n- If run inside an already initialized directory, it will create the necessary sub-folders as defined.\n\n### `debug` : Compiles with full verbosity and traceability\n\n- Verbose output\n- Traceable class-names and properties.\n- Larger output size\n- Use `debug -w` for live compilation with identical output.\n\n### `preview` : Optimized compilation for lightweight builds:\n\n- Hashed class-names (≥ 3 characters)\n- Minified CSS.\n- Partial dependency resolution\n- Optimized for minimal class footprint\n- Use `preview -w` for live compilation.\n\n## Developer Commands\n\n### `server` : Starts language server\n\n- Helps in active language assistance in editors.\n- Start server, use `help` for available command list.\n- Used by extension developers.\n\n## Experimental Commands\n\n### `iamai` : Communication bridge for AI Agents\n\n- Helps in context aware styling by AI Agnets.\n- This command is a combination of `preview` and `server` commands.\n# 2. Example Demo\n\n## Input\n\n- The following is fragmented preview of input to output compilation.\n\n```html\n<!doctype html>\n<html lang=\"en\">\n\n<head>\n  <meta charset=\"utf-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n  <!-- style -->\n</head>\n```\n- `<!-- style -->`, a reserved comment tag, which will be replaced by compiled stylesheet.\n\n```html\n\n<body \ndata-sveltekit-preload-data=\"hover\" \nclass=\"=bg$pattern-checkerboard =$custom-pattern\" \n_$custom-pattern=\"\n  --pattern-checker-bg1: #456734;\n  --pattern-checker-bg2: #2bb43d;\n  --pattern-checker-size: var(---delta-block-lg);\n\"\n{@media (min-width:512px)}&=\"\n  --pattern-checker-bg1: var(---primary-100);\n  --pattern-checker-bg2: var(---secondary-900);\n\">\n```\n\n- You can compose classes with in html tags with attribute representing **symbolic classes (symclasses)** `bg$pattern`, and attribute which ends with `&` is considered **wrappers** for the symbolic class.\n- `@--assign` / `=` can be used for initial compose of a symbolic class using **symclasses from libraries**. These will be hoisted to block scope and any explicit properties will easily override them. \n- Use `&` attribute to write comment, which can be used multiple times in the same tag. \n- To use a symbolic class use `={sym-class}` with in attributes. \n\n```html\n  <staple amorphous$--container>\n    <svg xmlns=\"http://www.w3.org/2000/svg\">\n      <defs>\n        <filter id=\"#glass-distortion\" x=\"0%\" y=\"0%\" width=\"100%\" height=\"100%\">\n          <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.008 0.008\" numOctaves=\"2\" seed=\"92\"\n            result=\"noise\" />\n          <feGaussianBlur in=\"noise\" stdDeviation=\"2\" result=\"blurred\" />\n          <feDisplacementMap in=\"SourceGraphic\" in2=\"blurred\" scale=\"77\" xChannelSelector=\"R\"\n            yChannelSelector=\"G\" />\n        </filter>\n      </defs>\n    </svg>\n  </staple>\n```\n\n-  `<staple ... > ... </staple>` a special tag used to create a **dependency to text-block with a symclass**. The content with-in the tag will be only deployed if the corresponding symclass is used compiled CSS.\n\n```html\n  <summon style=\"\n    background-size: 18px 18px;\n    background-image: linear-gradient(#ffffff 0.9px, transparent 0.9px), \n      linear-gradient(to right, oklab(100% 0 -0.00011) 0.9px, #cacaca 1px);\n  \" data-amorphous-type=\"liquid\" amorphous$$$container=\"\n    ~ amorphous$--container ;\n    = p-12 m-0 border-0 d-flex align-center justify-center position-fixed;\n    = tx$decoration-none isolate an$transition-all an$animation-delay-500;\n    animation: .5s fade-in forwards;\n    &:hover {\n      = tf$scale-105;\n    }\n    &::after {\n      = position-absolute inset-0 layer-neg-2 radius-16 tx$content-clear;\n      filter: url(#\\#glass-distortion);\n    }\n    &::before {\n      = position-absolute inset-0 layer-neg-1 radius-16 tx$content-clear;\n      box-shadow: inset 0 0 15px -5px #ffffffec;\n    }\n    &[data-glass-type=]& {\n      &['liquid'] {\n        &::after { backdrop-filter: blur(.5px); }\n        &::before { background-color: #e7fffa73; }\n      }\n      &['frosted'] {\n        &::after { backdrop-filter: blur(1px); }\n        &::before { background-color: lab(93.8 1 -5.7 / 0.713); }\n      }\n    }\n  \">\n    Template\n  </summon>\n```\n- `<summon ... > ... </summon>`, a special tag which lets you create portable template for component level **symclasses**, which can be used for preview in a live sand-boxed environment while using language server. \n- `@--attach` / `~` can be used to add a dependency attachment of a symbolic class. These will be used for dependency tracking.\n\n```html\n  <div data-amorphous-type='liquid' class=\"~amorphous$$$container\"> Content </div>\n```\n- Symbolic classes can  defined anywhere and used where-ever within the provided scope.\n\n```html\n  <!-- staple -->\n</body>\n</html>\n```\n- `<!-- staple -->` a reserved tag which will be replaced with staple content of tracked dependencies.\n\n## Output\n\n```html\n<!doctype html>\n<html lang=\"en\">\n\n<head>\n  <meta charset=\"utf-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\n  <style>\n    \n    ._8h {\n      --pattern-checker-bg1: var(---tertiary-300, #e0e0e0);\n      --pattern-checker-bg2: transparent;\n      --pattern-checker-size: 40px;\n      background: linear-gradient(45deg, var(--pattern-checker-bg1) 25%, var(--pattern-checker-bg2) 25%, var(--pattern-checker-bg2) 75%, var(--pattern-checker-bg1) 75%, var(--pattern-checker-bg1)), linear-gradient(45deg, var(--pattern-checker-bg1) 25%, var(--pattern-checker-bg2) 25%, var(--pattern-checker-bg2) 75%, var(--pattern-checker-bg1) 75%, var(--pattern-checker-bg1));\n      background-size: var(--pattern-checker-size) var(--pattern-checker-size);\n      background-position: 0 0, calc(var(--pattern-checker-size) / 2) calc(var(--pattern-checker-size) / 2);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      min-width: 100vw;\n      min-height: 100vh;\n    }\n\n    ._8i {\n      padding: 6rem;\n      margin: 0;\n      border-width: 0;\n      border-radius: 4rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: fixed;\n      text-decoration: none;\n      cursor: pointer;\n      background: none;\n      font-size: var(---font-size-h1);\n      isolation: isolate;\n      transition: all 300ms ease;\n      box-shadow: 0px 6px 12px -6px #77777777;\n    }\n\n    ._8i.glass-type[data-amorphous-type='frosted']::after {\n      backdrop-filter: blur(1px);\n    }\n\n    ._8i.glass-type[data-amorphous-type='frosted']::before {\n      background-color: rgba(255, 255, 255, 0.6);\n    }\n\n    ._8i.glass-type[data-amorphous-type='liquid']::after {\n      backdrop-filter: blur(.5px);\n    }\n\n    ._8i.glass-type[data-amorphous-type='liquid']::before {\n      background-color: rgba(255, 255, 255, 0.25);\n    }\n\n    ._8i:hover {\n      transform: scale(1.25);\n    }\n\n    ._8i::after {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: -2;\n      border-radius: 4rem;\n      content: \"\";\n      filter: url(#glass-distortion);\n    }\n\n    ._8i::before {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: -1;\n      border-radius: 4rem;\n      content: \"\";\n      box-shadow: inset 0 0 15px -5px #00000044;\n    }\n\n    @media (min-width:512px) {\n      ._8h {\n        --pattern-checker-bg1: var(---primary-100);\n        --pattern-checker-bg2: var(---secondary-900);\n      }\n    }\n  </style>\n</head>\n\n<body data-sveltekit-preload-data=\"hover\" class=\"_8h\">\n\n  <div class=\"_8i\" data-amorphous-type='liquid'>\n    Content\n  </div>\n\n  <div>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" style=\"display: none;\">\n      <defs>\n        <filter id=\"glass-distortion\" x=\"0%\" y=\"0%\" width=\"100%\" height=\"100%\">\n          <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.008 0.008\" numOctaves=\"2\" seed=\"92\"\n            result=\"noise\" />\n          <feGaussianBlur in=\"noise\" stdDeviation=\"2\" result=\"blurred\" />\n          <feDisplacementMap in=\"SourceGraphic\" in2=\"blurred\" scale=\"77\" xChannelSelector=\"R\"\n            yChannelSelector=\"G\" />\n        </filter>\n      </defs>\n    </svg>\n  </div>\n</body>\n\n</html>\n```\n# 3. Directory\n\n## Setup folder\n```\n    xtyles/\n    ├── libraries\n    |   └── *\n    ├── #at-rules.css\n    ├── #constants.css\n    ├── #elements.css\n    ├── #extends.css\n    ├── configure.jsonc\n    ├── hashrules.jsonc\n    └── vendors.jsonc\n```\n\n### ./#at-rules.css\n- Defines preface directives for exported stylesheets.\n- Declares preface-level directives for exported stylesheets, such as `@import`, `@layer`, `@charset`, `@font-face` etc.\n\n### ./#constants.css\n- Defines the core design tokens—colors, spacing, typography, and themes.\n- Constants are context-aware and surfaced via LSP suggestions in valid scopes, enabling consistent styling.\n\n> **Convention:**\n> To prevent naming collisions and maintain clarity, all constants should follow the standard prefix format:  **`---{...}`**. This naming convention ensures safe resolution across files and avoids unintended conflicts in symbolic or dynamic contexts\n---\n\n### ./#elements.css\n- Encourages semantic usage of tags by styling native tags directly.\n- Offers classless CSS that dynamically adapts to the design system defined in `constants.css`, promoting minimal markup and clean semantics.\n\n### ./#extends.css\n- Augments the base CSS with additional declarations and overrides.\n- Ideal for post-compilation definitions, utility extensions, and scoped enhancements that build on the compiled source stylesheet.\n\n---\n### ./configure.jsonc\n\n```json\n{\n  \"name\": \"\",\n  \"version\": \"\",\n  \"vendors\": \"none\",\n  \"proxymap\": [\n    {\n      \"source\": \"src\",\n      \"target\": \"xrc\",\n      \"stylesheet\": \"styles.css\",\n      \"extensions\": {\n        \"html\": [\n          \"class\"\n        ]\n      }\n    }\n  ] \n}\n```\n\n- **`name`**  \n    Artifact name used during composition.  \n    If omitted, defaults to `../package.json::name`.\n- **`version`**  \n    Current version of the artifact.  \n    If omitted, defaults to `../package.json::version`.\n- **`vendors`**  \n    Specifies vendor prefixing behavior.  \n    Accepts `\"none\"` or a list of vendor targets (e.g., `\"webkit\"`, `\"moz\"`).\n- **`proxymap`**  \n    Defines proxy compilation behavior for source-to-target transformation.\n\t- **`source`**  \n\t    Path to the original source directory containing raw project files.\n\t- **`target`**  \n\t    Proxy output directory. Acts as a working compilation target for the source folder.\n\t- **`stylesheet`**  \n\t    Stylesheet appended to the final compiled output. Located within the target directory.\n\t- **`extensions`**  \n\t    Maps file types to attributes where symbolic classes will be injected.  \n\t    Example: `\"html\": [\"class\"]` targets HTML files and assist merge tooltip via extention for given attributes.\n\n### ./hashrules.jsonc\n\n```json\n{\n  \"-DesignApproach\": \"#{-MobileFirst}\",\n  // Values for #DesignApproach\n  \"-MobileFirst\": \"min-width\",\n  \"-DesktopFirst\": \"max-width\",  \n  // @media standards\n  \"Ms4\": \"media@(#{-DesignApproach}:0320px)\",\n  \"Ms3\": \"media@(#{-DesignApproach}:0384px)\",\n  \"Ms2\": \"media@(#{-DesignApproach}:0448px)\",\n  \"Ms1\": \"media@(#{-DesignApproach}:0512px)\",\n  \"Mmd\": \"media@(#{-DesignApproach}:0640px)\",\n  \"Ml1\": \"media@(#{-DesignApproach}:0768px)\",\n  \"Ml2\": \"media@(#{-DesignApproach}:0896px)\",\n  \"Ml3\": \"media@(#{-DesignApproach}:1024px)\",\n  \"Ml4\": \"media@(#{-DesignApproach}:1152px)\",\n  // @container standards\n  \"Cs4\": \"container@(#{-DesignApproach}:160px)\",\n  \"Cs3\": \"container@(#{-DesignApproach}:192px)\",\n  \"Cs2\": \"container@(#{-DesignApproach}:224px)\",\n  \"Cs1\": \"container@(#{-DesignApproach}:256px)\",\n  \"Cmd\": \"container@(#{-DesignApproach}:320px)\",\n  \"Cl1\": \"container@(#{-DesignApproach}:384px)\",\n  \"Cl2\": \"container@(#{-DesignApproach}:449px)\",\n  \"Cl3\": \"container@(#{-DesignApproach}:512px)\",\n  \"Cl4\": \"container@(#{-DesignApproach}:576px)\",\n  // Global States\n  \"Load\": \"body[data-loading='true']\"\n}\n```\n\n- `hashrules` define reusable **wrapper-attribute-snippets** as key-value pairs, where keys are restricted to characters: `A–Z`, `a–z`, `0–9`, and `-`.\n-  Support **recursive loading**, enabling inheritance across definitions.\n- To use a `hashrules` in a script, use the `#{___}` within **wrapper-attribute** of a tag. The `hashrule` will only take effect if the tag already includes a declared style.\n- If a recursion loop is detected due to conflicting shorthand definitions, those entries will be ignored during compilation, with errors.\n\n> For clarity and conflict avoidance, any `hashrule` used as a variable should begin with a **`-` prefix**.\n\n### ./vendors.jsonc\n\n- If `configure.jsonc | vendors: none` : Paste custom vendor data in this file\n- If `configure.jsonc | vendors: {url}` has a valid URL source file will by automatically updated occasionally for vendor provider data.\n\n### ./libraries\n\n- This is your boilerplate setup for new projects.\n- Group classes into clusters and enable inheritance up to 6 levels, deriving from existing classes.\n- Library management features are detailed in the next section.\n# 4. Libraries\n\nComposing libraries is essentially like managing a set of CSS files—sensibly grouping classes and naming them according to established standards. This approach ensures clarity, maintainability, and consistency across your stylesheets.\n\nWell-structured grouping and naming conventions help in scalable CSS architecture and make it easier to extend or modify the libraries over time.\n\n## Naming Files\n```\n{cluster}.{order}.{name}.css\n``` \n\n- **cluster** : `string[A-Z a-z 0-9 -]`\n- **order** : `0|1|2`\n- **name** : `string[A-Z a-z 0-9 -]`\n\n## Managing Library Files\n\n```\n{cluster}{'$'*order}{Normalized(selector)}\n```\n#### Example\n\nThe classes defined in this file are accessed from other files using the following symbolic class references.\n\n```css\n/* anim.1.animation.css */\n\n.none {\n  transition: none;\n} /* Sym-class: anim$none */\n\n.all {\n  transition: all 300ms ease;\n} /* Sym-class: anim$all */\n\n.transform {\n  transition: transform 300ms ease;\n} /* Sym-class: anim$transform */\n\n.opacity {\n  transition: opacity 300ms ease;\n} /* Sym-class: anim$opacity */\n\n.fade-in {\n  @--attach anim$_keyframes_fade-in;\n  animation-name: fade-in;\n} /* Sym-class: anim$fade-in */\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n} /* Sym-class: anim$_keyframes_fade-in */\n```\n\nAll the first order blocks of each file will have a corresponding symbolic class generated. This will be use full in cases where custom rule block has to be linked with classes.\n\n## Special CSS Directives\n\n```css\n.classname {\n  @--assign $class-1 $class-2 $class-1;\n  @--attach $attach-1 $attach-2;\n}\n```\n\n### `@--assign`\n- Compose styles from predefined classes from libraries using sym-classes.\n- Values derived from this action is overridden by explicit properties\n\n### `@--attach`\n- Creates dependency with other classes using its symbolic-class representation.\n- Library classes have dependent-style and composable-style of same value.  \n\n## Inheritence Pattern:\n\n- `order` is the hierarchy level for library inheritance. Lower order files provide base/axiom styles; higher order files can reference and extend lower orders. Use `order` to control assignment (`@--assign`) and attachment (`@--attach`) visibility and override behavior.\n\n### Types of Libraries\n\n- Provided editor intergration are aware of these libraries and give only appropriate suggestions according to active files.\n\n#### Axiom\n\n- `cluster` = `''`\n- A special cluster without a cluster-name. ( Example: 0.display.css )\n\n- In a file of **Order `n`**, symbolic classes may be referenced from other files using two distinct directives, with in the scope of `axiom` where permitted sources are:\n\t-  `@--assign`: Files of **Order ≤ n−1**\n\t-  `@--attach`: Files of **Order ≤ n**\n\n#### Clusters\n\n- Named clusters can access all symbolic classes from Axioms.\n- In a file of **Order `n`**, symbolic classes may be referenced from other files using two distinct directives, with in the scope of whole `axiom` and `cluster` were permitted sources are:\n\t-  `@--assign`: Files of **Order ≤ n−1**\n\t-  `@--attach`: Files of **Order ≤ n**\n# 5. Operators\n\n### Watch attributes\n\nFor the files of given extention, **watch attributes** for those files, provide additional featues for declaration.\n```json\n\"extensions\": {\n  \"html\": [ \"class\", \"id\" ]\n} // Watch tag attribute\n```\n\n## Hash Loader\n\n- This operator can be usef for importing Unique hash of files.\n- When used in values of watch attributes, snippet that follows the operater gets registered as valid **hash follower** with in the file.\n- To use import hashes other that values of watch attributes, along with compose attributes, prefix valid hash follower with `\\#`.\n\n#### Input\n```html\n<div class=\"#class-1\" id=\"#id-1\" data-test=\"#test\"> \n<!-- Hash followers = [\"class-1\", \"id-1\"] -->\n\n<style -$symclass {#\\#id-1}&=\"prop: val;\">\n  .\\#class-1 {...}\n  #\\#id {...}\n</style>\n<!-- style -->\n<script>\n  const id = \"\\#id-1\"\n  const id = \"\\#id-2\"\n</script>\n```\n\n#### Output\n```html\n<div class=\"_8r-23_class-1\" id=\"_8r-23_id-1\" data-test=\"#test\">\n<!-- Hash followers = [\"class-1\", \"id-1\"] -->\n\n<style>\n  #_8r-23_id-1 .-$symclass { prop: val; }\n  ._8r-23_class { ... }\n  #_8r-23_id { ... }\n</style>\n<script>\n  const id = \"_8r-23_id-1\"\n  const id = \"\\#id-2\"\n</script>\n```\n\n## Class Loaders\n\nThese operators signal the use of symbolic classes (sym-classes) in class attributes. They distinguish sym-classes from regular classes used by other styling systems, allowing simultaneous use without conflicts.\n  \nClass loaders has three varients each with different purpuses\n\n### Scattered Class Loader (`~`)\n- May not cascade styles reliably, especially in complex or deeply nested components, so you dont get precise control.\n- To use operator other that values of watch attributes, prefix valid symclass with `\\~`.\n\n### Ordered Class Loader (`!`)\n- Classes applied with this operator comes after scattered assigns and provide explicit control over cascading over. \n- These operator can only be used inside values of tag attributes.\n\n### Final Class Loader (`=`)\n- Classes applied with this operator comes after Ordered assigns but does't provide explicit control over cascading.\n- To use operator other that values of watch attributes, prefix valid symclass with `\\=`.\n\n#### Example\n\n```html\n<div class=\"\n  ~atomic$class-1 \n  !order$class-3\n  ~atomic$class-2\n  ~atomic$class-3\n  !order$class-1\n  =final$class-2 \n  !order$class-2\n\" onload=\"this.classlist.add(loading?'\\=final$class-1':'\\=final-class-3')\"> Content </div>\n<!-- \nPrefer not to use `Final classes` in watch attributes, \nunless for conditional adding to classname with inline script.\n-->\n\n<style>\n  /* Scattered classes have unpredictable cascading order. */\n  .atomic\\$class-2 { ... }\n  .atomic\\$class-1 { ... }\n  .atomic\\$class-3 { ... }\n\n  /* Ordered classes strictly follow cascade order. */\n  .order\\$class-3 { ... }\n  .order\\$class-1 { ... }\n  .order\\$class-2 { ... }\n\n  /* Final classes have unpredictable cascading order. */\n  .final\\$class-1 { ... }\n  .final\\$class-3 { ... }\n  .final\\$class-2 { ... }\n</style>\n\n<script>\n  const selectorArray = [\n    \"\\~atomic$class-3\", // returns result\n    \"~atomic$class-3\", // stays the same\n    \"\\!order$class-1\",  // stays the same\n    \"!order$class-1\",  // stays the same\n    \"\\=final$class-2\",  // returns result\n    \"=final$class-2\",  // stays the same\n  ]\n<script>\n```\n\n## Compose Operators (For composing sym-classes)\n\n```html\n<summon\n  custom$class=\"\n    /* Assign Directive Operator */ \n    = atomic$class-1 atomic$class-2;\n\n    /* Attach Directive Operator */\n    ~ attach$class-1 attach$class-2;\n    \n    attribute-1: value-1;\n    attribute-2: value-2;\n    \n    /* Merge Flatten*/\n    &[x-look=]& {\n      &[varient-1] { *** }\n      &[varient-2] { *** }\n    }\n  \"\n>Template</summon>\n```\n\n### Directive Operators\n- When composing sym-classes within tags, this syntax is a drop-in replacement for custom CSS directives.\n  - `=` maps to `@--assign`\n  - `~` maps to `@--attach`\n- Both operators produce the same final CSS output. They coexist mainly for developer convenience and clarity.\n\n### Merge-Flatten Operator\n\nThis operator applies only when certain conditions are met:\n\n1. Nested child selectors must begin with the `&` character.\n2. The parent selector must end with one or more `&` characters (denoted as *n*, where *n*≥1).\n\n When merging occurs, exactly `n` characters are removed from the end of the parent selector and the beginning of the child selector—excluding the special prefix `&` and suffix `&` characters—before concatenating them.\n# 6. Composition\n\n## Symbolic-Class \n\n``` \n{cluster}{scope}{identifier}\n```\n\n- **`cluster`**: Collection of classes, or use '-' to delegate to open cluster. \n  - Available characters: `A-Z`, `a-z`, `0-9`, and `-`.\n  - `-` or `_`  is only for delegating open cluster at declaration. It will be hidden in other cases.\n- **`scope`**: Scope of access of declared styles\n  - `$` | **Local:** with in the declared file.\n  - `$$` | **Global:** across all valid files in target folders.\n- **`identifier`**: Specific identifier within the cluster.\n  - Available characters: `A-Z` `a-z` `0-9` and `-`.\n\n- While composing styles, you can use any of the following for external grouping:\n  - **\\` ... \\`**\n  - **\\[ ... \\]**\n  - **\\{ ... \\}**\n  - **\\( ... \\)**\n  - **\\' ... \\'**\n  - **\\\" ... \\\"**\n- Be careful not to use the same internal quotes as the external grouping to avoid conflicts.\n\n### Example\n```html\n<div -$button=\" ... \">\n<div _$button-2={ ... }>\n<div animate$$fade-in=' ... '>\n```\n\n## Wrapper Attributes\n\n- Each wrapper-attribute generates a corresponding wrapper element around the class, with selectors derived directly from the attribute name.\n- Wrapper-attributes enable highly flexible conditional logic—styles can be scoped, toggled, or layered based on attribute presence or value.\n- Responsive design breakpoints are implemented using wrapper-attributes, allowing layout and style shifts based on contextual constraints.\n\n### Rule Specification\n- Must terminate with an `&` token\n- `hashrules` (`#{rule}`) are valid within these attributes.\n- use `{...}` brackets for raw string formatting for not breaking at spaces.\n- Within `identifier@{ ... }`, shorthand expressions map to style constraints:\n  - `width>=` : `min-width:`\n  - `width<=` : `max-width:`\n  - `height>=` : `min-height:`\n  - `height<=` : `max-height:` \n  \n### Example\n```html\n<!-- Assume Hashrule `#{Load}` == \"body[data-loading]\" from hashrules.jsonc  -->\n<div\n  _$class=\"...\"\n  #{Load}&=\"...\" \n  {@supports not (backdrop-filter: blur(1px))}&=\"...\"\n  container@{(max-width: 320px)}&=\"...\">\n  {Placeholder}\n</div>\n```\nGets structurally gets transformed into:\n```css\n.$class { ... }\nbody[data-loading] .$class { ... }\n@supports not (backdrop-filter: blur(1px)) { \n  .$class { ... } \n}\n@container (max-width: 320px) { \n  .$class { ... } \n}\n```\n\n## Compiled Classnames\n\n- Each compilation command uses different stratagies for cascading and create classes.\n\n### `debug`\n\n- Unoptimized cascading order, and verbose classnames representing source-data.\n- **Scattered Classes:**\n  - Format: `{Type}|{Definition-Source}_{Symbolic-Class}`\n  - Example: `PUBLIC|xrc/content/demo.html:30:2_glass$$$container`\n- **Ordered Classes:**\n  - Format: `TAG|{Import-Source}__{Type}|{Definition-Source}_{Symbolic-Class}`\n  - Example: `TAG|xrc/content/demo.html:16:58__PUBLIC|xrc/content/demo.html:30:2_glass$$$container`\n- **Final Classes:**\n  - Format: `{Type}|{Definition-Source}_{Symbolic-Class}_Final`\n  - Example: `PUBLIC|xrc/content/demo.html:30:2_glass$$$container_Final`\n\n### `preview`\n\n- Unoptimized cascading order, and respective classnames.\n- Classname is enumered hash followed by cascade position index.\n- **Scattered Classes:**\n  - Format: `~{classname}_{hash}`\n  - Example: `~scatter-class` \n- **Ordered Classes:**\n  - Format: `!{classname}_{hash}-{cascade-counter}`\n  - Example: `!ordered-class_g3-134` \n- **Final Classes:**\n  - Format: `={classname}_{hash}`\n  - Example: `=final-class` \n\n### `publish`\n\n- Unoptimized cascading order, and respective classnames.\n- Classname is enumered hash followed by cascade position index.\n- **Scattered Classes:**\n  - Format: `_{hash}`\n  - Example: `__k9`, `__8i` \n- **Ordered Classes:**\n  - Format: `__{hash}-{cascade-counter}`\n  - Example: `__H9`, `__8h` \n- **Final Classes:**\n  - Format: `___{hash}`\n  - Example: `___k9`, `___8i`\n# 7. Custom Tags\n\n## Declaration Tags (Paired Tags)\n\n- If a symbolic-class is found as attribute with in special tags, the content between tags is considered bound to it.\n- Paired tags are collapsed, and self closing tags are replaced with proper value while compiling.\n\n```html \n<style local$-class>\n  ...\n</style>\n<staple local$--class>\n  ...\n</staple>\n<summon\n  attribute-1=\"attr-value-1\"\n  attribute-2=\"attr-value-2\"\n  attribute-3=\"attr-value-3\"\n  local$class=\"\n    ~ local$-class local$--class;\n    = $class-1 $$class-2 $class-3;\n    property-1: value-1;\n    property-2: value-2;\n    property-3: value-3;\n  \"\n>\n  Template\n</summon>\n```\n\n### `<style> ... </style>` \n- This tag is a special case, as it’s the standard HTML tag for writing CSS content inside markup.\n- If a sym-class is found in the opening tag, the content between tags is considered a dependent snippet of that corresponding sym-class.\n- Declared using a sym-class where - immediately follows the final $ (e.g., style$-class-name).\n\n### `<staple> ... </staple>`\n- Snippets are imported in a minified form but remain unprocessed.\n- Useful for direct association without transformation or validation.\n- Declared using a sym-class where -- immediately follows the final $ (e.g., staple$--class-name).\n\n### `<summon> ... </summon>`\n- Used to declare component-level styles and generate corresponding style templates.\n- The snippet inside these tags is used for live preview of the given classes.\n- Style attributes are passed to the sandbox body, while other attributes are passed directly to the preview sandbox.\n\n## Replacement Placeholders (Self-Closing Tags && Reserved HTML Comments)\n\n```html\n<!doctype html>\n<html lang=\"en\">\n\n<head>\n  <meta charset=\"utf-8\" />\n  <meta \n    name=\"viewport\"\n    content=\"width=device-width, initial-scale=1\" \n  />\n  <!-- style -->\n</head>\n\n<body \n  data-sveltekit-preload-data=\"hover\" \n  class=\"=bg$pattern-checkerboard =$custom-pattern\" \n  _$custom-pattern=\"\n    --pattern-checker-bg1: #456734;\n    --pattern-checker-bg2: #2bb43d;\n    --pattern-checker-size: var(---delta-block-lg);\n  \"\n>\n\n  <staple amorphous$--container>\n    <svg xmlns=\"http://www.w3.org/2000/svg\">\n      <defs> ... </defs>\n    </svg>\n  </staple>\n\n\n  <summon \n    data-glass-type=\"liquid\" \n    amorphous$$$container=\"\n      ~ amorphous$--container;\n      &::after {\n        filter: url(#\\#glass-distortion);\n      }\n    \"\n  >\n    Template\n  </summon>\n\n  <div \n    id=\"#scoped-id\" \n    data-glass-type='liquid' \n    class=\"~amorphous$$$container\"\n  > Content </div>\n  <!-- staple -->\n</body>\n\n</html>\n```\n\n### `<summon />` /  `<!-- summon -->` \n\n- Used as a placeholder for deploying `stylesheet` and `staple-snippets` together in the compiled output.\n- Intended for rapid prototyping, not recommended for production use.\n\n### `<style />` /  `<!-- style -->`\n\n- Embed stylesheet using these tags with in any targeted files. \n\n### `<staple />` / `<!-- staple -->`\n\n- Acts as a placeholder for injecting attached `staple-snippets` into the compiled output.\n# 8. Appendix\n\n## Errors & diagnostics\n\n- Build errors and diagnostics are emitted to the terminal and surfaced through the language server (LSP) for editor tooling.\n- Running compilation in `watch` mode enables live diagnostics: errors and warnings are updated in the terminal as files change.\n\n## Symbolic-class uniqueness rules\n\n- Local symbolic-classes (single `$`) must be unique within the declaring file.\n- Global symbolic-classes (`$$`) must be unique across the entire project workspace.\n- Neither local nor global symbolic-classes should collide with symbolic-classes generated by libraries; library-derived symbolic-classes are considered a separate namespace and collisions will produce warnings or errors during compilation.\n\n## Proxymap behavior\n\n- On `init`, if a `proxymap` entry specifies a `target` folder that does not exist, the `target` will be cloned from the `source` to create a working proxy folder.\n- During compilation, the `target` (proxy) folder is used as the compilation source. The compiler reads the `target` files and writes compiled artifacts into the `source` folder; treat `target` as a local source copy watched by the tool.\n\n## Dependency resolution\n\n- Dependency resolution is automated. The compiler traverses the attachment tree for symbolic-class `@--attach`/`~` links and deploys all interconnected dependencies together after symbolic classes are composed.\n- `staple` snippets are replaced with the `<staple />` placeholder at compile time; ensure your attached staple snippets are present where expected to avoid missing assets.\n\n## Hashing Methodology\n\n- Class names that start with an underscore (`_`) are reserved for compiler-generated identifiers.\n- The hashing/name generation uses a continuous counter encoded in base62 (0-9, A-Z, a-z) to produce short, deterministic names, and uses different method in different builds commands. This approach ensures compact identifiers while remaining deterministic across runs when the input and library ordering are unchanged.\n\n## Hoisting semantics\n\n- Hoisting is a default behavior: assigned (`@--assign` / `=`) and attached (`@--attach` / `~`) styles are pulled toward the top during compilation. Variables are promoted to an even higher preface level.\n- Under a single scope, a variable may only have a single effective value; later overrides declared in the same scope replace earlier ones during hoisting.\n- Prefer declaring state-affecting variables in the base class declaration and rely on compound selectors to update variables.\n\n## Miscellaneous\n\n- Source maps are not provided. Because the tool operates on plain text files and is intentionally language-independent, there is no meaningful source-map mapping to generate for generic text inputs.\n- Vendor prefixes and compatibility data are fetched from external sources at build or release time so the tool can adapt to platform changes without embedding large datasets.\n- Rarely-used color palettes will be provided additional fall back to literal hex codes.\n\n## Runtime integration\n\n- No runtime integration or API/plugins required\n- The compiler produces a static stylesheet artifact which can be included in your app like any other CSS file.\n\n## Extensibility & contributions\n\n- The compiler binary is intentionally a closed distribution for runtime execution: contributions to the binary itself are not expected. The tool is a structural processor and does not validate or understand CSS properties or values — **it operates on document structure and symbolic classes**.\n- Extending the system: users can add CSS files to the `xtyles/libraries` folder to create custom libraries/frameworks; the six-level inheritance model allows rapid propagation of changes across a project.\n- Conditional definitions (media queries, custom at-rules, container-dependent variants, etc.) are generated using wrapper-attributes. `hashrules` provide reusable snippets for wrapper attributes.\n- Users may fork or clone the repository, personalize their own variants, and distribute them as needed. For detailed guidance on customization, refer to the Flavourize documentation. Be sure to review the EULA for any usage constraints and legal requirements associated with redistribution and modification.\n\n---\n\n# Flavourize\n\n### Fork / Clone repository\n\n- Fork this repository using your preferred Git service (e.g., GitHub, GitLab, Bitbucket), or clone the repository locally if you only want to keep a local copy without sharing or collaborating.\n- Forking creates a copy in your own account for collaborative development, while cloning copies the repository directly to your local machine.\n\n### Customize Scaffold Directory\n\n- After forking, you have a scaffold directory—a basic project structure. Customize this directory by modifying or adding files and folders according to your project's needs. \n- This might include renaming files, adding new source code files, configuration files, or assets to tailor the scaffold as a personalized foundation for your specific use case.\n\n### Personalize Sandbox Template\n\n- The sandbox template provides a predefined example environment for testing and experimentation. \n- You can personalize it by modifying configuration files, sample code, or dependencies so that it matches the needs of your development or testing scenarios.\n\n### Update Intro File\n\n- Modify the intro.md file within the scaffold to update the introduction section of the auto-generated **README.md** file.\n- When cloning this repository, ensure you keep the existing introduction unchanged. You can add any new content you want immediately after the original introduction, without modifying or removing it.\n- This method preserves the original context and key information while allowing you to enrich the documentation with additional details.\n- After making changes, run the **package.js** script to regenerate and update the **README.md** file with the revised content.\n\n\n### Prepare Package Metadata\n\n- Before publishing, update your package.json (or equivalent manifest for your ecosystem) so it correctly describes your package.\n​- Set or review fields such as name, version, description, license, author, repository, main/exports, and files to ensure consumers get the right entry points and metadata.​\n- If your project needs a build step, define scripts like \"build\" and \"prepublishOnly\" or \"prepare\" so that your package is automatically built and validated before it is packed and published\n\n### Keep it Private or Public, Publish in Your Preferred Registry\n\n- Decide whether to keep your forked repository private—in which case, access is restricted to you and collaborators—or public, allowing open community access. \n- Additionally, if your project includes packages or modules, you can publish them to registries like npm or GitHub Packages to facilitate easy sharing and installation by others.\n\n### Maintanance\n\n- Regularly pull updates from the original source repository to keep your fork in sync with the latest changes and binaries. This involves adding the original repo as an upstream remote and merging upstream changes into your local copy.\n- Update your published package versions in your preferred registry to distribute fixes and new features, ensuring users get the latest stable releases.","readmeFilename":"README.md"}