@leavepulse/ui 0.12.0 → 0.14.6

package/dist/components/LpTextarea.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpTextarea-CRAkhemZ.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpThemeSwitcher.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-BgWwfkxs.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpTilt.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    /** Max rotation toward the pointer, in degrees. */
+    max?: number;
+    /** Upward lift on hover, in px. */
+    lift?: number;
+    /** Scale on hover. */
+    scale?: number;
+    /** Render a pointer-tracking glare highlight over the content. */
+    glare?: boolean;
+    /** Perspective depth for the 3D stage, in px. Lower = stronger. */
+    perspective?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    scale: number;
+    max: number;
+    perspective: number;
+    lift: number;
+    glare: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpTilt.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpTilt-DuyKbpkA.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpToaster.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpToaster-gDB1EaU3.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpTooltip.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpTooltip-CIwoRCag.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpTopologyCanvas.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-DVwyQfKa.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpUptimeBar.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpUptimeBar-CB366k0O.js";
+export {
+  _sfc_main as default
+};

package/dist/components/codeHighlight.js

@@ -0,0 +1,230 @@
+const C = {
+  comment: "text-muted italic",
+  string: "text-action",
+  number: "text-accent",
+  keyword: "text-brand",
+  boolean: "text-accent",
+  property: "text-muted-strong",
+  func: "text-brand",
+  punct: "text-muted"
+};
+const KEYWORDS = /* @__PURE__ */ new Set([
+  // JS/TS
+  "const",
+  "let",
+  "var",
+  "function",
+  "return",
+  "if",
+  "else",
+  "for",
+  "while",
+  "import",
+  "export",
+  "from",
+  "default",
+  "class",
+  "extends",
+  "new",
+  "await",
+  "async",
+  "type",
+  "interface",
+  "enum",
+  "public",
+  "private",
+  "readonly",
+  "as",
+  "in",
+  "of",
+  "try",
+  "catch",
+  "finally",
+  "throw",
+  "switch",
+  "case",
+  "break",
+  "continue",
+  "typeof",
+  "instanceof",
+  "void",
+  "yield",
+  // shell
+  "echo",
+  "cd",
+  "sudo",
+  "npm",
+  "npx",
+  "git",
+  "curl",
+  // python
+  "def",
+  "elif",
+  "lambda",
+  "pass",
+  "with",
+  "global",
+  "nonlocal",
+  "del",
+  "raise",
+  "except",
+  "and",
+  "or",
+  "not",
+  "is",
+  "assert",
+  "yield",
+  "match",
+  // rust
+  "fn",
+  "mut",
+  "impl",
+  "trait",
+  "struct",
+  "mod",
+  "pub",
+  "use",
+  "crate",
+  "self",
+  "Self",
+  "move",
+  "ref",
+  "where",
+  "dyn",
+  "unsafe",
+  "loop",
+  "macro",
+  "use",
+  "super",
+  "static",
+  // kotlin
+  "fun",
+  "val",
+  "object",
+  "companion",
+  "data",
+  "sealed",
+  "override",
+  "open",
+  "internal",
+  "lateinit",
+  "init",
+  "when",
+  "is",
+  "vararg",
+  "inline",
+  "reified",
+  "suspend",
+  "operator",
+  "infix",
+  "tailrec",
+  "external",
+  "annotation",
+  "constructor",
+  "by",
+  "get",
+  "set",
+  "field",
+  "it",
+  "run",
+  "let",
+  "apply",
+  "also",
+  "with",
+  // java (extra, beyond shared C-family already above)
+  "package",
+  "implements",
+  "abstract",
+  "final",
+  "synchronized",
+  "volatile",
+  "transient",
+  "native",
+  "strictfp",
+  "protected",
+  "throws",
+  "boolean",
+  "int",
+  "long",
+  "short",
+  "byte",
+  "char",
+  "float",
+  "double",
+  "String",
+  "record",
+  // groovy adds few over java: def, trait already covered; add its extras
+  "def",
+  "each",
+  "closure"
+]);
+const BOOLEANS = /* @__PURE__ */ new Set([
+  "true",
+  "false",
+  "null",
+  "undefined",
+  // js
+  "None",
+  "True",
+  "False",
+  // python
+  "Some",
+  "Ok",
+  "Err"
+  // rust common variants read as constants
+]);
+const MASTER = new RegExp(
+  [
+    "(\\/\\/[^\\n]*|#[^\\n]*|\\/\\*[\\s\\S]*?\\*\\/)",
+    // 1 comment
+    "(\"(?:\\\\.|[^\"\\\\])*\"|'(?:\\\\.|[^'\\\\])*'|`(?:\\\\.|[^`\\\\])*`)",
+    // 2 string
+    "(@[A-Za-z_$][\\w$]*)",
+    // 3 annotation (@Override, @ConfigSerializable — JVM)
+    "(\\b\\d[\\d_]*(?:\\.\\d+)?(?:e[+-]?\\d+)?[fFlLdD]?\\b)",
+    // 4 number (JVM suffixes)
+    "([A-Za-z_$][\\w$]*)",
+    // 5 identifier (keyword/bool/func/prop/plain)
+    "([{}()\\[\\];:,.<>=+\\-*/%!&|?]+)"
+    // 6 punctuation
+  ].join("|"),
+  "g"
+);
+function classifyIdent(name, before, after) {
+  if (KEYWORDS.has(name)) return C.keyword;
+  if (BOOLEANS.has(name)) return C.boolean;
+  if (after.startsWith("(")) return C.func;
+  if (before.endsWith(".")) return C.property;
+  return "";
+}
+function tokenizeLine(line, lang) {
+  const out = [];
+  let last = 0;
+  let m;
+  MASTER.lastIndex = 0;
+  while ((m = MASTER.exec(line)) !== null) {
+    if (m.index > last) out.push({ text: line.slice(last, m.index), cls: "" });
+    const [full, comment, str, annotation, num, ident, punct] = m;
+    if (comment != null) out.push({ text: full, cls: C.comment });
+    else if (annotation != null) out.push({ text: full, cls: C.func });
+    else if (str != null) {
+      const isKey = lang === "json" && line.slice(m.index + full.length).trimStart().startsWith(":");
+      out.push({ text: full, cls: isKey ? C.property : C.string });
+    } else if (num != null) out.push({ text: full, cls: C.number });
+    else if (ident != null) {
+      const after = line.slice(m.index + full.length).trimStart();
+      const before = line.slice(0, m.index).trimEnd();
+      const isConfigKey = lang === "yaml" && before === "" && after.startsWith(":") || lang === "toml" && before === "" && after.startsWith("=");
+      out.push({
+        text: full,
+        cls: isConfigKey ? C.property : classifyIdent(ident, before, after)
+      });
+    } else if (punct != null) out.push({ text: full, cls: C.punct });
+    last = m.index + full.length;
+  }
+  if (last < line.length) out.push({ text: line.slice(last), cls: "" });
+  return out;
+}
+export {
+  tokenizeLine
+};

package/dist/{countries-data-9rgqJWHo.js → components/countries-data.js}

@@ -1,4 +1,4 @@
-const a = [
+const COUNTRIES = [
   { iso2: "AF", name: "Afghanistan", dial: "93" },
   { iso2: "AL", name: "Albania", dial: "355" },
   { iso2: "DZ", name: "Algeria", dial: "213" },
@@ -199,5 +199,5 @@ const a = [
   { iso2: "ZW", name: "Zimbabwe", dial: "263" }
 ];
 export {
-  a as COUNTRIES
+  COUNTRIES
 };

package/dist/components/countries.js

@@ -0,0 +1,38 @@
+function flagEmoji(iso2) {
+  if (!/^[A-Za-z]{2}$/.test(iso2)) return "";
+  const base = 127462 - 65;
+  return String.fromCodePoint(
+    ...iso2.toUpperCase().split("").map((c) => base + c.charCodeAt(0))
+  );
+}
+let cache;
+async function loadCountries() {
+  if (cache) return cache;
+  const mod = await import("./countries-data.js");
+  cache = mod.COUNTRIES;
+  return cache;
+}
+const PRIMARY_BY_DIAL = {
+  "1": "US",
+  "7": "RU",
+  "39": "IT"
+};
+function matchCountryByValue(value, list) {
+  const digits = value.replace(/[^\d]/g, "");
+  if (!digits) return void 0;
+  let best;
+  for (const c of list) {
+    if (!digits.startsWith(c.dial)) continue;
+    if (!best || c.dial.length > best.dial.length) {
+      best = c;
+    } else if (c.dial.length === best.dial.length && PRIMARY_BY_DIAL[c.dial] === c.iso2) {
+      best = c;
+    }
+  }
+  return best;
+}
+export {
+  flagEmoji,
+  loadCountries,
+  matchCountryByValue
+};

package/dist/components/dropdown.js

@@ -0,0 +1,14 @@
+const POPOVER_ANIM = "data-[state=open]:animate-[popover-in_140ms_var(--ease-emphasized)] data-[state=closed]:animate-[popover-out_120ms_ease] data-[side=top]:data-[state=open]:animate-[popover-in-up_140ms_var(--ease-emphasized)] data-[side=top]:data-[state=closed]:animate-[popover-out-up_120ms_ease]";
+const TOOLTIP_ANIM = "data-[state=delayed-open]:animate-[popover-in_120ms_var(--ease-emphasized)] data-[state=closed]:animate-[popover-out_100ms_ease] data-[side=top]:data-[state=delayed-open]:animate-[popover-in-up_120ms_var(--ease-emphasized)] data-[side=top]:data-[state=closed]:animate-[popover-out-up_100ms_ease]";
+const PANEL_SURFACE = "group rounded-control border border-line bg-surface-overlay shadow-panel backdrop-blur";
+const POPOVER_PANEL = PANEL_SURFACE + " " + POPOVER_ANIM;
+const OPTION_ITEM = "flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 text-sm text-ink outline-none animate-[option-in_180ms_var(--ease-emphasized)_both] group-data-[side=top]:animate-[option-in-up_180ms_var(--ease-emphasized)_both] data-[highlighted]:bg-brand-soft data-[highlighted]:text-brand";
+const CLOSE_ICON = "transition-transform duration-medium ease-[var(--ease-emphasized)] group-hover:rotate-90 group-active:scale-90 motion-reduce:group-hover:rotate-0";
+export {
+  CLOSE_ICON,
+  OPTION_ITEM,
+  PANEL_SURFACE,
+  POPOVER_ANIM,
+  POPOVER_PANEL,
+  TOOLTIP_ANIM
+};

package/dist/components/sidebar.js

@@ -0,0 +1 @@
+

package/dist/composables/useInputFilter.js

@@ -0,0 +1,44 @@
+import { computed, toValue } from "vue";
+function toAnchored(p) {
+  if (p instanceof RegExp) {
+    const src = p.source.replace(/^\^/, "").replace(/\$$/, "");
+    return new RegExp(`^(?:${src})$`, p.flags.replace(/[gy]/g, ""));
+  }
+  return new RegExp(`^(?:${p})$`);
+}
+function allAllowed(text, charRe) {
+  const re = new RegExp(charRe.source, charRe.flags.replace(/[gy]/g, ""));
+  for (const ch of text) {
+    if (!re.test(ch)) return false;
+  }
+  return true;
+}
+function useInputFilter(options = {}) {
+  const restrict = computed(() => toValue(options.restrict));
+  const patternRe = computed(() => {
+    const p = toValue(options.pattern);
+    return p === void 0 ? void 0 : toAnchored(p);
+  });
+  function isInvalid(value) {
+    const re = patternRe.value;
+    if (!re || !value) return false;
+    return !re.test(value);
+  }
+  function onBeforeInput(event) {
+    const re = restrict.value;
+    if (!re || event.isComposing) return;
+    const data = event.data;
+    if (data == null) return;
+    if (!allAllowed(data, re)) event.preventDefault();
+  }
+  function onPaste(event) {
+    const re = restrict.value;
+    if (!re) return;
+    const text = event.clipboardData?.getData("text") ?? "";
+    if (text && !allAllowed(text, re)) event.preventDefault();
+  }
+  return { isInvalid, onBeforeInput, onPaste, patternRe, restrict };
+}
+export {
+  useInputFilter
+};

package/dist/composables/usePillTransition.js

@@ -0,0 +1,11 @@
+import { useReducedMotion } from "motion-v";
+import { computed } from "vue";
+function usePillTransition() {
+  const reduceMotion = useReducedMotion();
+  return computed(
+    () => reduceMotion.value ? { duration: 0 } : { type: "spring", stiffness: 520, damping: 40 }
+  );
+}
+export {
+  usePillTransition
+};

package/dist/composables/useTilt.d.ts

@@ -0,0 +1,23 @@
+import { ComputedRef, CSSProperties, Ref } from 'vue';
+export interface UseTiltOptions {
+    /** Max rotation toward the pointer, in degrees (per axis). Default 10. */
+    max?: number;
+    /** Upward lift on hover, in px. Default 8. */
+    lift?: number;
+    /** Scale on hover. Default 1.03. */
+    scale?: number;
+    /** Glare highlight following the pointer. Default false. */
+    glare?: boolean;
+}
+export interface UseTilt {
+    /** Bind to the tilting element's style. */
+    style: ComputedRef<CSSProperties>;
+    /** Radial-gradient background for an optional glare overlay (0 when idle). */
+    glareStyle: ComputedRef<CSSProperties>;
+    onPointerMove: (e: PointerEvent) => void;
+    onPointerEnter: () => void;
+    onPointerLeave: () => void;
+    /** True while the pointer is over the element (drives lift/scale). */
+    active: Ref<boolean>;
+}
+export declare function useTilt(options?: UseTiltOptions): UseTilt;

package/dist/composables/useTilt.js

@@ -0,0 +1,57 @@
+import { useReducedMotion } from "motion-v";
+import { ref, computed } from "vue";
+function useTilt(options = {}) {
+  const max = options.max ?? 10;
+  const lift = options.lift ?? 8;
+  const scale = options.scale ?? 1.03;
+  const reduceMotion = useReducedMotion();
+  const active = ref(false);
+  const nx = ref(0);
+  const ny = ref(0);
+  function onPointerMove(e) {
+    if (reduceMotion.value) return;
+    const el = e.currentTarget;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    nx.value = (e.clientX - r.left) / r.width * 2 - 1;
+    ny.value = (e.clientY - r.top) / r.height * 2 - 1;
+  }
+  function onPointerEnter() {
+    active.value = true;
+  }
+  function onPointerLeave() {
+    active.value = false;
+    nx.value = 0;
+    ny.value = 0;
+  }
+  const style = computed(() => {
+    if (reduceMotion.value) {
+      return { transition: "transform 0.2s ease" };
+    }
+    const rx = active.value ? -ny.value * max : 0;
+    const ry = active.value ? nx.value * max : 0;
+    const z = active.value ? lift : 0;
+    const s = active.value ? scale : 1;
+    return {
+      transform: `translate3d(0, ${-z}px, 0) rotateX(${rx}deg) rotateY(${ry}deg) scale(${s})`,
+      transformStyle: "preserve-3d",
+      transition: active.value ? "transform 0.12s ease-out" : "transform 0.5s cubic-bezier(0.22, 1, 0.36, 1)"
+    };
+  });
+  const glareStyle = computed(() => {
+    if (!options.glare || reduceMotion.value || !active.value) {
+      return { opacity: 0 };
+    }
+    const px = (nx.value + 1) * 50;
+    const py = (ny.value + 1) * 50;
+    return {
+      opacity: 1,
+      background: `radial-gradient(circle at ${px}% ${py}%, rgba(255,255,255,0.35), transparent 55%)`,
+      transition: "opacity 0.2s ease"
+    };
+  });
+  return { style, glareStyle, onPointerMove, onPointerEnter, onPointerLeave, active };
+}
+export {
+  useTilt
+};

package/dist/composables/useToast.d.ts

@@ -1,6 +1,8 @@
 export type ToastVariant = "info" | "success" | "warning" | "error";
 export interface ToastAction {
     label: string;
+    /** Optional leading icon (any name LpIcon accepts, e.g. "lucide:copy"). */
+    icon?: string;
     onClick: () => void | Promise<void>;
 }
 export interface ToastItem {

package/dist/composables/useToast.js

@@ -0,0 +1,49 @@
+import { reactive } from "vue";
+const DEFAULT_DURATION = 4500;
+const MAX_ACTIVE = 4;
+const STATE_KEY = /* @__PURE__ */ Symbol.for("@leavepulse/ui:toast-queue");
+const g = globalThis;
+const state = g[STATE_KEY] ??= { queue: reactive([]), nextId: 0 };
+const queue = state.queue;
+function push(variant, message, options = {}) {
+  const id = state.nextId++;
+  const duration = options.duration ?? DEFAULT_DURATION;
+  const item = {
+    id,
+    title: options.title,
+    message,
+    variant,
+    duration,
+    dismissAt: duration > 0 ? Date.now() + duration : null,
+    actions: options.actions,
+    onClick: options.onClick
+  };
+  const overflow = queue.length - (MAX_ACTIVE - 1);
+  if (overflow > 0) queue.splice(0, overflow);
+  queue.push(item);
+  return id;
+}
+function dismiss(id) {
+  const i = queue.findIndex((t) => t.id === id);
+  if (i !== -1) queue.splice(i, 1);
+}
+function clear() {
+  queue.splice(0, queue.length);
+}
+function useToast() {
+  return {
+    queue,
+    toast: (message, o) => push("info", message, o),
+    info: (message, o) => push("info", message, o),
+    success: (message, o) => push("success", message, o),
+    warning: (message, o) => push("warning", message, o),
+    error: (message, o) => push("error", message, o),
+    /** Low-level push for bridges (e.g. @leavepulse/ui-sdk apiError). */
+    push,
+    dismiss,
+    clear
+  };
+}
+export {
+  useToast
+};

package/dist/index.d.ts

@@ -72,6 +72,7 @@ export { default as LpTabs } from './components/LpTabs.vue';
 export type { TabItem } from './components/LpTabs.vue';
 export { default as LpTextarea } from './components/LpTextarea.vue';
 export { default as LpThemeSwitcher } from './components/LpThemeSwitcher.vue';
+export { default as LpTilt } from './components/LpTilt.vue';
 export { default as LpToaster } from './components/LpToaster.vue';
 export { default as LpTooltip } from './components/LpTooltip.vue';
 export { default as LpTopologyCanvas } from './components/LpTopologyCanvas.vue';
@@ -96,5 +97,7 @@ export { parseConfig, serializeConfig, UI_CONFIG_VERSION } from './theme/config'
 export type { UiConfig } from './theme/config';
 export { useInputFilter } from './composables/useInputFilter';
 export type { UseInputFilterOptions } from './composables/useInputFilter';
+export { useTilt } from './composables/useTilt';
+export type { UseTilt, UseTiltOptions } from './composables/useTilt';
 export { useToast } from './composables/useToast';
 export type { ToastAction, ToastItem, ToastOptions, ToastVariant, } from './composables/useToast';