@leavepulse/ui 0.33.0 → 0.34.0

package/dist/assets/{LpCommandPalette-CEY-pajO.css → LpCommandPalette-BERCHiev.css}

@@ -1,16 +1,16 @@
 
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-a23a2f5f] {
-  animation: lp-cmd-in-a23a2f5f 140ms ease-out both;
+.lp-cmd-item[data-v-d0e03a58] {
+  animation: lp-cmd-in-d0e03a58 140ms ease-out both;
 }
-@keyframes lp-cmd-in-a23a2f5f {
+@keyframes lp-cmd-in-d0e03a58 {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-a23a2f5f] {
+.lp-cmd-item[data-v-d0e03a58] {
     animation: none;
 }
 }

package/dist/chunks/{LpAddressInput-C35TsJXt.js → LpAddressInput-FZXfljWV.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-D_o-56To.js";
+import { _ as _sfc_main$7 } from "./LpModal-DAqXzsm-.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-CjOGcj1e.js → LpConfirmDialog-CQBVaLpo.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-D_o-56To.js";
+import { _ as _sfc_main$1 } from "./LpModal-DAqXzsm-.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",

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

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "overflow-hidden rounded-control border border-line bg-surface-soft"
+      "shrink-0 overflow-hidden rounded-control border border-line bg-surface-soft"
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(CollapsibleRoot), mergeProps({

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

@@ -1,16 +1,16 @@
-import { defineComponent, computed, useSlots, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, mergeProps, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeClass } from "vue";
+import { defineComponent, computed, useSlots, watch, onBeforeUnmount, ref, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, 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 { 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 = { class: "fixed inset-0 z-(--z-modal) flex items-center justify-center pointer-events-none" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   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 = {
+const _hoisted_2 = { class: "flex flex-col gap-1" };
+const _hoisted_3 = {
   key: 3,
   class: "flex shrink-0 justify-end gap-2 p-5 pt-4"
 };
@@ -27,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:open"],
   setup(__props) {
+    const { claim, release, layer } = useModalLayer();
     const props = __props;
     const describedByAttrs = computed(
       () => props.description ? {} : { "aria-describedby": void 0 }
@@ -44,6 +45,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }[props.size];
     });
     const slots = useSlots();
+    watch(() => props.open, (open) => open ? claim() : release(), { immediate: true });
+    onBeforeUnmount(release);
     const bodyPad = computed(
       () => [
         "px-5",
@@ -103,8 +106,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
-              createVNode(unref(DialogOverlay), { class: "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]" }),
-              createElementVNode("div", _hoisted_1, [
+              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 })
+              }, [
                 createVNode(unref(DialogContent), mergeProps({
                   ref_key: "panelRef",
                   ref: panelRef,
@@ -112,8 +121,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   style: __props.width ? { width: __props.width } : void 0
                 }, describedByAttrs.value, { onOpenAutoFocus }), {
                   default: withCtx(() => [
-                    __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_2, [
-                      createElementVNode("div", _hoisted_3, [
+                    __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_1, [
+                      createElementVNode("div", _hoisted_2, [
                         createVNode(unref(DialogTitle), { class: "text-base font-semibold text-ink" }, {
                           default: withCtx(() => [
                             renderSlot(_ctx.$slots, "title", {}, () => [
@@ -162,13 +171,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 3
                     }, 8, ["class", "content-class"])),
-                    _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4, [
+                    _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3, [
                       renderSlot(_ctx.$slots, "footer")
                     ])) : createCommentVNode("", true)
                   ]),
                   _: 3
                 }, 16, ["class", "style"])
-              ])
+              ], 4)
             ]),
             _: 3
           })

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";
-    open: boolean;
     variant: "default" | "danger";
+    open: boolean;
     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: LatLon | undefined;
-        setPoint: (next: LatLon) => Promise<void>;
-        tiles: TileSource;
+        point: any;
+        setPoint: any;
+        tiles: any;
     }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/LpAddressInput.vue.js

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

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

@@ -101,10 +101,7 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 } & {
     'sidebar-footer'?: (props: {}) => any;
 } & {
-    'sidebar-item'?: (props: {
-        item: SidebarItem;
-        active: boolean;
-    }) => any;
+    'sidebar-item'?: (props: any) => 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?: "action" | "outline" | "danger" | "success" | "warning" | "neutral" | "brand" | undefined;
+    tone?: "danger" | "action" | "outline" | "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?: "action" | "outline" | "danger" | "success" | "warning" | "neutral" | "brand" | undefined;
+    tone?: "danger" | "action" | "outline" | "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;
-    wrap: boolean;
     lineNumbers: boolean;
+    wrap: boolean;
     locked: boolean;
     lockToggle: boolean;
     copyable: boolean;

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

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

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

@@ -17,8 +17,35 @@ export interface Command {
      * decommission, …) that shouldn't clutter the palette but stay reachable.
      */
     hidden?: boolean;
+    /**
+     * Picking this opens a mode instead of closing: a nested list, either given
+     * outright or fetched from the query typed inside it. This is what keeps a
+     * palette from flattening "restart <service>" into one row per service —
+     * and what lets the second step search a list too big to enumerate.
+     *
+     * `onSelect` still runs when the mode opens, so a command can both act and
+     * drill in.
+     */
+    children?: Command[] | ((query: string) => Command[] | Promise<Command[]>);
+    /** Placeholder while inside this command's mode. */
+    childPlaceholder?: string;
+    /**
+     * Keep the palette open after this runs. For a command that toggles
+     * something the user may want to toggle again (a theme, a filter) without
+     * reopening and retyping.
+     */
+    keepOpen?: boolean;
     onSelect?: () => void;
 }
+/** Footer hints and the mode chip, spelled out so an app can translate them. */
+export interface PaletteLabels {
+    navigate: string;
+    select: string;
+    close: string;
+    /** Hint for leaving a mode, shown only while inside one. */
+    back: string;
+    searching: string;
+}
 type __VLS_Props = {
     open?: boolean;
     commands: Command[];
@@ -26,17 +53,52 @@ type __VLS_Props = {
     emptyText?: string;
     /** Bind a global ⌘K / Ctrl-K toggle. */
     hotkey?: boolean;
+    /**
+     * Commands fetched from the typed query — what reaches the things too many
+     * (or too remote) to hand over as a list: people, files, tickets. Called
+     * debounced, never for a query shorter than `minChars`, and only its
+     * newest call counts: an earlier one that lands late is dropped, so a slow
+     * response can't overwrite a fresher list.
+     *
+     * Results join the static commands, so a palette can do both.
+     */
+    search?: (query: string, signal: AbortSignal) => Command[] | Promise<Command[]>;
+    /** Wait after the last keystroke before `search` runs. */
+    debounce?: number;
+    /** Shortest query `search` runs for. */
+    minChars?: number;
+    /**
+     * Ids of recently picked commands, newest first — bind it to storage and
+     * the palette opens on what this person actually uses. It only reorders
+     * commands already in the list; an id that no longer resolves is skipped,
+     * so a stored history never resurrects a command that has gone away.
+     */
+    recent?: string[];
+    /** How many recent commands to surface. */
+    recentLimit?: number;
+    /** Headings the palette adds itself. */
+    recentLabel?: string;
+    resultsLabel?: string;
+    /** Footer hints and the mode chip, spelled out for translation. */
+    labels?: Partial<PaletteLabels>;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (command: Command) => any;
     "update:open": (value: boolean) => any;
+    run: (id: string, command: Command) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((command: Command) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onRun?: ((id: string, command: Command) => any) | undefined;
 }>, {
     placeholder: string;
     emptyText: string;
+    minChars: number;
+    debounce: number;
+    recentLimit: number;
     hotkey: boolean;
+    recentLabel: string;
+    resultsLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;