@leavepulse/ui 0.39.0 → 0.39.1

package/dist/assets/{LpCommandPalette-DdETX0-G.css → LpCommandPalette-DKL4O4JP.css}

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

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

@@ -149,6 +149,11 @@ type __VLS_Props = {
      * 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.
+     *
+     * The dialog takes one width class or the other, never a base width plus
+     * an `md:` override: a consumer's Tailwind build can emit the two in an
+     * order where the base wins, and the pane opened squeezed into 40rem.
+     * Both widths are 92vw on a narrow screen, so no breakpoint is needed.
      */
     previewPane?: boolean;
     /**

package/dist/components/LpCommandPalette.vue.js

@@ -6,7 +6,7 @@ import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-DdETX0-G.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-DKL4O4JP.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
 const _hoisted_2 = ["title", "onClick"];
 const _hoisted_3 = ["aria-activedescendant", "placeholder", "onKeydown"];
 const _hoisted_4 = { class: "flex min-h-0 flex-1" };
@@ -484,9 +484,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass([{ "lp-scrim--light": __props.glass }, "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"])
               }, null, 8, ["class"]),
               createVNode(unref(DialogContent), {
-                class: normalizeClass(["fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] w-[min(92vw,40rem)] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [
+                class: normalizeClass(["fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [
                   __props.glass ? "lp-glass-overlay" : "bg-surface-raised",
-                  __props.previewPane && "md:h-[min(76vh,36rem)] md:w-[min(92vw,64rem)]"
+                  __props.previewPane ? "w-[min(92vw,64rem)] md:h-[min(76vh,36rem)]" : "w-[min(92vw,40rem)]"
                 ]]),
                 onOpenAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {
                 }, ["prevent"]))
@@ -761,7 +761,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eecd2c28"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fcb38dbd"]]);
 export {
   LpCommandPalette as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.39.0",
+  "version": "0.39.1",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpCommandPalette.vue

@@ -197,6 +197,11 @@ const props = withDefaults(
      * 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.
+     *
+     * The dialog takes one width class or the other, never a base width plus
+     * an `md:` override: a consumer's Tailwind build can emit the two in an
+     * order where the base wins, and the pane opened squeezed into 40rem.
+     * Both widths are 92vw on a narrow screen, so no breakpoint is needed.
      */
     previewPane?: boolean
     /**
@@ -836,10 +841,10 @@ useHotkeys(() =>
         class="lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"
       />
       <DialogContent
-        class="fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] w-[min(92vw,40rem)] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]"
+        class="fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]"
         :class="[
           glass ? 'lp-glass-overlay' : 'bg-surface-raised',
-          previewPane && 'md:h-[min(76vh,36rem)] md:w-[min(92vw,64rem)]',
+          previewPane ? 'w-[min(92vw,64rem)] md:h-[min(76vh,36rem)]' : 'w-[min(92vw,40rem)]',
         ]"
         @open-auto-focus.prevent
       >