beercss 3.13.1 → 3.13.2

package/package.json

@@ -1,76 +1,76 @@
-{
-  "author": "Everton and Leonardo",
-  "description": "Build material design interfaces in record time... without stress for devs.",
-  "homepage": "https://www.beercss.com/",
-  "version": "3.13.1",
-  "name": "beercss",
-  "license": "MIT",
-  "type": "module",
-  "scripts": {
-    "lint": "npm run lint:ts && npm run lint:style",
-    "lint:ts": "eslint . --ext .js,.ts,.vue --fix",
-    "lint:style": "stylelint --fix \"src/**/*.css\"",
-    "dev": "node ./build/dev.js",
-    "build": "node ./build/build.js && node ./build/cdn.js",
-    "test": "vitest",
-    "generate-llms": "node ./build/generate-llms-md.js"
-  },
-  "devDependencies": {
-    "@stylistic/stylelint-plugin": "^2.1.2",
-    "@types/jsdom": "^21.1.7",
-    "@typescript-eslint/eslint-plugin": "^7.11.0",
-    "@typescript-eslint/parser": "^7.11.0",
-    "@vitejs/plugin-vue": "^5.0.5",
-    "@vue/eslint-config-typescript": "^13.0.0",
-    "@vue/language-plugin-pug": "^2.2.10",
-    "eslint": "^8.57.0",
-    "eslint-config-love": "^52.0.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^17.7.0",
-    "eslint-plugin-promise": "^6.2.0",
-    "eslint-plugin-vue": "^9.26.0",
-    "eslint-plugin-vue-pug": "^0.6.2",
-    "fs-extra": "^11.2.0",
-    "jsdom": "^24.1.3",
-    "pug": "^3.0.3",
-    "stylelint": "^16.6.1",
-    "stylelint-config-standard-scss": "^13.1.0",
-    "typescript": "^5.4.5",
-    "vite": "^6.2.3",
-    "vitest": "^3.0.9",
-    "vue": "^3.4.27",
-    "vue-eslint-parser": "^9.4.2",
-    "vue-eslint-parser-template-tokenizer-pug": "^0.4.11",
-    "vue-tsc": "^2.0.19"
-  },
-  "files": [
-    "custom-element",
-    "dist/cdn",
-    "scoped",
-    "src/cdn",
-    "index.d.ts",
-    "index.js"
-  ],
-  "keywords": [
-    "css",
-    "material",
-    "semantic html",
-    "design system",
-    "material you",
-    "material 3",
-    "material design 3",
-    "material 3 expressive",
-    "class-light"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/beercss/beercss.git"
-  },
-  "bugs": {
-    "url": "https://github.com/beercss/beercss/issues"
-  },
-  "packageManager": "pnpm@9.1.4+sha512.9df9cf27c91715646c7d675d1c9c8e41f6fce88246f1318c1aa6a1ed1aeb3c4f032fcdf4ba63cc69c4fe6d634279176b5358727d8f2cc1e65b65f43ce2f8bfb0",
-  "dependencies": {
-    "material-dynamic-colors": "^1.1.2"
-  }
-}
+{
+  "author": "Everton and Leonardo",
+  "description": "Build material design interfaces in record time... without stress for devs.",
+  "homepage": "https://www.beercss.com/",
+  "version": "3.13.2",
+  "name": "beercss",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "lint": "npm run lint:ts && npm run lint:style",
+    "lint:ts": "eslint . --ext .js,.ts,.vue --fix",
+    "lint:style": "stylelint --fix \"src/**/*.css\"",
+    "dev": "node ./build/dev.js",
+    "build": "node ./build/build.js && node ./build/cdn.js",
+    "test": "vitest",
+    "llms": "node ./build/llms.js"
+  },
+  "devDependencies": {
+    "@stylistic/stylelint-plugin": "^2.1.2",
+    "@types/jsdom": "^21.1.7",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/language-plugin-pug": "^2.2.10",
+    "eslint": "^8.57.0",
+    "eslint-config-love": "^52.0.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-n": "^17.7.0",
+    "eslint-plugin-promise": "^6.2.0",
+    "eslint-plugin-vue": "^9.26.0",
+    "eslint-plugin-vue-pug": "^0.6.2",
+    "fs-extra": "^11.2.0",
+    "jsdom": "^24.1.3",
+    "pug": "^3.0.3",
+    "stylelint": "^16.6.1",
+    "stylelint-config-standard-scss": "^13.1.0",
+    "typescript": "^5.4.5",
+    "vite": "^6.2.3",
+    "vitest": "^3.0.9",
+    "vue": "^3.4.27",
+    "vue-eslint-parser": "^9.4.2",
+    "vue-eslint-parser-template-tokenizer-pug": "^0.4.11",
+    "vue-tsc": "^2.0.19"
+  },
+  "files": [
+    "custom-element",
+    "dist/cdn",
+    "scoped",
+    "src/cdn",
+    "index.d.ts",
+    "index.js"
+  ],
+  "keywords": [
+    "css",
+    "material",
+    "semantic html",
+    "design system",
+    "material you",
+    "material 3",
+    "material design 3",
+    "material 3 expressive",
+    "class-light"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/beercss/beercss.git"
+  },
+  "bugs": {
+    "url": "https://github.com/beercss/beercss/issues"
+  },
+  "packageManager": "pnpm@9.1.4+sha512.9df9cf27c91715646c7d675d1c9c8e41f6fce88246f1318c1aa6a1ed1aeb3c4f032fcdf4ba63cc69c4fe6d634279176b5358727d8f2cc1e65b65f43ce2f8bfb0",
+  "dependencies": {
+    "material-dynamic-colors": "^1.1.2"
+  }
+}

package/scoped/index.d.ts

@@ -1,19 +1,19 @@
-declare global {
-  interface IBeerCssTheme {
-    dark: string,
-    light: string,
-  }
-  
-  function ui(selector?: string | Element, options?: string | number | IBeerCssTheme): string | IBeerCssTheme | Promise<IBeerCssTheme>;
-}
-
-declare module "ui";
-
-export interface IBeerCssTheme {
-  dark: string,
-  light: string,
-}
-
-export function ui(selector?: string | Element, options?: string | number | IBeerCssTheme): string | IBeerCssTheme | Promise<IBeerCssTheme>;
-
+declare global {
+  interface IBeerCssTheme {
+    dark: string,
+    light: string,
+  }
+  
+  function ui(selector?: string | Element, options?: string | number | IBeerCssTheme): string | IBeerCssTheme | Promise<IBeerCssTheme>;
+}
+
+declare module "ui";
+
+export interface IBeerCssTheme {
+  dark: string,
+  light: string,
+}
+
+export function ui(selector?: string | Element, options?: string | number | IBeerCssTheme): string | IBeerCssTheme | Promise<IBeerCssTheme>;
+
 export default ui;

package/scoped/index.js

@@ -1,6 +1,6 @@
-import "../dist/cdn/beer.scoped.min.css";
-import { ui } from "../dist/cdn/beer.min.js";
-export {
-  ui as default,
-  ui,
-};
+import "../dist/cdn/beer.scoped.min.css";
+import { ui } from "../dist/cdn/beer.min.js";
+export {
+  ui as default,
+  ui,
+};

package/src/cdn/beer.css

@@ -1,52 +1,52 @@
-@import "./settings/globals.css";
-@import "./settings/light.css";
-@import "./settings/dark.css";
-@import "./settings/fonts.css";
-@import "./helpers/reset.css";
-@import "./helpers/theme.css";
-@import "./helpers/alignments.css";
-@import "./helpers/blurs.css";
-@import "./helpers/colors.css";
-@import "./helpers/directions.css";
-@import "./helpers/elevates.css";
-@import "./helpers/forms.css";
-@import "./helpers/margins.css";
-@import "./helpers/opacities.css";
-@import "./helpers/paddings.css";
-@import "./helpers/positions.css";
-@import "./helpers/ripples.css";
-@import "./helpers/scrolls.css";
-@import "./helpers/shadows.css";
-@import "./helpers/sizes.css";
-@import "./helpers/spaces.css";
-@import "./helpers/responsive.css";
-@import "./helpers/typography.css";
-@import "./helpers/waves.css";
-@import "./helpers/zoom.css";
-@import "./elements/badges.css";
-@import "./elements/bars.css";
-@import "./elements/buttons.css";
-@import "./elements/cards.css";
-@import "./elements/chips.css";
-@import "./elements/dialogs.css";
-@import "./elements/dividers.css";
-@import "./elements/expansions.css";
-@import "./elements/fields.css";
-@import "./elements/grids.css";
-@import "./elements/icons.css";
-@import "./elements/layouts.css";
-@import "./elements/lists.css";
-@import "./elements/mainLayouts.css";
-@import "./elements/media.css";
-@import "./elements/menus.css";
-@import "./elements/navigations.css";
-@import "./elements/overlays.css";
-@import "./elements/pages.css";
-@import "./elements/progress.css";
-@import "./elements/shapes.css";
-@import "./elements/selections.css";
-@import "./elements/sliders.css";
-@import "./elements/snackbars.css";
-@import "./elements/tables.css";
-@import "./elements/tabs.css";
-@import "./elements/tooltips.css";
+@import "./settings/globals.css";
+@import "./settings/light.css";
+@import "./settings/dark.css";
+@import "./settings/fonts.css";
+@import "./helpers/reset.css";
+@import "./helpers/theme.css";
+@import "./helpers/alignments.css";
+@import "./helpers/blurs.css";
+@import "./helpers/colors.css";
+@import "./helpers/directions.css";
+@import "./helpers/elevates.css";
+@import "./helpers/forms.css";
+@import "./helpers/margins.css";
+@import "./helpers/opacities.css";
+@import "./helpers/paddings.css";
+@import "./helpers/positions.css";
+@import "./helpers/ripples.css";
+@import "./helpers/scrolls.css";
+@import "./helpers/shadows.css";
+@import "./helpers/sizes.css";
+@import "./helpers/spaces.css";
+@import "./helpers/responsive.css";
+@import "./helpers/typography.css";
+@import "./helpers/waves.css";
+@import "./helpers/zoom.css";
+@import "./elements/badges.css";
+@import "./elements/bars.css";
+@import "./elements/buttons.css";
+@import "./elements/cards.css";
+@import "./elements/chips.css";
+@import "./elements/dialogs.css";
+@import "./elements/dividers.css";
+@import "./elements/expansions.css";
+@import "./elements/fields.css";
+@import "./elements/grids.css";
+@import "./elements/icons.css";
+@import "./elements/layouts.css";
+@import "./elements/lists.css";
+@import "./elements/mainLayouts.css";
+@import "./elements/media.css";
+@import "./elements/menus.css";
+@import "./elements/navigations.css";
+@import "./elements/overlays.css";
+@import "./elements/pages.css";
+@import "./elements/progress.css";
+@import "./elements/shapes.css";
+@import "./elements/selections.css";
+@import "./elements/sliders.css";
+@import "./elements/snackbars.css";
+@import "./elements/tables.css";
+@import "./elements/tabs.css";
+@import "./elements/tooltips.css";

package/src/cdn/beer.ts

@@ -1,120 +1,120 @@
-import {updateAllFields} from "./elements/fields";
-import {updateAllSliders} from "./elements/sliders";
-import {updateMode, updateTheme} from "./helpers/theme";
-import {type IBeerCssTheme} from "./interfaces";
-import {addClass, guid, hasClass, hasTag, onWeak, query, queryAll, removeClass, updateAllClickable} from "./utils";
-import {updateDialog} from "./elements/dialogs";
-import {updateMenu} from "./elements/menus";
-import {updateSnackbar} from "./elements/snackbars";
-import {updatePage} from "./elements/pages";
-import {updateAllRipples} from "./helpers/ripples";
-import { updateAllProgress } from "./elements/progress";
-
-const _context = globalThis as any;
-let _timeoutMutation: ReturnType<typeof setTimeout>;
-let _mutation: MutationObserver | null;
-
-function onMutation() {
-  if (_timeoutMutation) clearTimeout(_timeoutMutation);
-  _timeoutMutation = setTimeout(async () => await _ui(), 180);
-}
-
-async function run(from: Element, to: Element | null, options?: any, e?: Event): Promise<void> {
-  if (!to) {
-    to = query(from.getAttribute("data-ui"));
-    if (!to) {
-      from.classList.toggle("active");
-      return;
-    }
-  }
-
-  updateAllClickable(from);
-
-  if (hasTag(to, "dialog")) {
-    await updateDialog(from, to as HTMLDialogElement);
-    return;
-  }
-
-  if (hasTag(to, "menu")) {
-    updateMenu(from, to as HTMLMenuElement, e);
-    return;
-  }
-
-  if (hasClass(to, "snackbar")) {
-    updateSnackbar(to, options as number);
-    return;
-  }
-
-  if (hasClass(to, "page")) {
-    updatePage(to);
-    return;
-  }
-
-  if (hasClass(to, "active")) {
-    removeClass(from, "active");
-    removeClass(to, "active");
-    return;
-  }
-
-  addClass(to, "active");
-}
-
-function onClickElement(e: Event) {
-  void run(e.currentTarget as HTMLElement, null, null, e);
-}
-
-function onKeydownElement(e: KeyboardEvent) {
-  if (e.key === "Enter") void run(e.currentTarget as HTMLElement, null, null, e);
-}
-
-function setup() {
-  if (_context.ui || _mutation || !_context.MutationObserver) return;
-  _mutation = new MutationObserver(onMutation);
-  _mutation.observe(document.body, { childList: true, subtree: true });
-  onMutation();
-}
-
-function updateAllDataUis() {
-  const elements = queryAll("[data-ui]");
-  for (let i = 0, n = elements.length; i < n; i++) {
-    onWeak(elements[i], "click", onClickElement);
-    if (hasTag(elements[i], "a") && !elements[i].getAttribute("href")) onWeak(elements[i], "keydown", onKeydownElement);
-  }
-}
-
-function _ui(selector?: string | Element, options?: string | number | IBeerCssTheme): string | IBeerCssTheme | Promise<IBeerCssTheme> | undefined {
-  if (selector) {
-    if (selector === "setup") { setup(); return; }
-    if (selector === "guid") return guid();
-    if (selector === "mode") return updateMode(options as string);
-    if (selector === "theme") return updateTheme(options);
-
-    const to = query(selector);
-    if (!to) return;
-    void run(to, to, options);
-  }
-
-  updateAllDataUis();
-  updateAllFields();
-  updateAllSliders();
-  updateAllRipples();
-  updateAllProgress();
-}
-
-function start() {
-  if (_context.ui) return;
-
-  const body = _context.document?.body;
-  if (body && !body.classList.contains("dark") && !body.classList.contains("light")) updateMode("auto");
-
-  setup();
-  _context.ui = _ui;
-}
-
-start();
-
-const ui = _context.ui;
-export {
-  ui as default,
-  ui,
-};
+import {updateAllFields} from "./elements/fields";
+import {updateAllSliders} from "./elements/sliders";
+import {updateMode, updateTheme} from "./helpers/theme";
+import {type IBeerCssTheme} from "./interfaces";
+import {addClass, guid, hasClass, hasTag, onWeak, query, queryAll, removeClass, updateAllClickable} from "./utils";
+import {updateDialog} from "./elements/dialogs";
+import {updateMenu} from "./elements/menus";
+import {updateSnackbar} from "./elements/snackbars";
+import {updatePage} from "./elements/pages";
+import {updateAllRipples} from "./helpers/ripples";
+import { updateAllProgress } from "./elements/progress";
+
+const _context = globalThis as any;
+let _timeoutMutation: ReturnType<typeof setTimeout>;
+let _mutation: MutationObserver | null;
+
+function onMutation() {
+  if (_timeoutMutation) clearTimeout(_timeoutMutation);
+  _timeoutMutation = setTimeout(async () => await _ui(), 180);
+}
+
+async function run(from: Element, to: Element | null, options?: any, e?: Event): Promise<void> {
+  if (!to) {
+    to = query(from.getAttribute("data-ui"));
+    if (!to) {
+      from.classList.toggle("active");
+      return;
+    }
+  }
+
+  updateAllClickable(from);
+
+  if (hasTag(to, "dialog")) {
+    await updateDialog(from, to as HTMLDialogElement);
+    return;
+  }
+
+  if (hasTag(to, "menu")) {
+    updateMenu(from, to as HTMLMenuElement, e);
+    return;
+  }
+
+  if (hasClass(to, "snackbar")) {
+    updateSnackbar(to, options as number);
+    return;
+  }
+
+  if (hasClass(to, "page")) {
+    updatePage(to);
+    return;
+  }
+
+  if (hasClass(to, "active")) {
+    removeClass(from, "active");
+    removeClass(to, "active");
+    return;
+  }
+
+  addClass(to, "active");
+}
+
+function onClickElement(e: Event) {
+  void run(e.currentTarget as HTMLElement, null, null, e);
+}
+
+function onKeydownElement(e: KeyboardEvent) {
+  if (e.key === "Enter") void run(e.currentTarget as HTMLElement, null, null, e);
+}
+
+function setup() {
+  if (_context.ui || _mutation || !_context.MutationObserver) return;
+  _mutation = new MutationObserver(onMutation);
+  _mutation.observe(document.body, { childList: true, subtree: true });
+  onMutation();
+}
+
+function updateAllDataUis() {
+  const elements = queryAll("[data-ui]");
+  for (let i = 0, n = elements.length; i < n; i++) {
+    onWeak(elements[i], "click", onClickElement);
+    if (hasTag(elements[i], "a") && !elements[i].getAttribute("href")) onWeak(elements[i], "keydown", onKeydownElement);
+  }
+}
+
+function _ui(selector?: string | Element, options?: string | number | IBeerCssTheme): string | IBeerCssTheme | Promise<IBeerCssTheme> | undefined {
+  if (selector) {
+    if (selector === "setup") { setup(); return; }
+    if (selector === "guid") return guid();
+    if (selector === "mode") return updateMode(options as string);
+    if (selector === "theme") return updateTheme(options);
+
+    const to = query(selector);
+    if (!to) return;
+    void run(to, to, options);
+  }
+
+  updateAllDataUis();
+  updateAllFields();
+  updateAllSliders();
+  updateAllRipples();
+  updateAllProgress();
+}
+
+function start() {
+  if (_context.ui) return;
+
+  const body = _context.document?.body;
+  if (body && !body.classList.contains("dark") && !body.classList.contains("light")) updateMode("auto");
+
+  setup();
+  _context.ui = _ui;
+}
+
+start();
+
+const ui = _context.ui;
+export {
+  ui as default,
+  ui,
+};

package/src/cdn/customElement.js

@@ -1,39 +1,39 @@
-class BeerCssCustomElement extends HTMLElement {
-  static isCssLoaded = false;
-  static isJsLoaded = false;
-  
-  constructor() {
-    super();
-    this.run();
-  }
-  
-  async addJs() {
-    if (BeerCssCustomElement.isJsLoaded) return;
-    BeerCssCustomElement.isJsLoaded = true;
-
-    if (window.ui) return;
-    return await import("https://cdn.jsdelivr.net/npm/beercss@3.13.1/dist/cdn/beer.min.js");
-  }
-  
-  async addCss() {
-    if (BeerCssCustomElement.isCssLoaded) return;
-    BeerCssCustomElement.isCssLoaded = true;
-    const isScoped = !!getComputedStyle(document.documentElement).getPropertyValue("--scoped");
-    if (isScoped) return;
-
-    const head = document.querySelector("head");
-    const element = document.createElement("link");
-    element.setAttribute("href", "https://cdn.jsdelivr.net/npm/beercss@3.13.1/dist/cdn/beer.scoped.min.css");
-    element.setAttribute("rel", "stylesheet");
-    head.appendChild(element);
-  }
-  
-  async run() {
-    this.classList.add("beer");
-    await Promise.all([this.addJs(), this.addCss()]);
-    ui();
-  }
-}
-
-customElements.define("beer-css", BeerCssCustomElement);
+class BeerCssCustomElement extends HTMLElement {
+  static isCssLoaded = false;
+  static isJsLoaded = false;
+  
+  constructor() {
+    super();
+    this.run();
+  }
+  
+  async addJs() {
+    if (BeerCssCustomElement.isJsLoaded) return;
+    BeerCssCustomElement.isJsLoaded = true;
+
+    if (window.ui) return;
+    return await import("https://cdn.jsdelivr.net/npm/beercss@3.13.2/dist/cdn/beer.min.js");
+  }
+  
+  async addCss() {
+    if (BeerCssCustomElement.isCssLoaded) return;
+    BeerCssCustomElement.isCssLoaded = true;
+    const isScoped = !!getComputedStyle(document.documentElement).getPropertyValue("--scoped");
+    if (isScoped) return;
+
+    const head = document.querySelector("head");
+    const element = document.createElement("link");
+    element.setAttribute("href", "https://cdn.jsdelivr.net/npm/beercss@3.13.2/dist/cdn/beer.scoped.min.css");
+    element.setAttribute("rel", "stylesheet");
+    head.appendChild(element);
+  }
+  
+  async run() {
+    this.classList.add("beer");
+    await Promise.all([this.addJs(), this.addCss()]);
+    ui();
+  }
+}
+
+customElements.define("beer-css", BeerCssCustomElement);
 export default BeerCssCustomElement;