@leavepulse/ui 0.43.4 → 0.45.0

package/dist/chunks/{LpThemeSwitcher-Cue-myST.js → useTheme-DJm1JSsY.js}

@@ -1,7 +1,57 @@
-import { computed, readonly, shallowRef, defineComponent, onMounted, ref, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, normalizeStyle, createVNode, toDisplayString, createCommentVNode } from "vue";
+import { computed, readonly, shallowRef } from "vue";
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-CwW1QXe_.js";
-import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
+const NO_BACKDROP_ATTR = "data-lp-no-backdrop";
+function isBrokenBackdropEngine(nav = navigator) {
+  const ua = nav.userAgent;
+  if (!/AppleWebKit/.test(ua)) return false;
+  if (/Chrome|Chromium|Edg\//.test(ua)) return false;
+  return !/Mac|iPhone|iPad|iPod/.test(nav.platform || "");
+}
+function detectBackdropFilter(root = document.documentElement) {
+  if (typeof navigator === "undefined") return true;
+  const usable = !isBrokenBackdropEngine();
+  root.toggleAttribute(NO_BACKDROP_ATTR, !usable);
+  return usable;
+}
+const GLASS_BACKDROP_ATTR = "data-lp-glass-backdrop";
+let tracking = 0;
+let observer;
+function trackPanels() {
+  const panels = document.querySelectorAll(".lp-glass-overlay");
+  for (const panel of panels) {
+    const rect = panel.getBoundingClientRect();
+    const x = `${Math.round(rect.left)}px`;
+    const y = `${Math.round(rect.top)}px`;
+    if (panel.style.getPropertyValue("--lp-gx") !== x) panel.style.setProperty("--lp-gx", x);
+    if (panel.style.getPropertyValue("--lp-gy") !== y) panel.style.setProperty("--lp-gy", y);
+  }
+  tracking = panels.length ? requestAnimationFrame(trackPanels) : 0;
+}
+function startTracking() {
+  if (!tracking && document.querySelector(".lp-glass-overlay")) tracking = requestAnimationFrame(trackPanels);
+}
+function setGlassBackdrop(background, options = {}) {
+  if (typeof document === "undefined") return;
+  const root = options.root ?? document.documentElement;
+  if (!background) {
+    root.removeAttribute(GLASS_BACKDROP_ATTR);
+    root.style.removeProperty("--lp-glass-backdrop");
+    root.style.removeProperty("--lp-glass-backdrop-filter");
+    observer?.disconnect();
+    observer = void 0;
+    return;
+  }
+  root.setAttribute(GLASS_BACKDROP_ATTR, "");
+  root.style.setProperty("--lp-glass-backdrop", background);
+  if (options.filter) root.style.setProperty("--lp-glass-backdrop-filter", options.filter);
+  else root.style.removeProperty("--lp-glass-backdrop-filter");
+  if (!root.hasAttribute(NO_BACKDROP_ATTR) || typeof MutationObserver === "undefined") return;
+  if (!observer) {
+    observer = new MutationObserver(startTracking);
+    observer.observe(document.body, { childList: true, subtree: true });
+  }
+  startTracking();
+}
 const sharedShape = { radiusControl: 8, radiusCard: 14, radiusPill: 9999 };
 const sharedDensity = { spacingUnit: 4, controlSm: 32, controlMd: 38, controlLg: 44 };
 const interFont = {
@@ -9,7 +59,7 @@ const interFont = {
   mono: '"JetBrains Mono", "SF Mono", ui-monospace, monospace'
 };
 const dark = {
-  name: "Onyx",
+  name: "Dark",
   mode: "dark",
   colors: {
     surface: "#080b0d",
@@ -106,49 +156,6 @@ const lime = {
     mono: '"IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace'
   }
 };
-const glassSurface = {
-  borderWidth: "1px",
-  panelBlur: "10px",
-  panelSaturate: "120%",
-  panelOverlay: "linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01))",
-  panelShadow: "0 20px 60px rgba(0, 0, 0, 0.35)",
-  panelInset: "inset 0 1px 0 rgba(255, 255, 255, 0.08)"
-};
-const leavepulse = {
-  name: "Dark",
-  mode: "dark",
-  colors: {
-    surface: "#020618",
-    surfaceRaised: "#0b1222",
-    surfaceSoft: "rgba(11, 18, 34, 0.7)",
-    ink: "#f3f6ff",
-    inkInverse: "#0b1222",
-    muted: "#94a3bf",
-    mutedStrong: "#cad5e2",
-    brand: "#00bcff",
-    brandHover: "#19c3ff",
-    brandSoft: "rgba(0, 188, 255, 0.2)",
-    action: "#44c2ad",
-    actionHover: "#56d3be",
-    actionSoft: "rgba(68, 194, 173, 0.14)",
-    accent: "#d36a2c",
-    accentHover: "#da824e",
-    accentSoft: "rgba(211, 106, 44, 0.14)",
-    danger: "#f87171",
-    dangerHover: "#fca5a5",
-    dangerSoft: "rgba(248, 113, 113, 0.14)",
-    line: "#1c2740",
-    lineStrong: "rgba(255, 255, 255, 0.15)",
-    ring: "rgba(0, 188, 255, 0.35)"
-  },
-  shape: { ...sharedShape, radiusControl: 12 },
-  density: { ...sharedDensity },
-  font: {
-    sans: '"Inter", "IBM Plex Sans", "Segoe UI", sans-serif',
-    mono: '"JetBrains Mono", "SF Mono", ui-monospace, monospace'
-  },
-  surface: glassSurface
-};
 const rose = {
   name: "Rose",
   mode: "dark",
@@ -273,20 +280,7 @@ const nord = {
   density: { ...sharedDensity },
   font: { ...interFont }
 };
-const presets = { dark, light, lime, leavepulse, rose, amber, violet, nord };
-const NO_BACKDROP_ATTR = "data-lp-no-backdrop";
-function isBrokenBackdropEngine(nav = navigator) {
-  const ua = nav.userAgent;
-  if (!/AppleWebKit/.test(ua)) return false;
-  if (/Chrome|Chromium|Edg\//.test(ua)) return false;
-  return !/Mac|iPhone|iPad|iPod/.test(nav.platform || "");
-}
-function detectBackdropFilter(root = document.documentElement) {
-  if (typeof navigator === "undefined") return true;
-  const usable = !isBrokenBackdropEngine();
-  root.toggleAttribute(NO_BACKDROP_ATTR, !usable);
-  return usable;
-}
+const presets = { dark, light, lime, rose, amber, violet, nord };
 const COLOR_VARS = {
   surface: "--color-surface",
   surfaceRaised: "--color-surface-raised",
@@ -344,42 +338,103 @@ const DEFAULT_SURFACE = {
 };
 const CACHE_KEY = "leavepulse-ui-theme";
 const _current = shallowRef(null);
+const _system = shallowRef(null);
 let _hydrated = false;
 let _fallback = null;
-function hydrateOnce() {
-  if (_hydrated || typeof window === "undefined") return;
-  _hydrated = true;
+const DARK_QUERY = "(prefers-color-scheme: dark)";
+let _media = null;
+function prefersDarkScheme() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return true;
+  return window.matchMedia(DARK_QUERY).matches || !window.matchMedia("(prefers-color-scheme: light)").matches;
+}
+function pick(system, dark2 = prefersDarkScheme()) {
+  return dark2 ? system.dark : system.light;
+}
+function onSchemeChange(event) {
+  const system = _system.value;
+  if (!system) return;
+  const theme = pick(system, event.matches);
+  applyTheme(theme);
+  _current.value = theme;
+}
+function followSystem(system) {
+  _system.value = system;
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+  if (system && !_media) {
+    _media = window.matchMedia(DARK_QUERY);
+    _media.addEventListener("change", onSchemeChange);
+  } else if (!system && _media) {
+    _media.removeEventListener("change", onSchemeChange);
+    _media = null;
+  }
+}
+function readCache() {
   try {
     const cached = localStorage.getItem(CACHE_KEY);
-    if (cached) {
-      _current.value = parseTheme(cached);
-      applyTheme(_current.value);
-      return;
+    if (!cached) return null;
+    const raw = JSON.parse(cached);
+    if (raw && typeof raw === "object" && raw.system) {
+      return {
+        system: {
+          light: parseTheme(JSON.stringify(raw.system.light)),
+          dark: parseTheme(JSON.stringify(raw.system.dark))
+        }
+      };
     }
+    return { theme: parseTheme(cached) };
   } catch {
+    return null;
   }
-  if (_fallback) {
+}
+function hydrateOnce() {
+  if (_hydrated || typeof window === "undefined") return;
+  _hydrated = true;
+  const cached = readCache();
+  if (cached?.system) {
+    followSystem(cached.system);
+    _current.value = pick(cached.system);
+    writeThemeCookie(systemCookieValue(cached.system));
+  } else if (cached?.theme) {
+    _current.value = cached.theme;
+    writeThemeCookie(cached.theme.name);
+  } else if (_fallback) {
     _current.value = _fallback;
-    applyTheme(_fallback);
+  } else {
+    return;
   }
+  applyTheme(_current.value);
 }
-function applyTheme(theme, root = document.documentElement) {
+const DERIVED_VARS = [
+  ["--color-surface-overlay", "color-mix(in srgb, var(--color-surface-raised) 94%, transparent)"],
+  ["--color-node-compute", "var(--color-action)"],
+  ["--color-node-transit", "var(--color-accent)"],
+  ["--color-node-edge", "var(--color-brand)"],
+  ["--color-node-unknown", "var(--color-line-strong)"]
+];
+function themeEntries(input) {
+  const theme = normalizeTheme(input);
+  const out = [];
   for (const [key, cssVar] of Object.entries(COLOR_VARS)) {
-    root.style.setProperty(cssVar, theme.colors[key]);
+    out.push([cssVar, theme.colors[key]]);
   }
   for (const [key, cssVar] of Object.entries(SHAPE_VARS)) {
-    root.style.setProperty(cssVar, `${theme.shape[key]}px`);
+    out.push([cssVar, `${theme.shape[key]}px`]);
   }
   for (const [key, cssVar] of Object.entries(DENSITY_VARS)) {
-    root.style.setProperty(cssVar, `${theme.density[key]}px`);
+    out.push([cssVar, `${theme.density[key]}px`]);
   }
   for (const [key, cssVar] of Object.entries(FONT_VARS)) {
-    root.style.setProperty(cssVar, theme.font[key]);
+    out.push([cssVar, theme.font[key]]);
   }
   const surface = theme.surface ?? DEFAULT_SURFACE;
   for (const [key, cssVar] of Object.entries(SURFACE_VARS)) {
-    root.style.setProperty(cssVar, surface[key]);
+    out.push([cssVar, surface[key]]);
   }
+  for (const [cssVar, value] of DERIVED_VARS) out.push([cssVar, value]);
+  return out;
+}
+function applyTheme(theme, root = document.documentElement) {
+  for (const [cssVar, value] of themeEntries(theme)) root.style.setProperty(cssVar, value);
   root.dataset.themeMode = theme.mode;
   root.style.colorScheme = theme.mode;
   detectBackdropFilter(root);
@@ -420,47 +475,36 @@ function serializeTheme(theme) {
   return JSON.stringify(theme);
 }
 function themeToCssVars(theme) {
-  const decls = [];
-  for (const [key, cssVar] of Object.entries(COLOR_VARS)) {
-    decls.push(`${cssVar}: ${theme.colors[key]}`);
-  }
-  for (const [key, cssVar] of Object.entries(SHAPE_VARS)) {
-    decls.push(`${cssVar}: ${theme.shape[key]}px`);
-  }
-  for (const [key, cssVar] of Object.entries(DENSITY_VARS)) {
-    decls.push(`${cssVar}: ${theme.density[key]}px`);
-  }
-  for (const [key, cssVar] of Object.entries(FONT_VARS)) {
-    decls.push(`${cssVar}: ${theme.font[key]}`);
-  }
-  const surface = theme.surface ?? DEFAULT_SURFACE;
-  for (const [key, cssVar] of Object.entries(SURFACE_VARS)) {
-    decls.push(`${cssVar}: ${surface[key]}`);
-  }
-  return decls.join("; ");
+  return themeEntries(theme).map(([cssVar, value]) => `${cssVar}: ${value}`).join("; ");
 }
 function themeToCssRule(theme, selector = ":root") {
   return `${selector} { color-scheme: ${theme.mode}; ${themeToCssVars(theme)}; }`;
 }
-const DEFAULT_FONT = {
-  sans: '"Inter", "Segoe UI", system-ui, sans-serif',
-  mono: '"JetBrains Mono", "SF Mono", ui-monospace, monospace'
-};
+function normalizeTheme(raw) {
+  const mode = raw.mode === "light" ? "light" : "dark";
+  const base = mode === "light" ? light : dark;
+  return {
+    name: typeof raw.name === "string" ? raw.name : base.name,
+    mode,
+    colors: { ...base.colors, ...raw.colors },
+    shape: { ...base.shape, ...raw.shape },
+    density: { ...base.density, ...raw.density },
+    font: { ...base.font, ...raw.font },
+    surface: raw.surface ? { ...DEFAULT_SURFACE, ...raw.surface } : void 0
+  };
+}
 function parseTheme(json) {
   const raw = JSON.parse(json);
   if (!raw || typeof raw !== "object" || !raw.colors || !raw.shape || !raw.density) {
     throw new Error("Invalid theme: missing colors/shape/density");
   }
-  return { ...raw, font: raw.font ?? DEFAULT_FONT };
+  return normalizeTheme(raw);
 }
 function bootstrapTheme(fallback) {
-  let theme = fallback;
-  try {
-    const cached = localStorage.getItem(CACHE_KEY);
-    if (cached) theme = parseTheme(cached);
-  } catch {
-  }
-  applyTheme(theme);
+  const cached = typeof window === "undefined" ? null : readCache();
+  const theme = cached?.system ? pick(cached.system) : cached?.theme ?? fallback;
+  if (cached?.system) followSystem(cached.system);
+  if (typeof document !== "undefined") applyTheme(theme);
   return theme;
 }
 function cacheTheme(theme) {
@@ -470,203 +514,114 @@ function cacheTheme(theme) {
   }
   writeThemeCookie(theme.name);
 }
+function cacheSystemThemes(system) {
+  try {
+    localStorage.setItem(CACHE_KEY, JSON.stringify({ system }));
+  } catch {
+  }
+  writeThemeCookie(systemCookieValue(system));
+}
 const THEME_COOKIE = "lp-theme";
+const SYSTEM_PREFIX = "system:";
 const COOKIE_MAX_AGE = 60 * 60 * 24 * 365;
-function writeThemeCookie(name) {
+function systemCookieValue(system) {
+  return `${SYSTEM_PREFIX}${system.light.name}|${system.dark.name}`;
+}
+function writeThemeCookie(value) {
   if (typeof document === "undefined") return;
-  document.cookie = `${THEME_COOKIE}=${encodeURIComponent(name)}; path=/; max-age=${COOKIE_MAX_AGE}; samesite=lax`;
+  document.cookie = `${THEME_COOKIE}=${encodeURIComponent(value)}; path=/; max-age=${COOKIE_MAX_AGE}; samesite=lax`;
+}
+function safeDecode(value) {
+  try {
+    return decodeURIComponent(value);
+  } catch {
+    return value;
+  }
 }
-function themeFromCookie(cookieValue, themes) {
+function themeFromCookie(cookieValue, themes, options = {}) {
   if (!cookieValue) return null;
-  const name = decodeURIComponent(cookieValue);
-  return themes.find((theme) => theme.name === name) ?? null;
+  const find = (name) => themes.find((theme) => theme.name === name) ?? null;
+  for (const value of [cookieValue, safeDecode(cookieValue)]) {
+    if (value.startsWith(SYSTEM_PREFIX)) {
+      const [lightName = "", darkName = ""] = value.slice(SYSTEM_PREFIX.length).split("|");
+      const wanted = options.prefersDark === false ? lightName : darkName;
+      const found2 = find(wanted);
+      if (found2) return found2;
+      continue;
+    }
+    const found = find(value);
+    if (found) return found;
+  }
+  return null;
 }
 function useTheme() {
   hydrateOnce();
-  const setTheme = (theme, origin) => {
-    if (origin) applyThemeWithTransition(theme, origin);
-    else applyThemeWithTransition(theme);
+  const commit = (theme) => {
+    followSystem(null);
     cacheTheme(theme);
     _current.value = theme;
   };
   return {
     current: readonly(_current),
     currentName: computed(() => _current.value?.name ?? ""),
-    setTheme,
+    system: computed(() => _system.value !== null),
+    setTheme: (theme, origin) => {
+      applyThemeWithTransition(theme, origin);
+      commit(theme);
+    },
+    setSystem: (themes, origin) => {
+      const theme = pick(themes);
+      applyThemeWithTransition(theme, origin);
+      followSystem(themes);
+      cacheSystemThemes(themes);
+      _current.value = theme;
+    },
     init: (fallback) => {
       _fallback = fallback;
-      if (!_hydrated) hydrateOnce();
-      if (!_current.value) {
-        _current.value = bootstrapTheme(fallback);
-      }
+      hydrateOnce();
+      if (!_current.value) _current.value = bootstrapTheme(fallback);
       return _current.value;
     },
     apply: (theme) => {
       applyTheme(theme);
-      cacheTheme(theme);
-      _current.value = theme;
+      commit(theme);
     },
-    /**
-     * Apply + cache a theme with the circular reveal animation. Pass the click
-     * point (e.g. from a toggle's `event`) as `origin` so the circle grows from
-     * the button; omit it to reveal from the viewport centre.
-     */
     applyWithTransition: (theme, origin) => {
       applyThemeWithTransition(theme, origin);
-      cacheTheme(theme);
-      _current.value = theme;
+      commit(theme);
     },
     serialize: serializeTheme,
     parse: parseTheme,
     bootstrap: bootstrapTheme
   };
 }
-const _hoisted_1 = ["aria-label", "title"];
-const _hoisted_2 = {
-  key: 2,
-  class: "text-sm font-medium"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LpThemeSwitcher",
-  props: {
-    modelValue: {},
-    themes: {},
-    cycleThemes: {},
-    variant: { default: "swatch" },
-    showLabel: { type: Boolean },
-    default: {},
-    transition: { type: Boolean, default: true },
-    size: { default: "md" },
-    "aria-label": {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const theme = useTheme();
-    const list = computed(
-      () => props.themes && props.themes.length ? props.themes : Object.values(presets)
-    );
-    const activeName = computed(
-      () => props.modelValue ?? (theme.currentName.value || list.value[0]?.name || "")
-    );
-    const active = computed(
-      () => list.value.find((t) => t.name === activeName.value) ?? list.value[0]
-    );
-    onMounted(() => {
-      if (props.default == null) return;
-      const fallback = typeof props.default === "string" ? list.value.find((t) => t.name === props.default) : props.default;
-      if (fallback) theme.init(fallback);
-    });
-    const SIZES = { sm: "size-7", md: "size-8", lg: "size-9" };
-    const ICON_SIZE = { sm: 15, md: 16, lg: 18 };
-    const wantsLabel = computed(() => props.showLabel || props.variant === "pill");
-    const bareIcon = computed(() => props.variant === "icon" && !wantsLabel.value);
-    function applyTheme2(t, ev) {
-      if (props.transition) {
-        theme.setTheme(t, ev ? { x: ev.clientX, y: ev.clientY } : void 0);
-      } else {
-        theme.apply(t);
-      }
-      emit("update:modelValue", t.name);
-      emit("change", t);
-    }
-    const cycleList = computed(() => {
-      if (!props.cycleThemes?.length) return list.value;
-      const resolved = props.cycleThemes.map(
-        (t) => typeof t === "string" ? list.value.find((x) => x.name === t) : t
-      ).filter((t) => Boolean(t));
-      return resolved.length ? resolved : list.value;
-    });
-    function cycle(ev) {
-      const arr = cycleList.value;
-      if (!arr.length) return;
-      const i = arr.findIndex((t) => t.name === activeName.value);
-      const next = arr[(i + 1) % arr.length];
-      if (next) applyTheme2(next, ev);
-    }
-    const menu = computed(
-      () => list.value.map((t) => ({
-        label: t.name,
-        icon: t.name === activeName.value ? "lucide:check" : t.mode === "dark" ? "lucide:moon" : "lucide:sun",
-        onSelect: () => applyTheme2(t)
-      }))
-    );
-    const hydrated = ref(false);
-    onMounted(() => {
-      hydrated.value = true;
-    });
-    const labelName = computed(
-      () => hydrated.value ? activeName.value : list.value[0]?.name ?? ""
-    );
-    const triggerLabel = computed(
-      () => props["aria-label"] ?? `Theme: ${labelName.value}. Click to switch, right-click to choose.`
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { items: menu.value }, {
-        default: withCtx(() => [
-          createElementVNode("button", {
-            type: "button",
-            "aria-label": triggerLabel.value,
-            title: triggerLabel.value,
-            class: normalizeClass([
-              "inline-flex items-center justify-center gap-2 rounded-control outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring",
-              bareIcon.value ? [SIZES[__props.size], "text-muted hover:bg-surface-soft hover:text-ink"] : [
-                "border border-line bg-surface-raised px-1.5 text-ink hover:border-line-strong",
-                wantsLabel.value ? "py-1 pr-2.5" : ""
-              ]
-            ]),
-            onClick: cycle
-          }, [
-            __props.variant !== "icon" ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: normalizeClass(["grid shrink-0 place-items-center rounded-control border border-line/60", SIZES[__props.size]]),
-              style: normalizeStyle({ background: active.value?.colors.surface })
-            }, [
-              createElementVNode("span", {
-                class: "size-3 rounded-full",
-                style: normalizeStyle({ background: active.value?.colors.brand })
-              }, null, 4)
-            ], 6)) : (openBlock(), createElementBlock("span", {
-              key: 1,
-              class: normalizeClass(["grid shrink-0 place-items-center", SIZES[__props.size]])
-            }, [
-              createVNode(_sfc_main$2, {
-                name: active.value?.mode === "dark" ? "lucide:moon" : "lucide:sun",
-                size: ICON_SIZE[__props.size]
-              }, null, 8, ["name", "size"])
-            ], 2)),
-            wantsLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(labelName.value), 1)) : createCommentVNode("", true)
-          ], 10, _hoisted_1)
-        ]),
-        _: 1
-      }, 8, ["items"]);
-    };
-  }
-});
 export {
   DEFAULT_SURFACE as D,
+  GLASS_BACKDROP_ATTR as G,
   NO_BACKDROP_ATTR as N,
   THEME_COOKIE as T,
-  _sfc_main as _,
   parseTheme as a,
   amber as b,
   applyTheme as c,
   applyThemeWithTransition as d,
   bootstrapTheme as e,
-  dark as f,
-  detectBackdropFilter as g,
-  light as h,
+  cacheSystemThemes as f,
+  dark as g,
+  detectBackdropFilter as h,
   isBrokenBackdropEngine as i,
   lime as j,
-  themeToCssRule as k,
-  leavepulse as l,
-  themeToCssVars as m,
+  normalizeTheme as k,
+  light as l,
+  prefersDarkScheme as m,
   nord as n,
+  setGlassBackdrop as o,
   presets as p,
+  themeFromCookie as q,
   rose as r,
   serializeTheme as s,
-  themeFromCookie as t,
+  themeEntries as t,
   useTheme as u,
-  violet as v
+  themeToCssRule as v,
+  themeToCssVars as w,
+  violet as x
 };

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar", "LpWaypointEdge"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextarea", "LpThemeProvider", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpUptimeBar"];

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

@@ -0,0 +1,8 @@
+import type { ContextMenuItemDef } from "./LpContextMenu.vue";
+type __VLS_Props = {
+    items: ContextMenuItemDef[];
+    panel: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ContextMenuItems.vue.js

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

package/dist/components/LayoutCanvas.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LayoutCanvas-Dd20boUG.js";
+import { _ as _sfc_main } from "../chunks/LayoutCanvas-BkaGXTjx.js";
 export {
   _sfc_main as default
 };

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

@@ -21,6 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "remove-block": (leafId: string, index: number) => any;
     "reorder-tab": (leafId: string, from: number, to: number) => any;
     resize: (parent: Split, index: number, deltaFraction: number) => any;
+    "resize-start": () => any;
+    "resize-end": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDragstart?: ((id: string) => any) | undefined;
     onDragend?: (() => any) | undefined;
@@ -29,6 +31,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onRemove-block"?: ((leafId: string, index: number) => any) | undefined;
     "onReorder-tab"?: ((leafId: string, from: number, to: number) => any) | undefined;
     onResize?: ((parent: Split, index: number, deltaFraction: number) => any) | undefined;
+    "onResize-start"?: (() => any) | undefined;
+    "onResize-end"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LayoutNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LayoutNode-DGpZA9LX.js";
+import { _ as _sfc_main } from "../chunks/LayoutNode-B3_9E1Xa.js";
 export {
   _sfc_main as default
 };

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

@@ -55,6 +55,9 @@ type __VLS_Props = {
     maxWidth?: string;
     /** Accessible name for the landmark. Falls back to `title`. */
     ariaLabel?: string;
+    labels?: Partial<{
+        dismiss: string;
+    }>;
 };
 declare var __VLS_18: {}, __VLS_20: {};
 type __VLS_Slots = {} & {

package/dist/components/LpActionBar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpActionBar-BlvtGB2P.js";
+import { _ as _sfc_main } from "../chunks/LpActionBar-CnfFVIwC.js";
 export {
   _sfc_main as default
 };