@birdapi/velinstyle 0.7.0 → 0.9.0

package/dist/chunks/php-MLL7T3LT.js

@@ -0,0 +1,41 @@
+import {
+  tokenizeWithKeywords
+} from "./chunk-7FFAMRFV.js";
+
+// core/highlight/languages/php.js
+var KEYWORDS = {
+  function: 1,
+  return: 1,
+  if: 1,
+  else: 1,
+  elseif: 1,
+  foreach: 1,
+  while: 1,
+  class: 1,
+  new: 1,
+  public: 1,
+  private: 1,
+  protected: 1,
+  static: 1,
+  namespace: 1,
+  use: 1,
+  true: 1,
+  false: 1,
+  null: 1
+};
+var RULES = [
+  { type: "comment", re: /\/\/[^\n]*/y },
+  { type: "comment", re: /#[^\n]*/y },
+  { type: "comment", re: /\/\*[\s\S]*?\*\//y },
+  { type: "string", re: /"(?:\\.|[^"\\])*"/y },
+  { type: "string", re: /'(?:\\.|[^'\\])*'/y },
+  { type: "number", re: /\b\d+(?:\.\d+)?\b/y },
+  { type: "operator", re: /=>|\+\+|--|===|!==|==|!=|<=|>=|->|\?\?|[=+\-*/%.<>!&|^~?:]/y },
+  { type: "punctuation", re: /[{}[\]();,.]/y }
+];
+function lexPhp(code) {
+  return tokenizeWithKeywords(code, KEYWORDS, RULES);
+}
+export {
+  lexPhp as default
+};

package/dist/chunks/plain-LJJDC5TN.js

@@ -0,0 +1,8 @@
+// core/highlight/languages/plain.js
+function lexPlain(code) {
+  if (!code) return [];
+  return [{ type: "plain", value: code }];
+}
+export {
+  lexPlain as default
+};

package/dist/chunks/runtime-entry.js

@@ -0,0 +1,14 @@
+import {
+  COMPONENT_LOADERS,
+  bootFromDOM,
+  lazyDefine,
+  register,
+  whenDefined
+} from "./chunk-RSMRR27R.js";
+export {
+  COMPONENT_LOADERS,
+  bootFromDOM,
+  lazyDefine,
+  register,
+  whenDefined
+};

package/dist/chunks/shell-QTRK4U4E.js

@@ -0,0 +1,35 @@
+import {
+  tokenizeWithKeywords
+} from "./chunk-7FFAMRFV.js";
+
+// core/highlight/languages/shell.js
+var KEYWORDS = {
+  if: 1,
+  then: 1,
+  else: 1,
+  fi: 1,
+  for: 1,
+  do: 1,
+  done: 1,
+  while: 1,
+  case: 1,
+  esac: 1,
+  function: 1,
+  return: 1,
+  export: 1,
+  local: 1
+};
+var RULES = [
+  { type: "comment", re: /#[^\n]*/y },
+  { type: "string", re: /"(?:\\.|[^"\\])*"/y },
+  { type: "string", re: /'[^']*'/y },
+  { type: "number", re: /\b\d+\b/y },
+  { type: "operator", re: /[|&<>]/y },
+  { type: "punctuation", re: /[();]/y }
+];
+function lexShell(code) {
+  return tokenizeWithKeywords(code, KEYWORDS, RULES);
+}
+export {
+  lexShell as default
+};

package/dist/chunks/sql-PPWLHGJ2.js

@@ -0,0 +1,23 @@
+import {
+  tokenize
+} from "./chunk-7FFAMRFV.js";
+
+// core/highlight/languages/sql.js
+var RULES = [
+  { type: "comment", re: /--[^\n]*/y },
+  { type: "comment", re: /\/\*[\s\S]*?\*\//y },
+  { type: "string", re: /'(?:''|[^'])*'/y },
+  { type: "number", re: /\b\d+(?:\.\d+)?\b/y },
+  {
+    type: "keyword",
+    re: /\b(?:SELECT|FROM|WHERE|INSERT|INTO|VALUES|UPDATE|SET|DELETE|JOIN|LEFT|RIGHT|INNER|OUTER|ON|AND|OR|NOT|NULL|AS|ORDER|BY|GROUP|HAVING|LIMIT|CREATE|TABLE|INDEX)\b/yi
+  },
+  { type: "operator", re: /[=<>!]+|,/y },
+  { type: "punctuation", re: /[();]/y }
+];
+function lexSql(code) {
+  return tokenize(code, RULES);
+}
+export {
+  lexSql as default
+};

package/dist/chunks/typescript-JT3CCYWL.js

@@ -0,0 +1,30 @@
+import {
+  lexJs
+} from "./chunk-M5CHQVP6.js";
+import "./chunk-7FFAMRFV.js";
+
+// core/highlight/languages/typescript.js
+var TS_KEYWORDS = /* @__PURE__ */ new Set([
+  "type",
+  "interface",
+  "enum",
+  "implements",
+  "declare",
+  "namespace",
+  "readonly",
+  "public",
+  "private",
+  "protected",
+  "abstract",
+  "as",
+  "satisfies",
+  "keyof"
+]);
+function lexTypeScript(code) {
+  return lexJs(code).map(
+    (t) => t.type === "identifier" && TS_KEYWORDS.has(t.value) ? { type: "keyword", value: t.value } : t
+  );
+}
+export {
+  lexTypeScript as default
+};

package/dist/chunks/velin-accordion-FBIPAEXG.js

@@ -0,0 +1,105 @@
+// components/velin-accordion.js
+var styles = `
+  :host {
+    display: block;
+    border: 1px solid var(--velin-color-border, #ddd);
+    border-radius: var(--velin-radius-md, 0.5rem);
+    overflow: hidden;
+  }
+  ::slotted(details) {
+    border-bottom: 1px solid var(--velin-color-border, #ddd);
+  }
+  ::slotted(details:last-child) {
+    border-bottom: none;
+  }
+  ::slotted(details > summary) {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--velin-space-4, 1rem);
+    min-block-size: 2.75rem;
+    font-size: var(--velin-text-base, 1rem);
+    font-weight: var(--velin-weight-medium, 500);
+    cursor: pointer;
+    user-select: none;
+    list-style: none;
+  }
+  ::slotted(details > summary::-webkit-details-marker) {
+    display: none;
+  }
+`;
+var VelinAccordion = class extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    this._onToggle = this._onToggle.bind(this);
+  }
+  connectedCallback() {
+    this.shadowRoot.innerHTML = `
+      <style>${styles}</style>
+      <slot></slot>
+    `;
+    this._exclusive = this.hasAttribute("exclusive");
+    this._wireDetails();
+    this.addEventListener("toggle", this._onToggle, true);
+    this.addEventListener("keydown", this._onKeydown.bind(this));
+  }
+  _wireDetails() {
+    let panelIndex = 0;
+    for (const details of this.querySelectorAll("details")) {
+      const summary = details.querySelector("summary");
+      const panel = details.querySelector(":scope > :not(summary)");
+      const panelId = panel?.id || `velin-accordion-panel-${++panelIndex}`;
+      if (panel && !panel.id) panel.id = panelId;
+      if (summary && panel) {
+        summary.setAttribute("aria-controls", panelId);
+      }
+    }
+  }
+  _onToggle(event) {
+    if (!this._exclusive) return;
+    const openedDetail = event.target;
+    if (!openedDetail.open) return;
+    const details = [...this.querySelectorAll("details")];
+    details.forEach((d) => {
+      if (d !== openedDetail && d.open) {
+        d.open = false;
+      }
+    });
+  }
+  _onKeydown(event) {
+    const summaries = [...this.querySelectorAll("summary")];
+    const currentIndex = summaries.indexOf(event.target);
+    if (currentIndex === -1) return;
+    let nextIndex;
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        nextIndex = (currentIndex + 1) % summaries.length;
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        nextIndex = (currentIndex - 1 + summaries.length) % summaries.length;
+        break;
+      case "Home":
+        event.preventDefault();
+        nextIndex = 0;
+        break;
+      case "End":
+        event.preventDefault();
+        nextIndex = summaries.length - 1;
+        break;
+      default:
+        return;
+    }
+    summaries[nextIndex].focus();
+  }
+  disconnectedCallback() {
+    this.removeEventListener("toggle", this._onToggle, true);
+  }
+};
+customElements.define("velin-accordion", VelinAccordion);
+var velin_accordion_default = VelinAccordion;
+export {
+  velin_accordion_default as default
+};

package/dist/chunks/velin-accordion-QAQO7BI7.js

@@ -0,0 +1,117 @@
+// components/velin-accordion.js
+var styles = `
+  :host {
+    display: block;
+    border: 1px solid var(--velin-color-border, #ddd);
+    border-radius: var(--velin-radius-md, 0.5rem);
+    overflow: hidden;
+  }
+  ::slotted(details) {
+    border-bottom: 1px solid var(--velin-color-border, #ddd);
+  }
+  ::slotted(details:last-child) {
+    border-bottom: none;
+  }
+  ::slotted(details > summary) {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--velin-space-4, 1rem);
+    min-block-size: 2.75rem;
+    font-size: var(--velin-text-base, 1rem);
+    font-weight: var(--velin-weight-medium, 500);
+    cursor: pointer;
+    user-select: none;
+    list-style: none;
+  }
+  ::slotted(details > summary::-webkit-details-marker) {
+    display: none;
+  }
+  ::slotted(details[open] > summary) {
+    background: var(--velin-color-primary-subtle, #eff6ff);
+    color: var(--velin-color-primary, #2563eb);
+  }
+  ::slotted(details > :not(summary)) {
+    padding: var(--velin-space-4, 1rem) var(--velin-space-5, 1.25rem);
+    background: 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 VelinAccordion = class extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    this._onToggle = this._onToggle.bind(this);
+  }
+  connectedCallback() {
+    this.shadowRoot.innerHTML = `
+      <style>${styles}</style>
+      <slot></slot>
+    `;
+    this._exclusive = this.hasAttribute("exclusive");
+    this._wireDetails();
+    this.addEventListener("toggle", this._onToggle, true);
+    this.addEventListener("keydown", this._onKeydown.bind(this));
+  }
+  _wireDetails() {
+    let panelIndex = 0;
+    for (const details of this.querySelectorAll("details")) {
+      const summary = details.querySelector("summary");
+      const panel = details.querySelector(":scope > :not(summary)");
+      const panelId = panel?.id || `velin-accordion-panel-${++panelIndex}`;
+      if (panel && !panel.id) panel.id = panelId;
+      if (summary && panel) {
+        summary.setAttribute("aria-controls", panelId);
+      }
+    }
+  }
+  _onToggle(event) {
+    if (!this._exclusive) return;
+    const openedDetail = event.target;
+    if (!openedDetail.open) return;
+    const details = [...this.querySelectorAll("details")];
+    details.forEach((d) => {
+      if (d !== openedDetail && d.open) {
+        d.open = false;
+      }
+    });
+  }
+  _onKeydown(event) {
+    const summaries = [...this.querySelectorAll("summary")];
+    const currentIndex = summaries.indexOf(event.target);
+    if (currentIndex === -1) return;
+    let nextIndex;
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        nextIndex = (currentIndex + 1) % summaries.length;
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        nextIndex = (currentIndex - 1 + summaries.length) % summaries.length;
+        break;
+      case "Home":
+        event.preventDefault();
+        nextIndex = 0;
+        break;
+      case "End":
+        event.preventDefault();
+        nextIndex = summaries.length - 1;
+        break;
+      default:
+        return;
+    }
+    summaries[nextIndex].focus();
+  }
+  disconnectedCallback() {
+    this.removeEventListener("toggle", this._onToggle, true);
+  }
+};
+customElements.define("velin-accordion", VelinAccordion);
+var velin_accordion_default = VelinAccordion;
+export {
+  velin_accordion_default as default
+};

package/dist/chunks/velin-announcer-PVTXXCWR.js

@@ -0,0 +1,33 @@
+// components/velin-announcer.js
+var styles = `
+  :host { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
+`;
+var VelinAnnouncer = class extends HTMLElement {
+  connectedCallback() {
+    if (!this.shadowRoot) this.attachShadow({ mode: "open" });
+    const live = this.getAttribute("polite") === "false" ? "assertive" : "polite";
+    this.shadowRoot.innerHTML = "<style>" + styles + '</style><div role="status" aria-live="' + live + '" aria-atomic="true" part="region"></div>';
+    this._region = this.shadowRoot.querySelector('[role="status"]');
+  }
+  announce(message, { assertive = false } = {}) {
+    if (!this._region) this.connectedCallback();
+    this._region.setAttribute("aria-live", assertive ? "assertive" : "polite");
+    this._region.textContent = "";
+    requestAnimationFrame(() => {
+      this._region.textContent = typeof message === "string" ? message : "";
+    });
+  }
+  static announceGlobal(message, options) {
+    let el = document.querySelector("velin-announcer");
+    if (!el) {
+      el = document.createElement("velin-announcer");
+      document.body.appendChild(el);
+    }
+    el.announce(message, options);
+  }
+};
+customElements.define("velin-announcer", VelinAnnouncer);
+var velin_announcer_default = VelinAnnouncer;
+export {
+  velin_announcer_default as default
+};

package/dist/chunks/velin-bottom-nav-2N2TYWOF.js

@@ -0,0 +1,86 @@
+import {
+  escapeHTML
+} from "./chunk-MKZP2TBH.js";
+
+// components/velin-bottom-nav.js
+var styles = `
+  :host { display: block; }
+  nav {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    padding: var(--velin-space-2, 0.5rem) var(--velin-space-4, 1rem);
+    padding-block-end: max(var(--velin-space-2, 0.5rem), env(safe-area-inset-bottom, 0px));
+    background: var(--velin-color-surface-bright, #fff);
+    border-block-start: 1px solid var(--velin-color-border, #ddd);
+  }
+  ::slotted(a), ::slotted(button) {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--velin-space-1, 0.25rem);
+    min-inline-size: 2.75rem;
+    min-block-size: 2.75rem;
+    padding: var(--velin-space-2, 0.5rem);
+    font-size: var(--velin-text-xs, 0.75rem);
+    color: var(--velin-color-text-muted, #666);
+    text-decoration: none;
+    background: none;
+    border: none;
+    cursor: pointer;
+  }
+  ::slotted([current]) {
+    color: var(--velin-color-primary, #2563eb);
+    font-weight: var(--velin-weight-semibold, 600);
+  }
+`;
+var VelinBottomNav = class extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    this._onSlot = this._onSlot.bind(this);
+  }
+  connectedCallback() {
+    const label = escapeHTML(this.getAttribute("aria-label") || "Bottom navigation");
+    this.shadowRoot.innerHTML = `
+      <style>${styles}</style>
+      <nav role="navigation" aria-label="${label}"><slot></slot></nav>
+    `;
+    const slot = this.shadowRoot.querySelector("slot");
+    slot.addEventListener("slotchange", this._onSlot);
+    this._onSlot();
+  }
+  _onSlot() {
+    this._syncCurrent();
+  }
+  _syncCurrent() {
+    const slot = this.shadowRoot?.querySelector("slot");
+    if (!slot) return;
+    const hostKey = this.getAttribute("current");
+    slot.assignedElements().forEach((el) => {
+      const active = el.hasAttribute("current") || hostKey && (el.dataset.nav === hostKey || el.getAttribute("data-nav") === hostKey);
+      if (active) {
+        el.setAttribute("current", "");
+        el.setAttribute("aria-current", "page");
+      } else {
+        el.removeAttribute("current");
+        el.removeAttribute("aria-current");
+      }
+    });
+  }
+  static get observedAttributes() {
+    return ["aria-label", "current"];
+  }
+  attributeChangedCallback(name) {
+    if (name === "aria-label") {
+      const nav = this.shadowRoot?.querySelector("nav");
+      if (nav) nav.setAttribute("aria-label", escapeHTML(this.getAttribute("aria-label") || "Bottom navigation"));
+    }
+    if (name === "current") this._syncCurrent();
+  }
+};
+customElements.define("velin-bottom-nav", VelinBottomNav);
+var velin_bottom_nav_default = VelinBottomNav;
+export {
+  velin_bottom_nav_default as default
+};

package/dist/chunks/velin-bottom-nav-7GEMPIM6.js

@@ -0,0 +1,86 @@
+import {
+  escapeHTML
+} from "./chunk-RDE3QE7Z.js";
+
+// components/velin-bottom-nav.js
+var styles = `
+  :host { display: block; }
+  nav {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    padding: var(--velin-space-2, 0.5rem) var(--velin-space-4, 1rem);
+    padding-block-end: max(var(--velin-space-2, 0.5rem), env(safe-area-inset-bottom, 0px));
+    background: var(--velin-color-surface-bright, #fff);
+    border-block-start: 1px solid var(--velin-color-border, #ddd);
+  }
+  ::slotted(a), ::slotted(button) {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--velin-space-1, 0.25rem);
+    min-inline-size: 2.75rem;
+    min-block-size: 2.75rem;
+    padding: var(--velin-space-2, 0.5rem);
+    font-size: var(--velin-text-xs, 0.75rem);
+    color: var(--velin-color-text-muted, #666);
+    text-decoration: none;
+    background: none;
+    border: none;
+    cursor: pointer;
+  }
+  ::slotted([current]) {
+    color: var(--velin-color-primary, #2563eb);
+    font-weight: var(--velin-weight-semibold, 600);
+  }
+`;
+var VelinBottomNav = class extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    this._onSlot = this._onSlot.bind(this);
+  }
+  connectedCallback() {
+    const label = escapeHTML(this.getAttribute("aria-label") || "Bottom navigation");
+    this.shadowRoot.innerHTML = `
+      <style>${styles}</style>
+      <nav role="navigation" aria-label="${label}"><slot></slot></nav>
+    `;
+    const slot = this.shadowRoot.querySelector("slot");
+    slot.addEventListener("slotchange", this._onSlot);
+    this._onSlot();
+  }
+  _onSlot() {
+    this._syncCurrent();
+  }
+  _syncCurrent() {
+    const slot = this.shadowRoot?.querySelector("slot");
+    if (!slot) return;
+    const hostKey = this.getAttribute("current");
+    slot.assignedElements().forEach((el) => {
+      const active = el.hasAttribute("current") || hostKey && (el.dataset.nav === hostKey || el.getAttribute("data-nav") === hostKey);
+      if (active) {
+        el.setAttribute("current", "");
+        el.setAttribute("aria-current", "page");
+      } else {
+        el.removeAttribute("current");
+        el.removeAttribute("aria-current");
+      }
+    });
+  }
+  static get observedAttributes() {
+    return ["aria-label", "current"];
+  }
+  attributeChangedCallback(name) {
+    if (name === "aria-label") {
+      const nav = this.shadowRoot?.querySelector("nav");
+      if (nav) nav.setAttribute("aria-label", escapeHTML(this.getAttribute("aria-label") || "Bottom navigation"));
+    }
+    if (name === "current") this._syncCurrent();
+  }
+};
+customElements.define("velin-bottom-nav", VelinBottomNav);
+var velin_bottom_nav_default = VelinBottomNav;
+export {
+  velin_bottom_nav_default as default
+};

package/dist/chunks/velin-bottom-nav-CTU6FFZV.js

@@ -0,0 +1,101 @@
+import {
+  escapeHTML
+} from "./chunk-RDE3QE7Z.js";
+
+// components/velin-bottom-nav.js
+var styles = `
+  :host { display: block; }
+  nav {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    padding: var(--velin-space-2, 0.5rem) var(--velin-space-4, 1rem);
+    padding-block-end: max(var(--velin-space-2, 0.5rem), env(safe-area-inset-bottom, 0px));
+    background: var(--velin-color-surface-bright, #fff);
+    border-block-start: 1px solid var(--velin-color-border, #ddd);
+  }
+  ::slotted(a), ::slotted(button) {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--velin-space-1, 0.25rem);
+    min-inline-size: 2.75rem;
+    min-block-size: 2.75rem;
+    padding: var(--velin-space-2, 0.5rem);
+    font-size: var(--velin-text-xs, 0.75rem);
+    color: var(--velin-color-text-muted, #666);
+    text-decoration: none;
+    background: none;
+    border: none;
+    cursor: pointer;
+  }
+  ::slotted([current]) {
+    color: var(--velin-color-primary, #2563eb);
+    font-weight: var(--velin-weight-semibold, 600);
+  }
+`;
+var VelinBottomNav = class extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    this._onSlot = this._onSlot.bind(this);
+  }
+  connectedCallback() {
+    const label = escapeHTML(this.getAttribute("aria-label") || "Bottom navigation");
+    this.shadowRoot.innerHTML = `
+      <style>${styles}</style>
+      <nav role="navigation" aria-label="${label}"><slot></slot></nav>
+    `;
+    const slot = this.shadowRoot.querySelector("slot");
+    slot.addEventListener("slotchange", this._onSlot);
+    this._onSlot();
+  }
+  _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");
+      }
+    });
+  }
+  _syncCurrent() {
+    const slot = this.shadowRoot?.querySelector("slot");
+    if (!slot) return;
+    const hostKey = this.getAttribute("current");
+    slot.assignedElements().forEach((el) => {
+      const active = el.hasAttribute("current") || hostKey && (el.dataset.nav === hostKey || el.getAttribute("data-nav") === hostKey);
+      if (active) {
+        el.setAttribute("current", "");
+        el.setAttribute("aria-current", "page");
+      } else {
+        el.removeAttribute("current");
+        el.removeAttribute("aria-current");
+      }
+    });
+  }
+  static get observedAttributes() {
+    return ["aria-label", "current"];
+  }
+  attributeChangedCallback(name) {
+    if (name === "aria-label") {
+      const nav = this.shadowRoot?.querySelector("nav");
+      if (nav) nav.setAttribute("aria-label", escapeHTML(this.getAttribute("aria-label") || "Bottom navigation"));
+    }
+    if (name === "current") this._syncCurrent();
+  }
+};
+customElements.define("velin-bottom-nav", VelinBottomNav);
+var velin_bottom_nav_default = VelinBottomNav;
+export {
+  velin_bottom_nav_default as default
+};