@aurea-uds/core 0.1.0

package/dist/aurea.js

@@ -0,0 +1,171 @@
+/* Aurea — comportamentos reutilizáveis do core.
+ *
+ * Seguro em qualquer página: nenhum trecho exige elementos específicos.
+ * O script interativo da documentação vive inline em apps/docs/index.html.
+ * Overlays (dialog/drawer/command) ganham gestão de foco na fase Primitives.
+ */
+(function () {
+  "use strict";
+  // SSR-safe: sem DOM (Node/SSR) o script é no-op em vez de lançar
+  // "document is not defined" ao ser importado (auditoria 18/07/2026, MÉDIO 13).
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  var root = document.documentElement;
+
+  function activateTab(tab) {
+    var list = tab.closest('[role="tablist"]');
+    if (!list) return;
+    var tabs = list.querySelectorAll('[role="tab"]');
+    for (var i = 0; i < tabs.length; i++) {
+      var active = tabs[i] === tab;
+      tabs[i].classList.toggle("active", active);
+      tabs[i].setAttribute("aria-selected", String(active));
+      tabs[i].tabIndex = active ? 0 : -1;
+      var panel = document.getElementById(tabs[i].getAttribute("aria-controls") || "");
+      if (panel && panel.hasAttribute("data-aurea-tabpanel")) panel.hidden = !active;
+    }
+  }
+
+  document.addEventListener("click", function (event) {
+    var tab = event.target.closest && event.target.closest('[role="tab"]');
+    if (tab) activateTab(tab);
+  });
+
+  document.addEventListener("keydown", function (event) {
+    var list = event.target.closest && event.target.closest('[role="tablist"]');
+    if (!list) return;
+    var tabs = Array.prototype.slice.call(list.querySelectorAll('[role="tab"]'));
+    var current = tabs.indexOf(document.activeElement);
+    if (current < 0) return;
+    var next = current;
+    if (event.key === "ArrowRight") next = (current + 1) % tabs.length;
+    else if (event.key === "ArrowLeft") next = (current - 1 + tabs.length) % tabs.length;
+    else if (event.key === "Home") next = 0;
+    else if (event.key === "End") next = tabs.length - 1;
+    else return;
+    event.preventDefault();
+    tabs[next].focus();
+    activateTab(tabs[next]);
+  });
+
+  // Copiar código: comportamento do CORE, não do catálogo. Quem marca o gatilho com
+  // [data-aurea-copy] ganha o copiar de graça — o CodeBlock do React emite esse mesmo
+  // markup. Sem permissão de área de transferência, seleciona o texto pro Ctrl+C.
+  function copy(trigger) {
+    var scope = trigger.closest("[data-aurea-copy-scope]") || trigger.parentElement;
+    var source = scope && scope.querySelector("code, pre, [data-aurea-copy-source]");
+    if (!source) return;
+    function done() {
+      trigger.classList.add("is-done");
+      setTimeout(function () { trigger.classList.remove("is-done"); }, 1500);
+    }
+    function select() {
+      var range = document.createRange();
+      range.selectNodeContents(source);
+      var sel = window.getSelection();
+      sel.removeAllRanges();
+      sel.addRange(range);
+    }
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(source.textContent).then(done, select);
+    } else select();
+  }
+
+  document.addEventListener("click", function (event) {
+    var trigger = event.target.closest && event.target.closest("[data-aurea-copy]");
+    if (trigger) copy(trigger);
+  });
+
+  // TableOfContents: marca sozinho a seção em vista. IntersectionObserver com uma faixa
+  // estreita no alto da janela — a seção "atual" é a que cruza essa faixa, não a maior
+  // visível, senão o item pisca entre duas ao rolar. Sem observer (browser antigo), o
+  // índice continua sendo uma lista de links que funciona.
+  function tocSpy(toc) {
+    if (!window.IntersectionObserver) return;
+    var links = {}, targets = [];
+    var anchors = toc.querySelectorAll('a[href^="#"]');
+    for (var i = 0; i < anchors.length; i++) {
+      var id = anchors[i].getAttribute("href").slice(1);
+      var target = document.getElementById(id);
+      if (!target) continue;
+      links[id] = anchors[i];
+      targets.push(target);
+    }
+    if (!targets.length) return;
+    var seen = {};
+    var observer = new IntersectionObserver(function (entries) {
+      for (var i = 0; i < entries.length; i++) seen[entries[i].target.id] = entries[i].isIntersecting;
+      // o ÚLTIMO que cruza a faixa, não o primeiro: seção e subseção cruzam juntas e o
+      // item específico é o que interessa. Nada cruzando = topo da página = primeiro item.
+      var current = targets[0].id;
+      for (var j = 0; j < targets.length; j++) if (seen[targets[j].id]) current = targets[j].id;
+      for (var id in links) {
+        if (id === current) links[id].setAttribute("aria-current", "true");
+        else links[id].removeAttribute("aria-current");
+      }
+    }, {rootMargin: "0px 0px -75% 0px"});
+    for (var k = 0; k < targets.length; k++) observer.observe(targets[k]);
+  }
+  function initTocs() {
+    var tocs = document.querySelectorAll(".toc");
+    for (var t = 0; t < tocs.length; t++) tocSpy(tocs[t]);
+  }
+  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", initTocs);
+  else initTocs();
+
+  function toastStack() {
+    var stack = document.querySelector(".toast-stack");
+    if (!stack) {
+      stack = document.createElement("div");
+      stack.className = "toast-stack";
+      document.body.appendChild(stack);
+    }
+    return stack;
+  }
+
+  function showToast(title, message) {
+    var toast = document.createElement("div");
+    toast.className = "toast";
+    toast.setAttribute("role", "status");
+    var body = document.createElement("div");
+    var strong = document.createElement("strong");
+    strong.textContent = title;
+    body.appendChild(strong);
+    if (message) {
+      var text = document.createElement("div");
+      text.className = "muted";
+      text.textContent = message;
+      body.appendChild(text);
+    }
+    var close = document.createElement("button");
+    close.type = "button";
+    close.className = "btn btn-ghost btn-icon btn-sm";
+    close.setAttribute("aria-label", "Dispensar notificação");
+    close.textContent = "×";
+    toast.appendChild(body);
+    toast.appendChild(close);
+
+    var timer;
+    function remove() { clearTimeout(timer); toast.remove(); }
+    function schedule() { clearTimeout(timer); timer = setTimeout(remove, 4800); }
+    close.addEventListener("click", remove);
+    toast.addEventListener("mouseenter", function () { clearTimeout(timer); });
+    toast.addEventListener("mouseleave", schedule);
+    toast.addEventListener("focusin", function () { clearTimeout(timer); });
+    toast.addEventListener("focusout", function (event) {
+      if (!toast.contains(event.relatedTarget)) schedule();
+    });
+    toastStack().appendChild(toast);
+    schedule();
+    return toast;
+  }
+
+  window.Aurea = {
+    setTheme: function (theme) { root.dataset.theme = theme; },
+    setDensity: function (density) { root.dataset.density = density; },
+    toggleTheme: function () {
+      root.dataset.theme = root.dataset.theme === "dark" ? "light" : "dark";
+    },
+    showToast: showToast,
+    copy: copy
+  };
+})();

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@aurea-uds/core",
+  "version": "0.1.0",
+  "description": "The Aurea UDS stylesheet and its vanilla behaviour. Import @aurea-uds/fonts/css before this.",
+  "keywords": ["aurea", "design-system", "css", "design-tokens"],
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/victor1mor/aurea-uds.git",
+    "directory": "packages/core"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./css": "./dist/aurea.css",
+    "./js": "./dist/aurea.js"
+  }
+}