@brewcodex/chai-css 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@brewcodex/chai-css",
-	"version": "1.0.0",
+	"version": "1.0.1",
 	"description": "A lightweight utility-first CSS engine with shorthand class names and 16px base scale",
 	"type": "module",
 	"main": "./dist/chaitailwind.esm.js",
@@ -15,18 +15,20 @@
 	],
 	"scripts": {
 		"dev": "vite",
-		"build": "vite build",
+		"build": "vite build && vite build --config vite.docs.config.js",
 		"preview": "vite preview",
 		"prepublishOnly": "npm run build"
 	},
-"keywords": [
-    "brewcodex",
-    "css",
-    "utility",
-    "tailwind",
-    "utility-first",
-    "styling"
-  ],
+	"keywords": [
+		"css",
+		"utility-first",
+		"tailwind-alternative",
+		"css-engine",
+		"atomic-css",
+		"frontend",
+		"brewcodex",
+		"chai-css"
+	],
 	"license": "MIT",
 	"devDependencies": {
 		"vite": "^8.0.1"

package/dist/chaitailwind.esm.js

@@ -1,135 +0,0 @@
-//#region src/utilities/typography.js
-var e = {
-	text: "color",
-	fs: "fontSize",
-	align: "textAlign",
-	weight: "fontWeight",
-	leading: "lineHeight",
-	tracking: "letterSpacing",
-	decoration: "textDecorationLine",
-	family: "fontFamily",
-	transform: "textTransform",
-	style: "fontStyle"
-}, t = { bg: "backgroundColor" }, n = {
-	p: "padding",
-	pt: "paddingBlockStart",
-	pb: "paddingBlockEnd",
-	pl: "paddingInlineStart",
-	pr: "paddingInlineEnd",
-	px: "paddingInline",
-	py: "paddingBlock",
-	m: "margin",
-	mt: "marginBlockStart",
-	mb: "marginBlockEnd",
-	ml: "marginInlineStart",
-	mr: "marginInlineEnd",
-	mx: "marginInline",
-	my: "marginBlock"
-}, r = {
-	bw: "borderWidth",
-	bc: "borderColor",
-	bs: "borderStyle",
-	bb: "borderBottom",
-	rounded: "borderRadius",
-	"border-collapse": "borderCollapse"
-}, i = {
-	display: "display",
-	visibility: "visibility",
-	"box-sizing": "boxSizing",
-	pos: "position",
-	top: "top",
-	right: "right",
-	bottom: "bottom",
-	left: "left",
-	z: "zIndex",
-	overflow: "overflow",
-	"overflow-x": "overflowX",
-	"overflow-y": "overflowY",
-	object: "objectFit",
-	cursor: "cursor",
-	transition: "transition"
-}, a = {
-	w: "width",
-	h: "height",
-	"min-w": "minWidth",
-	"min-h": "minHeight",
-	"max-w": "maxWidth",
-	"max-h": "maxHeight"
-}, o = {
-	"flex-row": ["flexDirection"],
-	"flex-col": ["flexDirection"],
-	wrap: ["flexWrap"],
-	justify: ["justifyContent"],
-	items: ["alignItems"],
-	self: ["alignSelf"],
-	flex: ["flex"],
-	grow: ["flexGrow"],
-	shrink: ["flexShrink"],
-	gap: ["gap"]
-}, s = {
-	...i,
-	...n,
-	...a,
-	...e,
-	...t,
-	...r,
-	...o
-}, c = (e) => {
-	let t = e.replace("chai-", "").split("-"), n = `${t[0]}-${t[1]}`;
-	return console.log("Two parts:", n), s[n] ? {
-		propKey: n,
-		propValue: t.slice(2).join("-") || t[1]
-	} : s[t[0]] ? {
-		propKey: t[0],
-		propValue: t.slice(1).join("-")
-	} : {
-		propKey: null,
-		propValue: null
-	};
-}, l = (e) => typeof e == "string" ? e.replace(/[\[\]]/g, "") : e, u = (e, t = 16) => {
-	let n = parseFloat(e);
-	return isNaN(n) ? e : `${n / t}rem`;
-}, d = (e) => e.endsWith("vh") || e.endsWith("vw"), f = (e) => typeof e == "string" && e.endsWith("p"), p = (e) => e.replace("p", "%"), m = (e) => e.startsWith("#") || e.startsWith("[#") && e.endsWith("]"), h = (e) => typeof e == "string" && e.startsWith("[") && e.endsWith("]"), g = (e) => [
-	"p",
-	"m",
-	"fs",
-	"rounded",
-	"gap",
-	"w",
-	"h",
-	"min-w",
-	"min-h",
-	"max-w",
-	"max-h",
-	"pt",
-	"pb",
-	"pl",
-	"pr",
-	"px",
-	"py",
-	"mt",
-	"mb",
-	"ml",
-	"mr",
-	"mx",
-	"my",
-	"bw"
-].includes(e), _ = (e, t) => e ? m(e) ? l(e) : f(e) ? p(e) : d(e) ? e : t === "flex-row" ? e === "reverse" ? "row-reverse" : "row" : t === "flex-col" ? (e === "column" || e === "col" || e === "reverse") && e === "reverse" ? "column-reverse" : "column" : !isNaN(e) && g(t) ? u(e) : h(e) ? l(e) : e : "", v = (e, t, n) => {
-	let r = s[t];
-	if (r) {
-		let i = _(n, t);
-		(Array.isArray(r) ? r : [r]).forEach((t) => {
-			e.style[t] = i;
-		});
-	}
-}, y = { init() {
-	document.querySelectorAll("[class*=\"chai-\"]").forEach((e) => {
-		[...e.classList].filter((e) => e.startsWith("chai-")).forEach((t) => {
-			let { propKey: n, propValue: r } = c(t);
-			n && (v(e, n, r), e.classList.remove(t));
-		});
-	});
-} }, b = y;
-typeof window < "u" && (document.readyState === "loading" ? window.addEventListener("DOMContentLoaded", () => y.init()) : y.init());
-//#endregion
-export { b as default };

package/dist/chaitailwind.iife.js

@@ -1 +0,0 @@
-var ChaiTailwind=(function(){var e={text:`color`,fs:`fontSize`,align:`textAlign`,weight:`fontWeight`,leading:`lineHeight`,tracking:`letterSpacing`,decoration:`textDecorationLine`,family:`fontFamily`,transform:`textTransform`,style:`fontStyle`},t={bg:`backgroundColor`},n={p:`padding`,pt:`paddingBlockStart`,pb:`paddingBlockEnd`,pl:`paddingInlineStart`,pr:`paddingInlineEnd`,px:`paddingInline`,py:`paddingBlock`,m:`margin`,mt:`marginBlockStart`,mb:`marginBlockEnd`,ml:`marginInlineStart`,mr:`marginInlineEnd`,mx:`marginInline`,my:`marginBlock`},r={bw:`borderWidth`,bc:`borderColor`,bs:`borderStyle`,bb:`borderBottom`,rounded:`borderRadius`,"border-collapse":`borderCollapse`},i={display:`display`,visibility:`visibility`,"box-sizing":`boxSizing`,pos:`position`,top:`top`,right:`right`,bottom:`bottom`,left:`left`,z:`zIndex`,overflow:`overflow`,"overflow-x":`overflowX`,"overflow-y":`overflowY`,object:`objectFit`,cursor:`cursor`,transition:`transition`},a={w:`width`,h:`height`,"min-w":`minWidth`,"min-h":`minHeight`,"max-w":`maxWidth`,"max-h":`maxHeight`},o={"flex-row":[`flexDirection`],"flex-col":[`flexDirection`],wrap:[`flexWrap`],justify:[`justifyContent`],items:[`alignItems`],self:[`alignSelf`],flex:[`flex`],grow:[`flexGrow`],shrink:[`flexShrink`],gap:[`gap`]},s={...i,...n,...a,...e,...t,...r,...o},c=e=>{let t=e.replace(`chai-`,``).split(`-`),n=`${t[0]}-${t[1]}`;return console.log(`Two parts:`,n),s[n]?{propKey:n,propValue:t.slice(2).join(`-`)||t[1]}:s[t[0]]?{propKey:t[0],propValue:t.slice(1).join(`-`)}:{propKey:null,propValue:null}},l=e=>typeof e==`string`?e.replace(/[\[\]]/g,``):e,u=(e,t=16)=>{let n=parseFloat(e);return isNaN(n)?e:`${n/t}rem`},d=e=>e.endsWith(`vh`)||e.endsWith(`vw`),f=e=>typeof e==`string`&&e.endsWith(`p`),p=e=>e.replace(`p`,`%`),m=e=>e.startsWith(`#`)||e.startsWith(`[#`)&&e.endsWith(`]`),h=e=>typeof e==`string`&&e.startsWith(`[`)&&e.endsWith(`]`),g=e=>[`p`,`m`,`fs`,`rounded`,`gap`,`w`,`h`,`min-w`,`min-h`,`max-w`,`max-h`,`pt`,`pb`,`pl`,`pr`,`px`,`py`,`mt`,`mb`,`ml`,`mr`,`mx`,`my`,`bw`].includes(e),_=(e,t)=>e?m(e)?l(e):f(e)?p(e):d(e)?e:t===`flex-row`?e===`reverse`?`row-reverse`:`row`:t===`flex-col`?(e===`column`||e===`col`||e===`reverse`)&&e===`reverse`?`column-reverse`:`column`:!isNaN(e)&&g(t)?u(e):h(e)?l(e):e:``,v=(e,t,n)=>{let r=s[t];if(r){let i=_(n,t);(Array.isArray(r)?r:[r]).forEach(t=>{e.style[t]=i})}},y={init(){document.querySelectorAll(`[class*="chai-"]`).forEach(e=>{[...e.classList].filter(e=>e.startsWith(`chai-`)).forEach(t=>{let{propKey:n,propValue:r}=c(t);n&&(v(e,n,r),e.classList.remove(t))})})}},b=y;return typeof window<`u`&&(document.readyState===`loading`?window.addEventListener(`DOMContentLoaded`,()=>y.init()):y.init()),b})();