@leavepulse/ui 0.22.21 → 0.23.0

package/dist/chunks/{LpAddressInput-CxKwIG6T.js → LpAddressInput-BTqnUXZG.js}

@@ -3,10 +3,10 @@ import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from
 import { flagEmoji, loadCountries } from "../components/countries.js";
 import { _ as _sfc_main$2 } from "./LpAutocomplete-DExlIZe_.js";
 import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$1 } from "./LpFormField-Bn-ZwC6z.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CesaPWPO.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$5 } from "./LpInput-BkomKdqQ.js";
-import { _ as _sfc_main$7 } from "./LpModal-CNNSf5pv.js";
+import { _ as _sfc_main$5 } from "./LpInput-jwqXlAy0.js";
+import { _ as _sfc_main$7 } from "./LpModal-D_o-56To.js";
 import { _ as _sfc_main$6 } from "./LpSelect-Cw8-gL5F.js";
 const _hoisted_1 = { class: "flex flex-col gap-3" };
 const _hoisted_2 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpAppShell-D8CAP9oF.js → LpAppShell-CaQYQKZV.js}

@@ -1,17 +1,14 @@
-import { defineComponent, computed, watch, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createBlock } from "vue";
+import { defineComponent, computed, watch, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, toDisplayString, createBlock } 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$4 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$5 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$1 } from "./LpSidebar-D3GGLSE7.js";
 const _hoisted_1 = { class: "flex h-dvh overflow-hidden bg-surface text-ink" };
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
 const _hoisted_3 = { class: "flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };
 const _hoisted_4 = { class: "truncate text-lg font-semibold" };
 const _hoisted_5 = {
-  key: 0,
-  class: "ml-auto flex items-center gap-2"
-};
-const _hoisted_6 = {
   key: 0,
   class: "min-h-0 flex-1 overflow-hidden"
 };
@@ -146,16 +143,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"]),
-            renderSlot(_ctx.$slots, "header-title", {}, () => [
-              createElementVNode("h1", _hoisted_4, toDisplayString(pageTitle.value), 1)
-            ]),
-            _ctx.$slots["header-actions"] ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              renderSlot(_ctx.$slots, "header-actions")
-            ])) : createCommentVNode("", true)
+            createVNode(_sfc_main$4, {
+              axis: "height",
+              class: "flex min-w-0 flex-1 items-center"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "header-title", {}, () => [
+                  createElementVNode("h1", _hoisted_4, toDisplayString(pageTitle.value), 1)
+                ])
+              ]),
+              _: 3
+            }),
+            createVNode(_sfc_main$4, {
+              axis: "width",
+              class: "ml-auto flex shrink-0 items-center gap-2"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "header-actions")
+              ]),
+              _: 3
+            })
           ]),
-          __props.fullBleed ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          __props.fullBleed ? (openBlock(), createElementBlock("div", _hoisted_5, [
             renderSlot(_ctx.$slots, "default")
-          ])) : (openBlock(), createBlock(_sfc_main$4, {
+          ])) : (openBlock(), createBlock(_sfc_main$5, {
             key: 1,
             class: "min-h-0 flex-1",
             "content-class": `px-4 py-6 md:px-6 ${__props.contentClass}`

package/dist/chunks/{LpAvatar-B1Ez0ZAx.js → LpAvatar-D-jHoHR7.js}

@@ -11,19 +11,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     alt: {},
     fallback: {},
     size: { default: "md" },
+    shape: { default: "circle" },
+    ring: { type: Boolean, default: false },
     menuItems: {}
   },
   setup(__props) {
     const avatar = tv({
-      base: "inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-pill bg-surface-soft font-medium text-muted-strong",
+      base: "inline-flex shrink-0 select-none items-center justify-center overflow-hidden bg-surface-soft font-medium text-muted-strong",
       variants: {
         size: {
           sm: "size-7 text-xs",
           md: "size-9 text-sm",
           lg: "size-12 text-base"
-        }
+        },
+        // People read as circles; things (servers, projects, orgs) read as
+        // rounded squares — the same distinction platform icons make.
+        shape: {
+          circle: "rounded-pill",
+          soft: "rounded-card",
+          square: "rounded-control"
+        },
+        ring: { true: "ring-2 ring-line", false: "" }
       },
-      defaultVariants: { size: "md" }
+      defaultVariants: { size: "md", shape: "circle", ring: false }
     });
     const props = __props;
     const initials = computed(
@@ -40,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createVNode(unref(AvatarRoot), mergeProps({
-            class: unref(avatar)({ size: __props.size })
+            class: unref(avatar)({ size: __props.size, shape: __props.shape, ring: __props.ring })
           }, _ctx.$attrs), {
             default: withCtx(() => [
               __props.src && mounted.value ? (openBlock(), createBlock(unref(AvatarImage), {
@@ -62,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _: 1
       }, 8, ["items"])) : (openBlock(), createBlock(unref(AvatarRoot), mergeProps({
         key: 1,
-        class: unref(avatar)({ size: __props.size })
+        class: unref(avatar)({ size: __props.size, shape: __props.shape, ring: __props.ring })
       }, _ctx.$attrs), {
         default: withCtx(() => [
           __props.src ? (openBlock(), createBlock(unref(AvatarImage), {

package/dist/chunks/{LpConfirmDialog-CmgeAdCh.js → LpConfirmDialog-CObRah9c.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$1 } from "./LpModal-CNNSf5pv.js";
+import { _ as _sfc_main$1 } from "./LpModal-D_o-56To.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {
@@ -9,14 +9,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     description: {},
     confirmLabel: { default: "Confirm" },
     cancelLabel: { default: "Cancel" },
-    danger: { type: Boolean }
+    danger: { type: Boolean },
+    loading: { type: Boolean },
+    loadingLabel: { default: "Working…" }
   },
   emits: ["update:open", "confirm", "cancel"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     function confirm() {
       emit("confirm");
-      emit("update:open", false);
+      if (!props.loading) emit("update:open", false);
     }
     function cancel() {
       emit("cancel");
@@ -32,22 +35,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         footer: withCtx(() => [
           createVNode(_sfc_main$2, {
             variant: "ghost",
+            disabled: __props.loading,
             onClick: cancel
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.cancelLabel), 1)
             ]),
             _: 1
-          }),
+          }, 8, ["disabled"]),
           createVNode(_sfc_main$2, {
             variant: __props.danger ? "danger" : "solid",
+            disabled: __props.loading,
             onClick: confirm
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.confirmLabel), 1)
+              createTextVNode(toDisplayString(__props.loading ? __props.loadingLabel : __props.confirmLabel), 1)
             ]),
             _: 1
-          }, 8, ["variant"])
+          }, 8, ["variant", "disabled"])
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/chunks/{LpFileTree-Cw50eG_y.js → LpFileTree-CN0IOIY7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, mergeProps, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-CrfyRJUG.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-DFg4PhOK.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-D7WgUPcJ.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpFileTreeNode-DFg4PhOK.js → LpFileTreeNode-D7WgUPcJ.js}

@@ -5,25 +5,24 @@ import { _ as _sfc_main$1 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];
 const _hoisted_2 = ["data-node-id", "tabindex"];
-const _hoisted_3 = { class: "flex size-4 shrink-0 items-center justify-center" };
-const _hoisted_4 = { class: "min-w-0 flex-1 shrink-[2] truncate" };
-const _hoisted_5 = {
+const _hoisted_3 = { class: "min-w-0 flex-1 shrink-[2] truncate" };
+const _hoisted_4 = {
   key: 1,
   class: "shrink-0 rounded-pill bg-brand-soft px-1.5 py-0.5 text-[11px] font-medium tabular-nums text-brand"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 2,
   class: "min-w-0 shrink truncate text-xs text-muted"
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 3,
   class: "shrink-0 text-xs tabular-nums text-muted/80"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   key: 4,
   class: "w-16 shrink-0 text-right text-xs tabular-nums text-muted"
 };
-const _hoisted_9 = {
+const _hoisted_8 = {
   key: 0,
   role: "group",
   class: "flex min-w-0 flex-col overflow-hidden"
@@ -134,7 +133,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               style: normalizeStyle({ paddingLeft: `${__props.depth * 14 + 6}px` }),
               onClick: withModifiers(onActivate, ["stop"])
             }, [
-              createElementVNode("span", _hoisted_3, [
+              createElementVNode("span", {
+                class: normalizeClass(["flex size-4 shrink-0 items-center justify-center", canExpand.value ? "cursor-pointer rounded-sm hover:bg-line" : ""]),
+                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => canExpand.value && !__props.node.disabled ? emit("toggle", __props.node) : void 0, ["stop"]))
+              }, [
                 isLoading.value ? (openBlock(), createBlock(_sfc_main$2, {
                   key: 0,
                   name: "lucide:loader-circle",
@@ -146,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   size: 14,
                   class: normalizeClass(["text-muted transition-transform duration-[var(--duration-fast)]", isOpen.value ? "rotate-90" : ""])
                 }, null, 8, ["class"])) : createCommentVNode("", true)
-              ]),
+              ], 2),
               __props.checkable ? (openBlock(), createBlock(_sfc_main$3, {
                 key: 0,
                 "model-value": checkState.value === "checked",
@@ -154,16 +156,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 disabled: __props.node.disabled,
                 class: "shrink-0",
                 "aria-label": __props.node.name,
-                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                onClick: _cache[1] || (_cache[1] = withModifiers(() => {
                 }, ["stop"])),
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("check", __props.node, $event))
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emit("check", __props.node, $event))
               }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label"])) : createCommentVNode("", true),
               createVNode(_sfc_main$2, {
                 name: unref(fileIcon)(__props.node, isOpen.value),
                 size: __props.iconSize,
                 class: normalizeClass(["shrink-0", __props.node.disabled ? "" : isDir.value ? "text-brand" : "text-muted"])
               }, null, 8, ["name", "size", "class"]),
-              createElementVNode("span", _hoisted_4, [
+              createElementVNode("span", _hoisted_3, [
                 renderSlot(_ctx.$slots, "row", {
                   node: __props.node,
                   depth: __props.depth,
@@ -173,10 +175,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createTextVNode(toDisplayString(__props.node.name), 1)
                 ])
               ]),
-              countLabel.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(countLabel.value), 1)) : createCommentVNode("", true),
-              __props.node.meta ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.node.meta), 1)) : createCommentVNode("", true),
-              modifiedLabel.value ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(modifiedLabel.value), 1)) : createCommentVNode("", true),
-              sizeLabel.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(sizeLabel.value), 1)) : createCommentVNode("", true)
+              countLabel.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(countLabel.value), 1)) : createCommentVNode("", true),
+              __props.node.meta ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.node.meta), 1)) : createCommentVNode("", true),
+              modifiedLabel.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(modifiedLabel.value), 1)) : createCommentVNode("", true),
+              sizeLabel.value ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(sizeLabel.value), 1)) : createCommentVNode("", true)
             ], 14, _hoisted_2)
           ]),
           _: 3
@@ -187,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onLeave: onBranchLeave
         }, {
           default: withCtx(() => [
-            isOpen.value && hasChildren.value ? (openBlock(), createElementBlock("ul", _hoisted_9, [
+            isOpen.value && hasChildren.value ? (openBlock(), createElementBlock("ul", _hoisted_8, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(children.value, (child, i) => {
                 return openBlock(), createBlock(_component_LpFileTreeNode, {
                   key: child.id,
@@ -206,10 +208,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   stats: __props.stats,
                   "show-size": __props.showSize,
                   "show-modified": __props.showModified,
-                  onSelect: _cache[2] || (_cache[2] = ($event) => emit("select", $event)),
-                  onToggle: _cache[3] || (_cache[3] = ($event) => emit("toggle", $event)),
-                  onFocus: _cache[4] || (_cache[4] = ($event) => emit("focus", $event)),
-                  onCheck: _cache[5] || (_cache[5] = (n, v) => emit("check", n, v))
+                  onSelect: _cache[3] || (_cache[3] = ($event) => emit("select", $event)),
+                  onToggle: _cache[4] || (_cache[4] = ($event) => emit("toggle", $event)),
+                  onFocus: _cache[5] || (_cache[5] = ($event) => emit("focus", $event)),
+                  onCheck: _cache[6] || (_cache[6] = (n, v) => emit("check", n, v))
                 }, {
                   row: withCtx((slotProps) => [
                     renderSlot(_ctx.$slots, "row", mergeProps({ ref_for: true }, slotProps))

package/dist/chunks/{LpFormField-Bn-ZwC6z.js → LpFormField-CesaPWPO.js}

@@ -1,17 +1,18 @@
-import { defineComponent, useId, openBlock, createElementBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, useId, openBlock, createElementBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
 import { Label } from "reka-ui";
+import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
 const _hoisted_1 = { class: "flex flex-col gap-1.5" };
 const _hoisted_2 = {
   key: 0,
   class: "text-danger"
 };
 const _hoisted_3 = {
-  key: 1,
-  class: "text-xs text-danger"
+  key: 0,
+  class: "pt-1.5 text-xs text-danger"
 };
 const _hoisted_4 = {
-  key: 2,
-  class: "text-xs text-muted"
+  key: 1,
+  class: "pt-1.5 text-xs text-muted"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpFormField",
@@ -37,7 +38,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["for"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", { id: unref(id) }),
-        __props.error ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+        createVNode(_sfc_main$1, { axis: "height" }, {
+          default: withCtx(() => [
+            __props.error ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
       ]);
     };
   }

package/dist/chunks/{LpInput-BkomKdqQ.js → LpInput-jwqXlAy0.js}

@@ -1,13 +1,13 @@
 import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, mergeProps, unref } from "vue";
 import { tv } from "tailwind-variants";
 import { useInputFilter } from "../composables/useInputFilter.js";
-import { _ as _sfc_main$1 } from "./LpFormField-Bn-ZwC6z.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CesaPWPO.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex shrink-0 items-center text-muted"
 };
-const _hoisted_2 = ["type", "value", "placeholder", "disabled", "aria-invalid"];
+const _hoisted_2 = ["type", "value", "placeholder", "disabled", "required", "aria-invalid"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hint: {},
     error: {},
     icon: {},
+    required: { type: Boolean },
     pattern: {},
     restrict: {}
   },
@@ -90,6 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         label: hasField.value ? __props.label : void 0,
         hint: hasField.value ? __props.hint : void 0,
         error: hasField.value ? __props.error : void 0,
+        required: hasField.value ? __props.required : void 0,
         class: normalizeClass(hasField.value ? rootClass.value : void 0),
         style: normalizeStyle(hasField.value ? rootStyle.value : void 0)
       }, {
@@ -116,6 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               value: __props.modelValue,
               placeholder: __props.placeholder,
               disabled: __props.disabled,
+              required: __props.required || void 0,
               "aria-invalid": isInvalidState.value || void 0,
               class: [
                 "lp-autofill min-w-0 flex-1 self-stretch bg-transparent outline-none placeholder:text-muted",
@@ -132,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 6)
         ]),
         _: 3
-      }, 8, ["label", "hint", "error", "class", "style"]);
+      }, 8, ["label", "hint", "error", "required", "class", "style"]);
     };
   }
 });

package/dist/chunks/{LpLink-DHwOEp4e.js → LpLink-DU9kkKGW.js}

@@ -1,5 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-const _hoisted_1 = ["href", "target", "rel"];
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from "vue";
 const revealClass = "relative after:absolute after:inset-x-0 after:-bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-[var(--duration-medium)] hover:after:scale-x-100 focus-visible:after:scale-x-100";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpLink",
@@ -7,27 +6,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     href: {},
     external: { type: Boolean },
     muted: { type: Boolean },
+    tone: {},
+    as: { default: "a" },
     variant: { default: "default" }
   },
   setup(__props) {
     const props = __props;
+    const isAnchor = computed(() => props.as === "a");
     const rel = computed(() => props.external ? "noopener noreferrer" : void 0);
     const target = computed(() => props.external ? "_blank" : void 0);
-    const colorClass = computed(
-      () => props.muted ? "text-muted hover:text-ink" : "text-brand hover:text-brand-hover"
-    );
+    const colorClass = computed(() => {
+      const tone = props.tone ?? (props.muted ? "muted" : "brand");
+      switch (tone) {
+        case "ink":
+          return "text-ink";
+        case "muted":
+          return "text-muted-strong hover:text-ink";
+        case "soft":
+          return "text-muted hover:text-ink";
+        default:
+          return "text-brand hover:text-brand-hover";
+      }
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("a", {
-        href: __props.href,
+      return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+        href: isAnchor.value ? __props.href : void 0,
         target: target.value,
         rel: rel.value,
         class: normalizeClass(["inline-flex items-center gap-1 underline-offset-2 outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring", [
           colorClass.value,
           __props.variant === "reveal" ? revealClass : "hover:underline"
         ]])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1);
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["href", "target", "rel", "class"]);
     };
   }
 });

package/dist/chunks/{LpModal-CNNSf5pv.js → LpModal-D_o-56To.js}

@@ -1,5 +1,6 @@
-import { defineComponent, computed, useSlots, ref, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, mergeProps, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeClass } from "vue";
+import { defineComponent, computed, useSlots, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, mergeProps, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeClass } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
+import { useShift } from "../composables/useShift.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";
@@ -13,7 +14,6 @@ const _hoisted_4 = {
   key: 3,
   class: "flex shrink-0 justify-end gap-2 p-5 pt-4"
 };
-const TWEEN_MS = 160;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModal",
   props: {
@@ -82,82 +82,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
     }
-    const tweening = ref(false);
-    const resizing = ref(false);
-    let ro;
-    let mo;
-    let raf = 0;
-    let settleTimer;
-    let lastHeight = 0;
-    let inFlight = false;
-    const retune = (el) => {
-      if (inFlight) return;
-      const from = lastHeight;
-      el.style.height = "";
-      el.style.maxHeight = "none";
-      const to = el.offsetHeight;
-      el.style.maxHeight = "";
-      lastHeight = to;
-      if (to === 0 || from === 0 || to === from) return;
-      el.style.height = `${from}px`;
-      void el.offsetHeight;
-      el.style.height = `${to}px`;
-      inFlight = true;
-      resizing.value = true;
-      clearTimeout(settleTimer);
-      settleTimer = setTimeout(() => {
-        inFlight = false;
-        resizing.value = false;
-        el.style.height = "";
-        lastHeight = el.offsetHeight;
-      }, TWEEN_MS);
-    };
+    const {
+      el: sizedEl,
+      tweening,
+      resizing
+    } = useShift({ axis: "height", enabled: () => props.open });
     watch(
-      () => props.open,
-      (isOpen) => {
-        ro?.disconnect();
-        mo?.disconnect();
-        ro = void 0;
-        mo = void 0;
-        cancelAnimationFrame(raf);
-        clearTimeout(settleTimer);
-        tweening.value = false;
-        resizing.value = false;
-        lastHeight = 0;
-        inFlight = false;
-        const el = panelRef.value?.$el;
-        if (!isOpen || !(el instanceof HTMLElement)) return;
-        lastHeight = el.offsetHeight;
-        el.style.height = `${el.offsetHeight}px`;
-        raf = requestAnimationFrame(() => {
-          tweening.value = true;
-          el.style.height = "";
-        });
-        const watchChildren = () => {
-          if (!ro) return;
-          ro.disconnect();
-          for (const child of Array.from(el.children)) ro.observe(child);
-        };
-        if (typeof ResizeObserver !== "undefined") {
-          ro = new ResizeObserver(() => retune(el));
-          watchChildren();
-        }
-        if (typeof MutationObserver !== "undefined") {
-          mo = new MutationObserver(() => {
-            watchChildren();
-            retune(el);
-          });
-          mo.observe(el, { childList: true, subtree: true, characterData: true });
-        }
+      () => props.open ? panelRef.value : null,
+      (panel) => {
+        const el = panel?.$el;
+        sizedEl.value = el instanceof HTMLElement ? el : null;
       },
       { flush: "post" }
     );
-    onBeforeUnmount(() => {
-      ro?.disconnect();
-      mo?.disconnect();
-      cancelAnimationFrame(raf);
-      clearTimeout(settleTimer);
-    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogRoot), {
         open: __props.open,
@@ -171,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 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, tweening.value ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]],
+                  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 } : void 0
                 }, describedByAttrs.value, { onOpenAutoFocus }), {
                   default: withCtx(() => [
@@ -217,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       renderSlot(_ctx.$slots, "default")
                     ], 2)) : (openBlock(), createBlock(_sfc_main$2, {
                       key: 2,
-                      class: normalizeClass(["min-h-0 flex-1 text-sm text-ink/90", resizing.value ? "[&_[data-scrollbarimpl]]:invisible" : ""]),
+                      class: normalizeClass(["min-h-0 flex-1 text-sm text-ink/90", unref(resizing) ? "[&_[data-scrollbarimpl]]:invisible" : ""]),
                       "content-class": bodyPad.value
                     }, {
                       default: withCtx(() => [