@leavepulse/ui 0.69.0 → 0.70.0

package/dist/chunks/AttentionDot-DCBf4aWg.js

@@ -0,0 +1,25 @@
+import { defineComponent, openBlock, createElementBlock, mergeProps, unref } from "vue";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "AttentionDot",
+  props: {
+    corner: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { class: dotClass, attrs: rest } = useMergedAttrs(
+      () => `rounded-full bg-accent ${props.corner ? "absolute -right-1 -top-0.5 size-2" : "relative z-10 size-1.5 self-start"}`
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps({
+        "aria-hidden": "true",
+        class: unref(dotClass)
+      }, unref(rest)), null, 16);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{ContextMenuItems-B7XFHksm.js → ContextMenuItems-B5uE8Znw.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, withCtx, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createVNode, withModifiers } from "vue";
 import { DropdownMenuPortal, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuItem, ContextMenuPortal, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuSub, ContextMenuSeparator, ContextMenuCheckboxItem, ContextMenuItem } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-6tSrZ3Zy.js";
+import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
 import MenuShortcut from "../components/MenuShortcut.vue.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "flex items-center gap-2" };

package/dist/chunks/{DropzoneLinkField-CjkrpDqO.js → DropzoneLinkField-Bw8Flkhk.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useModel, ref, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, normalizeClass, mergeModels } from "vue";
-import { _ as _sfc_main$2 } from "./LpButton-DNR-YAq5.js";
-import { _ as _sfc_main$1 } from "./LpInput-CUyr6PIE.js";
+import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
+import { _ as _sfc_main$1 } from "./LpInput-CDuwODJG.js";
 const _hoisted_1 = { class: "flex w-full flex-col gap-1.5" };
 const _hoisted_2 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/FieldWrapper-BiennROB.js

@@ -0,0 +1,43 @@
+import { defineComponent, useAttrs, ref, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { _ as _sfc_main$1 } from "./LpFormField-BWwgm1E4.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "FieldWrapper",
+  props: {
+    wrapped: { type: Boolean },
+    id: {},
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    const attrs = useAttrs();
+    const field = ref(null);
+    __expose({
+      notify: (text, options) => field.value?.notify?.(text, options),
+      clearNotice: () => field.value?.clearNotice?.()
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.wrapped ? _sfc_main$1 : "div"), {
+        ref_key: "field",
+        ref: field,
+        id: __props.wrapped ? __props.id : void 0,
+        label: __props.wrapped ? __props.label : void 0,
+        hint: __props.wrapped ? __props.hint : void 0,
+        error: __props.wrapped ? __props.error : void 0,
+        required: __props.wrapped ? __props.required : void 0,
+        class: normalizeClass(__props.wrapped ? unref(attrs).class : "contents"),
+        style: normalizeStyle(__props.wrapped ? unref(attrs).style : void 0)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "label", "hint", "error", "required", "class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LayoutCanvas-DF9CovaK.js → LayoutCanvas-BsJIzhdd.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { _ as _sfc_main$1 } from "./LayoutNode-D9bIFzk0.js";
+import { _ as _sfc_main$1 } from "./LayoutNode-DJVhkSGk.js";
 import { resizeAt, setActiveTab, reorderTab, removeBlock, moveLeaf } from "../layout/tree.js";
 import { layoutController } from "../layout/useLayout.js";
 const _hoisted_1 = { class: "flex min-h-0 min-w-0 flex-1" };

package/dist/chunks/{LayoutNode-D9bIFzk0.js → LayoutNode-DJVhkSGk.js}

@@ -1,7 +1,8 @@
-import { defineComponent, computed, ref, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createVNode, normalizeStyle, withCtx, renderSlot, mergeProps, createElementVNode, createCommentVNode, createBlock, unref, withModifiers, toDisplayString } from "vue";
-import { useReducedMotion, Motion } from "motion-v";
+import { defineComponent, ref, computed, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createVNode, normalizeStyle, withCtx, renderSlot, mergeProps, createElementVNode, createCommentVNode, createBlock, unref, withModifiers, toDisplayString } from "vue";
+import { Motion } from "motion-v";
+import { usePillTransition } from "../composables/usePillTransition.js";
 import { blockTitle } from "../layout/registry.js";
-import { _ as _sfc_main$1 } from "./LpIcon-6tSrZ3Zy.js";
+import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
 const _hoisted_1 = ["onPointerdown"];
 const _hoisted_2 = {
   key: 1,
@@ -22,10 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["dragstart", "dragend", "drop", "set-active", "remove-block", "reorder-tab", "resize", "resize-start", "resize-end"],
   setup(__props, { emit: __emit }) {
-    const reduceMotion = useReducedMotion();
-    const layoutTransition = computed(
-      () => reduceMotion.value ? { duration: 0 } : { type: "spring", stiffness: 520, damping: 42, mass: 0.9 }
-    );
+    const layoutTransition = usePillTransition("layout");
     const props = __props;
     const emit = __emit;
     const hoverSide = ref(null);
@@ -159,7 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ], 2)) : leaf.value ? (openBlock(), createBlock(unref(Motion), {
         key: 1,
         layout: true,
-        transition: layoutTransition.value,
+        transition: unref(layoutTransition),
         class: normalizeClass(["relative flex min-h-0 min-w-0 flex-col", { "opacity-35": __props.dragId === __props.node.id }])
       }, {
         default: withCtx(() => [

package/dist/chunks/LegendSwatch-BhRjrtzv.js

@@ -0,0 +1,18 @@
+import { defineComponent, openBlock, createElementBlock, normalizeStyle } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LegendSwatch",
+  props: {
+    color: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: "size-2 shrink-0 rounded-full transition-transform duration-fast group-hover:scale-125",
+        style: normalizeStyle({ backgroundColor: __props.color })
+      }, null, 4);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LoaderMark-C1dubiKn.js

@@ -0,0 +1,85 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, renderList, normalizeStyle } from "vue";
+import '../assets/LoaderMark-DxBV2iDJ.css';const _hoisted_1 = { role: "status" };
+const _hoisted_2 = {
+  key: 0,
+  class: "text-xs text-muted"
+};
+const _hoisted_3 = {
+  key: 0,
+  cx: "12",
+  cy: "12",
+  r: "9",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  opacity: "0.2"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "inline-flex shrink-0 items-center gap-[0.3em]",
+  "aria-hidden": "true"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "text-sm text-muted"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "sr-only"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LoaderMark",
+  props: {
+    variant: {},
+    size: {},
+    track: { type: Boolean },
+    label: {},
+    spoken: {}
+  },
+  setup(__props) {
+    const SPINNER = { inline: "size-[1em]", sm: "size-3.5", md: "size-5", lg: "size-8" };
+    const DOT = { inline: "size-[0.25em]", sm: "size-1.5", md: "size-2", lg: "size-2.5" };
+    const BAR = { inline: "h-[0.2em]", sm: "h-0.5", md: "h-[3px]", lg: "h-1" };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1, [
+        __props.variant === "bar" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          __props.label ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+          createElementVNode("span", {
+            class: normalizeClass(["lp-loader-bar relative block w-full overflow-hidden rounded-pill bg-current/15", BAR[__props.size]]),
+            "aria-hidden": "true"
+          }, [..._cache[0] || (_cache[0] = [
+            createElementVNode("span", { class: "lp-sweep absolute inset-y-0 left-0 w-2/5 rounded-pill bg-current" }, null, -1)
+          ])], 2)
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          __props.variant === "spinner" ? (openBlock(), createElementBlock("svg", {
+            key: 0,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            class: normalizeClass(["lp-loader-spin shrink-0", SPINNER[__props.size]]),
+            "aria-hidden": "true"
+          }, [
+            __props.track ? (openBlock(), createElementBlock("circle", _hoisted_3)) : createCommentVNode("", true),
+            _cache[1] || (_cache[1] = createElementVNode("path", {
+              d: "M21 12a9 9 0 1 1-6.219-8.56",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round"
+            }, null, -1))
+          ], 2)) : (openBlock(), createElementBlock("span", _hoisted_4, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(3, (i) => {
+              return createElementVNode("span", {
+                key: i,
+                class: normalizeClass(["lp-loader-dot rounded-full bg-current", DOT[__props.size]]),
+                style: normalizeStyle({ animationDelay: `${(i - 1) * 160}ms` })
+              }, null, 6);
+            }), 64))
+          ])),
+          __props.label ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+        ], 64)),
+        !__props.label ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.spoken), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpActionBar-MPKMu3pz.js → LpActionBar-CzOFar5t.js}

@@ -1,9 +1,12 @@
-import { defineComponent, useSlots, computed, ref, watch, onBeforeUnmount, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, renderSlot, toDisplayString, Fragment, renderList, createTextVNode, unref } from "vue";
+import { defineComponent, useSlots, computed, ref, watch, openBlock, createBlock, Teleport, unref, createVNode, Transition, withCtx, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, renderSlot, toDisplayString, Fragment, renderList, createTextVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useBarStack } from "../components/actionBar.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpButton-DNR-YAq5.js";
-import { _ as _sfc_main$1 } from "./LpIcon-6tSrZ3Zy.js";
+import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
+import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$3 } from "./LpLoader-DjJEX8hL.js";
+import { usePortalTarget } from "../composables/useView.js";
+import { useResizeObserver } from "../composables/useResizeObserver.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 1,
@@ -66,7 +69,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       void bars.value;
       return offset();
     });
-    let observer = null;
     watch(
       () => props.open,
       (isOpen) => {
@@ -79,18 +81,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
-    watch(root, (el) => {
-      observer?.disconnect();
-      observer = null;
-      if (!el) return;
-      setHeight(el.getBoundingClientRect().height);
-      if (typeof ResizeObserver === "undefined") return;
-      observer = new ResizeObserver(() => setHeight(el.getBoundingClientRect().height));
-      observer.observe(el);
-    });
-    onBeforeUnmount(() => observer?.disconnect());
+    useResizeObserver(root, (_, el) => setHeight(el.getBoundingClientRect().height), { immediate: true });
+    const portalTo = usePortalTarget();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
+      return openBlock(), createBlock(Teleport, { to: unref(portalTo) }, [
         createVNode(Transition, {
           "enter-active-class": "animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] motion-reduce:animate-none",
           "leave-active-class": "animate-[rise-out_var(--duration-fast)_ease_forwards] motion-reduce:animate-none"
@@ -144,11 +138,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           onClick: ($event) => run(action)
                         }, {
                           default: withCtx(() => [
-                            action.loading ? (openBlock(), createBlock(_sfc_main$1, {
+                            action.loading ? (openBlock(), createBlock(_sfc_main$3, {
                               key: 0,
-                              name: "lucide:loader-circle",
-                              size: 15,
-                              class: "animate-spin"
+                              size: "inline",
+                              delay: 0,
+                              class: "text-[15px]"
                             })) : action.icon ? (openBlock(), createBlock(_sfc_main$1, {
                               key: 1,
                               name: action.icon,
@@ -180,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         })
-      ]);
+      ], 8, ["to"]);
     };
   }
 });

package/dist/chunks/LpActivityLine-CJvzrNpj.js

@@ -0,0 +1,95 @@
+import { defineComponent, ref, watch, onBeforeUnmount, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from "vue";
+import { prefersReducedMotion, durationToken } from "../composables/easing.js";
+import { useLoadingGate } from "../composables/useLoadingGate.js";
+import { useLabels } from "../composables/useLpConfig.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { meterFraction, TONE_COLOR } from "../components/meter.js";
+import '../assets/LpActivityLine-B3EwNQEB.css';const _hoisted_1 = ["aria-label", "aria-hidden", "aria-busy", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+const _hoisted_2 = {
+  key: 0,
+  class: "lp-activity-shimmer absolute inset-0"
+};
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpActivityLine",
+  props: {
+    active: { type: Boolean, default: true },
+    value: { default: null },
+    max: { default: 100 },
+    tone: { default: "brand" },
+    placement: { default: "top" },
+    height: { default: 2 },
+    delay: { default: 150 },
+    labels: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const text = useLabels("activityLine", { busy: "Loading" }, () => props.labels);
+    const gated = useLoadingGate(() => props.active, {
+      delay: () => prefersReducedMotion() ? 0 : props.delay,
+      minVisible: 300
+    });
+    const phase = ref("idle");
+    let doneTimer;
+    watch(
+      gated,
+      (on) => {
+        clearTimeout(doneTimer);
+        if (on) {
+          phase.value = "running";
+          return;
+        }
+        if (phase.value === "idle") return;
+        phase.value = "finishing";
+        const hold = prefersReducedMotion() ? 0 : durationToken("duration-medium") * 3;
+        doneTimer = setTimeout(() => phase.value = "idle", hold);
+      },
+      { immediate: true }
+    );
+    onBeforeUnmount(() => clearTimeout(doneTimer));
+    const determinate = computed(() => props.value != null);
+    const fraction = computed(
+      () => phase.value === "finishing" ? 1 : determinate.value ? meterFraction(props.value, 0, props.max) : 0
+    );
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      () => [
+        "pointer-events-none overflow-hidden",
+        props.placement === "inline" ? "relative block w-full" : "z-[2]",
+        "transition-opacity duration-(--duration-medium) ease-(--ease-emphasized) motion-reduce:transition-none"
+      ].join(" ")
+    );
+    const edge = computed(
+      () => props.placement === "inline" ? {} : { position: "absolute", left: 0, right: 0, [props.placement]: 0 }
+    );
+    const opacity = computed(() => phase.value === "running" ? 1 : 0);
+    const fadeDelay = computed(() => phase.value === "finishing" ? "var(--duration-slow)" : "0ms");
+    return (_ctx, _cache) => {
+      return phase.value !== "idle" || __props.placement === "inline" ? (openBlock(), createElementBlock("span", mergeProps({
+        key: 0,
+        role: "progressbar",
+        "aria-label": unref(text).busy,
+        "aria-hidden": phase.value === "idle" ? "true" : void 0,
+        "aria-busy": phase.value === "running" ? "true" : void 0,
+        "aria-valuenow": determinate.value && phase.value !== "idle" ? __props.value : void 0,
+        "aria-valuemin": determinate.value ? 0 : void 0,
+        "aria-valuemax": determinate.value ? __props.max : void 0,
+        class: unref(rootClass),
+        style: { ...edge.value, height: `${__props.height}px`, opacity: opacity.value, transitionDelay: fadeDelay.value, "--lp-al-color": unref(TONE_COLOR)[__props.tone] }
+      }, unref(rest)), [
+        createElementVNode("span", {
+          class: normalizeClass(["lp-sweep lp-activity-sweep absolute inset-y-0 left-0 w-2/5 rounded-pill transition-opacity duration-(--duration-medium)", determinate.value || phase.value === "finishing" ? "opacity-0" : "opacity-100"])
+        }, null, 2),
+        createElementVNode("span", {
+          class: "absolute inset-0 origin-left rounded-pill transition-transform duration-(--duration-slow) ease-(--ease-emphasized) motion-reduce:transition-none",
+          style: normalizeStyle({ transform: `scaleX(${fraction.value})`, backgroundColor: "var(--lp-al-color)" })
+        }, [
+          determinate.value && phase.value === "running" ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true)
+        ], 4)
+      ], 16, _hoisted_1)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpAddressInput-DG0BTqdH.js → LpAddressInput-CNnLTDZg.js}

@@ -2,13 +2,13 @@ import { defineComponent, defineAsyncComponent, computed, watch, ref, onMounted,
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from "../components/address.js";
 import { flagEmoji, loadCountries } from "../components/countries.js";
-import { _ as _sfc_main$2 } from "./LpAutocomplete-Dgn6hw3p.js";
-import { _ as _sfc_main$3 } from "./LpButton-DNR-YAq5.js";
-import { _ as _sfc_main$1 } from "./LpFormField-DPb47HEm.js";
-import { _ as _sfc_main$4 } from "./LpIcon-6tSrZ3Zy.js";
-import { _ as _sfc_main$5 } from "./LpInput-CUyr6PIE.js";
-import { _ as _sfc_main$7 } from "./LpModal-hk1noDcr.js";
-import { _ as _sfc_main$6 } from "./LpSelect-BCyDYoih.js";
+import { _ as _sfc_main$2 } from "./LpAutocomplete-D92niDHE.js";
+import { _ as _sfc_main$3 } from "./LpButton-CVxBfGjd.js";
+import { _ as _sfc_main$1 } from "./LpFormField-BWwgm1E4.js";
+import { _ as _sfc_main$4 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$5 } from "./LpInput-CDuwODJG.js";
+import { _ as _sfc_main$7 } from "./LpModal-eBMt2Fqn.js";
+import { _ as _sfc_main$6 } from "./LpSelect-B4f_yRi5.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/LpAlert-C5igj802.js

@@ -0,0 +1,119 @@
+import { defineComponent, ref, watch, computed, useSlots, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createVNode, Transition, withCtx, createBlock, normalizeClass, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { tv } from "tailwind-variants";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpLoader-DjJEX8hL.js";
+import { _ as _sfc_main$3 } from "./LpSwap-DzE6M3Mg.js";
+import { slotText } from "../components/slotText.js";
+import { TONES, toneLook } from "../components/tone.js";
+const _hoisted_1 = ["role", "aria-busy"];
+const _hoisted_2 = {
+  class: "relative mt-0.5 grid size-[18px] shrink-0 place-items-center",
+  "aria-hidden": "true"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "font-semibold text-ink"
+};
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpAlert",
+  props: {
+    variant: { default: "info" },
+    title: {},
+    icon: {},
+    live: { type: [String, Boolean], default: void 0 },
+    busy: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const alert = tv({
+      /*
+       * An alert changes while it is read (saving → saved → failed), so the change
+       * shows as one: the tint eases between variants, the icon turns over, and
+       * the message is swapped by LpSwap, its box easing to the new height.
+       */
+      base: "flex gap-3 rounded-card border p-4 text-sm transition-[background-color,border-color,color] duration-(--duration-medium) ease-(--ease-emphasized) motion-reduce:transition-none",
+      variants: {
+        // The tint is the tone's quiet panel (tone.ts); an info alert is a plain
+        // neutral panel whose meaning is carried by its brand-coloured icon alone.
+        variant: {
+          info: `${TONES.neutral.panel} text-ink`,
+          success: `${TONES.success.panel} text-ink`,
+          warning: `${TONES.warning.panel} text-ink`,
+          danger: `${TONES.danger.panel} text-ink`
+        }
+      },
+      defaultVariants: { variant: "info" }
+    });
+    const ICONS = {
+      info: "lucide:info",
+      success: "lucide:circle-check",
+      warning: "lucide:triangle-alert",
+      danger: "lucide:octagon-alert"
+    };
+    const props = __props;
+    const wasBusy = ref(props.busy);
+    watch(() => props.busy, (busy) => {
+      if (busy) wasBusy.value = true;
+    });
+    const role = computed(() => {
+      const live = props.live ?? (props.variant === "danger" ? "assertive" : wasBusy.value ? "polite" : false);
+      return live === "assertive" ? "alert" : live === "polite" ? "status" : void 0;
+    });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(() => alert({ variant: props.variant }));
+    const spinning = computed(() => props.busy && !props.icon);
+    const resolvedIcon = computed(() => props.icon ?? ICONS[props.variant ?? "info"]);
+    const iconTone = computed(() => toneLook(props.variant ?? "info").text);
+    const slots = useSlots();
+    const messageKey = () => [props.variant, props.title ?? "", slotText(slots.default) ?? ""].join("\0");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(rootClass),
+        role: role.value,
+        "aria-busy": __props.busy || void 0
+      }, unref(rest)), [
+        createElementVNode("span", _hoisted_2, [
+          createVNode(Transition, {
+            "enter-from-class": "scale-50 opacity-0",
+            "leave-to-class": "scale-50 opacity-0",
+            "enter-active-class": "transition-[scale,opacity] duration-(--duration-medium) ease-(--ease-emphasized) motion-reduce:transition-none",
+            "leave-active-class": "absolute transition-[scale,opacity] duration-(--duration-fast) ease-out motion-reduce:transition-none"
+          }, {
+            default: withCtx(() => [
+              spinning.value ? (openBlock(), createBlock(_sfc_main$1, {
+                key: "busy",
+                size: "inline",
+                delay: 0,
+                class: normalizeClass(["text-[18px] transition-colors duration-(--duration-medium)", iconTone.value])
+              }, null, 8, ["class"])) : (openBlock(), createBlock(_sfc_main$2, {
+                key: resolvedIcon.value,
+                name: resolvedIcon.value,
+                size: 18,
+                class: normalizeClass([iconTone.value, "transition-colors duration-(--duration-medium)", __props.busy ? "animate-spin motion-reduce:animate-none" : ""])
+              }, null, 8, ["name", "class"]))
+            ]),
+            _: 1
+          })
+        ]),
+        createVNode(_sfc_main$3, {
+          "swap-key": messageKey(),
+          class: "min-w-0 flex-1"
+        }, {
+          default: withCtx(() => [
+            __props.title ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(["text-muted-strong", __props.title ? "mt-0.5" : ""])
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["swap-key"])
+      ], 16, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpAppShell-DPh1756q.js → LpAppShell-CEUAB8kK.js}

@@ -1,10 +1,10 @@
-import { defineComponent, computed, ref, useId, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, toDisplayString, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, createBlock } from "vue";
+import { defineComponent, computed, useModel, ref, useId, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, toDisplayString, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, createBlock, mergeModels } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-DNR-YAq5.js";
-import { _ as _sfc_main$3 } from "./LpIcon-6tSrZ3Zy.js";
+import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
+import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-DfIiS-lB.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-D-M0Y_7U.js";
 import { useMergedAttrs, mergeClass } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
@@ -18,7 +18,7 @@ const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpAppShell",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     items: {},
     sections: {},
     collapsed: {},
@@ -27,15 +27,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     path: {},
     isActive: {},
     title: {},
-    open: { type: Boolean },
     mobileBreakpoint: { default: "lg" },
     divider: { type: Boolean, default: true },
     contentClass: { default: "mx-auto w-full max-w-6xl" },
     fullBleed: { type: Boolean },
     loading: { type: Boolean },
     labels: {}
-  },
-  emits: ["update:modelValue", "update:open", "update:collapsed", "select"],
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "update:collapsed", "select"], ["update:open"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -60,10 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const match = [...flatItems.value].sort((a, b) => b.id.length - a.id.length).find((item) => test(item));
       return match?.label ?? "";
     });
-    const drawerOpen = computed({
-      get: () => props.open ?? false,
-      set: (v) => emit("update:open", v)
-    });
+    const drawerOpen = useModel(__props, "open");
     const text = useLabels(
       "appShell",
       { openMenu: "Open menu", skipToContent: "Skip to content" },
@@ -77,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.path,
       () => {
-        if (drawerOpen.value) emit("update:open", false);
+        if (drawerOpen.value) drawerOpen.value = false;
         scrollArea.value?.viewportEl?.scrollTo({ top: 0, left: 0, behavior: "instant" });
       }
     );
@@ -94,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       xl: "xl:hidden"
     };
     const burgerClass = computed(() => burgerHidden[props.mobileBreakpoint]);
-    const _openDrawer = () => emit("update:open", true);
+    const _openDrawer = () => drawerOpen.value = true;
     __expose({ openDrawer: _openDrawer });
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "flex h-dvh overflow-hidden bg-surface text-ink"
@@ -121,7 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "auto-collapse-after": __props.autoCollapseAfter,
           class: "shrink-0",
           "onUpdate:modelValue": onModel,
-          "onUpdate:open": _cache[0] || (_cache[0] = (v) => emit("update:open", v)),
+          "onUpdate:open": _cache[0] || (_cache[0] = (v) => drawerOpen.value = v),
           "onUpdate:collapsed": _cache[1] || (_cache[1] = (v) => emit("update:collapsed", v)),
           onSelect
         }, createSlots({ _: 2 }, [
@@ -162,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "sm",
               square: "",
               "aria-label": unref(text).openMenu,
-              onClick: _cache[2] || (_cache[2] = ($event) => emit("update:open", true))
+              onClick: _cache[2] || (_cache[2] = ($event) => drawerOpen.value = true)
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$3, {