arekui 1.0.0 → 2.0.0

package/CHANGELOG.md

@@ -0,0 +1,49 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this project adheres to [Semantic Versioning 2.0.0](https://semver.org/spec/v2.0.0.html).
+
+## [2.0.0] - 19-10-2026
+
+Summary of everything since 1.0.2 (published 2026-10-06). Major bump because
+of the renames below; the full narrative lives on the frozen
+`draft-2.0.0` branch.
+
+### Breaking
+
+- `ARStyle` renamed to `ArekUI` - no alias
+- `ar-drawer` renamed to `ar-sidebar` - no alias; `-top`/`-bottom` placements removed
+- `data-ar-exclusive` now *enables* one-open-at-a-time on `.ar-accordion`
+- `lightningcss` is now a runtime dependency (used by the `arekui-build` CLI)
+- `arekui.min.css` no longer contains the neo/pixel/brutalist mappings - load the theme add-on or `arekui.full`
+
+### Added
+
+- **Brutalist theme** (`data-theme="brutalist"`) and **broadsheet print sheet** add-on
+- **New components**: `ar-spinner`, `ar-heading`, scroll reveal (`[data-ar-reveal]`, `--ar-delay`), `ar-empty`, `ar-avatar-group`, `ar-segmented`, `ar-kbd`, `ar-dl`, `ar-docs-*`, `ar-search`, sidebar variants (`responsive`, `nav`, `compact`, keyboard support)
+- **Build**: one master CSS now emits eight bundles (base / core / default / full / neo / pixel / brutalist / broadsheet)
+
+### Improved
+
+- **Accessibility** - per-theme `--ar-*-text` tokens push labels, tags and buttons to AA in all five themes (light and dark); tabs gain full ARIA and arrow-key navigation
+- **arekui-build** no longer drops `docs.css`, the pixel theme, loading bar and `ar-pixel-*` utilities
+
+### Removed
+
+- `site/` docs site and `sync-site.js` from this branch - the site lives on the orphan `site` branch
+
+## [1.0.2] - 06-10-2026
+
+Published to npm on 2026-10-06.
+
+- Pixel theme, loading bar, carousel controls, neo/pixel toggles, usage guides
+
+## [1.0.1] - 18-09-2026
+
+Published, then withdrawn the same day - the version number is burned.
+
+## [1.0.0] - 12-09-2026
+
+Initial release: 34 components, 3 themes, utilities, `arekui-build` CLI, JS API, TypeScript definitions.

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Andika Rekatias
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Andika Rekatias
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,198 +1,26 @@
-# Arekui
-
-A standalone CSS framework. No dependencies, no build step. Just link and go.
-
-34 components, 3 themes (light/dark/neobrutalism), utility classes, and a smart builder that only outputs what you use.
-
-## Quick Start
-
-```html
-<link rel="stylesheet" href="arekui.css">
-```
-
-That's it. No npm required. Works in any HTML file.
-
-### Themes
-
-```html
-<html data-theme="light">
-<html data-theme="dark">
-<html data-theme="neo">     <!-- neobrutalism -->
-```
-
-Falls back to system preference if no theme is set.
-
-### Install via npm
-
-```bash
-npm install arekui
-# or: pnpm add arekui / yarn add arekui / bun add arekui
-```
-
-## Components
-
-`ar-btn` · `ar-card` · `ar-modal` · `ar-navbar` · `ar-tabs` · `ar-accordion` · `ar-drawer` · `ar-toast` · `ar-badge` · `ar-alert` · `ar-table` · `ar-forms` (input, select, checkbox, radio, toggle, textarea) · `ar-carousel` · `ar-skeleton` · `ar-breadcrumb` · `ar-pagination` · `ar-rating` · `ar-chat` · `ar-tag` · `ar-popover` · `ar-file-upload` · `ar-scroll-top` · `ar-tooltip` · `ar-footer` · `ar-hero` · `ar-prose` · `ar-progress` · `ar-timeline` · `ar-divider` · `ar-stepper` · `ar-avatar` · `ar-swap` · `ar-link` · `ar-join`
-
-All prefixed with `ar-`. No conflicts with other frameworks.
-
-### Buttons
-
-```html
-<button class="ar-btn">Default</button>
-<button class="ar-btn ar-btn-primary">Primary</button>
-<button class="ar-btn ar-btn-outline">Outline</button>
-<button class="ar-btn ar-btn-ghost">Ghost</button>
-<button class="ar-btn ar-btn-disabled" disabled>Disabled</button>
-```
-
-### Cards
-
-```html
-<div class="ar-card">
-  <div class="ar-card-body">
-    <h3 class="ar-card-title">Title</h3>
-    <p>Content goes here.</p>
-    <button class="ar-btn ar-btn-primary">Action</button>
-  </div>
-</div>
-```
-
-### Modal
-
-```html
-<dialog class="ar-modal">
-  <div class="ar-modal-box">
-    <h3>Hello</h3>
-    <p>Modal content</p>
-    <button data-ar-close>Close</button>
-  </div>
-  <form method="dialog" class="ar-modal-backdrop">
-    <button>close</button>
-  </form>
-</dialog>
-
-<button data-ar-open="my-modal">Open</button>
-```
-
-### Navbar
-
-```html
-<nav class="ar-navbar ar-bg-base-200 ar-p-4">
-  <div class="ar-navbar-start">Logo</div>
-  <div class="ar-navbar-center">Title</div>
-  <div class="ar-navbar-end">
-    <button class="ar-btn">Login</button>
-  </div>
-</nav>
-```
-
-See `demo/index.html` for every component.
-
-## Utilities
-
-Spacing: `ar-p-4`, `ar-m-2`, `ar-gap-4`
-Layout: `ar-flex`, `ar-grid`, `ar-grid-cols-3`, `ar-items-center`
-Typography: `ar-text-lg`, `ar-font-bold`, `ar-text-center`
-Colors: `ar-bg-primary`, `ar-text-base-content`
-Borders: `ar-rounded-lg`, `ar-shadow-md`, `ar-border`
-Responsive: `ar-md:grid-cols-2`, `ar-lg:flex`
-
-## Theming
-
-Override tokens in your own CSS:
-
-```css
-html[data-theme="light"] {
-  --ar-primary: oklch(65% 0.2 250);
-  --ar-radius-box: 1rem;
-}
-```
-
-### Neo Theme
-
-Hard shadows, thick borders, bold colors:
-
-```css
---ar-shadow-md: 4px 4px 0px 0px #1e293b;
---ar-border-width: 3px;
---ar-primary: #00AEEF;
-```
-
-Use `ar-neo-*` utilities with any theme:
-
-```html
-<div class="ar-neo-shadow-lg ar-neo-border">Bold shadow</div>
-```
-
-## Smart Build
-
-`arekui-build` scans your source and only includes what you use.
-
-```bash
-npx arekui-build -i ./src -o ./assets
-```
-
-Your HTML uses `ar-btn`, `ar-card`, and `ar-flex`? Output includes only those — not all 34 components.
-
-### Config file (optional)
-
-```js
-// arekui.config.js
-module.exports = {
-  input: "./src",
-  output: "./assets",
-  name: "app",
-};
-```
-
-```bash
-npx arekui-build    # reads config
-```
-
-### CLI flags
-
-| Flag | What it does |
-| ------ | -------------- |
-| `-i` | Directory to scan |
-| `-o` | Output directory |
-| `-n` | Output filename |
-| `--sourcemap` | Generate sourcemap |
-| `--full` | Include everything |
-
-## JavaScript API
-
-Optional. Loads via `<script src="arekui.js">`.
-
-```js
-ARStyle.setTheme("dark");
-ARStyle.getTheme();
-
-ARStyle.toast("Saved!", { type: "success", duration: 3000 });
-ARStyle.openPopover("my-popover");
-ARStyle.closePopover("my-popover");
-ARStyle.setRating(el, 4);
-ARStyle.getRating(el);
-```
-
-## TypeScript
-
-Types included. Full autocomplete in VS Code.
-
-```ts
-import ARStyle from "arekui";
-
-ARStyle.setTheme("dark");
-ARStyle.toast("Hello", { type: "info" });
-```
-
-## Browser Support
-
-Modern browsers. Chrome, Edge, Firefox, Safari. Needs CSS custom properties support.
-
-## License
-
-MIT — use it however you want.
-
----
-
-Made by [Andika Rekatias](https://github.com/andikarekatias)
+<p align="center">
+    <img alt="Logo" src="https://arekui.andikarekatias.com/assets/img/logo.png">    
+</p>
+<p align="center">
+    <img alt="NPM Version" src="https://img.shields.io/npm/v/arekui">
+    <img alt="NPM Downloads" src="https://img.shields.io/npm/d18m/arekui">
+    <img alt="NPM License" src="https://img.shields.io/npm/l/arekui">    
+    <img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/andikarekatias/arekui">
+</p>
+
+# ArekUI
+
+A standalone CSS framework. No browser runtime dependencies, no build step. Just link and go.
+
+:globe_with_meridians: **[Official Website](https://arekui.andikarekatias.com)**
+
+:file_folder: **[All Components](https://arekui.andikarekatias.com/docs/2.x/components)**
+
+:fountain_pen: **[Quick Start](https://arekui.andikarekatias.com/docs/2.x/start/quick-start)**
+
+
+
+---
+## License
+
+[MIT license](https://opensource.org/licenses/MIT).