@leavepulse/ui 0.22.21 → 0.23.0

package/dist/chunks/{LpNotificationBell-DWDEkmdA.js → LpNotificationBell-a08cl0yY.js}

@@ -1,11 +1,12 @@
-import { defineComponent, computed, useModel, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, createVNode, createTextVNode, mergeModels } from "vue";
-import { _ as _sfc_main$7 } from "./LpBadge-BPodVcJa.js";
-import { _ as _sfc_main$6 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-D0mzXqA7.js";
-import { _ as _sfc_main$2 } from "./LpEmptyState-CrfyRJUG.js";
-import { _ as _sfc_main$5 } from "./LpIcon-CCnX5_2j.js";
+import { defineComponent, computed, useModel, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, createTextVNode, mergeModels } from "vue";
+import { _ as _sfc_main$8 } from "./LpBadge-BPodVcJa.js";
+import { _ as _sfc_main$7 } from "./LpButton-5VXXCjwF.js";
+import { _ as _sfc_main$5 } from "./LpContextMenu-D0mzXqA7.js";
+import { _ as _sfc_main$3 } from "./LpEmptyState-CrfyRJUG.js";
+import { _ as _sfc_main$6 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpPopover-8268UmlC.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$4 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 const _hoisted_1 = { class: "flex items-center justify-between gap-2 px-3 py-2.5" };
 const _hoisted_2 = { class: "text-sm font-semibold" };
 const _hoisted_3 = {
@@ -134,9 +135,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "panel-class": "w-80 p-0"
       }, {
         trigger: withCtx(() => [
-          createVNode(_sfc_main$4, { items: contextMenu.value }, {
+          createVNode(_sfc_main$5, { items: contextMenu.value }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$6, {
+              createVNode(_sfc_main$7, {
                 variant: "ghost",
                 size: "sm",
                 class: "relative",
@@ -144,11 +145,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$5, {
+                  createVNode(_sfc_main$6, {
                     name: "lucide:bell",
                     size: 18
                   }),
-                  hasUnread.value ? (openBlock(), createBlock(_sfc_main$7, {
+                  hasUnread.value ? (openBlock(), createBlock(_sfc_main$8, {
                     key: 0,
                     tone: "danger",
                     class: "absolute -right-1 -top-1 min-w-4 justify-center px-1 py-0 text-[10px] leading-4"
@@ -175,65 +176,70 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => emit("markAllRead"))
             }, toDisplayString(l.value.markAllRead), 1)) : createCommentVNode("", true)
           ]),
-          __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
-              return createElementVNode("div", {
-                key: i,
-                class: "h-12 animate-pulse rounded-control bg-surface-soft"
-              });
-            }), 64))
-          ])) : !__props.items.length ? (openBlock(), createBlock(_sfc_main$2, {
-            key: 1,
-            icon: "lucide:bell-off",
-            title: l.value.empty,
-            class: "px-3 py-10"
-          }, null, 8, ["title"])) : (openBlock(), createBlock(_sfc_main$3, {
-            key: 2,
-            class: "max-h-96",
-            "content-class": "flex flex-col gap-0.5 px-2 pb-2"
-          }, {
+          createVNode(_sfc_main$2, { axis: "height" }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-                return openBlock(), createBlock(_sfc_main$4, {
-                  key: item.id,
-                  items: rowMenu(item)
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(item.link ? "a" : "button"), {
-                      href: item.link || void 0,
-                      type: item.link ? void 0 : "button",
-                      class: normalizeClass(["group/notif flex w-full items-start gap-2.5 rounded-control px-2 py-2 text-left outline-none transition-colors hover:bg-white/[0.05] focus-visible:bg-white/[0.05]", item.read ? "" : "bg-brand-soft/35"]),
-                      onClick: ($event) => onSelect(item)
+              __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
+                  return createElementVNode("div", {
+                    key: i,
+                    class: "h-12 animate-pulse rounded-control bg-surface-soft"
+                  });
+                }), 64))
+              ])) : !__props.items.length ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 1,
+                icon: "lucide:bell-off",
+                title: l.value.empty,
+                class: "px-3 py-10"
+              }, null, 8, ["title"])) : (openBlock(), createBlock(_sfc_main$4, {
+                key: 2,
+                class: "max-h-96",
+                "content-class": "flex flex-col gap-0.5 px-2 pb-2"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+                    return openBlock(), createBlock(_sfc_main$5, {
+                      key: item.id,
+                      items: rowMenu(item)
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass(["grid size-7 shrink-0 place-items-center rounded-control", item.read ? "bg-surface-soft text-muted" : "bg-brand-soft text-brand"])
-                        }, [
-                          createVNode(_sfc_main$5, {
-                            name: item.icon || "lucide:bell",
-                            size: 15
-                          }, null, 8, ["name"])
-                        ], 2),
-                        createElementVNode("span", _hoisted_4, [
-                          createElementVNode("span", _hoisted_5, [
+                        (openBlock(), createBlock(resolveDynamicComponent(item.link ? "a" : "button"), {
+                          href: item.link || void 0,
+                          type: item.link ? void 0 : "button",
+                          class: normalizeClass(["group/notif flex w-full items-start gap-2.5 rounded-control px-2 py-2 text-left outline-none transition-colors hover:bg-white/[0.05] focus-visible:bg-white/[0.05]", item.read ? "" : "bg-brand-soft/35"]),
+                          onClick: ($event) => onSelect(item)
+                        }, {
+                          default: withCtx(() => [
                             createElementVNode("span", {
-                              class: normalizeClass(["truncate text-sm font-medium", item.read ? "text-muted-strong" : "text-ink"])
-                            }, toDisplayString(item.title), 3),
-                            !item.read ? (openBlock(), createElementBlock("span", _hoisted_6)) : createCommentVNode("", true)
+                              class: normalizeClass(["grid size-7 shrink-0 place-items-center rounded-control", item.read ? "bg-surface-soft text-muted" : "bg-brand-soft text-brand"])
+                            }, [
+                              createVNode(_sfc_main$6, {
+                                name: item.icon || "lucide:bell",
+                                size: 15
+                              }, null, 8, ["name"])
+                            ], 2),
+                            createElementVNode("span", _hoisted_4, [
+                              createElementVNode("span", _hoisted_5, [
+                                createElementVNode("span", {
+                                  class: normalizeClass(["truncate text-sm font-medium", item.read ? "text-muted-strong" : "text-ink"])
+                                }, toDisplayString(item.title), 3),
+                                !item.read ? (openBlock(), createElementBlock("span", _hoisted_6)) : createCommentVNode("", true)
+                              ]),
+                              item.body ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.body), 1)) : createCommentVNode("", true),
+                              item.createdAt ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(timeAgo(item.createdAt)), 1)) : createCommentVNode("", true)
+                            ])
                           ]),
-                          item.body ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.body), 1)) : createCommentVNode("", true),
-                          item.createdAt ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(timeAgo(item.createdAt)), 1)) : createCommentVNode("", true)
-                        ])
+                          _: 2
+                        }, 1032, ["href", "type", "class", "onClick"]))
                       ]),
                       _: 2
-                    }, 1032, ["href", "type", "class", "onClick"]))
-                  ]),
-                  _: 2
-                }, 1032, ["items"]);
-              }), 128))
+                    }, 1032, ["items"]);
+                  }), 128))
+                ]),
+                _: 1
+              }))
             ]),
             _: 1
-          }))
+          })
         ]),
         _: 1
       }, 8, ["open"]);

package/dist/chunks/{LpPasswordInput-DgUC2Ur7.js → LpPasswordInput-Bmo6q9Kd.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, openBlock, createBlock, createSlots, withCtx, createElementVNode, createVNode, renderSlot } from "vue";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpInput-BkomKdqQ.js";
+import { _ as _sfc_main$1 } from "./LpInput-jwqXlAy0.js";
 const _hoisted_1 = ["aria-label"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,7 +10,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     placeholder: {},
     invalid: { type: Boolean },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose }) {
@@ -30,6 +34,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         placeholder: __props.placeholder,
         invalid: __props.invalid,
         disabled: __props.disabled,
+        label: __props.label,
+        hint: __props.hint,
+        error: __props.error,
+        required: __props.required,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = (v) => _ctx.$emit("update:modelValue", v))
       }, createSlots({
         trailing: withCtx(() => [
@@ -55,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["model-value", "type", "placeholder", "invalid", "disabled"]);
+      ]), 1032, ["model-value", "type", "placeholder", "invalid", "disabled", "label", "hint", "error", "required"]);
     };
   }
 });

package/dist/chunks/LpShift-DXNsauQZ.js

@@ -0,0 +1,40 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { useShift } from "../composables/useShift.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpShift",
+  props: {
+    axis: { default: "height" },
+    duration: {},
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { el, tweening, resizing } = useShift({
+      axis: () => props.axis,
+      duration: () => props.duration,
+      enabled: () => !props.disabled
+    });
+    const TRANSITION_CLASS = {
+      height: "transition-[height]",
+      width: "transition-[width]",
+      both: "transition-[height,width]"
+    };
+    const transitionClass = computed(() => TRANSITION_CLASS[props.axis]);
+    __expose({ resizing });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el,
+        class: normalizeClass([
+          unref(tweening) && !__props.disabled ? `${transitionClass.value} duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none` : "",
+          unref(resizing) ? "overflow-hidden" : ""
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default", { resizing: unref(resizing) })
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTextarea-CRAkhemZ.js → LpTextarea-1ENb3ZAO.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpFormField-Bn-ZwC6z.js";
-const _hoisted_1 = ["value", "placeholder", "rows", "disabled"];
+import { _ as _sfc_main$1 } from "./LpFormField-CesaPWPO.js";
+const _hoisted_1 = ["value", "placeholder", "rows", "disabled", "required"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTextarea",
   props: {
@@ -11,7 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     label: {},
     hint: {},
-    error: {}
+    error: {},
+    required: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props) {
@@ -22,6 +23,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 ? void 0 : "contents")
       }, {
         default: withCtx(() => [
@@ -30,12 +32,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             placeholder: __props.placeholder,
             rows: __props.rows ?? 4,
             disabled: __props.disabled,
+            required: __props.required || void 0,
             class: normalizeClass(["w-full resize-y rounded-control border bg-surface-soft px-3 py-2 text-sm text-ink outline-none transition-colors duration-[var(--duration-fast)] placeholder:text-muted focus:border-brand focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-55", __props.invalid || __props.error ? "border-danger focus:border-danger focus:ring-danger-soft" : "border-line"]),
             onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
           }, null, 42, _hoisted_1)
         ]),
         _: 1
-      }, 8, ["label", "hint", "error", "class"]);
+      }, 8, ["label", "hint", "error", "required", "class"]);
     };
   }
 });

package/dist/chunks/{LpThemeSwitcher-B_kj0T2b.js → LpThemeSwitcher-BgpJgrnP.js}

@@ -23,7 +23,10 @@ const dark = {
     brandSoft: "rgba(0, 188, 255, 0.16)",
     action: "#39e58c",
     actionHover: "#4dffa1",
+    actionSoft: "rgba(57, 229, 140, 0.14)",
     accent: "#f0b35a",
+    accentHover: "#f2bf74",
+    accentSoft: "rgba(240, 179, 90, 0.14)",
     danger: "#ff6f6f",
     dangerHover: "#ff8585",
     dangerSoft: "rgba(255, 111, 111, 0.14)",
@@ -51,7 +54,10 @@ const light = {
     brandSoft: "rgba(0, 134, 199, 0.12)",
     action: "#1f9d5f",
     actionHover: "#23b06b",
+    actionSoft: "rgba(31, 157, 95, 0.12)",
     accent: "#aa6f1d",
+    accentHover: "#b88641",
+    accentSoft: "rgba(170, 111, 29, 0.12)",
     danger: "#c2333b",
     dangerHover: "#d23b44",
     dangerSoft: "rgba(194, 51, 59, 0.12)",
@@ -79,7 +85,10 @@ const lime = {
     brandSoft: "rgba(196, 240, 66, 0.14)",
     action: "#5fd97a",
     actionHover: "#74e88d",
+    actionSoft: "rgba(95, 217, 122, 0.14)",
     accent: "#ffb84d",
+    accentHover: "#ffc369",
+    accentSoft: "rgba(255, 184, 77, 0.14)",
     danger: "#ff6f6f",
     dangerHover: "#ff8585",
     dangerSoft: "rgba(255, 111, 111, 0.14)",
@@ -120,7 +129,10 @@ const leavepulse = {
     brandSoft: "rgba(0, 188, 255, 0.2)",
     action: "#44c2ad",
     actionHover: "#56d3be",
+    actionSoft: "rgba(68, 194, 173, 0.14)",
     accent: "#d36a2c",
+    accentHover: "#da824e",
+    accentSoft: "rgba(211, 106, 44, 0.14)",
     danger: "#f87171",
     dangerHover: "#fca5a5",
     dangerSoft: "rgba(248, 113, 113, 0.14)",
@@ -152,7 +164,10 @@ const rose = {
     brandSoft: "rgba(251, 113, 133, 0.14)",
     action: "#34d399",
     actionHover: "#4adeaa",
+    actionSoft: "rgba(52, 211, 153, 0.14)",
     accent: "#fbbf24",
+    accentHover: "#fcc947",
+    accentSoft: "rgba(251, 191, 36, 0.14)",
     danger: "#ef4444",
     dangerHover: "#f56565",
     dangerSoft: "rgba(239, 68, 68, 0.14)",
@@ -180,7 +195,10 @@ const amber = {
     brandSoft: "rgba(245, 158, 11, 0.14)",
     action: "#4ade80",
     actionHover: "#5cea90",
+    actionSoft: "rgba(74, 222, 128, 0.14)",
     accent: "#38bdf8",
+    accentHover: "#58c8f9",
+    accentSoft: "rgba(56, 189, 248, 0.14)",
     danger: "#f87171",
     dangerHover: "#fa8a8a",
     dangerSoft: "rgba(248, 113, 113, 0.14)",
@@ -208,7 +226,10 @@ const violet = {
     brandSoft: "rgba(167, 139, 250, 0.14)",
     action: "#34d399",
     actionHover: "#4adeaa",
+    actionSoft: "rgba(52, 211, 153, 0.14)",
     accent: "#fbbf24",
+    accentHover: "#fcc947",
+    accentSoft: "rgba(251, 191, 36, 0.14)",
     danger: "#f87171",
     dangerHover: "#fa8a8a",
     dangerSoft: "rgba(248, 113, 113, 0.14)",
@@ -236,7 +257,10 @@ const nord = {
     brandSoft: "rgba(136, 192, 208, 0.16)",
     action: "#a3be8c",
     actionHover: "#b3cb9f",
+    actionSoft: "rgba(163, 190, 140, 0.16)",
     accent: "#ebcb8b",
+    accentHover: "#eed39e",
+    accentSoft: "rgba(235, 203, 139, 0.16)",
     danger: "#bf616a",
     dangerHover: "#cb727b",
     dangerSoft: "rgba(191, 97, 106, 0.16)",
@@ -275,7 +299,10 @@ const COLOR_VARS = {
   brandSoft: "--color-brand-soft",
   action: "--color-action",
   actionHover: "--color-action-hover",
+  actionSoft: "--color-action-soft",
   accent: "--color-accent",
+  accentHover: "--color-accent-hover",
+  accentSoft: "--color-accent-soft",
   danger: "--color-danger",
   dangerHover: "--color-danger-hover",
   dangerSoft: "--color-danger-soft",

package/dist/component-names.d.ts

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

package/dist/components/LpAddressInput.vue.js

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

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

@@ -38,7 +38,7 @@ type __VLS_Props = {
 declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {
     item: SidebarItem;
     active: boolean;
-}, __VLS_36: {}, __VLS_38: {}, __VLS_40: {}, __VLS_48: {}, __VLS_50: {};
+}, __VLS_42: {}, __VLS_50: {}, __VLS_52: {}, __VLS_60: {}, __VLS_62: {};
 type __VLS_Slots = {} & {
     logo?: (props: typeof __VLS_12) => any;
 } & {
@@ -48,15 +48,15 @@ type __VLS_Slots = {} & {
 } & {
     'sidebar-item'?: (props: typeof __VLS_21) => any;
 } & {
-    'header-title'?: (props: typeof __VLS_36) => any;
+    'header-title'?: (props: typeof __VLS_42) => any;
 } & {
-    'header-actions'?: (props: typeof __VLS_38) => any;
+    'header-actions'?: (props: typeof __VLS_50) => any;
 } & {
-    default?: (props: typeof __VLS_40) => any;
+    default?: (props: typeof __VLS_52) => any;
 } & {
-    default?: (props: typeof __VLS_48) => any;
+    default?: (props: typeof __VLS_60) => any;
 } & {
-    overlays?: (props: typeof __VLS_50) => any;
+    overlays?: (props: typeof __VLS_62) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     openDrawer: () => void;

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-D8CAP9oF.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-CaQYQKZV.js";
 export {
   _sfc_main as default
 };

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

@@ -6,6 +6,10 @@ declare const __VLS_export: import('vue').DefineComponent<{
     alt?: string;
     fallback?: string;
     size?: "sm" | "md" | "lg" | undefined;
+    /** Silhouette: circle for people, soft/square for servers and projects. */
+    shape?: "circle" | "square" | "soft" | undefined;
+    /** Draws a hairline ring, for avatars laid over imagery or other avatars. */
+    ring?: boolean;
     /** Right-click menu (e.g. account quick actions). Consumer-supplied. */
     menuItems?: ContextMenuItemDef[];
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -13,8 +17,14 @@ declare const __VLS_export: import('vue').DefineComponent<{
     alt?: string;
     fallback?: string;
     size?: "sm" | "md" | "lg" | undefined;
+    /** Silhouette: circle for people, soft/square for servers and projects. */
+    shape?: "circle" | "square" | "soft" | undefined;
+    /** Draws a hairline ring, for avatars laid over imagery or other avatars. */
+    ring?: boolean;
     /** Right-click menu (e.g. account quick actions). Consumer-supplied. */
     menuItems?: ContextMenuItemDef[];
 }> & Readonly<{}>, {
     size: "sm" | "md" | "lg";
+    shape: "circle" | "square" | "soft";
+    ring: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/LpAvatar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAvatar-B1Ez0ZAx.js";
+import { _ as _sfc_main } from "../chunks/LpAvatar-D-jHoHR7.js";
 export {
   _sfc_main as default
 };

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

@@ -5,6 +5,13 @@ type __VLS_Props = {
     confirmLabel?: string;
     cancelLabel?: string;
     danger?: boolean;
+    /**
+     * The confirm action is in flight: the button disables and swaps to
+     * `loadingLabel`, and confirming no longer closes the dialog — the owner
+     * closes it once the work settles, so a failure can stay on screen.
+     */
+    loading?: boolean;
+    loadingLabel?: string;
 };
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -21,6 +28,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     confirmLabel: string;
     cancelLabel: string;
+    loadingLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-Cw50eG_y.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-CN0IOIY7.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTreeNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTreeNode-DFg4PhOK.js";
+import { _ as _sfc_main } from "../chunks/LpFileTreeNode-D7WgUPcJ.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFormField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFormField-Bn-ZwC6z.js";
+import { _ as _sfc_main } from "../chunks/LpFormField-CesaPWPO.js";
 export {
   _sfc_main as default
 };

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

@@ -11,6 +11,12 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     hint?: string;
     error?: string;
     icon?: string;
+    /**
+     * Marks the label with the required indicator. The attribute still reaches
+     * the underlying <input> for native validation; this only makes the field
+     * read as required.
+     */
+    required?: boolean;
     /**
      * RegExp/string the whole value must match to be valid. Validation only —
      * never blocks typing; a non-matching non-empty value shows the invalid
@@ -40,6 +46,12 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     hint?: string;
     error?: string;
     icon?: string;
+    /**
+     * Marks the label with the required indicator. The attribute still reaches
+     * the underlying <input> for native validation; this only makes the field
+     * read as required.
+     */
+    required?: boolean;
     /**
      * RegExp/string the whole value must match to be valid. Validation only —
      * never blocks typing; a non-matching non-empty value shows the invalid

package/dist/components/LpInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpInput-BkomKdqQ.js";
+import { _ as _sfc_main } from "../chunks/LpInput-jwqXlAy0.js";
 export {
   _sfc_main as default
 };

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

@@ -1,7 +1,24 @@
+import { Component } from 'vue';
 type __VLS_Props = {
     href?: string;
     external?: boolean;
+    /** Shorthand for `tone="muted"`. */
     muted?: boolean;
+    /**
+     * "brand" — the accent link colour (default).
+     * "ink"   — inherits body text colour; for links that sit inside prose or
+     *   chrome where an accent would shout (breadcrumbs, footers, nav).
+     * "muted" / "soft" — progressively quieter, both resolving to ink on hover.
+     */
+    tone?: "brand" | "ink" | "muted" | "soft";
+    /**
+     * Root element/component. Defaults to a native <a>. Pass a router link
+     * component (e.g. NuxtLink or RouterLink) to keep client-side navigation;
+     * the kit stays DOM-agnostic, the consumer supplies the link component.
+     * Router links take their destination through their own prop (`to`), which
+     * falls through as a plain attribute.
+     */
+    as?: string | Component;
     /**
      * "default" — plain hover underline.
      * "reveal"  — an underline bar that grows in from the left on hover
@@ -10,11 +27,12 @@ type __VLS_Props = {
      */
     variant?: "default" | "reveal";
 };
-declare var __VLS_1: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | Component;
     variant: "default" | "reveal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpLink.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLink-DHwOEp4e.js";
+import { _ as _sfc_main } from "../chunks/LpLink-DU9kkKGW.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-CNNSf5pv.js";
+import { _ as _sfc_main } from "../chunks/LpModal-D_o-56To.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNotificationBell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationBell-DWDEkmdA.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationBell-a08cl0yY.js";
 export {
   _sfc_main as default
 };

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

@@ -5,6 +5,10 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     placeholder?: string;
     invalid?: boolean;
     disabled?: boolean;
+    label?: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
 }, {
     focus: (options?: FocusOptions) => void | undefined;
     blur: () => void | undefined;
@@ -16,6 +20,10 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     placeholder?: string;
     invalid?: boolean;
     disabled?: boolean;
+    label?: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {