@leavepulse/ui 0.78.0 → 0.78.1

package/dist/components/LpThemeStudio.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeStudio-DzYfE-5k.js";
+import { _ as _sfc_main } from "../chunks/LpThemeStudio-ChU0_Ga8.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeSwitcher.vue.js

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

package/dist/components/LpToaster.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpToaster-QFj0P-5m.js";
+import { _ as _sfc_main } from "../chunks/LpToaster-Ct_ZOhCh.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTooltip.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main } from "../chunks/LpTooltip-Bz_rrq5S.js";
 export {
   _sfc_main as default
 };

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

@@ -220,9 +220,9 @@ type __VLS_ModelProps = {
     "timelineIndex"?: number | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_71: {};
+declare var __VLS_76: {};
 type __VLS_Slots = {} & {
-    'legend-extra'?: (props: typeof __VLS_71) => any;
+    'legend-extra'?: (props: typeof __VLS_76) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fitView: typeof fitFramed;

package/dist/components/LpTopologyCanvas.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-BOHHHZ_6.js";
+import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-jqz1KCq2.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTruncate.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTruncate-C6u3gjc6.js";
+import { _ as _sfc_main } from "../chunks/LpTruncate-ellq9RYM.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpUptimeBar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpUptimeBar-BnYmR2rj.js";
+import { _ as _sfc_main } from "../chunks/LpUptimeBar-BoxcCDVY.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpWorkspaceSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpWorkspaceSwitcher-D0e9upAy.js";
+import { _ as _sfc_main } from "../chunks/LpWorkspaceSwitcher-BeNHCLd5.js";
 export {
   _sfc_main as default
 };

package/dist/components/RevealToggle.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/RevealToggle-CCPDE8Mv.js";
+import { _ as _sfc_main } from "../chunks/RevealToggle-D_iyrB8d.js";
 export {
   _sfc_main as default
 };

package/dist/components/menuWhen.js

@@ -1,5 +1,5 @@
 import { defineComponent, h } from "vue";
-import { _ as _sfc_main } from "../chunks/LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-Bx_IhQDS.js";
 const MenuWhen = defineComponent({
   name: "MenuWhen",
   inheritAttrs: false,

package/dist/components/scrollbar.d.ts

@@ -0,0 +1,34 @@
+export declare const BAR_Y = "group flex touch-none select-none justify-end pl-2.5";
+export declare const BAR_X = "group flex flex-col touch-none select-none justify-end pt-2.5";
+export declare const BAR_Y_SIZE: {
+    wall: string;
+    floating: string;
+};
+export declare const BAR_X_SIZE: {
+    wall: string;
+    floating: string;
+};
+export declare const THUMB_Y = "min-w-1 bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand";
+export declare const THUMB_X = "min-h-1 bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand";
+export declare const THUMB_Y_ROUND: {
+    wall: string;
+    floating: string;
+};
+export declare const THUMB_X_ROUND: {
+    wall: string;
+    floating: string;
+};
+export declare const BAR_FADE = "opacity-0 data-[state=visible]:animate-[fade-in_180ms_ease] data-[state=visible]:opacity-100 data-[state=hidden]:animate-[fade-out_240ms_ease]";
+export declare const SCROLL_HIDE_DELAY_MS = 500;
+/**
+ * A press on the bar beside the thumb. Like a native bar it pages one view
+ * towards the pointer, smoothly, rather than putting the thumb's middle under
+ * it (reka's own answer, which yanked the content by half a thumb on a near
+ * miss and teleported it on a far press).
+ */
+export declare function pageToward(scroller: Element, axis: "x" | "y", before: boolean): void;
+/**
+ * Hide the document's own scrollbar (`lp-scrollbar-none` on <html>) while the
+ * kit draws one. Scrolling is untouched. Returns the release.
+ */
+export declare function hideNativeBar(doc: Document): () => void;

package/dist/components/scrollbar.js

@@ -0,0 +1,47 @@
+import { prefersReducedMotion } from "../composables/easing.js";
+import "vue";
+import { nodeWindow } from "../composables/realm.js";
+const BAR_Y = "group flex touch-none select-none justify-end pl-2.5";
+const BAR_X = "group flex flex-col touch-none select-none justify-end pt-2.5";
+const BAR_Y_SIZE = { wall: "w-3.5 py-px pr-px", floating: "w-4 py-1 pr-1" };
+const BAR_X_SIZE = { wall: "h-3.5 px-px pb-px", floating: "h-4 px-1 pb-1" };
+const THUMB_Y = "min-w-1 bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand";
+const THUMB_X = "min-h-1 bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand";
+const THUMB_Y_ROUND = { wall: "rounded-l-pill", floating: "rounded-pill" };
+const THUMB_X_ROUND = { wall: "rounded-t-pill", floating: "rounded-pill" };
+const BAR_FADE = "opacity-0 data-[state=visible]:animate-[fade-in_180ms_ease] data-[state=visible]:opacity-100 data-[state=hidden]:animate-[fade-out_240ms_ease]";
+const SCROLL_HIDE_DELAY_MS = 500;
+const PAGE_FRACTION = 0.85;
+function pageToward(scroller, axis, before) {
+  const view = axis === "y" ? scroller.clientHeight : scroller.clientWidth;
+  const step = view * PAGE_FRACTION * (before ? -1 : 1);
+  const behavior = prefersReducedMotion(nodeWindow(scroller)) ? "auto" : "smooth";
+  scroller.scrollBy(axis === "y" ? { top: step, behavior } : { left: step, behavior });
+}
+const nativeHidden = /* @__PURE__ */ new WeakMap();
+function hideNativeBar(doc) {
+  nativeHidden.set(doc, (nativeHidden.get(doc) ?? 0) + 1);
+  doc.documentElement.classList.add("lp-scrollbar-none");
+  let released = false;
+  return () => {
+    if (released) return;
+    released = true;
+    const left = (nativeHidden.get(doc) ?? 1) - 1;
+    nativeHidden.set(doc, left);
+    if (!left) doc.documentElement.classList.remove("lp-scrollbar-none");
+  };
+}
+export {
+  BAR_FADE,
+  BAR_X,
+  BAR_X_SIZE,
+  BAR_Y,
+  BAR_Y_SIZE,
+  SCROLL_HIDE_DELAY_MS,
+  THUMB_X,
+  THUMB_X_ROUND,
+  THUMB_Y,
+  THUMB_Y_ROUND,
+  hideNativeBar,
+  pageToward
+};

package/dist/composables/propCheck.d.ts

@@ -1,4 +1,4 @@
-import type { Plugin } from "vue";
+import { type Plugin } from "vue";
 export interface PropCheckOptions {
     /** Attributes that are not a mistake: exact names or patterns. */
     ignore?: (string | RegExp)[];

package/dist/composables/propCheck.js

@@ -1,3 +1,4 @@
+import { Teleport } from "vue";
 const KIT_COMPONENT = /^Lp[A-Z]/;
 const ALWAYS_ALLOWED = /^(data-|aria-|on[A-Z])/;
 const GLOBAL_ATTRIBUTES = /* @__PURE__ */ new Set([
@@ -46,11 +47,21 @@ function unknownAttributes(attributes, elements, ignore = []) {
     return !elements.some((el) => propertiesOf(el).has(key));
   });
 }
+function rootElements(vnode, out = []) {
+  if (!vnode || vnode.type === Teleport) return out;
+  if (vnode.component) return rootElements(vnode.component.subTree, out);
+  const el = vnode.el;
+  if (el?.nodeType === 1) {
+    out.push(el);
+    return out;
+  }
+  if (Array.isArray(vnode.children)) {
+    for (const child of vnode.children) if (child && typeof child === "object") rootElements(child, out);
+  }
+  return out;
+}
 function renderedElements(instance) {
-  const root = instance.$el;
-  if (root?.nodeType !== 1) return [];
-  const el = root;
-  return [el, ...el.querySelectorAll(FORWARD_TARGETS)];
+  return rootElements(instance.$.subTree).flatMap((el) => [el, ...el.querySelectorAll(FORWARD_TARGETS)]);
 }
 const lpPropCheck = {
   install(app, options = {}) {

package/dist/composables/usePaletteCommands.js

@@ -194,8 +194,10 @@ function usePaletteControl(options = {}) {
             autofocus: void 0,
             palette: false,
             disabled: options.disabled?.() || !writable(),
-            invalid: options.invalid?.(),
-            required: field?.value.required ?? instance.props.required,
+            // Only to a control that declares them: elsewhere they fell through
+            // as attributes onto its root (a switch's button took `required`).
+            ..."invalid" in instance.props ? { invalid: options.invalid?.() } : {},
+            ..."required" in instance.props ? { required: field?.value.required ?? instance.props.required } : {},
             "aria-label": label(),
             class: "w-full",
             style: void 0

package/dist/index.d.ts

@@ -133,6 +133,7 @@ export { default as LpRadioGroup } from "./components/LpRadioGroup.vue";
 export type { RadioOption } from "./components/LpRadioGroup.vue";
 export { default as LpRollingText } from "./components/LpRollingText.vue";
 export { default as LpScrollArea } from "./components/LpScrollArea.vue";
+export { default as LpPageScrollbar } from "./components/LpPageScrollbar.vue";
 export { default as LpSegmented } from "./components/LpSegmented.vue";
 export type { SegmentedOption } from "./components/LpSegmented.vue";
 export { default as LpSection } from "./components/LpSection.vue";