arekui 1.0.2 → 2.0.0

package/scripts/split.js

@@ -0,0 +1,256 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+const { BASE_IMPORTS } = require("./imports");
+
+const SRC_FILE = path.join(__dirname, "..", "arekui.css");
+const SRC_DIR = path.join(__dirname, "..", "src");
+
+const BASE_SECTIONS = {
+  1: "tokens.css",
+  "1b": "theme-default.css",
+  "1c": "theme-neo.css",
+  "1d": "theme-pixel.css",
+  "1e": "theme-brutalist.css",
+  2: "reset.css",
+  "37": "neo-overrides.css",
+  "37b": "pixel-overrides.css",
+  "37c": "brutalist-overrides.css",
+};
+
+const COMPONENT_SECTIONS = {
+  3: "button.css",
+  4: "navbar.css",
+  5: "menu.css",
+  6: "swap.css",
+  7: "card.css",
+  8: "badge.css",
+  9: "modal.css",
+  10: "carousel.css",
+  11: "sidebar.css",
+  12: "footer.css",
+  13: "hero.css",
+  14: "tooltip.css",
+  15: "link.css",
+  16: "join.css",
+  17: "prose.css",
+  18: "textured.css",
+  19: "forms.css",
+  20: "table.css",
+  21: "alert.css",
+  22: "tabs.css",
+  23: "accordion.css",
+  24: "progress.css",
+  25: "timeline.css",
+  26: "misc.css",
+  27: "toast.css",
+  28: "skeleton.css",
+  "28b": "loading.css",
+  29: "breadcrumb.css",
+  30: "pagination.css",
+  31: "rating.css",
+  32: "chat.css",
+  33: "tag.css",
+  34: "popover.css",
+  35: "file-upload.css",
+  36: "scroll-top.css",
+  "36b": "heading.css",
+  "36c": "spinner.css",
+  "36d": "docs.css",
+  "36e": "broadsheet.css",
+  "36f": "empty.css",
+  "36g": "segmented.css",
+  "36h": "kbd.css",
+  "36i": "description-list.css",
+};
+
+const UTILITY_SECTIONS = {
+  spacing: "spacing.css",
+  "layout & flex & grid": "layout.css",
+  typography: "typography.css",
+  sizing: "sizing.css",
+  colors: "colors.css",
+  "border, radius, shadow, position, misc": "borders.css",
+  "hover states": "hover.css",
+  responsive: "responsive.css",
+  neobrutalism: "neo-utilities.css",
+  "pixel-art": "pixel-utilities.css",
+  brutalist: "brutalist-utilities.css",
+};
+
+function split() {
+  const content = fs.readFileSync(SRC_FILE, "utf-8");
+
+  for (const dir of ["base", "components", "utilities"]) {
+    fs.mkdirSync(path.join(SRC_DIR, dir), { recursive: true });
+  }
+
+  const sectionRegex =
+    /\/\*\s*={10,}\s*\n\s*(\d+[a-z]?)\.\s+(.+?)\s*\n(?:[\s\S]*?)\s*={10,}\s*\*\//g;
+  const sections = [];
+  let m;
+  while ((m = sectionRegex.exec(content)) !== null) {
+    sections.push({
+      raw: m[1],
+      num: parseInt(m[1], 10),
+      name: m[2].trim(),
+      headerEnd: m.index + m[0].length,
+    });
+  }
+
+  for (let i = 0; i < sections.length; i++) {
+    const sec = sections[i];
+    const nextStart =
+      i + 1 < sections.length
+        ? content.lastIndexOf("/*", sections[i + 1].headerEnd - 100)
+        : content.length;
+
+    let start = sec.headerEnd;
+    while (
+      start < content.length &&
+      (content[start] === "\n" || content[start] === "\r")
+    ) {
+      start++;
+    }
+
+    const chunk = content.substring(start, nextStart).trim();
+
+    let outFile = null;
+    let outDir = null;
+
+    if (BASE_SECTIONS[sec.raw]) {
+      outFile = BASE_SECTIONS[sec.raw];
+      outDir = "base";
+    } else {
+      if (sec.name.toUpperCase().includes("UTILITIES")) {
+        for (const [keyword, filename] of Object.entries(UTILITY_SECTIONS)) {
+          if (sec.name.toLowerCase().includes(keyword.toLowerCase())) {
+            outFile = filename;
+            outDir = "utilities";
+            break;
+          }
+        }
+      }
+      if (!outFile && COMPONENT_SECTIONS[sec.raw]) {
+        outFile = COMPONENT_SECTIONS[sec.raw];
+        outDir = "components";
+      }
+    }
+
+    if (outFile && outDir && chunk) {
+      const filePath = path.join(SRC_DIR, outDir, outFile);
+      const stem = outFile
+        .replace(/\.css$/i, "")
+        .replace(/[^a-z0-9]+/gi, " ")
+        .trim()
+        .toUpperCase();
+      const name = sec.name.replace(/[^a-z0-9]+/gi, " ").trim().toUpperCase();
+      const header = name === stem ? "" : `/* ${sec.name} */\n`;
+      fs.writeFileSync(filePath, `${header}${chunk}\n`);
+      console.log(`✓ ${outDir}/${outFile} (${chunk.split("\n").length} lines)`);
+    } else {
+      console.log(`⚠ Skipped section ${sec.num}: ${sec.name}`);
+    }
+  }
+
+  createOrchestrator();
+  console.log("\n✓ Split complete!");
+}
+
+// Files in section order. Object keys iterate the integer-like entries
+// ("3".."36") before the lettered ones ("28b", "36b"), so Object.values
+// alone would list loading.css after scroll-top.css instead of right after
+// skeleton.css. Sort keys back by section number, then by suffix.
+function sectionFiles(sections) {
+  return Object.keys(sections)
+    .sort((a, b) => parseInt(a, 10) - parseInt(b, 10) || a.localeCompare(b))
+    .map((key) => sections[key]);
+}
+
+function createOrchestrator() {
+  // Import lines mirror the section maps above: split order is cascade order,
+  // so reordering a section reorders the generated bundles too.
+  const importLines = (files, layer) =>
+    files.map((file) => `@import "./${layer}/${file}" layer(${layer});`);
+
+  const lines = [
+    "/* ArekUI v2.0.0 - CSS Framework */",
+    "/* https://github.com/andikarekatias/arekui */",
+    "",
+    "@layer base, components, themes, utilities;",
+    "",
+    "/* Base layer */",
+    ...BASE_IMPORTS,
+    "",
+    "/* Components */",
+    ...importLines(sectionFiles(COMPONENT_SECTIONS), "components"),
+    "",
+    "/* Utilities */",
+    // Utility keys are plain words, so Object.values already lists them in
+    // the order they are written above.
+    ...importLines(Object.values(UTILITY_SECTIONS), "utilities"),
+  ];
+
+  fs.writeFileSync(path.join(SRC_DIR, "arekui.css"), lines.join("\n"));
+  console.log("✓ src/arekui.css (orchestrator)");
+
+  const lookImports = new Set([
+    "./base/neo-overrides.css",
+    "./base/pixel-overrides.css",
+    "./base/brutalist-overrides.css",
+    "./utilities/neo-utilities.css",
+    "./utilities/pixel-utilities.css",
+    "./utilities/brutalist-utilities.css",
+  ]);
+  const styleImports = new Set([
+    "./base/theme-neo.css",
+    "./base/theme-pixel.css",
+    "./base/theme-brutalist.css",
+  ]);
+  const without = (drop) =>
+    lines.filter((line) => {
+      const m = /^@import "(\.\/[^"]+)"/.exec(line);
+      return !m || !drop.has(m[1]);
+    });
+  const base = without(
+    new Set([...styleImports, "./base/theme-default.css", ...lookImports]),
+  );
+  fs.writeFileSync(path.join(SRC_DIR, "arekui.base.css"), base.join("\n"));
+  console.log("✓ src/arekui.base.css (themeless orchestrator)");
+
+  const core = without(new Set([...styleImports, ...lookImports]));
+  fs.writeFileSync(path.join(SRC_DIR, "arekui.core.css"), core.join("\n"));
+  console.log("✓ src/arekui.core.css (default light+dark orchestrator)");
+
+  const addOn = (file, imports) => {
+    const body = [...lines.slice(0, 5), ...imports].join("\n") + "\n";
+    fs.writeFileSync(path.join(SRC_DIR, file), body);
+    console.log(`✓ src/${file} (theme add-on orchestrator)`);
+  };
+  addOn("arekui.default.css", [
+    '@import "./base/theme-default.css" layer(base);',
+  ]);
+  addOn("arekui.neo.css", [
+    '@import "./base/theme-neo.css" layer(base);',
+    '@import "./base/neo-overrides.css" layer(themes);',
+    '@import "./utilities/neo-utilities.css" layer(utilities);',
+  ]);
+  addOn("arekui.pixel.css", [
+    '@import "./base/theme-pixel.css" layer(base);',
+    '@import "./base/pixel-overrides.css" layer(themes);',
+    '@import "./utilities/pixel-utilities.css" layer(utilities);',
+  ]);
+  addOn("arekui.brutalist.css", [
+    '@import "./base/theme-brutalist.css" layer(base);',
+    '@import "./base/brutalist-overrides.css" layer(themes);',
+    '@import "./utilities/brutalist-utilities.css" layer(utilities);',
+  ]);
+  // Component add-on, same shape as the theme add-ons: shared header plus its
+  // own import — the sheet tokens and components ride together in one file.
+  addOn("arekui.broadsheet.css", [
+    '@import "./components/broadsheet.css" layer(components);',
+  ]);
+}
+
+split();

package/src/arekui.base.css

@@ -0,0 +1,63 @@
+/* ArekUI v2.0.0 - CSS Framework */
+/* https://github.com/andikarekatias/arekui */
+
+@layer base, components, themes, utilities;
+
+/* Base layer */
+@import "./base/tokens.css" layer(base);
+@import "./base/reset.css" layer(base);
+
+/* Components */
+@import "./components/button.css" layer(components);
+@import "./components/navbar.css" layer(components);
+@import "./components/menu.css" layer(components);
+@import "./components/swap.css" layer(components);
+@import "./components/card.css" layer(components);
+@import "./components/badge.css" layer(components);
+@import "./components/modal.css" layer(components);
+@import "./components/carousel.css" layer(components);
+@import "./components/sidebar.css" layer(components);
+@import "./components/footer.css" layer(components);
+@import "./components/hero.css" layer(components);
+@import "./components/tooltip.css" layer(components);
+@import "./components/link.css" layer(components);
+@import "./components/join.css" layer(components);
+@import "./components/prose.css" layer(components);
+@import "./components/textured.css" layer(components);
+@import "./components/forms.css" layer(components);
+@import "./components/table.css" layer(components);
+@import "./components/alert.css" layer(components);
+@import "./components/tabs.css" layer(components);
+@import "./components/accordion.css" layer(components);
+@import "./components/progress.css" layer(components);
+@import "./components/timeline.css" layer(components);
+@import "./components/misc.css" layer(components);
+@import "./components/toast.css" layer(components);
+@import "./components/skeleton.css" layer(components);
+@import "./components/loading.css" layer(components);
+@import "./components/breadcrumb.css" layer(components);
+@import "./components/pagination.css" layer(components);
+@import "./components/rating.css" layer(components);
+@import "./components/chat.css" layer(components);
+@import "./components/tag.css" layer(components);
+@import "./components/popover.css" layer(components);
+@import "./components/file-upload.css" layer(components);
+@import "./components/scroll-top.css" layer(components);
+@import "./components/heading.css" layer(components);
+@import "./components/spinner.css" layer(components);
+@import "./components/docs.css" layer(components);
+@import "./components/broadsheet.css" layer(components);
+@import "./components/empty.css" layer(components);
+@import "./components/segmented.css" layer(components);
+@import "./components/kbd.css" layer(components);
+@import "./components/description-list.css" layer(components);
+
+/* Utilities */
+@import "./utilities/spacing.css" layer(utilities);
+@import "./utilities/layout.css" layer(utilities);
+@import "./utilities/typography.css" layer(utilities);
+@import "./utilities/sizing.css" layer(utilities);
+@import "./utilities/colors.css" layer(utilities);
+@import "./utilities/borders.css" layer(utilities);
+@import "./utilities/hover.css" layer(utilities);
+@import "./utilities/responsive.css" layer(utilities);

package/src/arekui.broadsheet.css

@@ -0,0 +1,6 @@
+/* ArekUI v2.0.0 - CSS Framework */
+/* https://github.com/andikarekatias/arekui */
+
+@layer base, components, themes, utilities;
+
+@import "./components/broadsheet.css" layer(components);

package/src/arekui.brutalist.css

@@ -0,0 +1,8 @@
+/* ArekUI v2.0.0 - CSS Framework */
+/* https://github.com/andikarekatias/arekui */
+
+@layer base, components, themes, utilities;
+
+@import "./base/theme-brutalist.css" layer(base);
+@import "./base/brutalist-overrides.css" layer(themes);
+@import "./utilities/brutalist-utilities.css" layer(utilities);

package/src/arekui.core.css

@@ -0,0 +1,64 @@
+/* ArekUI v2.0.0 - CSS Framework */
+/* https://github.com/andikarekatias/arekui */
+
+@layer base, components, themes, utilities;
+
+/* Base layer */
+@import "./base/tokens.css" layer(base);
+@import "./base/theme-default.css" layer(base);
+@import "./base/reset.css" layer(base);
+
+/* Components */
+@import "./components/button.css" layer(components);
+@import "./components/navbar.css" layer(components);
+@import "./components/menu.css" layer(components);
+@import "./components/swap.css" layer(components);
+@import "./components/card.css" layer(components);
+@import "./components/badge.css" layer(components);
+@import "./components/modal.css" layer(components);
+@import "./components/carousel.css" layer(components);
+@import "./components/sidebar.css" layer(components);
+@import "./components/footer.css" layer(components);
+@import "./components/hero.css" layer(components);
+@import "./components/tooltip.css" layer(components);
+@import "./components/link.css" layer(components);
+@import "./components/join.css" layer(components);
+@import "./components/prose.css" layer(components);
+@import "./components/textured.css" layer(components);
+@import "./components/forms.css" layer(components);
+@import "./components/table.css" layer(components);
+@import "./components/alert.css" layer(components);
+@import "./components/tabs.css" layer(components);
+@import "./components/accordion.css" layer(components);
+@import "./components/progress.css" layer(components);
+@import "./components/timeline.css" layer(components);
+@import "./components/misc.css" layer(components);
+@import "./components/toast.css" layer(components);
+@import "./components/skeleton.css" layer(components);
+@import "./components/loading.css" layer(components);
+@import "./components/breadcrumb.css" layer(components);
+@import "./components/pagination.css" layer(components);
+@import "./components/rating.css" layer(components);
+@import "./components/chat.css" layer(components);
+@import "./components/tag.css" layer(components);
+@import "./components/popover.css" layer(components);
+@import "./components/file-upload.css" layer(components);
+@import "./components/scroll-top.css" layer(components);
+@import "./components/heading.css" layer(components);
+@import "./components/spinner.css" layer(components);
+@import "./components/docs.css" layer(components);
+@import "./components/broadsheet.css" layer(components);
+@import "./components/empty.css" layer(components);
+@import "./components/segmented.css" layer(components);
+@import "./components/kbd.css" layer(components);
+@import "./components/description-list.css" layer(components);
+
+/* Utilities */
+@import "./utilities/spacing.css" layer(utilities);
+@import "./utilities/layout.css" layer(utilities);
+@import "./utilities/typography.css" layer(utilities);
+@import "./utilities/sizing.css" layer(utilities);
+@import "./utilities/colors.css" layer(utilities);
+@import "./utilities/borders.css" layer(utilities);
+@import "./utilities/hover.css" layer(utilities);
+@import "./utilities/responsive.css" layer(utilities);

package/src/arekui.css

@@ -1,56 +1,73 @@
-/* Arekui v1.0.0 - CSS Framework */
-/* https://github.com/andikarekatias/arekui */
-
-@layer base, components, utilities;
-
-/* Base layer */
-@import "./base/tokens.css" layer(base);
-@import "./base/reset.css" layer(base);
-@import "./base/neo-overrides.css" layer(base);
-
-/* Components */
-@import "./components/button.css" layer(components);
-@import "./components/navbar.css" layer(components);
-@import "./components/menu.css" layer(components);
-@import "./components/swap.css" layer(components);
-@import "./components/card.css" layer(components);
-@import "./components/badge.css" layer(components);
-@import "./components/modal.css" layer(components);
-@import "./components/carousel.css" layer(components);
-@import "./components/drawer.css" layer(components);
-@import "./components/footer.css" layer(components);
-@import "./components/hero.css" layer(components);
-@import "./components/tooltip.css" layer(components);
-@import "./components/link.css" layer(components);
-@import "./components/join.css" layer(components);
-@import "./components/prose.css" layer(components);
-@import "./components/textured.css" layer(components);
-@import "./components/forms.css" layer(components);
-@import "./components/table.css" layer(components);
-@import "./components/alert.css" layer(components);
-@import "./components/tabs.css" layer(components);
-@import "./components/accordion.css" layer(components);
-@import "./components/progress.css" layer(components);
-@import "./components/timeline.css" layer(components);
-@import "./components/misc.css" layer(components);
-@import "./components/toast.css" layer(components);
-@import "./components/skeleton.css" layer(components);
-@import "./components/breadcrumb.css" layer(components);
-@import "./components/pagination.css" layer(components);
-@import "./components/rating.css" layer(components);
-@import "./components/chat.css" layer(components);
-@import "./components/tag.css" layer(components);
-@import "./components/popover.css" layer(components);
-@import "./components/file-upload.css" layer(components);
-@import "./components/scroll-top.css" layer(components);
-
-/* Utilities */
-@import "./utilities/spacing.css" layer(utilities);
-@import "./utilities/layout.css" layer(utilities);
-@import "./utilities/typography.css" layer(utilities);
-@import "./utilities/sizing.css" layer(utilities);
-@import "./utilities/colors.css" layer(utilities);
-@import "./utilities/borders.css" layer(utilities);
-@import "./utilities/hover.css" layer(utilities);
-@import "./utilities/responsive.css" layer(utilities);
-@import "./utilities/neo-utilities.css" layer(utilities);
+/* ArekUI v2.0.0 - CSS Framework */
+/* https://github.com/andikarekatias/arekui */
+
+@layer base, components, themes, utilities;
+
+/* Base layer */
+@import "./base/tokens.css" layer(base);
+@import "./base/theme-default.css" layer(base);
+@import "./base/theme-neo.css" layer(base);
+@import "./base/theme-pixel.css" layer(base);
+@import "./base/theme-brutalist.css" layer(base);
+@import "./base/reset.css" layer(base);
+@import "./base/neo-overrides.css" layer(themes);
+@import "./base/pixel-overrides.css" layer(themes);
+@import "./base/brutalist-overrides.css" layer(themes);
+
+/* Components */
+@import "./components/button.css" layer(components);
+@import "./components/navbar.css" layer(components);
+@import "./components/menu.css" layer(components);
+@import "./components/swap.css" layer(components);
+@import "./components/card.css" layer(components);
+@import "./components/badge.css" layer(components);
+@import "./components/modal.css" layer(components);
+@import "./components/carousel.css" layer(components);
+@import "./components/sidebar.css" layer(components);
+@import "./components/footer.css" layer(components);
+@import "./components/hero.css" layer(components);
+@import "./components/tooltip.css" layer(components);
+@import "./components/link.css" layer(components);
+@import "./components/join.css" layer(components);
+@import "./components/prose.css" layer(components);
+@import "./components/textured.css" layer(components);
+@import "./components/forms.css" layer(components);
+@import "./components/table.css" layer(components);
+@import "./components/alert.css" layer(components);
+@import "./components/tabs.css" layer(components);
+@import "./components/accordion.css" layer(components);
+@import "./components/progress.css" layer(components);
+@import "./components/timeline.css" layer(components);
+@import "./components/misc.css" layer(components);
+@import "./components/toast.css" layer(components);
+@import "./components/skeleton.css" layer(components);
+@import "./components/loading.css" layer(components);
+@import "./components/breadcrumb.css" layer(components);
+@import "./components/pagination.css" layer(components);
+@import "./components/rating.css" layer(components);
+@import "./components/chat.css" layer(components);
+@import "./components/tag.css" layer(components);
+@import "./components/popover.css" layer(components);
+@import "./components/file-upload.css" layer(components);
+@import "./components/scroll-top.css" layer(components);
+@import "./components/heading.css" layer(components);
+@import "./components/spinner.css" layer(components);
+@import "./components/docs.css" layer(components);
+@import "./components/broadsheet.css" layer(components);
+@import "./components/empty.css" layer(components);
+@import "./components/segmented.css" layer(components);
+@import "./components/kbd.css" layer(components);
+@import "./components/description-list.css" layer(components);
+
+/* Utilities */
+@import "./utilities/spacing.css" layer(utilities);
+@import "./utilities/layout.css" layer(utilities);
+@import "./utilities/typography.css" layer(utilities);
+@import "./utilities/sizing.css" layer(utilities);
+@import "./utilities/colors.css" layer(utilities);
+@import "./utilities/borders.css" layer(utilities);
+@import "./utilities/hover.css" layer(utilities);
+@import "./utilities/responsive.css" layer(utilities);
+@import "./utilities/neo-utilities.css" layer(utilities);
+@import "./utilities/pixel-utilities.css" layer(utilities);
+@import "./utilities/brutalist-utilities.css" layer(utilities);

package/src/arekui.default.css

@@ -0,0 +1,6 @@
+/* ArekUI v2.0.0 - CSS Framework */
+/* https://github.com/andikarekatias/arekui */
+
+@layer base, components, themes, utilities;
+
+@import "./base/theme-default.css" layer(base);

package/src/arekui.neo.css

@@ -0,0 +1,8 @@
+/* ArekUI v2.0.0 - CSS Framework */
+/* https://github.com/andikarekatias/arekui */
+
+@layer base, components, themes, utilities;
+
+@import "./base/theme-neo.css" layer(base);
+@import "./base/neo-overrides.css" layer(themes);
+@import "./utilities/neo-utilities.css" layer(utilities);

package/src/arekui.pixel.css

@@ -0,0 +1,8 @@
+/* ArekUI v2.0.0 - CSS Framework */
+/* https://github.com/andikarekatias/arekui */
+
+@layer base, components, themes, utilities;
+
+@import "./base/theme-pixel.css" layer(base);
+@import "./base/pixel-overrides.css" layer(themes);
+@import "./utilities/pixel-utilities.css" layer(utilities);