ropav 0.1.7 → 0.1.8

package/dist/calendar2.js

@@ -0,0 +1,37 @@
+//#region src/components/calendar/types.ts
+var calendarParts = [
+	"root",
+	"header",
+	"previousControl",
+	"monthLabel",
+	"nextControl",
+	"weekdays",
+	"weekday",
+	"grid",
+	"week",
+	"dayCell",
+	"day"
+];
+var calendarSizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
+var calendarRadiuses = [
+	"none",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"full"
+];
+var calendarWeekdayFormats = [
+	"narrow",
+	"short",
+	"long"
+];
+//#endregion
+export { calendarWeekdayFormats as i, calendarRadiuses as n, calendarSizes as r, calendarParts as t };

package/dist/chevron-left.js

@@ -0,0 +1,12 @@
+import { defineVaporComponent, markRaw, template } from "vue";
+//#region ~icons/lucide/chevron-left
+var t0 = template("<svg viewBox=\"0 0 24 24\"width=1.2em height=1.2em><path fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 d=\"m15 18l-6-6l6-6\">", 3, 1);
+function render(_ctx) {
+	return t0();
+}
+var chevron_left_default = markRaw(defineVaporComponent({
+	name: "lucide-chevron-left",
+	render
+}));
+//#endregion
+export { chevron_left_default as t };

package/dist/color-picker.js

@@ -8,8 +8,7 @@ import { t as parseCssColor } from "./color.js";
 import { t as check_default } from "./check.js";
 import { t as color_swatch_default } from "./color-swatch.js";
 import { n as toHTMLElement } from "./componentRef.js";
-import { n as isMatchingPointer, t as getPointerId } from "./pointer.js";
-import { t as createRafScheduler } from "./rafScheduler.js";
+import { t as createPointerSession } from "./pointerSession.js";
 import { i as isNodeWithinElement } from "./events.js";
 import { child, computed, createComponent, createFor, createIf, createSlot, createTemplateRefSetter, defineVaporComponent, extend, next, nthChild, on, onBeforeUnmount, ref, renderEffect, setAttr, setClass, setDynamicProps, setInsertionState, setProp, setStyle, setTemplateRefBinding, setValue, template, unref } from "vue";
 //#region src/utils/colorPicker.ts
@@ -170,96 +169,47 @@ function formatNumber(value) {
 //#endregion
 //#region src/components/color-picker/useColorPickerDrag.ts
 function useColorPickerDrag({ target, focusTarget, readonly, isGeometryValid, updateFromPointer }) {
-	let session;
-	let geometryDirty = false;
-	let pendingPointer;
-	function isCurrentPointer(event) {
-		const currentSession = session;
-		if (!currentSession) return false;
-		return isMatchingPointer(event, currentSession.pointerId);
-	}
-	function applyScheduledUpdate(currentSession) {
-		if (session !== currentSession) return;
-		if (geometryDirty) {
-			const rect = currentSession.element.getBoundingClientRect();
-			if (!isGeometryValid(rect)) return;
-			currentSession.rect = rect;
-			geometryDirty = false;
-		}
-		const pointer = pendingPointer;
-		pendingPointer = void 0;
-		if (pointer) updateFromPointer(pointer, currentSession.rect);
-	}
-	const updateScheduler = createRafScheduler(() => {
-		const currentSession = session;
-		if (currentSession) applyScheduledUpdate(currentSession);
-	}, () => session?.view);
-	function flushScheduledUpdate() {
-		const currentSession = session;
-		updateScheduler.cancel();
-		if (currentSession) applyScheduledUpdate(currentSession);
-	}
-	function scheduleUpdate() {
-		if (session) updateScheduler.schedule();
-	}
-	function onGeometryChange() {
-		if (!session) return;
-		geometryDirty = true;
-		scheduleUpdate();
-	}
-	function stopDragging() {
-		const stoppedSession = session;
-		if (!stoppedSession) return;
-		stoppedSession.view?.removeEventListener("pointermove", onPointerMove);
-		stoppedSession.view?.removeEventListener("pointerup", onPointerEnd);
-		stoppedSession.view?.removeEventListener("pointercancel", onPointerEnd);
-		stoppedSession.view?.removeEventListener("resize", onGeometryChange);
-		stoppedSession.view?.removeEventListener("scroll", onGeometryChange, true);
-		updateScheduler.cancel();
-		geometryDirty = false;
-		pendingPointer = void 0;
-		session = void 0;
-	}
-	function onPointerMove(event) {
-		if (!isCurrentPointer(event)) return;
-		pendingPointer = {
+	function refreshGeometry(currentSession) {
+		const rect = currentSession.element.getBoundingClientRect();
+		if (!isGeometryValid(rect)) return false;
+		currentSession.geometryValid = true;
+		currentSession.rect = rect;
+		return true;
+	}
+	function applyPointer(event, currentSession) {
+		updateFromPointer({
 			clientX: event.clientX,
 			clientY: event.clientY
-		};
-		scheduleUpdate();
-	}
-	function onPointerEnd(event) {
-		if (!isCurrentPointer(event)) return;
-		if (event.type === "pointerup") flushScheduledUpdate();
-		stopDragging();
+		}, currentSession.rect);
 	}
+	const pointerSession = createPointerSession({
+		onStart(event, currentSession) {
+			if (currentSession.geometryValid) applyPointer(event, currentSession);
+		},
+		onUpdate: applyPointer,
+		refreshGeometry
+	});
 	function onPointerDown(event) {
-		if (readonly() || event.button !== 0 || event.isPrimary === false) return;
-		const el = target.value;
-		if (!el) return;
-		event.preventDefault();
-		(focusTarget?.value ?? el).focus();
-		stopDragging();
-		const nextSession = {
-			element: el,
-			pointerId: getPointerId(event),
-			rect: el.getBoundingClientRect(),
-			view: el.ownerDocument.defaultView
-		};
-		session = nextSession;
-		geometryDirty = !isGeometryValid(nextSession.rect);
-		if (!geometryDirty) updateFromPointer({
-			clientX: event.clientX,
-			clientY: event.clientY
-		}, nextSession.rect);
-		if (session !== nextSession) return;
-		nextSession.view?.addEventListener("pointermove", onPointerMove);
-		nextSession.view?.addEventListener("pointerup", onPointerEnd);
-		nextSession.view?.addEventListener("pointercancel", onPointerEnd);
-		nextSession.view?.addEventListener("resize", onGeometryChange);
-		nextSession.view?.addEventListener("scroll", onGeometryChange, true);
-	}
-	onBeforeUnmount(stopDragging);
+		return pointerSession.start(event, () => {
+			if (readonly()) return;
+			const element = target.value;
+			if (!element) return;
+			event.preventDefault();
+			(focusTarget?.value ?? element).focus();
+			const rect = element.getBoundingClientRect();
+			const geometryValid = isGeometryValid(rect);
+			return {
+				geometryDirty: !geometryValid,
+				state: {
+					element,
+					geometryValid,
+					rect
+				},
+				target: element
+			};
+		});
+	}
+	onBeforeUnmount(pointerSession.stop);
 	return { onPointerDown };
 }
 //#endregion

package/dist/combobox.css

@@ -0,0 +1,251 @@
+@layer ropav.components {
+.rp-combobox[data-v-b9882cdc] {
+    --_rp-combobox-height: var(--rp-size-control-md);
+    --_rp-combobox-padding-x: calc(var(--rp-size-control-md) / 3);
+    --_rp-combobox-font-size: var(--rp-font-size-md);
+    --_rp-combobox-option-min-height: calc(var(--rp-size-control-md) - var(--rp-spacing-4));
+    --_rp-combobox-option-padding-y: var(--rp-spacing-1);
+    --_rp-combobox-radius: var(--rp-radius-sm);
+    --_rp-combobox-invalid-border: var(--rp-color-red-filled);
+    --_rp-combobox-invalid-ring: color-mix(in srgb, var(--rp-color-red-filled) 32%, transparent);
+    --_rp-combobox-option-highlighted-bg: var(--rp-color-default-hover);
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    box-sizing: border-box;
+    min-width: 180px;
+    height: var(--_rp-combobox-height);
+    padding: 0 var(--_rp-combobox-padding-x);
+    gap: var(--rp-spacing-2);
+    font-family: var(--rp-font-family);
+    font-size: var(--_rp-combobox-font-size);
+    font-weight: var(--rp-font-weight-normal);
+    line-height: 1;
+    background-color: var(--rp-color-control-bg);
+    border: var(--rp-border-width-thin) solid var(--rp-color-control-border);
+    border-radius: var(--_rp-combobox-radius);
+    cursor: text;
+    transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
+}
+.rp-combobox[data-v-b9882cdc]:hover:not(.rp-combobox--disabled):not(.rp-combobox--invalid) {
+    border-color: var(--rp-color-control-border-hover);
+}
+.rp-combobox[data-v-b9882cdc]:focus-within:not(.rp-combobox--disabled):not(.rp-combobox--invalid), .rp-combobox--open[data-v-b9882cdc]:not(.rp-combobox--disabled):not(.rp-combobox--invalid) {
+    border-color: var(--rp-color-control-border-focus);
+    box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
+}
+.rp-combobox__native[data-v-b9882cdc] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+}
+.rp-combobox--size-xs[data-v-b9882cdc] {
+    --_rp-combobox-height: var(--rp-size-control-xs);
+    --_rp-combobox-padding-x: calc(var(--rp-size-control-xs) / 3);
+    --_rp-combobox-font-size: var(--rp-font-size-xs);
+    --_rp-combobox-option-min-height: calc(var(--rp-size-control-xs) - var(--rp-spacing-2));
+    --_rp-combobox-option-padding-y: calc(var(--rp-spacing-1) / 2);
+}
+.rp-combobox--size-sm[data-v-b9882cdc] {
+    --_rp-combobox-height: var(--rp-size-control-sm);
+    --_rp-combobox-padding-x: calc(var(--rp-size-control-sm) / 3);
+    --_rp-combobox-font-size: var(--rp-font-size-sm);
+    --_rp-combobox-option-min-height: calc(var(--rp-size-control-sm) - var(--rp-spacing-3));
+    --_rp-combobox-option-padding-y: var(--rp-spacing-1);
+}
+.rp-combobox--size-md[data-v-b9882cdc] {
+    --_rp-combobox-height: var(--rp-size-control-md);
+    --_rp-combobox-padding-x: calc(var(--rp-size-control-md) / 3);
+    --_rp-combobox-font-size: var(--rp-font-size-md);
+    --_rp-combobox-option-min-height: calc(var(--rp-size-control-md) - var(--rp-spacing-4));
+    --_rp-combobox-option-padding-y: var(--rp-spacing-1);
+}
+.rp-combobox--size-lg[data-v-b9882cdc] {
+    --_rp-combobox-height: var(--rp-size-control-lg);
+    --_rp-combobox-padding-x: calc(var(--rp-size-control-lg) / 3);
+    --_rp-combobox-font-size: var(--rp-font-size-lg);
+    --_rp-combobox-option-min-height: calc(var(--rp-size-control-lg) - var(--rp-spacing-5));
+    --_rp-combobox-option-padding-y: calc(var(--rp-spacing-3) / 2);
+}
+.rp-combobox--size-xl[data-v-b9882cdc] {
+    --_rp-combobox-height: var(--rp-size-control-xl);
+    --_rp-combobox-padding-x: calc(var(--rp-size-control-xl) / 3);
+    --_rp-combobox-font-size: var(--rp-font-size-xl);
+    --_rp-combobox-option-min-height: calc(var(--rp-size-control-xl) - var(--rp-spacing-6));
+    --_rp-combobox-option-padding-y: var(--rp-spacing-2);
+}
+.rp-combobox--radius-xs[data-v-b9882cdc] {
+    --_rp-combobox-radius: var(--rp-radius-xs);
+}
+.rp-combobox--radius-sm[data-v-b9882cdc] {
+    --_rp-combobox-radius: var(--rp-radius-sm);
+}
+.rp-combobox--radius-md[data-v-b9882cdc] {
+    --_rp-combobox-radius: var(--rp-radius-md);
+}
+.rp-combobox--radius-lg[data-v-b9882cdc] {
+    --_rp-combobox-radius: var(--rp-radius-lg);
+}
+.rp-combobox--radius-xl[data-v-b9882cdc] {
+    --_rp-combobox-radius: var(--rp-radius-xl);
+}
+html.dark .rp-combobox[data-v-b9882cdc], [data-rp-color-scheme=dark] .rp-combobox[data-v-b9882cdc] {
+    --_rp-combobox-invalid-border: var(--rp-color-red-light-color);
+    --_rp-combobox-invalid-ring: color-mix(
+        in srgb,
+        var(--rp-color-red-light-color) 32%,
+        transparent
+    );
+}
+.rp-combobox--disabled[data-v-b9882cdc] {
+    opacity: var(--rp-opacity-disabled);
+    cursor: not-allowed;
+}
+.rp-combobox--invalid[data-v-b9882cdc] {
+    border-color: var(--_rp-combobox-invalid-border);
+}
+.rp-combobox--invalid[data-v-b9882cdc]:focus-within, .rp-combobox--open.rp-combobox--invalid[data-v-b9882cdc] {
+    border-color: var(--_rp-combobox-invalid-border);
+    box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-combobox-invalid-ring);
+}
+.rp-combobox__input[data-v-b9882cdc] {
+    box-sizing: border-box;
+    flex: 1;
+    width: 100%;
+    height: 100%;
+    min-width: 0;
+    padding: 0;
+    border: none;
+    outline: none;
+    background: transparent;
+    font: inherit;
+    color: var(--rp-color-control-fg);
+    line-height: 1;
+}
+.rp-combobox__input[data-v-b9882cdc]::placeholder {
+    color: var(--rp-color-control-placeholder);
+}
+.rp-combobox__input[data-v-b9882cdc]:disabled {
+    cursor: not-allowed;
+}
+.rp-combobox__indicator[data-v-b9882cdc] {
+    display: inline-flex;
+    align-items: center;
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+}
+.rp-combobox__indicator svg[data-v-b9882cdc] {
+    width: 100%;
+    height: 100%;
+}
+.rp-combobox__indicator[data-v-b9882cdc] {
+    position: relative;
+    color: var(--rp-color-control-icon);
+    transform: translateX(var(--rp-spacing-1));
+}
+.rp-combobox__toggle[data-v-b9882cdc], .rp-combobox__clear[data-v-b9882cdc] {
+    padding: 0;
+    font: inherit;
+    background: none;
+    border: none;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+}
+.rp-combobox__toggle svg[data-v-b9882cdc], .rp-combobox__clear svg[data-v-b9882cdc] {
+    width: 100%;
+    height: 100%;
+}
+.rp-combobox__toggle[data-v-b9882cdc], .rp-combobox__clear[data-v-b9882cdc] {
+    color: var(--rp-color-control-icon);
+    transition: color var(--rp-transition-fast), opacity var(--rp-transition-fast);
+}
+.rp-combobox__toggle[data-v-b9882cdc]:hover, .rp-combobox__clear[data-v-b9882cdc]:hover {
+    color: var(--rp-color-control-fg);
+}
+.rp-combobox__toggle[data-v-b9882cdc]:disabled {
+    cursor: not-allowed;
+}
+.rp-combobox__clear[data-v-b9882cdc] {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    background-color: var(--rp-color-control-bg);
+    opacity: 0;
+    pointer-events: none;
+}
+.rp-combobox:hover .rp-combobox__clear[data-v-b9882cdc] {
+    opacity: 1;
+    pointer-events: auto;
+}
+.rp-combobox:hover .rp-combobox__clear + .rp-combobox__toggle[data-v-b9882cdc] {
+    opacity: 0;
+}
+.rp-combobox__dropdown[data-v-b9882cdc] {
+    position: absolute;
+    width: calc(100% + var(--rp-border-width-thin) * 2);
+    z-index: 100;
+    background-color: var(--rp-color-default);
+    border: var(--rp-border-width-thin) solid var(--rp-color-default-border);
+    border-radius: var(--_rp-combobox-radius);
+    box-shadow: var(--rp-shadow-md);
+    padding: var(--rp-spacing-1) 0;
+    max-height: 240px;
+    padding: var(--rp-spacing-1);
+}
+.rp-combobox__dropdown[data-v-b9882cdc] .rp-scroll-area__viewport {
+    scroll-padding-block: var(--rp-spacing-1);
+}
+.rp-combobox__option[data-v-b9882cdc] {
+    display: flex;
+    align-items: center;
+    min-height: var(--_rp-combobox-option-min-height);
+    padding: var(--_rp-combobox-option-padding-y) var(--_rp-combobox-padding-x);
+    border-radius: var(--_rp-combobox-radius);
+    font-size: var(--_rp-combobox-font-size);
+    cursor: pointer;
+    color: var(--rp-color-control-fg);
+    transition: color var(--rp-transition-fast);
+}
+.rp-combobox__option--highlighted[data-v-b9882cdc] {
+    background-color: var(--_rp-combobox-option-highlighted-bg);
+}
+.rp-combobox__option--selected[data-v-b9882cdc] {
+    color: var(--rp-primary-color-light-color);
+}
+.rp-combobox__option--disabled[data-v-b9882cdc] {
+    color: var(--rp-color-disabled-color);
+    cursor: not-allowed;
+}
+.rp-combobox__empty[data-v-b9882cdc] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: var(--rp-spacing-4);
+    color: var(--rp-color-dimmed);
+    font-size: var(--_rp-combobox-font-size);
+}
+.rp-combobox-dropdown-enter-active[data-v-b9882cdc],
+  .rp-combobox-dropdown-leave-active[data-v-b9882cdc] {
+    transition: opacity var(--rp-transition-fast), transform var(--rp-transition-fast);
+}
+.rp-combobox-dropdown-enter-from[data-v-b9882cdc],
+  .rp-combobox-dropdown-leave-to[data-v-b9882cdc] {
+    opacity: 0;
+    transform: translateY(calc(-1 * var(--rp-spacing-1)));
+}
+.rp-combobox__dropdown[data-side=top].rp-combobox-dropdown-enter-from[data-v-b9882cdc],
+  .rp-combobox__dropdown[data-side=top].rp-combobox-dropdown-leave-to[data-v-b9882cdc] {
+    transform: translateY(var(--rp-spacing-1));
+}
+}