@leavepulse/ui 0.45.0 → 0.46.0

package/dist/components/LpFileTree.vue.js

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

package/dist/components/LpFileTreeNode.vue.js

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

package/dist/components/LpLogViewer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLogViewer-KypbgOyo.js";
+import { _ as _sfc_main } from "../chunks/LpLogViewer-BDFXzvcl.js";
 export {
   _sfc_main as default
 };

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

@@ -43,19 +43,21 @@ type __VLS_Props = {
         close: string;
     }>;
 };
-declare var __VLS_31: {}, __VLS_45: {}, __VLS_64: {}, __VLS_72: {}, __VLS_74: {}, __VLS_76: {};
+declare var __VLS_31: {}, __VLS_45: {}, __VLS_53: {}, __VLS_66: {}, __VLS_74: {}, __VLS_76: {}, __VLS_78: {};
 type __VLS_Slots = {} & {
     aside?: (props: typeof __VLS_31) => any;
 } & {
     title?: (props: typeof __VLS_45) => any;
 } & {
-    default?: (props: typeof __VLS_64) => any;
+    actions?: (props: typeof __VLS_53) => any;
 } & {
-    default?: (props: typeof __VLS_72) => any;
+    default?: (props: typeof __VLS_66) => any;
 } & {
-    footer?: (props: typeof __VLS_74) => any;
+    default?: (props: typeof __VLS_74) => any;
 } & {
-    asideEnd?: (props: typeof __VLS_76) => any;
+    footer?: (props: typeof __VLS_76) => any;
+} & {
+    asideEnd?: (props: typeof __VLS_78) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:open": (value: boolean) => any;

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-DMMDQHAu.js";
+import { _ as _sfc_main } from "../chunks/LpModal-JNa3B_Lr.js";
 export {
   _sfc_main as default
 };

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

@@ -34,13 +34,15 @@ type __VLS_Props = {
     /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
 };
-declare var __VLS_36: {}, __VLS_38: {}, __VLS_41: {};
+declare var __VLS_36: {}, __VLS_39: {}, __VLS_41: {}, __VLS_44: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_36) => any;
 } & {
-    default?: (props: typeof __VLS_38) => any;
+    actions?: (props: typeof __VLS_39) => any;
 } & {
-    footer?: (props: typeof __VLS_41) => any;
+    default?: (props: typeof __VLS_41) => any;
+} & {
+    footer?: (props: typeof __VLS_44) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;

package/dist/components/LpModalNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModalNav-BVPDyIup.js";
+import { _ as _sfc_main } from "../chunks/LpModalNav-BAxC9et7.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNotificationBell.vue.js

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

package/dist/components/LpPie.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPie-BEJ2SfI6.js";
+import { _ as _sfc_main } from "../chunks/LpPie-BdSnta11.js";
 export {
   _sfc_main as default
 };

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

@@ -4,9 +4,9 @@ type __VLS_Props = {
     contentClass?: string;
     barInsetTop?: string;
 };
-declare var __VLS_46: {};
+declare var __VLS_50: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_46) => any;
+    default?: (props: typeof __VLS_50) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     viewportEl: import("vue").ComputedRef<HTMLElement | null>;

package/dist/components/LpScrollArea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScrollArea-Bry1fdOM.js";
+import { _ as _sfc_main } from "../chunks/LpScrollArea-Hz3-JWUG.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-DMMDQHAu.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-JNa3B_Lr.js";
 import { useAppleKeyboard, mergeShortcutGroups, activeShortcuts, useHotkeys, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-CQNB0-yU.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-DpEiGi8L.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-kx-LdqNU.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-BUuxipX-.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.js

@@ -1,10 +1,10 @@
 import { defineComponent, computed, useAttrs, ref, shallowRef, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createElementVNode, Transition, renderSlot, mergeProps, normalizeStyle, createBlock, TransitionGroup, unref, withModifiers, nextTick } from "vue";
 import { _ as _sfc_main$7 } from "../chunks/LpCheckbox-Bkj13CbW.js";
-import { _ as _sfc_main$6 } from "../chunks/LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$6 } from "../chunks/LpContextMenu-1cKew_Dc.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$a } from "../chunks/LpPagination-BcDlo3r_.js";
 import { _ as _sfc_main$8 } from "../chunks/LpPopover-DCKeqiVn.js";
-import { _ as _sfc_main$5 } from "../chunks/LpScrollArea-Bry1fdOM.js";
+import { _ as _sfc_main$5 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$4 } from "../chunks/LpRollingText-DB7upf-5.js";
 import { _ as _sfc_main$3 } from "../chunks/LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$9 } from "../chunks/LpTableFilter-BV8PpLM9.js";
@@ -18,7 +18,7 @@ import { _ as _sfc_main$1 } from "../chunks/LpButton-CKSwC6Mu.js";
 import { toCsv, downloadFile, fileStem } from "./exportData.js";
 import { summarizeShown, parseTableState, serializeTableState, countValues } from "./tableFilter.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTable-CPwWxTJS.css';const _hoisted_1 = {
+import '../assets/LpTable-BoeA_TgK.css';const _hoisted_1 = {
   key: 0,
   class: "flex justify-end"
 };
@@ -726,7 +726,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }),
         createVNode(_sfc_main$5, mergeProps(scrollAttrs.value, {
           fade: false,
-          class: "min-h-0 flex-1 rounded-card border border-line",
+          class: "min-h-0 flex-1 rounded-card border border-line bg-surface",
           style: __props.load && floor.value ? { minHeight: `${floor.value + 2}px` } : void 0,
           "bar-inset-top": barInsetTop.value
         }), {
@@ -924,7 +924,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fff7ed10"]]);
+const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fc0998d"]]);
 export {
   LpTable as default
 };

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-B4aVPbNC.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-BbYFFT5w.js";
 export {
   _sfc_main as default
 };

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

@@ -1,6 +1,8 @@
 type __VLS_Props = {
     labels?: Partial<{
         dismiss: string;
+        copy: string;
+        copied: string;
     }>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpToaster.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpToaster-DpJvoCOh.js";
+import { _ as _sfc_main } from "../chunks/LpToaster-DTtWuKvq.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    title: string;
+    subtitle?: string;
+    icon?: string;
+    image?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/MenuTitle.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/MenuTitle-J3ZDYjpV.js";
+export {
+  _sfc_main as default
+};

package/dist/composables/useClipboard.js

@@ -1,5 +1,39 @@
 import { ref, onScopeDispose } from "vue";
 import { useToast } from "./useToast.js";
+async function writeAsync(text) {
+  if (typeof navigator === "undefined" || !navigator.clipboard) return false;
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function writeLegacy(text) {
+  if (typeof document === "undefined") return false;
+  const active = document.activeElement;
+  const selection = document.getSelection();
+  const ranges = selection ? Array.from({ length: selection.rangeCount }, (_, i) => selection.getRangeAt(i)) : [];
+  const field = document.createElement("textarea");
+  field.value = text;
+  field.setAttribute("readonly", "");
+  field.style.cssText = "position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none";
+  document.body.appendChild(field);
+  field.select();
+  let ok = false;
+  try {
+    ok = document.execCommand("copy");
+  } catch {
+    ok = false;
+  }
+  field.remove();
+  if (selection) {
+    selection.removeAllRanges();
+    for (const range of ranges) selection.addRange(range);
+  }
+  active?.focus?.({ preventScroll: true });
+  return ok;
+}
 const COPIED_MS = 1400;
 function useClipboard() {
   const copied = ref(false);
@@ -8,8 +42,7 @@ function useClipboard() {
   async function copy(text, options = {}) {
     const { toast = false, errorToast = false } = options;
     try {
-      await navigator.clipboard?.writeText(text);
-      if (!navigator.clipboard) throw new Error("clipboard unavailable");
+      if (!await writeAsync(text) && !writeLegacy(text)) throw new Error("clipboard unavailable");
       copied.value = true;
       clearTimeout(timer);
       timer = setTimeout(() => copied.value = false, COPIED_MS);

package/dist/composables/useLocale.d.ts

@@ -0,0 +1,2 @@
+import { type ComputedRef, type MaybeRefOrGetter } from "vue";
+export declare function useLocale(own?: MaybeRefOrGetter<string | undefined>): ComputedRef<string | undefined>;

package/dist/composables/useLocale.js

@@ -0,0 +1,9 @@
+import { computed, toValue } from "vue";
+import { injectConfigProviderContext } from "reka-ui";
+function useLocale(own) {
+  const context = injectConfigProviderContext({});
+  return computed(() => toValue(own) || context.locale?.value || void 0);
+}
+export {
+  useLocale
+};

package/dist/index.js

@@ -1,42 +1,42 @@
 import { _ } from "./chunks/LayoutCanvas-BkaGXTjx.js";
-import { _ as _2 } from "./chunks/LpAddressInput-BwX8uo4_.js";
+import { _ as _2 } from "./chunks/LpAddressInput-iOJhmRzy.js";
 import { _ as _3 } from "./chunks/LpMapPicker-Cc84LaM3.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpActionBar-CnfFVIwC.js";
 import { _ as _5 } from "./chunks/LpAlert-B6ilrM7T.js";
-import { _ as _6 } from "./chunks/LpAppShell-C53_RaGF.js";
+import { _ as _6 } from "./chunks/LpAppShell-BmMYcEVx.js";
 import { _ as _7 } from "./chunks/LpAutocomplete-C8IgSMsi.js";
-import { _ as _8 } from "./chunks/LpAvatar-C1XStdOo.js";
+import { _ as _8 } from "./chunks/LpAvatar-DeSb6H0c.js";
 import { _ as _9 } from "./chunks/LpBadge-Fe0D1bYx.js";
 import { _ as _10 } from "./chunks/LpBreadcrumbs-CQJd73Gm.js";
 import { _ as _11 } from "./chunks/LpButton-CKSwC6Mu.js";
 import { _ as _12 } from "./chunks/LpCalendar-DrA2McTU.js";
-import { _ as _13 } from "./chunks/LpCard-C2IvucmX.js";
+import { _ as _13 } from "./chunks/LpCard-BdxkMXjo.js";
 import { default as default2 } from "./components/LpChart.vue.js";
 import { backgroundOf, csvField, downloadFile, fileStem, inlineSvg, resolveCssColor, svgToPng, toCsv } from "./components/exportData.js";
 import { CHART_PALETTE, axisTicks, chartSummary, formatTick, markerIndex, niceScale, resolveSlices } from "./components/chart.js";
 import { _ as _14 } from "./chunks/LpCheckbox-Bkj13CbW.js";
 import { _ as _15 } from "./chunks/LpCodeBlock-ca7ANFyW.js";
 import { tokenizeLines } from "./components/codeHighlight.js";
-import { _ as _16 } from "./chunks/LpColorPicker-zz4VGkG4.js";
+import { _ as _16 } from "./chunks/LpColorPicker-BLqPX5Vw.js";
 import { DEFAULT_SWATCHES, clampHsv, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv } from "./components/color.js";
 import { default as default3 } from "./components/LpCommandPalette.vue.js";
 import { parseCommandQuery, rankCommandItems } from "./components/commandSearch.js";
-import { _ as _17 } from "./chunks/LpConfirmDialog-DCw5jR1t.js";
-import { _ as _18 } from "./chunks/LpConfirmHost-CbywMpMP.js";
+import { _ as _17 } from "./chunks/LpConfirmDialog-Ca-CTlxT.js";
+import { _ as _18 } from "./chunks/LpConfirmHost-BAaSaT2b.js";
 import { confirm, useConfirm } from "./components/confirm.js";
-import { _ as _19 } from "./chunks/LpContextMenu-BqkAYa9X.js";
-import { _ as _20 } from "./chunks/LpDatePicker-DuusgT69.js";
-import { _ as _21 } from "./chunks/LpDateRangePicker-DHeuznfC.js";
+import { _ as _19 } from "./chunks/LpContextMenu-1cKew_Dc.js";
+import { _ as _20 } from "./chunks/LpDatePicker-BrdFtSTy.js";
+import { _ as _21 } from "./chunks/LpDateRangePicker-Drd7EbIz.js";
 import { _ as _22 } from "./chunks/LpRangeCalendar-DZuaRV0W.js";
 import { clampRange, defaultRangePresets, formatRange, normalizeRange, sameRange } from "./components/dateRange.js";
 import { _ as _23 } from "./chunks/LpDisclosure-Cc23-JOT.js";
 import { _ as _24 } from "./chunks/LpDivider-CUX46KR0.js";
-import { _ as _25 } from "./chunks/LpDrawer-Dt4aB4Fr.js";
-import { _ as _26 } from "./chunks/LpDropdownMenu-DdJGQzPn.js";
+import { _ as _25 } from "./chunks/LpDrawer-CBFVD624.js";
+import { _ as _26 } from "./chunks/LpDropdownMenu-DrpJJBp0.js";
 import { default as default4 } from "./components/LpDropzone.vue.js";
 import { _ as _27 } from "./chunks/LpEmptyState-BJbZXC8D.js";
-import { _ as _28 } from "./chunks/LpFileTree-CNurOvkV.js";
+import { _ as _28 } from "./chunks/LpFileTree-bk5VjBey.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _29 } from "./chunks/LpFieldNotice-wtieLUTj.js";
 import { _ as _30 } from "./chunks/LpFormField-CtVYj6tO.js";
@@ -48,19 +48,19 @@ import { _ as _33 } from "./chunks/LpInput-D-YGQbEv.js";
 import { _ as _34 } from "./chunks/LpLightbox-DSDahF23.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _35 } from "./chunks/LpLink-Krkjhe_y.js";
-import { _ as _36 } from "./chunks/LpLogViewer-KypbgOyo.js";
+import { _ as _36 } from "./chunks/LpLogViewer-BDFXzvcl.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
 import { _ as _37 } from "./chunks/LpMediaGallery-YKr-cQPN.js";
-import { _ as _38 } from "./chunks/LpModal-DMMDQHAu.js";
-import { _ as _39 } from "./chunks/LpModalNav-BVPDyIup.js";
-import { _ as _40 } from "./chunks/LpNotificationBell-CCwyJP5C.js";
+import { _ as _38 } from "./chunks/LpModal-JNa3B_Lr.js";
+import { _ as _39 } from "./chunks/LpModalNav-BAxC9et7.js";
+import { _ as _40 } from "./chunks/LpNotificationBell-DsqSyMwS.js";
 import { _ as _41 } from "./chunks/LpNumberField-B77O-z28.js";
 import { _ as _42 } from "./chunks/LpTimeField-Cqe7fXnh.js";
 import { _ as _43 } from "./chunks/LpNumberFlow-z4WPZcZu.js";
 import { _ as _44 } from "./chunks/LpOtpInput-CziPF3Oq.js";
 import { _ as _45 } from "./chunks/LpPagination-BcDlo3r_.js";
 import { _ as _46 } from "./chunks/LpPasswordInput-eKzQhbQP.js";
-import { _ as _47 } from "./chunks/LpPie-BEJ2SfI6.js";
+import { _ as _47 } from "./chunks/LpPie-BdSnta11.js";
 import { _ as _48 } from "./chunks/LpPhoneInput-BCbrrhgE.js";
 import { filterCountries, flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
 import { _ as _49 } from "./chunks/LpPopover-DCKeqiVn.js";
@@ -68,14 +68,14 @@ import { _ as _50 } from "./chunks/LpProgress-CBU1iI69.js";
 import { _ as _51 } from "./chunks/LpRadio-B5AfqTpZ.js";
 import { _ as _52 } from "./chunks/LpRadioGroup-DmEW0l78.js";
 import { _ as _53 } from "./chunks/LpRollingText-DB7upf-5.js";
-import { _ as _54 } from "./chunks/LpScrollArea-Bry1fdOM.js";
+import { _ as _54 } from "./chunks/LpScrollArea-Hz3-JWUG.js";
 import { _ as _55 } from "./chunks/LpSegmented-C09EEam2.js";
 import { _ as _56 } from "./chunks/LpSection-tKEH0jYf.js";
 import { _ as _57 } from "./chunks/LpSelect-DNIL6MB9.js";
 import { _ as _58 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
 import { _ as _59 } from "./chunks/LpShift-DXNsauQZ.js";
 import { default as default6 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _60 } from "./chunks/LpSidebar-CQNB0-yU.js";
+import { _ as _60 } from "./chunks/LpSidebar-DpEiGi8L.js";
 import { _ as _61 } from "./chunks/LpSkeleton-BB6XIV-w.js";
 import { _ as _62 } from "./chunks/LpSlider-Cuzmrd7p.js";
 import { _ as _63 } from "./chunks/LpSparkline-CB80N8SJ.js";
@@ -89,9 +89,9 @@ import { _ as _68 } from "./chunks/LpTabs-29iW1XOx.js";
 import { _ as _69 } from "./chunks/LpTagsInput-D1SuqbhB.js";
 import { addTags, splitTags } from "./components/tags.js";
 import { _ as _70 } from "./chunks/LpTextarea-uuScWo6-.js";
-import { _ as _71 } from "./chunks/LpThemeSwitcher-B4aVPbNC.js";
+import { _ as _71 } from "./chunks/LpThemeSwitcher-BbYFFT5w.js";
 import { _ as _72 } from "./chunks/LpTilt-B7KHX1zH.js";
-import { _ as _73 } from "./chunks/LpToaster-DpJvoCOh.js";
+import { _ as _73 } from "./chunks/LpToaster-DTtWuKvq.js";
 import { _ as _74 } from "./chunks/LpTooltip-CXVKcOXT.js";
 import { _ as _75 } from "./chunks/LpTooltipProvider-CftjV7Xc.js";
 import { _ as _76 } from "./chunks/LpTopologyCanvas-6ozNrQKh.js";

package/package.json

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

package/src/components/LpCommandPalette.vue

@@ -594,6 +594,10 @@ const grouped = computed<{ name: string; items: Command[] }[]>(() => {
  */
 const expanded = ref(new Set<string>())
 const moreOf = new WeakMap<Command, string>()
+// The first row each "Show more" hides. Unfolding removes the "Show more" row
+// itself, so the highlight has to be handed to this one: an id that is gone
+// from the list sends the selection back to the top, and the list with it.
+const firstHidden = new WeakMap<Command, string>()
 
 /*
  * Folding hides at least two rows: a "Show 1 more" row takes the same space
@@ -609,6 +613,7 @@ function folded(name: string, items: Command[]): Command[] {
     keepOpen: true,
   }
   moreOf.set(more, name)
+  firstHidden.set(more, items[limit].id)
   return [...items.slice(0, limit), more]
 }
 
@@ -822,6 +827,7 @@ function run(c: Command | undefined) {
   // was hidden: the arrows carry on from where the fold was.
   const group = moreOf.get(c)
   if (group !== undefined) {
+    selectedId.value = firstHidden.get(c) ?? null
     expanded.value = new Set([...expanded.value, group])
     inputRef.value?.focus()
     return
@@ -939,7 +945,7 @@ useHotkeys(() =>
       <DialogContent
         ref="contentRef"
         class="lp-cmd-dialog fixed left-1/2 top-[12vh] 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="[frosted ? (layer.nested ? 'lp-glass-overlay--nested' : 'lp-glass-overlay') : 'bg-surface-raised', previewPane && 'lp-cmd-split']"
+        :class="[frosted ? (layer.nested ? 'lp-glass-overlay lp-glass-overlay--nested' : 'lp-glass-overlay') : 'bg-surface-raised', previewPane && 'lp-cmd-split']"
         :style="{ zIndex: layer.panel }"
         :data-pane="paneOpen ? 'open' : undefined"
         @open-auto-focus.prevent

package/src/components/LpContextMenu.vue

@@ -9,6 +9,7 @@
 import { ContextMenuContent, ContextMenuPortal, ContextMenuRoot, ContextMenuTrigger } from "reka-ui"
 import { computed } from "vue"
 import ContextMenuItems from "./ContextMenuItems.vue"
+import MenuTitle from "./MenuTitle.vue"
 import { POPOVER_PANEL } from "./dropdown"
 
 export interface ContextMenuItemDef {
@@ -40,6 +41,17 @@ const props = defineProps<{
    * native-menu mode on that first click and swallow it.
    */
   always?: boolean
+  /**
+   * What the menu acts on, shown as a heading above the items: the row's name
+   * in a list of similar rows, so the user sees which one the right-click hit.
+   * Also names the menu for assistive tech.
+   */
+  title?: string
+  /** A muted second line under `title`, e.g. a version or a path. */
+  subtitle?: string
+  /** An icon beside the title, or `titleImage` for a picture (an avatar, a logo). */
+  titleIcon?: string
+  titleImage?: string
 }>()
 
 // With no items the trigger is disabled, so the element keeps the browser's
@@ -87,7 +99,13 @@ function returnFocus(event: Event) {
       <slot />
     </ContextMenuTrigger>
     <ContextMenuPortal v-if="items.length">
-      <ContextMenuContent :collision-padding="8" :class="PANEL" @close-auto-focus="returnFocus">
+      <ContextMenuContent
+        :collision-padding="8"
+        :class="PANEL"
+        :aria-label="title"
+        @close-auto-focus="returnFocus"
+      >
+        <MenuTitle v-if="title" :title="title" :subtitle="subtitle" :icon="titleIcon" :image="titleImage" />
         <ContextMenuItems :items="items" :panel="PANEL" />
       </ContextMenuContent>
     </ContextMenuPortal>

package/src/components/LpDatePicker.vue

@@ -20,6 +20,7 @@ export default { inheritAttrs: false }
 import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "reka-ui"
 import { computed, ref, useAttrs } from "vue"
 import { useFieldControl } from "../composables/useField"
+import { useLocale } from "../composables/useLocale"
 import { useLabels } from "../composables/useLpConfig"
 import { mergeClass } from "../composables/useMergedClass"
 import { POPOVER_PANEL } from "./dropdown"
@@ -73,12 +74,13 @@ const minute = computed(() => {
   return /^\d{2}:\d{2}$/.test(at) ? at : ""
 })
 
+const locale = useLocale()
 const display = computed(() => {
   if (!props.modelValue) return ""
   // Parse as local midnight so the formatted day can't drift across a timezone.
   const [y, m, d] = day.value.split("-").map(Number)
   if (!y || !m || !d) return props.modelValue
-  const shown = new Intl.DateTimeFormat(undefined, props.format).format(new Date(y, m - 1, d))
+  const shown = new Intl.DateTimeFormat(locale.value, props.format).format(new Date(y, m - 1, d))
   return props.time && minute.value ? `${shown}, ${minute.value}` : shown
 })
 

package/src/components/LpDateRangePicker.vue

@@ -12,6 +12,7 @@ export default { inheritAttrs: false }
 import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "reka-ui"
 import { computed, onBeforeUnmount, onMounted, ref, useAttrs } from "vue"
 import { useFieldControl } from "../composables/useField"
+import { useLocale } from "../composables/useLocale"
 import { useLabels } from "../composables/useLpConfig"
 import { mergeClass } from "../composables/useMergedClass"
 import {
@@ -85,7 +86,8 @@ const text = useLabels<DateRangePickerLabels>(
 
 const open = ref(false)
 const value = computed(() => normalizeRange(props.modelValue))
-const display = computed(() => (value.value ? formatRange(value.value, props.locale, props.format) : ""))
+const locale = useLocale(() => props.locale)
+const display = computed(() => (value.value ? formatRange(value.value, locale.value, props.format) : ""))
 
 const presetList = computed<DateRangePreset[]>(() => {
   return props.presets ?? defaultRangePresets(text.value)

package/src/components/LpDrawer.vue

@@ -162,7 +162,7 @@ watch(() => props.open, (open) => (open ? claim() : release()), { immediate: tru
 onBeforeUnmount(release)
 
 const contentClass = computed(() => {
-  const surface = frosted.value ? (layer.value.nested ? "lp-glass-overlay--nested" : "lp-glass-overlay") : "bg-surface-raised"
+  const surface = frosted.value ? (layer.value.nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay") : "bg-surface-raised"
   const base = `fixed z-(--z-modal) flex flex-col border-line ${surface} shadow-panel outline-none`
   const map: Record<Direction, string> = {
     left: "inset-y-0 left-0 border-r rounded-r-card",

package/src/components/LpDropdownMenu.vue

@@ -9,16 +9,25 @@ import {
 } from "reka-ui"
 import { POPOVER_PANEL } from "./dropdown"
 import LpIcon from "./LpIcon.vue"
+import MenuTitle from "./MenuTitle.vue"
 
 export interface MenuItem {
   label: string
   icon?: string
   danger?: boolean
   separatorBefore?: boolean
+  disabled?: boolean
   onSelect?: () => void
 }
 
-defineProps<{ items: MenuItem[] }>()
+defineProps<{
+  items: MenuItem[]
+  /** A heading naming what the menu acts on; see LpContextMenu's `title`. */
+  title?: string
+  subtitle?: string
+  titleIcon?: string
+  titleImage?: string
+}>()
 </script>
 
 <template>
@@ -32,12 +41,15 @@ defineProps<{ items: MenuItem[] }>()
         :side-offset="6"
         align="end"
         :class="[POPOVER_PANEL, 'z-(--z-popover) min-w-44 p-1 outline-none']"
+        :aria-label="title"
       >
+        <MenuTitle v-if="title" :title="title" :subtitle="subtitle" :icon="titleIcon" :image="titleImage" />
         <template v-for="(item, i) in items" :key="i">
           <DropdownMenuSeparator v-if="item.separatorBefore" class="my-1 h-px bg-line" />
           <DropdownMenuItem
-            class="group/item flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[highlighted]:bg-brand-soft"
+            class="group/item flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft"
             :class="item.danger ? 'text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger' : 'text-ink data-[highlighted]:text-brand'"
+            :disabled="item.disabled"
             @select="item.onSelect?.()"
           >
             <LpIcon