@leavepulse/ui 0.78.0 → 0.78.2

package/dist/chunks/{LpStat-pMNZgFcq.js → LpStat-DPjc6_fX.js}

@@ -5,7 +5,7 @@ import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$1 } from "./LpStatus-DGJFwk5F.js";
 import { useFitScale } from "../composables/useFitScale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { TONES } from "../components/tone.js";
+import { TONES, toneOf } 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 };
@@ -44,10 +44,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     deltaSuffix: {},
     trend: { default: "auto" },
     invertTrend: { type: Boolean },
-    loading: { type: Boolean }
+    loading: { type: Boolean },
+    tone: {},
+    size: { default: "lg" }
   },
   setup(__props) {
     const props = __props;
+    const FIGURE_SIZE = {
+      sm: { class: "text-lg", font: "var(--text-lg, 1.125rem)", line: "var(--text-lg--line-height, 1.55)" },
+      md: { class: "text-2xl", font: "var(--text-2xl, 1.5rem)", line: "var(--text-2xl--line-height, 1.33)" },
+      lg: { class: "text-3xl", font: "var(--text-3xl, 1.875rem)", line: "var(--text-3xl--line-height, 1.2)" }
+    };
+    const figureSize = computed(() => FIGURE_SIZE[props.size]);
+    const figureColor = computed(() => props.tone ? TONES[toneOf(props.tone)].text : "text-ink");
     const dir = computed(() => {
       if (props.trend !== "auto") return props.trend;
       if (typeof props.delta === "number") {
@@ -89,7 +98,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const row = ref(null);
     const figure = ref(null);
     const fit = useFitScale(row, figure, FIT_MIN);
-    const figureStyle = computed(() => fit.scale.value < 1 ? { fontSize: `calc(var(--text-3xl, 1.875rem) * ${fit.scale.value})`, lineHeight: "calc(var(--text-3xl, 1.875rem) * var(--text-3xl--line-height, 1.2))" } : void 0);
+    const figureStyle = computed(() => {
+      if (fit.scale.value >= 1) return void 0;
+      const { font, line } = figureSize.value;
+      return { fontSize: `calc(${font} * ${fit.scale.value})`, lineHeight: `calc(${font} * ${line})` };
+    });
     const figureTitle = computed(() => fit.clipped.value && !props.loading ? `${props.prefix ?? ""}${props.value}${props.valueSuffix ?? ""}` : void 0);
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "flex flex-col gap-2"
@@ -129,7 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("span", {
             ref_key: "figure",
             ref: figure,
-            class: normalizeClass(["max-w-full whitespace-nowrap font-mono text-3xl font-medium tracking-tight text-ink", unref(fit).clipped.value ? "inline-block overflow-hidden text-ellipsis align-bottom" : ""]),
+            class: normalizeClass(["max-w-full whitespace-nowrap font-mono font-medium tracking-tight", [figureSize.value.class, figureColor.value, unref(fit).clipped.value ? "inline-block overflow-hidden text-ellipsis align-bottom" : ""]]),
             style: normalizeStyle(figureStyle.value),
             title: figureTitle.value
           }, [

package/dist/chunks/LpSwitch-DyAYTchz.js

@@ -0,0 +1,122 @@
+import { defineComponent, useSlots, computed, useId, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, resolveDynamicComponent, normalizeClass, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, mergeProps } from "vue";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
+import { SwitchRoot, SwitchThumb } from "reka-ui";
+import { useOwnField, mergeDescribedBy } from "../composables/useField.js";
+import { useOptimisticToggle } from "../composables/useOptimisticToggle.js";
+import { _ as _sfc_main$2 } from "./LpLoader-Bf1yZwaU.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex min-w-0 flex-col"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "flex min-w-0 flex-col"
+};
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpSwitch",
+  props: {
+    palette: { type: [Boolean, Object], default: void 0 },
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    error: {},
+    label: {},
+    description: {},
+    labelPosition: { default: "end" },
+    action: {}
+  },
+  emits: ["update:modelValue", "done", "error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { pending, set } = useOptimisticToggle(() => props.action, emit);
+    const slots = useSlots();
+    const labelled = computed(() => Boolean(props.label || props.description || slots.default));
+    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";
+    }, () => ownAttrs());
+    const { field, wrapper, ownAttrs } = useOwnField(() => ({
+      error: props.error,
+      id: typeof rest.value.id === "string" ? rest.value.id : void 0,
+      disabled: props.disabled
+    }));
+    const descriptionId = `${useId()}-description`;
+    const describedBy = computed(
+      () => mergeDescribedBy(rest.value["aria-describedby"], props.description && labelled.value ? descriptionId : void 0, field.value.describedBy)
+    );
+    function onUpdate(value) {
+      void set(value);
+    }
+    usePaletteControl({ label: () => props.label, disabled: () => field.value.disabled || pending.value, editorProps: () => ({ action: void 0, "onUpdate:modelValue": onUpdate }) });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(unref(wrapper))), {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(labelled.value ? "label" : "span"), {
+            class: normalizeClass(labelled.value ? [unref(rootClass), unref(field).disabled && "cursor-not-allowed"] : "contents")
+          }, {
+            default: withCtx(() => [
+              labelled.value && __props.labelPosition === "start" ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  createTextVNode(toDisplayString(__props.label), 1)
+                ]),
+                __props.description ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  id: descriptionId,
+                  class: "text-xs text-muted"
+                }, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
+              createVNode(unref(SwitchRoot), mergeProps(unref(rest), {
+                id: unref(field).id,
+                "model-value": __props.modelValue,
+                disabled: unref(field).disabled,
+                required: unref(field).required,
+                "aria-describedby": describedBy.value,
+                "aria-busy": unref(pending) || void 0,
+                class: labelled.value ? TRACK : unref(rootClass),
+                "onUpdate:modelValue": onUpdate
+              }), {
+                default: withCtx(() => [
+                  createVNode(unref(SwitchThumb), {
+                    class: normalizeClass([THUMB, "grid place-items-center"])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$2, {
+                        active: unref(pending),
+                        size: "inline",
+                        "aria-hidden": "true",
+                        class: "text-[10px] text-ink-inverse group-data-[state=checked]/switch:text-ink"
+                      }, null, 8, ["active"])
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ]),
+                _: 1
+              }, 16, ["id", "model-value", "disabled", "required", "aria-describedby", "aria-busy", "class"]),
+              labelled.value && __props.labelPosition === "end" ? (openBlock(), createElementBlock("span", _hoisted_2, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  createTextVNode(toDisplayString(__props.label), 1)
+                ]),
+                __props.description ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  id: descriptionId,
+                  class: "text-xs text-muted"
+                }, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["class"]))
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTableFilter-DgARTsA1.js → LpTableFilter-CJg5eIcV.js}

@@ -1,6 +1,6 @@
 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-D6RuDW4X.js";
-import { _ as _sfc_main$1 } from "./LpInput-DL6HEJdi.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-CCWCwD0y.js";
+import { _ as _sfc_main$1 } from "./LpInput-CbI7z5fQ.js";
 import { _ as _sfc_main$2 } from "./LpShift-DAgS_d2x.js";
 import { usePaintSelect } from "../composables/usePaintSelect.js";
 import { matchesQuery, onlyValues, unhideValues, hideAllValues, invertHidden } from "../components/tableFilter.js";

package/dist/chunks/{LpTagsInput-Dt0mteSj.js → LpTagsInput-CkNxpNYa.js}

@@ -2,7 +2,7 @@ import { defineComponent, useAttrs, computed, ref, useId, watch, openBlock, crea
 import { isNode, isInputElement } from "../composables/realm.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { TagsInputRoot, TagsInputItem, TagsInputItemText, TagsInputItemDelete, TagsInputInput, PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-ui";
-import { useField, useFieldControl, mergeDescribedBy, fieldWrapperBinds } from "../composables/useField.js";
+import { useField, wrapsItself, useFieldControl, mergeDescribedBy, fieldWrapperBinds } from "../composables/useField.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useShift } from "../composables/useShift.js";
@@ -82,9 +82,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.labels
     );
     const attrs = useAttrs();
-    const hasField = computed(() => !!props.label || !!props.hint || !!props.error);
+    const outerFieldOf = useField();
+    const hasField = computed(() => wrapsItself(props, outerFieldOf));
     const notice = useFieldNotice();
-    const outerField = useField();
+    const outerField = outerFieldOf;
     const ownField = ref(null);
     function bindField(c) {
       ownField.value = hasField.value && c ? c : null;

package/dist/chunks/{LpTextarea-Co0b9PVx.js → LpTextarea-CFK_5QB8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, useAttrs, ref, watch, nextTick, onMounted, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createElementVNode, mergeProps } from "vue";
 import { nodeWindow } from "../composables/realm.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
-import { useFieldControl, fieldWrapperBinds, mergeDescribedBy } from "../composables/useField.js";
+import { useField, wrapsItself, useFieldControl, fieldWrapperBinds, mergeDescribedBy } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
 const _hoisted_1 = ["id", "value", "placeholder", "rows", "disabled", "required", "aria-invalid", "aria-describedby"];
@@ -26,7 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const hasField = computed(() => !!props.label || !!props.hint || !!props.error);
+    const outerFieldOf = useField();
+    const hasField = computed(() => wrapsItself(props, outerFieldOf));
     const attrs = useAttrs();
     const textareaAttrs = computed(() => {
       const { class: _c, style: _s, ...rest } = attrs;

package/dist/chunks/{LpThemeStudio-DzYfE-5k.js → LpThemeStudio-R-wohbCY.js}

@@ -3,10 +3,10 @@ import { usePaletteTheme } from "../theme/palette.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useThemeStudio, STUDIO_BRANDS, STUDIO_SYSTEM } from "../theme/studio.js";
 import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$7 } from "./LpCodeBlock-DuzmnIHl.js";
-import { _ as _sfc_main$4 } from "./LpColorPicker-BxAHEnR5.js";
+import { _ as _sfc_main$7 } from "./LpCodeBlock-DBqy4RLd.js";
+import { _ as _sfc_main$4 } from "./LpColorPicker-BONURBFN.js";
 import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$5 } from "./LpSegmented-DbEJhbv-.js";
+import { _ as _sfc_main$5 } from "./LpSegmented-sskrJKJJ.js";
 import { _ as _sfc_main$6 } from "./LpDisclosure-DG7JCo-d.js";
 import { _ as _sfc_main$8 } from "./LpThemeProvider-XK6ZeWAE.js";
 import { _ as _sfc_main$3 } from "./LpThemeStudioSection-B7bt8Iyg.js";

package/dist/chunks/{LpThemeSwitcher-CFLkdbBL.js → LpThemeSwitcher-Bzy15MCP.js}

@@ -7,11 +7,11 @@ import { presets } from "../theme/presets.js";
 import { useThemeStudio, STUDIO_SYSTEM } from "../theme/studio.js";
 import { useTheme } from "../theme/useTheme.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Bx_IhQDS.js";
 import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$5 } from "./LpThemeStudio-DzYfE-5k.js";
+import { _ as _sfc_main$5 } from "./LpThemeStudio-R-wohbCY.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/LpTimeField-B5n0m8m0.js

@@ -0,0 +1,115 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
+import { CONTROL_SIZE } from "../components/controlSize.js";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
+import { Time } from "@internationalized/date";
+import { TimeFieldRoot, TimeFieldInput } from "reka-ui";
+import { useOwnField, mergeDescribedBy, focusLeft } from "../composables/useField.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpTimeField",
+  props: {
+    palette: { type: [Boolean, Object], default: void 0 },
+    modelValue: {},
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    error: {},
+    size: { default: "md" },
+    hourCycle: { default: 24 },
+    locale: {},
+    icon: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function onFocusOut(event) {
+      if (focusLeft(event)) emit("blur", event);
+    }
+    const value = computed(() => {
+      const match = /^(\d{2}):(\d{2})/.exec(props.modelValue || "");
+      return match ? new Time(Number(match[1]), Number(match[2])) : void 0;
+    });
+    function onUpdate(next) {
+      if (!next || typeof next !== "object" || !("hour" in next) || !("minute" in next)) {
+        emit("update:modelValue", void 0);
+        return;
+      }
+      const pad = (n) => String(n).padStart(2, "0");
+      emit("update:modelValue", `${pad(next.hour)}:${pad(next.minute)}`);
+    }
+    const { field, wrapper, ownAttrs } = useOwnField(() => ({
+      error: props.error,
+      invalid: props.invalid,
+      disabled: props.disabled
+    }));
+    const shellSize = CONTROL_SIZE;
+    const { class: rootClass, attrs: rest } = useMergedAttrs(() => [
+      "flex w-full items-center gap-0.5 rounded-control border bg-surface-soft px-3 text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-55",
+      shellSize[props.size],
+      field.value.invalid ? "border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand"
+    ].join(" "), () => ownAttrs());
+    usePaletteControl({ disabled: () => field.value.disabled, invalid: () => field.value.invalid });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(unref(wrapper))), {
+        default: withCtx(() => [
+          createVNode(unref(TimeFieldRoot), mergeProps({
+            "model-value": value.value,
+            "hour-cycle": __props.hourCycle,
+            locale: __props.locale,
+            granularity: "minute",
+            disabled: unref(field).disabled,
+            required: unref(field).required,
+            "aria-invalid": unref(field).invalid || void 0,
+            "aria-labelledby": unref(field).labelId,
+            class: unref(rootClass)
+          }, unref(rest), {
+            "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
+            "onUpdate:modelValue": onUpdate,
+            onFocusout: onFocusOut
+          }), {
+            default: withCtx(({ segments }) => [
+              __props.icon ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                name: "lucide:clock",
+                size: 15,
+                class: "mr-1.5 shrink-0 text-muted"
+              })) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(segments, (item, i) => {
+                return openBlock(), createElementBlock(Fragment, { key: i }, [
+                  item.part === "literal" ? (openBlock(), createBlock(unref(TimeFieldInput), {
+                    key: 0,
+                    part: item.part,
+                    class: "text-muted"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(item.value), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["part"])) : (openBlock(), createBlock(unref(TimeFieldInput), {
+                    key: 1,
+                    part: item.part,
+                    class: "rounded-sm px-0.5 tabular-nums outline-none focus:bg-brand-soft focus:text-brand data-[placeholder]:text-muted"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(item.value), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["part"]))
+                ], 64);
+              }), 128))
+            ]),
+            _: 1
+          }, 16, ["model-value", "hour-cycle", "locale", "disabled", "required", "aria-invalid", "aria-labelledby", "class", "aria-describedby"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpToaster-QFj0P-5m.js → LpToaster-Ct_ZOhCh.js}

@@ -4,7 +4,7 @@ import { prefersReducedMotion } from "../composables/easing.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useToast } from "../composables/useToast.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-7EOSIuwa.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-sAMvWeLP.js";
 import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 import { toneLook } from "../components/tone.js";
 import { useView, viewDocument, usePortalTarget, viewWindow } from "../composables/useView.js";

package/dist/chunks/{LpTooltip-BJf3lZMq.js → LpTooltip-Bz_rrq5S.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, renderSlot, normalizeStyle, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, renderSlot, normalizeStyle, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
 import { clamp } from "../composables/clamp.js";
 import { injectTooltipProviderContext, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent } from "reka-ui";
 import { springStep, springSettled } from "../composables/usePillTransition.js";
@@ -7,6 +7,7 @@ import { prefersReducedMotion } from "../composables/easing.js";
 import { useView, viewWindow, usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import '../assets/LpTooltip-B61SYd4K.css';const EDGE = 8;
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "LpTooltip",
   props: {
     content: {},
@@ -139,16 +140,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:open": onOpenChange
           }, {
             default: withCtx(() => [
-              createVNode(unref(TooltipTrigger), {
-                "as-child": "",
+              createVNode(unref(TooltipTrigger), mergeProps({ "as-child": "" }, _ctx.$attrs, {
                 "aria-label": __props.label ? __props.content : void 0,
                 onPointermove: onPointerMove
-              }, {
+              }), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
-              }, 8, ["aria-label"]),
+              }, 16, ["aria-label"]),
               createVNode(unref(TooltipPortal), { to: unref(portalTo) }, {
                 default: withCtx(() => [
                   createVNode(unref(TooltipContent), {

package/dist/chunks/{LpTopologyCanvas-BOHHHZ_6.js → LpTopologyCanvas-BNgw9RyZ.js}

@@ -9,11 +9,12 @@ import { useResizeObserver } from "../composables/useResizeObserver.js";
 import { nodeWindow, isHTMLElement } from "../composables/realm.js";
 import { backgroundOf, resolveCssColor, svgToPng } from "../components/exportData.js";
 import { _ as _sfc_main$6 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$3 } from "./LpInfraNode-BAU40Km2.js";
-import { _ as _sfc_main$5 } from "./LpInput-DL6HEJdi.js";
-import { _ as _sfc_main$1 } from "./LpLaneNode-HtnQf2FF.js";
-import { _ as _sfc_main$2 } from "./LpServiceNode-D8uJ8sGk.js";
-import { _ as _sfc_main$7 } from "./LpSlider-A4ixovgS.js";
+import { _ as _sfc_main$7 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$3 } from "./LpInfraNode-Bb5nbuFY.js";
+import { _ as _sfc_main$5 } from "./LpInput-CbI7z5fQ.js";
+import { _ as _sfc_main$1 } from "./LpLaneNode-Bqcdm8Rf.js";
+import { _ as _sfc_main$2 } from "./LpServiceNode-Cln2ntdw.js";
+import { _ as _sfc_main$8 } from "./LpSlider-C4ilCtZX.js";
 import { _ as _sfc_main$4 } from "./LpWaypointEdge-D8yHlQiw.js";
 import { diffTopology, detailAtZoom, collapseChildren, clusterGraph, findNodes, findPath, neighborhood, groupBoxes, nodeName, frameSize, edgeLabelText, nearestInDirection, absolutePositions, layeredLayout, topologyToSvg } from "../components/topologyGraph.js";
 const _hoisted_1 = {
@@ -596,14 +597,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: action.id,
                   size: "sm",
                   variant: "outline",
-                  icon: action.icon,
                   onClick: ($event) => emit("selection-action", { action: action.id, ids: selectedIds.value })
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(action.label), 1)
+                    action.icon ? (openBlock(), createBlock(_sfc_main$7, {
+                      key: 0,
+                      name: action.icon,
+                      size: 14
+                    }, null, 8, ["name"])) : createCommentVNode("", true),
+                    createTextVNode(" " + toDisplayString(action.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["icon", "onClick"]);
+                }, 1032, ["onClick"]);
               }), 128))
             ]),
             _: 1
@@ -615,7 +620,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createElementVNode("span", null, toDisplayString(__props.timeline?.[versionIndex.value]?.label ?? `${unref(text).timeline} ${versionIndex.value + 1}`), 1),
-              createVNode(_sfc_main$7, {
+              createVNode(_sfc_main$8, {
                 "model-value": versionIndex.value,
                 min: 0,
                 max: (__props.timeline?.length ?? 1) - 1,

package/dist/chunks/{LpTruncate-C6u3gjc6.js → LpTruncate-ellq9RYM.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, onMounted, watch, nextTick, computed, openBlock,
 import { nodeWindow } from "../composables/realm.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-7EOSIuwa.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-sAMvWeLP.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
 import { middleTruncate } from "../components/fieldText.js";
 const _hoisted_1 = ["tabindex"];
 const _hoisted_2 = { "aria-hidden": "true" };

package/dist/chunks/{LpUptimeBar-BnYmR2rj.js → LpUptimeBar-BoxcCDVY.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$5 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$4 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
-import { _ as _sfc_main$3 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$3 } from "./LpTooltip-Bz_rrq5S.js";
 import { TONES } from "../components/tone.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpWorkspaceSwitcher-D0e9upAy.js → LpWorkspaceSwitcher-ugv-fyig.js}

@@ -2,8 +2,8 @@ import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
 import { _ as _sfc_main$1 } from "./LpDropdownMenu-CLzxIOgM.js";
-import { _ as _sfc_main$4 } from "./LpInput-DL6HEJdi.js";
-import { _ as _sfc_main$3 } from "./LpModal-DrtQ_1A2.js";
+import { _ as _sfc_main$4 } from "./LpInput-CbI7z5fQ.js";
+import { _ as _sfc_main$3 } from "./LpModal-DDvrSAnf.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpWorkspaceSwitcher",
   props: {

package/dist/chunks/{RevealToggle-CCPDE8Mv.js → RevealToggle-D_iyrB8d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useModel, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementVNode, mergeModels } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
 import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
 const _hoisted_1 = { class: "grid place-items-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpActivityLine", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBottomNav", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpCodeDisplay", "LpCollapse", "LpColorPicker", "LpCommandPalette", "LpCommandScope", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpContextSwitcher", "LpCopyButton", "LpCountdown", "LpDataList", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDock", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEditable", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpFrame", "LpGauge", "LpGlowBorder", "LpHintExample", "LpHintLayer", "LpHints", "LpHoverCard", "LpIcon", "LpIdenticon", "LpImageEditor", "LpInfraNode", "LpInput", "LpInspector", "LpKeys", "LpLightbox", "LpLink", "LpLoader", "LpLogInspector", "LpLogViewer", "LpMagnetic", "LpMapPicker", "LpMasonry", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPaletteFacts", "LpPaletteHeader", "LpPalettePreview", "LpPaletteStats", "LpPaletteSwatches", "LpPaletteTheme", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPipeline", "LpPopover", "LpProgress", "LpQuota", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRangeSlider", "LpRelativeTime", "LpRepeater", "LpRevealOnScroll", "LpRollingText", "LpScramble", "LpScrollArea", "LpSecretField", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShaderBackdrop", "LpShift", "LpShinyText", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpSpotlight", "LpStat", "LpStatus", "LpStepMark", "LpStepper", "LpSwap", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextReveal", "LpTextarea", "LpThemeProvider", "LpThemeStudio", "LpThemeStudioSection", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpTour", "LpTruncate", "LpTypewriter", "LpUptimeBar", "LpVideoBackdrop", "LpWindow", "LpWorkspaceSwitcher"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpActivityLine", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBottomNav", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpCodeDisplay", "LpCollapse", "LpColorPicker", "LpCommandPalette", "LpCommandScope", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpContextSwitcher", "LpCopyButton", "LpCountdown", "LpDataList", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDock", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEditable", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpFrame", "LpGauge", "LpGlowBorder", "LpHintExample", "LpHintLayer", "LpHints", "LpHoverCard", "LpIcon", "LpIdenticon", "LpImageEditor", "LpInfraNode", "LpInput", "LpInspector", "LpKeys", "LpLightbox", "LpLink", "LpLoader", "LpLogInspector", "LpLogViewer", "LpMagnetic", "LpMapPicker", "LpMasonry", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPageScrollbar", "LpPagination", "LpPaletteFacts", "LpPaletteHeader", "LpPalettePreview", "LpPaletteStats", "LpPaletteSwatches", "LpPaletteTheme", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPipeline", "LpPopover", "LpProgress", "LpQuota", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRangeSlider", "LpRelativeTime", "LpRepeater", "LpRevealOnScroll", "LpRollingText", "LpScramble", "LpScrollArea", "LpSecretField", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShaderBackdrop", "LpShift", "LpShinyText", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpSpotlight", "LpStat", "LpStatus", "LpStepMark", "LpStepper", "LpSwap", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextReveal", "LpTextarea", "LpThemeProvider", "LpThemeStudio", "LpThemeStudioSection", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpTour", "LpTruncate", "LpTypewriter", "LpUptimeBar", "LpVideoBackdrop", "LpWindow", "LpWorkspaceSwitcher"];

package/dist/components/DropzoneLinkField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/DropzoneLinkField-DXIr0eFz.js";
+import { _ as _sfc_main } from "../chunks/DropzoneLinkField-CyE7TJ5f.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    icon?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FieldLeading.vue.js

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

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

@@ -21,6 +21,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     disabled?: boolean;
     /** Mark every part of the address invalid (also set by a surrounding LpFormField's error). */
     invalid?: boolean;
+    /** A message under the control, as on LpInput: it marks it invalid and shows under it (what `form.field()` hands it). */
+    error?: string;
     size?: "sm" | "md" | "lg";
     /** Hide the map button when picking a point makes no sense. */
     hideMap?: boolean;
@@ -48,6 +50,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     disabled?: boolean;
     /** Mark every part of the address invalid (also set by a surrounding LpFormField's error). */
     invalid?: boolean;
+    /** A message under the control, as on LpInput: it marks it invalid and shows under it (what `form.field()` hands it). */
+    error?: string;
     size?: "sm" | "md" | "lg";
     /** Hide the map button when picking a point makes no sense. */
     hideMap?: boolean;

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-ZqoZ-N2Y.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-ft8fQOGx.js";
 export {
   _sfc_main as default
 };

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

@@ -1,7 +1,7 @@
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    variant?: "info" | "success" | "warning" | "danger" | undefined;
+    variant?: "info" | "danger" | "success" | "warning" | undefined;
     title?: string;
     icon?: string;
     /**
@@ -19,7 +19,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     busy?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    variant?: "info" | "success" | "warning" | "danger" | undefined;
+    variant?: "info" | "danger" | "success" | "warning" | undefined;
     title?: string;
     icon?: string;
     /**
@@ -37,7 +37,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     busy?: boolean;
 }> & Readonly<{}>, {
-    variant: "info" | "success" | "warning" | "danger";
+    variant: "info" | "danger" | "success" | "warning";
     busy: boolean;
     live: "assertive" | "polite" | false;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {