@leavepulse/ui 0.71.2 → 0.72.0

package/dist/chunks/{LpColorPicker-Ee1DZiRd.js → LpColorPicker-1y1QJHZR.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, computed, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createElementBlock, createCommentVNode, withDirectives, vShow, withKeys, Fragment, renderList, renderSlot, nextTick } from "vue";
+import { defineComponent, ref, watch, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, toDisplayString, withDirectives, vShow, withKeys, Fragment, renderList, renderSlot, nextTick } from "vue";
 import { PopoverRoot, PopoverAnchor, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { useKitStorage } from "../composables/usePersisted.js";
 import { prefersReducedMotion } from "../composables/easing.js";
@@ -7,28 +7,30 @@ import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight
 import { useClipboard } from "../composables/useClipboard.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DXpFJjlO.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-rx2tCjwk.js";
+import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
-const _hoisted_1 = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"];
-const _hoisted_2 = { class: "min-w-0 flex-1 truncate font-mono text-xs text-muted-strong" };
-const _hoisted_3 = { class: "flex flex-col gap-3" };
-const _hoisted_4 = ["tabindex", "aria-label", "aria-valuenow", "aria-valuetext"];
-const _hoisted_5 = ["aria-label", "aria-valuenow", "tabindex"];
+const _hoisted_1 = ["id", "disabled", "aria-label", "title"];
+const _hoisted_2 = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"];
+const _hoisted_3 = { class: "min-w-0 flex-1 truncate font-mono text-xs text-muted-strong" };
+const _hoisted_4 = { class: "flex flex-col gap-3" };
+const _hoisted_5 = ["tabindex", "aria-label", "aria-valuenow", "aria-valuetext"];
 const _hoisted_6 = ["aria-label", "aria-valuenow", "tabindex"];
-const _hoisted_7 = {
+const _hoisted_7 = ["aria-label", "aria-valuenow", "tabindex"];
+const _hoisted_8 = {
   key: 1,
   "data-lp-ring-owner": "",
   class: "flex h-(--size-control-sm) items-center gap-2 overflow-hidden rounded-control border border-line bg-surface-soft px-2 transition-colors duration-[var(--duration-fast)] focus-within:border-brand focus-within:ring-2 focus-within:ring-ring"
 };
-const _hoisted_8 = { class: "relative flex min-w-0 flex-1 items-center" };
-const _hoisted_9 = ["value", "disabled", "aria-label"];
-const _hoisted_10 = {
+const _hoisted_9 = { class: "relative flex min-w-0 flex-1 items-center" };
+const _hoisted_10 = ["value", "disabled", "aria-label"];
+const _hoisted_11 = {
   key: 0,
   class: "text-[11px] font-medium uppercase tracking-wide text-muted"
 };
-const _hoisted_11 = ["disabled", "aria-label", "aria-pressed", "onClick"];
+const _hoisted_12 = ["disabled", "aria-label", "aria-pressed", "onClick"];
+const ANY_COLOUR = "conic-gradient(from 90deg, #ff5c5c, #ffd23f, #39e58c, #2dd4bf, #00bcff, #7c5cff, #ff5ca8, #ff5c5c)";
 const CHECKERBOARD = "repeating-conic-gradient(var(--color-line-strong) 0% 25%, transparent 0% 50%) 0 0 / 12px 12px";
 const ROLL_MS = 320;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -43,6 +45,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     invalid: { type: Boolean },
     size: { default: "md" },
     label: {},
+    variant: { default: "field" },
+    selected: { type: Boolean, default: true },
     ariaLabel: {},
     side: { default: "bottom" },
     align: { default: "start" },
@@ -197,6 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const rgb = parseColor(value);
       return rgb && isLight(rgbToHsv(rgb)) ? "text-black" : "text-white";
     }
+    const SWATCH_SIZE = { sm: "size-6", md: "size-7", lg: "size-8" };
     const triggerSize = {
       sm: "h-(--size-control-sm) text-xs",
       md: "h-(--size-control-md) text-sm",
@@ -329,13 +334,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:open": _cache[3] || (_cache[3] = ($event) => open.value = $event)
       }, {
         default: withCtx(() => [
-          createVNode(unref(PopoverAnchor), { class: "block w-full" }, {
+          createVNode(unref(PopoverAnchor), {
+            class: normalizeClass(__props.variant === "swatch" ? "inline-block" : "block w-full")
+          }, {
             default: withCtx(() => [
               createVNode(_sfc_main$1, { items: menuItems.value }, {
                 default: withCtx(() => [
                   createVNode(unref(PopoverTrigger), { "as-child": "" }, {
                     default: withCtx(() => [
-                      createElementVNode("button", {
+                      __props.variant === "swatch" ? (openBlock(), createElementBlock("button", {
+                        key: 0,
+                        type: "button",
+                        id: unref(field).id,
+                        disabled: unref(field).disabled,
+                        "aria-label": __props.ariaLabel ?? current.value,
+                        title: current.value,
+                        class: normalizeClass(["relative shrink-0 overflow-hidden rounded-full outline-none ring-2 ring-offset-2 ring-offset-surface-raised transition-[box-shadow,scale] duration-(--duration-fast) hover:scale-110 focus-visible:ring-ring data-[state=open]:ring-brand disabled:cursor-not-allowed disabled:opacity-55", [SWATCH_SIZE[__props.size], __props.selected ? "ring-ink" : "ring-line"]]),
+                        style: normalizeStyle({ background: CHECKERBOARD })
+                      }, [
+                        createElementVNode("span", {
+                          class: "block size-full",
+                          style: normalizeStyle({ background: __props.selected ? previewCss.value : ANY_COLOUR })
+                        }, null, 4),
+                        !__props.selected ? (openBlock(), createBlock(_sfc_main$2, {
+                          key: 0,
+                          name: "lucide:pipette",
+                          size: 12,
+                          class: "absolute inset-0 m-auto text-white drop-shadow"
+                        })) : createCommentVNode("", true)
+                      ], 14, _hoisted_1)) : (openBlock(), createElementBlock("button", {
+                        key: 1,
                         type: "button",
                         id: unref(field).id,
                         disabled: unref(field).disabled,
@@ -357,13 +385,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, null, 4),
                           _cache[4] || (_cache[4] = createElementVNode("span", { class: "pointer-events-none absolute inset-0 rounded-inner ring-1 ring-inset ring-line" }, null, -1))
                         ], 4),
-                        createElementVNode("span", _hoisted_2, toDisplayString(__props.label ?? current.value), 1),
+                        createElementVNode("span", _hoisted_3, toDisplayString(__props.label ?? current.value), 1),
                         createVNode(_sfc_main$2, {
                           name: "lucide:chevron-down",
                           size: 15,
                           class: "shrink-0 text-muted transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[state=open]:rotate-180"
                         })
-                      ], 10, _hoisted_1)
+                      ], 10, _hoisted_2))
                     ]),
                     _: 1
                   })
@@ -372,7 +400,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 8, ["items"])
             ]),
             _: 1
-          }),
+          }, 8, ["class"]),
           createVNode(unref(PopoverPortal), { to: unref(portalTo) }, {
             default: withCtx(() => [
               createVNode(unref(PopoverContent), {
@@ -388,7 +416,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(_sfc_main$1, { items: menuItems.value }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_3, [
+                      createElementVNode("div", _hoisted_4, [
                         createElementVNode("div", {
                           role: "slider",
                           tabindex: __props.disabled ? -1 : 0,
@@ -410,7 +438,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               backgroundColor: previewCss.value
                             })
                           }, null, 4)
-                        ], 44, _hoisted_4),
+                        ], 44, _hoisted_5),
                         createElementVNode("div", {
                           role: "slider",
                           "aria-label": unref(l).hue,
@@ -427,7 +455,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             class: "pointer-events-none absolute top-1/2 size-4 -translate-x-1/2 -translate-y-1/2 rounded-pill border-2 border-white shadow ring-1 ring-black/30",
                             style: normalizeStyle({ left: `${hsv.value.h / 360 * 100}%`, backgroundColor: hueCss.value })
                           }, null, 4)
-                        ], 40, _hoisted_5),
+                        ], 40, _hoisted_6),
                         __props.alpha ? (openBlock(), createElementBlock("div", {
                           key: 0,
                           role: "slider",
@@ -449,13 +477,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             class: "pointer-events-none absolute top-1/2 size-4 -translate-x-1/2 -translate-y-1/2 rounded-pill border-2 border-white shadow ring-1 ring-black/30",
                             style: normalizeStyle({ left: `${hsv.value.a * 100}%`, backgroundColor: previewCss.value })
                           }, null, 4)
-                        ], 44, _hoisted_6)) : createCommentVNode("", true),
-                        !__props.hideInput ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                        ], 44, _hoisted_7)) : createCommentVNode("", true),
+                        !__props.hideInput ? (openBlock(), createElementBlock("div", _hoisted_8, [
                           createElementVNode("span", {
                             class: "size-4 shrink-0 rounded-[5px] border border-line",
                             style: normalizeStyle({ backgroundColor: previewCss.value })
                           }, null, 4),
-                          createElementVNode("span", _hoisted_8, [
+                          createElementVNode("span", _hoisted_9, [
                             withDirectives(createVNode(_sfc_main$3, {
                               value: rollText.value,
                               duration: ROLL_MS,
@@ -476,7 +504,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               onInput,
                               onKeydown: withKeys(commitTyped, ["enter"]),
                               onBlur: onInputBlur
-                            }, null, 42, _hoisted_9)
+                            }, null, 42, _hoisted_10)
                           ])
                         ])) : createCommentVNode("", true),
                         (openBlock(true), createElementBlock(Fragment, null, renderList(swatchRows.value, (row) => {
@@ -484,7 +512,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             key: row.key,
                             class: "flex flex-col gap-1.5"
                           }, [
-                            row.heading ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(row.heading), 1)) : createCommentVNode("", true),
+                            row.heading ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(row.heading), 1)) : createCommentVNode("", true),
                             createElementVNode("div", {
                               class: normalizeClass(["grid gap-1.5", row.cols])
                             }, [
@@ -510,7 +538,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     size: 13,
                                     class: normalizeClass(["relative", tickClass(c)])
                                   }, null, 8, ["class"])) : createCommentVNode("", true)
-                                ], 14, _hoisted_11);
+                                ], 14, _hoisted_12);
                               }), 128))
                             ], 2)
                           ]);

package/dist/chunks/{LpConfirmDialog-i15pulMT.js → LpConfirmDialog-w1ni5nxh.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-BQDAFXBd.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$1 } from "./LpModal-CpH0bNo7.js";
+import { _ as _sfc_main$2 } from "./LpButton-Dk7eT4ro.js";
+import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpModal-BnjZ2iem.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpConfirmHost-D0oGavtd.js → LpConfirmHost-Br_-Gn-6.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-i15pulMT.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-w1ni5nxh.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpContextMenu-DXpFJjlO.js → LpContextMenu-rx2tCjwk.js}

@@ -4,8 +4,8 @@ import { usePaletteScope, usePaletteCommands } from "../composables/usePaletteCo
 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-eS7qx9gD.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-Dab3EGOp.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-BXumicbh.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-BmCNNTKH.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 import { useView, usePortalTarget, useOutsideGuard, viewDocument } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCopyButton-Dmq7DmFw.js → LpCopyButton-DaD1KCn6.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, Fragment, createVNode, withCtx, mergeProps, unref, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$2 } from "./LpButton-Dk7eT4ro.js";
+import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {

package/dist/chunks/{LpCountdown-CXrEK0ev.js → LpCountdown-Cgy0mVEq.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, m
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$1 } from "./LpProgress-WNaH4emv.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
-import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
+import { _ as _sfc_main$1 } from "./LpProgress-rOlyafqp.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
+import { _ as _sfc_main$2 } from "./LpShift-BAp8lGoa.js";
 import { DEFAULT_UNIT_LABELS, toEpoch, ceilToSecond, timeParts, resolveFormat, padPart, formatTime, DEFAULT_MILESTONES, crossedMilestone, msToNextSecond } from "../components/timeSpan.js";
 const _hoisted_1 = ["data-urgent", "data-done"];
 const _hoisted_2 = ["aria-label"];

package/dist/chunks/{LpDataList-CFPtSsBB.js → LpDataList-CkcGFJgv.js}

@@ -1,9 +1,9 @@
 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-Dmq7DmFw.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
+import { _ as _sfc_main$4 } from "./LpCopyButton-DaD1KCn6.js";
+import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";
 const _hoisted_1 = { class: "flex min-w-0 items-center gap-1 text-muted" };
 const _hoisted_2 = ["aria-label"];

package/dist/chunks/{LpDatePicker-cC9K-Pk8.js → LpDatePicker-CA0QTfBC.js}

@@ -3,10 +3,10 @@ import { useFieldControl } from "../composables/useField.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { defaultDatePresets, dayAllowed } from "../components/dateRange.js";
-import { _ as _sfc_main$2 } from "./LpCalendar-NmrA47J9.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$1 } from "./PickerField-DwLw7j0L.js";
-import { _ as _sfc_main$4 } from "./LpTimeField-DQ8WvPr2.js";
+import { _ as _sfc_main$2 } from "./LpCalendar-CuoWks-0.js";
+import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./PickerField-Bfh8id3d.js";
+import { _ as _sfc_main$4 } from "./LpTimeField-BawSVsmt.js";
 const _hoisted_1 = { class: "flex flex-col" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpDateRangePicker-BVQKPbvo.js → LpDateRangePicker-u3J51xXk.js}

@@ -4,8 +4,8 @@ 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$1 } from "./PickerField-DwLw7j0L.js";
-import { _ as _sfc_main$2 } from "./LpRangeCalendar-l-0nSFmY.js";
+import { _ as _sfc_main$1 } from "./PickerField-Bfh8id3d.js";
+import { _ as _sfc_main$2 } from "./LpRangeCalendar-CYYUYqJ7.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpDisclosure-hRnX3FWL.js → LpDisclosure-Cpa7Hc5T.js}

@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, computed, ref, useId, openBlock, c
 import { usePaletteAction } from "../composables/usePaletteCommands.js";
 import { CollapsibleRoot, CollapsibleTrigger } from "reka-ui";
 import { _ as _sfc_main$2 } from "./LpCollapse-CWS9M_lm.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "min-w-0 flex-1 text-left" };
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpDrawer-u4rxnuR-.js → LpDrawer-RRamxbLV.js}

@@ -6,7 +6,7 @@ import { useCloseGuard } from "../composables/useCloseGuard.js";
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { usePersisted } from "../composables/usePersisted.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";

package/dist/chunks/{LpDropdownMenu-BgZ0Z_Im.js → LpDropdownMenu-Dl7Z4ZhS.js}

@@ -4,9 +4,9 @@ import { usePaletteScope, usePaletteCommands } from "../composables/usePaletteCo
 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-eS7qx9gD.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-BXumicbh.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-Dab3EGOp.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-BmCNNTKH.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpDropdownMenu",

package/dist/chunks/{LpEditable-CjxuOVh_.js → LpEditable-D3PvD6Zm.js}

@@ -2,11 +2,11 @@ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, n
 import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$5 } from "./LpFieldNotice-CPI8EwtU.js";
-import { _ as _sfc_main$4 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$3 } from "./LpLoader-DjJEX8hL.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
-import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
+import { _ as _sfc_main$5 } from "./LpFieldNotice-CzQ2_5rQ.js";
+import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$3 } from "./LpLoader-B82_CcV0.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-B54Pje7P.js";
+import { _ as _sfc_main$1 } from "./LpShift-BAp8lGoa.js";
 const _hoisted_1 = ["role", "tabindex", "aria-disabled", "aria-label", "aria-busy", "title"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpEmptyState-CKFTtQgJ.js → LpEmptyState-EQHiRYhG.js}

@@ -1,5 +1,5 @@
-import { defineComponent, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createVNode, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { defineComponent, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createVNode, createCommentVNode, createElementVNode, toDisplayString, renderSlot, createTextVNode } from "vue";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex flex-col gap-1" };
 const _hoisted_2 = {
@@ -43,7 +43,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("p", {
             class: normalizeClass(["font-semibold text-ink", __props.compact ? "text-sm" : ""])
           }, toDisplayString(__props.title), 3),
-          __props.description ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+          __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("p", _hoisted_2, [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(__props.description), 1)
+            ])
+          ])) : createCommentVNode("", true)
         ]),
         _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_3, [
           renderSlot(_ctx.$slots, "default")

package/dist/chunks/{LpFieldNotice-CPI8EwtU.js → LpFieldNotice-CzQ2_5rQ.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, createElementVNode, toDisplayString, createCommentVNode } from "vue";
 import { prefersReducedMotion } from "../composables/easing.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "truncate" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpFileTree-BH0gNlSJ.js → LpFileTree-D7KTaJiM.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createBlock, normalizeStyle, createVNode, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { useLocale } from "../composables/useLocale.js";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
-import { _ as _sfc_main$2 } from "./LpEmptyState-CKFTtQgJ.js";
-import { _ as _sfc_main$4 } from "./LpFileTreeNode-gPVB1oXM.js";
+import { _ as _sfc_main$2 } from "./LpEmptyState-EQHiRYhG.js";
+import { _ as _sfc_main$4 } from "./LpFileTreeNode-14GVqQTd.js";
 import { _ as _sfc_main$3 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
 import { usePersisted } from "../composables/usePersisted.js";

package/dist/chunks/{LpFileTreeNode-gPVB1oXM.js → LpFileTreeNode-14GVqQTd.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
-import { _ as _sfc_main$5 } from "./LpBadge-C8fKEmTF.js";
-import { _ as _sfc_main$4 } from "./LpCheckbox-BoOuLnGB.js";
+import { _ as _sfc_main$5 } from "./LpBadge-vtCpsDmv.js";
+import { _ as _sfc_main$4 } from "./LpCheckbox-DLX4amba.js";
 import { _ as _sfc_main$6 } from "./LpCollapse-CWS9M_lm.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DXpFJjlO.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$2 } from "./LpLoader-DjJEX8hL.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-rx2tCjwk.js";
+import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$2 } from "./LpLoader-B82_CcV0.js";
 import { staggerDelay } from "../components/reveal.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpFormField-gRASfyj2.js → LpFormField-MSQhRCTz.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useId, computed, useSlots, ref, openBlock, createElementBlock, mergeProps, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createVNode, normalizeClass } from "vue";
 import { Label } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpFieldNotice-CPI8EwtU.js";
-import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
+import { _ as _sfc_main$1 } from "./LpFieldNotice-CzQ2_5rQ.js";
+import { _ as _sfc_main$2 } from "./LpShift-BAp8lGoa.js";
 import { fieldMessageId, provideField } from "../composables/useField.js";
 import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpGauge-DFdt33x8.js → LpGauge-BO1PYYqD.js}

@@ -3,8 +3,8 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
-import { _ as _sfc_main$1 } from "./LpNumberFlow-Dwb9MV1A.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
+import { _ as _sfc_main$1 } from "./LpNumberFlow-CcxEGUy0.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-B54Pje7P.js";
 import { capacityThresholds, toneAt, GAUGE_SWEEP, arcPath, meterFraction, polar } from "../components/meter.js";
 import { toneLook } from "../components/tone.js";
 const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext", "aria-label"];

package/dist/chunks/{LpHintLayer-C2asBIfs.js → LpHintLayer-CmYm37z7.js}

@@ -3,8 +3,8 @@ import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-
 import { hints } from "../composables/useHints.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { PANEL_SURFACE, POPOVER_ANIM } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpBadge-C8fKEmTF.js";
-import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$1 } from "./LpBadge-vtCpsDmv.js";
+import { _ as _sfc_main$2 } from "./LpButton-Dk7eT4ro.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = ["aria-label", "onPointerenter", "onFocus", "onClick"];
 const _hoisted_2 = { class: "flex items-center gap-2 font-medium" };

package/dist/chunks/{LpHints-CNZQ76JV.js → LpHints-iLIRUkCj.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, onErrorCaptured, onMounted, onBeforeUnmount, comp
 import { provideHintSystem } from "../composables/useHintSystem.js";
 import { useAppleKeyboard, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpActionBar-B7anGlkI.js";
-import { _ as _sfc_main$2 } from "./LpHintLayer-C2asBIfs.js";
-import { _ as _sfc_main$1 } from "./LpTour-BgCfNlaW.js";
+import { _ as _sfc_main$3 } from "./LpActionBar-DfiBL1dE.js";
+import { _ as _sfc_main$2 } from "./LpHintLayer-CmYm37z7.js";
+import { _ as _sfc_main$1 } from "./LpTour-DC3LTlxg.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpHints",
   props: {

package/dist/chunks/{LpIcon-DkP-9mzK.js → LpIcon--5WSb3jJ.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, watchEffect, openBlock, createElementBlock, createBlock, unref } from "vue";
 import { getIcon, Icon } from "@iconify/vue";
-import { i as iconsVersion, r as requestIcon } from "./icons-CLu1iR1j.js";
+import { i as iconsVersion, r as requestIcon } from "./icons-DMITlfw5.js";
 const _hoisted_1 = ["width", "height", "viewBox", "innerHTML"];
 const _hoisted_2 = ["width", "height"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpInfraNode-yTh4-5qa.js → LpInfraNode-BT0VQrOa.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, unref, createElementVNode, toDisplayString, createBlock, createCommentVNode, withCtx, createTextVNode } from "vue";
 import { Handle, Position } from "@vue-flow/core";
-import { _ as _sfc_main$2 } from "./LpBadge-C8fKEmTF.js";
-import { _ as _sfc_main$1 } from "./LpStatus-BQU1TUsv.js";
+import { _ as _sfc_main$2 } from "./LpBadge-vtCpsDmv.js";
+import { _ as _sfc_main$1 } from "./LpStatus-BWTLVPVh.js";
 const _hoisted_1 = { class: "px-[11px] pb-2.5 pt-[9px]" };
 const _hoisted_2 = { class: "flex items-center gap-[7px]" };
 const _hoisted_3 = { class: "text-[13px] text-[var(--accent)]" };

package/dist/chunks/{LpInput-2H-5ILOB.js → LpInput-1eNvtzXs.js}

@@ -6,8 +6,8 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useInputMask, DEFAULT_MASK_TOKENS } from "../composables/useInputMask.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./FieldWrapper-YzbvvC3M.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnA1rxZ8.js";
+import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex shrink-0 items-center text-muted"

package/dist/chunks/{LpLightbox-lAt5uIfx.js → LpLightbox-DWw6OSA4.js}

@@ -3,9 +3,9 @@ import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, Di
 import { useLabels } from "../composables/useLpConfig.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
 import { fileNameOf } from "../components/lightbox.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-Dmq7DmFw.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$3 } from "./LpLoader-DjJEX8hL.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-DaD1KCn6.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$3 } from "./LpLoader-B82_CcV0.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = { class: "flex shrink-0 items-center gap-1 p-3 text-sm text-white/70 [--chrome-from:-8px] animate-[lightbox-chrome-in_var(--duration-medium)_var(--ease-emphasized)_60ms_both] motion-reduce:animate-none" };

package/dist/chunks/{LpLoader-DjJEX8hL.js → LpLoader-B82_CcV0.js}

@@ -3,7 +3,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useLoadingGate } from "../composables/useLoadingGate.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$2 } from "./LoaderMark-C1dubiKn.js";
-import { _ as _sfc_main$1 } from "./LpSwap-DzE6M3Mg.js";
+import { _ as _sfc_main$1 } from "./LpSwap-B5YOXgtx.js";
 import { toneLook } from "../components/tone.js";
 const _hoisted_1 = ["aria-busy"];
 const _hoisted_2 = {

package/dist/chunks/{LpLogViewer-x78YfhJf.js → LpLogViewer-pzanZASC.js}

@@ -3,12 +3,12 @@ import { usePersisted } from "../composables/usePersisted.js";
 import { prefersReducedMotion, durationToken, tokenEase } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$7 } from "./LpBadge-C8fKEmTF.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-DXpFJjlO.js";
-import { _ as _sfc_main$4 } from "./LpEmptyState-CKFTtQgJ.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$5 } from "./LpLoader-DjJEX8hL.js";
-import { _ as _sfc_main$1 } from "./LpInput-2H-5ILOB.js";
+import { _ as _sfc_main$7 } from "./LpBadge-vtCpsDmv.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-rx2tCjwk.js";
+import { _ as _sfc_main$4 } from "./LpEmptyState-EQHiRYhG.js";
+import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$5 } from "./LpLoader-B82_CcV0.js";
+import { _ as _sfc_main$1 } from "./LpInput-1eNvtzXs.js";
 import { _ as _sfc_main$3 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpMapPicker-Dp5RSCi9.js → LpMapPicker-DNIUvF6V.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { OSM_TILES, project, tileUrl, unproject } from "../components/address.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$2 } from "./LpLoader-DjJEX8hL.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$2 } from "./LpLoader-B82_CcV0.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";

package/dist/chunks/{LpMediaGallery-D92oJfY_.js → LpMediaGallery-Dx8xzg5N.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createVNode, createCommentVNode } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DXpFJjlO.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$3 } from "./LpLightbox-lAt5uIfx.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-rx2tCjwk.js";
+import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$3 } from "./LpLightbox-DWw6OSA4.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];

package/dist/chunks/{LpModal-CpH0bNo7.js → LpModal-BnjZ2iem.js}

@@ -6,7 +6,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = {

package/dist/chunks/{LpModalNav-Cuna8c_3.js → LpModalNav-Cu04W1pV.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, ref, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$1 } from "./LpModal-CpH0bNo7.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-Bk7b-K4l.js";
+import { _ as _sfc_main$2 } from "./LpButton-Dk7eT4ro.js";
+import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpModal-BnjZ2iem.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-BftYsk5d.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",