@leavepulse/ui 0.44.0 → 0.45.1

package/README.md

@@ -50,14 +50,14 @@ Themes are JSON token sets applied at runtime. Paint the saved one before the
 app mounts, so the first frame already has the right colours:
 
 ```ts
-import { bootstrapTheme, leavepulse, useTheme } from "@leavepulse/ui"
+import { bootstrapTheme, dark, light, nord, useTheme } from "@leavepulse/ui"
 
-bootstrapTheme(leavepulse)
+bootstrapTheme(dark)
 createApp(App).mount("#app")
 
 // later, from a switcher or settings page
 useTheme().setTheme(nord)
-useTheme().setSystem({ light, dark: leavepulse }) // follow the OS colour scheme
+useTheme().setSystem({ light, dark }) // follow the OS colour scheme
 ```
 
 `LpThemeProvider` applies a theme to one subtree only (a dark sidebar in a light
@@ -97,6 +97,52 @@ The module registers every exported component, paints the saved theme during
 SSR (from the `lp-theme` cookie, no flash), and provides `NuxtLink` as the link
 component. `theme: false`, `link: false` and `exclude: ["Name"]` opt out.
 
+### Icons
+
+`<LpIcon name="lucide:check">` renders offline, never through the iconify API.
+The kit registers only the icons its own components use (about 20 KB instead of
+the whole ~540 KB lucide set). Any other lucide name still renders: the full
+collection loads as a separate chunk of your bundle the first time one is
+needed, and an empty box of the same size holds the place until then.
+
+Register icons up front when they must be in the server render or must not wait
+for a chunk:
+
+```ts
+import { registerIcons, registerIconCollection } from "@leavepulse/ui"
+
+await registerIcons(["lucide:rocket", "lucide:server"])  // from the bundled lucide set
+registerIconCollection(myIconsJson)                      // any iconify collection
+import "@leavepulse/ui/icons-all"                        // the whole lucide set, as before
+```
+
+In Nuxt the module does it for you: `icons: "scan"` (default) registers every
+`lucide:*` literal found in the app's source, so they are in the SSR markup;
+`"all"` registers the whole set, `"kit"` only the kit's own, or pass a list.
+
+### Glass on WebKitGTK (Tauri on Linux)
+
+WebKitGTK reports `backdrop-filter` as supported and then draws nothing, and on
+some GPUs (NVIDIA with the proprietary driver) it runs without hardware
+acceleration at all. Call `detectBackdropFilter()` once at startup: glass
+panels then turn solid instead of showing the page unblurred.
+
+An app that paints its own wallpaper can keep the frosted look there: hand the
+kit the same `background` value and glass panels draw a blurred copy of it,
+aligned to the screen, under their tint.
+
+```ts
+import { detectBackdropFilter, setGlassBackdrop } from "@leavepulse/ui"
+
+detectBackdropFilter()
+setGlassBackdrop("url(/wallpaper.jpg) center / cover no-repeat, #0b0f14")
+// A wallpaper blurred ahead of time is cheaper on an engine that blurs on the CPU:
+// setGlassBackdrop("url(/wallpaper-blurred.jpg) center / cover", { filter: "none" })
+```
+
+Only the wallpaper is softened; live content under a panel stays sharp behind
+its tint. Nothing changes in engines where the real blur works.
+
 ### Native scrollbar skin (opt-in)
 
 `LpScrollArea` skins the scroll it owns. For everything it can't — the page

package/dist/assets/{LpCommandPalette-DCP5g2ik.css → LpCommandPalette-HzAA4gri.css}

@@ -5,81 +5,81 @@
  * 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-7fa6825e] {
+.lp-cmd-dialog[data-v-bb9a3f4c] {
   --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-7fa6825e] {
+.lp-cmd-split[data-v-bb9a3f4c] {
   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-7fa6825e] {
+.lp-cmd-split .lp-cmd-list[data-v-bb9a3f4c] {
     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-7fa6825e] {
+.lp-cmd-dialog[data-pane="open"][data-v-bb9a3f4c] {
     width: calc(var(--lp-cmd-list) + var(--lp-cmd-pane));
     min-height: min(76vh, 36rem);
 }
 }
-.lp-cmd-pane[data-v-7fa6825e] {
+.lp-cmd-pane[data-v-bb9a3f4c] {
   width: var(--lp-cmd-pane);
 }
 /*
  * 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-7fa6825e],
-.lp-cmd-pane-leave-active[data-v-7fa6825e] {
+.lp-cmd-pane-enter-active[data-v-bb9a3f4c],
+.lp-cmd-pane-leave-active[data-v-bb9a3f4c] {
   transition:
     transform 300ms var(--ease-emphasized, ease),
     opacity 300ms ease;
 }
-.lp-cmd-pane-enter-from[data-v-7fa6825e],
-.lp-cmd-pane-leave-to[data-v-7fa6825e] {
+.lp-cmd-pane-enter-from[data-v-bb9a3f4c],
+.lp-cmd-pane-leave-to[data-v-bb9a3f4c] {
   opacity: 0;
   transform: translateX(40%);
 }
-.lp-cmd-para[data-v-7fa6825e] {
-  animation: lp-cmd-para-in-7fa6825e 260ms ease-out both;
+.lp-cmd-para[data-v-bb9a3f4c] {
+  animation: lp-cmd-para-in-bb9a3f4c 260ms ease-out both;
 }
-@keyframes lp-cmd-para-in-7fa6825e {
+@keyframes lp-cmd-para-in-bb9a3f4c {
 from {
     opacity: 0;
     transform: translateY(4px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-split[data-v-7fa6825e],
-  .lp-cmd-pane-enter-active[data-v-7fa6825e],
-  .lp-cmd-pane-leave-active[data-v-7fa6825e] {
+.lp-cmd-split[data-v-bb9a3f4c],
+  .lp-cmd-pane-enter-active[data-v-bb9a3f4c],
+  .lp-cmd-pane-leave-active[data-v-bb9a3f4c] {
     transition: none;
 }
-.lp-cmd-para[data-v-7fa6825e] {
+.lp-cmd-para[data-v-bb9a3f4c] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-7fa6825e] {
+.lp-cmd-excerpt[data-v-bb9a3f4c] {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-7fa6825e] {
-  animation: lp-cmd-in-7fa6825e 140ms ease-out both;
+.lp-cmd-item[data-v-bb9a3f4c] {
+  animation: lp-cmd-in-bb9a3f4c 140ms ease-out both;
 }
-@keyframes lp-cmd-in-7fa6825e {
+@keyframes lp-cmd-in-bb9a3f4c {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-7fa6825e] {
+.lp-cmd-item[data-v-bb9a3f4c] {
     animation: none;
 }
 }

package/dist/assets/{LpRollingText-CR1mb0Vt.css → LpRollingText-BGnE6q9j.css}

@@ -9,6 +9,9 @@
 }
 .lp-roll__item {
   display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
   backface-visibility: hidden;
 }

package/dist/assets/{LpShortcutsDialog-ChUyU7oV.css → LpShortcutsDialog-CqYX3yy6.css}

@@ -1,12 +1,12 @@
 
 /* Two columns where there is room: the list is long enough that one column
    pushes the last group off a laptop screen. */
-.shortcut-groups[data-v-b7784bfc] {
+.shortcut-groups[data-v-1c4cf3fa] {
   display: grid;
   gap: 18px;
   grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 }
-.shortcut-group h3[data-v-b7784bfc] {
+.shortcut-group h3[data-v-1c4cf3fa] {
   margin: 0 0 6px;
   color: var(--color-muted);
   font-size: 0.7rem;
@@ -14,31 +14,52 @@
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }
-.shortcut-group dl[data-v-b7784bfc] {
+.shortcut-group dl[data-v-1c4cf3fa] {
   display: flex;
   flex-direction: column;
   gap: 1px;
   margin: 0;
 }
-.shortcut-row[data-v-b7784bfc] {
+.shortcut-row[data-v-1c4cf3fa] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   padding: 5px 0;
 }
-.shortcut-row dt[data-v-b7784bfc] {
+.shortcut-row dt[data-v-1c4cf3fa] {
   color: var(--color-ink);
   font-size: 0.82rem;
   min-width: 0;
 }
-.shortcut-row dd[data-v-b7784bfc] {
+.shortcut-conflict[data-v-1c4cf3fa] {
+  display: inline-flex;
+  width: 14px;
+  height: 14px;
+  margin-left: 6px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  background: var(--color-danger-soft);
+  color: var(--color-danger);
+  font-size: 0.6rem;
+  font-weight: 700;
+  vertical-align: middle;
+  cursor: help;
+}
+.shortcut-then[data-v-1c4cf3fa] {
+  align-self: center;
+  padding: 0 2px;
+  color: var(--color-muted);
+  font-size: 0.68rem;
+}
+.shortcut-row dd[data-v-1c4cf3fa] {
   display: flex;
   flex-shrink: 0;
   gap: 3px;
   margin: 0;
 }
-kbd[data-v-b7784bfc] {
+kbd[data-v-1c4cf3fa] {
   display: inline-flex;
   min-width: 20px;
   align-items: center;

package/dist/assets/{LpTable-DDQNdf86.css → LpTable-CPwWxTJS.css}

@@ -11,17 +11,17 @@
  * fade before closing the gap and the whole list lurches at the end instead of
  * gliding.
  */
-.lp-row-enter-active[data-v-ebce6d15],
-.lp-row-leave-active[data-v-ebce6d15] {
+.lp-row-enter-active[data-v-fff7ed10],
+.lp-row-leave-active[data-v-fff7ed10] {
   transition:
     opacity var(--duration-fast) var(--ease-emphasized),
     transform var(--duration-fast) var(--ease-emphasized);
 }
-.lp-row-move[data-v-ebce6d15] {
+.lp-row-move[data-v-fff7ed10] {
   transition: transform var(--duration-medium) var(--ease-emphasized);
 }
-.lp-row-enter-from[data-v-ebce6d15],
-.lp-row-leave-to[data-v-ebce6d15] {
+.lp-row-enter-from[data-v-fff7ed10],
+.lp-row-leave-to[data-v-fff7ed10] {
   opacity: 0;
   transform: translateX(-0.5rem);
 }
@@ -35,7 +35,7 @@
  * drops out of the table layout entirely. Nothing sits below this row to be
  * dragged around, so simply not animating its exit costs nothing.
  */
-.lp-row-empty.lp-row-leave-active[data-v-ebce6d15] {
+.lp-row-empty.lp-row-leave-active[data-v-fff7ed10] {
   display: none;
 }
 
@@ -47,12 +47,52 @@
  * which is a moment slower and stays a table the whole time.
  */
 
+/*
+ * The tick column of a hold-to-select table keeps its width and only hides its
+ * boxes until they mean something, which is the desktop pattern Material
+ * describes: a row's box shows while the row is hovered, and every box shows
+ * once anything is selected. An earlier version collapsed the column to nothing
+ * and floated the hover box over the first cell, where it sat on the text.
+ */
+.lp-tick[data-v-fff7ed10] {
+  display: flex;
+  align-items: center;
+  max-width: 0;
+  padding-inline: 0;
+  overflow: hidden;
+  opacity: 0;
+  transition:
+    max-width var(--duration-medium) var(--ease-emphasized),
+    padding var(--duration-medium) var(--ease-emphasized),
+    opacity var(--duration-fast) ease;
+}
+.lp-tick-open[data-v-fff7ed10] {
+  max-width: 3.25rem;
+  padding-inline: 1rem;
+  opacity: 1;
+}
+.lp-tick-hidden[data-v-fff7ed10],
+.lp-tick-cue[data-v-fff7ed10] {
+  opacity: 0;
+}
+tr:hover .lp-tick-cue[data-v-fff7ed10],
+.lp-tick-cue[data-v-fff7ed10]:focus-within {
+  opacity: 1;
+}
+
 /* A filter that redraws the list is information, not decoration: with motion
    turned down the rows change without animating rather than not changing. */
+/* Only where there is a hover to reveal it; a finger long-presses instead. */
+@media (hover: none) {
+tr:hover .lp-tick-cue[data-v-fff7ed10] {
+    opacity: 0;
+}
+}
 @media (prefers-reduced-motion: reduce) {
-.lp-row-enter-active[data-v-ebce6d15],
-  .lp-row-leave-active[data-v-ebce6d15],
-  .lp-row-move[data-v-ebce6d15] {
+.lp-row-enter-active[data-v-fff7ed10],
+  .lp-row-leave-active[data-v-fff7ed10],
+  .lp-row-move[data-v-fff7ed10],
+  .lp-tick[data-v-fff7ed10] {
     transition: none;
 }
 }

package/dist/chunks/{ContextMenuItems-CrfeNPWT.js → ContextMenuItems-BtKU7074.js}

@@ -1,6 +1,6 @@
 import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, createCommentVNode, withCtx, createVNode, normalizeClass, createElementVNode, createTextVNode, toDisplayString, withModifiers } from "vue";
 import { ContextMenuSeparator, ContextMenuSub, ContextMenuSubTrigger, ContextMenuPortal, ContextMenuSubContent, ContextMenuCheckboxItem, ContextMenuItem } from "reka-ui";
-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-center gap-2" };
 const _hoisted_2 = { class: "flex items-center gap-2" };
 const _hoisted_3 = {
@@ -57,6 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(ContextMenuPortal), null, {
                 default: withCtx(() => [
                   createVNode(unref(ContextMenuSubContent), {
+                    "collision-padding": 8,
                     class: normalizeClass(__props.panel),
                     "side-offset": 2,
                     "align-offset": -4

package/dist/chunks/{LayoutCanvas-D-jPOAvg.js → LayoutCanvas-BkaGXTjx.js}

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

package/dist/chunks/{LayoutNode-D8Xy9N-o.js → LayoutNode-B3_9E1Xa.js}

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

package/dist/chunks/{LpActionBar-BbwCF6l5.js → LpActionBar-CnfFVIwC.js}

@@ -2,8 +2,8 @@ import { defineComponent, useSlots, computed, ref, watch, onBeforeUnmount, openB
 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-kqJBHIIb.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 1,
@@ -92,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
         createVNode(Transition, {
-          "enter-active-class": "animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)]",
+          "enter-active-class": "animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] motion-reduce:animate-none",
           "leave-active-class": "animate-[rise-out_var(--duration-fast)_ease_forwards] motion-reduce:animate-none"
         }, {
           default: withCtx(() => [

package/dist/chunks/{LpAddressInput-BrOqkZqg.js → LpAddressInput-CJOYGZlI.js}

@@ -2,13 +2,13 @@ import { defineComponent, defineAsyncComponent, computed, watch, ref, onMounted,
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from "../components/address.js";
 import { flagEmoji, loadCountries } from "../components/countries.js";
-import { _ as _sfc_main$2 } from "./LpAutocomplete-DxV3Y9h4.js";
-import { _ as _sfc_main$3 } from "./LpButton-kqJBHIIb.js";
-import { _ as _sfc_main$1 } from "./LpFormField-CIk5qosh.js";
-import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$5 } from "./LpInput-C0e8y8_d.js";
-import { _ as _sfc_main$7 } from "./LpModal-DPwGKBPv.js";
-import { _ as _sfc_main$6 } from "./LpSelect-DrRD9I7L.js";
+import { _ as _sfc_main$2 } from "./LpAutocomplete-C8IgSMsi.js";
+import { _ as _sfc_main$3 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CtVYj6tO.js";
+import { _ as _sfc_main$4 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$5 } from "./LpInput-D-YGQbEv.js";
+import { _ as _sfc_main$7 } from "./LpModal-BzTVeNqe.js";
+import { _ as _sfc_main$6 } from "./LpSelect-DNIL6MB9.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex items-stretch gap-2" };
 const _hoisted_2 = { class: "grid gap-3 sm:grid-cols-[minmax(0,1fr)_10rem]" };

package/dist/chunks/{LpAlert-DkOIjsbq.js → LpAlert-B6ilrM7T.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = ["role"];
 const _hoisted_2 = { class: "min-w-0" };
 const _hoisted_3 = {

package/dist/chunks/{LpAppShell-BUKPcHco.js → LpAppShell-B07Lf48e.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, ref, useId, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, toDisplayString, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, createBlock } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-kqJBHIIb.js";
-import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$5 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$5 } from "./LpScrollArea-Bry1fdOM.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-BgwUNWpJ.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-Bwws_X29.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpAutocomplete-DxV3Y9h4.js → LpAutocomplete-C8IgSMsi.js}

@@ -4,7 +4,7 @@ import { useFieldControl } from "../composables/useField.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { CLOSE_ICON, POPOVER_PANEL, OPTION_ITEM } 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 = ["aria-label"];
 const _hoisted_2 = {
   key: 0,
@@ -177,6 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(ComboboxPortal), null, {
             default: withCtx(() => [
               createVNode(unref(ComboboxContent), {
+                "collision-padding": 8,
                 position: "popper",
                 "side-offset": 6,
                 class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-(--reka-combobox-trigger-width) overflow-hidden"]),

package/dist/chunks/{LpAvatar-ClBbEYZN.js → LpAvatar-C1XStdOo.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { AvatarRoot, AvatarImage, AvatarFallback } from "reka-ui";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DQw5dGfG.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: 0,
                 src: __props.src,
                 alt: __props.alt,
-                class: "size-full object-cover"
+                class: "size-full object-cover animate-[fade-in_var(--duration-medium)_ease] motion-reduce:animate-none"
               }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
               createVNode(unref(AvatarFallback), null, {
                 default: withCtx(() => [
@@ -100,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             src: __props.src,
             alt: __props.alt,
-            class: "size-full object-cover"
+            class: "size-full object-cover animate-[fade-in_var(--duration-medium)_ease] motion-reduce:animate-none"
           }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
           createVNode(unref(AvatarFallback), null, {
             default: withCtx(() => [

package/dist/chunks/{LpBreadcrumbs-B8IJgFIc.js → LpBreadcrumbs-CQJd73Gm.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { resolveLink } from "../components/link.js";

package/dist/chunks/{LpButton-kqJBHIIb.js → LpButton-CKSwC6Mu.js}

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const button = tv({
       base: [
-        "inline-flex select-none items-center justify-center gap-2 font-semibold",
+        "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/{LpCalendar-B7Ko5RdR.js → LpCalendar-DrA2McTU.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { today, getLocalTimeZone, parseDate } from "@internationalized/date";
 import { CalendarRoot, CalendarHeader, CalendarPrev, CalendarHeading, CalendarNext, CalendarGrid, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarGridBody, CalendarCell, CalendarCellTrigger } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCard-CpRByR0q.js → LpCard-C2IvucmX.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, withCtx, resolveDynamicComponent, mergeProps, unref, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DQw5dGfG.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpCheckbox-DpqchzH4.js → LpCheckbox-Bkj13CbW.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { CheckboxRoot, CheckboxIndicator } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpCodeBlock-DeHJPq7p.js → LpCodeBlock-ca7ANFyW.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, reactive, watch, ref, openBlock, createEleme
 import { useClipboard } from "../composables/useClipboard.js";
 import { tokenizeLines } from "../components/codeHighlight.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
   key: 0,