@gaurav009/chai-ui 1.0.0

package/dist/chai-ui.esm.js

@@ -0,0 +1,325 @@
+// src/core/02-parser.js
+function parse(cssStringClass) {
+  if (!cssStringClass) {
+    return [];
+  }
+  if (typeof cssStringClass !== "string") {
+    return [];
+  }
+  return cssStringClass.trim().split(/\s+/).filter(Boolean);
+}
+
+// src/utilities/spacing.js
+function spacing(token) {
+  const match = token.match(
+    /^(p|m|px|py|mx|my|gap|kinare-se|kinare-x-se|kinare-y-se|bahar-se|upar-se|niche-se|daaye-se|baaye-se|fasla)-(\d+)$/
+  );
+  if (!match) {
+    return null;
+  }
+  const kind = match[1];
+  const value = Number(match[2]) * 4 + "px";
+  if (kind === "p")
+    return {
+      padding: value
+    };
+  if (kind === "kinare-se")
+    return {
+      padding: value
+    };
+  if (kind === "m")
+    return {
+      margin: value
+    };
+  if (kind === "bahar-se")
+    return {
+      margin: value
+    };
+  if (kind === "px")
+    return {
+      paddingLeft: value,
+      paddingRight: value
+    };
+  if (kind === "kinare-x-se")
+    return {
+      paddingLeft: value,
+      paddingRight: value
+    };
+  if (kind === "py")
+    return {
+      paddingTop: value,
+      paddingBottom: value
+    };
+  if (kind === "kinare-y-se")
+    return {
+      paddingTop: value,
+      paddingBottom: value
+    };
+  if (kind === "mx")
+    return {
+      marginLeft: value,
+      marginRight: value
+    };
+  if (kind === "baaye-se")
+    return {
+      marginLeft: value
+    };
+  if (kind === "daaye-se")
+    return {
+      marginRight: value
+    };
+  if (kind === "my")
+    return {
+      marginTop: value,
+      marginBottom: value
+    };
+  if (kind === "upar-se")
+    return {
+      marginTop: value
+    };
+  if (kind === "niche-se")
+    return {
+      marginBottom: value
+    };
+  if (kind === "gap")
+    return {
+      gap: value
+    };
+  if (kind === "fasla")
+    return {
+      gap: value
+    };
+  return null;
+}
+
+// src/utilities/layout.js
+var map = {
+  flex: {
+    display: "flex"
+  },
+  lacheela: {
+    display: "flex"
+  },
+  "flex-col": {
+    flexDirection: "column"
+  },
+  "lacheela-kolam": {
+    flexDirection: "column"
+  },
+  "items-center": {
+    alignItems: "center"
+  },
+  "saman-beech": {
+    alignItems: "center"
+  },
+  "justify-center": {
+    justifyContent: "center"
+  },
+  "beech-mein": {
+    justifyContent: "center"
+  },
+  "justify-between": {
+    justifyContent: "space-between"
+  },
+  "dono-kinare": {
+    justifyContent: "space-between"
+  }
+};
+function layout(token) {
+  return map[token] || null;
+}
+
+// src/theme/theme.js
+var theme = {
+  colors: {
+    chai: "#8b5e3c",
+    cream: "#f6e7d0",
+    masala: "#5a3d2b",
+    white: "#ffffff"
+  },
+  border: {
+    base: "#d9c3a5"
+  },
+  effects: {
+    chaiShadow: "0 12px 24px rgba(90, 61, 43, 0.22)",
+    softShadow: "0 6px 16px rgba(90, 61, 43, 0.12)"
+  }
+};
+
+// src/utilities/colors.js
+var aliases = {
+  "pichhe-chai": "bg-chai",
+  "pichhe-cream": "bg-cream",
+  "pichhe-masala": "bg-masala",
+  "likhawat-chai": "text-chai",
+  "likhawat-masala": "text-masala",
+  "likhawat-safed": "text-white"
+};
+function colors(token) {
+  const normalizedToken = aliases[token] || token;
+  const bgMatch = normalizedToken.match(/^bg-(chai|cream|masala)$/);
+  if (bgMatch) {
+    return {
+      backgroundColor: theme.colors[bgMatch[1]]
+    };
+  }
+  const textMatch = normalizedToken.match(/^text-(chai|masala|white)$/);
+  if (textMatch) {
+    return {
+      color: theme.colors[textMatch[1]]
+    };
+  }
+  return null;
+}
+
+// src/utilities/typography.js
+var map2 = {
+  "text-sm": { fontSize: "14px" },
+  "akshar-chhota": { fontSize: "14px" },
+  "text-base": { fontSize: "16px" },
+  "akshar-samanya": { fontSize: "16px" },
+  "text-lg": { fontSize: "18px" },
+  "akshar-bada": { fontSize: "18px" },
+  "text-xl": { fontSize: "20px" },
+  "akshar-xl": { fontSize: "20px" },
+  "font-light": { fontWeight: "300" },
+  "font-patla": { fontWeight: "300" },
+  "font-bold": { fontWeight: "700" },
+  "font-mota": { fontWeight: "700" },
+  "text-center": { textAlign: "center" },
+  "likhawat-beech": { textAlign: "center" },
+  "text-left": { textAlign: "left" },
+  "likhawat-baaye": { textAlign: "left" },
+  "text-right": { textAlign: "right" },
+  "likhawat-daaye": { textAlign: "right" }
+};
+function typography(token) {
+  return map2[token] || null;
+}
+
+// src/utilities/border.js
+var map3 = {
+  "border": {
+    border: `1px solid ${theme.border.base}`
+  },
+  "kinara-rekha": {
+    border: `1px solid ${theme.border.base}`
+  },
+  "rounded": {
+    borderRadius: "8px"
+  },
+  "gol-kinara": {
+    borderRadius: "8px"
+  },
+  "rounded-2": {
+    borderRadius: "12px"
+  },
+  "gol-kinara-2": {
+    borderRadius: "12px"
+  },
+  "rounded-full": {
+    borderRadius: "9999px"
+  },
+  "poora-gola": {
+    borderRadius: "9999px"
+  }
+};
+function border(token) {
+  return map3[token] || null;
+}
+
+// src/utilities/effects.js
+var map4 = {
+  "chai-shadow": {
+    boxShadow: theme.effects.chaiShadow
+  },
+  "chai-parchai": {
+    boxShadow: theme.effects.chaiShadow
+  },
+  "soft-shadow": {
+    boxShadow: theme.effects.softShadow
+  },
+  "halki-parchai": {
+    boxShadow: theme.effects.softShadow
+  },
+  "sheesha-chai": {
+    backgroundColor: "rgba(246, 231, 208, 0.45)",
+    border: `1px solid ${theme.border.base}`,
+    backdropFilter: "blur(8px)",
+    WebkitBackdropFilter: "blur(8px)"
+  }
+};
+function effects(token) {
+  return map4[token] || null;
+}
+
+// src/utilities/size.js
+var map5 = {
+  "w-full": {
+    width: "100%"
+  },
+  "chaudai-poori": {
+    width: "100%"
+  },
+  "h-full": {
+    height: "100%"
+  },
+  "unchai-poori": {
+    height: "100%"
+  },
+  "w-screen": {
+    width: "100vw"
+  },
+  "chaudai-screen": {
+    width: "100vw"
+  },
+  "h-screen": {
+    height: "100vh"
+  },
+  "unchai-screen": {
+    height: "100vh"
+  }
+};
+function size(token) {
+  return map5[token] || null;
+}
+
+// src/utilities/display.js
+var map6 = {
+  block: { display: "block" },
+  dikhao: { display: "block" },
+  hidden: { display: "none" },
+  chhupao: { display: "none" }
+};
+function display(token) {
+  return map6[token] || null;
+}
+
+// src/core/03-resolver.js
+function resolve(token) {
+  return spacing(token) || layout(token) || colors(token) || typography(token) || border(token) || effects(token) || size(token) || display(token) || null;
+}
+
+// src/core/04-apply.js
+function applyStyles(el, styles) {
+  Object.assign(el.style, styles);
+}
+
+// src/core/01-engine.js
+function init() {
+  const elements = document.querySelectorAll("[chaiCss]");
+  elements.forEach((el) => {
+    const tokens = parse(el.getAttribute("chaiCss") || "");
+    tokens.forEach((token) => {
+      const styles = resolve(token);
+      if (styles)
+        applyStyles(el, styles);
+    });
+  });
+}
+
+// src/index.js
+document.addEventListener("DOMContentLoaded", () => {
+  init();
+});
+//# sourceMappingURL=chai-ui.esm.js.map

package/dist/chai-ui.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/core/02-parser.js", "../src/utilities/spacing.js", "../src/utilities/layout.js", "../src/theme/theme.js", "../src/utilities/colors.js", "../src/utilities/typography.js", "../src/utilities/border.js", "../src/utilities/effects.js", "../src/utilities/size.js", "../src/utilities/display.js", "../src/core/03-resolver.js", "../src/core/04-apply.js", "../src/core/01-engine.js", "../src/index.js"],
+  "sourcesContent": ["// \"p-4 bg-chai\" \u2192 [\"p-4\", \"bg-chai\"]\r\nexport function parse(cssStringClass) {\r\n  if (!cssStringClass) {\r\n    return [];\r\n  }\r\n  if (typeof cssStringClass !== \"string\") {\r\n    return [];\r\n  }\r\n  return cssStringClass.trim().split(/\\s+/).filter(Boolean);\r\n}\r\n", "export function spacing(token) {\r\n  const match = token.match(\r\n    /^(p|m|px|py|mx|my|gap|kinare-se|kinare-x-se|kinare-y-se|bahar-se|upar-se|niche-se|daaye-se|baaye-se|fasla)-(\\d+)$/,\r\n  );\r\n\r\n  if (!match) {\r\n    return null;\r\n  }\r\n\r\n  const kind = match[1];\r\n  const value = Number(match[2]) * 4 + \"px\";\r\n\r\n  if (kind === \"p\") \r\n    return { \r\n      padding: value \r\n    };\r\n  if (kind === \"kinare-se\") \r\n    return { \r\n      padding: value \r\n    };\r\n  if (kind === \"m\") \r\n    return { \r\n      margin: value \r\n    };\r\n  if (kind === \"bahar-se\") \r\n    return { \r\n      margin: value \r\n    };\r\n  if (kind === \"px\") \r\n    return { \r\n        paddingLeft: value, \r\n        paddingRight: value \r\n    };\r\n  if (kind === \"kinare-x-se\")\r\n    return { \r\n      paddingLeft: value, \r\n      paddingRight: value \r\n    };\r\n  if (kind === \"py\") \r\n    return { \r\n        paddingTop: value, \r\n        paddingBottom: value \r\n    };\r\n  if (kind === \"kinare-y-se\")\r\n    return { \r\n      paddingTop: value, \r\n      paddingBottom: value \r\n    };\r\n  if (kind === \"mx\") \r\n    return { \r\n      marginLeft: value, \r\n      marginRight: value \r\n    };\r\n  if (kind === \"baaye-se\") \r\n    return { \r\n      marginLeft: value \r\n    };\r\n  if (kind === \"daaye-se\") \r\n    return { \r\n        marginRight: value \r\n      };\r\n  if (kind === \"my\") \r\n    return { \r\n      marginTop: value, \r\n      marginBottom: value \r\n    };\r\n  if (kind === \"upar-se\") \r\n    return { \r\n      marginTop: value \r\n    };\r\n  if (kind === \"niche-se\") \r\n    return { \r\n      marginBottom: value \r\n    };\r\n  if (kind === \"gap\") \r\n    return { \r\n      gap: value \r\n    };\r\n  if (kind === \"fasla\") \r\n    return { \r\n      gap: value \r\n    };\r\n\r\n  return null;\r\n}\r\n", "const map = {\r\n  flex: { \r\n    display: \"flex\" \r\n  },\r\n  lacheela: { \r\n    display: \"flex\" \r\n  },\r\n  \"flex-col\": { \r\n    flexDirection: \"column\" \r\n  },\r\n  \"lacheela-kolam\": { \r\n    flexDirection: \"column\" \r\n  },\r\n  \"items-center\": { \r\n    alignItems: \"center\" \r\n  },\r\n  \"saman-beech\": { \r\n    alignItems: \"center\" \r\n  },\r\n  \"justify-center\": { \r\n    justifyContent: \"center\" \r\n  },\r\n  \"beech-mein\": { \r\n    justifyContent: \"center\" \r\n  },\r\n  \"justify-between\": { \r\n    justifyContent: \"space-between\" \r\n  },\r\n  \"dono-kinare\": { \r\n    justifyContent: \"space-between\" \r\n  },\r\n};\r\n\r\nexport function layout(token) {\r\n  return map[token] || null;\r\n}\r\n", "export const theme = {\r\n  colors: {\r\n    chai: \"#8b5e3c\",\r\n    cream: \"#f6e7d0\",\r\n    masala: \"#5a3d2b\",\r\n    white: \"#ffffff\",\r\n  },\r\n  border: {\r\n    base: \"#d9c3a5\",\r\n  },\r\n  effects: {\r\n    chaiShadow: \"0 12px 24px rgba(90, 61, 43, 0.22)\",\r\n    softShadow: \"0 6px 16px rgba(90, 61, 43, 0.12)\",\r\n  },\r\n};\r\n", "import { theme } from \"../theme/theme.js\";\r\n\r\nconst aliases = {\r\n  \"pichhe-chai\": \"bg-chai\",\r\n  \"pichhe-cream\": \"bg-cream\",\r\n  \"pichhe-masala\": \"bg-masala\",\r\n  \"likhawat-chai\": \"text-chai\",\r\n  \"likhawat-masala\": \"text-masala\",\r\n  \"likhawat-safed\": \"text-white\",\r\n};\r\n\r\nexport function colors(token) {\r\n  const normalizedToken = aliases[token] || token;\r\n  const bgMatch = normalizedToken.match(/^bg-(chai|cream|masala)$/);\r\n  if (bgMatch) {\r\n    return { \r\n      backgroundColor: theme.colors[bgMatch[1]] \r\n    };\r\n  }\r\n\r\n  const textMatch = normalizedToken.match(/^text-(chai|masala|white)$/);\r\n  if (textMatch) {\r\n    return { \r\n      color: theme.colors[textMatch[1]] \r\n    };\r\n  }\r\n\r\n  return null;\r\n}\r\n", "const map = {\r\n  \"text-sm\": { fontSize: \"14px\" },\r\n  \"akshar-chhota\": { fontSize: \"14px\" },\r\n  \"text-base\": { fontSize: \"16px\" },\r\n  \"akshar-samanya\": { fontSize: \"16px\" },\r\n  \"text-lg\": { fontSize: \"18px\" },\r\n  \"akshar-bada\": { fontSize: \"18px\" },\r\n  \"text-xl\": { fontSize: \"20px\" },\r\n  \"akshar-xl\": { fontSize: \"20px\" },\r\n  \"font-light\": { fontWeight: \"300\" },\r\n  \"font-patla\": { fontWeight: \"300\" },\r\n  \"font-bold\": { fontWeight: \"700\" },\r\n  \"font-mota\": { fontWeight: \"700\" },\r\n  \"text-center\": { textAlign: \"center\" },\r\n  \"likhawat-beech\": { textAlign: \"center\" },\r\n  \"text-left\": { textAlign: \"left\" },\r\n  \"likhawat-baaye\": { textAlign: \"left\" },\r\n  \"text-right\": { textAlign: \"right\" },\r\n  \"likhawat-daaye\": { textAlign: \"right\" },\r\n};\r\n\r\nexport function typography(token) {\r\n  return map[token] || null;\r\n}\r\n", "import { theme } from \"../theme/theme.js\";\r\n\r\nconst map = {\r\n  \"border\": { \r\n    border: `1px solid ${theme.border.base}` \r\n  },\r\n  \"kinara-rekha\": { \r\n    border: `1px solid ${theme.border.base}` \r\n  },\r\n  \"rounded\": { \r\n    borderRadius: \"8px\" \r\n  },\r\n  \"gol-kinara\": { \r\n    borderRadius: \"8px\" \r\n  },\r\n  \"rounded-2\": { \r\n    borderRadius: \"12px\" \r\n  },\r\n  \"gol-kinara-2\": { \r\n    borderRadius: \"12px\" \r\n  },\r\n  \"rounded-full\": { \r\n    borderRadius: \"9999px\" \r\n  },\r\n  \"poora-gola\": { \r\n    borderRadius: \"9999px\" \r\n  },\r\n};\r\n\r\nexport function border(token) {\r\n  return map[token] || null;\r\n}\r\n", "import { theme } from \"../theme/theme.js\";\r\n\r\nconst map = {\r\n  \"chai-shadow\": { \r\n    boxShadow: theme.effects.chaiShadow \r\n  },\r\n  \"chai-parchai\": { \r\n    boxShadow: theme.effects.chaiShadow \r\n  },\r\n  \"soft-shadow\": { \r\n    boxShadow: theme.effects.softShadow \r\n  },\r\n  \"halki-parchai\": { \r\n    boxShadow: theme.effects.softShadow \r\n  },\r\n  \"sheesha-chai\": {\r\n    backgroundColor: \"rgba(246, 231, 208, 0.45)\",\r\n    border: `1px solid ${theme.border.base}`,\r\n    backdropFilter: \"blur(8px)\",\r\n    WebkitBackdropFilter: \"blur(8px)\",\r\n  },\r\n};\r\n\r\nexport function effects(token) {\r\n  return map[token] || null;\r\n}\r\n", "const map = {\r\n  \"w-full\": { \r\n    width: \"100%\" \r\n  },\r\n  \"chaudai-poori\": { \r\n    width: \"100%\" \r\n  },\r\n  \"h-full\": { \r\n    height: \"100%\" \r\n  },\r\n  \"unchai-poori\": { \r\n    height: \"100%\" \r\n  },\r\n  \"w-screen\": { \r\n    width: \"100vw\" \r\n  },\r\n  \"chaudai-screen\": {\r\n    width: \"100vw\"\r\n  },\r\n  \"h-screen\": { \r\n    height: \"100vh\" \r\n  },\r\n  \"unchai-screen\": { \r\n    height: \"100vh\" \r\n  },\r\n};\r\n\r\nexport function size(token) {\r\n  return map[token] || null;\r\n}\r\n", "const map = {\r\n  block: { display: \"block\" },\r\n  dikhao: { display: \"block\" },\r\n  hidden: { display: \"none\" },\r\n  chhupao: { display: \"none\" },\r\n};\r\n\r\nexport function display(token) {\r\n  return map[token] || null;\r\n}\r\n", "import { spacing } from \"../utilities/spacing.js\";\r\nimport { layout } from \"../utilities/layout.js\";\r\nimport { colors } from \"../utilities/colors.js\";\r\nimport { typography } from \"../utilities/typography.js\";\r\nimport { border } from \"../utilities/border.js\";\r\nimport { effects } from \"../utilities/effects.js\";\r\nimport { size } from \"../utilities/size.js\";\r\nimport { display } from \"../utilities/display.js\";\r\n\r\n// Kaunsi utility kis function ko handle karegi?\u201D\r\nexport function resolve(token) {\r\n  return (\r\n    spacing(token) || layout(token) || colors(token) ||\r\n    typography(token) || border(token) || effects(token) ||\r\n    size(token) || display(token) || null\r\n  );\r\n}\r\n", "// Yahan actual styling hoti hai\r\nexport function applyStyles(el, styles) {\r\n    Object.assign(el.style, styles);\r\n}", "import { parse } from \"./02-parser.js\";\r\nimport { resolve } from \"./03-resolver.js\";\r\nimport { applyStyles } from \"./04-apply.js\";\r\n\r\nexport function init() {\r\n  // 1. sare css applied ellements ko pick karo\r\n  const elements = document.querySelectorAll(\"[chaiCss]\");\r\n\r\n  elements.forEach((el) => {\r\n    // 2. \"kinare-se-4 gol-kinara\" => [\"kinare-se-4\", \"gol-kinara\"]\r\n    const tokens = parse(el.getAttribute(\"chaiCss\") || \"\");\r\n\r\n    // 3. harr tokean ka matlab kya hai?\r\n    tokens.forEach((token) => {\r\n      // 4. kaun si utility kisko handover karni hai?\r\n      const styles = resolve(token);\r\n\r\n      if (styles)\r\n        // 5. apply the css\r\n        applyStyles(el, styles);\r\n    });\r\n  });\r\n}\r\n", "import { init } from \"./core/01-engine.js\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  init();\r\n});"],
+  "mappings": ";AACO,SAAS,MAAM,gBAAgB;AACpC,MAAI,CAAC,gBAAgB;AACnB,WAAO,CAAC;AAAA,EACV;AACA,MAAI,OAAO,mBAAmB,UAAU;AACtC,WAAO,CAAC;AAAA,EACV;AACA,SAAO,eAAe,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AAC1D;;;ACTO,SAAS,QAAQ,OAAO;AAC7B,QAAM,QAAQ,MAAM;AAAA,IAClB;AAAA,EACF;AAEA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,MAAM,CAAC;AACpB,QAAM,QAAQ,OAAO,MAAM,CAAC,CAAC,IAAI,IAAI;AAErC,MAAI,SAAS;AACX,WAAO;AAAA,MACL,SAAS;AAAA,IACX;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,SAAS;AAAA,IACX;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,QAAQ;AAAA,IACV;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,QAAQ;AAAA,IACV;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACH,aAAa;AAAA,MACb,cAAc;AAAA,IAClB;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,aAAa;AAAA,MACb,cAAc;AAAA,IAChB;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACH,YAAY;AAAA,MACZ,eAAe;AAAA,IACnB;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,YAAY;AAAA,MACZ,eAAe;AAAA,IACjB;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,IACf;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,YAAY;AAAA,IACd;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACH,aAAa;AAAA,IACf;AACJ,MAAI,SAAS;AACX,WAAO;AAAA,MACL,WAAW;AAAA,MACX,cAAc;AAAA,IAChB;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,WAAW;AAAA,IACb;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,cAAc;AAAA,IAChB;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,KAAK;AAAA,IACP;AACF,MAAI,SAAS;AACX,WAAO;AAAA,MACL,KAAK;AAAA,IACP;AAEF,SAAO;AACT;;;ACpFA,IAAM,MAAM;AAAA,EACV,MAAM;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA,kBAAkB;AAAA,IAChB,eAAe;AAAA,EACjB;AAAA,EACA,gBAAgB;AAAA,IACd,YAAY;AAAA,EACd;AAAA,EACA,eAAe;AAAA,IACb,YAAY;AAAA,EACd;AAAA,EACA,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,EAClB;AAAA,EACA,cAAc;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,mBAAmB;AAAA,IACjB,gBAAgB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,IACb,gBAAgB;AAAA,EAClB;AACF;AAEO,SAAS,OAAO,OAAO;AAC5B,SAAO,IAAI,KAAK,KAAK;AACvB;;;ACnCO,IAAM,QAAQ;AAAA,EACnB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF;;;ACZA,IAAM,UAAU;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,kBAAkB;AACpB;AAEO,SAAS,OAAO,OAAO;AAC5B,QAAM,kBAAkB,QAAQ,KAAK,KAAK;AAC1C,QAAM,UAAU,gBAAgB,MAAM,0BAA0B;AAChE,MAAI,SAAS;AACX,WAAO;AAAA,MACL,iBAAiB,MAAM,OAAO,QAAQ,CAAC,CAAC;AAAA,IAC1C;AAAA,EACF;AAEA,QAAM,YAAY,gBAAgB,MAAM,4BAA4B;AACpE,MAAI,WAAW;AACb,WAAO;AAAA,MACL,OAAO,MAAM,OAAO,UAAU,CAAC,CAAC;AAAA,IAClC;AAAA,EACF;AAEA,SAAO;AACT;;;AC5BA,IAAMA,OAAM;AAAA,EACV,WAAW,EAAE,UAAU,OAAO;AAAA,EAC9B,iBAAiB,EAAE,UAAU,OAAO;AAAA,EACpC,aAAa,EAAE,UAAU,OAAO;AAAA,EAChC,kBAAkB,EAAE,UAAU,OAAO;AAAA,EACrC,WAAW,EAAE,UAAU,OAAO;AAAA,EAC9B,eAAe,EAAE,UAAU,OAAO;AAAA,EAClC,WAAW,EAAE,UAAU,OAAO;AAAA,EAC9B,aAAa,EAAE,UAAU,OAAO;AAAA,EAChC,cAAc,EAAE,YAAY,MAAM;AAAA,EAClC,cAAc,EAAE,YAAY,MAAM;AAAA,EAClC,aAAa,EAAE,YAAY,MAAM;AAAA,EACjC,aAAa,EAAE,YAAY,MAAM;AAAA,EACjC,eAAe,EAAE,WAAW,SAAS;AAAA,EACrC,kBAAkB,EAAE,WAAW,SAAS;AAAA,EACxC,aAAa,EAAE,WAAW,OAAO;AAAA,EACjC,kBAAkB,EAAE,WAAW,OAAO;AAAA,EACtC,cAAc,EAAE,WAAW,QAAQ;AAAA,EACnC,kBAAkB,EAAE,WAAW,QAAQ;AACzC;AAEO,SAAS,WAAW,OAAO;AAChC,SAAOA,KAAI,KAAK,KAAK;AACvB;;;ACrBA,IAAMC,OAAM;AAAA,EACV,UAAU;AAAA,IACR,QAAQ,aAAa,MAAM,OAAO,IAAI;AAAA,EACxC;AAAA,EACA,gBAAgB;AAAA,IACd,QAAQ,aAAa,MAAM,OAAO,IAAI;AAAA,EACxC;AAAA,EACA,WAAW;AAAA,IACT,cAAc;AAAA,EAChB;AAAA,EACA,cAAc;AAAA,IACZ,cAAc;AAAA,EAChB;AAAA,EACA,aAAa;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA,gBAAgB;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,gBAAgB;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,cAAc;AAAA,IACZ,cAAc;AAAA,EAChB;AACF;AAEO,SAAS,OAAO,OAAO;AAC5B,SAAOA,KAAI,KAAK,KAAK;AACvB;;;AC7BA,IAAMC,OAAM;AAAA,EACV,eAAe;AAAA,IACb,WAAW,MAAM,QAAQ;AAAA,EAC3B;AAAA,EACA,gBAAgB;AAAA,IACd,WAAW,MAAM,QAAQ;AAAA,EAC3B;AAAA,EACA,eAAe;AAAA,IACb,WAAW,MAAM,QAAQ;AAAA,EAC3B;AAAA,EACA,iBAAiB;AAAA,IACf,WAAW,MAAM,QAAQ;AAAA,EAC3B;AAAA,EACA,gBAAgB;AAAA,IACd,iBAAiB;AAAA,IACjB,QAAQ,aAAa,MAAM,OAAO,IAAI;AAAA,IACtC,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,EACxB;AACF;AAEO,SAAS,QAAQ,OAAO;AAC7B,SAAOA,KAAI,KAAK,KAAK;AACvB;;;ACzBA,IAAMC,OAAM;AAAA,EACV,UAAU;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,QAAQ;AAAA,EACV;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA,IAChB,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,QAAQ;AAAA,EACV;AACF;AAEO,SAAS,KAAK,OAAO;AAC1B,SAAOA,KAAI,KAAK,KAAK;AACvB;;;AC7BA,IAAMC,OAAM;AAAA,EACV,OAAO,EAAE,SAAS,QAAQ;AAAA,EAC1B,QAAQ,EAAE,SAAS,QAAQ;AAAA,EAC3B,QAAQ,EAAE,SAAS,OAAO;AAAA,EAC1B,SAAS,EAAE,SAAS,OAAO;AAC7B;AAEO,SAAS,QAAQ,OAAO;AAC7B,SAAOA,KAAI,KAAK,KAAK;AACvB;;;ACCO,SAAS,QAAQ,OAAO;AAC7B,SACE,QAAQ,KAAK,KAAK,OAAO,KAAK,KAAK,OAAO,KAAK,KAC/C,WAAW,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,KAAK,KACnD,KAAK,KAAK,KAAK,QAAQ,KAAK,KAAK;AAErC;;;ACfO,SAAS,YAAY,IAAI,QAAQ;AACpC,SAAO,OAAO,GAAG,OAAO,MAAM;AAClC;;;ACCO,SAAS,OAAO;AAErB,QAAM,WAAW,SAAS,iBAAiB,WAAW;AAEtD,WAAS,QAAQ,CAAC,OAAO;AAEvB,UAAM,SAAS,MAAM,GAAG,aAAa,SAAS,KAAK,EAAE;AAGrD,WAAO,QAAQ,CAAC,UAAU;AAExB,YAAM,SAAS,QAAQ,KAAK;AAE5B,UAAI;AAEF,oBAAY,IAAI,MAAM;AAAA,IAC1B,CAAC;AAAA,EACH,CAAC;AACH;;;ACpBA,SAAS,iBAAiB,oBAAoB,MAAM;AAClD,OAAK;AACP,CAAC;",
+  "names": ["map", "map", "map", "map", "map"]
+}

package/dist/chai-ui.js

@@ -0,0 +1,2 @@
+var chaiUi=(()=>{function n(e){return e?typeof e!="string"?[]:e.trim().split(/\s+/).filter(Boolean):[]}function s(e){let o=e.match(/^(p|m|px|py|mx|my|gap|kinare-se|kinare-x-se|kinare-y-se|bahar-se|upar-se|niche-se|daaye-se|baaye-se|fasla)-(\d+)$/);if(!o)return null;let r=o[1],t=Number(o[2])*4+"px";return r==="p"?{padding:t}:r==="kinare-se"?{padding:t}:r==="m"?{margin:t}:r==="bahar-se"?{margin:t}:r==="px"?{paddingLeft:t,paddingRight:t}:r==="kinare-x-se"?{paddingLeft:t,paddingRight:t}:r==="py"?{paddingTop:t,paddingBottom:t}:r==="kinare-y-se"?{paddingTop:t,paddingBottom:t}:r==="mx"?{marginLeft:t,marginRight:t}:r==="baaye-se"?{marginLeft:t}:r==="daaye-se"?{marginRight:t}:r==="my"?{marginTop:t,marginBottom:t}:r==="upar-se"?{marginTop:t}:r==="niche-se"?{marginBottom:t}:r==="gap"?{gap:t}:r==="fasla"?{gap:t}:null}var b={flex:{display:"flex"},lacheela:{display:"flex"},"flex-col":{flexDirection:"column"},"lacheela-kolam":{flexDirection:"column"},"items-center":{alignItems:"center"},"saman-beech":{alignItems:"center"},"justify-center":{justifyContent:"center"},"beech-mein":{justifyContent:"center"},"justify-between":{justifyContent:"space-between"},"dono-kinare":{justifyContent:"space-between"}};function c(e){return b[e]||null}var a={colors:{chai:"#8b5e3c",cream:"#f6e7d0",masala:"#5a3d2b",white:"#ffffff"},border:{base:"#d9c3a5"},effects:{chaiShadow:"0 12px 24px rgba(90, 61, 43, 0.22)",softShadow:"0 6px 16px rgba(90, 61, 43, 0.12)"}};var y={"pichhe-chai":"bg-chai","pichhe-cream":"bg-cream","pichhe-masala":"bg-masala","likhawat-chai":"text-chai","likhawat-masala":"text-masala","likhawat-safed":"text-white"};function l(e){let o=y[e]||e,r=o.match(/^bg-(chai|cream|masala)$/);if(r)return{backgroundColor:a.colors[r[1]]};let t=o.match(/^text-(chai|masala|white)$/);return t?{color:a.colors[t[1]]}:null}var w={"text-sm":{fontSize:"14px"},"akshar-chhota":{fontSize:"14px"},"text-base":{fontSize:"16px"},"akshar-samanya":{fontSize:"16px"},"text-lg":{fontSize:"18px"},"akshar-bada":{fontSize:"18px"},"text-xl":{fontSize:"20px"},"akshar-xl":{fontSize:"20px"},"font-light":{fontWeight:"300"},"font-patla":{fontWeight:"300"},"font-bold":{fontWeight:"700"},"font-mota":{fontWeight:"700"},"text-center":{textAlign:"center"},"likhawat-beech":{textAlign:"center"},"text-left":{textAlign:"left"},"likhawat-baaye":{textAlign:"left"},"text-right":{textAlign:"right"},"likhawat-daaye":{textAlign:"right"}};function p(e){return w[e]||null}var k={border:{border:`1px solid ${a.border.base}`},"kinara-rekha":{border:`1px solid ${a.border.base}`},rounded:{borderRadius:"8px"},"gol-kinara":{borderRadius:"8px"},"rounded-2":{borderRadius:"12px"},"gol-kinara-2":{borderRadius:"12px"},"rounded-full":{borderRadius:"9999px"},"poora-gola":{borderRadius:"9999px"}};function f(e){return k[e]||null}var S={"chai-shadow":{boxShadow:a.effects.chaiShadow},"chai-parchai":{boxShadow:a.effects.chaiShadow},"soft-shadow":{boxShadow:a.effects.softShadow},"halki-parchai":{boxShadow:a.effects.softShadow},"sheesha-chai":{backgroundColor:"rgba(246, 231, 208, 0.45)",border:`1px solid ${a.border.base}`,backdropFilter:"blur(8px)",WebkitBackdropFilter:"blur(8px)"}};function h(e){return S[e]||null}var z={"w-full":{width:"100%"},"chaudai-poori":{width:"100%"},"h-full":{height:"100%"},"unchai-poori":{height:"100%"},"w-screen":{width:"100vw"},"chaudai-screen":{width:"100vw"},"h-screen":{height:"100vh"},"unchai-screen":{height:"100vh"}};function d(e){return z[e]||null}var R={block:{display:"block"},dikhao:{display:"block"},hidden:{display:"none"},chhupao:{display:"none"}};function m(e){return R[e]||null}function u(e){return s(e)||c(e)||l(e)||p(e)||f(e)||h(e)||d(e)||m(e)||null}function x(e,o){Object.assign(e.style,o)}function g(){document.querySelectorAll("[chaiCss]").forEach(o=>{n(o.getAttribute("chaiCss")||"").forEach(t=>{let i=u(t);i&&x(o,i)})})}document.addEventListener("DOMContentLoaded",()=>{g()});})();
+//# sourceMappingURL=chai-ui.js.map

package/dist/chai-ui.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/core/02-parser.js", "../src/utilities/spacing.js", "../src/utilities/layout.js", "../src/theme/theme.js", "../src/utilities/colors.js", "../src/utilities/typography.js", "../src/utilities/border.js", "../src/utilities/effects.js", "../src/utilities/size.js", "../src/utilities/display.js", "../src/core/03-resolver.js", "../src/core/04-apply.js", "../src/core/01-engine.js", "../src/index.js"],
+  "sourcesContent": ["// \"p-4 bg-chai\" \u2192 [\"p-4\", \"bg-chai\"]\r\nexport function parse(cssStringClass) {\r\n  if (!cssStringClass) {\r\n    return [];\r\n  }\r\n  if (typeof cssStringClass !== \"string\") {\r\n    return [];\r\n  }\r\n  return cssStringClass.trim().split(/\\s+/).filter(Boolean);\r\n}\r\n", "export function spacing(token) {\r\n  const match = token.match(\r\n    /^(p|m|px|py|mx|my|gap|kinare-se|kinare-x-se|kinare-y-se|bahar-se|upar-se|niche-se|daaye-se|baaye-se|fasla)-(\\d+)$/,\r\n  );\r\n\r\n  if (!match) {\r\n    return null;\r\n  }\r\n\r\n  const kind = match[1];\r\n  const value = Number(match[2]) * 4 + \"px\";\r\n\r\n  if (kind === \"p\") \r\n    return { \r\n      padding: value \r\n    };\r\n  if (kind === \"kinare-se\") \r\n    return { \r\n      padding: value \r\n    };\r\n  if (kind === \"m\") \r\n    return { \r\n      margin: value \r\n    };\r\n  if (kind === \"bahar-se\") \r\n    return { \r\n      margin: value \r\n    };\r\n  if (kind === \"px\") \r\n    return { \r\n        paddingLeft: value, \r\n        paddingRight: value \r\n    };\r\n  if (kind === \"kinare-x-se\")\r\n    return { \r\n      paddingLeft: value, \r\n      paddingRight: value \r\n    };\r\n  if (kind === \"py\") \r\n    return { \r\n        paddingTop: value, \r\n        paddingBottom: value \r\n    };\r\n  if (kind === \"kinare-y-se\")\r\n    return { \r\n      paddingTop: value, \r\n      paddingBottom: value \r\n    };\r\n  if (kind === \"mx\") \r\n    return { \r\n      marginLeft: value, \r\n      marginRight: value \r\n    };\r\n  if (kind === \"baaye-se\") \r\n    return { \r\n      marginLeft: value \r\n    };\r\n  if (kind === \"daaye-se\") \r\n    return { \r\n        marginRight: value \r\n      };\r\n  if (kind === \"my\") \r\n    return { \r\n      marginTop: value, \r\n      marginBottom: value \r\n    };\r\n  if (kind === \"upar-se\") \r\n    return { \r\n      marginTop: value \r\n    };\r\n  if (kind === \"niche-se\") \r\n    return { \r\n      marginBottom: value \r\n    };\r\n  if (kind === \"gap\") \r\n    return { \r\n      gap: value \r\n    };\r\n  if (kind === \"fasla\") \r\n    return { \r\n      gap: value \r\n    };\r\n\r\n  return null;\r\n}\r\n", "const map = {\r\n  flex: { \r\n    display: \"flex\" \r\n  },\r\n  lacheela: { \r\n    display: \"flex\" \r\n  },\r\n  \"flex-col\": { \r\n    flexDirection: \"column\" \r\n  },\r\n  \"lacheela-kolam\": { \r\n    flexDirection: \"column\" \r\n  },\r\n  \"items-center\": { \r\n    alignItems: \"center\" \r\n  },\r\n  \"saman-beech\": { \r\n    alignItems: \"center\" \r\n  },\r\n  \"justify-center\": { \r\n    justifyContent: \"center\" \r\n  },\r\n  \"beech-mein\": { \r\n    justifyContent: \"center\" \r\n  },\r\n  \"justify-between\": { \r\n    justifyContent: \"space-between\" \r\n  },\r\n  \"dono-kinare\": { \r\n    justifyContent: \"space-between\" \r\n  },\r\n};\r\n\r\nexport function layout(token) {\r\n  return map[token] || null;\r\n}\r\n", "export const theme = {\r\n  colors: {\r\n    chai: \"#8b5e3c\",\r\n    cream: \"#f6e7d0\",\r\n    masala: \"#5a3d2b\",\r\n    white: \"#ffffff\",\r\n  },\r\n  border: {\r\n    base: \"#d9c3a5\",\r\n  },\r\n  effects: {\r\n    chaiShadow: \"0 12px 24px rgba(90, 61, 43, 0.22)\",\r\n    softShadow: \"0 6px 16px rgba(90, 61, 43, 0.12)\",\r\n  },\r\n};\r\n", "import { theme } from \"../theme/theme.js\";\r\n\r\nconst aliases = {\r\n  \"pichhe-chai\": \"bg-chai\",\r\n  \"pichhe-cream\": \"bg-cream\",\r\n  \"pichhe-masala\": \"bg-masala\",\r\n  \"likhawat-chai\": \"text-chai\",\r\n  \"likhawat-masala\": \"text-masala\",\r\n  \"likhawat-safed\": \"text-white\",\r\n};\r\n\r\nexport function colors(token) {\r\n  const normalizedToken = aliases[token] || token;\r\n  const bgMatch = normalizedToken.match(/^bg-(chai|cream|masala)$/);\r\n  if (bgMatch) {\r\n    return { \r\n      backgroundColor: theme.colors[bgMatch[1]] \r\n    };\r\n  }\r\n\r\n  const textMatch = normalizedToken.match(/^text-(chai|masala|white)$/);\r\n  if (textMatch) {\r\n    return { \r\n      color: theme.colors[textMatch[1]] \r\n    };\r\n  }\r\n\r\n  return null;\r\n}\r\n", "const map = {\r\n  \"text-sm\": { fontSize: \"14px\" },\r\n  \"akshar-chhota\": { fontSize: \"14px\" },\r\n  \"text-base\": { fontSize: \"16px\" },\r\n  \"akshar-samanya\": { fontSize: \"16px\" },\r\n  \"text-lg\": { fontSize: \"18px\" },\r\n  \"akshar-bada\": { fontSize: \"18px\" },\r\n  \"text-xl\": { fontSize: \"20px\" },\r\n  \"akshar-xl\": { fontSize: \"20px\" },\r\n  \"font-light\": { fontWeight: \"300\" },\r\n  \"font-patla\": { fontWeight: \"300\" },\r\n  \"font-bold\": { fontWeight: \"700\" },\r\n  \"font-mota\": { fontWeight: \"700\" },\r\n  \"text-center\": { textAlign: \"center\" },\r\n  \"likhawat-beech\": { textAlign: \"center\" },\r\n  \"text-left\": { textAlign: \"left\" },\r\n  \"likhawat-baaye\": { textAlign: \"left\" },\r\n  \"text-right\": { textAlign: \"right\" },\r\n  \"likhawat-daaye\": { textAlign: \"right\" },\r\n};\r\n\r\nexport function typography(token) {\r\n  return map[token] || null;\r\n}\r\n", "import { theme } from \"../theme/theme.js\";\r\n\r\nconst map = {\r\n  \"border\": { \r\n    border: `1px solid ${theme.border.base}` \r\n  },\r\n  \"kinara-rekha\": { \r\n    border: `1px solid ${theme.border.base}` \r\n  },\r\n  \"rounded\": { \r\n    borderRadius: \"8px\" \r\n  },\r\n  \"gol-kinara\": { \r\n    borderRadius: \"8px\" \r\n  },\r\n  \"rounded-2\": { \r\n    borderRadius: \"12px\" \r\n  },\r\n  \"gol-kinara-2\": { \r\n    borderRadius: \"12px\" \r\n  },\r\n  \"rounded-full\": { \r\n    borderRadius: \"9999px\" \r\n  },\r\n  \"poora-gola\": { \r\n    borderRadius: \"9999px\" \r\n  },\r\n};\r\n\r\nexport function border(token) {\r\n  return map[token] || null;\r\n}\r\n", "import { theme } from \"../theme/theme.js\";\r\n\r\nconst map = {\r\n  \"chai-shadow\": { \r\n    boxShadow: theme.effects.chaiShadow \r\n  },\r\n  \"chai-parchai\": { \r\n    boxShadow: theme.effects.chaiShadow \r\n  },\r\n  \"soft-shadow\": { \r\n    boxShadow: theme.effects.softShadow \r\n  },\r\n  \"halki-parchai\": { \r\n    boxShadow: theme.effects.softShadow \r\n  },\r\n  \"sheesha-chai\": {\r\n    backgroundColor: \"rgba(246, 231, 208, 0.45)\",\r\n    border: `1px solid ${theme.border.base}`,\r\n    backdropFilter: \"blur(8px)\",\r\n    WebkitBackdropFilter: \"blur(8px)\",\r\n  },\r\n};\r\n\r\nexport function effects(token) {\r\n  return map[token] || null;\r\n}\r\n", "const map = {\r\n  \"w-full\": { \r\n    width: \"100%\" \r\n  },\r\n  \"chaudai-poori\": { \r\n    width: \"100%\" \r\n  },\r\n  \"h-full\": { \r\n    height: \"100%\" \r\n  },\r\n  \"unchai-poori\": { \r\n    height: \"100%\" \r\n  },\r\n  \"w-screen\": { \r\n    width: \"100vw\" \r\n  },\r\n  \"chaudai-screen\": {\r\n    width: \"100vw\"\r\n  },\r\n  \"h-screen\": { \r\n    height: \"100vh\" \r\n  },\r\n  \"unchai-screen\": { \r\n    height: \"100vh\" \r\n  },\r\n};\r\n\r\nexport function size(token) {\r\n  return map[token] || null;\r\n}\r\n", "const map = {\r\n  block: { display: \"block\" },\r\n  dikhao: { display: \"block\" },\r\n  hidden: { display: \"none\" },\r\n  chhupao: { display: \"none\" },\r\n};\r\n\r\nexport function display(token) {\r\n  return map[token] || null;\r\n}\r\n", "import { spacing } from \"../utilities/spacing.js\";\r\nimport { layout } from \"../utilities/layout.js\";\r\nimport { colors } from \"../utilities/colors.js\";\r\nimport { typography } from \"../utilities/typography.js\";\r\nimport { border } from \"../utilities/border.js\";\r\nimport { effects } from \"../utilities/effects.js\";\r\nimport { size } from \"../utilities/size.js\";\r\nimport { display } from \"../utilities/display.js\";\r\n\r\n// Kaunsi utility kis function ko handle karegi?\u201D\r\nexport function resolve(token) {\r\n  return (\r\n    spacing(token) || layout(token) || colors(token) ||\r\n    typography(token) || border(token) || effects(token) ||\r\n    size(token) || display(token) || null\r\n  );\r\n}\r\n", "// Yahan actual styling hoti hai\r\nexport function applyStyles(el, styles) {\r\n    Object.assign(el.style, styles);\r\n}", "import { parse } from \"./02-parser.js\";\r\nimport { resolve } from \"./03-resolver.js\";\r\nimport { applyStyles } from \"./04-apply.js\";\r\n\r\nexport function init() {\r\n  // 1. sare css applied ellements ko pick karo\r\n  const elements = document.querySelectorAll(\"[chaiCss]\");\r\n\r\n  elements.forEach((el) => {\r\n    // 2. \"kinare-se-4 gol-kinara\" => [\"kinare-se-4\", \"gol-kinara\"]\r\n    const tokens = parse(el.getAttribute(\"chaiCss\") || \"\");\r\n\r\n    // 3. harr tokean ka matlab kya hai?\r\n    tokens.forEach((token) => {\r\n      // 4. kaun si utility kisko handover karni hai?\r\n      const styles = resolve(token);\r\n\r\n      if (styles)\r\n        // 5. apply the css\r\n        applyStyles(el, styles);\r\n    });\r\n  });\r\n}\r\n", "import { init } from \"./core/01-engine.js\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  init();\r\n});"],
+  "mappings": "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",
+  "names": ["parse", "cssStringClass", "spacing", "token", "match", "kind", "value", "map", "layout", "token", "theme", "aliases", "colors", "token", "normalizedToken", "bgMatch", "theme", "textMatch", "map", "typography", "token", "map", "theme", "border", "token", "map", "theme", "effects", "token", "map", "size", "token", "map", "display", "token", "resolve", "token", "spacing", "layout", "colors", "typography", "border", "effects", "size", "display", "applyStyles", "el", "styles", "init", "el", "parse", "token", "styles", "resolve", "applyStyles", "init"]
+}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@gaurav009/chai-ui",
+  "version": "1.0.0",
+  "description": "A lightweight, **JavaScript-powered utility-first styling library** that brings a warm, chai-inspired design system to the browser — without any build tools.",
+  "homepage": "https://github.com/gaurav0973/css-utility-library#readme",
+  "bugs": {
+    "url": "https://github.com/gaurav0973/css-utility-library/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gaurav0973/css-utility-library.git"
+  },
+  "license": "ISC",
+  "author": "",
+  "type": "module",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "dependencies": {
+    "esbuild": "^0.25.12"
+  },
+  "devDependencies": {}
+}

package/readme.md

@@ -0,0 +1,272 @@
+# ☕ chaiUi
+
+A lightweight, **JavaScript-powered utility-first styling library** that brings a warm, chai-inspired design system to the browser — without any build tools.
+
+Retro spirit, modern utility flow: old-school look, runtime-first engine.
+
+---
+
+## 📦 NPM Quick Start
+
+```bash
+npm install @gaurav009/chaiui
+```
+
+```html
+<script type="module">
+  import "@gaurav009/chaiui";
+</script>
+```
+
+CDN (after publish):
+
+```html
+<script src="https://unpkg.com/@gaurav009/chaiui/dist/chai-ui.js"></script>
+```
+
+---
+
+## 🛠️ Build For dist
+
+```bash
+npm install
+npm run build
+```
+
+Build output:
+
+- `dist/chai-ui.esm.js` (ES module for npm import)
+- `dist/chai-ui.js` (browser IIFE for CDN)
+
+---
+
+## 🚀 Publish To npm
+
+```bash
+npm login
+npm version patch
+npm publish
+```
+
+Tip: `prepublishOnly` script automatically runs build before publish.
+
+---
+
+## 🧠 What is chaiUi?
+
+chaiUi is a **runtime utility library** that lets you style elements using small, composable utility tokens — similar to Tailwind — but powered entirely by **JavaScript + DOM manipulation**.
+
+No bundlers. No compilation. Just plug and play.
+
+---
+
+## 🎯 Why chaiUi?
+
+Modern CSS frameworks rely on build steps.
+
+chaiUi takes a different approach:
+
+- ⚡ Works directly in the browser
+- 🧩 Utility-first (compose styles like LEGO)
+- ☕ Comes with a unique **chai-themed design language**
+- 🛠 Built using only **JavaScript + DOM**
+
+---
+
+## 🚀 Example
+
+```html
+<div chaiCss="kinare-se-4 pichhe-chai likhawat-safed gol-kinara chai-parchai">
+  ☕ Sip the code
+</div>
+```
+
+chaiUi will parse the `chaiCss` attribute and apply styles dynamically.
+
+---
+
+## 🕹️ Old School Use Case
+
+```html
+<section chaiCss="kinare-se-4 pichhe-cream kinara-rekha gol-kinara-2">
+  <h2 chaiCss="akshar-xl font-mota niche-se-2">chaiUi Control Panel</h2>
+  <p chaiCss="akshar-samanya niche-se-2">
+    Classic dashboard vibes with no CSS file.
+  </p>
+
+  <div chaiCss="lacheela fasla-2">
+    <button
+      chaiCss="kinare-x-se-3 kinare-y-se-2 pichhe-chai likhawat-safed gol-kinara"
+    >
+      Brew
+    </button>
+    <button
+      chaiCss="kinare-x-se-3 kinare-y-se-2 pichhe-masala likhawat-safed gol-kinara"
+    >
+      Export
+    </button>
+  </div>
+</section>
+```
+
+---
+
+## 🧩 Core Concept
+
+Instead of writing CSS:
+
+```css
+.card {
+  padding: 16px;
+  background: brown;
+  border-radius: 8px;
+}
+```
+
+You compose utilities:
+
+```html
+<div chaiCss="kinare-se-4 pichhe-chai gol-kinara"></div>
+```
+
+Each token is a **utility** that does one thing.
+
+---
+
+## 🏗️ How It Works
+
+chaiUi follows a simple pipeline:
+
+```
+[chaiCss] → Parser → Resolver → Apply → DOM
+```
+
+1. **Parser** → splits utility tokens
+2. **Resolver** → maps tokens to styles
+3. **Apply** → applies styles using `element.style`
+
+---
+
+## 🧱 Utility Categories (V1)
+
+chaiUi provides a minimal, focused set of utilities:
+
+### 📦 Layout
+
+- `lacheela` → `display: flex`
+- `lacheela-kolam` → `flex-direction: column`
+- `saman-beech` → `align-items: center`
+- `beech-mein` → `justify-content: center`
+- `dono-kinare` → `justify-content: space-between`
+
+Compatibility aliases: `flex`, `flex-col`, `items-center`, `justify-center`, `justify-between`
+
+### 📏 Spacing
+
+- `kinare-se-*` → padding (example: `kinare-se-2`)
+- `kinare-x-se-*`, `kinare-y-se-*` → horizontal/vertical padding
+- `bahar-se-*` → margin
+- `upar-se-*`, `niche-se-*` → top/bottom margin
+- `baaye-se-*`, `daaye-se-*` → left/right margin
+- `fasla-*` → gap
+
+Compatibility aliases (still supported): `p-*`, `m-*`, `px-*`, `py-*`, `mx-*`, `my-*`, `gap-*`
+
+> Scale: `1 = 4px`
+
+Example:
+
+```html
+<div chaiCss="kinare-se-2 upar-se-2 fasla-2"></div>
+```
+
+---
+
+### 🎨 Colors (Chai Theme ☕)
+
+- `pichhe-chai`, `pichhe-cream`, `pichhe-masala`
+- `likhawat-chai`, `likhawat-masala`, `likhawat-safed`
+
+Compatibility aliases: `bg-chai`, `bg-cream`, `bg-masala`, `text-chai`, `text-masala`, `text-white`
+
+---
+
+### ✍️ Typography
+
+- `akshar-chhota`, `akshar-samanya`, `akshar-bada`, `akshar-xl`
+- `font-patla`, `font-mota`
+- `likhawat-beech`, `likhawat-baaye`, `likhawat-daaye`
+
+Compatibility aliases: `text-sm`, `text-base`, `text-lg`, `text-xl`, `font-light`, `font-bold`, `text-center`, `text-left`, `text-right`
+
+---
+
+### 🔲 Borders & Radius
+
+- `kinara-rekha`
+- `gol-kinara`, `gol-kinara-2`, `poora-gola`
+
+Compatibility aliases: `border`, `rounded`, `rounded-2`, `rounded-full`
+
+---
+
+### 🌫️ Effects (Chai Identity 🔥)
+
+- `chai-parchai`
+- `halki-parchai`
+- `sheesha-chai`
+
+Compatibility aliases: `chai-shadow`, `soft-shadow`, `glass-chai`
+
+---
+
+### 📐 Size
+
+- `chaudai-poori`, `unchai-poori`
+- `chaudai-screen`, `unchai-screen`
+
+Compatibility aliases: `w-full`, `h-full`, `w-screen`, `h-screen`
+
+---
+
+### 🧱 Display
+
+- `dikhao`, `chhupao`
+
+Compatibility aliases: `block`, `hidden`
+
+---
+
+## ☕ Chai Design Philosophy
+
+chaiUi is not just utilities — it has a **personality**:
+
+- Warm colors
+- Soft shadows
+- Cozy UI feel
+- Minimal and expressive
+
+> “Build interfaces that feel like a cup of chai.”
+
+---
+
+## ⚠️ What’s NOT Included (V1)
+
+To keep things simple and focused:
+
+- ❌ No hover states
+- ❌ No responsive utilities
+- ❌ No animations
+- ❌ No components (button, card, etc.)
+
+chaiUi focuses purely on **utilities**.
+
+---
+
+## 🧠 Philosophy
+
+chaiUi follows the principle:
+
+> “Don’t give components. Give building blocks.”
+
+Instead of prebuilt UI, you compose everything using utilities.

package/scripts/build.mjs

@@ -0,0 +1,29 @@
+import { mkdirSync } from "node:fs";
+import { build } from "esbuild";
+
+mkdirSync("dist", { recursive: true });
+
+const shared = {
+  entryPoints: ["src/index.js"],
+  bundle: true,
+  target: ["es2018"],
+  legalComments: "none",
+};
+
+await build({
+  ...shared,
+  format: "esm",
+  outfile: "dist/chai-ui.esm.js",
+  sourcemap: true,
+});
+
+await build({
+  ...shared,
+  format: "iife",
+  globalName: "chaiUi",
+  outfile: "dist/chai-ui.js",
+  sourcemap: true,
+  minify: true,
+});
+
+console.log("Build complete: dist/chai-ui.esm.js and dist/chai-ui.js");

package/src/core/01-engine.js

@@ -0,0 +1,23 @@
+import { parse } from "./02-parser.js";
+import { resolve } from "./03-resolver.js";
+import { applyStyles } from "./04-apply.js";
+
+export function init() {
+  // 1. sare css applied ellements ko pick karo
+  const elements = document.querySelectorAll("[chaiCss]");
+
+  elements.forEach((el) => {
+    // 2. "kinare-se-4 gol-kinara" => ["kinare-se-4", "gol-kinara"]
+    const tokens = parse(el.getAttribute("chaiCss") || "");
+
+    // 3. harr tokean ka matlab kya hai?
+    tokens.forEach((token) => {
+      // 4. kaun si utility kisko handover karni hai?
+      const styles = resolve(token);
+
+      if (styles)
+        // 5. apply the css
+        applyStyles(el, styles);
+    });
+  });
+}

package/src/core/02-parser.js

@@ -0,0 +1,10 @@
+// "p-4 bg-chai" → ["p-4", "bg-chai"]
+export function parse(cssStringClass) {
+  if (!cssStringClass) {
+    return [];
+  }
+  if (typeof cssStringClass !== "string") {
+    return [];
+  }
+  return cssStringClass.trim().split(/\s+/).filter(Boolean);
+}

package/src/core/03-resolver.js

@@ -0,0 +1,17 @@
+import { spacing } from "../utilities/spacing.js";
+import { layout } from "../utilities/layout.js";
+import { colors } from "../utilities/colors.js";
+import { typography } from "../utilities/typography.js";
+import { border } from "../utilities/border.js";
+import { effects } from "../utilities/effects.js";
+import { size } from "../utilities/size.js";
+import { display } from "../utilities/display.js";
+
+// Kaunsi utility kis function ko handle karegi?”
+export function resolve(token) {
+  return (
+    spacing(token) || layout(token) || colors(token) ||
+    typography(token) || border(token) || effects(token) ||
+    size(token) || display(token) || null
+  );
+}

package/src/core/04-apply.js

@@ -0,0 +1,4 @@
+// Yahan actual styling hoti hai
+export function applyStyles(el, styles) {
+    Object.assign(el.style, styles);
+}

package/src/index.js

@@ -0,0 +1,5 @@
+import { init } from "./core/01-engine.js";
+
+document.addEventListener("DOMContentLoaded", () => {
+  init();
+});

package/src/theme/theme.js

@@ -0,0 +1,15 @@
+export const theme = {
+  colors: {
+    chai: "#8b5e3c",
+    cream: "#f6e7d0",
+    masala: "#5a3d2b",
+    white: "#ffffff",
+  },
+  border: {
+    base: "#d9c3a5",
+  },
+  effects: {
+    chaiShadow: "0 12px 24px rgba(90, 61, 43, 0.22)",
+    softShadow: "0 6px 16px rgba(90, 61, 43, 0.12)",
+  },
+};

package/src/utilities/border.js

@@ -0,0 +1,32 @@
+import { theme } from "../theme/theme.js";
+
+const map = {
+  "border": { 
+    border: `1px solid ${theme.border.base}` 
+  },
+  "kinara-rekha": { 
+    border: `1px solid ${theme.border.base}` 
+  },
+  "rounded": { 
+    borderRadius: "8px" 
+  },
+  "gol-kinara": { 
+    borderRadius: "8px" 
+  },
+  "rounded-2": { 
+    borderRadius: "12px" 
+  },
+  "gol-kinara-2": { 
+    borderRadius: "12px" 
+  },
+  "rounded-full": { 
+    borderRadius: "9999px" 
+  },
+  "poora-gola": { 
+    borderRadius: "9999px" 
+  },
+};
+
+export function border(token) {
+  return map[token] || null;
+}

package/src/utilities/colors.js

@@ -0,0 +1,29 @@
+import { theme } from "../theme/theme.js";
+
+const aliases = {
+  "pichhe-chai": "bg-chai",
+  "pichhe-cream": "bg-cream",
+  "pichhe-masala": "bg-masala",
+  "likhawat-chai": "text-chai",
+  "likhawat-masala": "text-masala",
+  "likhawat-safed": "text-white",
+};
+
+export function colors(token) {
+  const normalizedToken = aliases[token] || token;
+  const bgMatch = normalizedToken.match(/^bg-(chai|cream|masala)$/);
+  if (bgMatch) {
+    return { 
+      backgroundColor: theme.colors[bgMatch[1]] 
+    };
+  }
+
+  const textMatch = normalizedToken.match(/^text-(chai|masala|white)$/);
+  if (textMatch) {
+    return { 
+      color: theme.colors[textMatch[1]] 
+    };
+  }
+
+  return null;
+}

package/src/utilities/display.js

@@ -0,0 +1,10 @@
+const map = {
+  block: { display: "block" },
+  dikhao: { display: "block" },
+  hidden: { display: "none" },
+  chhupao: { display: "none" },
+};
+
+export function display(token) {
+  return map[token] || null;
+}

package/src/utilities/effects.js

@@ -0,0 +1,26 @@
+import { theme } from "../theme/theme.js";
+
+const map = {
+  "chai-shadow": { 
+    boxShadow: theme.effects.chaiShadow 
+  },
+  "chai-parchai": { 
+    boxShadow: theme.effects.chaiShadow 
+  },
+  "soft-shadow": { 
+    boxShadow: theme.effects.softShadow 
+  },
+  "halki-parchai": { 
+    boxShadow: theme.effects.softShadow 
+  },
+  "sheesha-chai": {
+    backgroundColor: "rgba(246, 231, 208, 0.45)",
+    border: `1px solid ${theme.border.base}`,
+    backdropFilter: "blur(8px)",
+    WebkitBackdropFilter: "blur(8px)",
+  },
+};
+
+export function effects(token) {
+  return map[token] || null;
+}

package/src/utilities/layout.js

@@ -0,0 +1,36 @@
+const map = {
+  flex: { 
+    display: "flex" 
+  },
+  lacheela: { 
+    display: "flex" 
+  },
+  "flex-col": { 
+    flexDirection: "column" 
+  },
+  "lacheela-kolam": { 
+    flexDirection: "column" 
+  },
+  "items-center": { 
+    alignItems: "center" 
+  },
+  "saman-beech": { 
+    alignItems: "center" 
+  },
+  "justify-center": { 
+    justifyContent: "center" 
+  },
+  "beech-mein": { 
+    justifyContent: "center" 
+  },
+  "justify-between": { 
+    justifyContent: "space-between" 
+  },
+  "dono-kinare": { 
+    justifyContent: "space-between" 
+  },
+};
+
+export function layout(token) {
+  return map[token] || null;
+}

package/src/utilities/size.js

@@ -0,0 +1,30 @@
+const map = {
+  "w-full": { 
+    width: "100%" 
+  },
+  "chaudai-poori": { 
+    width: "100%" 
+  },
+  "h-full": { 
+    height: "100%" 
+  },
+  "unchai-poori": { 
+    height: "100%" 
+  },
+  "w-screen": { 
+    width: "100vw" 
+  },
+  "chaudai-screen": {
+    width: "100vw"
+  },
+  "h-screen": { 
+    height: "100vh" 
+  },
+  "unchai-screen": { 
+    height: "100vh" 
+  },
+};
+
+export function size(token) {
+  return map[token] || null;
+}

package/src/utilities/spacing.js

@@ -0,0 +1,85 @@
+export function spacing(token) {
+  const match = token.match(
+    /^(p|m|px|py|mx|my|gap|kinare-se|kinare-x-se|kinare-y-se|bahar-se|upar-se|niche-se|daaye-se|baaye-se|fasla)-(\d+)$/,
+  );
+
+  if (!match) {
+    return null;
+  }
+
+  const kind = match[1];
+  const value = Number(match[2]) * 4 + "px";
+
+  if (kind === "p") 
+    return { 
+      padding: value 
+    };
+  if (kind === "kinare-se") 
+    return { 
+      padding: value 
+    };
+  if (kind === "m") 
+    return { 
+      margin: value 
+    };
+  if (kind === "bahar-se") 
+    return { 
+      margin: value 
+    };
+  if (kind === "px") 
+    return { 
+        paddingLeft: value, 
+        paddingRight: value 
+    };
+  if (kind === "kinare-x-se")
+    return { 
+      paddingLeft: value, 
+      paddingRight: value 
+    };
+  if (kind === "py") 
+    return { 
+        paddingTop: value, 
+        paddingBottom: value 
+    };
+  if (kind === "kinare-y-se")
+    return { 
+      paddingTop: value, 
+      paddingBottom: value 
+    };
+  if (kind === "mx") 
+    return { 
+      marginLeft: value, 
+      marginRight: value 
+    };
+  if (kind === "baaye-se") 
+    return { 
+      marginLeft: value 
+    };
+  if (kind === "daaye-se") 
+    return { 
+        marginRight: value 
+      };
+  if (kind === "my") 
+    return { 
+      marginTop: value, 
+      marginBottom: value 
+    };
+  if (kind === "upar-se") 
+    return { 
+      marginTop: value 
+    };
+  if (kind === "niche-se") 
+    return { 
+      marginBottom: value 
+    };
+  if (kind === "gap") 
+    return { 
+      gap: value 
+    };
+  if (kind === "fasla") 
+    return { 
+      gap: value 
+    };
+
+  return null;
+}

package/src/utilities/typography.js

@@ -0,0 +1,24 @@
+const map = {
+  "text-sm": { fontSize: "14px" },
+  "akshar-chhota": { fontSize: "14px" },
+  "text-base": { fontSize: "16px" },
+  "akshar-samanya": { fontSize: "16px" },
+  "text-lg": { fontSize: "18px" },
+  "akshar-bada": { fontSize: "18px" },
+  "text-xl": { fontSize: "20px" },
+  "akshar-xl": { fontSize: "20px" },
+  "font-light": { fontWeight: "300" },
+  "font-patla": { fontWeight: "300" },
+  "font-bold": { fontWeight: "700" },
+  "font-mota": { fontWeight: "700" },
+  "text-center": { textAlign: "center" },
+  "likhawat-beech": { textAlign: "center" },
+  "text-left": { textAlign: "left" },
+  "likhawat-baaye": { textAlign: "left" },
+  "text-right": { textAlign: "right" },
+  "likhawat-daaye": { textAlign: "right" },
+};
+
+export function typography(token) {
+  return map[token] || null;
+}