@leavepulse/ui 0.53.0 → 0.54.0

package/dist/chunks/{LpAppShell-BmMYcEVx.js → LpAppShell-DcSXik4a.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-DpEiGi8L.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-C2oolgwy.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpAvatar-Cb1jtOVv.js → LpAvatar-LTvy0OkE.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, createCommentVNode, createElementBlock, Fragment, createTextVNode, toDisplayString } from "vue";
 import { AvatarRoot, AvatarImage, AvatarFallback } from "reka-ui";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpCard-BdxkMXjo.js → LpCard-DbjO5yaF.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, withCtx, resolveDynamicComponent, mergeProps, unref, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpCheckbox-Bkj13CbW.js → LpCheckbox-DvVYeOD-.js}

@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const field = useFieldControl(() => ({ wrapped: false, id: props.id, disabled: props.disabled }));
     const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
+      "group/check inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", mergeProps({ class: unref(rootClass) }, unref(rest)), [
@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "model-value": __props.indeterminate ? "indeterminate" : __props.modelValue,
           disabled: unref(field).disabled,
           "aria-describedby": unref(field).describedBy,
-          class: "flex size-[18px] items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55",
+          class: "flex size-[18px] items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover/check:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55",
           "onUpdate:modelValue": onUpdate
         }, {
           default: withCtx(() => [

package/dist/chunks/{LpColorPicker-BLqPX5Vw.js → LpColorPicker-D1sQqtXS.js}

@@ -5,7 +5,7 @@ import { useFieldControl } from "../composables/useField.js";
 import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight, clampHsv } from "../components/color.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
 const _hoisted_1 = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"];

package/dist/chunks/{LpContextMenu-1cKew_Dc.js → LpContextMenu-EF_90u3g.js}

@@ -24,6 +24,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const text = el instanceof HTMLTextAreaElement || el instanceof HTMLInputElement && SELECTABLE.has(el.type);
       field = text ? { el, value: el.value, start: el.selectionStart ?? 0, end: el.selectionEnd ?? 0 } : null;
     }
+    function keepContextMenu(event) {
+      if (enabled.value) event.stopPropagation();
+    }
     function returnFocus(event) {
       const saved = field;
       field = null;
@@ -38,7 +41,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(ContextMenuTrigger), {
             "as-child": "",
             disabled: !enabled.value,
-            onContextmenuCapture: rememberField
+            onContextmenuCapture: rememberField,
+            onContextmenu: keepContextMenu
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")

package/dist/chunks/{LpFileTree-bk5VjBey.js → LpFileTree-3E4w4Rjr.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-BJbZXC8D.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-BvMSBM7X.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-B4uB8Ks_.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpFileTreeNode-BvMSBM7X.js → LpFileTreeNode-B4uB8Ks_.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Transition, Fragment, renderList } from "vue";
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
-import { _ as _sfc_main$3 } from "./LpCheckbox-Bkj13CbW.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-DvVYeOD-.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];

package/dist/chunks/{LpLogViewer-BDFXzvcl.js → LpLogViewer-BfgtXVKm.js}

@@ -2,7 +2,7 @@ import { defineComponent, useModel, computed, ref, shallowRef, onMounted, onBefo
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$3 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$3 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpModalNav-BAxC9et7.js → LpModalNav-aWwc_5CD.js}

@@ -4,7 +4,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$1 } from "./LpModal-JNa3B_Lr.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DpEiGi8L.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-C2oolgwy.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-DsqSyMwS.js → LpNotificationBell-wZ3meeim.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, useModel, getCurrentInstance, ref, onMounted
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$8 } from "./LpBadge-Fe0D1bYx.js";
 import { _ as _sfc_main$7 } from "./LpButton-CKSwC6Mu.js";
-import { _ as _sfc_main$5 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$5 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-BJbZXC8D.js";
 import { _ as _sfc_main$6 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$1 } from "./LpPopover-DCKeqiVn.js";

package/dist/chunks/LpOtpInput-PbeNJ5In.js

@@ -0,0 +1,131 @@
+import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, createVNode, normalizeClass, createCommentVNode } from "vue";
+import { PinInputRoot, PinInputInput } from "reka-ui";
+import { useFieldControl } from "../composables/useField.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { splitCode, upperCells, joinCells, groupBreaks } from "../components/otp.js";
+const _hoisted_1 = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "h-0.5 w-2 shrink-0 rounded-full bg-muted opacity-60"
+};
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpOtpInput",
+  props: {
+    modelValue: {},
+    length: { default: 6 },
+    disabled: { type: Boolean },
+    mask: { type: Boolean },
+    alphanumeric: { type: Boolean, default: false },
+    uppercase: { type: Boolean, default: void 0 },
+    group: {},
+    invalid: { type: Boolean },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue", "complete"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const upper = computed(() => props.alphanumeric && (props.uppercase ?? true));
+    const local = ref(splitCode(props.modelValue, props.length));
+    let emitted = props.modelValue ?? "";
+    watch(
+      () => props.modelValue ?? "",
+      (value) => {
+        if (value === emitted) return;
+        emitted = value;
+        local.value = splitCode(value, props.length);
+      }
+    );
+    watch(
+      () => props.length,
+      (length) => {
+        local.value = local.value.slice(0, length);
+      }
+    );
+    const cells = computed({
+      get: () => local.value,
+      set: (arr) => {
+        local.value = upper.value ? upperCells(arr) : arr;
+        emitted = joinCells(local.value);
+        emit("update:modelValue", emitted);
+      }
+    });
+    const field = useFieldControl(() => ({
+      wrapped: false,
+      invalid: props.invalid,
+      disabled: props.disabled
+    }));
+    function onComplete(arr) {
+      emit("complete", joinCells(upper.value ? upperCells(arr) : arr));
+    }
+    const breaks = computed(() => groupBreaks(props.length, props.group));
+    const root = ref(null);
+    function onBeforeInput(event, index) {
+      if (event.inputType !== "deleteContentBackward") return;
+      event.preventDefault();
+      const target = event.target;
+      const next = [...local.value];
+      let clear = index;
+      if (!target.value && index > 0) {
+        clear = index - 1;
+        root.value?.$el.querySelectorAll("input")[clear]?.focus();
+      }
+      next[clear] = props.alphanumeric ? "" : void 0;
+      cells.value = next;
+    }
+    const cellSize = {
+      sm: "max-w-9 text-base",
+      md: "max-w-11 text-lg",
+      lg: "max-w-13 text-xl"
+    };
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex min-w-0 max-w-full items-center gap-1.5 sm:gap-2"
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PinInputRoot), mergeProps({
+        ref_key: "root",
+        ref: root,
+        modelValue: cells.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => cells.value = $event),
+        type: __props.alphanumeric ? "text" : "number",
+        mask: __props.mask,
+        disabled: unref(field).disabled,
+        otp: "",
+        class: unref(rootClass)
+      }, unref(rest), { onComplete }), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.length, (i) => {
+            return openBlock(), createElementBlock(Fragment, { key: i }, [
+              createVNode(unref(PinInputInput), {
+                index: i - 1,
+                id: i === 1 ? unref(field).id : void 0,
+                "aria-invalid": unref(field).invalid || void 0,
+                "aria-describedby": unref(field).describedBy,
+                autocapitalize: upper.value ? "characters" : "none",
+                autocorrect: "off",
+                spellcheck: false,
+                class: normalizeClass([
+                  cellSize[__props.size],
+                  "aspect-square h-auto min-w-0 flex-1 basis-0 p-0",
+                  "rounded-control border bg-surface-soft text-center font-semibold text-ink caret-brand",
+                  "outline-none transition-colors duration-[var(--duration-fast)]",
+                  "focus:border-brand focus:ring-2 focus:ring-ring",
+                  "disabled:cursor-not-allowed disabled:opacity-55",
+                  unref(field).invalid ? "border-danger focus:border-danger focus:ring-danger-soft" : "border-line"
+                ]),
+                onBeforeinput: ($event) => onBeforeInput($event, i - 1)
+              }, null, 8, ["index", "id", "aria-invalid", "aria-describedby", "autocapitalize", "class", "onBeforeinput"]),
+              breaks.value.has(i - 1) ? (openBlock(), createElementBlock("span", _hoisted_1)) : createCommentVNode("", true)
+            ], 64);
+          }), 128))
+        ]),
+        _: 1
+      }, 16, ["modelValue", "type", "mask", "disabled", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpPie-BdSnta11.js → LpPie-B7ti5qCH.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, crea
 import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { useReveal } from "../composables/useReveal.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
-import { _ as _sfc_main$2 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$2 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$4 } from "./LpNumberFlow-z4WPZcZu.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-DB7upf-5.js";

package/dist/chunks/{LpRadio-B5AfqTpZ.js → LpRadio-CWA5Eb3M.js}

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       () => [
-        "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink",
+        "group/radio inline-flex cursor-pointer items-center gap-2 text-sm text-ink",
         props.disabled ? "cursor-not-allowed opacity-55" : ""
       ].join(" ")
     );
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(unref(RadioGroupItem), {
           value: __props.value,
           disabled: __props.disabled,
-          class: "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"
+          class: "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover/radio:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"
         }, {
           default: withCtx(() => [
             createVNode(unref(RadioGroupIndicator), { class: "flex data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)]" }, {

package/dist/chunks/{LpRadioGroup-DmEW0l78.js → LpRadioGroup-CCn-Q2_c.js}

@@ -35,11 +35,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
               return openBlock(), createElementBlock("label", {
                 key: opt.value,
-                class: "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
+                class: "group/radio inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
               }, [
                 createVNode(unref(RadioGroupItem), {
                   value: opt.value,
-                  class: "flex size-[18px] items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"
+                  class: "flex size-[18px] items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover/radio:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(RadioGroupIndicator), { class: "flex data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)]" }, {

package/dist/chunks/{LpSidebar-DpEiGi8L.js → LpSidebar-C2oolgwy.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, useId, openBlock, createElementBlock, F
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$3 } from "./LpDrawer-CBFVD624.js";
 import { _ as _sfc_main$1 } from "./LpInput-D-YGQbEv.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav-BUuxipX-.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-C9dHu-2b.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 2,

package/dist/chunks/{LpSidebarNav-BUuxipX-.js → LpSidebarNav-C9dHu-2b.js}

@@ -3,7 +3,7 @@ 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-1cKew_Dc.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$1 } from "./LpScrollArea-Hz3-JWUG.js";
 import { resolveLink } from "../components/link.js";

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

@@ -27,8 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     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-2.5 motion-reduce:group-active:w-3.5";
+    const TRACK = "group/switch 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/switch:w-5 group-data-[state=checked]/switch:translate-x-4 group-data-[state=checked]/switch:bg-ink-inverse group-data-[state=checked]/switch:group-active/switch:translate-x-2.5 motion-reduce:group-active/switch: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 → LpTableFilter-CrW7_Rj4.js}

@@ -1,5 +1,5 @@
 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$3 } from "./LpCheckbox-DvVYeOD-.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";

package/dist/chunks/{LpTabs-UM0FQmPA.js → LpTabs-BMSBB78h.js}

@@ -1,9 +1,22 @@
-import { defineComponent, ref, watch, nextTick, useId, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, nextTick, useId, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from "vue";
 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-DYtaid0K.js";
-const _hoisted_1 = { class: "relative z-10" };
+const _hoisted_1 = {
+  key: 1,
+  class: "relative z-10 inline-flex"
+};
+const _hoisted_2 = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "absolute -right-1 -top-0.5 size-2 rounded-full bg-accent"
+};
+const _hoisted_3 = {
+  key: 2,
+  "aria-hidden": "true",
+  class: "relative z-10 size-1.5 self-start rounded-full bg-accent"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTabs",
   props: {
@@ -12,11 +25,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     items: {},
     variant: { default: "contained" },
     accent: { type: Boolean, default: false },
-    block: { type: Boolean, default: false }
+    block: { type: Boolean, default: false },
+    label: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const bottom = computed(() => props.variant === "bottom");
     const emit = __emit;
     const current = ref(props.modelValue ?? props.defaultValue ?? props.items[0]?.value);
     watch(
@@ -50,6 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => reduceMotion.value ? { duration: 0 } : { type: "spring", stiffness: 520, damping: 42, mass: 0.9 }
     );
     function pillUnder(value, active) {
+      if (bottom.value) return active === value;
       return hovered.value ? hovered.value === value : active === value;
     }
     function releaseFocusAfterPointer(event) {
@@ -65,11 +81,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(TabsList), {
             ref_key: "list",
             ref: list,
-            class: normalizeClass(["max-w-full gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", [
+            "aria-label": __props.label,
+            class: normalizeClass(bottom.value ? "grid w-full auto-cols-fr grid-flow-col border-t border-line bg-surface pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]" : [
+              "max-w-full gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
               __props.block ? "flex w-full" : "inline-flex",
               __props.variant === "contained" ? "rounded-control border border-line bg-surface-soft p-1" : "",
               __props.variant === "underline" ? "border-b border-line" : ""
-            ]]),
+            ]),
             onPointerleave: _cache[0] || (_cache[0] = ($event) => hovered.value = null)
           }, {
             default: withCtx(() => [
@@ -77,11 +95,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(unref(TabsTrigger), {
                   key: item.value,
                   value: item.value,
-                  class: normalizeClass(["relative inline-flex shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-sm outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring", [
-                    __props.block ? "flex-1" : "",
-                    __props.variant === "underline" ? "rounded-t-md px-3 pt-1.5 pb-2" : "rounded-md px-3 py-1.5",
+                  class: normalizeClass(["relative inline-flex items-center justify-center outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring", [
+                    bottom.value ? "min-h-14 min-w-0 flex-col gap-0.5 px-1 py-1.5 text-[11px] font-medium focus-visible:ring-inset" : "shrink-0 gap-1.5 whitespace-nowrap text-sm",
+                    __props.block && !bottom.value ? "flex-1" : "",
+                    __props.variant === "underline" ? "rounded-t-md px-3 pt-1.5 pb-2" : "",
+                    __props.variant === "contained" || __props.variant === "plain" ? "rounded-md px-3 py-1.5" : "",
                     __props.accent ? "data-[state=active]:text-brand" : "data-[state=active]:text-ink",
-                    hovered.value === item.value ? "text-ink" : "text-muted"
+                    hovered.value === item.value && !bottom.value ? "text-ink" : "text-muted"
                   ]]),
                   onPointerenter: ($event) => hovered.value = item.value,
                   onPointerup: releaseFocusAfterPointer
@@ -94,25 +114,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(__props.variant === "underline" ? [
                         "absolute inset-x-0 -bottom-px z-0 h-0.5 rounded-full",
                         __props.accent ? "bg-brand" : "bg-ink"
+                      ] : bottom.value ? [
+                        "absolute inset-x-[22%] top-0 z-0 h-0.5 rounded-b-full",
+                        __props.accent ? "bg-brand" : "bg-ink"
                       ] : [
                         "absolute inset-0 z-0 rounded-md shadow-sm",
                         __props.accent ? "border border-brand/35 bg-brand/12" : "border border-line bg-surface-raised"
                       ])
                     }, null, 8, ["transition", "class"])) : createCommentVNode("", true),
-                    item.icon ? (openBlock(), createBlock(_sfc_main$1, {
-                      key: 1,
-                      name: item.icon,
-                      size: 14,
-                      class: "relative z-10"
-                    }, null, 8, ["name"])) : createCommentVNode("", true),
-                    createElementVNode("span", _hoisted_1, toDisplayString(item.label), 1)
+                    item.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                      createVNode(_sfc_main$1, {
+                        name: item.icon,
+                        size: bottom.value ? 22 : 14
+                      }, null, 8, ["name", "size"]),
+                      item.dot ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("span", {
+                      class: normalizeClass(["relative z-10", bottom.value ? "max-w-full truncate" : ""])
+                    }, toDisplayString(item.label), 3),
+                    item.dot && !item.icon ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true)
                   ]),
                   _: 2
                 }, 1032, ["value", "class", "onPointerenter"]);
               }), 128))
             ]),
             _: 1
-          }, 8, ["class"]),
+          }, 8, ["aria-label", "class"]),
           _ctx.$slots.panel ? (openBlock(), createBlock(unref(Motion), {
             key: 0,
             layout: true,

package/dist/chunks/{LpThemeSwitcher-BbYFFT5w.js → LpThemeSwitcher-CPmhYOjX.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, onMounted, ref, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, toDisplayString, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { u as useTheme, p as presets } from "./useTheme-DJm1JSsY.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-BmMYcEVx.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-DcSXik4a.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAvatar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAvatar-Cb1jtOVv.js";
+import { _ as _sfc_main } from "../chunks/LpAvatar-LTvy0OkE.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCard.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCard-BdxkMXjo.js";
+import { _ as _sfc_main } from "../chunks/LpCard-DbjO5yaF.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpChart.vue.js

@@ -5,7 +5,7 @@ import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useReveal } from "../composables/useReveal.js";
 import { normalise, pointCount, resolveLabels, extent, axisTicks, plotHeight, plotWidth, xAt, yAt, areaPath, linePath, barPath, markerIndex, chartSummary, niceScale, nearestIndex, formatTick } from "./chart.js";
-import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$3 } from "../chunks/LpShift-DXNsauQZ.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/components/LpCheckbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCheckbox-Bkj13CbW.js";
+import { _ as _sfc_main } from "../chunks/LpCheckbox-DvVYeOD-.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpColorPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpColorPicker-BLqPX5Vw.js";
+import { _ as _sfc_main } from "../chunks/LpColorPicker-D1sQqtXS.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCommandPalette.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, useId, computed, shallowRef, watch, useSlots, onBeforeUnmount, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
-import { _ as _sfc_main$3 } from "../chunks/LpAvatar-Cb1jtOVv.js";
+import { _ as _sfc_main$3 } from "../chunks/LpAvatar-LTvy0OkE.js";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";

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

@@ -38,9 +38,9 @@ type __VLS_Props = {
     titleIcon?: string;
     titleImage?: string;
 };
-declare var __VLS_16: {};
+declare var __VLS_17: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpContextMenu.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-EF_90u3g.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTree.vue.js

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

package/dist/components/LpFileTreeNode.vue.js

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

package/dist/components/LpLogViewer.vue.js

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

package/dist/components/LpModalNav.vue.js

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

package/dist/components/LpNotificationBell.vue.js

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