@birdapi/velinstyle 1.1.0 → 1.2.0

package/dist/chunks/velin-toast-WEUBTJG6.js

@@ -1,109 +0,0 @@
-import {
-  escapeHTML
-} from "./chunk-MKZP2TBH.js";
-
-// components/velin-toast.js
-var styles = `
-  :host {
-    position: fixed;
-    z-index: var(--velin-z-toast, 600);
-    inset-block-end: var(--velin-space-4, 1rem);
-    inset-inline-end: var(--velin-space-4, 1rem);
-    display: flex;
-    flex-direction: column-reverse;
-    gap: var(--velin-space-2, 0.5rem);
-    pointer-events: none;
-    max-inline-size: min(24rem, calc(100vw - 2rem));
-  }
-  .toast {
-    display: flex;
-    align-items: flex-start;
-    gap: var(--velin-space-3, 0.75rem);
-    padding: var(--velin-space-3, 0.75rem) var(--velin-space-4, 1rem);
-    background: var(--velin-color-surface-bright, #fff);
-    border: 1px solid var(--velin-color-border, #ddd);
-    border-radius: var(--velin-radius-md, 0.5rem);
-    box-shadow: var(--velin-shadow-lg, 0 10px 15px rgba(0,0,0,0.08));
-    pointer-events: auto;
-    animation: velin-toast-in 200ms ease forwards;
-    font-size: var(--velin-text-base, 1rem);
-    color: var(--velin-color-text, #111);
-  }
-  .toast--success { border-inline-start: 4px solid var(--velin-color-success, #16a34a); }
-  .toast--warning { border-inline-start: 4px solid var(--velin-color-warning, #ca8a04); }
-  .toast--danger { border-inline-start: 4px solid var(--velin-color-danger, #dc2626); }
-  .toast--info { border-inline-start: 4px solid var(--velin-color-info, #2563eb); }
-  .toast-content { flex: 1; }
-  .toast-close {
-    min-width: 2rem;
-    min-height: 2rem;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    background: none;
-    border: none;
-    cursor: pointer;
-    color: var(--velin-color-text-muted, #666);
-    border-radius: var(--velin-radius-sm, 0.25rem);
-    font-size: 1.25rem;
-    line-height: 1;
-  }
-  .toast-close:hover {
-    background: var(--velin-color-surface-dim, #eee);
-  }
-  .toast--out {
-    animation: velin-toast-out 200ms ease forwards;
-  }
-  @keyframes velin-toast-in {
-    from { opacity: 0; transform: translateX(1rem); }
-    to { opacity: 1; transform: translateX(0); }
-  }
-  @keyframes velin-toast-out {
-    from { opacity: 1; transform: translateX(0); }
-    to { opacity: 0; transform: translateX(1rem); }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .toast, .toast--out { animation: none; }
-  }
-`;
-var VelinToast = class extends HTMLElement {
-  constructor() {
-    super();
-    this.attachShadow({ mode: "open" });
-    this._container = null;
-  }
-  connectedCallback() {
-    this.shadowRoot.innerHTML = `<style>${styles}</style>`;
-    this._container = this.shadowRoot;
-    this.setAttribute("role", "status");
-    this.setAttribute("aria-live", "polite");
-    this.setAttribute("aria-atomic", "true");
-  }
-  show({ message, type = "info", duration = 5e3 } = {}) {
-    const toast = document.createElement("div");
-    toast.className = `toast toast--${type}`;
-    toast.innerHTML = `
-      <div class="toast-content">${escapeHTML(message)}</div>
-      <button class="toast-close" aria-label="Close">&#215;</button>
-    `;
-    toast.querySelector(".toast-close").addEventListener("click", () => {
-      this._dismiss(toast);
-    });
-    this._container.appendChild(toast);
-    if (duration > 0) {
-      setTimeout(() => this._dismiss(toast), duration);
-    }
-    return toast;
-  }
-  _dismiss(toast) {
-    if (!toast || !toast.parentNode) return;
-    toast.classList.add("toast--out");
-    toast.addEventListener("animationend", () => toast.remove(), { once: true });
-    setTimeout(() => toast.remove(), 300);
-  }
-};
-customElements.define("velin-toast", VelinToast);
-var velin_toast_default = VelinToast;
-export {
-  velin_toast_default as default
-};

package/dist/chunks/velin-tooltip-664IOHZA.js

@@ -1,112 +0,0 @@
-import {
-  escapeHTML
-} from "./chunk-MKZP2TBH.js";
-
-// components/velin-tooltip.js
-var styles = `
-  :host { position: relative; display: inline-block; }
-  .tip {
-    position: absolute; z-index: var(--velin-z-tooltip, 700);
-    padding: var(--velin-space-2, 0.5rem) var(--velin-space-3, 0.75rem);
-    font-size: var(--velin-text-sm, 0.875rem);
-    color: var(--velin-color-on-primary, #fff);
-    background: var(--velin-color-text, #1a1a2e);
-    border-radius: var(--velin-radius-md, 0.375rem);
-    white-space: nowrap; pointer-events: none;
-    opacity: 0; transition: opacity 150ms ease;
-    max-inline-size: 20rem; white-space: normal;
-  }
-  :host([visible]) .tip { opacity: 1; }
-  .tip[data-placement="top"] { bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); }
-  .tip[data-placement="bottom"] { top: calc(100% + 6px); left: 50%; transform: translateX(-50%); }
-  .tip[data-placement="start"] { right: calc(100% + 6px); top: 50%; transform: translateY(-50%); }
-  .tip[data-placement="end"] { left: calc(100% + 6px); top: 50%; transform: translateY(-50%); }
-  @media (prefers-reduced-motion: reduce) { .tip { transition: none; } }
-`;
-var tooltipId = 0;
-var VelinTooltip = class extends HTMLElement {
-  static get observedAttributes() {
-    return ["content", "placement"];
-  }
-  constructor() {
-    super();
-    this.attachShadow({ mode: "open" });
-    this._tipId = `velin-tooltip-${++tooltipId}`;
-  }
-  connectedCallback() {
-    const placement = this.getAttribute("placement") || "top";
-    const D = "div";
-    this.shadowRoot.innerHTML = `
-      <style>${styles}</style>
-      <slot></slot>
-      <${D} class="tip" id="${this._tipId}" role="tooltip" data-placement="${escapeHTML(placement)}" part="tip">${escapeHTML(this.getAttribute("content") || "")}</${D}>
-    `;
-    this.addEventListener("mouseenter", () => this._show());
-    this.addEventListener("mouseleave", () => this._hide());
-    this.addEventListener("focusin", () => this._show());
-    this.addEventListener("focusout", () => this._hide());
-    this.addEventListener("keydown", (e) => {
-      if (e.key === "Escape") this._hide();
-    });
-    const slot = this.shadowRoot.querySelector("slot");
-    slot.addEventListener("slotchange", () => this._linkTrigger());
-    this._linkTrigger();
-  }
-  _linkTrigger() {
-    const trigger = this.shadowRoot.querySelector("slot")?.assignedElements()[0];
-    if (!trigger) return;
-    if (this.hasAttribute("visible")) {
-      trigger.setAttribute("aria-describedby", this._tipId);
-    } else {
-      trigger.removeAttribute("aria-describedby");
-    }
-  }
-  _show() {
-    this.setAttribute("visible", "");
-    const trigger = this.shadowRoot.querySelector("slot")?.assignedElements()[0];
-    if (trigger) trigger.setAttribute("aria-describedby", this._tipId);
-    this._flip();
-  }
-  _hide() {
-    this.removeAttribute("visible");
-    const trigger = this.shadowRoot.querySelector("slot")?.assignedElements()[0];
-    if (trigger) trigger.removeAttribute("aria-describedby");
-  }
-  _flip() {
-    const tip = this.shadowRoot.querySelector(".tip");
-    if (!tip) return;
-    const rect = tip.getBoundingClientRect();
-    const placement = this.getAttribute("placement") || "top";
-    if (placement === "top" && rect.top < 0) tip.setAttribute("data-placement", "bottom");
-    else if (placement === "bottom" && rect.bottom > window.innerHeight) tip.setAttribute("data-placement", "top");
-    else tip.setAttribute("data-placement", placement);
-  }
-  attributeChangedCallback(name, _, val) {
-    const tip = this.shadowRoot?.querySelector(".tip");
-    if (!tip) return;
-    if (name === "content") tip.textContent = val;
-    if (name === "placement") tip.setAttribute("data-placement", val);
-  }
-};
-var VelinTooltipWC = class _VelinTooltipWC extends VelinTooltip {
-  static _warned = false;
-  connectedCallback() {
-    if (!_VelinTooltipWC._warned && typeof console !== "undefined" && console.warn) {
-      _VelinTooltipWC._warned = true;
-      console.warn("[velinstyle] <velin-tooltip-wc> is deprecated; use <velin-tooltip> instead.");
-    }
-    super.connectedCallback();
-  }
-};
-if (!customElements.get("velin-tooltip")) {
-  customElements.define("velin-tooltip", VelinTooltip);
-}
-if (!customElements.get("velin-tooltip-wc")) {
-  customElements.define("velin-tooltip-wc", VelinTooltipWC);
-}
-var velin_tooltip_default = VelinTooltip;
-export {
-  VelinTooltip,
-  VelinTooltipWC,
-  velin_tooltip_default as default
-};

package/dist/chunks/velin-tooltip-wc-LXDVT6DE.js

@@ -1,103 +0,0 @@
-import {
-  escapeHTML
-} from "./chunk-LA7264K4.js";
-
-// components/velin-tooltip-wc.js
-var styles = `
-  :host { position: relative; display: inline-block; }
-  .tip {
-    position: absolute; z-index: var(--velin-z-tooltip, 700);
-    padding: var(--velin-space-2, 0.5rem) var(--velin-space-3, 0.75rem);
-    font-size: var(--velin-text-sm, 0.875rem);
-    color: var(--velin-color-on-primary, #fff);
-    background: var(--velin-color-text, #1a1a2e);
-    border-radius: var(--velin-radius-md, 0.375rem);
-    white-space: nowrap; pointer-events: none;
-    opacity: 0; transition: opacity 150ms ease;
-    max-inline-size: 20rem; white-space: normal;
-  }
-  :host([visible]) .tip { opacity: 1; }
-  .tip[data-placement="top"] { bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); }
-  .tip[data-placement="bottom"] { top: calc(100% + 6px); left: 50%; transform: translateX(-50%); }
-  .tip[data-placement="start"] { right: calc(100% + 6px); top: 50%; transform: translateY(-50%); }
-  .tip[data-placement="end"] { left: calc(100% + 6px); top: 50%; transform: translateY(-50%); }
-  @media (prefers-reduced-motion: reduce) { .tip { transition: none; } }
-`;
-var tooltipId = 0;
-var VelinTooltipWC = class extends HTMLElement {
-  static get observedAttributes() {
-    return ["content", "placement"];
-  }
-  constructor() {
-    super();
-    this.attachShadow({ mode: "open" });
-    this._tipId = `velin-tooltip-${++tooltipId}`;
-  }
-  connectedCallback() {
-    const placement = this.getAttribute("placement") || "top";
-    const D = "div";
-    this.shadowRoot.innerHTML = `
-      <style>${styles}</style>
-      <slot></slot>
-      <${D} class="tip" id="${this._tipId}" role="tooltip" data-placement="${escapeHTML(placement)}" part="tip">${escapeHTML(this.getAttribute("content") || "")}</${D}>
-    `;
-    this.addEventListener("mouseenter", () => this._show());
-    this.addEventListener("mouseleave", () => this._hide());
-    this.addEventListener("focusin", () => this._show());
-    this.addEventListener("focusout", () => this._hide());
-    this.addEventListener("keydown", (e) => {
-      if (e.key === "Escape") this._hide();
-    });
-    const slot = this.shadowRoot.querySelector("slot");
-    slot.addEventListener("slotchange", () => this._linkTrigger());
-    this._linkTrigger();
-  }
-  _linkTrigger() {
-    const trigger = this.shadowRoot.querySelector("slot")?.assignedElements()[0];
-    if (!trigger) return;
-    if (this.hasAttribute("visible")) {
-      trigger.setAttribute("aria-describedby", this._tipId);
-    } else {
-      trigger.removeAttribute("aria-describedby");
-    }
-  }
-  _show() {
-    this.setAttribute("visible", "");
-    const trigger = this.shadowRoot.querySelector("slot")?.assignedElements()[0];
-    if (trigger) trigger.setAttribute("aria-describedby", this._tipId);
-    this._flip();
-  }
-  _hide() {
-    this.removeAttribute("visible");
-    const trigger = this.shadowRoot.querySelector("slot")?.assignedElements()[0];
-    if (trigger) trigger.removeAttribute("aria-describedby");
-  }
-  _flip() {
-    const tip = this.shadowRoot.querySelector(".tip");
-    if (!tip) return;
-    const rect = tip.getBoundingClientRect();
-    const placement = this.getAttribute("placement") || "top";
-    if (placement === "top" && rect.top < 0) tip.setAttribute("data-placement", "bottom");
-    else if (placement === "bottom" && rect.bottom > window.innerHeight) tip.setAttribute("data-placement", "top");
-    else tip.setAttribute("data-placement", placement);
-  }
-  attributeChangedCallback(name, _, val) {
-    const tip = this.shadowRoot?.querySelector(".tip");
-    if (!tip) return;
-    if (name === "content") tip.textContent = val;
-    if (name === "placement") tip.setAttribute("data-placement", val);
-  }
-};
-var VelinTooltip = class extends VelinTooltipWC {
-};
-if (!customElements.get("velin-tooltip-wc")) {
-  customElements.define("velin-tooltip-wc", VelinTooltipWC);
-}
-if (!customElements.get("velin-tooltip")) {
-  customElements.define("velin-tooltip", VelinTooltip);
-}
-var velin_tooltip_wc_default = VelinTooltipWC;
-export {
-  VelinTooltip,
-  velin_tooltip_wc_default as default
-};

package/dist/chunks/worker-client-R6DBYPFT.js

@@ -1,46 +0,0 @@
-// core/search/worker-client.js
-var _nextId = 0;
-function createSearchWorker(workerUrl) {
-  if (typeof Worker === "undefined") return null;
-  const url = workerUrl || new URL("./worker.js", import.meta.url).href;
-  let worker;
-  try {
-    worker = new Worker(url, { type: "module" });
-  } catch {
-    return null;
-  }
-  const pending = /* @__PURE__ */ new Map();
-  worker.onmessage = (e) => {
-    const { id, ok, result, error } = e.data || {};
-    const p = pending.get(id);
-    if (!p) return;
-    pending.delete(id);
-    if (ok) p.resolve(result);
-    else p.reject(new Error(error || "Worker error"));
-  };
-  worker.onerror = () => {
-    for (const p of pending.values()) p.reject(new Error("Worker failed"));
-    pending.clear();
-  };
-  function send(type, payload) {
-    const id = ++_nextId;
-    return new Promise((resolve, reject) => {
-      pending.set(id, { resolve, reject });
-      worker.postMessage({ id, type, payload });
-    });
-  }
-  return {
-    setEntries(entries) {
-      return send("setEntries", { entries });
-    },
-    query(query, options) {
-      return send("query", { query, options });
-    },
-    terminate() {
-      worker.terminate();
-    }
-  };
-}
-export {
-  createSearchWorker
-};