@leavepulse/ui 0.43.0 → 0.43.2

package/dist/assets/{LpCommandPalette-s_kKuCRf.css → LpCommandPalette-DH7sPcKP.css}

@@ -5,81 +5,81 @@
  * pane from its right edge as it grows. Animating the columns themselves made
  * every line of the list and the pane re-wrap on every frame.
  */
-.lp-cmd-dialog[data-v-10500f32] {
+.lp-cmd-dialog[data-v-0175ffca] {
   --lp-cmd-list: min(92vw, 40rem);
   --lp-cmd-pane: max(0px, min(26rem, 96vw - var(--lp-cmd-list)));
   width: var(--lp-cmd-list);
 }
-.lp-cmd-split[data-v-10500f32] {
+.lp-cmd-split[data-v-0175ffca] {
   transition:
     width 300ms var(--ease-emphasized, ease),
     min-height 300ms var(--ease-emphasized, ease);
 }
 @media (min-width: 768px) {
-.lp-cmd-split .lp-cmd-list[data-v-10500f32] {
+.lp-cmd-split .lp-cmd-list[data-v-0175ffca] {
     flex: 0 0 auto;
     /* the dialog's 1px border on each side */
     width: calc(var(--lp-cmd-list) - 2px);
 }
-.lp-cmd-dialog[data-pane="open"][data-v-10500f32] {
+.lp-cmd-dialog[data-pane="open"][data-v-0175ffca] {
     width: calc(var(--lp-cmd-list) + var(--lp-cmd-pane));
     min-height: min(76vh, 36rem);
 }
 }
-.lp-cmd-pane[data-v-10500f32] {
+.lp-cmd-pane[data-v-0175ffca] {
   width: var(--lp-cmd-pane);
 }
 /*
  * The pane rides in from the right edge while the dialog opens up to it, and
  * leaves the same way, for as long as the dialog takes to close over it.
  */
-.lp-cmd-pane-enter-active[data-v-10500f32],
-.lp-cmd-pane-leave-active[data-v-10500f32] {
+.lp-cmd-pane-enter-active[data-v-0175ffca],
+.lp-cmd-pane-leave-active[data-v-0175ffca] {
   transition:
     transform 300ms var(--ease-emphasized, ease),
     opacity 300ms ease;
 }
-.lp-cmd-pane-enter-from[data-v-10500f32],
-.lp-cmd-pane-leave-to[data-v-10500f32] {
+.lp-cmd-pane-enter-from[data-v-0175ffca],
+.lp-cmd-pane-leave-to[data-v-0175ffca] {
   opacity: 0;
   transform: translateX(40%);
 }
-.lp-cmd-para[data-v-10500f32] {
-  animation: lp-cmd-para-in-10500f32 260ms ease-out both;
+.lp-cmd-para[data-v-0175ffca] {
+  animation: lp-cmd-para-in-0175ffca 260ms ease-out both;
 }
-@keyframes lp-cmd-para-in-10500f32 {
+@keyframes lp-cmd-para-in-0175ffca {
 from {
     opacity: 0;
     transform: translateY(4px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-split[data-v-10500f32],
-  .lp-cmd-pane-enter-active[data-v-10500f32],
-  .lp-cmd-pane-leave-active[data-v-10500f32] {
+.lp-cmd-split[data-v-0175ffca],
+  .lp-cmd-pane-enter-active[data-v-0175ffca],
+  .lp-cmd-pane-leave-active[data-v-0175ffca] {
     transition: none;
 }
-.lp-cmd-para[data-v-10500f32] {
+.lp-cmd-para[data-v-0175ffca] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-10500f32] {
+.lp-cmd-excerpt[data-v-0175ffca] {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-10500f32] {
-  animation: lp-cmd-in-10500f32 140ms ease-out both;
+.lp-cmd-item[data-v-0175ffca] {
+  animation: lp-cmd-in-0175ffca 140ms ease-out both;
 }
-@keyframes lp-cmd-in-10500f32 {
+@keyframes lp-cmd-in-0175ffca {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-10500f32] {
+.lp-cmd-item[data-v-0175ffca] {
     animation: none;
 }
 }

package/dist/assets/{LpImageEditor-D-s8tNGO.css → LpImageEditor-Ct7Y3aNu.css}

@@ -2,22 +2,22 @@
 /* The picture settles into the frame instead of appearing in it. Scale rather
    than a slide: the frame is the fixed thing here and the image lives inside
    it, so anything that moved would read as a crop that had shifted. */
-.lp-editor__image[data-v-667d4388] {
-  animation: lp-editor-in-667d4388 var(--duration-slow) var(--ease-settle) both;
+.lp-editor__image[data-v-a19a8cf6] {
+  animation: lp-editor-in-a19a8cf6 var(--duration-slow) var(--ease-settle) both;
 }
-.lp-editor__image--waiting[data-v-667d4388] {
+.lp-editor__image--waiting[data-v-a19a8cf6] {
   opacity: 0;
   animation: none;
 }
-@keyframes lp-editor-in-667d4388 {
+@keyframes lp-editor-in-a19a8cf6 {
 from {
     opacity: 0;
     scale: 1.04;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-editor__image[data-v-667d4388],
-  .lp-editor__image--waiting[data-v-667d4388] {
+.lp-editor__image[data-v-a19a8cf6],
+  .lp-editor__image--waiting[data-v-a19a8cf6] {
     opacity: 1;
     scale: 1;
     animation: none;

package/dist/components/LpCommandPalette.vue.js

@@ -9,7 +9,7 @@ import { useHotkeys } from "../composables/useHotkeys.js";
 import { useModalLayer } from "./modalDepth.js";
 import { parseCommandQuery, rankCommandItems, swapCommandTerms } from "./commandSearch.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-s_kKuCRf.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-DH7sPcKP.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 = {
@@ -783,7 +783,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10500f32"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0175ffca"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpImageEditor.vue.js

@@ -7,7 +7,7 @@ import "reka-ui";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpImageEditor-D-s8tNGO.css';const _hoisted_1 = ["aria-label"];
+import '../assets/LpImageEditor-Ct7Y3aNu.css';const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["src"];
 const _hoisted_3 = {
   key: 0,
@@ -363,7 +363,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpImageEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-667d4388"]]);
+const LpImageEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a19a8cf6"]]);
 export {
   LpImageEditor as default
 };

package/dist/components/modalDepth.js

@@ -18,8 +18,8 @@ function useModalLayer() {
     layer: computed(() => {
       const drop = fromTop.value * STEP;
       return {
-        scrim: `calc(var(--z-toast) - 20 - ${drop})`,
-        panel: `calc(var(--z-toast) - 10 - ${drop})`,
+        scrim: `calc(var(--z-overlay) - ${drop})`,
+        panel: `calc(var(--z-modal) - ${drop})`,
         nested: stack.value.indexOf(id) > 0
       };
     })

package/package.json

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

package/src/components/LpCommandPalette.vue

@@ -192,7 +192,7 @@ const props = withDefaults(
     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
+     * keyboard layout (QWERTY ↔ Cyrillic). Off for an app whose commands are
      * meant to be typed in one layout only.
      */
     layoutFallback?: boolean
@@ -451,8 +451,8 @@ function refresh() {
 const source = computed<Command[]>(() => (mode.value ? modeItems.value : props.commands))
 
 /*
- * Keyboard layouts typed through each other: the query "cthdth" is "сервер"
- * typed with the wrong layout on. Only the QWERTY ↔ ЙЦУКЕН pair is mapped —
+ * Keyboard layouts typed through each other use a QWERTY ↔ Cyrillic map.
+ * Only that pair is mapped —
  * the one bilingual setup common enough to be worth a table — and it is a
  * fallback, tried only when the query as typed matches nothing.
  */
@@ -829,7 +829,7 @@ onBeforeUnmount(release)
 
 // Through useHotkeys rather than a listener of its own: the palette is the one
 // shortcut that has to work from inside a text field, and `code` is what makes
-// it fire on a layout where Ctrl-K arrives as "л".
+// it fire on a layout where Ctrl-K has a different reported key.
 useHotkeys(() =>
   props.hotkey
     ? [

package/src/components/LpImageEditor.vue

@@ -347,8 +347,8 @@ function onWheel(event: WheelEvent) {
  * Shortcuts, through the kit's registry rather than a switch of my own.
  *
  * useHotkeys answers three things a hand-rolled handler gets wrong, and one of
- * them bites here specifically: on a Cyrillic layout "R" arrives as
- * `key: "к"`, so matching the letter alone would leave the shortcut dead for
+ * them bites here specifically: a Cyrillic layout changes the reported key,
+ * so matching the letter alone would leave the shortcut dead for
  * the person most likely to be using this. Scoped to the viewport, so two
  * editors on a page do not both answer the same key.
  */

package/src/components/commandSearch.ts

@@ -13,7 +13,7 @@ export interface CommandSearchTerms {
 
 const QUERY_TOKEN = /(-?)(?:(in):)?(?:"([^"]*)"|(\S+))/giu
 const LATIN = "qwertyuiop[]asdfghjkl;'zxcvbnm,.`"
-const CYRILLIC = "йцукенгшщзхъфывапролджэячсмитьбюё"
+const CYRILLIC = "\u0439\u0446\u0443\u043A\u0435\u043D\u0433\u0448\u0449\u0437\u0445\u044A\u0444\u044B\u0432\u0430\u043F\u0440\u043E\u043B\u0434\u0436\u044D\u044F\u0447\u0441\u043C\u0438\u0442\u044C\u0431\u044E\u0451"
 const SWAP = new Map<string, string>()
 
 for (let i = 0; i < LATIN.length; i++) {

package/src/components/modalDepth.ts

@@ -27,8 +27,8 @@ export function useModalLayer(): {
     layer: computed(() => {
       const drop = fromTop.value * STEP
       return {
-        scrim: `calc(var(--z-toast) - 20 - ${drop})`,
-        panel: `calc(var(--z-toast) - 10 - ${drop})`,
+        scrim: `calc(var(--z-overlay) - ${drop})`,
+        panel: `calc(var(--z-modal) - ${drop})`,
         nested: stack.value.indexOf(id) > 0,
       }
     }),

package/src/composables/useHotkeys.ts

@@ -9,7 +9,7 @@ import { computed, onBeforeUnmount, onMounted, shallowReactive, type MaybeRefOrG
  *
  *   layout — a binding names its key twice over. `key` is what the layout
  *     produced, `code` is the physical position, and either matching counts. On
- *     a Cyrillic layout Ctrl+K arrives as `key: "л"` with `code: "KeyK"`, and a
+ *     a Cyrillic layout Ctrl+K arrives under a different `key` with `code: "KeyK"`, and a
  *     user pressing the key printed "K" expects it to work either way.
  *
  *   IME — a composing input delivers every keystroke as its own event, so