@leavepulse/ui 0.44.0 → 0.45.0

package/dist/chunks/{LpScrollArea-D8xyKXcF.js → LpScrollArea-Bry1fdOM.js}

@@ -19,6 +19,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => viewportRef.value?.viewportElement ?? null
     );
     __expose({ viewportEl });
+    const pointerFocus = ref(false);
+    function onViewportPointerDown() {
+      pointerFocus.value = true;
+    }
+    function onViewportBlur() {
+      pointerFocus.value = false;
+    }
     const dragging = ref(false);
     const atTop = ref(true);
     const atBottom = ref(true);
@@ -124,9 +131,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(ScrollAreaViewport), {
             ref_key: "viewportRef",
             ref: viewportRef,
-            class: normalizeClass(["w-full min-h-0 min-w-0 flex-1 [&>div]:!block [&>div]:!min-w-0", __props.instant ? "" : "scroll-smooth motion-reduce:scroll-auto"]),
+            class: normalizeClass(["w-full min-h-0 min-w-0 flex-1 rounded-[inherit] outline-none [&>div]:!block [&>div]:!min-w-0", [
+              __props.instant ? "" : "scroll-smooth motion-reduce:scroll-auto",
+              pointerFocus.value ? "" : "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset"
+            ]]),
             style: normalizeStyle(__props.fade ? { maskImage: fadeMask.value, WebkitMaskImage: fadeMask.value } : void 0),
-            onScrollPassive: onViewportScroll
+            onScrollPassive: onViewportScroll,
+            onPointerdown: onViewportPointerDown,
+            onFocusout: _cache[0] || (_cache[0] = (e) => e.target === e.currentTarget && onViewportBlur())
           }, {
             default: withCtx(() => [
               createElementVNode("div", {

package/dist/chunks/{LpSection-aM6J_u51.js → LpSection-tKEH0jYf.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = { class: "min-w-0 flex-1 break-words" };
 const _hoisted_2 = { class: "flex flex-wrap items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpSegmented-Dejd7cIx.js → LpSegmented-C09EEam2.js}

@@ -4,7 +4,7 @@ import { ToggleGroupRoot, ToggleGroupItem } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = {
   key: 2,
   class: "relative z-10"

package/dist/chunks/{LpSelect-DrRD9I7L.js → LpSelect-DNIL6MB9.js}

@@ -1,28 +1,21 @@
-import { defineComponent, computed, ref, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, toDisplayString, withModifiers, createCommentVNode, createTextVNode, Fragment, renderList, normalizeStyle, createElementVNode } from "vue";
+import { defineComponent, computed, ref, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, withModifiers, createCommentVNode, toDisplayString, createTextVNode, Fragment, renderList, normalizeStyle, createElementVNode } from "vue";
 import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem, ComboboxItemIndicator } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { POPOVER_PANEL, OPTION_ITEM } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "truncate"
-};
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpRollingText-DB7upf-5.js";
+const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
-  key: 1,
-  class: "truncate text-muted"
-};
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = {
   key: 0,
   class: "border-b border-line p-2"
 };
-const _hoisted_5 = {
+const _hoisted_3 = {
   key: 0,
   class: "px-3 py-4 text-center text-sm italic text-muted"
 };
-const _hoisted_6 = { class: "flex flex-col" };
-const _hoisted_7 = {
+const _hoisted_4 = { class: "flex flex-col" };
+const _hoisted_5 = {
   key: 0,
   class: "text-xs text-muted"
 };
@@ -146,7 +139,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "flex min-w-0 flex-1 items-center gap-2 outline-none"
               }, {
                 default: withCtx(() => [
-                  displayLabel.value ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(displayLabel.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.placeholder), 1))
+                  createVNode(_sfc_main$1, {
+                    value: displayLabel.value || __props.placeholder || "",
+                    align: "start",
+                    class: normalizeClass(["min-w-0", displayLabel.value ? "" : "text-muted"])
+                  }, null, 8, ["value", "class"])
                 ]),
                 _: 1
               }, 8, ["id", "aria-invalid", "aria-describedby"]),
@@ -159,19 +156,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, ["prevent"])),
                 onClick: clear
               }, [
-                createVNode(_sfc_main$1, {
+                createVNode(_sfc_main$2, {
                   name: "lucide:x",
                   size: 16,
                   class: "transition-transform duration-200 ease-[var(--ease-emphasized)] group-hover:rotate-90 group-active:scale-90 motion-reduce:group-hover:rotate-0"
                 })
-              ], 40, _hoisted_3)) : createCommentVNode("", true),
+              ], 40, _hoisted_1)) : createCommentVNode("", true),
               createVNode(unref(ComboboxTrigger), {
                 tabindex: "-1",
                 "aria-hidden": "true",
                 class: "group/trig flex shrink-0 items-center text-muted transition-[rotate,color] duration-200 ease-[var(--ease-emphasized)] group-hover:text-ink data-[state=open]:rotate-180"
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$1, {
+                  createVNode(_sfc_main$2, {
                     name: "lucide:chevron-down",
                     size: 16,
                     class: "transition-transform duration-200 ease-[var(--ease-emphasized)] group-data-[state=closed]/trig:group-hover:translate-y-1"
@@ -190,7 +187,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-(--reka-combobox-trigger-width) overflow-hidden"])
               }, {
                 default: withCtx(() => [
-                  __props.searchable || serverSide.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  __props.searchable || serverSide.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
                     createVNode(unref(ComboboxInput), {
                       modelValue: query.value,
                       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
@@ -200,7 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("", true),
                   createVNode(unref(ComboboxViewport), { class: "max-h-56 overflow-y-auto p-1" }, {
                     default: withCtx(() => [
-                      __props.loading ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.loadingText), 1)) : (openBlock(), createBlock(unref(ComboboxEmpty), {
+                      __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.loadingText), 1)) : (openBlock(), createBlock(unref(ComboboxEmpty), {
                         key: 1,
                         class: "px-3 py-4 text-center text-sm italic text-muted"
                       }, {
@@ -217,13 +214,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           class: normalizeClass([unref(OPTION_ITEM), "justify-between"])
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("span", _hoisted_6, [
+                            createElementVNode("span", _hoisted_4, [
                               createElementVNode("span", null, toDisplayString(opt.label), 1),
-                              opt.description ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(opt.description), 1)) : createCommentVNode("", true)
+                              opt.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(opt.description), 1)) : createCommentVNode("", true)
                             ]),
                             createVNode(unref(ComboboxItemIndicator), { class: "flex shrink-0 items-center text-brand" }, {
                               default: withCtx(() => [
-                                createVNode(_sfc_main$1, {
+                                createVNode(_sfc_main$2, {
                                   name: "lucide:check",
                                   size: 16
                                 })

package/dist/chunks/{LpSidebar-BgwUNWpJ.js → LpSidebar-CQNB0-yU.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, unref, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpDrawer-bScx-KMO.js";
-import { _ as _sfc_main$1 } from "./LpInput-C0e8y8_d.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav-Bqxz8aWT.js";
+import { _ as _sfc_main$3 } from "./LpDrawer-Dt4aB4Fr.js";
+import { _ as _sfc_main$1 } from "./LpInput-D-YGQbEv.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-kx-LdqNU.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 2,

package/dist/chunks/{LpSidebarNav-Bqxz8aWT.js → LpSidebarNav-kx-LdqNU.js}

@@ -3,9 +3,9 @@ import { Motion } from "motion-v";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$3 } from "./LpBadge-Fe0D1bYx.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-DQw5dGfG.js";
-import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-Bry1fdOM.js";
 import { resolveLink } from "../components/link.js";
 import { useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpStat-dXtyrdX9.js → LpStat-B-7udBRP.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createCommentVNode, createBlock, toDisplayString, Fragment, createTextVNode, normalizeClass, createVNode, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$2 } from "./LpNumberFlow-z4WPZcZu.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };

package/dist/chunks/{LpStepper-Bk-XaQYU.js → LpStepper-C7XiVKZj.js}

@@ -1,9 +1,14 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createElementVNode, normalizeClass, createBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createElementVNode, normalizeClass, createVNode, withCtx, createBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpRollingText-DB7upf-5.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-current"];
 const _hoisted_2 = { class: "flex items-center gap-2" };
 const _hoisted_3 = { class: "sr-only" };
+const _hoisted_4 = {
+  key: 0,
+  class: "relative h-px flex-1 overflow-hidden bg-line"
+};
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -39,31 +44,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("span", {
-                class: normalizeClass(["flex size-7 shrink-0 items-center justify-center rounded-pill border text-xs font-semibold transition-colors", isCompleted(step, i) ? "border-transparent bg-brand text-ink-inverse" : isCurrent(i) ? "border-brand text-brand" : "border-line text-muted"])
+                class: normalizeClass(["flex size-7 shrink-0 items-center justify-center rounded-pill border text-xs font-semibold transition-colors duration-[var(--duration-medium)]", isCompleted(step, i) ? "border-transparent bg-brand text-ink-inverse" : isCurrent(i) ? "border-brand text-brand" : "border-line text-muted"])
               }, [
-                isCompleted(step, i) ? (openBlock(), createBlock(_sfc_main$1, {
-                  key: 0,
-                  name: "lucide:check",
-                  size: 14
-                })) : step.icon ? (openBlock(), createBlock(_sfc_main$1, {
-                  key: 1,
-                  name: step.icon,
-                  size: 14
-                }, null, 8, ["name"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  createTextVNode(toDisplayString(i + 1), 1)
-                ], 64))
+                createVNode(_sfc_main$1, {
+                  mode: "flip",
+                  duration: 260,
+                  value: isCompleted(step, i) ? "done" : step.icon ? "icon" : String(i + 1)
+                }, {
+                  default: withCtx(({ value }) => [
+                    value === "done" ? (openBlock(), createBlock(_sfc_main$2, {
+                      key: 0,
+                      name: "lucide:check",
+                      size: 14
+                    })) : value === "icon" && step.icon ? (openBlock(), createBlock(_sfc_main$2, {
+                      key: 1,
+                      name: step.icon,
+                      size: 14
+                    }, null, 8, ["name"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                      createTextVNode(toDisplayString(value), 1)
+                    ], 64))
+                  ]),
+                  _: 2
+                }, 1032, ["value"])
               ], 2),
               createElementVNode("span", {
-                class: normalizeClass(["text-sm", isCompleted(step, i) || isCurrent(i) ? "text-ink" : "text-muted"])
+                class: normalizeClass(["text-sm transition-colors duration-[var(--duration-medium)]", isCompleted(step, i) || isCurrent(i) ? "text-ink" : "text-muted"])
               }, [
                 createTextVNode(toDisplayString(step.label) + " ", 1),
                 createElementVNode("span", _hoisted_3, toDisplayString(isCompleted(step, i) ? "(completed)" : isCurrent(i) ? "(current step)" : ""), 1)
               ], 2)
             ]),
-            i < __props.steps.length - 1 ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: normalizeClass(["h-px flex-1", isCompleted(step, i) ? "bg-brand" : "bg-line"])
-            }, null, 2)) : createCommentVNode("", true)
+            i < __props.steps.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4, [
+              createElementVNode("span", {
+                class: normalizeClass(["absolute inset-0 origin-left bg-brand transition-transform duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] motion-reduce:transition-none rtl:origin-right", isCompleted(step, i) ? "scale-x-100" : "scale-x-0"])
+              }, null, 2)
+            ])) : createCommentVNode("", true)
           ], 8, _hoisted_1);
         }), 128))
       ], 16);

package/dist/chunks/{LpSwitch-B1aLKulj.js → LpSwitch-OrcOJX9m.js}

@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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 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-2.5 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";

package/dist/chunks/LpTableFilter-BV8PpLM9.js

@@ -0,0 +1,158 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, Fragment, unref, normalizeClass, toDisplayString, createVNode, withCtx, renderList } from "vue";
+import { _ as _sfc_main$3 } from "./LpCheckbox-Bkj13CbW.js";
+import { _ as _sfc_main$1 } from "./LpInput-D-YGQbEv.js";
+import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
+import { usePaintSelect } from "../composables/usePaintSelect.js";
+import { matchesQuery, onlyValues, unhideValues, hideAllValues, invertHidden } from "../components/tableFilter.js";
+const _hoisted_1 = { class: "flex flex-col gap-2" };
+const _hoisted_2 = { class: "flex flex-wrap items-center gap-1" };
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = ["disabled"];
+const _hoisted_6 = ["disabled"];
+const _hoisted_7 = ["data-paint-key"];
+const _hoisted_8 = { class: "truncate" };
+const _hoisted_9 = {
+  key: 0,
+  class: "text-xs text-muted tabular-nums"
+};
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = {
+  key: 0,
+  class: "px-1.5 py-2 text-xs text-muted"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpTableFilter",
+  props: {
+    options: {},
+    hidden: {},
+    labels: {}
+  },
+  emits: ["update:hidden"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const SEARCH_FROM = 8;
+    const query = ref("");
+    const values = computed(() => props.options.map((o) => o.value));
+    const shown = computed(() => props.options.filter((o) => matchesQuery(o.label, query.value)));
+    function set(next) {
+      emit("update:hidden", next);
+    }
+    function toggle(value) {
+      const next = new Set(props.hidden);
+      if (next.has(value)) next.delete(value);
+      else next.add(value);
+      set(next);
+    }
+    const list = ref(null);
+    const byKey = computed(() => new Map(props.options.map((o) => [String(o.value), o.value])));
+    const paint = usePaintSelect({
+      root: list,
+      selection: () => values.value.filter((v) => !props.hidden.has(v)),
+      set: (shownValues) => {
+        const keep = new Set(shownValues);
+        set(new Set(values.value.filter((v) => !keep.has(v))));
+      },
+      resolve: (raw) => byKey.value.has(raw) ? byKey.value.get(raw) : void 0
+    });
+    function onListKeydown(event) {
+      if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+      const boxes = [...list.value?.querySelectorAll("[role=checkbox]") ?? []];
+      const at = boxes.indexOf(document.activeElement);
+      const next = boxes[at + (event.key === "ArrowDown" ? 1 : -1)];
+      if (!next) return;
+      event.preventDefault();
+      next.focus();
+    }
+    const action = "rounded-control px-1.5 py-0.5 text-xs font-medium text-muted outline-none transition-colors duration-fast hover:bg-surface-soft hover:text-ink focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40";
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.options.length >= SEARCH_FROM ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          modelValue: query.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
+          size: "sm",
+          icon: "lucide:search",
+          placeholder: __props.labels.search,
+          "aria-label": __props.labels.search
+        }, null, 8, ["modelValue", "placeholder", "aria-label"])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          query.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(action),
+              disabled: !shown.value.length,
+              onClick: _cache[1] || (_cache[1] = ($event) => set(unref(onlyValues)(values.value, shown.value.map((o) => o.value))))
+            }, toDisplayString(__props.labels.onlyShown.replace("{count}", String(shown.value.length))), 9, _hoisted_3),
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(action),
+              disabled: !shown.value.length,
+              onClick: _cache[2] || (_cache[2] = ($event) => set(unref(unhideValues)(__props.hidden, shown.value.map((o) => o.value))))
+            }, toDisplayString(__props.labels.addShown.replace("{count}", String(shown.value.length))), 9, _hoisted_4)
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(action),
+              disabled: !__props.hidden.size,
+              onClick: _cache[3] || (_cache[3] = ($event) => set(/* @__PURE__ */ new Set()))
+            }, toDisplayString(__props.labels.all), 9, _hoisted_5),
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(action),
+              disabled: __props.hidden.size === __props.options.length,
+              onClick: _cache[4] || (_cache[4] = ($event) => set(unref(hideAllValues)(values.value)))
+            }, toDisplayString(__props.labels.none), 9, _hoisted_6),
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(action),
+              onClick: _cache[5] || (_cache[5] = ($event) => set(unref(invertHidden)(values.value, __props.hidden)))
+            }, toDisplayString(__props.labels.invert), 1)
+          ], 64))
+        ]),
+        createVNode(_sfc_main$2, null, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              ref_key: "list",
+              ref: list,
+              class: "-mx-1 flex max-h-64 flex-col overflow-y-auto overscroll-contain",
+              onKeydown: onListKeydown
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(shown.value, (option) => {
+                return openBlock(), createElementBlock("div", {
+                  key: String(option.value),
+                  class: "group/opt flex items-center gap-2 rounded-control px-1.5 py-1 transition-colors duration-fast select-none hover:bg-surface-soft",
+                  "data-paint-key": String(option.value)
+                }, [
+                  createVNode(_sfc_main$3, {
+                    "model-value": !__props.hidden.has(option.value),
+                    class: "min-w-0 flex-1",
+                    onPointerdown: ($event) => unref(paint).onPointerDown($event, option.value),
+                    "onUpdate:modelValue": ($event) => toggle(option.value)
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", _hoisted_8, toDisplayString(option.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["model-value", "onPointerdown", "onUpdate:modelValue"]),
+                  option.count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(option.count), 1)) : createCommentVNode("", true),
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "rounded-control px-1.5 py-0.5 text-xs font-medium text-brand opacity-0 outline-none transition-opacity duration-fast group-hover/opt:opacity-100 hover:bg-brand-soft focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-ring",
+                    onClick: ($event) => set(unref(onlyValues)(values.value, [option.value]))
+                  }, toDisplayString(__props.labels.only), 9, _hoisted_10)
+                ], 8, _hoisted_7);
+              }), 128)),
+              !shown.value.length ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(__props.labels.noValues), 1)) : createCommentVNode("", true)
+            ], 544)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTabs-_qMVaZJ6.js → LpTabs-29iW1XOx.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, watch, useId, computed, openBlock, createBlock, u
 import { useReducedMotion, Motion } from "motion-v";
 import { TabsRoot, TabsList, TabsTrigger, TabsContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = { class: "relative z-10" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTabs",