arekui 1.0.0 → 2.0.0

package/scripts/build-js.js

@@ -0,0 +1,68 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+const esbuild = require("esbuild");
+
+const SRC = path.join(__dirname, "..", "arekui.js");
+const DIST = path.join(__dirname, "..", "dist");
+const OUT_MIN = path.join(DIST, "js", "arekui.min.js");
+const OUT_MAP = path.join(DIST, "js", "arekui.min.js.map");
+
+const args = process.argv.slice(2);
+const watch = args.includes("--watch");
+const sourcemap = args.includes("--sourcemap");
+
+async function build() {
+  const startTime = Date.now();
+
+  fs.mkdirSync(path.dirname(OUT_MIN), { recursive: true });
+
+  try {
+    const result = await esbuild.build({
+      entryPoints: [SRC],
+      bundle: false,
+      minify: true,
+      sourcemap: sourcemap,
+      outfile: OUT_MIN,
+      target: ["es2018"],
+      format: "iife",
+      legalComments: "none",
+      banner: {
+        js: "/*! ArekUI v2.0.0 | MIT License */",
+      },
+      write: false,
+    });
+
+    for (const file of result.outputFiles) {
+      fs.writeFileSync(file.path, file.contents);
+    }
+
+    const originalSize = fs.statSync(SRC).size;
+    const minifiedSize = fs.statSync(OUT_MIN).size;
+    const reduction = ((1 - minifiedSize / originalSize) * 100).toFixed(1);
+    const elapsed = Date.now() - startTime;
+
+    console.log(`✓ JS built in ${elapsed}ms`);
+    console.log(
+      `  ${originalSize} → ${minifiedSize} bytes (${reduction}% reduction)`,
+    );
+    console.log(`  Output: ${OUT_MIN}`);
+    if (sourcemap) {
+      console.log(`  Sourcemap: ${OUT_MAP}`);
+    }
+  } catch (err) {
+    console.error("✗ JS build failed:", err.message);
+    process.exit(1);
+  }
+}
+
+if (watch) {
+  console.log(`Watching ${SRC} for changes...`);
+  fs.watchFile(SRC, { interval: 100 }, () => {
+    console.log("\nChange detected, rebuilding JS...");
+    build();
+  });
+}
+
+build();

package/scripts/clean.js

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+
+const DIST = path.join(__dirname, "..", "dist");
+
+if (fs.existsSync(DIST)) {
+  fs.rmSync(DIST, { recursive: true, force: true });
+  console.log(`✓ Removed ${DIST}`);
+} else {
+  console.log("ℹ Nothing to clean (dist/ doesn't exist)");
+}

package/scripts/dev.js

@@ -0,0 +1,97 @@
+#!/usr/bin/env node
+
+const { spawn, spawnSync } = require("child_process");
+const fs = require("fs");
+const path = require("path");
+
+const ROOT = path.join(__dirname, "..");
+const SCRIPTS = __dirname;
+const children = [];
+let shuttingDown = false;
+
+// Runs a script to completion before continuing. With { fatal: true } a
+// failed run tears the dev process down instead of building on top of a
+// stale bundle.
+function run(script, { fatal = false } = {}) {
+  const result = spawnSync(process.execPath, [path.join(SCRIPTS, script)], {
+    cwd: ROOT,
+    stdio: "inherit",
+  });
+  if (result.status !== 0) {
+    console.error(`✗ ${script} failed`);
+    if (fatal) process.exit(result.status || 1);
+  }
+}
+
+function watchScript(script, label) {
+  const child = spawn(process.execPath, [path.join(SCRIPTS, script), "--watch"], {
+    cwd: ROOT,
+    stdio: ["ignore", "pipe", "pipe"],
+  });
+  const prefix = `\x1b[90m[${label}]\x1b[0m `;
+  const pipe = (stream, out) => {
+    let buffer = "";
+    stream.on("data", (chunk) => {
+      buffer += chunk.toString();
+      const lines = buffer.split("\n");
+      buffer = lines.pop();
+      for (const line of lines) out.write(prefix + line + "\n");
+    });
+  };
+  pipe(child.stdout, process.stdout);
+  pipe(child.stderr, process.stderr);
+  child.on("exit", (code, signal) => {
+    if (shuttingDown) return;
+    console.error(`${prefix}exited unexpectedly (${signal || code})`);
+    shutdown(1);
+  });
+  children.push(child);
+}
+
+function shutdown(code) {
+  if (shuttingDown) return;
+  shuttingDown = true;
+  for (const child of children) {
+    if (child.exitCode === null && child.signalCode === null) {
+      try {
+        child.kill();
+      } catch (e) {}
+    }
+  }
+  process.exit(code);
+}
+
+process.on("SIGINT", () => shutdown(0));
+process.on("SIGTERM", () => shutdown(0));
+
+const timers = new Map();
+function debounce(key, label, fn) {
+  const existing = timers.get(key);
+  if (existing) clearTimeout(existing);
+  timers.set(
+    key,
+    setTimeout(() => {
+      timers.delete(key);
+      process.stdout.write(`\x1b[90m[${label}]\x1b[0m ${key} changed\n`);
+      fn();
+    }, 100),
+  );
+}
+
+console.log("ArekUI dev\n");
+
+run("split.js", { fatal: true });
+run("build-css.js", { fatal: true });
+run("build-js.js", { fatal: true });
+
+watchScript("build-css.js", "css");
+watchScript("build-js.js", "js");
+
+const rootCss = path.join(ROOT, "arekui.css");
+if (fs.existsSync(rootCss)) {
+  fs.watchFile(rootCss, { interval: 200 }, () => {
+    debounce("arekui.css", "split", () => run("split.js"));
+  });
+}
+
+console.log("Watching arekui.css (Ctrl+C to stop)\n");

package/scripts/imports.js

@@ -0,0 +1,18 @@
+// The nine base-layer imports every ArekUI entry point starts with. Both
+// consumers must emit them identically, so they live here once instead of
+// being kept in sync by hand: split.js (the src/ orchestrators) and
+// build-custom.js (the arekui-build consumer bundle).
+
+const BASE_IMPORTS = [
+  '@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);',
+];
+
+module.exports = { BASE_IMPORTS };

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,12 +1,18 @@
-/* Arekui v1.0.0 - CSS Framework */
+/* ArekUI v2.0.0 - CSS Framework */
 /* https://github.com/andikarekatias/arekui */
 
-@layer base, components, utilities;
+@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(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);
@@ -17,7 +23,7 @@
 @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/sidebar.css" layer(components);
 @import "./components/footer.css" layer(components);
 @import "./components/hero.css" layer(components);
 @import "./components/tooltip.css" layer(components);
@@ -35,6 +41,7 @@
 @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);
@@ -43,6 +50,14 @@
 @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);
@@ -53,4 +68,6 @@
 @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/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);