@leavepulse/ui 0.71.1 → 0.72.0

package/dist/chunks/{LpStat-DIsQfbeD.js → LpStat-BFCM6fUn.js}

@@ -1,15 +1,15 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createBlock, createCommentVNode, createVNode, Transition, normalizeProps, guardReactiveProps, withCtx, toDisplayString, Fragment, createTextVNode, normalizeClass, renderSlot } from "vue";
-import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$4 } from "./LpNumberFlow-5khYxsfX.js";
+import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$4 } from "./LpNumberFlow-CcxEGUy0.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$1 } from "./LpStatus-BQU1TUsv.js";
+import { _ as _sfc_main$1 } from "./LpStatus-BWTLVPVh.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { TONES } from "../components/tone.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "text-[11px] font-semibold uppercase tracking-[0.08em] text-muted" };
 const _hoisted_3 = { key: 1 };
-const _hoisted_4 = { class: "flex items-baseline gap-2" };
-const _hoisted_5 = { class: "font-mono text-3xl font-medium tracking-tight text-ink" };
+const _hoisted_4 = { class: "flex flex-wrap items-baseline gap-x-2" };
+const _hoisted_5 = { class: "whitespace-nowrap font-mono text-3xl font-medium tracking-tight text-ink" };
 const _hoisted_6 = { key: "loading" };
 const _hoisted_7 = { key: "value" };
 const _hoisted_8 = {
@@ -33,6 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     value: {},
     compact: { type: Boolean },
     grouped: { type: Boolean },
+    animateOnMount: { type: Boolean, default: true },
     decimals: { default: 0 },
     prefix: {},
     valueSuffix: {},
@@ -126,10 +127,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     value: __props.value,
                     compact: __props.compact,
                     grouped: __props.grouped,
+                    "animate-on-mount": __props.animateOnMount,
                     decimals: __props.decimals,
                     prefix: __props.prefix,
                     suffix: __props.valueSuffix
-                  }, null, 8, ["value", "compact", "grouped", "decimals", "prefix", "suffix"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  }, null, 8, ["value", "compact", "grouped", "animate-on-mount", "decimals", "prefix", "suffix"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createTextVNode(toDisplayString(__props.value), 1)
                   ], 64))
                 ]))
@@ -141,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$3, { class: "inline-block h-[0.9em] w-10 align-middle" })
           ])) : showDelta.value ? (openBlock(), createElementBlock("span", {
             key: 1,
-            class: normalizeClass(["inline-flex items-center gap-0.5 text-sm font-medium tabular-nums", trendColor.value])
+            class: normalizeClass(["inline-flex items-center gap-0.5 whitespace-nowrap text-sm font-medium tabular-nums", trendColor.value])
           }, [
             createVNode(_sfc_main$2, {
               name: trendIcon.value,

package/dist/chunks/{LpStatus-BQU1TUsv.js → LpStatus-BWTLVPVh.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, toDisplayString, createVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpBadge-C8fKEmTF.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
-import { _ as _sfc_main$3 } from "./LpShift-DXNsauQZ.js";
+import { _ as _sfc_main$1 } from "./LpBadge-vtCpsDmv.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-B54Pje7P.js";
+import { _ as _sfc_main$3 } from "./LpShift-BAp8lGoa.js";
 import { TONE_COLOR } from "../components/meter.js";
 import { STATUS_LABELS, STATUS_LOOK } from "../components/status.js";
 import '../assets/LpStatus-430OGTZY.css';const _hoisted_1 = {

package/dist/chunks/{LpStepMark-CXa7DJy_.js → LpStepMark-DkdkebLC.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createCommentVNode, createVNode, withCtx, createBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$2 } from "./LpLoader-DjJEX8hL.js";
-import { _ as _sfc_main$1 } from "./LpRollingText-DiL717LK.js";
+import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$2 } from "./LpLoader-B82_CcV0.js";
+import { _ as _sfc_main$1 } from "./LpRollingText-B54Pje7P.js";
 import { TONES } from "../components/tone.js";
 import '../assets/LpStepMark-Drvx33Vg.css';const _hoisted_1 = ["role", "aria-label", "aria-hidden", "data-status"];
 const _hoisted_2 = {

package/dist/chunks/{LpStepper-C9RM_yTG.js → LpStepper-BgqjKrqg.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createElementVNode, createVNode, normalizeClass, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpStepMark-CXa7DJy_.js";
+import { _ as _sfc_main$1 } from "./LpStepMark-DkdkebLC.js";
 import { _ as _sfc_main$2 } from "./StepConnector-37OgEOXA.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-current"];

package/dist/chunks/{LpSwap-DzE6M3Mg.js → LpSwap-B5YOXgtx.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createVNode, Transition, createElementBlock, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
+import { _ as _sfc_main$1 } from "./LpShift-BAp8lGoa.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpSwap",
   props: {

package/dist/chunks/{LpSwitch-bGZxUDSx.js → LpSwitch-DyrRes7s.js}

@@ -3,7 +3,7 @@ import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { SwitchRoot, SwitchThumb } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useOptimisticToggle } from "../composables/useOptimisticToggle.js";
-import { _ as _sfc_main$1 } from "./LpLoader-DjJEX8hL.js";
+import { _ as _sfc_main$1 } from "./LpLoader-B82_CcV0.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/LpTabFace-D6BMCbAP.js

@@ -0,0 +1,77 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createVNode, createBlock, createCommentVNode, Transition, withCtx, createElementVNode, normalizeClass, toDisplayString } from "vue";
+import { _ as _sfc_main$2 } from "./AttentionDot-DCBf4aWg.js";
+import { _ as _sfc_main$3 } from "./LpBadge-vtCpsDmv.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "relative z-10 inline-flex"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpTabFace",
+  props: {
+    item: {},
+    bottom: { type: Boolean },
+    compact: { type: Boolean },
+    active: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.item.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [
+          createVNode(_sfc_main$1, {
+            name: __props.item.icon,
+            size: __props.bottom ? 22 : 14
+          }, null, 8, ["name", "size"]),
+          __props.item.dot ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            corner: ""
+          })) : createCommentVNode("", true),
+          createVNode(Transition, { name: "lp-tab-badge" }, {
+            default: withCtx(() => [
+              __props.bottom && __props.item.badge != null ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 0,
+                size: "sm",
+                tone: __props.active ? "brand" : "neutral",
+                class: "absolute -right-3 -top-1.5 min-w-[18px] justify-center"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$4, {
+                    value: __props.item.badge
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+              }, 8, ["tone"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", {
+          class: normalizeClass(["relative z-10", __props.bottom ? "max-w-full truncate" : __props.compact && __props.item.icon ? "sr-only" : ""])
+        }, toDisplayString(__props.item.label), 3),
+        __props.item.dot && !__props.item.icon ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true),
+        createVNode(Transition, { name: "lp-tab-badge" }, {
+          default: withCtx(() => [
+            !(__props.bottom && __props.item.icon) && __props.item.badge != null ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 0,
+              size: "sm",
+              tone: __props.active ? "brand" : "neutral",
+              class: "relative z-10 min-w-[18px] justify-center"
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$4, {
+                  value: __props.item.badge
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["tone"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTableFilter-CTZMqFDU.js → LpTableFilter-Dkzamzkl.js}

@@ -1,7 +1,7 @@
 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-BoOuLnGB.js";
-import { _ as _sfc_main$1 } from "./LpInput-2H-5ILOB.js";
-import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-DLX4amba.js";
+import { _ as _sfc_main$1 } from "./LpInput-1eNvtzXs.js";
+import { _ as _sfc_main$2 } from "./LpShift-BAp8lGoa.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" };

package/dist/chunks/{LpTagsInput-DrjmrOge.js → LpTagsInput-DAZNNehI.js}

@@ -7,12 +7,12 @@ import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useShift } from "../composables/useShift.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$4 } from "./LpFieldNotice-CPI8EwtU.js";
-import { _ as _sfc_main$1 } from "./FieldWrapper-YzbvvC3M.js";
+import { _ as _sfc_main$4 } from "./LpFieldNotice-CzQ2_5rQ.js";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnA1rxZ8.js";
 import { BADGE_REMOVE } from "../components/badge.js";
-import { _ as _sfc_main$2 } from "./LpBadge-C8fKEmTF.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$5 } from "./OptionContent-DPzNsybd.js";
+import { _ as _sfc_main$2 } from "./LpBadge-vtCpsDmv.js";
+import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$5 } from "./OptionContent-22UT8zLn.js";
 import { POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
 import { splitTags, addTags } from "../components/tags.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";

package/dist/chunks/{LpTextarea-BbYqmG1S.js → LpTextarea-DbmVPj2X.js}

@@ -1,8 +1,8 @@
-import { defineComponent, computed, useAttrs, openBlock, createBlock, normalizeStyle, unref, normalizeClass, withCtx, createElementVNode, mergeProps } from "vue";
+import { defineComponent, computed, useAttrs, ref, watch, nextTick, onMounted, openBlock, createBlock, normalizeStyle, unref, normalizeClass, withCtx, createElementVNode, mergeProps } from "vue";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { useFieldControl } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./FieldWrapper-YzbvvC3M.js";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnA1rxZ8.js";
 const _hoisted_1 = ["id", "value", "placeholder", "rows", "disabled", "required", "aria-invalid", "aria-describedby"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -18,10 +18,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     label: {},
     hint: {},
     error: {},
-    required: { type: Boolean }
+    required: { type: Boolean },
+    autosize: { type: Boolean },
+    maxRows: { default: 8 }
   },
   emits: ["update:modelValue"],
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const hasField = computed(() => !!props.label || !!props.hint || !!props.error);
     const attrs = useAttrs();
@@ -37,9 +39,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       required: props.required,
       disabled: props.disabled
     }));
+    const box = ref(null);
+    function fit() {
+      const el = box.value;
+      if (!props.autosize || !el) return;
+      const style = getComputedStyle(el);
+      const line = parseFloat(style.lineHeight) || parseFloat(style.fontSize) * 1.4;
+      const borders = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+      const padding = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
+      el.style.height = "auto";
+      const max = line * props.maxRows + padding + borders;
+      el.style.height = `${Math.min(el.scrollHeight + borders, max)}px`;
+      el.style.overflowY = el.scrollHeight + borders > max + 1 ? "auto" : "hidden";
+    }
+    watch(() => props.modelValue, () => nextTick(fit));
+    onMounted(fit);
+    __expose({ el: box, fit });
     const textareaClass = computed(
       () => mergeClass(
-        "w-full resize-y rounded-control border bg-surface-soft px-3 py-2 text-sm text-ink outline-none transition-colors duration-[var(--duration-fast)] placeholder:text-muted focus:border-brand focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-55",
+        props.autosize ? "w-full resize-none" : "w-full resize-y",
+        "rounded-control border bg-surface-soft px-3 py-2 text-sm text-ink outline-none transition-colors duration-[var(--duration-fast)] placeholder:text-muted focus:border-brand focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-55",
         field.value.invalid ? "border-danger focus:border-danger focus:ring-danger-soft" : "border-line",
         hasField.value ? "" : attrs.class
       )
@@ -57,7 +76,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(unref(attrs).style)
       }, {
         default: withCtx(() => [
-          createElementVNode("textarea", mergeProps(textareaAttrs.value, {
+          createElementVNode("textarea", mergeProps({
+            ref_key: "box",
+            ref: box
+          }, textareaAttrs.value, {
             id: unref(field).id,
             value: __props.modelValue,
             placeholder: __props.placeholder,
@@ -68,7 +90,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "aria-describedby": unref(field).describedBy,
             class: textareaClass.value,
             style: hasField.value ? void 0 : unref(attrs).style,
-            onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+            onInput: _cache[0] || (_cache[0] = ($event) => {
+              _ctx.$emit("update:modelValue", $event.target.value);
+              fit();
+            })
           }), null, 16, _hoisted_1)
         ]),
         _: 1

package/dist/chunks/{useTheme-BOV_-AiY.js → LpThemeProvider-8MG6yqU9.js}

@@ -1,6 +1,7 @@
-import { computed, readonly, shallowRef } from "vue";
+import { computed, readonly, shallowRef, defineComponent, ref, watch, nextTick, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot } from "vue";
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { d as detectBackdropFilter } from "./backdrop-Dkf2vM81.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const sharedShape = { radiusControl: 8, radiusCard: 14, radiusPill: 9999 };
 const sharedDensity = { spacingUnit: 4, controlSm: 32, controlMd: 38, controlLg: 44 };
 const interFont = {
@@ -547,9 +548,73 @@ function useTheme() {
     bootstrap: bootstrapTheme
   };
 }
+const PRESS_FRESH_MS = 1500;
+let lastPress = null;
+if (typeof window !== "undefined") {
+  window.addEventListener(
+    "pointerdown",
+    (event) => lastPress = { x: event.clientX, y: event.clientY, at: performance.now() },
+    { capture: true, passive: true }
+  );
+}
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpThemeProvider",
+  props: {
+    theme: {},
+    as: { default: "div" },
+    transition: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const { class: rootClass, attrs: rest } = useMergedAttrs("bg-surface text-ink");
+    const root = ref(null);
+    const shown = shallowRef(props.theme);
+    const style = computed(() => ({
+      ...Object.fromEntries(themeEntries(shown.value)),
+      colorScheme: shown.value.mode
+    }));
+    function originOf() {
+      if (lastPress && performance.now() - lastPress.at < PRESS_FRESH_MS) return lastPress;
+      const value = root.value;
+      const el = value instanceof HTMLElement ? value : value?.$el;
+      const box = el?.getBoundingClientRect?.();
+      return box ? { x: box.left + box.width / 2, y: box.top + box.height / 2 } : void 0;
+    }
+    watch(
+      () => props.theme,
+      (next) => {
+        if (!props.transition) {
+          shown.value = next;
+          return;
+        }
+        revealTransition(async () => {
+          shown.value = next;
+          await nextTick();
+        }, originOf());
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
+        ref_key: "root",
+        ref: root,
+        style: style.value,
+        "data-theme-mode": shown.value.mode,
+        class: unref(rootClass)
+      }, unref(rest)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["style", "data-theme-mode", "class"]);
+    };
+  }
+});
 export {
   DEFAULT_SURFACE as D,
   THEME_COOKIE as T,
+  _sfc_main as _,
   parseTheme as a,
   amber as b,
   applyTheme as c,