@birdapi/velinstyle 1.0.0 → 1.2.0

package/dist/chunks/go-HZ6XTFCK.js

@@ -0,0 +1,31 @@
+import {
+  tokenize
+} from "./chunk-7FFAMRFV.js";
+
+// core/highlight/languages/go.js
+var RULES = [
+  { type: "comment", re: /\/\/[^\n]*/y },
+  { type: "comment", re: /\/\*[\s\S]*?\*\//y },
+  // Raw strings may span lines.
+  { type: "string", re: /`[^`]*`/y },
+  { type: "string", re: /"(?:\\.|[^"\\\n])*"/y },
+  { type: "string", re: /'(?:\\.|[^'\\\n])*'/y },
+  { type: "number", re: /\b0[xX][\da-fA-F_]+\b|\b\d[\d_]*(?:\.[\d_]*)?(?:[eE][+-]?\d+)?i?\b/y },
+  {
+    type: "keyword",
+    re: /\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go|goto|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/y
+  },
+  {
+    type: "builtin",
+    re: /\b(?:append|bool|byte|cap|clear|close|complex|complex64|complex128|copy|delete|error|float32|float64|imag|int|int8|int16|int32|int64|len|make|max|min|new|nil|panic|print|println|real|recover|rune|string|true|false|iota|uint|uint8|uint16|uint32|uint64|uintptr|any)\b/y
+  },
+  { type: "operator", re: /:=|\.\.\.|&&|\|\||<-|\+\+|--|<<=?|>>=?|&\^=?|[-+*/%&|^<>!=]=?|~/y },
+  { type: "punctuation", re: /[[\]{}(),;:.]/y },
+  { type: "identifier", re: /\b[A-Za-z_]\w*\b/y }
+];
+function lexGo(code) {
+  return tokenize(code, RULES);
+}
+export {
+  lexGo as default
+};

package/dist/chunks/{highlight-GJHHV4KM.js → highlight-IBDX4XWS.js}

@@ -14,7 +14,7 @@ import {
   renderTokens,
   resolveLanguage,
   velinSyntax
-} from "./chunk-J472ERN2.js";
+} from "./chunk-ERF5YVP4.js";
 import "./chunk-7MCGPHVC.js";
 import "./chunk-M5CHQVP6.js";
 import "./chunk-7FFAMRFV.js";

package/dist/chunks/{highlight-XTHRKBA3.js → highlight-M2ELQNYK.js}

@@ -14,7 +14,7 @@ import {
   renderTokens,
   resolveLanguage,
   velinSyntax
-} from "./chunk-XYLJ2GCB.js";
+} from "./chunk-JMSIHEYX.js";
 import "./chunk-7MCGPHVC.js";
 import "./chunk-M5CHQVP6.js";
 import "./chunk-7FFAMRFV.js";

package/dist/chunks/python-BMPKDKNO.js

@@ -0,0 +1,32 @@
+import {
+  tokenize
+} from "./chunk-7FFAMRFV.js";
+
+// core/highlight/languages/python.js
+var RULES = [
+  { type: "comment", re: /#[^\n]*/y },
+  // Triple-quoted strings first so the single-quote rules cannot split them.
+  { type: "string", re: /[rbfu]{0,2}"""[\s\S]*?"""/y },
+  { type: "string", re: /[rbfu]{0,2}'''[\s\S]*?'''/y },
+  { type: "string", re: /[rbfu]{0,2}"(?:\\.|[^"\\\n])*"/y },
+  { type: "string", re: /[rbfu]{0,2}'(?:\\.|[^'\\\n])*'/y },
+  { type: "number", re: /\b0[xX][\da-fA-F_]+\b|\b\d[\d_]*(?:\.[\d_]+)?(?:[eE][+-]?\d+)?j?\b/y },
+  {
+    type: "keyword",
+    re: /\b(?:and|as|assert|async|await|break|class|continue|def|del|elif|else|except|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|raise|return|try|while|with|yield)\b/y
+  },
+  {
+    type: "builtin",
+    re: /\b(?:None|True|False|self|cls|abs|all|any|bool|bytes|dict|dir|enumerate|filter|float|format|frozenset|getattr|hasattr|int|isinstance|issubclass|iter|len|list|map|max|min|next|object|open|print|range|repr|reversed|round|set|setattr|sorted|str|sum|super|tuple|type|zip)\b/y
+  },
+  // Multi-character operators first so `->` is not split into `-` and `>`.
+  { type: "operator", re: /->|:=|\*\*=?|\/\/=?|<<=?|>>=?|[-+*/%&|^~<>!=]=?/y },
+  { type: "punctuation", re: /[[\]{}(),:;.@]/y },
+  { type: "identifier", re: /\b[A-Za-z_]\w*\b/y }
+];
+function lexPython(code) {
+  return tokenize(code, RULES);
+}
+export {
+  lexPython as default
+};

package/dist/chunks/runtime-entry.js

@@ -4,7 +4,7 @@ import {
   lazyDefine,
   register,
   whenDefined
-} from "./chunk-IEHKRARD.js";
+} from "./chunk-TUGIPKW5.js";
 export {
   COMPONENT_LOADERS,
   bootFromDOM,

package/dist/chunks/rust-2BWKI2MN.js

@@ -0,0 +1,35 @@
+import {
+  tokenize
+} from "./chunk-7FFAMRFV.js";
+
+// core/highlight/languages/rust.js
+var RULES = [
+  { type: "comment", re: /\/\/\/?[^\n]*/y },
+  { type: "comment", re: /\/\*[\s\S]*?\*\//y },
+  // Raw strings close on the same number of hashes they opened with.
+  { type: "string", re: /b?r(#*)"[\s\S]*?"\1/y },
+  { type: "string", re: /b?"(?:\\.|[^"\\])*"/y },
+  { type: "string", re: /b?'(?:\\.|[^'\\])'/y },
+  // Attributes such as #[derive(Debug)] read as annotations.
+  { type: "builtin", re: /#!?\[[^\]]*\]/y },
+  { type: "number", re: /\b0[xXbo][\da-fA-F_]+\b|\b\d[\d_]*(?:\.[\d_]+)?(?:[eE][+-]?\d+)?(?:[iuf](?:8|16|32|64|128|size))?\b/y },
+  {
+    type: "keyword",
+    re: /\b(?:as|async|await|break|const|continue|crate|dyn|else|enum|extern|fn|for|if|impl|in|let|loop|match|mod|move|mut|pub|ref|return|self|Self|static|struct|super|trait|type|unsafe|use|where|while)\b/y
+  },
+  {
+    type: "builtin",
+    re: /\b(?:bool|char|f32|f64|i8|i16|i32|i64|i128|isize|str|u8|u16|u32|u64|u128|usize|String|Vec|Option|Result|Some|None|Ok|Err|Box|Rc|Arc|true|false)\b/y
+  },
+  // Lifetimes such as 'a must not be read as an unterminated char literal.
+  { type: "operator", re: /'[a-z_]\w*\b/y },
+  { type: "operator", re: /=>|->|::|\.\.=?|&&|\|\||<<=?|>>=?|[-+*/%&|^<>!=]=?|[?@]/y },
+  { type: "punctuation", re: /[[\]{}(),;:.#]/y },
+  { type: "identifier", re: /\b[A-Za-z_]\w*!?\b/y }
+];
+function lexRust(code) {
+  return tokenize(code, RULES);
+}
+export {
+  lexRust as default
+};

package/dist/chunks/{velin-accordion-FBIPAEXG.js → velin-accordion-WSY6BMLA.js}

@@ -1,21 +1,23 @@
 // components/velin-accordion.js
-var styles = `
-  :host {
+var LIGHT_STYLE_ID = "velin-accordion-light-css";
+var lightStyles = `
+  velin-accordion {
     display: block;
     border: 1px solid var(--velin-color-border, #ddd);
     border-radius: var(--velin-radius-md, 0.5rem);
     overflow: hidden;
   }
-  ::slotted(details) {
+  velin-accordion details {
     border-bottom: 1px solid var(--velin-color-border, #ddd);
   }
-  ::slotted(details:last-child) {
+  velin-accordion details:last-child {
     border-bottom: none;
   }
-  ::slotted(details > summary) {
+  velin-accordion details > summary {
     display: flex;
     align-items: center;
     justify-content: space-between;
+    gap: var(--velin-space-3, 0.75rem);
     padding: var(--velin-space-4, 1rem);
     min-block-size: 2.75rem;
     font-size: var(--velin-text-base, 1rem);
@@ -24,25 +26,65 @@ var styles = `
     user-select: none;
     list-style: none;
   }
-  ::slotted(details > summary::-webkit-details-marker) {
+  velin-accordion details > summary::-webkit-details-marker {
     display: none;
   }
+  velin-accordion details > summary::after {
+    content: "";
+    flex-shrink: 0;
+    inline-size: 0.5rem;
+    block-size: 0.5rem;
+    border-inline-end: 2px solid currentColor;
+    border-block-end: 2px solid currentColor;
+    transform: rotate(45deg);
+    transition: transform 150ms ease;
+  }
+  velin-accordion details[open] > summary {
+    background: var(--velin-color-primary-subtle, #eff6ff);
+    color: var(--velin-color-primary, #2563eb);
+  }
+  velin-accordion details[open] > summary::after {
+    transform: rotate(225deg);
+  }
+  velin-accordion details > :not(summary) {
+    padding: var(--velin-space-4, 1rem) var(--velin-space-5, 1.25rem);
+    background: var(--velin-color-surface-dim, var(--velin-color-bg-subtle, #f8fafc));
+    color: var(--velin-color-text-muted, #64748b);
+    font-size: var(--velin-text-sm, 0.875rem);
+    line-height: 1.6;
+    border-block-start: 1px solid var(--velin-color-border, #e2e8f0);
+  }
+`;
+var shadowStyles = `
+  :host {
+    display: block;
+  }
 `;
+function ensureLightStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(LIGHT_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = LIGHT_STYLE_ID;
+  style.textContent = lightStyles;
+  document.head.appendChild(style);
+}
 var VelinAccordion = class extends HTMLElement {
   constructor() {
     super();
     this.attachShadow({ mode: "open" });
     this._onToggle = this._onToggle.bind(this);
+    this._onKeydown = this._onKeydown.bind(this);
   }
   connectedCallback() {
+    ensureLightStyles();
     this.shadowRoot.innerHTML = `
-      <style>${styles}</style>
+      <style>${shadowStyles}</style>
       <slot></slot>
     `;
     this._exclusive = this.hasAttribute("exclusive");
     this._wireDetails();
     this.addEventListener("toggle", this._onToggle, true);
-    this.addEventListener("keydown", this._onKeydown.bind(this));
+    this.addEventListener("keydown", this._onKeydown);
   }
   _wireDetails() {
     let panelIndex = 0;
@@ -53,13 +95,21 @@ var VelinAccordion = class extends HTMLElement {
       if (panel && !panel.id) panel.id = panelId;
       if (summary && panel) {
         summary.setAttribute("aria-controls", panelId);
+        summary.setAttribute("aria-expanded", details.open ? "true" : "false");
+      }
+      if (summary && !summary.hasAttribute("tabindex")) {
+        summary.setAttribute("tabindex", "0");
       }
     }
   }
   _onToggle(event) {
-    if (!this._exclusive) return;
     const openedDetail = event.target;
-    if (!openedDetail.open) return;
+    if (!(openedDetail instanceof HTMLDetailsElement)) return;
+    const summary = openedDetail.querySelector("summary");
+    if (summary) {
+      summary.setAttribute("aria-expanded", openedDetail.open ? "true" : "false");
+    }
+    if (!this._exclusive || !openedDetail.open) return;
     const details = [...this.querySelectorAll("details")];
     details.forEach((d) => {
       if (d !== openedDetail && d.open) {
@@ -89,6 +139,9 @@ var VelinAccordion = class extends HTMLElement {
         event.preventDefault();
         nextIndex = summaries.length - 1;
         break;
+      case "Enter":
+      case " ":
+        return;
       default:
         return;
     }
@@ -96,6 +149,7 @@ var VelinAccordion = class extends HTMLElement {
   }
   disconnectedCallback() {
     this.removeEventListener("toggle", this._onToggle, true);
+    this.removeEventListener("keydown", this._onKeydown);
   }
 };
 customElements.define("velin-accordion", VelinAccordion);

package/dist/chunks/{velin-bottom-nav-7GEMPIM6.js → velin-bottom-nav-5RVRNGIP.js}

@@ -52,6 +52,31 @@ var VelinBottomNav = class extends HTMLElement {
   }
   _onSlot() {
     this._syncCurrent();
+    this._syncSlotLabels();
+  }
+  _syncSlotLabels() {
+    const slot = this.shadowRoot?.querySelector("slot");
+    if (!slot) return;
+    slot.assignedElements().forEach((el) => {
+      const text = el.textContent?.replace(/\s+/g, " ").trim();
+      if (!text && !el.getAttribute("aria-label")) {
+        const hint = el.getAttribute("data-nav") || el.getAttribute("title") || el.getAttribute("aria-labelledby");
+        if (hint) el.setAttribute("aria-label", hint);
+      }
+      if (el.tagName === "A" && !el.getAttribute("href")) {
+        el.setAttribute("role", "button");
+        if (!el.hasAttribute("tabindex")) el.setAttribute("tabindex", "0");
+        if (!el._velinBottomNavKey) {
+          el._velinBottomNavKey = (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              el.click();
+            }
+          };
+          el.addEventListener("keydown", el._velinBottomNavKey);
+        }
+      }
+    });
   }
   _syncCurrent() {
     const slot = this.shadowRoot?.querySelector("slot");

package/dist/chunks/{velin-bottom-nav-2N2TYWOF.js → velin-bottom-nav-N5F4UO2I.js}

@@ -1,6 +1,6 @@
 import {
   escapeHTML
-} from "./chunk-MKZP2TBH.js";
+} from "./chunk-L7ZGUU4D.js";
 
 // components/velin-bottom-nav.js
 var styles = `
@@ -52,6 +52,31 @@ var VelinBottomNav = class extends HTMLElement {
   }
   _onSlot() {
     this._syncCurrent();
+    this._syncSlotLabels();
+  }
+  _syncSlotLabels() {
+    const slot = this.shadowRoot?.querySelector("slot");
+    if (!slot) return;
+    slot.assignedElements().forEach((el) => {
+      const text = el.textContent?.replace(/\s+/g, " ").trim();
+      if (!text && !el.getAttribute("aria-label")) {
+        const hint = el.getAttribute("data-nav") || el.getAttribute("title") || el.getAttribute("aria-labelledby");
+        if (hint) el.setAttribute("aria-label", hint);
+      }
+      if (el.tagName === "A" && !el.getAttribute("href")) {
+        el.setAttribute("role", "button");
+        if (!el.hasAttribute("tabindex")) el.setAttribute("tabindex", "0");
+        if (!el._velinBottomNavKey) {
+          el._velinBottomNavKey = (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              el.click();
+            }
+          };
+          el.addEventListener("keydown", el._velinBottomNavKey);
+        }
+      }
+    });
   }
   _syncCurrent() {
     const slot = this.shadowRoot?.querySelector("slot");

package/dist/chunks/velin-calendar-OFE6THUD.js

@@ -0,0 +1,210 @@
+import {
+  escapeHTML
+} from "./chunk-RDE3QE7Z.js";
+
+// components/velin-calendar.js
+var styles = `
+  :host { display: block; }
+  .cal {
+    border: 1px solid var(--velin-color-border, #ddd);
+    border-radius: var(--velin-radius-md, 0.5rem);
+    background: var(--velin-color-surface, #fff);
+    color: var(--velin-color-text, #111);
+    padding: var(--velin-space-3, 0.75rem);
+    max-inline-size: 20rem;
+  }
+  .head {
+    display: flex; align-items: center; justify-content: space-between;
+    gap: var(--velin-space-2, 0.5rem); margin-block-end: var(--velin-space-3, 0.75rem);
+  }
+  .title { font-weight: var(--velin-weight-semibold, 600); margin: 0; font-size: var(--velin-text-base, 1rem); }
+  .nav {
+    display: inline-flex; align-items: center; justify-content: center;
+    min-inline-size: 2.5rem; min-block-size: 2.5rem;
+    border: 1px solid var(--velin-color-border, #ddd);
+    border-radius: var(--velin-radius-sm, 0.25rem);
+    background: var(--velin-color-surface-bright, #fff);
+    color: inherit; cursor: pointer;
+  }
+  .nav:focus-visible { outline: 2px solid var(--velin-color-focus, #2563eb); outline-offset: 2px; }
+  .grid {
+    display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.25rem;
+  }
+  .dow {
+    text-align: center; font-size: var(--velin-text-xs, 0.75rem);
+    color: var(--velin-color-text-muted, #64748b); padding-block: 0.25rem;
+  }
+  .day {
+    min-inline-size: 2.5rem; min-block-size: 2.5rem;
+    border: none; border-radius: var(--velin-radius-sm, 0.25rem);
+    background: transparent; color: inherit; cursor: pointer;
+    font: inherit;
+  }
+  .day[aria-disabled="true"] { opacity: 0.35; cursor: not-allowed; }
+  .day[aria-selected="true"] {
+    background: var(--velin-color-primary, #2563eb);
+    color: var(--velin-color-on-primary, #fff);
+  }
+  .day:not([aria-disabled="true"]):hover {
+    background: var(--velin-color-primary-subtle, #eff6ff);
+  }
+  .day:focus-visible { outline: 2px solid var(--velin-color-focus, #2563eb); outline-offset: 1px; }
+  .out { color: var(--velin-color-text-muted, #94a3b8); }
+`;
+function iso(d) {
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${y}-${m}-${day}`;
+}
+function parseISO(v) {
+  if (!v) return null;
+  const m = String(v).match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (!m) return null;
+  const d = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+  return Number.isNaN(d.getTime()) ? null : d;
+}
+var VelinCalendar = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["value", "min", "max", "label"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    this._view = /* @__PURE__ */ new Date();
+    this._view.setDate(1);
+    this._onKey = this._onKey.bind(this);
+  }
+  connectedCallback() {
+    const selected = parseISO(this.getAttribute("value")) || /* @__PURE__ */ new Date();
+    this._view = new Date(selected.getFullYear(), selected.getMonth(), 1);
+    this._render();
+  }
+  attributeChangedCallback(name, prev, next) {
+    if (prev === next || !this.shadowRoot?.querySelector(".cal")) return;
+    if (name === "value" && next) {
+      const d = parseISO(next);
+      if (d) this._view = new Date(d.getFullYear(), d.getMonth(), 1);
+    }
+    this._render();
+  }
+  get value() {
+    return this.getAttribute("value") || "";
+  }
+  set value(v) {
+    if (v) this.setAttribute("value", v);
+    else this.removeAttribute("value");
+  }
+  _inRange(d) {
+    const min = parseISO(this.getAttribute("min"));
+    const max = parseISO(this.getAttribute("max"));
+    if (min && d < min) return false;
+    if (max && d > max) return false;
+    return true;
+  }
+  _select(d) {
+    if (!this._inRange(d)) return;
+    const v = iso(d);
+    this.setAttribute("value", v);
+    this.dispatchEvent(new CustomEvent("velin-change", { bubbles: true, detail: { value: v, date: d } }));
+    this._render();
+  }
+  _shiftMonth(delta) {
+    this._view = new Date(this._view.getFullYear(), this._view.getMonth() + delta, 1);
+    this._render();
+  }
+  _onKey(e) {
+    const selected = parseISO(this.getAttribute("value")) || /* @__PURE__ */ new Date();
+    let next = new Date(selected);
+    switch (e.key) {
+      case "ArrowLeft":
+        next.setDate(next.getDate() - 1);
+        break;
+      case "ArrowRight":
+        next.setDate(next.getDate() + 1);
+        break;
+      case "ArrowUp":
+        next.setDate(next.getDate() - 7);
+        break;
+      case "ArrowDown":
+        next.setDate(next.getDate() + 7);
+        break;
+      case "Home":
+        next = new Date(next.getFullYear(), next.getMonth(), 1);
+        break;
+      case "End":
+        next = new Date(next.getFullYear(), next.getMonth() + 1, 0);
+        break;
+      case "PageUp":
+        next = new Date(next.getFullYear(), next.getMonth() - 1, next.getDate());
+        break;
+      case "PageDown":
+        next = new Date(next.getFullYear(), next.getMonth() + 1, next.getDate());
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault();
+        this._select(selected);
+        return;
+      default:
+        return;
+    }
+    e.preventDefault();
+    if (!this._inRange(next)) return;
+    this._view = new Date(next.getFullYear(), next.getMonth(), 1);
+    this.setAttribute("value", iso(next));
+    this.dispatchEvent(new CustomEvent("velin-change", { bubbles: true, detail: { value: iso(next), date: next } }));
+    this._render();
+    this.shadowRoot.querySelector(`[data-iso="${iso(next)}"]`)?.focus();
+  }
+  _render() {
+    const label = escapeHTML(this.getAttribute("label") || "Choose date");
+    const selected = parseISO(this.getAttribute("value"));
+    const y = this._view.getFullYear();
+    const m = this._view.getMonth();
+    const title = this._view.toLocaleString(void 0, { month: "long", year: "numeric" });
+    const start = new Date(y, m, 1);
+    const startDow = (start.getDay() + 6) % 7;
+    const daysInMonth = new Date(y, m + 1, 0).getDate();
+    const dows = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
+    let cells = dows.map((d) => `<div class="dow" aria-hidden="true">${d}</div>`).join("");
+    for (let i = 0; i < startDow; i += 1) {
+      const d = new Date(y, m, -startDow + i + 1);
+      cells += `<button type="button" class="day out" tabindex="-1" data-iso="${iso(d)}" aria-label="${iso(d)}">${d.getDate()}</button>`;
+    }
+    for (let day = 1; day <= daysInMonth; day += 1) {
+      const d = new Date(y, m, day);
+      const id = iso(d);
+      const sel = selected && iso(selected) === id;
+      const disabled = !this._inRange(d);
+      cells += `<button type="button" class="day" data-iso="${id}" aria-label="${id}" aria-selected="${sel ? "true" : "false"}" aria-disabled="${disabled ? "true" : "false"}" tabindex="${sel ? "0" : "-1"}">${day}</button>`;
+    }
+    this.shadowRoot.innerHTML = `
+      <style>${styles}</style>
+      <div class="cal" role="group" aria-label="${label}">
+        <div class="head">
+          <button type="button" class="nav" data-nav="-1" aria-label="Previous month">\u2039</button>
+          <p class="title" id="cal-title">${escapeHTML(title)}</p>
+          <button type="button" class="nav" data-nav="1" aria-label="Next month">\u203A</button>
+        </div>
+        <div class="grid" role="grid" aria-labelledby="cal-title">${cells}</div>
+      </div>
+    `;
+    this.shadowRoot.querySelectorAll("[data-nav]").forEach((btn) => {
+      btn.addEventListener("click", () => this._shiftMonth(Number(btn.getAttribute("data-nav"))));
+    });
+    this.shadowRoot.querySelectorAll(".day").forEach((btn) => {
+      btn.addEventListener("click", () => {
+        if (btn.getAttribute("aria-disabled") === "true") return;
+        const d = parseISO(btn.getAttribute("data-iso"));
+        if (d) this._select(d);
+      });
+      btn.addEventListener("keydown", this._onKey);
+    });
+  }
+};
+customElements.define("velin-calendar", VelinCalendar);
+var velin_calendar_default = VelinCalendar;
+export {
+  velin_calendar_default as default
+};