@leavepulse/ui 0.34.0 → 0.36.0

package/dist/assets/{LpTable-Ckoi05Am.css → LpTable-DfSwPCJ-.css}

@@ -11,21 +11,34 @@
  * fade before closing the gap and the whole list lurches at the end instead of
  * gliding.
  */
-.lp-row-enter-active[data-v-d139c3bb],
-.lp-row-leave-active[data-v-d139c3bb] {
+.lp-row-enter-active[data-v-1fada8e7],
+.lp-row-leave-active[data-v-1fada8e7] {
   transition:
     opacity var(--duration-fast) var(--ease-emphasized),
     transform var(--duration-fast) var(--ease-emphasized);
 }
-.lp-row-move[data-v-d139c3bb] {
+.lp-row-move[data-v-1fada8e7] {
   transition: transform var(--duration-medium) var(--ease-emphasized);
 }
-.lp-row-enter-from[data-v-d139c3bb],
-.lp-row-leave-to[data-v-d139c3bb] {
+.lp-row-enter-from[data-v-1fada8e7],
+.lp-row-leave-to[data-v-1fada8e7] {
   opacity: 0;
   transform: translateX(-0.5rem);
 }
 
+/*
+ * The empty-state row leaves at once, without the fade. It and the first real
+ * rows would otherwise share the table for the length of the animation, and a
+ * row of blank height sits above them — the table jumps once on every load.
+ *
+ * `position: absolute` is what a list would use here, but a positioned `<tr>`
+ * 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-1fada8e7] {
+  display: none;
+}
+
 /*
  * The leaving row stays in the flow. Taking it out with `position: absolute` is
  * the usual trick for a list, but a `<tr>` positioned that way loses the table's
@@ -37,9 +50,9 @@
 /* A filter that redraws the list is information, not decoration: with motion
    turned down the rows change without animating rather than not changing. */
 @media (prefers-reduced-motion: reduce) {
-.lp-row-enter-active[data-v-d139c3bb],
-  .lp-row-leave-active[data-v-d139c3bb],
-  .lp-row-move[data-v-d139c3bb] {
+.lp-row-enter-active[data-v-1fada8e7],
+  .lp-row-leave-active[data-v-1fada8e7],
+  .lp-row-move[data-v-1fada8e7] {
     transition: none;
 }
 }

package/dist/chunks/{LpAddressInput-FZXfljWV.js → LpAddressInput-D4t8WFD-.js}

@@ -6,7 +6,7 @@ import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$1 } from "./LpFormField-CazBc2-a.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpInput-9EXWUM9B.js";
-import { _ as _sfc_main$7 } from "./LpModal-DAqXzsm-.js";
+import { _ as _sfc_main$7 } from "./LpModal-7LvuAA7U.js";
 import { _ as _sfc_main$6 } from "./LpSelect-ANIVtrpM.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpConfirmDialog-CQBVaLpo.js → LpConfirmDialog-CxbizvSB.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, createSlots, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createElementVNode, normalizeClass } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpModal-DAqXzsm-.js";
+import { _ as _sfc_main$1 } from "./LpModal-7LvuAA7U.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",

package/dist/chunks/LpModal-7LvuAA7U.js

@@ -0,0 +1,224 @@
+import { defineComponent, computed, useSlots, watch, onBeforeUnmount, ref, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, createElementVNode, createElementBlock, renderSlot, createCommentVNode, mergeProps, createTextVNode, toDisplayString, normalizeClass } from "vue";
+import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
+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-CCnX5_2j.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
+const _hoisted_1 = {
+  key: 0,
+  "data-lp-modal-aside": "",
+  class: "pointer-events-auto flex min-h-0 flex-col"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "flex shrink-0 items-start justify-between gap-4 p-5 pb-3"
+};
+const _hoisted_3 = { class: "flex flex-col gap-1" };
+const _hoisted_4 = {
+  key: 3,
+  class: "flex shrink-0 justify-end gap-2 p-5 pt-4"
+};
+const _hoisted_5 = {
+  key: 1,
+  "data-lp-modal-aside": "",
+  class: "pointer-events-auto flex min-h-0 flex-col"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpModal",
+  props: {
+    open: { type: Boolean },
+    title: {},
+    description: {},
+    size: { default: "md" },
+    width: {},
+    fillBody: { type: Boolean },
+    autoFocus: { default: "auto" }
+  },
+  emits: ["update:open"],
+  setup(__props) {
+    const { claim, release, layer } = useModalLayer();
+    const props = __props;
+    const onInteractOutside = (event) => {
+      const target = event.target;
+      if (target instanceof Element && target.closest("[data-lp-modal-aside]")) {
+        event.preventDefault();
+      }
+    };
+    const describedByAttrs = computed(
+      () => props.description ? {} : { "aria-describedby": void 0 }
+    );
+    const widthClass = computed(() => {
+      if (props.width) return "";
+      return {
+        sm: "w-[min(92vw,24rem)]",
+        md: "w-[min(92vw,28rem)]",
+        lg: "w-[min(92vw,34rem)]",
+        xl: "w-[min(92vw,42rem)]",
+        "2xl": "w-[min(94vw,56rem)]",
+        "3xl": "w-[min(95vw,72rem)]",
+        full: "w-[96vw]"
+      }[props.size];
+    });
+    const slots = useSlots();
+    const hasAside = computed(() => Boolean(slots.aside || slots.asideEnd));
+    watch(() => props.open, (open) => open ? claim() : release(), { immediate: true });
+    onBeforeUnmount(release);
+    const bodyPad = computed(
+      () => [
+        "px-5",
+        props.title || slots.title ? "pt-1" : "pt-5",
+        slots.footer ? "" : "pb-5"
+      ].filter(Boolean).join(" ")
+    );
+    const panelRef = ref(null);
+    const AUTO_FOCUS_ORDER = [
+      "input:not([type=hidden]):not([disabled]):not([readonly])",
+      "textarea:not([disabled]):not([readonly])",
+      "select:not([disabled])",
+      "[data-lp-autofocus]",
+      "button:not([disabled]):not([data-lp-dialog-close])",
+      "[href]",
+      "[tabindex]:not([tabindex='-1'])"
+    ];
+    function onOpenAutoFocus(event) {
+      if (props.autoFocus === "none") return;
+      const panel = panelRef.value?.$el;
+      if (!(panel instanceof HTMLElement)) return;
+      const selectors = props.autoFocus === "auto" ? AUTO_FOCUS_ORDER : [props.autoFocus];
+      for (const selector of selectors) {
+        const target = panel.querySelector(selector);
+        if (!target || target.hasAttribute("disabled")) continue;
+        event.preventDefault();
+        if (!target.closest("[data-lp-ring-owner]")) {
+          target.setAttribute("data-lp-focus-ring", "");
+          target.addEventListener(
+            "blur",
+            () => target.removeAttribute("data-lp-focus-ring"),
+            { once: true }
+          );
+        }
+        target.focus();
+        return;
+      }
+    }
+    const {
+      el: sizedEl,
+      tweening,
+      resizing
+    } = useShift({ axis: "height", enabled: () => props.open });
+    watch(
+      () => props.open ? panelRef.value : null,
+      (panel) => {
+        const el = panel?.$el;
+        sizedEl.value = el instanceof HTMLElement ? el : null;
+      },
+      { flush: "post" }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogRoot), {
+        open: __props.open,
+        "onUpdate:open": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:open", v))
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(DialogPortal), null, {
+            default: withCtx(() => [
+              createVNode(unref(DialogOverlay), {
+                class: "lp-scrim fixed inset-0 data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]",
+                style: normalizeStyle({ zIndex: unref(layer).scrim })
+              }, null, 8, ["style"]),
+              createElementVNode("div", {
+                class: "fixed inset-0 flex items-center justify-center pointer-events-none",
+                style: normalizeStyle({ zIndex: unref(layer).panel })
+              }, [
+                createElementVNode("div", {
+                  class: "flex items-start",
+                  style: normalizeStyle(hasAside.value ? { maxHeight: "min(90vh, calc(100dvh - 2rem))" } : void 0)
+                }, [
+                  _ctx.$slots.aside ? (openBlock(), createElementBlock("aside", _hoisted_1, [
+                    renderSlot(_ctx.$slots, "aside")
+                  ])) : createCommentVNode("", true),
+                  createVNode(unref(DialogContent), mergeProps({
+                    ref_key: "panelRef",
+                    ref: panelRef,
+                    class: ["pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", [widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]],
+                    style: { ...__props.width ? { width: __props.width } : {}, ...hasAside.value ? { alignSelf: "stretch" } : {} }
+                  }, describedByAttrs.value, {
+                    onOpenAutoFocus,
+                    onInteractOutside,
+                    onPointerDownOutside: onInteractOutside
+                  }), {
+                    default: withCtx(() => [
+                      __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_2, [
+                        createElementVNode("div", _hoisted_3, [
+                          createVNode(unref(DialogTitle), { class: "text-base font-semibold text-ink" }, {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, "title", {}, () => [
+                                createTextVNode(toDisplayString(__props.title), 1)
+                              ])
+                            ]),
+                            _: 3
+                          }),
+                          __props.description ? (openBlock(), createBlock(unref(DialogDescription), {
+                            key: 0,
+                            class: "text-sm text-muted"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(__props.description), 1)
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true)
+                        ]),
+                        createVNode(unref(DialogClose), {
+                          "data-lp-dialog-close": "",
+                          class: "group flex shrink-0 items-center rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+                          "aria-label": "Close"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_sfc_main$1, {
+                              name: "lucide:x",
+                              size: 18,
+                              class: normalizeClass(unref(CLOSE_ICON))
+                            }, null, 8, ["class"])
+                          ]),
+                          _: 1
+                        })
+                      ])) : createCommentVNode("", true),
+                      __props.fillBody ? (openBlock(), createElementBlock("div", {
+                        key: 1,
+                        class: normalizeClass(["flex min-h-0 flex-1 flex-col overflow-hidden text-sm text-ink/90", bodyPad.value])
+                      }, [
+                        renderSlot(_ctx.$slots, "default")
+                      ], 2)) : (openBlock(), createBlock(_sfc_main$2, {
+                        key: 2,
+                        class: normalizeClass(["min-h-0 flex-1 text-sm text-ink/90", unref(resizing) ? "[&_[data-scrollbarimpl]]:invisible" : ""]),
+                        "content-class": bodyPad.value
+                      }, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "default")
+                        ]),
+                        _: 3
+                      }, 8, ["class", "content-class"])),
+                      _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4, [
+                        renderSlot(_ctx.$slots, "footer")
+                      ])) : createCommentVNode("", true)
+                    ]),
+                    _: 3
+                  }, 16, ["class", "style"]),
+                  _ctx.$slots.asideEnd ? (openBlock(), createElementBlock("aside", _hoisted_5, [
+                    renderSlot(_ctx.$slots, "asideEnd")
+                  ])) : createCommentVNode("", true)
+                ], 4)
+              ], 4)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpModalNav-DBMGlq_x.js

@@ -0,0 +1,166 @@
+import { defineComponent, ref, computed, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
+import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpModal-7LvuAA7U.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-DcYavim2.js";
+const _hoisted_1 = { class: "flex items-center gap-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpModalNav",
+  props: {
+    open: { type: Boolean },
+    modelValue: {},
+    items: {},
+    sections: {},
+    title: {},
+    description: {},
+    size: { default: "2xl" },
+    width: {},
+    navWidth: { default: "13rem" },
+    searchable: { type: Boolean },
+    searchPlaceholder: {},
+    loading: { type: Boolean },
+    mobileBreakpoint: { default: "lg" },
+    navLabel: { default: "Sections" },
+    navSide: { default: "start" },
+    fillBody: { type: Boolean }
+  },
+  emits: ["update:open", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const navOpen = ref(false);
+    const active = computed({
+      get: () => props.modelValue ?? "",
+      set: (v) => emit("update:modelValue", v)
+    });
+    const hasNav = computed(() => Boolean(props.items?.length || props.sections?.length));
+    const RAIL_GAP = {
+      sm: "sm:mr-3",
+      md: "md:mr-3",
+      lg: "lg:mr-3",
+      xl: "xl:mr-3"
+    };
+    const RAIL_GAP_END = {
+      sm: "sm:ml-3",
+      md: "md:ml-3",
+      lg: "lg:ml-3",
+      xl: "xl:ml-3"
+    };
+    const TRIGGER_VISIBILITY = {
+      sm: "sm:hidden",
+      md: "md:hidden",
+      lg: "lg:hidden",
+      xl: "xl:hidden"
+    };
+    const railClass = computed(
+      () => (props.navSide === "end" ? RAIL_GAP_END : RAIL_GAP)[props.mobileBreakpoint]
+    );
+    const triggerClass = computed(() => TRIGGER_VISIBILITY[props.mobileBreakpoint]);
+    const railStyle = { maxHeight: "min(90vh, calc(100dvh - 2rem))" };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        open: __props.open,
+        title: __props.title,
+        description: __props.description,
+        size: __props.size,
+        width: __props.width,
+        "fill-body": __props.fillBody,
+        "onUpdate:open": _cache[5] || (_cache[5] = ($event) => emit("update:open", $event))
+      }, createSlots({
+        title: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            hasNav.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              variant: "ghost",
+              size: "sm",
+              square: "",
+              "aria-label": __props.navLabel,
+              class: normalizeClass(triggerClass.value),
+              onClick: _cache[4] || (_cache[4] = ($event) => navOpen.value = true)
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$3, {
+                  name: "lucide:menu",
+                  size: 18
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label", "class"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ])
+          ])
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        hasNav.value && __props.navSide === "start" ? {
+          name: "aside",
+          fn: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(railClass.value)
+            }, [
+              createVNode(_sfc_main$4, {
+                modelValue: active.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => active.value = $event),
+                open: navOpen.value,
+                "onUpdate:open": _cache[1] || (_cache[1] = ($event) => navOpen.value = $event),
+                variant: "panel",
+                items: __props.items,
+                sections: __props.sections,
+                width: __props.navWidth,
+                searchable: __props.searchable,
+                "search-placeholder": __props.searchPlaceholder,
+                loading: __props.loading,
+                responsive: "",
+                "mobile-breakpoint": __props.mobileBreakpoint,
+                style: railStyle,
+                class: "rounded-card border border-line bg-surface-raised p-2 shadow-panel"
+              }, null, 8, ["modelValue", "open", "items", "sections", "width", "searchable", "search-placeholder", "loading", "mobile-breakpoint"])
+            ], 2)
+          ]),
+          key: "0"
+        } : void 0,
+        hasNav.value && __props.navSide === "end" ? {
+          name: "asideEnd",
+          fn: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(railClass.value)
+            }, [
+              createVNode(_sfc_main$4, {
+                modelValue: active.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => active.value = $event),
+                open: navOpen.value,
+                "onUpdate:open": _cache[3] || (_cache[3] = ($event) => navOpen.value = $event),
+                variant: "panel",
+                items: __props.items,
+                sections: __props.sections,
+                width: __props.navWidth,
+                searchable: __props.searchable,
+                "search-placeholder": __props.searchPlaceholder,
+                loading: __props.loading,
+                responsive: "",
+                "mobile-breakpoint": __props.mobileBreakpoint,
+                style: railStyle,
+                class: "rounded-card border border-line bg-surface-raised p-2 shadow-panel"
+              }, null, 8, ["modelValue", "open", "items", "sections", "width", "searchable", "search-placeholder", "loading", "mobile-breakpoint"])
+            ], 2)
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.footer ? {
+          name: "footer",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "footer")
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1032, ["open", "title", "description", "size", "width", "fill-body"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar", "LpWaypointEdge"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar", "LpWaypointEdge"];

package/dist/components/LpActionBar.vue.d.ts

@@ -70,8 +70,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     onDismiss?: (() => any) | undefined;
 }>, {
     width: "contained" | "full";
-    variant: "default" | "danger";
     open: boolean;
+    variant: "default" | "danger";
     actions: ActionBarAction[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpAddressInput.vue.d.ts

@@ -58,9 +58,9 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     debounce: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     map?: (props: {
-        point: any;
-        setPoint: any;
-        tiles: any;
+        point: LatLon | undefined;
+        setPoint: (next: LatLon) => Promise<void>;
+        tiles: TileSource;
     }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.d.ts

@@ -101,7 +101,10 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 } & {
     'sidebar-footer'?: (props: {}) => any;
 } & {
-    'sidebar-item'?: (props: any) => any;
+    'sidebar-item'?: (props: {
+        item: SidebarItem;
+        active: boolean;
+    }) => any;
 } & {
     'header-title'?: (props: {}) => any;
 } & {

package/dist/components/LpAutocomplete.vue.d.ts

@@ -40,9 +40,9 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     size: "sm" | "md" | "lg";
     filter: boolean;
     placeholder: string;
+    loading: boolean;
     clearable: boolean;
     emptyText: string;
-    loading: boolean;
     loadingText: string;
     minChars: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/LpBadge.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
-    tone?: "danger" | "action" | "outline" | "success" | "warning" | "neutral" | "brand" | undefined;
+    tone?: "action" | "outline" | "danger" | "success" | "warning" | "neutral" | "brand" | undefined;
     /** `sm` is the one that does not disturb a text-sm line it sits on. */
     size?: "sm" | "md" | "lg" | undefined;
     dot?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    tone?: "danger" | "action" | "outline" | "success" | "warning" | "neutral" | "brand" | undefined;
+    tone?: "action" | "outline" | "danger" | "success" | "warning" | "neutral" | "brand" | undefined;
     /** `sm` is the one that does not disturb a text-sm line it sits on. */
     size?: "sm" | "md" | "lg" | undefined;
     dot?: boolean;

package/dist/components/LpCodeBlock.vue.d.ts

@@ -49,8 +49,8 @@ declare const __VLS_export: import('vue').DefineComponent<{
     "onUpdate:locked"?: ((value: boolean) => any) | undefined;
 }>, {
     lang: CodeLang;
-    lineNumbers: boolean;
     wrap: boolean;
+    lineNumbers: boolean;
     locked: boolean;
     lockToggle: boolean;
     copyable: boolean;

package/dist/components/LpColorPicker.vue.d.ts

@@ -82,8 +82,13 @@ type __VLS_Props = {
     copyToast?: string | false;
 };
 declare var __VLS_56: {
-    color: any;
-    hsv: any;
+    color: string;
+    hsv: {
+        h: number;
+        s: number;
+        v: number;
+        a: number;
+    };
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_56) => any;
@@ -98,10 +103,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    modelValue: string;
     format: ColorFormat;
-    side: "top" | "right" | "bottom" | "left";
     align: "start" | "center" | "end";
+    modelValue: string;
+    side: "top" | "right" | "bottom" | "left";
     alpha: boolean;
     swatches: readonly string[];
     recent: boolean;

package/dist/components/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-CQBVaLpo.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-CxbizvSB.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDropzone.vue.d.ts

@@ -71,16 +71,16 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
         cause: "type" | "size";
     }[]) => any) | undefined;
 }>, {
-    icon: string;
-    hint: string;
     title: string;
     animate: boolean;
+    icon: string;
+    accept: string;
     multiple: boolean;
+    hint: string;
     tone: "sunken" | "flush" | "soft";
-    accept: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?: (props: {
-        over: any;
+        over: boolean;
     }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/LpFileTree.vue.d.ts

@@ -53,11 +53,11 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     expand: (node: FileNode) => any;
     select: (node: FileNode) => any;
-    open: (node: FileNode) => any;
     summary: (summary: FileTreeSummary) => any;
+    open: (node: FileNode) => any;
+    collapse: (node: FileNode) => any;
     "update:selected": (id: string) => any;
     "update:expanded": (ids: string[]) => any;
-    collapse: (node: FileNode) => any;
     "update:checked": (ids: string[]) => any;
 }, string, import('vue').PublicProps, Readonly<{
     nodes: FileNode[];
@@ -92,11 +92,11 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 }> & Readonly<{
     onExpand?: ((node: FileNode) => any) | undefined;
     onSelect?: ((node: FileNode) => any) | undefined;
-    onOpen?: ((node: FileNode) => any) | undefined;
     onSummary?: ((summary: FileTreeSummary) => any) | undefined;
+    onOpen?: ((node: FileNode) => any) | undefined;
+    onCollapse?: ((node: FileNode) => any) | undefined;
     "onUpdate:selected"?: ((id: string) => any) | undefined;
     "onUpdate:expanded"?: ((ids: string[]) => any) | undefined;
-    onCollapse?: ((node: FileNode) => any) | undefined;
     "onUpdate:checked"?: ((ids: string[]) => any) | undefined;
 }>, {
     sort: boolean;

package/dist/components/LpFormField.vue.d.ts

@@ -12,7 +12,7 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     required?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?: (props: {
-        id: any;
+        id: string;
     }) => any;
 } & {
     hint?: (props: {}) => any;