@leavepulse/ui 0.37.10 → 0.38.0

package/dist/assets/LpCommandPalette-C0yStVNy.css

@@ -0,0 +1,21 @@
+
+.lp-cmd-excerpt[data-v-2a5d3558] {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+/* Each result eases in; honours reduced motion. */
+.lp-cmd-item[data-v-2a5d3558] {
+  animation: lp-cmd-in-2a5d3558 140ms ease-out both;
+}
+@keyframes lp-cmd-in-2a5d3558 {
+from {
+    opacity: 0;
+    transform: translateY(3px);
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.lp-cmd-item[data-v-2a5d3558] {
+    animation: none;
+}
+}

package/dist/chunks/LpSwitch-Blizvqyt.js

@@ -0,0 +1,94 @@
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, mergeProps, unref, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, normalizeClass, withCtx, createBlock } from "vue";
+import { SwitchRoot, SwitchThumb } from "reka-ui";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex min-w-0 flex-col"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "text-xs text-muted"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex min-w-0 flex-col"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "text-xs text-muted"
+};
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpSwitch",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    label: {},
+    description: {},
+    labelPosition: { default: "end" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const labelled = computed(() => Boolean(props.label || props.description || slots.default));
+    const TRACK = "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";
+    const THUMB = "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";
+    const { class: rootClass, attrs: rest } = useMergedAttrs(() => {
+      if (!labelled.value) return TRACK;
+      return props.labelPosition === "start" ? "flex w-full cursor-pointer items-center justify-between gap-3 text-sm text-ink" : "inline-flex cursor-pointer items-center gap-2 text-sm text-ink";
+    });
+    function onUpdate(value) {
+      emit("update:modelValue", value);
+    }
+    return (_ctx, _cache) => {
+      return labelled.value ? (openBlock(), createElementBlock("label", mergeProps({
+        key: 0,
+        class: [unref(rootClass), __props.disabled && "cursor-not-allowed"]
+      }, unref(rest)), [
+        __props.labelPosition === "start" ? (openBlock(), createElementBlock("span", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ]),
+          __props.description ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createVNode(unref(SwitchRoot), {
+          "model-value": __props.modelValue,
+          disabled: __props.disabled,
+          class: normalizeClass(TRACK),
+          "onUpdate:modelValue": onUpdate
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(SwitchThumb), {
+              class: normalizeClass(THUMB)
+            })
+          ]),
+          _: 1
+        }, 8, ["model-value", "disabled"]),
+        __props.labelPosition === "end" ? (openBlock(), createElementBlock("span", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ]),
+          __props.description ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 16)) : (openBlock(), createBlock(unref(SwitchRoot), mergeProps({
+        key: 1,
+        "model-value": __props.modelValue,
+        disabled: __props.disabled,
+        class: unref(rootClass)
+      }, unref(rest), { "onUpdate:modelValue": onUpdate }), {
+        default: withCtx(() => [
+          createVNode(unref(SwitchThumb), {
+            class: normalizeClass(THUMB)
+          })
+        ]),
+        _: 1
+      }, 16, ["model-value", "disabled", "class"]));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

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

@@ -3,6 +3,19 @@ export interface Command {
     label: string;
     /** Second line under the label. */
     description?: string;
+    /**
+     * A passage of the matched text, wrapped over several lines (clamped by
+     * `excerptLines`) instead of truncated to one. For results a server found
+     * inside long text — a docs section, a ticket, a message — where the reason
+     * the row matched is the part worth reading before opening it.
+     */
+    excerpt?: string;
+    /**
+     * Extra words to highlight besides the typed query. A server that matches
+     * word forms or typos knows which words actually matched; the query alone
+     * would leave those unmarked.
+     */
+    highlight?: string[];
     icon?: string;
     /** Right-aligned hint, e.g. "⌘P". */
     shortcut?: string;
@@ -35,6 +48,27 @@ export interface Command {
      * reopening and retyping.
      */
     keepOpen?: boolean;
+    /**
+     * Where the command leads. The row renders as a real link, so Ctrl/⌘-click,
+     * Shift-click and middle-click open it the way the browser opens any link,
+     * and Ctrl/⌘+Enter opens it in a new tab from the keyboard. A plain pick
+     * still runs `onSelect` (a router push, say); without one it follows the
+     * link.
+     */
+    href?: string;
+    /**
+     * Further things to do with this result besides opening it — copy its id,
+     * open it elsewhere, share it. Tab on the highlighted row lists them as a
+     * mode named after the row. A command with `href` gets "open in new tab"
+     * and "copy link" after its own.
+     */
+    actions?: Command[];
+    /**
+     * The whole text behind this result, for the preview pane (`previewPane`):
+     * the section a docs hit points into, the ticket body, the message. Line
+     * breaks are kept. Without it the pane shows the `excerpt`.
+     */
+    preview?: string;
     onSelect?: () => void;
 }
 /** Footer hints and the mode chip, spelled out so an app can translate them. */
@@ -45,6 +79,19 @@ export interface PaletteLabels {
     /** Hint for leaving a mode, shown only while inside one. */
     back: string;
     searching: string;
+    /** Shown when `search` (or a fetching mode) threw. */
+    searchFailed: string;
+    retry: string;
+    /** The row that unfolds a group cut by `groupLimit`; `{count}` is how many are hidden. */
+    showMore: string;
+    /** Footer hint for Tab while the highlighted row has actions. */
+    actions: string;
+    openInNewTab: string;
+    copyLink: string;
+    /** Toast after "copy link"; empty for none. */
+    linkCopied: string;
+    /** The preview pane when the highlighted row has nothing to show. */
+    noPreview: string;
 }
 type __VLS_Props = {
     open?: boolean;
@@ -81,8 +128,37 @@ type __VLS_Props = {
     resultsLabel?: string;
     /** Footer hints and the mode chip, spelled out for translation. */
     labels?: Partial<PaletteLabels>;
+    /** Lines an `excerpt` may wrap to before it is clamped. */
+    excerptLines?: number;
+    /**
+     * Rows a group shows before folding the rest behind a "Show N more" row.
+     * One provider answering with thirty people would otherwise push every
+     * other group off the screen. 0 shows everything.
+     */
+    groupLimit?: number;
+    /**
+     * When the query matches nothing, retry it as if typed in the other
+     * keyboard layout (QWERTY ↔ ЙЦУКЕН). Off for an app whose commands are
+     * meant to be typed in one layout only.
+     */
+    layoutFallback?: boolean;
+    /**
+     * A pane beside the list showing the highlighted result in full — its
+     * `preview` text, or the `preview` slot. For palettes that search
+     * content rather than commands: the excerpt says why a row matched, the
+     * pane lets it be read without leaving the page. Opt-in and fixed while
+     * open, so the dialog does not change width as results come and go.
+     * Hidden below the md breakpoint, where there is no room beside the list.
+     */
+    previewPane?: boolean;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+type __VLS_Slots = {
+    /** Body of the preview pane for the highlighted command. */
+    preview?: (props: {
+        command: Command;
+    }) => unknown;
+};
+declare const __VLS_base: 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;
@@ -99,6 +175,16 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     hotkey: boolean;
     recentLabel: string;
     resultsLabel: string;
+    excerptLines: number;
+    groupLimit: number;
+    layoutFallback: boolean;
+    previewPane: boolean;
 }, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};