@leavepulse/ui 0.43.4 → 0.45.0

package/dist/chunks/LpTextarea-uuScWo6-.js

@@ -0,0 +1,77 @@
+import { defineComponent, computed, useAttrs, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, unref, normalizeClass, withCtx, createElementVNode, mergeProps } from "vue";
+import { useFieldControl } from "../composables/useField.js";
+import { mergeClass } from "../composables/useMergedClass.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CtVYj6tO.js";
+const _hoisted_1 = ["id", "value", "placeholder", "rows", "disabled", "required", "aria-invalid", "aria-describedby"];
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpTextarea",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    rows: {},
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const hasField = computed(() => !!props.label || !!props.hint || !!props.error);
+    const attrs = useAttrs();
+    const textareaAttrs = computed(() => {
+      const { class: _c, style: _s, ...rest } = attrs;
+      return rest;
+    });
+    const field = useFieldControl(() => ({
+      wrapped: hasField.value,
+      hasMessage: !!props.error || !!props.hint,
+      id: typeof attrs.id === "string" ? attrs.id : void 0,
+      invalid: props.invalid || !!props.error,
+      required: props.required,
+      disabled: props.disabled
+    }));
+    const textareaClass = computed(
+      () => mergeClass(
+        "w-full resize-y rounded-control border bg-surface-soft px-3 py-2 text-sm text-ink outline-none transition-colors duration-[var(--duration-fast)] placeholder:text-muted focus:border-brand focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-55",
+        field.value.invalid ? "border-danger focus:border-danger focus:ring-danger-soft" : "border-line",
+        hasField.value ? "" : attrs.class
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(hasField.value ? _sfc_main$1 : "div"), {
+        id: hasField.value ? unref(field).id : void 0,
+        label: hasField.value ? __props.label : void 0,
+        hint: hasField.value ? __props.hint : void 0,
+        error: hasField.value ? __props.error : void 0,
+        required: hasField.value ? __props.required : void 0,
+        class: normalizeClass(hasField.value ? unref(attrs).class : "contents"),
+        style: normalizeStyle(hasField.value ? unref(attrs).style : void 0)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("textarea", mergeProps(textareaAttrs.value, {
+            id: unref(field).id,
+            value: __props.modelValue,
+            placeholder: __props.placeholder,
+            rows: __props.rows ?? 4,
+            disabled: unref(field).disabled,
+            required: unref(field).required || void 0,
+            "aria-invalid": unref(field).invalid || void 0,
+            "aria-describedby": unref(field).describedBy,
+            class: textareaClass.value,
+            style: hasField.value ? void 0 : unref(attrs).style,
+            onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+          }), null, 16, _hoisted_1)
+        ]),
+        _: 1
+      }, 8, ["id", "label", "hint", "error", "required", "class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpThemeProvider-Be4r2TQX.js

@@ -0,0 +1,35 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot } from "vue";
+import { t as themeEntries } from "./useTheme-DJm1JSsY.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpThemeProvider",
+  props: {
+    theme: {},
+    as: { default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { class: rootClass, attrs: rest } = useMergedAttrs("bg-surface text-ink");
+    const style = computed(() => ({
+      ...Object.fromEntries(themeEntries(props.theme)),
+      colorScheme: props.theme.mode
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
+        style: style.value,
+        "data-theme-mode": __props.theme.mode,
+        class: unref(rootClass)
+      }, unref(rest)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["style", "data-theme-mode", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpThemeSwitcher-B4aVPbNC.js

@@ -0,0 +1,166 @@
+import { defineComponent, computed, onMounted, ref, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, toDisplayString, createCommentVNode } from "vue";
+import { useLabels } from "../composables/useLpConfig.js";
+import { u as useTheme, p as presets } from "./useTheme-DJm1JSsY.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+const _hoisted_1 = ["aria-label", "title"];
+const _hoisted_2 = {
+  key: 1,
+  class: "grid shrink-0 place-items-center"
+};
+const _hoisted_3 = {
+  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": {},
+    system: {},
+    labels: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const theme = useTheme();
+    const text = useLabels(
+      "themeSwitcher",
+      { trigger: "Theme: {name}. Click to switch, right-click to choose.", system: "System" },
+      () => props.labels
+    );
+    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 || "")
+    );
+    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 HEIGHTS = { sm: "h-7", md: "h-8", lg: "h-9" };
+    const ICON_SIZE = { sm: 15, md: 16, lg: 18 };
+    const CHIP = { sm: "size-3.5", md: "size-4", lg: "size-[18px]" };
+    const wantsLabel = computed(() => props.showLabel || props.variant === "pill");
+    function applyTheme(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) applyTheme(next, ev);
+    }
+    function resolve(t) {
+      return typeof t === "string" ? list.value.find((x) => x.name === t) : t;
+    }
+    const systemPair = computed(() => {
+      if (!props.system) return null;
+      const light = resolve(props.system.light);
+      const dark = resolve(props.system.dark);
+      return light && dark ? { light, dark } : null;
+    });
+    function followSystem() {
+      const pair = systemPair.value;
+      if (!pair) return;
+      theme.setSystem(pair);
+      const next = theme.current.value;
+      if (next) {
+        emit("update:modelValue", next.name);
+        emit("change", next);
+      }
+    }
+    const menu = computed(() => {
+      const following = theme.system.value;
+      const items = list.value.map((t) => ({
+        label: t.name,
+        icon: !following && t.name === activeName.value ? "lucide:check" : t.mode === "dark" ? "lucide:moon" : "lucide:sun",
+        onSelect: () => applyTheme(t)
+      }));
+      if (systemPair.value) {
+        items.unshift({
+          label: text.value.system,
+          icon: following ? "lucide:check" : "lucide:monitor",
+          onSelect: followSystem
+        });
+      }
+      return items;
+    });
+    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"] ?? text.value.trigger.replace("{name}", labelName.value)
+    );
+    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 shrink-0 items-center justify-center gap-2 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring",
+              wantsLabel.value ? [
+                HEIGHTS[__props.size],
+                "rounded-full border border-line bg-surface-raised pl-2 pr-3 text-ink hover:border-line-strong hover:bg-surface-soft"
+              ] : [SIZES[__props.size], "rounded-control text-muted hover:bg-surface-soft hover:text-ink"]
+            ]),
+            onClick: cycle
+          }, [
+            __props.variant !== "icon" ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(["shrink-0 rounded-full shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--color-ink)_22%,transparent)]", CHIP[__props.size]]),
+              style: { "background": "linear-gradient(135deg, var(--color-surface) 50%, var(--color-brand) 50%)" }
+            }, null, 2)) : (openBlock(), createElementBlock("span", _hoisted_2, [
+              createVNode(_sfc_main$2, {
+                name: "lucide:moon",
+                size: ICON_SIZE[__props.size],
+                class: "in-data-[theme-mode=light]:hidden"
+              }, null, 8, ["size"]),
+              createVNode(_sfc_main$2, {
+                name: "lucide:sun",
+                size: ICON_SIZE[__props.size],
+                class: "hidden in-data-[theme-mode=light]:block"
+              }, null, 8, ["size"])
+            ])),
+            wantsLabel.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(labelName.value), 1)) : createCommentVNode("", true)
+          ], 10, _hoisted_1)
+        ]),
+        _: 1
+      }, 8, ["items"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTilt-DuyKbpkA.js → LpTilt-B7KHX1zH.js}

@@ -11,12 +11,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const tilt = useTilt({
+    const tilt = useTilt(() => ({
       max: props.max,
       lift: props.lift,
       scale: props.scale,
       glare: props.glare
-    });
+    }));
     const stageStyle = computed(() => ({ perspective: `${props.perspective}px` }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

package/dist/chunks/{LpTimeField-K6nAGboX.js → LpTimeField-Cqe7fXnh.js}

@@ -1,7 +1,8 @@
 import { defineComponent, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { Time } from "@internationalized/date";
 import { TimeFieldRoot, TimeFieldInput } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { useFieldControl } from "../composables/useField.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTimeField",
   props: {
@@ -29,6 +30,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const pad = (n) => String(n).padStart(2, "0");
       emit("update:modelValue", `${pad(next.hour)}:${pad(next.minute)}`);
     }
+    const field = useFieldControl(() => ({
+      wrapped: false,
+      invalid: props.invalid,
+      disabled: props.disabled
+    }));
     const shellSize = {
       sm: "h-(--size-control-sm) text-xs",
       md: "h-(--size-control-md) text-sm",
@@ -40,10 +46,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "hour-cycle": __props.hourCycle,
         locale: __props.locale,
         granularity: "minute",
-        disabled: __props.disabled,
+        disabled: unref(field).disabled,
+        "aria-invalid": unref(field).invalid || void 0,
+        "aria-describedby": unref(field).describedBy,
         class: normalizeClass(["flex w-full items-center gap-0.5 rounded-control border bg-surface-soft px-3 text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-55", [
           shellSize[__props.size],
-          __props.invalid ? "border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand"
+          unref(field).invalid ? "border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand"
         ]]),
         "onUpdate:modelValue": onUpdate
       }, {
@@ -54,10 +62,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             size: 15,
             class: "mr-1.5 shrink-0 text-muted"
           })) : createCommentVNode("", true),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(segments, (item) => {
-            return openBlock(), createElementBlock(Fragment, {
-              key: item.part
-            }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(segments, (item, i) => {
+            return openBlock(), createElementBlock(Fragment, { key: i }, [
               item.part === "literal" ? (openBlock(), createBlock(unref(TimeFieldInput), {
                 key: 0,
                 part: item.part,
@@ -81,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 8, ["model-value", "hour-cycle", "locale", "disabled", "class"]);
+      }, 8, ["model-value", "hour-cycle", "locale", "disabled", "aria-invalid", "aria-describedby", "class"]);
     };
   }
 });

package/dist/chunks/{LpToaster-gDB1EaU3.js → LpToaster-DpJvoCOh.js}

@@ -1,31 +1,70 @@
-import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode, createTextVNode, toDisplayString, createCommentVNode, withModifiers, normalizeStyle, Teleport } from "vue";
+import { defineComponent, useId, onMounted, nextTick, onBeforeUnmount, ref, watch, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode, createTextVNode, toDisplayString, createCommentVNode, withModifiers, normalizeStyle, Teleport } from "vue";
 import { ToastProvider, ToastRoot, ToastTitle, ToastDescription, ToastViewport } from "reka-ui";
+import { prefersReducedMotion } from "../composables/easing.js";
+import { useLabels } from "../composables/useLpConfig.js";
 import { useToast } from "../composables/useToast.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = { class: "flex items-start gap-3 p-3.5" };
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = ["onClick"];
+const _hoisted_3 = ["disabled", "aria-busy", "onClick"];
+const _hoisted_4 = ["aria-label", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpToaster",
+  props: {
+    labels: {}
+  },
   setup(__props) {
+    const props = __props;
+    const text = useLabels("toast", { dismiss: "Dismiss" }, () => props.labels);
     const { queue, dismiss } = useToast();
+    let observer;
+    const tops = /* @__PURE__ */ new WeakMap();
+    function toastsIn(root) {
+      return [...root.querySelectorAll("li[data-state]")];
+    }
+    function slide(root) {
+      const reduce = prefersReducedMotion();
+      const height = root.offsetHeight;
+      for (const el of toastsIn(root)) {
+        const before = tops.get(el);
+        const now2 = el.offsetTop - height;
+        tops.set(el, now2);
+        if (before === void 0 || before === now2 || reduce || el.hasAttribute("data-swipe")) continue;
+        el.animate([{ translate: `0 ${before - now2}px` }, { translate: "0 0" }], {
+          duration: 220,
+          easing: "cubic-bezier(0.2, 0, 0, 1)"
+        });
+      }
+    }
+    const viewportId = useId();
+    onMounted(
+      () => nextTick(() => {
+        const root = document.querySelector(`[data-lp-toasts="${viewportId}"]`);
+        if (!root || typeof MutationObserver === "undefined") return;
+        for (const el of toastsIn(root)) tops.set(el, el.offsetTop - root.offsetHeight);
+        observer = new MutationObserver(() => slide(root));
+        observer.observe(root, { childList: true, subtree: true });
+      })
+    );
+    onBeforeUnmount(() => observer?.disconnect());
+    const tag = (t) => `${t.id}:${t.rev}`;
     const closing = ref(/* @__PURE__ */ new Set());
-    function beginClose(id) {
-      if (closing.value.has(id)) return;
-      closing.value = new Set(closing.value).add(id);
-      window.setTimeout(() => finishClose(id), 220);
+    function beginClose(t) {
+      const at = tag(t);
+      if (closing.value.has(at)) return;
+      closing.value = new Set(closing.value).add(at);
+      window.setTimeout(() => finishClose(t.id, at), 220);
     }
-    function finishClose(id) {
-      if (!closing.value.has(id)) return;
+    function finishClose(id, at) {
+      if (!closing.value.has(at)) return;
       const next = new Set(closing.value);
-      next.delete(id);
+      next.delete(at);
       closing.value = next;
-      dismiss(id);
+      if (queue.some((t) => tag(t) === at)) dismiss(id);
     }
-    function onAnimEnd(e, id) {
-      if (e.animationName === "toast-out") finishClose(id);
+    function onAnimEnd(e, t) {
+      if (e.animationName === "toast-out") finishClose(t.id, tag(t));
     }
     const variantIcon = {
       info: "lucide:info",
@@ -64,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           if (!queue.some((t) => t.id === id)) pausedAt.delete(id);
         }
         if (closing.value.size) {
-          const live = new Set([...closing.value].filter((id) => queue.some((t) => t.id === id)));
+          const live = new Set([...closing.value].filter((at) => queue.some((t) => tag(t) === at)));
           if (live.size !== closing.value.size) closing.value = live;
         }
         if (queue.some((t) => t.dismissAt !== null)) startTimer();
@@ -89,27 +128,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const remaining = t.dismissAt - at;
       return Math.max(0, Math.min(100, remaining / t.duration * 100));
     }
-    async function runClick(t) {
-      if (t.onClick) {
-        await t.onClick();
-        beginClose(t.id);
+    let swiped = null;
+    function onSwipeDone(t) {
+      swiped = tag(t);
+      window.setTimeout(() => swiped = null, 0);
+    }
+    const busy = ref(/* @__PURE__ */ new Set());
+    async function settle(t, run) {
+      const at = tag(t);
+      if (busy.value.has(at)) return;
+      busy.value = new Set(busy.value).add(at);
+      try {
+        await run();
+        beginClose(t);
+      } finally {
+        const next = new Set(busy.value);
+        next.delete(at);
+        busy.value = next;
       }
     }
-    async function runAction(t, action) {
-      await action.onClick();
-      beginClose(t.id);
+    function runClick(t) {
+      if (swiped === tag(t)) return;
+      if (t.onClick) return settle(t, t.onClick);
+    }
+    function runAction(t, action) {
+      return settle(t, action.onClick);
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ToastProvider), null, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(queue), (t) => {
             return openBlock(), createBlock(unref(ToastRoot), {
-              key: t.id,
-              open: !closing.value.has(t.id),
+              key: tag(t),
+              open: !closing.value.has(tag(t)),
               duration: t.duration,
+              type: t.variant === "error" || t.variant === "warning" ? "foreground" : "background",
               class: normalizeClass(["pointer-events-auto relative overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel data-[state=open]:animate-[toast-in_200ms_var(--ease-emphasized)] data-[state=closed]:animate-[toast-out_140ms_ease]", { "cursor-pointer": t.onClick }]),
-              "onUpdate:open": (open) => !open && beginClose(t.id),
-              onAnimationend: (e) => onAnimEnd(e, t.id),
+              "onUpdate:open": (open) => !open && beginClose(t),
+              onAnimationend: (e) => onAnimEnd(e, t),
+              onSwipeEnd: ($event) => onSwipeDone(t),
+              onSwipeCancel: ($event) => onSwipeDone(t),
               onPause: ($event) => onPause(t),
               onResume: ($event) => onResume(t),
               onClick: ($event) => runClick(t)
@@ -147,7 +205,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         return openBlock(), createElementBlock("button", {
                           key: i,
                           type: "button",
-                          class: "inline-flex items-center gap-1.5 rounded-control border border-line bg-surface-soft px-2.5 py-1 text-xs font-medium text-ink outline-none transition-[border-color,background-color,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] hover:border-line-strong hover:bg-surface-soft/70 active:scale-95 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring",
+                          disabled: busy.value.has(tag(t)),
+                          "aria-busy": busy.value.has(tag(t)) || void 0,
+                          class: "inline-flex items-center gap-1.5 rounded-control disabled:opacity-60 border border-line bg-surface-soft px-2.5 py-1 text-xs font-medium text-ink outline-none transition-[border-color,background-color,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] hover:border-line-strong hover:bg-surface-soft/70 active:scale-95 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring",
                           onClick: ($event) => runAction(t, action)
                         }, [
                           action.icon ? (openBlock(), createBlock(_sfc_main$1, {
@@ -163,8 +223,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("button", {
                     type: "button",
                     class: "group -mr-1 -mt-1 rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink",
-                    "aria-label": "Dismiss",
-                    onClick: withModifiers(($event) => beginClose(t.id), ["stop"])
+                    "aria-label": unref(text).dismiss,
+                    onClick: withModifiers(($event) => beginClose(t), ["stop"])
                   }, [
                     createVNode(_sfc_main$1, {
                       name: "lucide:x",
@@ -180,10 +240,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 6)) : createCommentVNode("", true)
               ]),
               _: 2
-            }, 1032, ["open", "duration", "class", "onUpdate:open", "onAnimationend", "onPause", "onResume", "onClick"]);
+            }, 1032, ["open", "duration", "type", "class", "onUpdate:open", "onAnimationend", "onSwipeEnd", "onSwipeCancel", "onPause", "onResume", "onClick"]);
           }), 128)),
           (openBlock(), createBlock(Teleport, { to: "body" }, [
-            createVNode(unref(ToastViewport), { class: "fixed bottom-0 right-0 z-(--z-toast) flex w-[min(92vw,22rem)] flex-col gap-2 p-4 outline-none" })
+            createVNode(unref(ToastViewport), {
+              "data-lp-toasts": unref(viewportId),
+              class: "fixed bottom-0 right-0 z-(--z-toast) flex w-[min(92vw,22rem)] flex-col gap-2 p-4 outline-none"
+            }, null, 8, ["data-lp-toasts"])
           ]))
         ]),
         _: 1

package/dist/chunks/{LpTooltip-hCLPAqMG.js → LpTooltip-CXVKcOXT.js}

@@ -1,5 +1,5 @@
-import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeStyle, normalizeClass, createTextVNode, toDisplayString } from "vue";
-import { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent } from "reka-ui";
+import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, renderSlot, normalizeStyle, normalizeClass, createTextVNode, toDisplayString } from "vue";
+import { injectTooltipProviderContext, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent } from "reka-ui";
 import { springStep, springSettled } from "../composables/usePillTransition.js";
 import { PANEL_SURFACE, TOOLTIP_ANIM } from "../components/dropdown.js";
 import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -9,13 +9,16 @@ import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defi
     sideOffset: {},
     side: { default: "top" },
     label: { type: Boolean },
-    delay: { default: 200 },
+    delay: {},
     showOnPointerFocus: { type: Boolean },
     followCursor: { type: Boolean },
     disabled: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
+    const shared = injectTooltipProviderContext(null);
+    const PassThrough = (_, { slots }) => slots.default?.();
+    const reducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
     const target = { x: 0, y: 0 };
     const offset = ref({ x: 0, y: 0 });
     let sx = { value: 0, velocity: 0 };
@@ -49,6 +52,10 @@ import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defi
       const half = props.side === "top" || props.side === "bottom" ? rect.height / 2 : 0;
       const dir = props.side === "bottom" ? -1 : 1;
       target.y = e.clientY - (rect.top + rect.height / 2) + half * dir;
+      if (reducedMotion()) {
+        offset.value = { x: target.x, y: target.y };
+        return;
+      }
       if (!frame) frame = requestAnimationFrame(settle);
     };
     const open = ref(false);
@@ -73,10 +80,11 @@ import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defi
       if (frame) cancelAnimationFrame(frame);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TooltipProvider), { "delay-duration": __props.delay }, {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(shared) ? PassThrough : unref(TooltipProvider)), normalizeProps(guardReactiveProps(unref(shared) ? {} : { delayDuration: __props.delay ?? 200 })), {
         default: withCtx(() => [
           createVNode(unref(TooltipRoot), {
             open: open.value,
+            "delay-duration": __props.delay,
             "ignore-non-keyboard-focus": !__props.showOnPointerFocus,
             "disable-hoverable-content": __props.followCursor,
             "disable-closing-trigger": __props.followCursor,
@@ -119,10 +127,10 @@ import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defi
               })
             ]),
             _: 3
-          }, 8, ["open", "ignore-non-keyboard-focus", "disable-hoverable-content", "disable-closing-trigger"])
+          }, 8, ["open", "delay-duration", "ignore-non-keyboard-focus", "disable-hoverable-content", "disable-closing-trigger"])
         ]),
         _: 3
-      }, 8, ["delay-duration"]);
+      }, 16);
     };
   }
 });

package/dist/chunks/LpTooltipProvider-CftjV7Xc.js

@@ -0,0 +1,25 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from "vue";
+import { TooltipProvider } from "reka-ui";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpTooltipProvider",
+  props: {
+    delay: { default: 200 },
+    skipDelay: { default: 300 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TooltipProvider), {
+        "delay-duration": __props.delay,
+        "skip-delay-duration": __props.skipDelay
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["delay-duration", "skip-delay-duration"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};