@leavepulse/ui 0.44.0 → 0.45.0

package/dist/chunks/{LpColorPicker-Bhf1qxhB.js → LpColorPicker-zz4VGkG4.js}

@@ -1,11 +1,13 @@
-import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createElementBlock, createCommentVNode, withKeys, Fragment, renderList, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createElementBlock, createCommentVNode, withDirectives, vShow, withKeys, Fragment, renderList, renderSlot, nextTick } from "vue";
 import { PopoverRoot, PopoverAnchor, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
+import { prefersReducedMotion } from "../composables/easing.js";
 import { useFieldControl } from "../composables/useField.js";
 import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight, clampHsv } from "../components/color.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DQw5dGfG.js";
-import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.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" };
@@ -17,13 +19,15 @@ const _hoisted_7 = {
   "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 = ["value", "disabled", "aria-label"];
-const _hoisted_9 = {
+const _hoisted_8 = { class: "relative flex min-w-0 flex-1 items-center" };
+const _hoisted_9 = ["value", "disabled", "aria-label"];
+const _hoisted_10 = {
   key: 0,
   class: "text-[11px] font-medium uppercase tracking-wide text-muted"
 };
-const _hoisted_10 = ["disabled", "aria-label", "aria-pressed", "onClick"];
+const _hoisted_11 = ["disabled", "aria-label", "aria-pressed", "onClick"];
 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({
   __name: "LpColorPicker",
   props: {
@@ -275,9 +279,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } catch {
       }
     }
+    const rollText = ref(current.value);
+    const rolling = ref(false);
+    let rollTimer;
     function setFormat(f) {
       if (activeFormat.value === f) return;
+      rollText.value = inputValue.value;
       activeFormat.value = f;
+      if (!prefersReducedMotion()) {
+        rolling.value = true;
+        void nextTick(() => rollText.value = current.value);
+        if (rollTimer) clearTimeout(rollTimer);
+        rollTimer = setTimeout(() => rolling.value = false, ROLL_MS + 40);
+      }
       typed.value = null;
       emit("update:modelValue", current.value);
       emit("change", current.value);
@@ -364,6 +378,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(PopoverPortal), null, {
             default: withCtx(() => [
               createVNode(unref(PopoverContent), {
+                "collision-padding": 8,
                 side: __props.side,
                 align: __props.align,
                 "side-offset": 6,
@@ -440,25 +455,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             class: "size-4 shrink-0 rounded-[5px] border border-line",
                             style: normalizeStyle({ backgroundColor: previewCss.value })
                           }, null, 4),
-                          createElementVNode("input", {
-                            value: inputValue.value,
-                            disabled: __props.disabled,
-                            spellcheck: "false",
-                            autocapitalize: "off",
-                            autocomplete: "off",
-                            "aria-label": l.value.value,
-                            class: "min-w-0 flex-1 select-text bg-transparent font-mono text-xs text-ink outline-none placeholder:text-muted",
-                            onInput,
-                            onKeydown: withKeys(commitTyped, ["enter"]),
-                            onBlur: onInputBlur
-                          }, null, 40, _hoisted_8)
+                          createElementVNode("span", _hoisted_8, [
+                            withDirectives(createVNode(_sfc_main$3, {
+                              value: rollText.value,
+                              duration: ROLL_MS,
+                              align: "start",
+                              "aria-hidden": "true",
+                              class: "pointer-events-none absolute inset-0 font-mono text-xs text-ink"
+                            }, null, 8, ["value"]), [
+                              [vShow, rolling.value]
+                            ]),
+                            createElementVNode("input", {
+                              value: inputValue.value,
+                              disabled: __props.disabled,
+                              spellcheck: "false",
+                              autocapitalize: "off",
+                              autocomplete: "off",
+                              "aria-label": l.value.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" : ""]),
+                              onInput,
+                              onKeydown: withKeys(commitTyped, ["enter"]),
+                              onBlur: onInputBlur
+                            }, null, 42, _hoisted_9)
+                          ])
                         ])) : createCommentVNode("", true),
                         (openBlock(true), createElementBlock(Fragment, null, renderList(swatchRows.value, (row) => {
                           return openBlock(), createElementBlock("div", {
                             key: row.key,
                             class: "flex flex-col gap-1.5"
                           }, [
-                            row.heading ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(row.heading), 1)) : createCommentVNode("", true),
+                            row.heading ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(row.heading), 1)) : createCommentVNode("", true),
                             createElementVNode("div", {
                               class: normalizeClass(["grid gap-1.5", row.cols])
                             }, [
@@ -484,7 +510,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     size: 13,
                                     class: normalizeClass(["relative", tickClass(c)])
                                   }, null, 8, ["class"])) : createCommentVNode("", true)
-                                ], 14, _hoisted_10);
+                                ], 14, _hoisted_11);
                               }), 128))
                             ], 2)
                           ]);

package/dist/chunks/{LpConfirmDialog-CIUOSnWo.js → LpConfirmDialog-DCw5jR1t.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-kqJBHIIb.js";
-import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpModal-DPwGKBPv.js";
+import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpModal-DMMDQHAu.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

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

package/dist/chunks/{LpContextMenu-DQw5dGfG.js → LpContextMenu-BqkAYa9X.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
 import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent } from "reka-ui";
-import { _ as _sfc_main$1 } from "./ContextMenuItems-CrfeNPWT.js";
+import { _ as _sfc_main$1 } from "./ContextMenuItems-BtKU7074.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpContextMenu",
@@ -43,6 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           __props.items.length ? (openBlock(), createBlock(unref(ContextMenuPortal), { key: 0 }, {
             default: withCtx(() => [
               createVNode(unref(ContextMenuContent), {
+                "collision-padding": 8,
                 class: normalizeClass(PANEL),
                 onCloseAutoFocus: returnFocus
               }, {

package/dist/chunks/{LpDatePicker-Drirx1AK.js → LpDatePicker-DuusgT69.js}

@@ -1,12 +1,13 @@
-import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, toDisplayString } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpCalendar-B7Ko5RdR.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$3 } from "./LpTimeField-C5HRgS5H.js";
+import { _ as _sfc_main$3 } from "./LpCalendar-DrA2McTU.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$4 } from "./LpTimeField-Cqe7fXnh.js";
 const _hoisted_1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
 const _hoisted_2 = {
   key: 0,
@@ -112,9 +113,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     size: 16,
                     class: "shrink-0 text-muted"
                   }),
-                  createElementVNode("span", {
-                    class: normalizeClass(["min-w-0 flex-1 truncate", display.value ? "" : "text-muted"])
-                  }, toDisplayString(display.value || __props.placeholder), 3),
+                  createVNode(_sfc_main$2, {
+                    value: display.value || __props.placeholder || "",
+                    align: "start",
+                    class: normalizeClass(["min-w-0 flex-1", display.value ? "" : "text-muted"])
+                  }, null, 8, ["value", "class"]),
                   showClear.value ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true),
                   createVNode(_sfc_main$1, {
                     name: "lucide:chevron-down",
@@ -128,12 +131,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(PopoverPortal), null, {
               default: withCtx(() => [
                 createVNode(unref(PopoverContent), {
+                  "collision-padding": 8,
                   "side-offset": 6,
                   align: "start",
                   class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) rounded-card p-0 outline-none"])
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$2, {
+                    createVNode(_sfc_main$3, {
                       "model-value": day.value,
                       min: __props.min,
                       max: __props.max,
@@ -147,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         size: 15,
                         class: "shrink-0 text-muted"
                       }),
-                      createVNode(_sfc_main$3, {
+                      createVNode(_sfc_main$4, {
                         "model-value": minute.value || void 0,
                         disabled: !day.value,
                         icon: false,

package/dist/chunks/LpDateRangePicker-DHeuznfC.js

@@ -0,0 +1,208 @@
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Fragment, renderList, toDisplayString } from "vue";
+import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
+import { useFieldControl } from "../composables/useField.js";
+import { useLabels } from "../composables/useLpConfig.js";
+import { mergeClass } from "../composables/useMergedClass.js";
+import { normalizeRange, formatRange, defaultRangePresets, sameRange, clampRange } from "../components/dateRange.js";
+import { POPOVER_PANEL } from "../components/dropdown.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$3 } from "./LpRangeCalendar-DZuaRV0W.js";
+const _hoisted_1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
+const _hoisted_2 = {
+  key: 0,
+  class: "w-[15px] shrink-0",
+  "aria-hidden": "true"
+};
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = ["disabled", "aria-pressed", "onClick"];
+const _hoisted_5 = ["aria-label"];
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpDateRangePicker",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    min: {},
+    max: {},
+    isDisabled: {},
+    isDateUnavailable: {},
+    maximumDays: {},
+    presets: {},
+    clearable: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    size: { default: "md" },
+    locale: {},
+    format: {},
+    labels: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const text = useLabels(
+      "dateRangePicker",
+      {
+        placeholder: "Pick a date range",
+        clear: "Clear",
+        presets: "Presets",
+        today: "Today",
+        last7: "Last 7 days",
+        last30: "Last 30 days",
+        thisMonth: "This month",
+        lastMonth: "Last month"
+      },
+      () => props.labels
+    );
+    const open = ref(false);
+    const value = computed(() => normalizeRange(props.modelValue));
+    const display = computed(() => value.value ? formatRange(value.value, props.locale, props.format) : "");
+    const presetList = computed(() => {
+      return props.presets ?? defaultRangePresets(text.value);
+    });
+    function pick(range, change) {
+      emit("update:modelValue", range);
+      if (!change) open.value = false;
+    }
+    function pickPreset(preset) {
+      const range = clampRange(preset.range(), props.min, props.max);
+      if (range) pick(range);
+    }
+    function presetFits(preset) {
+      return !!clampRange(preset.range(), props.min, props.max);
+    }
+    const wide = ref(false);
+    let query;
+    const onQuery = () => {
+      wide.value = !!query?.matches;
+    };
+    onMounted(() => {
+      query = window.matchMedia("(min-width: 640px)");
+      onQuery();
+      query.addEventListener("change", onQuery);
+    });
+    onBeforeUnmount(() => query?.removeEventListener("change", onQuery));
+    const shellSize = {
+      sm: "h-(--size-control-sm) text-xs",
+      md: "h-(--size-control-md) text-sm",
+      lg: "h-(--size-control-lg) text-sm"
+    };
+    const attrs = useAttrs();
+    const field = useFieldControl(() => ({
+      wrapped: false,
+      id: typeof attrs.id === "string" ? attrs.id : void 0,
+      invalid: props.invalid,
+      disabled: props.disabled
+    }));
+    const showClear = computed(() => props.clearable && !!value.value && !field.value.disabled);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(mergeClass)("relative w-full", unref(attrs).class)),
+        style: normalizeStyle(unref(attrs).style)
+      }, [
+        createVNode(unref(PopoverRoot), {
+          open: open.value,
+          "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(PopoverTrigger), { "as-child": "" }, {
+              default: withCtx(() => [
+                createElementVNode("button", mergeProps({ ...unref(attrs), class: void 0, style: void 0 }, {
+                  id: unref(field).id,
+                  type: "button",
+                  disabled: unref(field).disabled,
+                  "aria-invalid": unref(field).invalid || void 0,
+                  "aria-describedby": unref(field).describedBy,
+                  class: ["group flex w-full items-center gap-2 rounded-control border bg-surface-soft px-3 text-left text-ink outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:border-brand disabled:cursor-not-allowed disabled:opacity-55", [
+                    shellSize[__props.size],
+                    unref(field).invalid ? "border-danger focus-visible:ring-danger-soft" : "border-line focus-visible:border-brand"
+                  ]]
+                }), [
+                  createVNode(_sfc_main$1, {
+                    name: "lucide:calendar-range",
+                    size: 16,
+                    class: "shrink-0 text-muted"
+                  }),
+                  createVNode(_sfc_main$2, {
+                    value: display.value || __props.placeholder || unref(text).placeholder,
+                    align: "start",
+                    class: normalizeClass(["min-w-0 flex-1", display.value ? "" : "text-muted"])
+                  }, null, 8, ["value", "class"]),
+                  showClear.value ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true),
+                  createVNode(_sfc_main$1, {
+                    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 motion-reduce:transition-none"
+                  })
+                ], 16, _hoisted_1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(PopoverPortal), null, {
+              default: withCtx(() => [
+                createVNode(unref(PopoverContent), {
+                  "side-offset": 6,
+                  align: "start",
+                  "collision-padding": 8,
+                  class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) flex max-w-[calc(100vw-1rem)] flex-col rounded-card p-0 outline-none sm:flex-row"])
+                }, {
+                  default: withCtx(() => [
+                    presetList.value.length ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      role: "group",
+                      "aria-label": unref(text).presets,
+                      class: "flex gap-1 overflow-x-auto border-b border-line p-2 sm:w-40 sm:flex-col sm:overflow-visible sm:border-r sm:border-b-0"
+                    }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(presetList.value, (preset, i) => {
+                        return openBlock(), createElementBlock("button", {
+                          key: `${i}:${preset.label}`,
+                          type: "button",
+                          disabled: !presetFits(preset),
+                          "aria-pressed": unref(sameRange)(value.value, preset.range()),
+                          class: "shrink-0 rounded-control px-2.5 py-1.5 text-left text-sm whitespace-nowrap text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:bg-surface-soft hover:text-ink focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40 aria-pressed:bg-brand-soft aria-pressed:text-ink",
+                          onClick: ($event) => pickPreset(preset)
+                        }, toDisplayString(preset.label), 9, _hoisted_4);
+                      }), 128))
+                    ], 8, _hoisted_3)) : createCommentVNode("", true),
+                    createVNode(_sfc_main$3, {
+                      "model-value": value.value,
+                      min: __props.min,
+                      max: __props.max,
+                      "is-disabled": __props.isDisabled,
+                      "is-date-unavailable": __props.isDateUnavailable,
+                      "maximum-days": __props.maximumDays,
+                      months: wide.value ? 2 : 1,
+                      locale: __props.locale,
+                      class: "border-0 bg-transparent",
+                      "onUpdate:modelValue": pick
+                    }, null, 8, ["model-value", "min", "max", "is-disabled", "is-date-unavailable", "maximum-days", "months", "locale"])
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open"]),
+        showClear.value ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          type: "button",
+          "aria-label": unref(text).clear,
+          class: "absolute top-1/2 right-[calc(0.75rem+15px+0.5rem)] flex -translate-y-1/2 items-center rounded-sm text-muted outline-none transition-colors hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+          onClick: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", void 0))
+        }, [
+          createVNode(_sfc_main$1, {
+            name: "lucide:x",
+            size: 15
+          })
+        ], 8, _hoisted_5)) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpDisclosure-ChQYmjlR.js → LpDisclosure-Cc23-JOT.js}

@@ -1,6 +1,6 @@
 import { defineComponent, getCurrentInstance, computed, ref, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, nextTick } from "vue";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } 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 _hoisted_1 = { class: "min-w-0 flex-1 text-left" };
 const _hoisted_2 = { class: "grid gap-2.5 px-3 pt-1 pb-3 group-data-[state=open]/content:animate-[disclosure-body-in_300ms_var(--ease-emphasized)] motion-reduce:animate-none" };

package/dist/chunks/{LpDrawer-bScx-KMO.js → LpDrawer-Dt4aB4Fr.js}

@@ -3,8 +3,8 @@ import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerTitle, Dr
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-Bry1fdOM.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
 const _hoisted_1 = { class: "text-base font-semibold text-ink" };
 const _hoisted_2 = { class: "flex flex-col gap-1" };

package/dist/chunks/{LpDropdownMenu-DJpoqRCb.js → LpDropdownMenu-DdJGQzPn.js}

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem } from "reka-ui";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpDropdownMenu",
   props: {
@@ -20,6 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(DropdownMenuPortal), null, {
             default: withCtx(() => [
               createVNode(unref(DropdownMenuContent), {
+                "collision-padding": 8,
                 "side-offset": 6,
                 align: "end",
                 class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) min-w-44 p-1 outline-none"])

package/dist/chunks/{LpEmptyState-Dsdqz1Wj.js → LpEmptyState-BJbZXC8D.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-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex flex-col gap-1" };
 const _hoisted_2 = {

package/dist/chunks/LpFieldNotice-wtieLUTj.js

@@ -0,0 +1,64 @@
+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-DYtaid0K.js";
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { class: "truncate" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpFieldNotice",
+  props: {
+    notice: {},
+    id: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const el = ref(null);
+    watch(
+      () => props.notice.seq.value,
+      (_, before) => {
+        if (before === void 0 || !el.value || prefersReducedMotion()) return;
+        el.value.animate(
+          [
+            { transform: "translateX(0)" },
+            { transform: "translateX(-3px)" },
+            { transform: "translateX(3px)" },
+            { transform: "translateX(0)" }
+          ],
+          { duration: 240, easing: "ease-out" }
+        );
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        "enter-active-class": "transition-[opacity,translate] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none",
+        "leave-active-class": "transition-[opacity,translate] duration-fast ease-out motion-reduce:transition-none",
+        "enter-from-class": "-translate-y-1 opacity-0",
+        "leave-to-class": "-translate-y-1 opacity-0"
+      }, {
+        default: withCtx(() => [
+          __props.notice.message.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            id: __props.id,
+            ref_key: "el",
+            ref: el,
+            role: "status",
+            class: normalizeClass([
+              "pointer-events-none absolute top-full left-0 z-20 mt-1.5 flex max-w-full items-center gap-1.5 rounded-control border px-2 py-1 text-xs shadow-sm",
+              __props.notice.tone.value === "danger" ? "border-danger/40 bg-surface-raised bg-[linear-gradient(var(--color-danger-soft),var(--color-danger-soft))] text-danger" : "border-line bg-surface-raised text-ink"
+            ])
+          }, [
+            createVNode(_sfc_main$1, {
+              name: __props.notice.tone.value === "danger" ? "lucide:circle-alert" : "lucide:info",
+              size: 13,
+              class: normalizeClass(["shrink-0", __props.notice.tone.value === "danger" ? "" : "text-muted"])
+            }, null, 8, ["name", "class"]),
+            createElementVNode("span", _hoisted_2, toDisplayString(__props.notice.message.value), 1)
+          ], 10, _hoisted_1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpFileTree-CSI_5SK2.js → LpFileTree-CNurOvkV.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
-import { _ as _sfc_main$1 } from "./LpEmptyState-Dsdqz1Wj.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-B4MiSQX2.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$1 } from "./LpEmptyState-BJbZXC8D.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-D_qRRdsH.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-Bry1fdOM.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 const _hoisted_1 = {

package/dist/chunks/{LpFileTreeNode-B4MiSQX2.js → LpFileTreeNode-D_qRRdsH.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Transition, Fragment, renderList } from "vue";
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
-import { _ as _sfc_main$3 } from "./LpCheckbox-DpqchzH4.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DQw5dGfG.js";
-import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-Bkj13CbW.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];
 const _hoisted_2 = ["data-node-id", "tabindex"];