@leavepulse/ui 0.29.2 → 0.29.4

package/dist/components/LpTable.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, createCommentVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, TransitionGroup, unref, mergeProps, withModifiers, renderSlot } from "vue";
-import { _ as _sfc_main$2 } from "../chunks/LpCheckbox-BO0zuuPh.js";
-import { _ as _sfc_main$4 } from "../chunks/LpContextMenu-D0mzXqA7.js";
-import { _ as _sfc_main$3 } from "../chunks/LpIcon-CCnX5_2j.js";
+import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createBlock, withCtx, createVNode, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, TransitionGroup, unref, mergeProps, withModifiers, renderSlot } from "vue";
+import { _ as _sfc_main$3 } from "../chunks/LpCheckbox-BO0zuuPh.js";
+import { _ as _sfc_main$2 } from "../chunks/LpContextMenu-B6WBLleS.js";
+import { _ as _sfc_main$4 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "../chunks/LpScrollArea-D8xyKXcF.js";
 import { useRovingFocus } from "../composables/useRovingFocus.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTable-ChxURw0m.css';const _hoisted_1 = { class: "w-full border-collapse text-sm" };
+import '../assets/LpTable-Bz3uJNa3.css';const _hoisted_1 = { class: "w-full border-collapse text-sm" };
 const _hoisted_2 = { class: "border-b border-line bg-surface-soft" };
 const _hoisted_3 = {
   key: 0,
@@ -28,7 +28,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     selected: { default: () => [] },
     sort: { default: null },
     stickyHeader: { type: Boolean },
-    rowMenu: {}
+    rowMenu: {},
+    sortAscLabel: { default: "Sort ascending" },
+    sortDescLabel: { default: "Sort descending" },
+    sortClearLabel: { default: "Clear sorting" },
+    filterLabel: { default: "Show only" },
+    showAllLabel: { default: "Show all" },
+    columnsLabel: { default: "Columns" }
   },
   emits: ["update:selected", "update:sort", "rowClick"],
   setup(__props, { emit: __emit }) {
@@ -49,13 +55,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const ownSort = ref(null);
     const activeSort = computed(() => props.sort ?? ownSort.value);
+    const hiddenValues = ref({});
+    const hiddenColumns = ref(/* @__PURE__ */ new Set());
+    const visibleColumns = computed(
+      () => props.columns.filter((c) => !hiddenColumns.value.has(c.key))
+    );
+    function valuesOf(col) {
+      const seen = [];
+      for (const row of props.rows) {
+        const v = row[col.key];
+        if (!seen.includes(v)) seen.push(v);
+      }
+      return seen;
+    }
+    function isValueHidden(key, value) {
+      return hiddenValues.value[key]?.has(value) ?? false;
+    }
+    function toggleValue(key, value) {
+      const next = new Set(hiddenValues.value[key] ?? []);
+      if (next.has(value)) next.delete(value);
+      else next.add(value);
+      hiddenValues.value = { ...hiddenValues.value, [key]: next };
+    }
+    function showAllValues(key) {
+      hiddenValues.value = { ...hiddenValues.value, [key]: /* @__PURE__ */ new Set() };
+    }
+    function toggleColumn(key) {
+      const next = new Set(hiddenColumns.value);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      hiddenColumns.value = next;
+    }
+    const filteredRows = computed(() => {
+      const active = Object.entries(hiddenValues.value).filter(([, set]) => set.size);
+      if (!active.length) return props.rows;
+      return props.rows.filter(
+        (row) => active.every(([key, hidden]) => !hidden.has(row[key]))
+      );
+    });
     const displayRows = computed(() => {
       const s = activeSort.value;
-      if (!s) return props.rows;
+      if (!s) return filteredRows.value;
       const col = props.columns.find((c) => c.key === s.key);
-      if (!col?.sortable) return props.rows;
+      if (!col?.sortable) return filteredRows.value;
       const factor = s.dir === "asc" ? 1 : -1;
-      return [...props.rows].sort((a, b) => compare(a[s.key], b[s.key]) * factor);
+      return [...filteredRows.value].sort((a, b) => compare(a[s.key], b[s.key]) * factor);
     });
     function compare(a, b) {
       if (a == null && b == null) return 0;
@@ -79,6 +123,77 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (s?.key !== col.key) return "lucide:chevrons-up-down";
       return s.dir === "asc" ? "lucide:arrow-up" : "lucide:arrow-down";
     }
+    function headerMenu(col) {
+      const s = activeSort.value;
+      const set = (next) => () => {
+        ownSort.value = next;
+        emit("update:sort", next);
+      };
+      const items = [];
+      if (col.sortable) {
+        items.push(
+          {
+            label: props.sortAscLabel,
+            icon: "lucide:arrow-up",
+            disabled: s?.key === col.key && s.dir === "asc",
+            onSelect: set({ key: col.key, dir: "asc" })
+          },
+          {
+            label: props.sortDescLabel,
+            icon: "lucide:arrow-down",
+            disabled: s?.key === col.key && s.dir === "desc",
+            onSelect: set({ key: col.key, dir: "desc" })
+          },
+          {
+            label: props.sortClearLabel,
+            icon: "lucide:x",
+            disabled: !s,
+            onSelect: set(null)
+          }
+        );
+      }
+      if (col.filterable) {
+        const hidden = hiddenValues.value[col.key];
+        items.push({
+          label: props.filterLabel,
+          icon: "lucide:filter",
+          separatorBefore: items.length > 0,
+          children: [
+            ...valuesOf(col).map((value) => ({
+              label: col.valueLabel?.(value) ?? String(value ?? "—"),
+              checked: !isValueHidden(col.key, value),
+              onSelect: () => toggleValue(col.key, value)
+            })),
+            {
+              label: props.showAllLabel,
+              icon: "lucide:list",
+              separatorBefore: true,
+              disabled: !hidden?.size,
+              onSelect: () => showAllValues(col.key)
+            }
+          ]
+        });
+      }
+      return items;
+    }
+    function tableMenu() {
+      const offered = props.columns.filter((c) => !c.alwaysVisible && c.label);
+      if (!offered.length) return [];
+      return [
+        {
+          label: props.columnsLabel,
+          icon: "lucide:columns-3",
+          children: offered.map((col) => ({
+            label: col.label,
+            checked: !hiddenColumns.value.has(col.key),
+            // The last visible column cannot be hidden: a table with no columns is
+            // a blank card the operator has no way back from.
+            disabled: !hiddenColumns.value.has(col.key) && visibleColumns.value.length <= 1,
+            onSelect: () => toggleColumn(col.key)
+          }))
+        }
+      ];
+    }
     const selectedSet = computed(() => new Set(props.selected));
     const allKeys = computed(() => props.rows.map((r, i) => keyFor(r, i)));
     const allChecked = computed(
@@ -158,123 +273,137 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "bar-inset-top": barInsetTop.value
       }, {
         default: withCtx(() => [
-          createElementVNode("table", _hoisted_1, [
-            createElementVNode("thead", {
-              ref_key: "headEl",
-              ref: headEl,
-              class: normalizeClass(__props.stickyHeader ? "sticky top-0 z-10" : "")
-            }, [
-              createElementVNode("tr", _hoisted_2, [
-                __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_3, [
-                  createVNode(_sfc_main$2, {
-                    "model-value": allChecked.value,
-                    indeterminate: someChecked.value,
-                    "onUpdate:modelValue": toggleAll
-                  }, null, 8, ["model-value", "indeterminate"])
-                ])) : createCommentVNode("", true),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
-                  return openBlock(), createElementBlock("th", {
-                    key: col.key,
-                    style: normalizeStyle(col.width ? { width: col.width } : void 0),
-                    class: normalizeClass(["px-4 py-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted", alignClass(col.align)]),
-                    "aria-sort": activeSort.value?.key === col.key ? activeSort.value.dir === "asc" ? "ascending" : "descending" : void 0
-                  }, [
-                    col.sortable ? (openBlock(), createElementBlock("button", {
-                      key: 0,
-                      type: "button",
-                      class: normalizeClass(["group/sort -mx-1 inline-flex items-center gap-1 rounded px-1 outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring", [
-                        col.align === "right" ? "flex-row-reverse" : "",
-                        activeSort.value?.key === col.key ? "text-ink" : ""
-                      ]]),
-                      onClick: ($event) => toggleSort(col)
-                    }, [
-                      createTextVNode(toDisplayString(col.label) + " ", 1),
+          createVNode(_sfc_main$2, {
+            items: tableMenu()
+          }, {
+            default: withCtx(() => [
+              createElementVNode("table", _hoisted_1, [
+                createElementVNode("thead", {
+                  ref_key: "headEl",
+                  ref: headEl,
+                  class: normalizeClass(__props.stickyHeader ? "sticky top-0 z-10" : "")
+                }, [
+                  createElementVNode("tr", _hoisted_2, [
+                    __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_3, [
                       createVNode(_sfc_main$3, {
-                        name: sortIcon(col),
-                        size: 13,
-                        class: normalizeClass([
-                          "shrink-0 transition-[transform,opacity] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)]",
-                          activeSort.value?.key === col.key ? "opacity-100" : "opacity-40 group-hover/sort:opacity-70"
-                        ])
-                      }, null, 8, ["name", "class"])
-                    ], 10, _hoisted_5)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createTextVNode(toDisplayString(col.label), 1)
-                    ], 64))
-                  ], 14, _hoisted_4);
-                }), 128))
-              ])
-            ], 2),
-            createVNode(TransitionGroup, {
-              tag: "tbody",
-              name: "lp-row",
-              ref: (el) => unref(roving).setContainer(el?.$el ?? null)
-            }, {
-              default: withCtx(() => [
-                displayRows.value.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_6, [
-                  createElementVNode("td", {
-                    colspan: colSpan.value,
-                    class: "px-4 py-10 text-center text-muted"
-                  }, [
-                    createVNode(_sfc_main$3, {
-                      name: __props.emptyIcon,
-                      size: 22,
-                      class: "mx-auto mb-2 opacity-60"
-                    }, null, 8, ["name"]),
-                    createElementVNode("div", null, toDisplayString(__props.emptyLabel), 1)
-                  ], 8, _hoisted_7)
-                ])) : createCommentVNode("", true),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(displayRows.value, (row, index) => {
-                  return openBlock(), createBlock(_sfc_main$4, {
-                    key: keyFor(row, index),
-                    items: menuFor(row)
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("tr", mergeProps({
-                        class: ["group border-b border-line/60 outline-none transition-colors last:border-0 hover:bg-surface-soft/60 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring data-[active]:bg-surface-soft/40", selectedSet.value.has(keyFor(row, index)) ? "bg-brand-soft/40" : ""]
-                      }, { ref_for: true }, unref(roving).itemProps(String(keyFor(row, index))), {
-                        onClick: ($event) => emit("rowClick", row),
-                        onKeydown: onRowKeydown
-                      }), [
-                        __props.selectable ? (openBlock(), createElementBlock("td", {
+                        "model-value": allChecked.value,
+                        indeterminate: someChecked.value,
+                        "onUpdate:modelValue": toggleAll
+                      }, null, 8, ["model-value", "indeterminate"])
+                    ])) : createCommentVNode("", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (col) => {
+                      return openBlock(), createElementBlock("th", {
+                        key: col.key,
+                        style: normalizeStyle(col.width ? { width: col.width } : void 0),
+                        class: normalizeClass(["px-4 py-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted", alignClass(col.align)]),
+                        "aria-sort": activeSort.value?.key === col.key ? activeSort.value.dir === "asc" ? "ascending" : "descending" : void 0
+                      }, [
+                        col.sortable ? (openBlock(), createBlock(_sfc_main$2, {
                           key: 0,
-                          class: "w-px px-4 py-3",
-                          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                          }, ["stop"]))
-                        }, [
-                          createVNode(_sfc_main$2, {
-                            "model-value": selectedSet.value.has(keyFor(row, index)),
-                            "onUpdate:modelValue": (v) => toggleRow(keyFor(row, index), v)
-                          }, null, 8, ["model-value", "onUpdate:modelValue"])
-                        ])) : createCommentVNode("", true),
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
-                          return openBlock(), createElementBlock("td", {
-                            key: col.key,
-                            class: normalizeClass(["px-4 py-3 text-ink", alignClass(col.align)])
-                          }, [
-                            renderSlot(_ctx.$slots, `cell-${col.key}`, {
-                              row,
-                              value: row[col.key]
-                            }, () => [
-                              createTextVNode(toDisplayString(row[col.key]), 1)
-                            ], true)
-                          ], 2);
-                        }), 128))
-                      ], 16, _hoisted_8)
-                    ]),
-                    _: 2
-                  }, 1032, ["items"]);
-                }), 128))
-              ]),
-              _: 3
-            }, 512)
-          ])
+                          items: headerMenu(col)
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("button", {
+                              type: "button",
+                              class: normalizeClass(["group/sort -mx-1 inline-flex items-center gap-1 rounded px-1 outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring", [
+                                col.align === "right" ? "flex-row-reverse" : "",
+                                activeSort.value?.key === col.key ? "text-ink" : ""
+                              ]]),
+                              onClick: ($event) => toggleSort(col)
+                            }, [
+                              createTextVNode(toDisplayString(col.label) + " ", 1),
+                              createVNode(_sfc_main$4, {
+                                name: sortIcon(col),
+                                size: 13,
+                                class: normalizeClass([
+                                  "shrink-0 transition-[transform,opacity] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)]",
+                                  activeSort.value?.key === col.key ? "opacity-100" : "opacity-40 group-hover/sort:opacity-70"
+                                ])
+                              }, null, 8, ["name", "class"])
+                            ], 10, _hoisted_5)
+                          ]),
+                          _: 2
+                        }, 1032, ["items"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                          createTextVNode(toDisplayString(col.label), 1)
+                        ], 64))
+                      ], 14, _hoisted_4);
+                    }), 128))
+                  ])
+                ], 2),
+                createVNode(TransitionGroup, {
+                  tag: "tbody",
+                  name: "lp-row",
+                  ref: (el) => unref(roving).setContainer(el?.$el ?? null)
+                }, {
+                  default: withCtx(() => [
+                    displayRows.value.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_6, [
+                      createElementVNode("td", {
+                        colspan: colSpan.value,
+                        class: "px-4 py-10 text-center text-muted"
+                      }, [
+                        createVNode(_sfc_main$4, {
+                          name: __props.emptyIcon,
+                          size: 22,
+                          class: "mx-auto mb-2 opacity-60"
+                        }, null, 8, ["name"]),
+                        createElementVNode("div", null, toDisplayString(__props.emptyLabel), 1)
+                      ], 8, _hoisted_7)
+                    ])) : createCommentVNode("", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(displayRows.value, (row, index) => {
+                      return openBlock(), createBlock(_sfc_main$2, {
+                        key: keyFor(row, index),
+                        items: menuFor(row)
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("tr", mergeProps({
+                            class: ["group border-b border-line/60 outline-none transition-colors last:border-0 hover:bg-surface-soft/60 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring data-[active]:bg-surface-soft/40", selectedSet.value.has(keyFor(row, index)) ? "bg-brand-soft/40" : ""]
+                          }, { ref_for: true }, unref(roving).itemProps(String(keyFor(row, index))), {
+                            onClick: ($event) => emit("rowClick", row),
+                            onKeydown: onRowKeydown
+                          }), [
+                            __props.selectable ? (openBlock(), createElementBlock("td", {
+                              key: 0,
+                              class: "w-px px-4 py-3",
+                              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                              }, ["stop"]))
+                            }, [
+                              createVNode(_sfc_main$3, {
+                                "model-value": selectedSet.value.has(keyFor(row, index)),
+                                "onUpdate:modelValue": (v) => toggleRow(keyFor(row, index), v)
+                              }, null, 8, ["model-value", "onUpdate:modelValue"])
+                            ])) : createCommentVNode("", true),
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (col) => {
+                              return openBlock(), createElementBlock("td", {
+                                key: col.key,
+                                class: normalizeClass(["px-4 py-3 text-ink", alignClass(col.align)])
+                              }, [
+                                renderSlot(_ctx.$slots, `cell-${col.key}`, {
+                                  row,
+                                  value: row[col.key]
+                                }, () => [
+                                  createTextVNode(toDisplayString(row[col.key]), 1)
+                                ], true)
+                              ], 2);
+                            }), 128))
+                          ], 16, _hoisted_8)
+                        ]),
+                        _: 2
+                      }, 1032, ["items"]);
+                    }), 128))
+                  ]),
+                  _: 3
+                }, 512)
+              ])
+            ]),
+            _: 3
+          }, 8, ["items"])
         ]),
         _: 3
       }, 8, ["bar-inset-top"]);
     };
   }
 });
-const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-359c1c0d"]]);
+const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f9c874a7"]]);
 export {
   LpTable as default
 };

package/dist/components/LpThemeSwitcher.vue.js

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

package/dist/index.js

@@ -3,21 +3,21 @@ import { _ as _2 } from "./chunks/LpAddressInput-Bk6D8Bcy.js";
 import { _ as _3 } from "./chunks/LpMapPicker-CXvoTrAe.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpAlert-BAYHDSS1.js";
-import { _ as _5 } from "./chunks/LpAppShell-CGX0DlIW.js";
+import { _ as _5 } from "./chunks/LpAppShell-BJk3b-u4.js";
 import { _ as _6 } from "./chunks/LpAutocomplete-DExlIZe_.js";
-import { _ as _7 } from "./chunks/LpAvatar-CzCE5cXg.js";
+import { _ as _7 } from "./chunks/LpAvatar-D3l4nabg.js";
 import { _ as _8 } from "./chunks/LpBadge-BPodVcJa.js";
 import { _ as _9 } from "./chunks/LpBreadcrumbs-5uvViCXi.js";
 import { _ as _10 } from "./chunks/LpButton-5VXXCjwF.js";
 import { _ as _11 } from "./chunks/LpCalendar-B7ZL0ty3.js";
-import { _ as _12 } from "./chunks/LpCard-DSefTGEH.js";
-import { _ as _13 } from "./chunks/LpChart-UiU4RhXP.js";
+import { _ as _12 } from "./chunks/LpCard-D0M2ZCnB.js";
+import { _ as _13 } from "./chunks/LpChart-Bmw7y34Z.js";
 import { CHART_PALETTE, axisTicks, formatTick, niceScale, resolveSlices } from "./components/chart.js";
 import { _ as _14 } from "./chunks/LpCheckbox-BO0zuuPh.js";
 import { _ as _15 } from "./chunks/LpCodeBlock-rS_6mO3D.js";
 import { default as default2 } from "./components/LpCommandPalette.vue.js";
 import { _ as _16 } from "./chunks/LpConfirmDialog-CjOGcj1e.js";
-import { _ as _17 } from "./chunks/LpContextMenu-D0mzXqA7.js";
+import { _ as _17 } from "./chunks/LpContextMenu-B6WBLleS.js";
 import { _ as _18 } from "./chunks/LpDatePicker-dY2q4dr4.js";
 import { _ as _19 } from "./chunks/LpDisclosure-BnwP4Q-b.js";
 import { _ as _20 } from "./chunks/LpDivider-CUX46KR0.js";
@@ -25,7 +25,7 @@ import { _ as _21 } from "./chunks/LpDrawer-DAJN5rGK.js";
 import { _ as _22 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { default as default3 } from "./components/LpDropzone.vue.js";
 import { _ as _23 } from "./chunks/LpEmptyState-BV3q7Qyi.js";
-import { _ as _24 } from "./chunks/LpFileTree-BaV7f0O7.js";
+import { _ as _24 } from "./chunks/LpFileTree-DfFqY__1.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _25 } from "./chunks/LpFormField-fV_2ZdCk.js";
 import { _ as _26 } from "./chunks/LpIcon-CCnX5_2j.js";
@@ -35,15 +35,15 @@ import { _ as _28 } from "./chunks/LpInput-CYcTL9gj.js";
 import { _ as _29 } from "./chunks/LpLightbox-Ci35Y_xP.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _30 } from "./chunks/LpLink-BHZ1CLlF.js";
-import { _ as _31 } from "./chunks/LpLogViewer-CKmEQYnm.js";
+import { _ as _31 } from "./chunks/LpLogViewer-CVaGfTF_.js";
 import { _ as _32 } from "./chunks/LpModal-D_o-56To.js";
-import { _ as _33 } from "./chunks/LpNotificationBell-Dvu-b6Vn.js";
+import { _ as _33 } from "./chunks/LpNotificationBell-CTsIcPqX.js";
 import { _ as _34 } from "./chunks/LpNumberField-NPE8Bumx.js";
 import { _ as _35 } from "./chunks/LpNumberFlow-amWYaeuA.js";
 import { _ as _36 } from "./chunks/LpOtpInput-DqaT0Z75.js";
 import { _ as _37 } from "./chunks/LpPagination-CeGuNe_q.js";
 import { _ as _38 } from "./chunks/LpPasswordInput-DrYE4J5d.js";
-import { _ as _39 } from "./chunks/LpPie-BkjWlfSw.js";
+import { _ as _39 } from "./chunks/LpPie-BL1vTDSM.js";
 import { _ as _40 } from "./chunks/LpPhoneInput-NXXjciJJ.js";
 import { flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
 import { _ as _41 } from "./chunks/LpPopover-8268UmlC.js";
@@ -58,7 +58,7 @@ import { _ as _49 } from "./chunks/LpSelect-ANIVtrpM.js";
 import { _ as _50 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
 import { _ as _51 } from "./chunks/LpShift-DXNsauQZ.js";
 import { default as default5 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _52 } from "./chunks/LpSidebar-CWehDCxN.js";
+import { _ as _52 } from "./chunks/LpSidebar-C_Mr-JPI.js";
 import { _ as _53 } from "./chunks/LpSkeleton-CTI-vBgW.js";
 import { _ as _54 } from "./chunks/LpSlider-B1SF3pRV.js";
 import { _ as _55 } from "./chunks/LpSparkline-C6xQ2dwv.js";
@@ -69,8 +69,8 @@ import { default as default6 } from "./components/LpTable.vue.js";
 import { _ as _59 } from "./chunks/LpTableOfContents-CjvxPMpU.js";
 import { _ as _60 } from "./chunks/LpTabs-Cefe_lys.js";
 import { _ as _61 } from "./chunks/LpTextarea-BMIOfw5l.js";
-import { p as presets, a as parseTheme, s as serializeTheme } from "./chunks/LpThemeSwitcher-Dj4VcTu7.js";
-import { D, _ as _62, N, T, b, c, d, e, f, g, i, l, h, j, n, r, t, k, m, u, v } from "./chunks/LpThemeSwitcher-Dj4VcTu7.js";
+import { p as presets, a as parseTheme, s as serializeTheme } from "./chunks/LpThemeSwitcher-r1te9nB2.js";
+import { D, _ as _62, N, T, b, c, d, e, f, g, i, l, h, j, n, r, t, k, m, u, v } from "./chunks/LpThemeSwitcher-r1te9nB2.js";
 import { _ as _63 } from "./chunks/LpTilt-DuyKbpkA.js";
 import { _ as _64 } from "./chunks/LpToaster-gDB1EaU3.js";
 import { _ as _65 } from "./chunks/LpTooltip-hCLPAqMG.js";

package/package.json

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

package/src/components/LpContextMenu.vue

@@ -32,6 +32,13 @@ export interface ContextMenuItemDef {
   onSelect?: () => void
   /** Nested submenu. When present, onSelect is ignored. */
   children?: ContextMenuItemDef[]
+  /**
+   * Renders as a tick-box rather than a plain item, and the menu stays open on
+   * select. For the lists where the point is to set several at once — which
+   * columns to show, which values to filter by — and closing after each one
+   * would mean reopening the menu for every tick.
+   */
+  checked?: boolean
 }
 
 const props = defineProps<{
@@ -85,7 +92,28 @@ const ICON =
               <ContextMenuSubContent :class="PANEL" :side-offset="2" :align-offset="-4">
                 <template v-for="(sub, j) in item.children" :key="j">
                   <ContextMenuSeparator v-if="sub.separatorBefore" class="my-1 h-px bg-line" />
+                  <!-- The tick-box case, as in the top-level menu: this is
+                       where most of them live, since a submenu is what a list
+                       of choices opens into. -->
+                  <ContextMenuItem
+                    v-if="sub.checked !== undefined"
+                    :class="[ITEM, 'justify-between text-ink data-[highlighted]:text-brand']"
+                    :disabled="sub.disabled"
+                    @select.prevent="sub.onSelect?.()"
+                  >
+                    <span class="flex items-center gap-2">
+                      <LpIcon
+                        :name="sub.checked ? 'lucide:check' : 'lucide:minus'"
+                        :size="15"
+                        :class="[ICON, sub.checked ? '' : 'opacity-25']"
+                      />
+                      {{ sub.label }}
+                    </span>
+                    <kbd v-if="sub.shortcut" class="text-xs text-muted">{{ sub.shortcut }}</kbd>
+                  </ContextMenuItem>
+
                   <ContextMenuItem
+                    v-else
                     :class="[ITEM, 'justify-between', sub.danger ? 'text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger' : 'text-ink data-[highlighted]:text-brand']"
                     :disabled="sub.disabled"
                     @select="sub.onSelect?.()"
@@ -101,6 +129,27 @@ const ICON =
             </ContextMenuPortal>
           </ContextMenuSub>
 
+          <!-- Tick-box item. `@select.prevent` keeps the menu open: these come
+               in lists where several are set in one visit, and closing after
+               each tick would mean reopening for the next. The tick occupies a
+               fixed slot so unticked rows stay aligned with ticked ones. -->
+          <ContextMenuItem
+            v-else-if="item.checked !== undefined"
+            :class="[ITEM, 'justify-between text-ink data-[highlighted]:text-brand']"
+            :disabled="item.disabled"
+            @select.prevent="item.onSelect?.()"
+          >
+            <span class="flex items-center gap-2">
+              <LpIcon
+                :name="item.checked ? 'lucide:check' : 'lucide:minus'"
+                :size="15"
+                :class="[ICON, item.checked ? '' : 'opacity-25']"
+              />
+              {{ item.label }}
+            </span>
+            <kbd v-if="item.shortcut" class="text-xs text-muted">{{ item.shortcut }}</kbd>
+          </ContextMenuItem>
+
           <!-- Leaf item -->
           <ContextMenuItem
             v-else