@leavepulse/ui 0.87.1 → 0.88.0

package/dist/assets/{LpCommandPalette-DCZB4EAf.css → LpCommandPalette-CO_5TFOQ.css}

@@ -5,34 +5,53 @@
  * pane from its right edge as it grows. Animating the columns themselves made
  * every line of the list and the pane re-wrap on every frame.
  */
-.lp-cmd-dialog[data-v-b72dc3e1] {
+.lp-cmd-dialog[data-v-1801065c] {
   --lp-cmd-list: min(92vw, 40rem);
   --lp-cmd-pane: max(0px, min(26rem, 96vw - var(--lp-cmd-list)));
   width: var(--lp-cmd-list);
 }
-.lp-cmd-split[data-v-b72dc3e1] {
+.lp-cmd-split[data-v-1801065c] {
   transition:
     width 300ms var(--ease-emphasized, ease),
     min-height 300ms var(--ease-emphasized, ease);
 }
 @media (min-width: 768px) {
-.lp-cmd-split .lp-cmd-list[data-v-b72dc3e1] {
+.lp-cmd-split .lp-cmd-list[data-v-1801065c] {
     flex: 0 0 auto;
     /* the dialog's 1px border on each side */
     width: calc(var(--lp-cmd-list) - 2px);
 }
-.lp-cmd-dialog[data-pane="open"][data-v-b72dc3e1] {
+.lp-cmd-dialog[data-pane="open"][data-v-1801065c] {
     width: calc(var(--lp-cmd-list) + var(--lp-cmd-pane));
     min-height: min(76vh, 36rem);
 }
 }
-.lp-cmd-pane[data-v-b72dc3e1] {
+.lp-cmd-pane[data-v-1801065c] {
   width: var(--lp-cmd-pane);
 }
-.lp-cmd-dialog[data-editing] .lp-cmd-pane[data-v-b72dc3e1] {
+/*
+ * A phone: a sheet over the whole visible screen rather than a card floating
+ * a tenth of the way down, which left a band of nothing above it and let the
+ * keyboard cover its lower half. Keyed to touch as well as width, so a narrow
+ * desktop window keeps the card.
+ */
+@media (hover: none) and (pointer: coarse) and (max-width: 639px) {
+.lp-cmd-dialog[data-v-1801065c] {
+    inset: var(--lp-cmd-vy, 0) auto auto var(--lp-cmd-vx, 0);
+    translate: none;
+    width: var(--lp-cmd-vw, 100%);
+    height: var(--lp-cmd-vh, 100dvh);
+    max-height: var(--lp-cmd-vh, 100dvh);
+    border-width: 0;
+    border-radius: 0;
+    padding-top: env(safe-area-inset-top);
+    padding-bottom: env(safe-area-inset-bottom);
+}
+}
+.lp-cmd-dialog[data-editing] .lp-cmd-pane[data-v-1801065c] {
   width: 100%;
 }
-.lp-cmd-dialog[data-editing][data-v-b72dc3e1] {
+.lp-cmd-dialog[data-editing][data-v-1801065c] {
   width: var(--lp-cmd-list);
   min-height: 0;
 }
@@ -40,43 +59,43 @@
  * The pane rides in from the right edge while the dialog opens up to it, and
  * leaves the same way, for as long as the dialog takes to close over it.
  */
-.lp-cmd-pane-enter-active[data-v-b72dc3e1],
-.lp-cmd-pane-leave-active[data-v-b72dc3e1] {
+.lp-cmd-pane-enter-active[data-v-1801065c],
+.lp-cmd-pane-leave-active[data-v-1801065c] {
   transition:
     transform 300ms var(--ease-emphasized, ease),
     opacity 300ms ease;
 }
-.lp-cmd-pane-enter-from[data-v-b72dc3e1],
-.lp-cmd-pane-leave-to[data-v-b72dc3e1] {
+.lp-cmd-pane-enter-from[data-v-1801065c],
+.lp-cmd-pane-leave-to[data-v-1801065c] {
   opacity: 0;
   transform: translateX(40%);
 }
-.lp-cmd-para[data-v-b72dc3e1] {
+.lp-cmd-para[data-v-1801065c] {
   --rise: 4px;
   animation: rise-in 260ms ease-out both;
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-split[data-v-b72dc3e1],
-  .lp-cmd-pane-enter-active[data-v-b72dc3e1],
-  .lp-cmd-pane-leave-active[data-v-b72dc3e1] {
+.lp-cmd-split[data-v-1801065c],
+  .lp-cmd-pane-enter-active[data-v-1801065c],
+  .lp-cmd-pane-leave-active[data-v-1801065c] {
     transition: none;
 }
-.lp-cmd-para[data-v-b72dc3e1] {
+.lp-cmd-para[data-v-1801065c] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-b72dc3e1] {
+.lp-cmd-excerpt[data-v-1801065c] {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-b72dc3e1] {
+.lp-cmd-item[data-v-1801065c] {
   --rise: 3px;
   animation: rise-in 140ms ease-out both;
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-b72dc3e1] {
+.lp-cmd-item[data-v-1801065c] {
     animation: none;
 }
 }

package/dist/assets/{LpDropzone-CfL3Vrx4.css → LpDropzone-CVGUQqgY.css}

@@ -1,9 +1,9 @@
 
-.lp-dropzone__frame rect[data-v-701532c5] {
+.lp-dropzone__frame rect[data-v-ccad017c] {
   stroke: var(--color-line);
   transition: stroke var(--duration-fast) linear;
 }
-.lp-dropzone:hover .lp-dropzone__frame rect[data-v-701532c5] {
+.lp-dropzone:hover .lp-dropzone__frame rect[data-v-ccad017c] {
   stroke: var(--color-line-strong);
 }
 
@@ -12,28 +12,28 @@
    with every other thing on it; under a drag it is the answer to "can I let go
    here". One dash period per cycle, so the travel is continuous rather than
    jumping back at the seam. */
-.lp-dropzone--over .lp-dropzone__frame rect[data-v-701532c5] {
+.lp-dropzone--over .lp-dropzone__frame rect[data-v-ccad017c] {
   stroke: var(--color-brand);
-  animation: lp-dropzone-ants-701532c5 500ms linear infinite;
+  animation: lp-dropzone-ants-ccad017c 500ms linear infinite;
 }
-@keyframes lp-dropzone-ants-701532c5 {
+@keyframes lp-dropzone-ants-ccad017c {
 to {
     stroke-dashoffset: -11;
 }
 }
 
 /* The dashes fade in and the block settles up a few pixels. */
-.lp-dropzone[data-v-701532c5] {
+.lp-dropzone[data-v-ccad017c] {
   --rise: 6px;
   animation: rise-in var(--duration-slow) var(--ease-settle) both;
 }
-.lp-dropzone--waiting[data-v-701532c5] {
+.lp-dropzone--waiting[data-v-ccad017c] {
   opacity: 0;
   animation: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-dropzone[data-v-701532c5],
-  .lp-dropzone--waiting[data-v-701532c5] {
+.lp-dropzone[data-v-ccad017c],
+  .lp-dropzone--waiting[data-v-ccad017c] {
     opacity: 1;
     transform: none;
     animation: none;
@@ -41,7 +41,7 @@ to {
 
   /* The ants stop, the colour stays: the brand stroke is what says "drop
      here", and it says it standing still. */
-.lp-dropzone--over .lp-dropzone__frame rect[data-v-701532c5] {
+.lp-dropzone--over .lp-dropzone__frame rect[data-v-ccad017c] {
     animation: none;
 }
 }

package/dist/assets/{LpImageEditor-y3B-aW3H.css → LpImageEditor-D_ECuegW.css}

@@ -2,22 +2,22 @@
 /* The picture settles into the frame instead of appearing in it. Scale rather
    than a slide: the frame is the fixed thing here and the image lives inside
    it, so anything that moved would read as a crop that had shifted. */
-.lp-editor__image[data-v-132069a4] {
-  animation: lp-editor-in-132069a4 var(--duration-slow) var(--ease-settle) both;
+.lp-editor__image[data-v-d8ea66b8] {
+  animation: lp-editor-in-d8ea66b8 var(--duration-slow) var(--ease-settle) both;
 }
-.lp-editor__image--waiting[data-v-132069a4] {
+.lp-editor__image--waiting[data-v-d8ea66b8] {
   opacity: 0;
   animation: none;
 }
-@keyframes lp-editor-in-132069a4 {
+@keyframes lp-editor-in-d8ea66b8 {
 from {
     opacity: 0;
     scale: 1.04;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-editor__image[data-v-132069a4],
-  .lp-editor__image--waiting[data-v-132069a4] {
+.lp-editor__image[data-v-d8ea66b8],
+  .lp-editor__image--waiting[data-v-d8ea66b8] {
     opacity: 1;
     scale: 1;
     animation: none;

package/dist/chunks/{ContextMenuItems-D0jObgzN.js → ContextMenuItems-LujPZSWM.js}

@@ -3,11 +3,11 @@ import { DropdownMenuPortal, DropdownMenuSubContent, DropdownMenuSubTrigger, Dro
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import MenuShortcut from "../components/MenuShortcut.vue.js";
+import { TOUCH_ROW } from "../components/dropdown.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "flex items-center gap-2" };
 const _hoisted_3 = { class: "flex items-center gap-2" };
 const _hoisted_4 = { class: "flex items-center gap-2" };
-const ITEM = "group/item flex cursor-pointer select-none items-center gap-2 rounded-inner px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft";
 const ICON = "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[highlighted]/item:translate-x-0.5";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "ContextMenuItems" },
@@ -42,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const P = computed(() => PRIMITIVES[props.kind]);
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
+    const ITEM = "group/item flex cursor-pointer select-none items-center gap-2 rounded-inner px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft " + TOUCH_ROW;
     return (_ctx, _cache) => {
       const _component_ContextMenuItems = resolveComponent("ContextMenuItems", true);
       return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {

package/dist/chunks/{DropzoneLinkField-DhwYRnvd.js → DropzoneLinkField-Ckuh8zFC.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-DSHioIfD.js";
-import { _ as _sfc_main$1 } from "./LpInput-BU5IsOlE.js";
+import { _ as _sfc_main$2 } from "./LpButton-BvVoF-PO.js";
+import { _ as _sfc_main$1 } from "./LpInput-DGMpxrcg.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/{IconCloseButton-CmWOJAXG.js → IconCloseButton-C_V7qngw.js}

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
         type: "button",
-        class: normalizeClass(["group flex shrink-0 items-center text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink", __props.inline ? void 0 : "rounded-inner p-1 focus-visible:ring-2 focus-visible:ring-ring"]),
+        class: normalizeClass(["lp-tap group flex shrink-0 items-center text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink", __props.inline ? void 0 : "rounded-inner p-1 focus-visible:ring-2 focus-visible:ring-ring"]),
         "aria-label": __props.label
       }, [
         createVNode(_sfc_main$1, {

package/dist/chunks/{LpActionBar-Cx_MSZl9.js → LpActionBar-43WHmTsM.js}

@@ -2,7 +2,7 @@ import { defineComponent, useSlots, computed, ref, watch, openBlock, createBlock
 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-DSHioIfD.js";
+import { _ as _sfc_main$2 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$3 } from "./LpLoader-Bf1yZwaU.js";
 import { usePortalTarget } from "../composables/useView.js";

package/dist/chunks/{LpAddressInput-CfqQR5jE.js → LpAddressInput-BCqR0zmv.js}

@@ -3,13 +3,13 @@ import { _ as _sfc_main$1 } from "./FieldWrapper-CVTPnpoG.js";
 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$3 } from "./LpAutocomplete-VNID5zdy.js";
-import { _ as _sfc_main$4 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$3 } from "./LpAutocomplete-YPxAPHEo.js";
+import { _ as _sfc_main$4 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$2 } from "./LpFormField-jbM7K1Hg.js";
 import { _ as _sfc_main$5 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$6 } from "./LpInput-BU5IsOlE.js";
-import { _ as _sfc_main$8 } from "./LpModal-BK2T5uIG.js";
-import { _ as _sfc_main$7 } from "./LpSelect-BeXz1TWh.js";
+import { _ as _sfc_main$6 } from "./LpInput-DGMpxrcg.js";
+import { _ as _sfc_main$8 } from "./LpModal-D1E7rQzw.js";
+import { _ as _sfc_main$7 } from "./LpSelect-Dffg5r4I.js";
 import { useOwnField, mergeDescribedBy } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpAlert-CYtbpRYW.js → LpAlert-Q0h7Gucu.js}

@@ -98,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         createVNode(_sfc_main$3, {
           "swap-key": messageKey(),
-          class: "min-w-0 flex-1"
+          class: "min-w-0 flex-1 [overflow-wrap:anywhere]"
         }, {
           default: withCtx(() => [
             __props.title ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),

package/dist/chunks/{LpAppShell-BQG98odS.js → LpAppShell-BWaVRsDB.js}

@@ -7,13 +7,13 @@ import { useView, viewWindow } from "../composables/useView.js";
 import { _ as _sfc_main$6 } from "./AppShellContextNav-C6Ho2mof.js";
 import { DENSITY_CLASS, resolveNavMode, NAV_BREAKPOINT_PX, contextNavItems, headerCollapsedAfter } from "../components/appShell.js";
 import { _ as _sfc_main$9 } from "./LpBottomNav-9AqvZlRW.js";
-import { _ as _sfc_main$2 } from "./LpContextSwitcher-BPDSkKyA.js";
-import { _ as _sfc_main$3 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$2 } from "./LpContextSwitcher-COw6GHPW.js";
+import { _ as _sfc_main$3 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$8 } from "./LpPageScrollbar-C9sTeU-2.js";
 import { _ as _sfc_main$7 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$5 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-DUFlf6Uu.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-DQtCYlT4.js";
 import { mergeClass, useMergedAttrs } from "../composables/useMergedClass.js";
 import { nodeWindow, isHTMLElement } from "../composables/realm.js";
 const _hoisted_1 = ["href"];

package/dist/chunks/{LpAutocomplete-VNID5zdy.js → LpAutocomplete-YPxAPHEo.js}

@@ -1,13 +1,13 @@
 import { defineComponent, computed, useAttrs, ref, watch, useId, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, createElementVNode, mergeProps, Transition, toDisplayString, withModifiers, createTextVNode, Fragment, renderList, nextTick } from "vue";
 import { _ as _sfc_main$1 } from "./FieldWrapper-CVTPnpoG.js";
-import { _ as _sfc_main$3 } from "./IconCloseButton-CmWOJAXG.js";
+import { _ as _sfc_main$3 } from "./IconCloseButton-C_V7qngw.js";
 import { CONTROL_SIZE } from "../components/controlSize.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { ComboboxRoot, ComboboxAnchor, ComboboxInput, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxEmpty, ComboboxItem } from "reka-ui";
 import { useOwnField, mergeDescribedBy } from "../composables/useField.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { COMBOBOX_PANEL, POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
+import { COMBOBOX_PANEL, POPOVER_PANEL, COMBOBOX_FIT, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$4 } from "./OptionContent-DZb5eKRV.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
@@ -204,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       required: unref(field).required || void 0,
                       "aria-invalid": isInvalidState.value || void 0,
                       "aria-describedby": describedBy.value,
-                      class: ["lp-autofill min-w-0 flex-1 self-stretch bg-transparent outline-none placeholder:text-muted", showSelected.value && "text-transparent placeholder:text-transparent"],
+                      class: ["lp-autofill lp-entry min-w-0 flex-1 self-stretch bg-transparent outline-none placeholder:text-muted", showSelected.value && "text-transparent placeholder:text-transparent"],
                       onBeforeinput: unref(onBeforeInput),
                       onPaste: unref(onPaste),
                       onCompositionend: unref(onCompositionEnd),
@@ -254,14 +254,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onInteractOutside: unref(guardOutside),
                     onEscapeKeyDown: unref(guardOutside)
                   }, unref(COMBOBOX_PANEL), {
-                    class: [unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-(--reka-combobox-trigger-width) overflow-hidden"],
+                    class: [unref(POPOVER_PANEL), "z-(--z-popover) w-(--reka-combobox-trigger-width) overflow-hidden", unref(COMBOBOX_FIT)],
                     onOpenAutoFocus: _cache[1] || (_cache[1] = withModifiers(() => {
                     }, ["prevent"])),
                     onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
                     }, ["prevent"]))
                   }), {
                     default: withCtx(() => [
-                      createVNode(unref(ComboboxViewport), { class: "max-h-72 overflow-y-auto p-1" }, {
+                      createVNode(unref(ComboboxViewport), { class: "max-h-72 min-h-0 flex-1 overflow-y-auto p-1" }, {
                         default: withCtx(() => [
                           __props.loading ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.loadingText ?? unref(labels).loading), 1)) : (openBlock(), createBlock(unref(ComboboxEmpty), {
                             key: 1,

package/dist/chunks/{LpButton-DSHioIfD.js → LpButton-BvVoF-PO.js}

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const button = tv({
       base: [
-        "inline-flex select-none items-center justify-center gap-2 whitespace-nowrap font-semibold",
+        "lp-tap inline-flex select-none items-center justify-center gap-2 whitespace-nowrap font-semibold",
         "rounded-control transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)]",
         // tactile press: dips slightly on click, springs back on release.
         "active:scale-[0.97] motion-reduce:active:scale-100",

package/dist/chunks/{LpCheckbox-P7tEw8GO.js → LpCheckbox-C9VnPIQf.js}

@@ -82,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               required: unref(field).required,
               "aria-describedby": describedBy.value,
               "aria-busy": unref(pending) || void 0,
-              class: [__props.description ? "mt-px" : "", "relative flex size-[18px] shrink-0 items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover/check:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55"],
+              class: [__props.description ? "mt-px" : "", "lp-tap relative flex size-[18px] shrink-0 items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover/check:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55"],
               "onUpdate:modelValue": onUpdate
             }), {
               default: withCtx(() => [

package/dist/chunks/{LpCodeBlock-BNThgUdQ.js → LpCodeBlock-BgWcg2mk.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, reactive, watch, ref, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, createElementVNode, createVNode, createBlock, normalizeStyle, normalizeClass, Fragment, renderList, h } from "vue";
 import { tokenizeLines } from "../components/codeHighlight.js";
 import { useLabels } from "../composables/useLpConfig.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 { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
@@ -197,7 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             value: code.value,
             spellcheck: "false",
-            class: normalizeClass(["lp-scrollbar-none absolute inset-0 size-full resize-none overflow-auto whitespace-pre bg-transparent p-3 leading-relaxed text-transparent caret-brand outline-none", [__props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre", __props.lineNumbers ? "pl-13" : ""]]),
+            class: normalizeClass(["lp-entry lp-scrollbar-none absolute inset-0 size-full resize-none overflow-auto whitespace-pre bg-transparent p-3 leading-relaxed text-transparent caret-brand outline-none", [__props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre", __props.lineNumbers ? "pl-13" : ""]]),
             onInput,
             onScroll: syncScroll
           }, null, 42, _hoisted_6)) : createCommentVNode("", true),
@@ -206,7 +206,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: preEl,
             class: normalizeClass(["lp-scrollbar-none m-0 overflow-auto p-3 leading-relaxed", [
               __props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre",
-              editing.value ? "pointer-events-none" : "",
+              editing.value ? "lp-entry pointer-events-none" : "",
               editing.value && __props.height ? "h-full overflow-hidden" : ""
             ]])
           }, [

package/dist/chunks/{LpCodeDisplay-DsiE-Qy9.js → LpCodeDisplay-DBi1YPLp.js}

@@ -2,12 +2,12 @@ import { defineComponent, useModel, computed, ref, watch, openBlock, createEleme
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$6 } from "./LpCheckbox-P7tEw8GO.js";
-import { _ as _sfc_main$3 } from "./LpCopyButton-CxX682t4.js";
+import { _ as _sfc_main$6 } from "./LpCheckbox-C9VnPIQf.js";
+import { _ as _sfc_main$3 } from "./LpCopyButton-BGzw95Xc.js";
 import { _ as _sfc_main$5 } from "./LpCountdown-DVl7vXI1.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$1 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$2 } from "./RevealToggle-Bl1NcfxB.js";
+import { _ as _sfc_main$2 } from "./RevealToggle-BsYxY6Oz.js";
 import { groupCode } from "../components/fieldText.js";
 import { toEpoch, formatTime, ceilToSecond, msToNextSecond } from "../components/timeSpan.js";
 const _hoisted_1 = { class: "flex flex-wrap items-center gap-x-2 gap-y-1" };

package/dist/chunks/{LpColorPicker-EXpwcX-t.js → LpColorPicker-KGMG8QEh.js}

@@ -9,8 +9,8 @@ import { useOwnField, mergeDescribedBy } from "../composables/useField.js";
 import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight, clampHsv } from "../components/color.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpContextMenu-DYpDm6iI.js";
+import { POPOVER_PANEL, PANEL_FIT } from "../components/dropdown.js";
+import { _ as _sfc_main$2 } from "./LpContextMenu-DEFirphS.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
@@ -413,7 +413,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     side: __props.side,
                     align: __props.align,
                     "side-offset": 6,
-                    class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) w-64 select-none rounded-card p-3 outline-none"]),
+                    class: normalizeClass([unref(POPOVER_PANEL), unref(PANEL_FIT), "z-(--z-popover) w-64 select-none rounded-card p-3 outline-none"]),
                     onOpenAutoFocus: onPanelOpen
                   }, {
                     default: withCtx(() => [
@@ -503,7 +503,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   autocapitalize: "off",
                                   autocomplete: "off",
                                   "aria-label": unref(l).value,
-                                  class: normalizeClass(["min-w-0 flex-1 select-text bg-transparent font-mono text-xs text-ink outline-none placeholder:text-muted", rolling.value ? "text-transparent" : ""]),
+                                  class: normalizeClass(["lp-entry min-w-0 flex-1 select-text bg-transparent font-mono text-xs text-ink outline-none placeholder:text-muted", rolling.value ? "text-transparent" : ""]),
                                   onInput,
                                   onKeydown: withKeys(commitTyped, ["enter"]),
                                   onBlur: onInputBlur

package/dist/chunks/{LpConfirmDialog-DPiPVRn_.js → LpConfirmDialog-y6k0ryWR.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementBlock, toDisplayString, createCommentVNode, createVNode, createTextVNode, unref, createElementVNode, normalizeClass, nextTick } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-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 "./LpModal-BK2T5uIG.js";
+import { _ as _sfc_main$1 } from "./LpModal-D1E7rQzw.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpConfirmHost-Ddiljlog.js → LpConfirmHost-D-X0tDym.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createCommentVNode } from "vue";
 import { confirmQueue, settleConfirm } from "../components/confirm.js";
-import { _ as _sfc_main$1 } from "./LpConfirmDialog-DPiPVRn_.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-y6k0ryWR.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpContextMenu-DYpDm6iI.js → LpContextMenu-DEFirphS.js}

@@ -3,9 +3,9 @@ import { useMenuPalette } from "../composables/usePaletteCommands.js";
 import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent } from "reka-ui";
 import { hints } from "../composables/useHints.js";
 import { HINT_SIGNALS, noteContextTarget } from "../composables/useHintSystem.js";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-D0jObgzN.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-LujPZSWM.js";
 import { _ as _sfc_main$1 } from "./MenuTitle-YcSjF8xo.js";
-import { POPOVER_PANEL } from "../components/dropdown.js";
+import { POPOVER_PANEL, PANEL_FIT } from "../components/dropdown.js";
 import { useView, usePortalTarget, useOutsideGuard, viewDocument } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const enabled = computed(() => props.always || props.items.length > 0);
     const hinted = computed(() => enabled.value && !props.noHint);
-    const PANEL = `${POPOVER_PANEL} z-(--z-popover) min-w-48 p-1 outline-none`;
+    const PANEL = `${POPOVER_PANEL} ${PANEL_FIT} z-(--z-popover) min-w-48 p-1 outline-none`;
     const SELECTABLE = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
     const view = useView();
     let field = null;

package/dist/chunks/{LpContextSwitcher-BPDSkKyA.js → LpContextSwitcher-COw6GHPW.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpDropdownMenu-BPEsqZCN.js";
+import { _ as _sfc_main$1 } from "./LpDropdownMenu-CdCe7D2d.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = { class: "truncate" };

package/dist/chunks/{LpCopyButton-CxX682t4.js → LpCopyButton-BGzw95Xc.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, Fragment, createVNode, withCtx, mergeProps, unref, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
 import { COPY_LABELS, useClipboard } from "../composables/useClipboard.js";
 import { useLabels } from "../composables/useLpConfig.js";
-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 = { key: 0 };
 const _hoisted_2 = {
   class: "sr-only",

package/dist/chunks/{LpDataList-DCtF7krm.js → LpDataList-B56Gu6Yt.js}

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, mergeProps, unref, createVNode, TransitionGroup, normalizeClass, withCtx, Fragment, renderList, createElementVNode, renderSlot, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$4 } from "./LpCopyButton-CxX682t4.js";
+import { _ as _sfc_main$4 } from "./LpCopyButton-BGzw95Xc.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
-const _hoisted_1 = { class: "flex min-w-0 items-center gap-1 text-muted" };
+import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";
+const _hoisted_1 = { class: "flex min-w-0 items-center gap-1 text-muted [overflow-wrap:anywhere]" };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" };
 const _hoisted_4 = {

package/dist/chunks/{LpDatePicker-BElEHVm6.js → LpDatePicker-Dlyvgsan.js}

@@ -6,8 +6,8 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { defaultDatePresets, dayAllowed } from "../components/dateRange.js";
 import { _ as _sfc_main$3 } from "./LpCalendar-aACjUhpM.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$2 } from "./PickerField-CjOTUXDK.js";
-import { _ as _sfc_main$5 } from "./LpTimeField-Mi8H1g_9.js";
+import { _ as _sfc_main$2 } from "./PickerField-DzF3UVnX.js";
+import { _ as _sfc_main$5 } from "./LpTimeField-Dio7Tj9A.js";
 const _hoisted_1 = { class: "flex flex-col" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpDateRangePicker-vLt-drEu.js → LpDateRangePicker-CAn2yGbn.js}

@@ -5,7 +5,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { normalizeRange, formatRange, defaultRangePresets, sameRange, allowedRange } from "../components/dateRange.js";
-import { _ as _sfc_main$2 } from "./PickerField-CjOTUXDK.js";
+import { _ as _sfc_main$2 } from "./PickerField-DzF3UVnX.js";
 import { _ as _sfc_main$3 } from "./LpRangeCalendar-C9gkNMYw.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpDrawer-C97k-3L2.js → LpDrawer-iRHwJOGn.js}

@@ -74,10 +74,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const surface = frosted.value ? layer.value.nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised";
       const base = `fixed z-(--z-modal) flex flex-col border-line ${surface} shadow-panel outline-none`;
       const map = {
-        left: "inset-y-0 left-0 border-r rounded-r-card",
-        right: "inset-y-0 right-0 border-l rounded-l-card",
-        top: "inset-x-0 top-0 border-b rounded-b-card",
-        bottom: "inset-x-0 bottom-0 border-t rounded-t-card"
+        left: "inset-y-0 left-0 border-r rounded-r-card pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)]",
+        right: "inset-y-0 right-0 border-l rounded-l-card pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)] pr-[env(safe-area-inset-right)]",
+        top: "inset-x-0 top-0 border-b rounded-b-card pt-[env(safe-area-inset-top)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]",
+        bottom: "inset-x-0 bottom-0 border-t rounded-t-card pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]"
       };
       return [base, map[dir.value]];
     });

package/dist/chunks/{LpDropdownMenu-BPEsqZCN.js → LpDropdownMenu-CdCe7D2d.js}

@@ -3,8 +3,8 @@ import { useMenuPalette } from "../composables/usePaletteCommands.js";
 import { hints } from "../composables/useHints.js";
 import { HINT_SIGNALS } from "../composables/useHintSystem.js";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent } from "reka-ui";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-D0jObgzN.js";
-import { POPOVER_PANEL } from "../components/dropdown.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-LujPZSWM.js";
+import { POPOVER_PANEL, PANEL_FIT } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./MenuTitle-YcSjF8xo.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const PANEL = `${POPOVER_PANEL} z-(--z-popover) min-w-44 p-1 outline-none`;
+    const PANEL = `${POPOVER_PANEL} ${PANEL_FIT} z-(--z-popover) min-w-44 p-1 outline-none`;
     const emit = __emit;
     function opened(open) {
       emit("update:open", open);

package/dist/chunks/{LpEditable-CeRAzYMv.js → LpEditable-DfRUAGkA.js}

@@ -198,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("span", {
                   "aria-hidden": "true",
-                  class: normalizeClass(["invisible col-start-1 row-start-1 min-w-[4ch]", [PAD[__props.size], __props.multiline ? "whitespace-pre-wrap break-words" : "whitespace-pre"]])
+                  class: normalizeClass(["lp-entry invisible col-start-1 row-start-1 min-w-[4ch]", [PAD[__props.size], __props.multiline ? "whitespace-pre-wrap break-words" : "whitespace-pre"]])
                 }, toDisplayString((draft.value || __props.placeholder || " ") + (__props.multiline ? "\n" : " ")), 3),
                 (openBlock(), createBlock(resolveDynamicComponent(__props.multiline ? "textarea" : "input"), {
                   ref_key: "field",
@@ -213,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   disabled: __props.disabled,
                   readonly: __props.readonly,
                   rows: __props.multiline ? 1 : void 0,
-                  class: normalizeClass(["col-start-1 row-start-1 w-full min-w-0 resize-none overflow-hidden bg-transparent text-ink outline-none placeholder:text-muted", PAD[__props.size]]),
+                  class: normalizeClass(["lp-entry col-start-1 row-start-1 w-full min-w-0 resize-none overflow-hidden bg-transparent text-ink outline-none placeholder:text-muted", PAD[__props.size]]),
                   onInput: _cache[1] || (_cache[1] = ($event) => draft.value = $event.target.value),
                   onKeydown: onFieldKey,
                   onBlur: _cache[2] || (_cache[2] = ($event) => commit(false))

package/dist/chunks/{LpEmptyState-DrHBR3yh.js → LpEmptyState-DLOm07KH.js}

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createVNode, createCommentVNode, createElementVNode, toDisplayString, renderSlot, createTextVNode } from "vue";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = { class: "flex flex-col gap-1" };
+const _hoisted_1 = { class: "flex max-w-full flex-col gap-1 [overflow-wrap:anywhere]" };
 const _hoisted_2 = {
   key: 0,
   class: "max-w-sm text-sm text-muted"