@leavepulse/ui 0.31.1 → 0.32.0

package/dist/chunks/{LpSidebar-BiWM_lDB.js → LpSidebar-DcYavim2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
 import { _ as _sfc_main$3 } from "./LpDrawer-DAJN5rGK.js";
-import { _ as _sfc_main$1 } from "./LpInput-Bt4J71xn.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav-CsgeuGAu.js";
+import { _ as _sfc_main$1 } from "./LpInput-9EXWUM9B.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-CqwvT4H8.js";
 const _hoisted_1 = {
   key: 2,
   class: "mt-2 flex shrink-0 flex-col gap-2"

package/dist/chunks/{LpSidebarNav-CsgeuGAu.js → LpSidebarNav-CqwvT4H8.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, createBlock, withCtx, unref, toDisplayString, createVNode, normalizeClass, createTextVNode, resolveDynamicComponent, renderSlot } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createCommentVNode, Fragment, renderList, createBlock, withCtx, toDisplayString, createVNode, normalizeClass, createTextVNode, resolveDynamicComponent, renderSlot } from "vue";
 import { Motion } from "motion-v";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
@@ -6,22 +6,21 @@ import { _ as _sfc_main$3 } from "./LpBadge-Fe0D1bYx.js";
 import { _ as _sfc_main$4 } from "./LpContextMenu-B6WBLleS.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
-  key: 0,
-  class: "flex min-h-0 flex-1 flex-col gap-4"
-};
-const _hoisted_2 = {
   key: 0,
   class: "flex items-center gap-3 px-1"
 };
-const _hoisted_3 = { class: "space-y-1" };
-const _hoisted_4 = { class: "min-w-0 flex-1 truncate text-left" };
-const _hoisted_5 = {
+const _hoisted_2 = { class: "space-y-1" };
+const _hoisted_3 = { class: "min-w-0 flex-1 truncate text-left" };
+const _hoisted_4 = {
   key: 1,
   class: "px-2 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
 };
-const _hoisted_6 = { class: "relative z-10 min-w-0 flex-1 truncate text-left" };
+const _hoisted_5 = { class: "relative z-10 min-w-0 flex-1 truncate text-left" };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpSidebarNav",
   props: {
     groups: {},
@@ -51,16 +50,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !foldedKeys.value.has(sectionKey(section));
     }
     const pillTransition = usePillTransition();
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex min-h-0 flex-1 flex-col gap-4"
+    );
     return (_ctx, _cache) => {
-      return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.skeletonHeader ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[0] || (_cache[0] = [
+      return __props.loading ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        class: unref(rootClass)
+      }, unref(rest)), [
+        __props.skeletonHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
           createElementVNode("div", { class: "size-10 shrink-0 animate-pulse rounded-pill bg-surface-soft" }, null, -1),
           createElementVNode("div", { class: "flex-1 space-y-2" }, [
             createElementVNode("div", { class: "h-3.5 w-24 animate-pulse rounded bg-surface-soft" }),
             createElementVNode("div", { class: "h-3 w-16 animate-pulse rounded bg-surface-soft/60" })
           ], -1)
         ])])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_2, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.skeletonRows, (n) => {
             return openBlock(), createElementBlock("div", {
               key: n,
@@ -68,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             });
           }), 128))
         ])
-      ])) : (openBlock(), createBlock(_sfc_main$1, {
+      ], 16)) : (openBlock(), createBlock(_sfc_main$1, {
         key: 1,
         class: "min-h-0 flex-1",
         "content-class": "flex min-h-full flex-col gap-4"
@@ -95,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       size: 14,
                       class: "shrink-0"
                     }, null, 8, ["name"])) : createCommentVNode("", true),
-                    createElementVNode("span", _hoisted_4, toDisplayString(section.title), 1),
+                    createElementVNode("span", _hoisted_3, toDisplayString(section.title), 1),
                     createVNode(_sfc_main$3, {
                       tone: "neutral",
                       class: normalizeClass(["shrink-0 transition-opacity duration-[var(--duration-fast)] motion-reduce:transition-none", isOpen(section) ? "opacity-0" : "opacity-100"]),
@@ -113,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   _: 2
-                }, 1024)) : section.title ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(section.title), 1)) : createCommentVNode("", true),
+                }, 1024)) : section.title ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(section.title), 1)) : createCommentVNode("", true),
                 createVNode(unref(CollapsibleContent), { class: "flex flex-col gap-0.5 overflow-hidden data-[state=open]:animate-[collapsible-down_260ms_var(--ease-emphasized)] data-[state=closed]:animate-[collapsible-up_200ms_var(--ease-emphasized)] motion-reduce:animate-none" }, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
@@ -148,7 +153,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   size: 17,
                                   class: normalizeClass(["relative z-10 shrink-0 transition-colors", __props.itemActive(item) ? "text-brand" : ""])
                                 }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                                createElementVNode("span", _hoisted_6, toDisplayString(item.label), 1),
+                                createElementVNode("span", _hoisted_5, toDisplayString(item.label), 1),
                                 item.badge != null ? (openBlock(), createBlock(_sfc_main$3, {
                                   key: 1,
                                   tone: __props.itemActive(item) ? "brand" : "neutral",

package/dist/chunks/{LpSlider-B1SF3pRV.js → LpSlider-BwNIBkAK.js}

@@ -1,6 +1,9 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode } from "vue";
 import { SliderRoot, SliderTrack, SliderRange, SliderThumb } from "reka-ui";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpSlider",
   props: {
     modelValue: { default: 0 },
@@ -20,17 +23,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onCommit(v) {
       if (v && v.length) emit("change", v[0]);
     }
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "relative flex h-5 w-full touch-none select-none items-center data-[disabled]:opacity-55"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SliderRoot), {
+      return openBlock(), createBlock(unref(SliderRoot), mergeProps({
         "model-value": [props.modelValue],
         min: __props.min,
         max: __props.max,
         step: __props.step,
         disabled: __props.disabled,
-        class: "relative flex h-5 w-full touch-none select-none items-center data-[disabled]:opacity-55",
+        class: unref(rootClass)
+      }, unref(rest), {
         "onUpdate:modelValue": onUpdate,
         onValueCommit: onCommit
-      }, {
+      }), {
         default: withCtx(() => [
           createVNode(unref(SliderTrack), { class: "relative h-1.5 grow overflow-hidden rounded-pill bg-surface-soft" }, {
             default: withCtx(() => [
@@ -44,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["aria-label"])
         ]),
         _: 1
-      }, 8, ["model-value", "min", "max", "step", "disabled"]);
+      }, 16, ["model-value", "min", "max", "step", "disabled", "class"]);
     };
   }
 });

package/dist/chunks/{LpStat-CDanpzU0.js → LpStat-CQaW8R--.js}

@@ -1,24 +1,26 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createCommentVNode, createBlock, toDisplayString, Fragment, createTextVNode, normalizeClass, createVNode, renderSlot } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createCommentVNode, createBlock, toDisplayString, Fragment, createTextVNode, normalizeClass, createVNode, renderSlot } from "vue";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$2 } from "./LpNumberFlow-amWYaeuA.js";
-const _hoisted_1 = { class: "flex flex-col gap-2" };
-const _hoisted_2 = { class: "flex items-center gap-2" };
-const _hoisted_3 = {
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const _hoisted_1 = { class: "flex items-center gap-2" };
+const _hoisted_2 = {
   key: 0,
   class: "size-1.5 rounded-full bg-action"
 };
-const _hoisted_4 = { class: "text-[11px] font-semibold uppercase tracking-[0.08em] text-muted" };
-const _hoisted_5 = { class: "flex items-baseline gap-2" };
-const _hoisted_6 = { class: "font-mono text-3xl font-medium tracking-tight text-ink" };
-const _hoisted_7 = {
+const _hoisted_3 = { class: "text-[11px] font-semibold uppercase tracking-[0.08em] text-muted" };
+const _hoisted_4 = { class: "flex items-baseline gap-2" };
+const _hoisted_5 = { class: "font-mono text-3xl font-medium tracking-tight text-ink" };
+const _hoisted_6 = {
   key: 1,
   class: "ml-3 self-center"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   key: 0,
   class: "text-sm text-muted"
 };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpStat",
   props: {
     label: {},
@@ -68,20 +70,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const [, fraction] = String(props.delta).split(".");
       return Math.min(fraction?.length ?? 0, 4);
     });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex flex-col gap-2"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          __props.online ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
+        createElementVNode("div", _hoisted_1, [
+          __props.online ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true),
           __props.icon ? (openBlock(), createBlock(_sfc_main$1, {
             key: 1,
             name: __props.icon,
             size: 14,
             class: "text-muted"
           }, null, 8, ["name"])) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_4, toDisplayString(__props.label), 1)
+          createElementVNode("span", _hoisted_3, toDisplayString(__props.label), 1)
         ]),
-        createElementVNode("div", _hoisted_5, [
-          createElementVNode("span", _hoisted_6, [
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("span", _hoisted_5, [
             typeof __props.value === "number" ? (openBlock(), createBlock(_sfc_main$2, {
               key: 0,
               value: __props.value,
@@ -112,12 +117,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(deltaText.value), 1)
             ], 64))
           ], 2)) : createCommentVNode("", true),
-          _ctx.$slots.trend ? (openBlock(), createElementBlock("span", _hoisted_7, [
+          _ctx.$slots.trend ? (openBlock(), createElementBlock("span", _hoisted_6, [
             renderSlot(_ctx.$slots, "trend")
           ])) : createCommentVNode("", true)
         ]),
-        __props.hint ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
-      ]);
+        __props.hint ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpStepper-Wtl-6nUh.js → LpStepper-Bk-XaQYU.js}

@@ -1,10 +1,12 @@
-import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, createBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createElementVNode, normalizeClass, createBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-const _hoisted_1 = { class: "flex items-center gap-2" };
-const _hoisted_2 = ["aria-current"];
-const _hoisted_3 = { class: "flex items-center gap-2" };
-const _hoisted_4 = { class: "sr-only" };
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const _hoisted_1 = ["aria-current"];
+const _hoisted_2 = { class: "flex items-center gap-2" };
+const _hoisted_3 = { class: "sr-only" };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpStepper",
   props: {
     steps: {},
@@ -24,15 +26,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function isCurrent(i) {
       return i === currentIndex.value;
     }
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex items-center gap-2"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ol", _hoisted_1, [
+      return openBlock(), createElementBlock("ol", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, i) => {
           return openBlock(), createElementBlock("li", {
             key: step.key ?? i,
             class: "flex flex-1 items-center gap-2 last:flex-none",
             "aria-current": isCurrent(i) ? "step" : void 0
           }, [
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_2, [
               createElementVNode("span", {
                 class: normalizeClass(["flex size-7 shrink-0 items-center justify-center rounded-pill border text-xs font-semibold transition-colors", isCompleted(step, i) ? "border-transparent bg-brand text-ink-inverse" : isCurrent(i) ? "border-brand text-brand" : "border-line text-muted"])
               }, [
@@ -52,16 +57,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["text-sm", isCompleted(step, i) || isCurrent(i) ? "text-ink" : "text-muted"])
               }, [
                 createTextVNode(toDisplayString(step.label) + " ", 1),
-                createElementVNode("span", _hoisted_4, toDisplayString(isCompleted(step, i) ? "(completed)" : isCurrent(i) ? "(current step)" : ""), 1)
+                createElementVNode("span", _hoisted_3, toDisplayString(isCompleted(step, i) ? "(completed)" : isCurrent(i) ? "(current step)" : ""), 1)
               ], 2)
             ]),
             i < __props.steps.length - 1 ? (openBlock(), createElementBlock("span", {
               key: 0,
               class: normalizeClass(["h-px flex-1", isCompleted(step, i) ? "bg-brand" : "bg-line"])
             }, null, 2)) : createCommentVNode("", true)
-          ], 8, _hoisted_2);
+          ], 8, _hoisted_1);
         }), 128))
-      ]);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpSwitch-v6fnccSM.js → LpSwitch-xgnRU2k0.js}

@@ -1,6 +1,9 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode } from "vue";
 import { SwitchRoot, SwitchThumb } from "reka-ui";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpSwitch",
   props: {
     modelValue: { type: Boolean },
@@ -8,18 +11,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props) {
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "group inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SwitchRoot), {
+      return openBlock(), createBlock(unref(SwitchRoot), mergeProps({
         "model-value": __props.modelValue,
         disabled: __props.disabled,
-        class: "group inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55",
+        class: unref(rootClass)
+      }, unref(rest), {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:modelValue", v))
-      }, {
+      }), {
         default: withCtx(() => [
           createVNode(unref(SwitchThumb), { class: "h-3.5 w-3.5 rounded-full bg-ink shadow transition-[translate,width,background-color] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active:w-5 group-data-[state=checked]:translate-x-4 group-data-[state=checked]:bg-ink-inverse group-data-[state=checked]:group-active:-translate-x-1 motion-reduce:group-active:w-3.5" })
         ]),
         _: 1
-      }, 8, ["model-value", "disabled"]);
+      }, 16, ["model-value", "disabled", "class"]);
     };
   }
 });

package/dist/chunks/{LpTextarea-BMIOfw5l.js → LpTextarea-t7F6gv8E.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpFormField-fV_2ZdCk.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CazBc2-a.js";
 const _hoisted_1 = ["value", "placeholder", "rows", "disabled", "required"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTextarea",

package/dist/chunks/{LpUptimeBar-DcQ8HikG.js → LpUptimeBar-DvAMno0S.js}

@@ -1,30 +1,31 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createVNode, withCtx, Fragment, renderList, normalizeStyle, createBlock, createTextVNode } from "vue";
+import { defineComponent, computed, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, createCommentVNode, createVNode, withCtx, Fragment, renderList, normalizeStyle, createBlock, createTextVNode } from "vue";
 import { _ as _sfc_main$3 } from "./LpNumberFlow-amWYaeuA.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-CM5gkSeF.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-hCLPAqMG.js";
-import '../assets/LpUptimeBar-B98o9krI.css';const _hoisted_1 = { class: "flex flex-col gap-1.5" };
-const _hoisted_2 = {
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import '../assets/LpUptimeBar-B98o9krI.css';const _hoisted_1 = {
   key: 0,
   class: "text-xs"
 };
-const _hoisted_3 = { class: "font-medium text-ink" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "font-medium text-ink" };
+const _hoisted_3 = {
   key: 0,
   class: "flex items-center gap-1.5"
 };
-const _hoisted_5 = ["aria-label", "onPointerenter"];
-const _hoisted_6 = {
+const _hoisted_4 = ["aria-label", "onPointerenter"];
+const _hoisted_5 = {
   key: 1,
   class: "flex items-center gap-2 text-xs text-muted"
 };
-const _hoisted_7 = { class: "shrink-0" };
-const _hoisted_8 = {
+const _hoisted_6 = { class: "shrink-0" };
+const _hoisted_7 = {
   key: 0,
   class: "shrink-0 text-muted-strong"
 };
-const _hoisted_9 = { class: "shrink-0" };
-const MARK_WIDTH = 0.64;
+const _hoisted_8 = { class: "shrink-0" };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpUptimeBar",
   props: {
     segments: {},
@@ -58,6 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const up = tracked.filter((s) => s.status === "operational" || s.status === "maintenance").length;
       return up / tracked.length * 100;
     });
+    const MARK_WIDTH = 0.64;
     const hovered = ref(null);
     const tip = computed(() => {
       const i = hovered.value;
@@ -72,10 +74,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const trimmed = Number(v.toFixed(2));
       return Number.isInteger(trimmed) ? 0 : String(trimmed).split(".")[1].length;
     });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex flex-col gap-1.5"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1)
+      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
+        __props.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("span", _hoisted_2, toDisplayString(__props.title), 1)
         ])) : createCommentVNode("", true),
         createVNode(_sfc_main$1, {
           delay: 80,
@@ -84,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           disabled: hovered.value === null
         }, {
           content: withCtx(() => [
-            tip.value ? (openBlock(), createElementBlock("span", _hoisted_4, [
+            tip.value ? (openBlock(), createElementBlock("span", _hoisted_3, [
               createElementVNode("span", {
                 class: "size-1.5 shrink-0 rounded-full",
                 style: normalizeStyle({ backgroundColor: colorFor(tip.value.status) })
@@ -120,16 +125,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       scale: hovered.value === i ? `${MARK_WIDTH} 1.12` : void 0
                     })
                   }, null, 4)
-                ], 40, _hoisted_5);
+                ], 40, _hoisted_4);
               }), 128))
             ], 32)
           ]),
           _: 1
         }, 8, ["disabled"]),
-        __props.startLabel || __props.endLabel || __props.showUptime ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          createElementVNode("span", _hoisted_7, toDisplayString(__props.startLabel), 1),
+        __props.startLabel || __props.endLabel || __props.showUptime ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("span", _hoisted_6, toDisplayString(__props.startLabel), 1),
           _cache[2] || (_cache[2] = createElementVNode("span", { class: "h-px flex-1 bg-line" }, null, -1)),
-          __props.showUptime ? (openBlock(), createElementBlock("span", _hoisted_8, [
+          __props.showUptime ? (openBlock(), createElementBlock("span", _hoisted_7, [
             uptimePct.value != null ? (openBlock(), createBlock(_sfc_main$3, {
               key: 0,
               value: uptimePct.value,
@@ -141,9 +146,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[1] || (_cache[1] = createElementVNode("span", { class: "text-muted" }, " uptime", -1))
           ])) : createCommentVNode("", true),
           _cache[3] || (_cache[3] = createElementVNode("span", { class: "h-px flex-1 bg-line" }, null, -1)),
-          createElementVNode("span", _hoisted_9, toDisplayString(__props.endLabel), 1)
+          createElementVNode("span", _hoisted_8, toDisplayString(__props.endLabel), 1)
         ])) : createCommentVNode("", true)
-      ]);
+      ], 16);
     };
   }
 });

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", "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", "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/LpAddressInput.vue.d.ts

@@ -1,5 +1,7 @@
 import { AddressLabels, AddressValue, GeocodeProvider, LatLon, TileSource } from './address';
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     /** The address. Bind with v-model. */
     modelValue?: AddressValue;
     /** Geocoder for suggestions and for the map's reverse lookup. */
@@ -21,20 +23,32 @@ type __VLS_Props = {
     /** Hide the map button when picking a point makes no sense. */
     hideMap?: boolean;
     labels?: Partial<AddressLabels>;
-};
-declare function onPick(next: LatLon): Promise<void>;
-declare var __VLS_88: {
-    point: LatLon | undefined;
-    setPoint: typeof onPick;
-    tiles: TileSource;
-};
-type __VLS_Slots = {} & {
-    map?: (props: typeof __VLS_88) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: AddressValue) => any;
     pick: (value: LatLon) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    /** The address. Bind with v-model. */
+    modelValue?: AddressValue;
+    /** Geocoder for suggestions and for the map's reverse lookup. */
+    provider?: GeocodeProvider;
+    /** Tile server handed to the built-in picker. */
+    tiles?: TileSource;
+    /** Restrict the country list (ISO2). Omit for every country. */
+    only?: string[];
+    /** Show the "apartment, suite" line. */
+    secondLine?: boolean;
+    /** Suggestions start after this many characters. */
+    minChars?: number;
+    /** Debounce before a suggestion request goes out. */
+    debounce?: number;
+    /** Accept-Language for the geocoder. */
+    language?: string;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    /** Hide the map button when picking a point makes no sense. */
+    hideMap?: boolean;
+    labels?: Partial<AddressLabels>;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: AddressValue) => any) | undefined;
     onPick?: ((value: LatLon) => any) | undefined;
 }>, {
@@ -42,10 +56,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     minChars: number;
     tiles: TileSource;
     debounce: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    map?: (props: {
+        point: LatLon | undefined;
+        setPoint: (next: LatLon) => Promise<void>;
+        tiles: TileSource;
+    }) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpAddressInput.vue.js

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