@leavepulse/ui 0.77.2 → 0.78.0

package/dist/chunks/{LpTour-BZq-mUMv.js → LpTour-ClKYhx4h.js}

@@ -8,8 +8,9 @@ import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { useView, usePortalTarget, viewDocument, viewWindow } from "../composables/useView.js";
 import { scrollToElement } from "../composables/scroll.js";
 import { PANEL_SURFACE } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./TourCard-DNclH3u_.js";
+import { _ as _sfc_main$1 } from "./TourCard-DAzTYfav.js";
 import { holeOf, panelsAround, holeClip } from "../components/tour.js";
+import { isElement } from "../composables/realm.js";
 const _hoisted_1 = ["aria-label"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTour",
@@ -84,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const last = computed(() => index.value >= props.steps.length - 1);
     const progress = computed(() => labels.value.progress.replace("{n}", String(index.value + 1)).replace("{total}", String(props.steps.length)));
-    const smooth = () => !prefersReducedMotion();
+    const smooth = () => !prefersReducedMotion(win());
     function resolve(raw) {
       if (!raw) return null;
       try {
@@ -112,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const probe = doc().createElement("div");
       probe.style.cssText = "position:absolute;visibility:hidden;border-top-left-radius:var(--radius-control)";
       doc().body.append(probe);
-      const px = parseFloat(getComputedStyle(probe).borderTopLeftRadius);
+      const px = parseFloat(win().getComputedStyle(probe).borderTopLeftRadius);
       probe.remove();
       return Number.isFinite(px) ? px : 8;
     }
@@ -146,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       target.value = el;
       gliding.value = true;
       clearTimeout(glide);
-      glide = window.setTimeout(() => gliding.value = false, durationToken("duration-medium") + 40);
+      glide = window.setTimeout(() => gliding.value = false, durationToken("duration-medium", void 0, doc()) + 40);
     }
     function measure() {
       viewport.value = { width: win().innerWidth, height: win().innerHeight };
@@ -258,11 +259,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function onTargetClick(event) {
       if (!step.value?.try || !target.value) return;
-      if (event.target instanceof Node && target.value.contains(event.target)) setTimeout(next, TRY_SETTLE_MS);
+      if (isElement(event.target) && target.value.contains(event.target)) setTimeout(next, TRY_SETTLE_MS);
     }
     watch(
       open,
       (value) => {
+        if (typeof document === "undefined") return;
         if (value) {
           direction = 1;
           box.value = null;

package/dist/chunks/{LpTruncate-CflAIwiJ.js → LpTruncate-C6u3gjc6.js}

@@ -1,8 +1,9 @@
 import { defineComponent, ref, onMounted, watch, nextTick, computed, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, normalizeStyle, normalizeClass, Fragment, toDisplayString, createTextVNode, createBlock, createCommentVNode } from "vue";
+import { nodeWindow } from "../composables/realm.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-xF7wFVoU.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-7EOSIuwa.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BJf3lZMq.js";
 import { middleTruncate } from "../components/fieldText.js";
 const _hoisted_1 = ["tabindex"];
 const _hoisted_2 = { "aria-hidden": "true" };
@@ -31,8 +32,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const drawn = ref(props.text);
     let canvas = null;
     function measurer(el) {
-      canvas ??= document.createElement("canvas").getContext("2d");
-      const style = getComputedStyle(el);
+      canvas ??= el.ownerDocument.createElement("canvas").getContext("2d");
+      const style = nodeWindow(el).getComputedStyle(el);
       if (canvas) canvas.font = `${style.fontStyle} ${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;
       const spacing = Number.parseFloat(style.letterSpacing) || 0;
       return (s) => canvas ? canvas.measureText(s).width + spacing * Array.from(s).length : 0;
@@ -54,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useResizeObserver(box, () => measure());
     onMounted(() => {
       measure();
-      void document.fonts?.ready.then(() => measure());
+      void box.value?.ownerDocument.fonts?.ready.then(() => measure());
     });
     watch(
       () => [props.text, props.lines, props.middle, props.tail],

package/dist/chunks/{LpTypewriter-BCL_a6wE.js → LpTypewriter-CZIzpdbe.js}

@@ -1,4 +1,5 @@
 import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementVNode, toDisplayString, createTextVNode, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList } from "vue";
+import { isElement } from "../composables/realm.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useInView } from "../composables/useInView.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
@@ -49,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { el: revealEl, revealed } = useReveal({ immediate: () => props.play !== void 0 });
     const { el: viewEl, inView } = useInView();
     const setRoot = (node) => {
-      const element = node instanceof Element ? node : null;
+      const element = isElement(node) ? node : null;
       revealEl.value = element;
       viewEl.value = element;
     };

package/dist/chunks/{LpUptimeBar-DqNvvMBK.js → LpUptimeBar-BnYmR2rj.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, ref, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, createElementVNode, createVNode, withCtx, createBlock, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
 import { _ as _sfc_main$6 } from "./LpNumberFlow-Vqj0tP7B.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$4 } from "./LpShift-CCq7dofl.js";
+import { _ as _sfc_main$4 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$1 } from "./LpSwap-C96c0LWh.js";
-import { _ as _sfc_main$3 } from "./LpTooltip-BcBvIx4z.js";
+import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
+import { _ as _sfc_main$3 } from "./LpTooltip-BJf3lZMq.js";
 import { TONES } from "../components/tone.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpVideoBackdrop-DS1wGv-X.js → LpVideoBackdrop-Ct4St4ZL.js}

@@ -1,5 +1,8 @@
-import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, normalizeStyle, createCommentVNode, createElementVNode, normalizeClass } from "vue";
+import { defineComponent, ref, watch, computed, onMounted, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, normalizeStyle, createCommentVNode, createElementVNode, normalizeClass } from "vue";
+import { clamp } from "../composables/clamp.js";
 import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
+import { usePrefersReducedMotion } from "../composables/useReducedMotion.js";
+import { useView } from "../composables/useView.js";
 import { useInView } from "../composables/useInView.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { planLoop, isNativeLoop, seamReached, seamProgress } from "../components/videoBackdrop.js";
@@ -37,7 +40,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const running = ref(false);
     const throttle = ref(1);
     const SLOWEST_RATE = 1 / 16;
-    const reducedMotion = ref(prefersReducedMotion());
+    const view = useView();
+    const reducedMotion = ref(prefersReducedMotion(view.value?.window));
+    const liveMotion = usePrefersReducedMotion();
+    watch(liveMotion, (reduced) => reducedMotion.value = reduced);
     const { el: root, inView } = useInView();
     const unseen = computed(() => !inView.value);
     const plan = computed(
@@ -212,19 +218,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (current && (current.currentTime < from || current.currentTime > to)) current.currentTime = from;
       }
     );
-    function onMotionChange(event) {
-      reducedMotion.value = event.matches;
-    }
-    let motionQuery = null;
-    onMounted(() => {
-      applyRate();
-      motionQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-      motionQuery.addEventListener("change", onMotionChange);
-    });
+    onMounted(applyRate);
     onBeforeUnmount(() => {
       if (frame) cancelAnimationFrame(frame);
       if (ramp) cancelAnimationFrame(ramp);
-      motionQuery?.removeEventListener("change", onMotionChange);
     });
     function layerStyle(index) {
       const fading = incoming.value === index;
@@ -287,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2),
         createElementVNode("div", {
           class: "absolute inset-0 bg-black transition-opacity duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] motion-reduce:transition-none",
-          style: normalizeStyle({ opacity: Math.min(1, Math.max(0, __props.dim)) })
+          style: normalizeStyle({ opacity: unref(clamp)(__props.dim, 0, 1) })
         }, null, 4)
       ], 16);
     };

package/dist/chunks/LpWindow-B8YSRVTH.js

@@ -0,0 +1,297 @@
+import { defineComponent, useModel, useId, shallowRef, computed, ref, onMounted, watch, nextTick, onBeforeUnmount, openBlock, createBlock, Teleport, unref, createElementBlock, normalizeStyle, createCommentVNode, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, mergeModels } from "vue";
+import { _ as _sfc_main$1 } from "./IconCloseButton-COZEsa9u.js";
+import { startPointerDrag } from "../composables/pointerDrag.js";
+import { useCloseGuard } from "../composables/useCloseGuard.js";
+import { useGlass } from "../composables/useGlass.js";
+import { useLabels } from "../composables/useLpConfig.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { usePersisted } from "../composables/usePersisted.js";
+import { usePrefersReducedMotion } from "../composables/useReducedMotion.js";
+import { usePortalTarget, useView, viewWindow } from "../composables/useView.js";
+import { dockedRect, clampRect, useWindowLayer, isWindowRect, WINDOW_DOCKS, resizeRect, snapRect, dockAt } from "../composables/windowing.js";
+import "@iconify/vue";
+import "./icons-CYfcpSDS.js";
+const _hoisted_1 = ["aria-label", "aria-labelledby", "data-dock"];
+const _hoisted_2 = ["aria-label"];
+const _hoisted_3 = ["id"];
+const _hoisted_4 = { class: "min-h-0 min-w-0 flex-1 overflow-auto" };
+const _hoisted_5 = ["data-lp-window-edge", "onPointerdown"];
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpWindow",
+  props: /* @__PURE__ */ mergeModels({
+    title: {},
+    ariaLabel: {},
+    defaultRect: {},
+    minWidth: { default: 240 },
+    minHeight: { default: 160 },
+    dockFraction: { default: 0.5 },
+    resizable: { type: Boolean, default: true },
+    dockable: { type: Boolean, default: true },
+    snap: { type: Boolean, default: true },
+    closable: { type: Boolean, default: true },
+    persist: {},
+    guard: { type: [Boolean, Function] },
+    glass: { type: Boolean, default: void 0 },
+    labels: {}
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:open"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const DEFAULT_SIZE = { width: 420, height: 320 };
+    const KEY_STEP = 16;
+    const SNAP_THRESHOLD = 8;
+    const DOCK_EDGE = 12;
+    const EDGES = ["n", "s", "e", "w", "ne", "nw", "se", "sw"];
+    const EDGE_CLASS = {
+      n: "inset-x-2 -top-1 h-2 cursor-ns-resize",
+      s: "inset-x-2 -bottom-1 h-2 cursor-ns-resize",
+      e: "inset-y-2 -right-1 w-2 cursor-ew-resize",
+      w: "inset-y-2 -left-1 w-2 cursor-ew-resize",
+      ne: "-right-1 -top-1 size-3 cursor-nesw-resize",
+      nw: "-left-1 -top-1 size-3 cursor-nwse-resize",
+      se: "-bottom-1 -right-1 size-3 cursor-nwse-resize",
+      sw: "-bottom-1 -left-1 size-3 cursor-nesw-resize"
+    };
+    const props = __props;
+    const open = useModel(__props, "open");
+    const emit = __emit;
+    const text = useLabels("window", { close: "Close", move: "Move window" }, () => props.labels);
+    const frosted = useGlass(() => props.glass);
+    const portalTo = usePortalTarget();
+    const view = useView();
+    const titleId = useId();
+    const validPlacement = (value) => {
+      const saved = value;
+      return !!saved && (saved.rect === null || isWindowRect(saved.rect)) && (saved.dock === null || WINDOW_DOCKS.includes(saved.dock));
+    };
+    const placement = usePersisted(() => props.persist && `lp-window:${props.persist}`, { rect: null, dock: null }, {
+      validate: validPlacement
+    });
+    const viewport = shallowRef({ width: 0, height: 0 });
+    const bounds = computed(() => ({ minWidth: props.minWidth, minHeight: props.minHeight }));
+    function firstRect() {
+      const width = props.defaultRect?.width ?? DEFAULT_SIZE.width;
+      const height = props.defaultRect?.height ?? DEFAULT_SIZE.height;
+      return {
+        x: props.defaultRect?.x ?? Math.round((viewport.value.width - width) / 2),
+        y: props.defaultRect?.y ?? Math.round((viewport.value.height - height) / 2),
+        width,
+        height
+      };
+    }
+    const applied = computed(() => {
+      const { rect, dock } = placement.value;
+      if (dock) return dockedRect(dock, viewport.value, props.dockFraction);
+      return clampRect(rect ?? firstRect(), viewport.value, bounds.value);
+    });
+    const layer = useWindowLayer(() => open.value ? applied.value : null);
+    const panel = ref(null);
+    const moving = ref(false);
+    const offeredDock = ref(null);
+    const ghost = computed(() => offeredDock.value ? dockedRect(offeredDock.value, viewport.value, props.dockFraction) : null);
+    function measure() {
+      const win = viewWindow(view.value);
+      viewport.value = { width: win.innerWidth, height: win.innerHeight };
+    }
+    const mounted = ref(false);
+    onMounted(() => mounted.value = true);
+    function commit() {
+      emit("change", { rect: applied.value, dock: placement.value.dock });
+    }
+    let stopDrag = null;
+    function onTitlePointerDown(event) {
+      if (event.button !== 0 || event.target.closest?.("button, a, input")) return;
+      layer.raise();
+      const startX = event.clientX;
+      const startY = event.clientY;
+      const { dock } = placement.value;
+      const start = dock ? { ...placement.value.rect ?? firstRect(), x: startX - KEY_STEP, y: startY - KEY_STEP } : applied.value;
+      let dragged = false;
+      moving.value = true;
+      stopDrag = startPointerDrag(event, {
+        move: (ev) => {
+          dragged = true;
+          const moved = { ...start, x: start.x + ev.clientX - startX, y: start.y + ev.clientY - startY };
+          const snapped = props.snap ? snapRect(moved, viewport.value, layer.others(), SNAP_THRESHOLD) : moved;
+          placement.value = { rect: clampRect(snapped, viewport.value, bounds.value), dock: null };
+          offeredDock.value = props.dockable ? dockAt(ev.clientX, ev.clientY, viewport.value, DOCK_EDGE) : null;
+        },
+        end: (completed) => {
+          moving.value = false;
+          stopDrag = null;
+          const chosen = offeredDock.value;
+          offeredDock.value = null;
+          if (completed && chosen) placement.value = { rect: placement.value.rect, dock: chosen };
+          if (dragged) commit();
+        }
+      });
+    }
+    function onEdgePointerDown(event, edge) {
+      if (event.button !== 0) return;
+      layer.raise();
+      const start = applied.value;
+      const startX = event.clientX;
+      const startY = event.clientY;
+      moving.value = true;
+      stopDrag = startPointerDrag(event, {
+        move: (ev) => {
+          const rect = resizeRect(start, edge, ev.clientX - startX, ev.clientY - startY, viewport.value, bounds.value);
+          placement.value = { rect, dock: null };
+        },
+        end: () => {
+          moving.value = false;
+          stopDrag = null;
+          commit();
+        }
+      });
+    }
+    function toggleFull() {
+      if (!props.dockable) return;
+      placement.value = { rect: placement.value.rect ?? applied.value, dock: placement.value.dock === "full" ? null : "full" };
+      commit();
+    }
+    function onTitleKeydown(event) {
+      if (event.target !== event.currentTarget) return;
+      if (event.key === "Enter") {
+        event.preventDefault();
+        toggleFull();
+        return;
+      }
+      const dx = event.key === "ArrowRight" ? KEY_STEP : event.key === "ArrowLeft" ? -KEY_STEP : 0;
+      const dy = event.key === "ArrowDown" ? KEY_STEP : event.key === "ArrowUp" ? -KEY_STEP : 0;
+      if (!dx && !dy) return;
+      event.preventDefault();
+      const rect = applied.value;
+      const next = event.shiftKey && props.resizable ? resizeRect(rect, "se", dx, dy, viewport.value, bounds.value) : { ...rect, x: rect.x + dx, y: rect.y + dy };
+      placement.value = { rect: clampRect(next, viewport.value, bounds.value), dock: null };
+      commit();
+    }
+    const { allowClose } = useCloseGuard(() => props.guard, () => open.value);
+    async function close() {
+      if (await allowClose()) open.value = false;
+    }
+    function onKeydown(event) {
+      if (event.key !== "Escape" || !props.closable || event.defaultPrevented) return;
+      event.preventDefault();
+      void close();
+    }
+    __expose({ close, raise: () => layer.raise() });
+    let returnTo = null;
+    watch(
+      [open, mounted],
+      async ([isOpen, ready], _, onCleanup) => {
+        if (!ready) return;
+        if (!isOpen) {
+          stopDrag?.();
+          layer.release();
+          returnTo?.focus?.({ preventScroll: true });
+          returnTo = null;
+          return;
+        }
+        const win = viewWindow(view.value);
+        measure();
+        win.addEventListener("resize", measure);
+        onCleanup(() => win.removeEventListener("resize", measure));
+        layer.raise();
+        returnTo = win.document.activeElement;
+        await nextTick();
+        panel.value?.focus({ preventScroll: true });
+      },
+      { immediate: true }
+    );
+    onBeforeUnmount(() => {
+      stopDrag?.();
+      layer.release();
+    });
+    const reduced = usePrefersReducedMotion();
+    const animate = computed(() => !moving.value && !reduced.value);
+    const { class: panelClass, attrs: rest } = useMergedAttrs(
+      () => [
+        "fixed flex min-h-0 min-w-0 flex-col rounded-card border border-line shadow-panel outline-none",
+        frosted.value ? "lp-glass-overlay" : "bg-surface-raised",
+        placement.value.dock === "full" ? "rounded-none" : ""
+      ].join(" ")
+    );
+    const px = (rect) => ({
+      left: `${rect.x}px`,
+      top: `${rect.y}px`,
+      width: `${rect.width}px`,
+      height: `${rect.height}px`
+    });
+    return (_ctx, _cache) => {
+      return mounted.value && open.value ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: unref(portalTo)
+      }, [
+        ghost.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          "data-lp-window-ghost": "",
+          class: "pointer-events-none fixed rounded-card border-2 border-brand bg-brand/10",
+          style: normalizeStyle({ ...px(ghost.value), zIndex: unref(layer).z.value })
+        }, null, 4)) : createCommentVNode("", true),
+        createElementVNode("section", mergeProps(unref(rest), {
+          ref_key: "panel",
+          ref: panel,
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-label": __props.title ? void 0 : __props.ariaLabel,
+          "aria-labelledby": __props.title ? unref(titleId) : void 0,
+          tabindex: "-1",
+          class: unref(panelClass),
+          "data-dock": unref(placement).dock ?? void 0,
+          style: {
+            ...px(applied.value),
+            zIndex: unref(layer).z.value,
+            transition: animate.value ? "left var(--duration-fast), top var(--duration-fast), width var(--duration-fast), height var(--duration-fast)" : "none"
+          },
+          onPointerdownCapture: _cache[0] || (_cache[0] = ($event) => unref(layer).raise()),
+          onFocusin: _cache[1] || (_cache[1] = ($event) => unref(layer).raise()),
+          onKeydown
+        }), [
+          createElementVNode("header", {
+            tabindex: "0",
+            "aria-label": `${unref(text).move}: ${__props.title ?? __props.ariaLabel ?? ""}`,
+            class: "flex shrink-0 cursor-move touch-none select-none items-center gap-2 rounded-t-card px-3 py-2 outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            onPointerdown: onTitlePointerDown,
+            onDblclick: toggleFull,
+            onKeydown: onTitleKeydown
+          }, [
+            createElementVNode("span", {
+              id: unref(titleId),
+              class: "min-w-0 flex-1 truncate text-sm font-semibold text-ink"
+            }, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(__props.title), 1)
+              ])
+            ], 8, _hoisted_3),
+            renderSlot(_ctx.$slots, "actions"),
+            __props.closable ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              label: unref(text).close,
+              onClick: close
+            }, null, 8, ["label"])) : createCommentVNode("", true)
+          ], 40, _hoisted_2),
+          createElementVNode("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "default", { close })
+          ]),
+          __props.resizable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList(EDGES, (edge) => {
+            return createElementVNode("div", {
+              key: edge,
+              "aria-hidden": "true",
+              "data-lp-window-edge": edge,
+              class: normalizeClass(["absolute touch-none", EDGE_CLASS[edge]]),
+              onPointerdown: ($event) => onEdgePointerDown($event, edge)
+            }, null, 42, _hoisted_5);
+          }), 64)) : createCommentVNode("", true)
+        ], 16, _hoisted_1)
+      ], 8, ["to"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpWorkspaceSwitcher-D0e9upAy.js

@@ -0,0 +1,139 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createTextVNode, toDisplayString, createElementVNode, withModifiers, nextTick } from "vue";
+import { useLabels } from "../composables/useLpConfig.js";
+import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$1 } from "./LpDropdownMenu-CLzxIOgM.js";
+import { _ as _sfc_main$4 } from "./LpInput-DL6HEJdi.js";
+import { _ as _sfc_main$3 } from "./LpModal-DrtQ_1A2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpWorkspaceSwitcher",
+  props: {
+    workspaces: {},
+    labels: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const text = useLabels(
+      "workspaces",
+      {
+        menu: "Workspaces",
+        create: "New workspace",
+        duplicate: "Duplicate",
+        rename: "Rename",
+        remove: "Delete",
+        name: "Name",
+        save: "Save",
+        cancel: "Cancel",
+        required: "Enter a name"
+      },
+      () => props.labels
+    );
+    const activeName = computed(() => {
+      const { workspaces, activeId } = props.workspaces;
+      return workspaces.value.find((space) => space.id === activeId.value)?.name ?? "";
+    });
+    const naming = ref(null);
+    const draft = ref("");
+    const tried = ref(false);
+    const nameError = computed(() => tried.value && !draft.value.trim() ? text.value.required : void 0);
+    async function ask(mode) {
+      await nextTick();
+      draft.value = mode === "rename" ? activeName.value : "";
+      tried.value = false;
+      naming.value = mode;
+    }
+    function confirm() {
+      tried.value = true;
+      const name = draft.value.trim();
+      if (!name) return;
+      if (naming.value === "create") props.workspaces.create(name);
+      else props.workspaces.rename(props.workspaces.activeId.value, name);
+      naming.value = null;
+    }
+    const items = computed(() => {
+      const spaces = props.workspaces;
+      return [
+        ...spaces.workspaces.value.map((space) => ({
+          label: space.name,
+          icon: space.id === spaces.activeId.value ? "lucide:check" : void 0,
+          onSelect: () => spaces.switchTo(space.id)
+        })),
+        { label: text.value.create, icon: "lucide:plus", separatorBefore: true, onSelect: () => void ask("create") },
+        { label: text.value.duplicate, icon: "lucide:copy", onSelect: () => void spaces.duplicate() },
+        { label: text.value.rename, icon: "lucide:pencil", onSelect: () => void ask("rename") },
+        {
+          label: text.value.remove,
+          icon: "lucide:trash-2",
+          danger: true,
+          disabled: spaces.workspaces.value.length <= 1,
+          onSelect: () => spaces.remove(spaces.activeId.value)
+        }
+      ];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_sfc_main$1, {
+          items: items.value,
+          palette: false
+        }, {
+          trigger: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              variant: "ghost",
+              size: "sm",
+              "aria-label": `${unref(text).menu}: ${activeName.value}`
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(activeName.value), 1)
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          _: 1
+        }, 8, ["items"]),
+        createVNode(_sfc_main$3, {
+          open: naming.value !== null,
+          title: naming.value === "create" ? unref(text).create : unref(text).rename,
+          size: "sm",
+          "onUpdate:open": _cache[2] || (_cache[2] = ($event) => naming.value = null)
+        }, {
+          footer: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              variant: "ghost",
+              onClick: _cache[1] || (_cache[1] = ($event) => naming.value = null)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(text).cancel), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$2, {
+              type: "submit",
+              form: "lp-workspace-name"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(text).save), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createElementVNode("form", {
+              id: "lp-workspace-name",
+              onSubmit: withModifiers(confirm, ["prevent"])
+            }, [
+              createVNode(_sfc_main$4, {
+                modelValue: draft.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+                label: unref(text).name,
+                error: nameError.value
+              }, null, 8, ["modelValue", "label", "error"])
+            ], 32)
+          ]),
+          _: 1
+        }, 8, ["open", "title"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{MenuTitle-BmCNNTKH.js → MenuTitle-Bh5dAdV1.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, createCommentVNode, toDisplayString } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 const _hoisted_1 = {
   class: "flex max-w-72 min-w-0 items-center gap-2 px-2.5 pt-1.5 pb-2",
   "aria-hidden": "true"

package/dist/chunks/{OptionContent-22UT8zLn.js → OptionContent-CGb8QlHA.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, toDisplayString } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 const _hoisted_1 = { class: "flex min-w-0 items-center gap-2.5" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "flex min-w-0 flex-col" };

package/dist/chunks/{PickerField-Bfh8id3d.js → PickerField-BM1dyafh.js}

@@ -1,9 +1,9 @@
 import { defineComponent, useModel, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, createElementVNode, mergeProps, mergeModels } from "vue";
-import { useFieldBlur } from "../composables/useField.js";
+import { useFieldBlur, mergeDescribedBy } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { PICKER_PRESETS, PICKER_PRESET, PICKER_TRIGGER, PICKER_SIZE, pickerTone, PICKER_CLEAR } from "../components/calendar.js";
-import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpPopover-DmZ3wUtP.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpPopover-BQSuxtai.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
 const _hoisted_1 = ["data-lp-field-part"];
 const _hoisted_2 = ["id", "disabled", "aria-invalid", "aria-describedby"];
@@ -61,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               type: "button",
               disabled: __props.field.disabled,
               "aria-invalid": __props.field.invalid || void 0,
-              "aria-describedby": __props.field.describedBy,
+              "aria-describedby": unref(mergeDescribedBy)(unref(attrs)["aria-describedby"], __props.field.describedBy),
               class: [unref(PICKER_TRIGGER), unref(PICKER_SIZE)[__props.size], unref(pickerTone)(__props.field.invalid)]
             }), [
               createVNode(_sfc_main$2, {

package/dist/chunks/{RevealToggle-BEit1n6Z.js → RevealToggle-CCPDE8Mv.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useModel, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementVNode, mergeModels } from "vue";
-import { _ as _sfc_main$2 } from "./LpButton-CFb44IjC.js";
-import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";
+import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BJf3lZMq.js";
 const _hoisted_1 = { class: "grid place-items-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },