npm - adminator-admin-dashboard - Versions diffs - 2.8.1 → 4.1.5 - Mend

adminator-admin-dashboard 2.8.1 → 4.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (179) hide show

package/CHANGELOG.md +499 -0
package/CLAUDE.md +126 -154
package/README.md +321 -370
package/dist/2026.js +8751 -0
package/dist/2026.js.map +1 -0
package/dist/404.html +36 -16
package/dist/500.html +36 -16
package/dist/assets/static/images/logo.svg +3 -3
package/dist/basic-table.html +152 -699
package/dist/blank.html +42 -507
package/dist/buttons.html +152 -448
package/dist/calendar.html +246 -658
package/dist/charts.html +124 -658
package/dist/chat.html +209 -706
package/dist/compose.html +141 -618
package/dist/datatable.html +467 -991
package/dist/email.html +430 -943
package/dist/forms.html +208 -733
package/dist/google-maps.html +123 -513
package/dist/index.html +436 -1041
package/dist/runtime.js +1299 -0
package/dist/runtime.js.map +1 -0
package/dist/signin.html +92 -92
package/dist/signup.html +106 -91
package/dist/ui.html +268 -897
package/dist/vector-maps.html +132 -511
package/dist/vendor-chartjs.js +14593 -0
package/dist/vendor-chartjs.js.map +1 -0
package/dist/vendor-fullcalendar.js +14793 -0
package/dist/vendor-fullcalendar.js.map +1 -0
package/dist/vendors.js +3758 -0
package/dist/vendors.js.map +1 -0
package/package.json +50 -52
package/src/404.html +35 -15
package/src/500.html +35 -15
package/src/assets/scripts/2026/Shell.js +312 -0
package/src/assets/scripts/2026/calendar.js +123 -0
package/src/assets/scripts/2026/charts.js +259 -0
package/src/assets/scripts/2026/index.js +35 -0
package/src/assets/scripts/2026/init.js +207 -0
package/src/assets/scripts/2026/maps.js +78 -0
package/src/assets/scripts/2026/palette.js +266 -0
package/src/assets/static/images/logo.svg +3 -3
package/src/assets/styles/2026/_animations.scss +14 -0
package/src/assets/styles/2026/_auth.scss +215 -0
package/src/assets/styles/2026/_base.scss +37 -0
package/src/assets/styles/2026/_calendar.scss +380 -0
package/src/assets/styles/2026/_charts.scss +44 -0
package/src/assets/styles/2026/_chat.scss +350 -0
package/src/assets/styles/2026/_components.scss +140 -0
package/src/assets/styles/2026/_dashboard.scss +520 -0
package/src/assets/styles/2026/_data.scss +130 -0
package/src/assets/styles/2026/_dropdowns.scss +128 -0
package/src/assets/styles/2026/_email.scss +599 -0
package/src/assets/styles/2026/_error.scss +98 -0
package/src/assets/styles/2026/_forms.scss +215 -0
package/src/assets/styles/2026/_fullcalendar.scss +134 -0
package/src/assets/styles/2026/_palette.scss +173 -0
package/src/assets/styles/2026/_responsive.scss +229 -0
package/src/assets/styles/2026/_shell.scss +290 -0
package/src/assets/styles/2026/_tokens.scss +80 -0
package/src/assets/styles/2026/_ui.scss +365 -0
package/src/assets/styles/2026/index.scss +23 -0
package/src/basic-table.html +153 -710
package/src/blank.html +42 -517
package/src/buttons.html +152 -458
package/src/calendar.html +246 -668
package/src/charts.html +124 -668
package/src/chat.html +209 -716
package/src/compose.html +142 -629
package/src/datatable.html +466 -1000
package/src/email.html +429 -952
package/src/forms.html +207 -742
package/src/google-maps.html +128 -523
package/src/index.html +438 -1050
package/src/signin.html +92 -92
package/src/signup.html +106 -91
package/src/ui.html +267 -906
package/src/vector-maps.html +133 -522
package/dist/1e59d2330b4c6deb84b3.ttf +0 -0
package/dist/20fd1704ea223900efa9.woff2 +0 -0
package/dist/29b39089170885ae2967.woff +0 -0
package/dist/8b43027f47b20503057d.eot +0 -0
package/dist/9bad94440d49256265a5.eot +0 -0
package/dist/assets/fontawesome-webfont.svg +0 -2671
package/dist/assets/themify.svg +0 -362
package/dist/eda8b94308c6f538f04a.ttf +0 -0
package/dist/f691f37e57f04c152e23.woff +0 -0
package/dist/main.js +0 -61323
package/dist/main.js.map +0 -1
package/src/assets/scripts/app 2.js +0 -645
package/src/assets/scripts/app.js +0 -645
package/src/assets/scripts/charts/chartJS/index.js +0 -148
package/src/assets/scripts/charts/easyPieChart/index.js +0 -200
package/src/assets/scripts/charts/index.js +0 -3
package/src/assets/scripts/charts/sparkline/index.js +0 -208
package/src/assets/scripts/chat/index.js +0 -11
package/src/assets/scripts/components/Chart.js +0 -1390
package/src/assets/scripts/components/Sidebar.js +0 -241
package/src/assets/scripts/constants/colors.js +0 -274
package/src/assets/scripts/datatable/index.js +0 -379
package/src/assets/scripts/datepicker/index.js +0 -302
package/src/assets/scripts/email/index.js +0 -25
package/src/assets/scripts/fullcalendar/index.js +0 -86
package/src/assets/scripts/googleMaps/index.js +0 -93
package/src/assets/scripts/index.js +0 -18
package/src/assets/scripts/masonry/index.js +0 -14
package/src/assets/scripts/popover/index.js +0 -109
package/src/assets/scripts/scrollbar/index.js +0 -10
package/src/assets/scripts/search/index.js +0 -15
package/src/assets/scripts/sidebar/index.js +0 -140
package/src/assets/scripts/skycons/index.js +0 -52
package/src/assets/scripts/ui/index.js +0 -412
package/src/assets/scripts/utils/date.js +0 -242
package/src/assets/scripts/utils/dom.js +0 -349
package/src/assets/scripts/utils/index.js +0 -45
package/src/assets/scripts/utils/theme.js +0 -107
package/src/assets/scripts/vectorMaps/index.js +0 -277
package/src/assets/styles/index.scss +0 -801
package/src/assets/styles/spec/components/easyPieChart.scss +0 -11
package/src/assets/styles/spec/components/footer.scss +0 -4
package/src/assets/styles/spec/components/forms.scss +0 -288
package/src/assets/styles/spec/components/index.scss +0 -9
package/src/assets/styles/spec/components/loader.scss +0 -46
package/src/assets/styles/spec/components/masonry.scss +0 -1
package/src/assets/styles/spec/components/pageContainer.scss +0 -255
package/src/assets/styles/spec/components/progressBar.scss +0 -6
package/src/assets/styles/spec/components/sidebar.scss +0 -642
package/src/assets/styles/spec/components/topbar.scss +0 -455
package/src/assets/styles/spec/generic/base.scss +0 -102
package/src/assets/styles/spec/generic/index.scss +0 -1
package/src/assets/styles/spec/index.scss +0 -4
package/src/assets/styles/spec/screens/chat.scss +0 -147
package/src/assets/styles/spec/screens/email.scss +0 -108
package/src/assets/styles/spec/screens/index.scss +0 -2
package/src/assets/styles/spec/settings/baseColors.scss +0 -103
package/src/assets/styles/spec/settings/borders.scss +0 -6
package/src/assets/styles/spec/settings/breakpoints.scss +0 -26
package/src/assets/styles/spec/settings/fonts.scss +0 -4
package/src/assets/styles/spec/settings/index.scss +0 -4
package/src/assets/styles/spec/settings/materialColors.scss +0 -550
package/src/assets/styles/spec/tools/index.scss +0 -1
package/src/assets/styles/spec/tools/mixins/clearfix.scss +0 -15
package/src/assets/styles/spec/tools/mixins/index.scss +0 -3
package/src/assets/styles/spec/tools/mixins/mediaQueriesRanges.scss +0 -58
package/src/assets/styles/spec/tools/mixins/placeholder.scss +0 -10
package/src/assets/styles/spec/utils/colors.scss +0 -33
package/src/assets/styles/spec/utils/index.scss +0 -2
package/src/assets/styles/spec/utils/layout/helpers/border.scss +0 -78
package/src/assets/styles/spec/utils/layout/helpers/flex.scss +0 -220
package/src/assets/styles/spec/utils/layout/helpers/index.scss +0 -11
package/src/assets/styles/spec/utils/layout/helpers/layout.scss +0 -137
package/src/assets/styles/spec/utils/layout/helpers/lists.scss +0 -23
package/src/assets/styles/spec/utils/layout/helpers/margin.scss +0 -266
package/src/assets/styles/spec/utils/layout/helpers/objects.scss +0 -91
package/src/assets/styles/spec/utils/layout/helpers/padding.scss +0 -147
package/src/assets/styles/spec/utils/layout/helpers/positions.scss +0 -118
package/src/assets/styles/spec/utils/layout/helpers/pseudo.scss +0 -6
package/src/assets/styles/spec/utils/layout/helpers/sizes.scss +0 -157
package/src/assets/styles/spec/utils/layout/helpers/typography.scss +0 -127
package/src/assets/styles/spec/utils/layout/index.scss +0 -3
package/src/assets/styles/spec/utils/layout/mixins/generateResponsive.scss +0 -25
package/src/assets/styles/spec/utils/layout/mixins/index.scss +0 -2
package/src/assets/styles/spec/utils/layout/mixins/mediaQueryCondition.scss +0 -28
package/src/assets/styles/spec/utils/layout/utils/center.scss +0 -54
package/src/assets/styles/spec/utils/layout/utils/gap.scss +0 -229
package/src/assets/styles/spec/utils/layout/utils/index.scss +0 -5
package/src/assets/styles/spec/utils/layout/utils/layers.scss +0 -5
package/src/assets/styles/spec/utils/layout/utils/peers.scss +0 -35
package/src/assets/styles/utils/mobile.scss +0 -954
package/src/assets/styles/utils/theme.css +0 -97
package/src/assets/styles/vendor/datepicker.scss +0 -183
package/src/assets/styles/vendor/font-awesome.css +0 -2337
package/src/assets/styles/vendor/fullcalendar.scss +0 -217
package/src/assets/styles/vendor/index.scss +0 -8
package/src/assets/styles/vendor/jquery.datatables.scss +0 -162
package/src/assets/styles/vendor/perfectScrollbar.scss +0 -4
package/src/assets/styles/vendor/sparkline.scss +0 -6
package/src/assets/styles/vendor/themify-icons.css +0 -1081

package/src/assets/scripts/2026/maps.js ADDED Viewed

@@ -0,0 +1,78 @@
+/**
+ * jsvectormap wiring for the 2026 design system.
+ *
+ * Pages declare a vector map as <div data-vmap></div>; this module fills it
+ * with a world map themed using the active CSS variables and re-renders on
+ * theme change.
+ */
+import jsVectorMap from 'jsvectormap';
+import 'jsvectormap/dist/maps/world.js';
+import 'jsvectormap/dist/jsvectormap.css';
+const MARKERS = [
+  { name: 'Riga',         coords: [56.95, 24.10] },
+  { name: 'New York',     coords: [40.71, -74.00] },
+  { name: 'San Francisco',coords: [37.77, -122.42] },
+  { name: 'London',       coords: [51.50, -0.12] },
+  { name: 'Berlin',       coords: [52.52, 13.40] },
+  { name: 'Tokyo',        coords: [35.68, 139.69] },
+  { name: 'Sydney',       coords: [-33.86, 151.21] },
+  { name: 'São Paulo',    coords: [-23.55, -46.63] },
+  { name: 'Cape Town',    coords: [-33.92, 18.42] },
+  { name: 'Dubai',        coords: [25.27, 55.30] },
+];
+const instances = new Map();
+function tokens() {
+  const cs = getComputedStyle(document.documentElement);
+  return {
+    primary: cs.getPropertyValue('--primary').trim(),
+    purple:  cs.getPropertyValue('--purple').trim(),
+    soft:    cs.getPropertyValue('--bg-muted').trim(),
+    border:  cs.getPropertyValue('--border').trim(),
+    text:    cs.getPropertyValue('--t-base').trim(),
+    bg:      cs.getPropertyValue('--bg-card').trim(),
+  };
+}
+function buildOne(host) {
+  // Destroy old instance if rebuilding
+  const prev = instances.get(host);
+  if (prev) {
+    try { prev.destroy(); } catch { /* swallow — host is about to be replaced */ }
+    host.innerHTML = '';
+  }
+  const t = tokens();
+  const map = new jsVectorMap({
+    selector: host,
+    map: 'world',
+    backgroundColor: 'transparent',
+    zoomOnScroll: false,
+    regionStyle: {
+      initial: { fill: t.soft, stroke: t.border, strokeWidth: 0.4, fillOpacity: 1 },
+      hover:   { fill: t.primary, fillOpacity: 0.5 },
+    },
+    markers: MARKERS,
+    markerStyle: {
+      initial: { fill: t.primary, stroke: t.bg, strokeWidth: 2, r: 5 },
+      hover:   { fill: t.purple,  stroke: t.bg, strokeWidth: 2, r: 7 },
+    },
+    labels: { markers: { render: (m) => m.name } },
+  });
+  instances.set(host, map);
+}
+function buildAll() {
+  document.querySelectorAll('[data-vmap]').forEach(buildOne);
+}
+export function initVectorMaps() {
+  if (!document.querySelector('[data-vmap]')) return;
+  buildAll();
+  const observer = new MutationObserver((records) => {
+    if (records.some((r) => r.attributeName === 'data-theme')) buildAll();
+  });
+  observer.observe(document.documentElement, { attributes: true });
+}

package/src/assets/scripts/2026/palette.js ADDED Viewed

@@ -0,0 +1,266 @@
+/**
+ * Command palette (⌘K / Ctrl+K).
+ *
+ * Builds a searchable modal of every NAV item plus a few global actions
+ * (toggle theme, view docs/repo). Opens via:
+ *   - Click on any [data-palette-open] element (the topbar .cmd button)
+ *   - Cmd/Ctrl + K keyboard shortcut, anywhere on the page
+ *   - "/" keypress when no input is focused
+ *
+ * Closes via:
+ *   - Esc
+ *   - Click outside the panel
+ *   - Selecting a result (Enter or click)
+ *
+ * Keyboard navigation: ↑ / ↓ to move, Enter to select.
+ *
+ * The palette renders into <body> the first time it's opened, then re-uses
+ * that DOM node. All state is local to this module.
+ */
+import { NAV } from './Shell.js';
+const PANEL_HTML = `
+  <div class="palette-modal" role="dialog" aria-modal="true" aria-label="Command palette">
+    <div class="palette-input-row">
+      <svg viewBox="0 0 24 24" class="palette-icon" aria-hidden="true">
+        <circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="2"/>
+        <path d="m21 21-4.3-4.3" fill="none" stroke="currentColor" stroke-width="2"/>
+      </svg>
+      <input class="palette-input" type="text" placeholder="Search pages, actions…" autocomplete="off" spellcheck="false">
+      <kbd class="palette-esc">esc</kbd>
+    </div>
+    <div class="palette-results" role="listbox"></div>
+    <div class="palette-foot">
+      <span><kbd>↑</kbd><kbd>↓</kbd> navigate</span>
+      <span><kbd>↵</kbd> select</span>
+      <span><kbd>esc</kbd> close</span>
+    </div>
+  </div>
+`;
+let backdrop = null;
+let modal = null;
+let input = null;
+let resultsEl = null;
+let allItems = [];
+let filtered = [];
+let cursor = 0;
+function buildItems() {
+  // Flatten the NAV manifest into a single list of selectable rows.
+  const items = [];
+  for (const section of NAV) {
+    for (const item of section.items) {
+      if (item.children) {
+        for (const child of item.children) {
+          items.push({
+            kind: 'page',
+            label: child.text,
+            section: `${section.label} › ${item.text}`,
+            href: child.href,
+            icon: item.icon,
+          });
+        }
+      } else if (item.href && item.href !== '#') {
+        items.push({
+          kind: 'page',
+          label: item.text,
+          section: section.label,
+          href: item.href,
+          icon: item.icon,
+        });
+      }
+    }
+  }
+  // Static actions
+  items.push({
+    kind: 'action',
+    label: 'Toggle theme (light / dark)',
+    section: 'Action',
+    action: () => {
+      const root = document.documentElement;
+      const next = root.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
+      root.setAttribute('data-theme', next);
+      try { localStorage.setItem('dash26-theme', next); } catch { /* no localStorage */ }
+      // Update the toggle button icon if init.js wired one.
+      const toggle = document.getElementById('themeToggle');
+      if (toggle) toggle.click(); // no-op if already in the right state, or just nudge it
+    },
+    icon: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/>',
+  });
+  items.push({
+    kind: 'link',
+    label: 'View on GitHub',
+    section: 'External',
+    href: 'https://github.com/puikinsh/Adminator-admin-dashboard',
+    target: '_blank',
+    icon: '<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/>',
+  });
+  items.push({
+    kind: 'link',
+    label: 'Documentation',
+    section: 'External',
+    href: 'https://puikinsh.github.io/Adminator-admin-dashboard/',
+    target: '_blank',
+    icon: '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M16 13H8M16 17H8M10 9H8"/>',
+  });
+  return items;
+}
+function score(item, query) {
+  if (!query) return 1;
+  const q = query.toLowerCase();
+  const label = item.label.toLowerCase();
+  if (label === q) return 100;
+  if (label.startsWith(q)) return 50;
+  if (label.includes(q)) return 20;
+  if (item.section.toLowerCase().includes(q)) return 5;
+  return 0;
+}
+function renderResults() {
+  resultsEl.innerHTML = filtered.length === 0
+    ? '<div class="palette-empty">No results</div>'
+    : filtered.map((item, i) => `
+      <div class="palette-result${i === cursor ? ' is-selected' : ''}" role="option" data-index="${i}" aria-selected="${i === cursor}">
+        <span class="palette-result-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75">${item.icon || ''}</svg></span>
+        <span class="palette-result-label">${item.label}</span>
+        <span class="palette-result-section">${item.section}</span>
+      </div>
+    `).join('');
+}
+function update(query) {
+  filtered = allItems
+    .map((item) => ({ item, s: score(item, query) }))
+    .filter((x) => x.s > 0)
+    .sort((a, b) => b.s - a.s)
+    .slice(0, 12)
+    .map((x) => x.item);
+  cursor = 0;
+  renderResults();
+}
+function activate(item) {
+  if (!item) return;
+  close();
+  if (item.kind === 'action' && typeof item.action === 'function') {
+    item.action();
+  } else if (item.href) {
+    if (item.target === '_blank') {
+      window.open(item.href, '_blank', 'noopener');
+    } else {
+      window.location.href = item.href;
+    }
+  }
+}
+function ensureMounted() {
+  // If the cached modal was removed from the DOM (e.g. by a test or by code
+  // that wipes <body>), drop the stale refs and remount.
+  if (modal && !document.contains(modal)) {
+    modal = null; backdrop = null; input = null; resultsEl = null;
+  }
+  if (modal) return;
+  backdrop = document.createElement('div');
+  backdrop.className = 'palette-backdrop';
+  backdrop.innerHTML = PANEL_HTML;
+  document.body.appendChild(backdrop);
+  modal = backdrop.querySelector('.palette-modal');
+  input = backdrop.querySelector('.palette-input');
+  resultsEl = backdrop.querySelector('.palette-results');
+  backdrop.addEventListener('click', (e) => {
+    if (e.target === backdrop) close();
+  });
+  input.addEventListener('input', () => update(input.value));
+  input.addEventListener('keydown', (e) => {
+    if (e.key === 'ArrowDown') {
+      e.preventDefault();
+      cursor = Math.min(cursor + 1, filtered.length - 1);
+      renderResults();
+      scrollCursorIntoView();
+    } else if (e.key === 'ArrowUp') {
+      e.preventDefault();
+      cursor = Math.max(cursor - 1, 0);
+      renderResults();
+      scrollCursorIntoView();
+    } else if (e.key === 'Enter') {
+      e.preventDefault();
+      activate(filtered[cursor]);
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      close();
+    }
+  });
+  resultsEl.addEventListener('click', (e) => {
+    const row = e.target.closest('.palette-result');
+    if (row) activate(filtered[Number(row.getAttribute('data-index'))]);
+  });
+}
+function scrollCursorIntoView() {
+  const sel = resultsEl.querySelector('.palette-result.is-selected');
+  if (sel && typeof sel.scrollIntoView === 'function') {
+    sel.scrollIntoView({ block: 'nearest' });
+  }
+}
+export function open() {
+  ensureMounted();
+  if (allItems.length === 0) allItems = buildItems();
+  input.value = '';
+  update('');
+  document.body.classList.add('has-palette-open');
+  // Focus on next tick (jsdom-friendly).
+  setTimeout(() => input.focus(), 0);
+}
+export function close() {
+  if (!modal) return;
+  document.body.classList.remove('has-palette-open');
+}
+export function isOpen() {
+  return document.body.classList.contains('has-palette-open');
+}
+let _initialized = false;
+export function initPalette() {
+  // Guard against being called twice (e.g. when init runs on both
+  // DOMContentLoaded and on a manual re-init after hot reload). Without
+  // this, every keydown handler runs N times, which causes Cmd+K to net-no-op
+  // on the second invocation.
+  if (_initialized) return;
+  _initialized = true;
+  document.addEventListener('click', (e) => {
+    if (e.target.closest('[data-palette-open]')) {
+      e.preventDefault();
+      open();
+    }
+  });
+  document.addEventListener('keydown', (e) => {
+    // Cmd+K (Mac) / Ctrl+K (Windows/Linux): open from anywhere
+    if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
+      e.preventDefault();
+      isOpen() ? close() : open();
+      return;
+    }
+    // Slash: open when no input is focused
+    if (e.key === '/' && !isOpen()) {
+      const tag = document.activeElement && document.activeElement.tagName;
+      const editable = document.activeElement && document.activeElement.isContentEditable;
+      if (tag !== 'INPUT' && tag !== 'TEXTAREA' && tag !== 'SELECT' && !editable) {
+        e.preventDefault();
+        open();
+      }
+    }
+  });
+}

package/src/assets/static/images/logo.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <svg width="800px" height="800px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="colorlib adminator" preserveAspectRatio="xMidYMid meet">
-  <path fill="#3B88C3" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v28z"/>
-  <path fill="currentColor" d="M14.747 9.125c.527-1.426 1.736-2.573 3.317-2.573c1.643 0 2.792 1.085 3.318 2.573l6.077 16.867c.186.496.248.931.248 1.147c0 1.209-.992 2.046-2.139 2.046c-1.303 0-1.954-.682-2.264-1.611l-.931-2.915h-8.62l-.93 2.884c-.31.961-.961 1.642-2.232 1.642c-1.24 0-2.294-.93-2.294-2.17c0-.496.155-.868.217-1.023l6.233-16.867zm.34 11.256h5.891l-2.883-8.992h-.062l-2.946 8.992z"/>
-</svg>
+  <path fill="#6366f1" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v28z"/>
+  <path fill="#ffffff" d="M14.747 9.125c.527-1.426 1.736-2.573 3.317-2.573c1.643 0 2.792 1.085 3.318 2.573l6.077 16.867c.186.496.248.931.248 1.147c0 1.209-.992 2.046-2.139 2.046c-1.303 0-1.954-.682-2.264-1.611l-.931-2.915h-8.62l-.93 2.884c-.31.961-.961 1.642-2.232 1.642c-1.24 0-2.294-.93-2.294-2.17c0-.496.155-.868.217-1.023l6.233-16.867zm.34 11.256h5.891l-2.883-8.992h-.062l-2.946 8.992z"/>
+</svg>

package/src/assets/styles/2026/_animations.scss ADDED Viewed

@@ -0,0 +1,14 @@
+/* ============ ANIMATIONS — 2026 ============ */
+@keyframes rise-in {
+  from { opacity: 0; transform: translateY(10px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+@keyframes bar-in {
+  from { transform: scaleX(0); }
+  to   { transform: scaleX(1); }
+}
+@keyframes draw   { to { stroke-dashoffset: 0; } }
+@keyframes fade-in { to { opacity: 1; } }

package/src/assets/styles/2026/_auth.scss ADDED Viewed

@@ -0,0 +1,215 @@
+/* ============ AUTH PAGES ============ */
+.auth-shell {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  min-height: 100vh;
+  background: var(--bg-body);
+}
+/* Responsive override for .auth-aside lives in _responsive.scss to win over
+   the default rules below — see chat note for why. */
+.auth-aside {
+  position: relative;
+  background: linear-gradient(135deg, var(--primary), var(--purple));
+  color: #fff;
+  padding: 40px 48px;
+  display: flex; flex-direction: column;
+  overflow: hidden;
+}
+.auth-aside::before {
+  content: '';
+  position: absolute;
+  inset: -40% -20% auto auto;
+  width: 80%; aspect-ratio: 1;
+  background: radial-gradient(circle, rgba(255,255,255,.18), transparent 60%);
+  pointer-events: none;
+}
+.auth-aside::after {
+  content: '';
+  position: absolute;
+  inset: auto auto -30% -20%;
+  width: 80%; aspect-ratio: 1;
+  background: radial-gradient(circle, rgba(255,255,255,.10), transparent 60%);
+  pointer-events: none;
+}
+.auth-brand {
+  display: flex; align-items: center; gap: 10px;
+  position: relative; z-index: 1;
+}
+.auth-brand .logo {
+  width: 36px; height: 36px;
+  background: rgba(255,255,255,0.18);
+  border: 1px solid rgba(255,255,255,0.25);
+  backdrop-filter: blur(6px);
+  border-radius: 9px;
+  display: grid; place-items: center;
+}
+.auth-brand .logo svg { width: 20px; height: 20px; }
+.auth-brand .name {
+  font-family: 'Inter Tight', sans-serif;
+  font-weight: 700;
+  font-size: 16px;
+  letter-spacing: -0.018em;
+}
+.auth-aside-body {
+  margin-top: auto;
+  position: relative; z-index: 1;
+  max-width: 440px;
+}
+.auth-aside-eyebrow {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 10px;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+  color: rgba(255,255,255,.7);
+  margin-bottom: 14px;
+  display: block;
+}
+.auth-aside h1 {
+  font-family: 'Inter Tight', sans-serif;
+  font-weight: 700;
+  font-size: clamp(28px, 3vw, 38px);
+  letter-spacing: -0.025em;
+  line-height: 1.15;
+  margin: 0 0 14px;
+}
+.auth-aside p {
+  font-size: 14.5px;
+  color: rgba(255,255,255,.85);
+  line-height: 1.6;
+  margin: 0 0 24px;
+}
+.auth-quote {
+  margin-top: 32px;
+  padding: 18px 20px;
+  border: 1px solid rgba(255,255,255,0.18);
+  background: rgba(255,255,255,0.08);
+  backdrop-filter: blur(6px);
+  border-radius: 12px;
+  font-size: 13px;
+  color: rgba(255,255,255,.9);
+  line-height: 1.6;
+}
+.auth-quote-author {
+  display: flex; align-items: center; gap: 10px;
+  margin-top: 14px;
+  font-size: 12px;
+  color: rgba(255,255,255,.75);
+}
+.auth-quote-author .av {
+  width: 28px; height: 28px;
+  border-radius: 50%;
+  background: rgba(255,255,255,0.22);
+  display: grid; place-items: center;
+  font-size: 11px; font-weight: 600;
+}
+.auth-aside-footer {
+  margin-top: auto;
+  padding-top: 24px;
+  position: relative; z-index: 1;
+  display: flex; gap: 18px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 10px;
+  color: rgba(255,255,255,.55);
+  letter-spacing: 0.06em;
+}
+.auth-main {
+  display: flex; flex-direction: column;
+  padding: 32px 48px;
+  min-height: 100vh;
+}
+.auth-main-top {
+  display: flex; justify-content: space-between; align-items: center;
+}
+.auth-main-top .switch-link {
+  font-size: 12.5px;
+  color: var(--t-muted);
+}
+.auth-main-top .switch-link a {
+  color: var(--primary);
+  font-weight: 600;
+  margin-left: 4px;
+}
+.auth-card {
+  width: 100%;
+  max-width: 400px;
+  margin: auto;
+  padding: 8px 0;
+}
+.auth-card h2 {
+  font-family: 'Inter Tight', sans-serif;
+  font-weight: 700;
+  font-size: 26px;
+  letter-spacing: -0.022em;
+  color: var(--t-base);
+  margin: 0 0 6px;
+}
+.auth-card .sub {
+  font-size: 13.5px;
+  color: var(--t-muted);
+  margin: 0 0 24px;
+  line-height: 1.55;
+}
+.auth-form { display: flex; flex-direction: column; gap: 14px; }
+.auth-form .field-row {
+  display: flex; justify-content: space-between; align-items: center;
+}
+.auth-form .field-row a {
+  color: var(--primary);
+  font-size: 12px;
+  font-weight: 600;
+}
+.auth-submit { margin-top: 4px; }
+.auth-submit.btn { padding: 11px 14px; }
+.auth-divider {
+  display: flex; align-items: center; gap: 12px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 10px;
+  color: var(--t-light);
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  margin: 18px 0;
+}
+.auth-divider::before,
+.auth-divider::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: var(--border);
+}
+.social-row {
+  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
+}
+.social-btn {
+  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
+  padding: 9px 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg-card);
+  color: var(--t-base);
+  font-size: 12.5px;
+  font-weight: 600;
+  transition: border-color 160ms, box-shadow 160ms, background 160ms;
+}
+.social-btn:hover { border-color: var(--t-light); box-shadow: var(--shadow-sm); }
+.social-btn svg { width: 14px; height: 14px; }
+.auth-main-bottom {
+  margin-top: 24px;
+  font-size: 11.5px;
+  color: var(--t-light);
+  text-align: center;
+}
+.auth-main-bottom a { color: var(--t-muted); }

package/src/assets/styles/2026/_base.scss ADDED Viewed

@@ -0,0 +1,37 @@
+/* ============ RESET + BASE — 2026 ============ */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
+*, *::before, *::after { box-sizing: border-box; }
+html, body { margin: 0; padding: 0; }
+a { color: inherit; text-decoration: none; }
+button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
+ul, ol { margin: 0; padding: 0; list-style: none; }
+img, svg { display: block; max-width: 100%; }
+input, textarea { font: inherit; color: inherit; }
+body {
+  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+  font-feature-settings: 'cv11', 'ss01', 'ss03';
+  font-weight: 400;
+  background: var(--bg-body);
+  color: var(--t-base);
+  font-size: 14px;
+  line-height: 1.55;
+  letter-spacing: -0.003em;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  transition: background-color 280ms ease, color 280ms ease;
+}
+::selection { background: var(--primary); color: #fff; }
+.mono { font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace; }
+.eyebrow {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 10px;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+  color: var(--t-light);
+  font-weight: 500;
+}