@leavepulse/ui 0.87.1 → 0.88.0

package/dist/chunks/{LpSecretField-Au7ZQTtm.js → LpSecretField-BwrZ4TfT.js}

@@ -7,13 +7,13 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useFieldControl } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$5 } from "./FieldWrapper-CVTPnpoG.js";
-import { _ as _sfc_main$3 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-CxX682t4.js";
+import { _ as _sfc_main$3 } from "./LpButton-BvVoF-PO.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-BGzw95Xc.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$1 } from "./LpPasswordInput-W9AZfzaL.js";
+import { _ as _sfc_main$1 } from "./LpPasswordInput-LPVI7D3v.js";
 import { _ as _sfc_main$6 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$8 } from "./LpTooltip-Bz_rrq5S.js";
-import { _ as _sfc_main$7 } from "./RevealToggle-Bl1NcfxB.js";
+import { _ as _sfc_main$8 } from "./LpTooltip-BKde8Xjv.js";
+import { _ as _sfc_main$7 } from "./RevealToggle-BsYxY6Oz.js";
 const _hoisted_1 = ["id", "aria-label"];
 const _hoisted_2 = {
   key: "empty",

package/dist/chunks/{LpSection-RKCwB0xN.js → LpSection-CwsfNR7N.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { tv } from "tailwind-variants";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
-const _hoisted_1 = { class: "min-w-0 flex-1 break-words" };
+const _hoisted_1 = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" };
 const _hoisted_2 = { class: "flex flex-wrap items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpSection",

package/dist/chunks/{LpSegmented-DD8MPj4j.js → LpSegmented-DzFYP0ZF.js}

@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   value: opt.value,
                   disabled: opt.disabled,
                   "aria-label": opt.ariaLabel ?? (opt.label ? void 0 : opt.value),
-                  class: normalizeClass(["relative inline-flex h-full items-center justify-center gap-1.5 rounded-inner font-medium outline-none transition-colors duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] focus-visible:ring-2 focus-visible:ring-ring data-[state=on]:text-ink data-[state=off]:text-muted data-[state=off]:hover:text-ink disabled:cursor-not-allowed disabled:opacity-55", [__props.block ? "flex-1" : "", __props.size === "lg" ? "px-4" : "px-3", hovered.value === opt.value ? "text-ink" : ""]]),
+                  class: normalizeClass(["lp-tap relative inline-flex h-full items-center justify-center gap-1.5 rounded-inner font-medium outline-none transition-colors duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] focus-visible:ring-2 focus-visible:ring-ring data-[state=on]:text-ink data-[state=off]:text-muted data-[state=off]:hover:text-ink disabled:cursor-not-allowed disabled:opacity-55", [__props.block ? "flex-1" : "", __props.size === "lg" ? "px-4" : "px-3", hovered.value === opt.value ? "text-ink" : ""]]),
                   onPointerenter: ($event) => onEnter(opt),
                   onPointerup: releaseFocusAfterPointer
                 }, {

package/dist/chunks/{LpSelect-BeXz1TWh.js → LpSelect-Dffg5r4I.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, useAttrs, useId, reactive, watch, nextTick, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps, normalizeClass, createElementVNode, toDisplayString, createElementBlock, TransitionGroup, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode, normalizeStyle } from "vue";
-import { _ as _sfc_main$4 } from "./IconCloseButton-CmWOJAXG.js";
+import { _ as _sfc_main$4 } from "./IconCloseButton-C_V7qngw.js";
 import { CONTROL_SIZE } from "../components/controlSize.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem, ComboboxItemIndicator } from "reka-ui";
@@ -7,7 +7,7 @@ import { _ as _sfc_main$1 } from "./FieldWrapper-CVTPnpoG.js";
 import { useOwnField, useFieldBlur, mergeDescribedBy } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
+import { POPOVER_PANEL, COMBOBOX_FIT, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$5 } from "./OptionContent-DZb5eKRV.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
@@ -446,7 +446,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onEscapeKeyDown: unref(guardOutside),
                     position: "popper",
                     "side-offset": 6,
-                    class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-(--reka-combobox-trigger-width) overflow-hidden"])
+                    class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) w-(--reka-combobox-trigger-width) overflow-hidden", unref(COMBOBOX_FIT)])
                   }, {
                     default: withCtx(() => [
                       __props.searchable || serverSide.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
@@ -455,10 +455,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
                           placeholder: searchPlaceholderText.value,
                           "aria-label": unref(labels).searchLabel,
-                          class: "h-(--size-control-sm) w-full rounded-md border border-line bg-surface-soft px-2.5 text-sm text-ink outline-none placeholder:text-muted focus:border-brand"
+                          class: "lp-entry h-(--size-control-sm) w-full rounded-md border border-line bg-surface-soft px-2.5 text-sm text-ink outline-none placeholder:text-muted focus:border-brand"
                         }, null, 8, ["modelValue", "placeholder", "aria-label"])
                       ])) : createCommentVNode("", true),
-                      createVNode(unref(ComboboxViewport), { class: "max-h-56 overflow-y-auto p-1" }, {
+                      createVNode(unref(ComboboxViewport), { class: "max-h-56 min-h-0 flex-1 overflow-y-auto p-1" }, {
                         default: withCtx(() => [
                           __props.loading ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(loadingLabel.value), 1)) : (openBlock(), createBlock(unref(ComboboxEmpty), {
                             key: 1,

package/dist/chunks/{LpSidebar-DUFlf6Uu.js → LpSidebar-DQtCYlT4.js}

@@ -4,11 +4,11 @@ import { useHotkeys, parseCombo } from "../composables/useHotkeys.js";
 import { startPointerDrag } from "../composables/pointerDrag.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$5 } from "./LpDrawer-C97k-3L2.js";
+import { _ as _sfc_main$5 } from "./LpDrawer-iRHwJOGn.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$3 } from "./LpInput-BU5IsOlE.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
-import { _ as _sfc_main$4 } from "./LpSidebarNav-C34YEZIR.js";
+import { _ as _sfc_main$3 } from "./LpInput-DGMpxrcg.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";
+import { _ as _sfc_main$4 } from "./LpSidebarNav-CFcI7--7.js";
 const _hoisted_1 = ["data-compact", "aria-label"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpSidebarNav-C34YEZIR.js → LpSidebarNav-CFcI7--7.js}

@@ -10,7 +10,7 @@ import '../assets/MenuShortcut-Cyub0frr.css';import '../assets/LpKeys-5ijsXX-M.c
 /* empty css                      */
 import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-leTl53V9.js";
-import { _ as _sfc_main$3 } from "./LpSidebarRow-BeEGgsZi.js";
+import { _ as _sfc_main$3 } from "./LpSidebarRow-C5jXpcRL.js";
 import { waiting } from "../components/sidebar.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {

package/dist/chunks/{LpSidebarRow-BeEGgsZi.js → LpSidebarRow-C5jXpcRL.js}

@@ -5,8 +5,8 @@ import { useLocale } from "../composables/useLocale.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useLinkComponent } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpBadge-Bh5roBr_.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-DYpDm6iI.js";
-import { _ as _sfc_main$1 } from "./LpHoverCard-CHE9jAJG.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$1 } from "./LpHoverCard-DYguY2AP.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
 import LpKeys from "../components/LpKeys.vue.js";
 import { _ as _sfc_main$5 } from "./LpNumberFlow-Vqj0tP7B.js";

package/dist/chunks/{LpSlider-BCy5rjwK.js → LpSlider-DUd4gXnw.js}

@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const { field, wrapper, ownAttrs } = useOwnField(() => ({ error: props.error, disabled: props.disabled }));
     const { class: rootClass, attrs: rest } = useMergedAttrs(
-      `relative flex h-5 w-full touch-none select-none items-center data-[disabled]:opacity-55 ${SLIDER_GLIDE}`,
+      `lp-tap relative flex h-5 w-full touch-none select-none items-center data-[disabled]:opacity-55 ${SLIDER_GLIDE}`,
       () => ownAttrs()
     );
     const { dragging, onPointerDown } = useSliderDrag();

package/dist/chunks/{LpStat-eVz7iUfD.js → LpStat-SyVb5JXm.js}

@@ -7,7 +7,7 @@ import { useFitScale } from "../composables/useFitScale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { TONES, toneOf } from "../components/tone.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
-const _hoisted_2 = { class: "text-[11px] font-semibold uppercase tracking-[0.08em] text-muted" };
+const _hoisted_2 = { class: "min-w-0 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted [overflow-wrap:anywhere]" };
 const _hoisted_3 = { key: 1 };
 const _hoisted_4 = ["title"];
 const _hoisted_5 = { key: "loading" };

package/dist/chunks/{LpSwitch-D7hmVsif.js → LpSwitch-D-mcaA6C.js}

@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { pending, set } = useOptimisticToggle(() => props.action, emit);
     const slots = useSlots();
     const labelled = computed(() => Boolean(props.label || props.description || slots.default));
-    const TRACK = "group/switch inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55";
+    const TRACK = "lp-tap group/switch inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55";
     const THUMB = "h-3.5 w-3.5 rounded-full bg-ink shadow transition-[translate,width,background-color] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active/switch:w-5 group-data-[state=checked]/switch:translate-x-4 group-data-[state=checked]/switch:bg-ink-inverse group-data-[state=checked]/switch:group-active/switch:translate-x-2.5 motion-reduce:group-active/switch:w-3.5";
     const { class: rootClass, attrs: rest } = useMergedAttrs(() => {
       if (!labelled.value) return TRACK;

package/dist/chunks/{LpTableFilter-BGFNKyUX.js → LpTableFilter-CILHffC1.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, Fragment, unref, normalizeClass, toDisplayString, createVNode, withCtx, renderList } from "vue";
-import { _ as _sfc_main$3 } from "./LpCheckbox-P7tEw8GO.js";
-import { _ as _sfc_main$1 } from "./LpInput-BU5IsOlE.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-C9VnPIQf.js";
+import { _ as _sfc_main$1 } from "./LpInput-DGMpxrcg.js";
 import { _ as _sfc_main$2 } from "./LpShift-DAgS_d2x.js";
 import { usePaintSelect } from "../composables/usePaintSelect.js";
 import { matchesQuery, onlyValues, unhideValues, hideAllValues, invertHidden } from "../components/tableFilter.js";
@@ -140,7 +140,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   option.count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(option.count), 1)) : createCommentVNode("", true),
                   createElementVNode("button", {
                     type: "button",
-                    class: "rounded-control px-1.5 py-0.5 text-xs font-medium text-brand opacity-0 outline-none transition-opacity duration-fast group-hover/opt:opacity-100 hover:bg-brand-soft focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-ring",
+                    class: "rounded-control px-1.5 py-0.5 text-xs font-medium text-brand opacity-0 outline-none transition-opacity duration-fast group-hover/opt:opacity-100 [@media(hover:none)]:opacity-100 hover:bg-brand-soft focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-ring",
                     onClick: ($event) => set(unref(onlyValues)(values.value, [option.value]))
                   }, toDisplayString(__props.labels.only), 9, _hoisted_10)
                 ], 8, _hoisted_7);

package/dist/chunks/{LpTagsInput-D9uOSlvf.js → LpTagsInput-DD8-xe3F.js}

@@ -395,7 +395,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "aria-expanded": __props.options ? listOpen.value : void 0,
                   "aria-controls": __props.options ? listId : void 0,
                   "aria-activedescendant": listOpen.value && activeIndex.value >= 0 ? optionId(activeIndex.value) : void 0,
-                  class: "min-w-24 flex-1 bg-transparent px-1 outline-none placeholder:text-muted",
+                  class: "lp-entry min-w-24 flex-1 bg-transparent px-1 outline-none placeholder:text-muted",
                   onFocus,
                   onKeydown,
                   onBeforeinput: onBeforeInput,
@@ -433,7 +433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       align: "start",
                       "side-offset": 6,
                       "collision-padding": 8,
-                      class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-(--reka-popper-anchor-width) overflow-y-auto p-1 outline-none"]),
+                      class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-[min(18rem,var(--reka-popper-available-height,18rem))] w-(--reka-popper-anchor-width) overflow-y-auto p-1 outline-none"]),
                       onOpenAutoFocus: _cache[1] || (_cache[1] = withModifiers(() => {
                       }, ["prevent"])),
                       onCloseAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {

package/dist/chunks/{LpTextarea-DwE-lQt4.js → LpTextarea-CQg-dVxN.js}

@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const textareaClass = computed(
       () => mergeClass(
         props.autosize ? "w-full resize-none" : "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",
+        "lp-entry 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
       )

package/dist/chunks/{LpThemeStudio-COn2H76d.js → LpThemeStudio-BPPctXgd.js}

@@ -2,11 +2,11 @@ import { defineComponent, computed, ref, openBlock, createElementBlock, unref, c
 import { usePaletteTheme } from "../theme/palette.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useThemeStudio, STUDIO_BRANDS, STUDIO_SYSTEM } from "../theme/studio.js";
-import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$7 } from "./LpCodeBlock-BNThgUdQ.js";
-import { _ as _sfc_main$4 } from "./LpColorPicker-EXpwcX-t.js";
+import { _ as _sfc_main$1 } from "./LpButton-BvVoF-PO.js";
+import { _ as _sfc_main$7 } from "./LpCodeBlock-BgWcg2mk.js";
+import { _ as _sfc_main$4 } from "./LpColorPicker-KGMG8QEh.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$5 } from "./LpSegmented-DD8MPj4j.js";
+import { _ as _sfc_main$5 } from "./LpSegmented-DzFYP0ZF.js";
 import { _ as _sfc_main$6 } from "./LpDisclosure-D4JZ-o8K.js";
 import { _ as _sfc_main$8 } from "./LpThemeProvider-XK6ZeWAE.js";
 import { _ as _sfc_main$3 } from "./LpThemeStudioSection-B7bt8Iyg.js";

package/dist/chunks/{LpThemeSwitcher-B3R3nNid.js → LpThemeSwitcher-B3c44xFH.js}

@@ -6,12 +6,12 @@ import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { presets } from "../theme/presets.js";
 import { useThemeStudio, STUDIO_SYSTEM } from "../theme/studio.js";
 import { useTheme } from "../theme/useTheme.js";
-import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DYpDm6iI.js";
+import { POPOVER_PANEL, PANEL_FIT } from "../components/dropdown.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-DEFirphS.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$5 } from "./LpThemeStudio-COn2H76d.js";
+import { _ as _sfc_main$5 } from "./LpThemeStudio-BPPctXgd.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {
   key: 1,
@@ -248,7 +248,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 align: "end",
                 "side-offset": 6,
                 "aria-label": unref(text).studio,
-                class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) w-96 max-w-[calc(100vw-24px)] rounded-card p-3 text-sm text-ink outline-none"]),
+                class: normalizeClass([unref(POPOVER_PANEL), unref(PANEL_FIT), "z-(--z-popover) w-96 rounded-card p-3 text-sm text-ink outline-none"]),
                 "data-lp-glide-position": "",
                 onInteractOutside: keepForTrigger,
                 onEscapeKeyDown: unref(guardOutside)

package/dist/chunks/{LpTimeField-Mi8H1g_9.js → LpTimeField-Dio7Tj9A.js}

@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }));
     const shellSize = CONTROL_SIZE;
     const { class: rootClass, attrs: rest } = useMergedAttrs(() => [
-      "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",
+      "lp-entry 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],
       field.value.invalid ? "border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand"
     ].join(" "), () => ownAttrs());

package/dist/chunks/{LpToaster-DOJn6Vey.js → LpToaster-Cdx1tnHB.js}

@@ -4,7 +4,7 @@ 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$2 } from "./LpCopyButton-CxX682t4.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-BGzw95Xc.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import { toneLook } from "../components/tone.js";
 import { useView, viewDocument, usePortalTarget, viewWindow } from "../composables/useView.js";
@@ -247,7 +247,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (openBlock(), createBlock(Teleport, { to: unref(portalTo) }, [
             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"
+              class: "fixed bottom-0 right-0 z-(--z-toast) flex w-[min(92vw,22rem)] flex-col gap-2 p-4 pr-[max(1rem,env(safe-area-inset-right))] pb-[max(1rem,env(safe-area-inset-bottom))] outline-none"
             }, null, 8, ["data-lp-toasts"])
           ], 8, ["to"]))
         ]),

package/dist/chunks/{LpTooltip-Bz_rrq5S.js → LpTooltip-BKde8Xjv.js}

@@ -1,11 +1,13 @@
-import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, renderSlot, normalizeStyle, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, watch, onBeforeUnmount, useAttrs, computed, mergeProps, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, renderSlot, normalizeStyle, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
 import { clamp } from "../composables/clamp.js";
 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 { useTouchHold } from "../composables/useTouchHold.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useView, viewWindow, usePortalTarget, useOutsideGuard } from "../composables/useView.js";
-import '../assets/LpTooltip-B61SYd4K.css';const EDGE = 8;
+import '../assets/LpTooltip-B61SYd4K.css';const HOLD_MS = 450;
+const EDGE = 8;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "LpTooltip",
@@ -17,7 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     delay: {},
     showOnPointerFocus: { type: Boolean },
     followCursor: { type: Boolean },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    touch: { default: "hold" }
   },
   setup(__props) {
     const props = __props;
@@ -99,7 +102,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const open = ref(false);
     const wanted = ref(false);
+    const heldOpen = ref(false);
+    const hold = useTouchHold({
+      enabled: () => props.touch === "hold" && !props.followCursor && !props.disabled,
+      delay: () => HOLD_MS,
+      onHold: () => {
+        heldOpen.value = true;
+        wanted.value = true;
+        open.value = true;
+      }
+    });
+    function release() {
+      heldOpen.value = false;
+      wanted.value = false;
+      open.value = false;
+    }
     const onOpenChange = (next) => {
+      if (!next && heldOpen.value) return;
       wanted.value = next;
       open.value = next && !props.disabled;
       if (!open.value || !props.followCursor) return;
@@ -108,8 +127,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.disabled,
       (off) => {
-        if (off) open.value = false;
-        else if (wanted.value) open.value = true;
+        if (off) {
+          hold.cancel();
+          heldOpen.value = false;
+          open.value = false;
+        } else if (wanted.value) open.value = true;
       }
     );
     const view = useView();
@@ -125,9 +147,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onCleanup(() => win.removeEventListener("resize", follow));
       }
     );
+    watch(heldOpen, (held, _, onCleanup) => {
+      if (!held) return;
+      const win = viewWindow(view.value);
+      const onKey = (event) => event.key === "Escape" && release();
+      win.addEventListener("pointerdown", release, true);
+      win.addEventListener("keydown", onKey, true);
+      onCleanup(() => {
+        win.removeEventListener("pointerdown", release, true);
+        win.removeEventListener("keydown", onKey, true);
+      });
+    });
     onBeforeUnmount(stopSpring);
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
+    const attrs = useAttrs();
+    const triggerAttrs = computed(() => mergeProps(attrs, hold.handlers));
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(unref(shared) ? PassThrough : unref(TooltipProvider)), normalizeProps(guardReactiveProps(unref(shared) ? {} : { delayDuration: __props.delay ?? 200 })), {
         default: withCtx(() => [
@@ -140,15 +175,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:open": onOpenChange
           }, {
             default: withCtx(() => [
-              createVNode(unref(TooltipTrigger), mergeProps({ "as-child": "" }, _ctx.$attrs, {
+              createVNode(unref(TooltipTrigger), mergeProps({ "as-child": "" }, triggerAttrs.value, {
                 "aria-label": __props.label ? __props.content : void 0,
+                class: __props.touch === "hold" && !__props.followCursor ? "[-webkit-touch-callout:none]" : void 0,
                 onPointermove: onPointerMove
               }), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
-              }, 16, ["aria-label"]),
+              }, 16, ["aria-label", "class"]),
               createVNode(unref(TooltipPortal), { to: unref(portalTo) }, {
                 default: withCtx(() => [
                   createVNode(unref(TooltipContent), {

package/dist/chunks/{LpTopologyCanvas-5RFMP4gR.js → LpTopologyCanvas-CQ0l6A5h.js}

@@ -8,13 +8,13 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
 import { nodeWindow, isHTMLElement } from "../composables/realm.js";
 import { backgroundOf, resolveCssColor, svgToPng } from "../components/exportData.js";
-import { _ as _sfc_main$6 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$6 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$7 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$3 } from "./LpInfraNode-BYiMFDnA.js";
-import { _ as _sfc_main$5 } from "./LpInput-BU5IsOlE.js";
+import { _ as _sfc_main$5 } from "./LpInput-DGMpxrcg.js";
 import { _ as _sfc_main$1 } from "./LpLaneNode-Bqcdm8Rf.js";
 import { _ as _sfc_main$2 } from "./LpServiceNode-Cln2ntdw.js";
-import { _ as _sfc_main$8 } from "./LpSlider-BCy5rjwK.js";
+import { _ as _sfc_main$8 } from "./LpSlider-DUd4gXnw.js";
 import { _ as _sfc_main$4 } from "./LpWaypointEdge-D8yHlQiw.js";
 import { diffTopology, detailAtZoom, collapseChildren, clusterGraph, findNodes, findPath, neighborhood, groupBoxes, nodeName, frameSize, edgeLabelText, nearestInDirection, absolutePositions, layeredLayout, topologyToSvg } from "../components/topologyGraph.js";
 const _hoisted_1 = {

package/dist/chunks/{LpTour-DUI_hoPv.js → LpTour-BGUKUxSZ.js}

@@ -8,7 +8,7 @@ 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-BovXtMbO.js";
+import { _ as _sfc_main$1 } from "./TourCard-yrLqv4Oz.js";
 import { holeOf, panelsAround, holeClip } from "../components/tour.js";
 import { isElement } from "../composables/realm.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpTruncate-CynJhsEw.js → LpTruncate-C_C8eiIE.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, onMounted, watch, nextTick, computed, openBlock,
 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-CxX682t4.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-BGzw95Xc.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";
 import { middleTruncate } from "../components/fieldText.js";
 const _hoisted_1 = ["tabindex"];
 const _hoisted_2 = { "aria-hidden": "true" };

package/dist/chunks/{LpUptimeBar-G7PfNJUH.js → LpUptimeBar-Dt6SY_-m.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$5 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$4 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
-import { _ as _sfc_main$3 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$3 } from "./LpTooltip-BKde8Xjv.js";
 import { TONES } from "../components/tone.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpVideoCompress-CPUxXh-c.js → LpVideoCompress-CvxNdyjp.js}

@@ -3,10 +3,10 @@ import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { canTranscodeVideo, estimateTranscodedBytes, clipLength, probeVideo, transcodeVideo } from "../composables/videoTranscode.js";
 import { formatBytes } from "../components/format.js";
-import { _ as _sfc_main$4 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$4 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$2 } from "./LpCollapse-DrAw5DBZ.js";
 import { _ as _sfc_main$3 } from "./LpProgress-D_MSjowb.js";
-import { _ as _sfc_main$1 } from "./LpSegmented-DD8MPj4j.js";
+import { _ as _sfc_main$1 } from "./LpSegmented-DzFYP0ZF.js";
 import LpVideoTrim from "../components/LpVideoTrim.vue.js";
 const _hoisted_1 = {
   class: "flex flex-col gap-4",

package/dist/chunks/{LpVideoPlayer-BbCjEQAx.js → LpVideoPlayer-FMuxTAU8.js}

@@ -7,14 +7,14 @@ import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useToast } from "../composables/useToast.js";
 import { useVideoMedia } from "../composables/useVideoMedia.js";
 import { useView, provideView } from "../composables/useView.js";
-import { _ as _sfc_main$4 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DYpDm6iI.js";
-import { _ as _sfc_main$7 } from "./LpDropdownMenu-BPEsqZCN.js";
+import { _ as _sfc_main$4 } from "./LpButton-BvVoF-PO.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$7 } from "./LpDropdownMenu-CdCe7D2d.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$3 } from "./LpLoader-Bf1yZwaU.js";
 import { _ as _sfc_main$6 } from "./SteadyText-CwH-kduj.js";
 import VideoFlash from "../components/VideoFlash.vue.js";
-import { _ as _sfc_main$5 } from "./VideoVolume-DE3i1ree.js";
+import { _ as _sfc_main$5 } from "./VideoVolume-CzL5mZPE.js";
 import { widestClipTime, formatClipTime } from "../components/videoBackdrop.js";
 import { FrameSampler } from "../components/videoFrames.js";
 import { FADE_SCALE, FADE, OVERLAY_BUTTON, ICON_SWAP } from "../components/videoMotion.js";

package/dist/chunks/{LpWindow-Dp_0nNqg.js → LpWindow-DsPeiDCZ.js}

@@ -1,5 +1,5 @@
 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-CmWOJAXG.js";
+import { _ as _sfc_main$1 } from "./IconCloseButton-C_V7qngw.js";
 import { startPointerDrag } from "../composables/pointerDrag.js";
 import { useCloseGuard } from "../composables/useCloseGuard.js";
 import { useGlass } from "../composables/useGlass.js";

package/dist/chunks/{LpWorkspaceSwitcher-bjkncjSl.js → LpWorkspaceSwitcher-DCIiOQt_.js}

@@ -1,9 +1,9 @@
 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-BPEsqZCN.js";
-import { _ as _sfc_main$4 } from "./LpInput-BU5IsOlE.js";
-import { _ as _sfc_main$3 } from "./LpModal-BK2T5uIG.js";
+import { _ as _sfc_main$2 } from "./LpButton-BvVoF-PO.js";
+import { _ as _sfc_main$1 } from "./LpDropdownMenu-CdCe7D2d.js";
+import { _ as _sfc_main$4 } from "./LpInput-DGMpxrcg.js";
+import { _ as _sfc_main$3 } from "./LpModal-D1E7rQzw.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpWorkspaceSwitcher",
   props: {

package/dist/chunks/{PickerField-CjOTUXDK.js → PickerField-DzF3UVnX.js}

@@ -3,7 +3,7 @@ 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-CxHFPwKt.js";
-import { _ as _sfc_main$1 } from "./LpPopover-BQSuxtai.js";
+import { _ as _sfc_main$1 } from "./LpPopover-w2rr4x7n.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"];

package/dist/chunks/{RevealToggle-Bl1NcfxB.js → RevealToggle-BsYxY6Oz.js}

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

package/dist/chunks/{TourCard-BovXtMbO.js → TourCard-yrLqv4Oz.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, createBlock, createTextVNode } from "vue";
-import { _ as _sfc_main$5 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$5 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import LpKeys from "../components/LpKeys.vue.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";

package/dist/chunks/{VideoVolume-DE3i1ree.js → VideoVolume-CzL5mZPE.js}

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, createVNode, normalizeClass, unref, withCtx, Transition, normalizeProps, guardReactiveProps, createBlock, createElementVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$1 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$3 } from "./LpSlider-BCy5rjwK.js";
+import { _ as _sfc_main$3 } from "./LpSlider-DUd4gXnw.js";
 import { OVERLAY_BUTTON, ICON_SWAP } from "../components/videoMotion.js";
 const _hoisted_1 = { class: "group/volume flex items-center" };
 const _hoisted_2 = { class: "w-0 overflow-hidden opacity-0 transition-[width,opacity] duration-(--duration-medium) ease-(--ease-emphasized) group-hover/volume:w-20 group-hover/volume:opacity-100 group-focus-within/volume:w-20 group-focus-within/volume:opacity-100 pointer-coarse:hidden motion-reduce:transition-none" };

package/dist/components/ContextMenuItems.vue.js

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

package/dist/components/DropzoneLinkField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/DropzoneLinkField-DhwYRnvd.js";
+import { _ as _sfc_main } from "../chunks/DropzoneLinkField-Ckuh8zFC.js";
 export {
   _sfc_main as default
 };

package/dist/components/IconCloseButton.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/IconCloseButton-CmWOJAXG.js";
+import { _ as _sfc_main } from "../chunks/IconCloseButton-C_V7qngw.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpActionBar.vue.js

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

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-CfqQR5jE.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-BCqR0zmv.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAlert.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAlert-CYtbpRYW.js";
+import { _ as _sfc_main } from "../chunks/LpAlert-Q0h7Gucu.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-BQG98odS.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-BWaVRsDB.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAutocomplete-VNID5zdy.js";
+import { _ as _sfc_main } from "../chunks/LpAutocomplete-YPxAPHEo.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpButton.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpButton-DSHioIfD.js";
+import { _ as _sfc_main } from "../chunks/LpButton-BvVoF-PO.js";
 export {
   _sfc_main as default
 };