@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Abstracts/Carrier/CarrierStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarrierStack.js","names":[],"sources":["../../../src/Abstracts/Carrier/CarrierStack.ts"],"sourcesContent":["import { batch, createSignal, onCleanup } from \"solid-js\";\n\nimport type { Point2d } from \"@thewaver/ss-utils\";\n\nimport { LiveAnnouncer } from \"../LiveAnnouncer/LiveAnnouncer\";\nimport type { CarrierZone, Carry, CarryEndReason, CarryMode, CarryNudge, CarryPlace } from \"./Carrier.types\";\n\ntype CarryState = {\n    carry: Carry;\n    from: CarrierZone;\n    fromPlace: CarryPlace;\n    to: CarrierZone;\n    toPlace: CarryPlace;\n    mode: CarryMode;\n};\n\nconst DRAG_SLOP_PX = 4;\n\nconst zones: CarrierZone[] = [];\n\nconst [getCarryState, setCarryState] = createSignal<CarryState | undefined>();\n\nconst startSentence = (text: string) => text.charAt(0).toUpperCase() + text.slice(1);\n\nconst getGroupZones = (groupId: string) =>\n    zones.filter((zone) => zone.getGroupId() === groupId && !zone.getIsDisabled());\n\nconst getAcceptingZones = (state: CarryState) =>\n    getGroupZones(state.carry.groupId).filter((zone) => zone === state.from || zone.computeCanAccept(state.carry));\n\nconst findZoneAt = (x: number, y: number, groupId: string) => {\n    const candidates = getGroupZones(groupId);\n\n    for (const element of document.elementsFromPoint(x, y)) {\n        const zone = candidates.find((candidate) => {\n            const root = candidate.getRootRef();\n\n            return root !== undefined && (root === element || root.contains(element));\n        });\n\n        if (zone) return zone;\n    }\n};\n\nexport namespace CarrierStack {\n    export const registerZone = (zone: CarrierZone) => {\n        zones.push(zone);\n\n        onCleanup(() => {\n            const index = zones.indexOf(zone);\n\n            if (index >= 0) zones.splice(index, 1);\n        });\n    };\n\n    export const getCarry = () => getCarryState()?.carry;\n\n    export const getCarryMode = () => getCarryState()?.mode;\n\n    export const getSourceZone = () => getCarryState()?.from;\n\n    export const getTargetZone = () => getCarryState()?.to;\n\n    export const getSourcePlace = () => getCarryState()?.fromPlace;\n\n    export const getTargetPlace = () => getCarryState()?.toPlace;\n\n    export const getIsTargetAllowed = () => {\n        const state = getCarryState();\n\n        return state === undefined || state.to.computeIsPlaceAllowed(state.toPlace, state.carry);\n    };\n\n    export const start = (from: CarrierZone, place: CarryPlace, carry: Carry, mode: CarryMode) => {\n        const state: CarryState = { carry, from, fromPlace: place, to: from, toPlace: place, mode };\n\n        setCarryState(state);\n\n        if (mode !== \"key\") {\n            LiveAnnouncer.announce(`${carry.label} picked up from ${from.getLabel()}.`);\n\n            return;\n        }\n\n        LiveAnnouncer.announce(\n            `${carry.label} picked up from ${from.getLabel()}, ${from.computePlaceLabel(place, carry)}. ${from.getKeyHint(getAcceptingZones(state).length > 1)}`,\n        );\n    };\n\n    export const aimAtPoint = (x: number, y: number) => {\n        const state = getCarryState();\n\n        if (!state) return;\n\n        const zone = findZoneAt(x, y, state.carry.groupId);\n\n        if (!zone || (zone !== state.from && !zone.computeCanAccept(state.carry))) return;\n\n        const place = zone.computePlaceAtPoint({ x, y }, state.carry);\n\n        if (place === undefined) return;\n        if (zone === state.to && zone.computeIsSamePlace(place, state.toPlace)) return;\n\n        setCarryState({ ...state, to: zone, toPlace: place });\n    };\n\n    export const aimAtNudge = (nudge: CarryNudge) => {\n        const state = getCarryState();\n\n        if (!state) return;\n\n        const place = state.to.computeNudgedPlace(state.toPlace, nudge, state.carry);\n\n        if (place === undefined || state.to.computeIsSamePlace(place, state.toPlace)) return;\n\n        setCarryState({ ...state, toPlace: place });\n\n        LiveAnnouncer.announce(\n            `${startSentence(state.to.computePlaceLabel(place, state.carry))} in ${state.to.getLabel()}.`,\n        );\n    };\n\n    export const aimAtNextZone = (step: number) => {\n        const state = getCarryState();\n\n        if (!state) return;\n\n        const accepting = getAcceptingZones(state);\n\n        if (accepting.length < 2) return;\n\n        const from = accepting.indexOf(state.to);\n        const to = accepting[(((from + step) % accepting.length) + accepting.length) % accepting.length];\n        const place = to.computeEntryPlace(state.carry);\n\n        setCarryState({ ...state, to, toPlace: place });\n\n        LiveAnnouncer.announce(`${to.getLabel()}, ${to.computePlaceLabel(place, state.carry)}.`);\n    };\n\n    export const end = (reason: CarryEndReason) => {\n        const state = getCarryState();\n\n        setCarryState(undefined);\n\n        if (!state) return;\n\n        if (reason === \"cancel\") {\n            LiveAnnouncer.announce(`${state.carry.label} returned to ${state.from.getLabel()}.`);\n\n            return;\n        }\n\n        const isSameZone = state.to === state.from;\n\n        if (isSameZone && state.to.computeIsSamePlace(state.toPlace, state.fromPlace)) {\n            LiveAnnouncer.announce(`${state.carry.label} left where it was.`);\n\n            return;\n        }\n\n        if (!state.to.computeIsPlaceAllowed(state.toPlace, state.carry)) {\n            LiveAnnouncer.announce(\n                `${state.carry.label} does not fit in ${state.to.getLabel()}, returned to ${state.from.getLabel()}.`,\n            );\n\n            return;\n        }\n\n        if (isSameZone) {\n            state.to.moveAt(state.fromPlace, state.toPlace, state.carry);\n        } else {\n            batch(() => {\n                state.from.takeAt(state.fromPlace, state.carry);\n                state.to.putAt(state.toPlace, state.carry, { label: state.from.getLabel(), place: state.fromPlace });\n            });\n        }\n\n        LiveAnnouncer.announce(\n            `${state.carry.label} dropped in ${state.to.getLabel()}, ${state.to.computePlaceLabel(state.toPlace, state.carry)}.`,\n        );\n    };\n\n    export const dragFromPointer = (\n        element: HTMLElement,\n        e: PointerEvent,\n        onPickUp: (from: Point2d) => void,\n        onDrop?: () => void,\n    ) => {\n        const startX = e.clientX;\n        const startY = e.clientY;\n\n        let hasStarted = false;\n\n        const handleMove = (moveEvent: PointerEvent) => {\n            if (moveEvent.pointerId !== e.pointerId) return;\n\n            if (!hasStarted) {\n                if (Math.hypot(moveEvent.clientX - startX, moveEvent.clientY - startY) < DRAG_SLOP_PX) return;\n\n                hasStarted = true;\n                element.setPointerCapture(e.pointerId);\n                onPickUp({ x: startX, y: startY });\n            }\n\n            moveEvent.preventDefault();\n            aimAtPoint(moveEvent.clientX, moveEvent.clientY);\n        };\n\n        const handleEnd = (endEvent: PointerEvent) => {\n            if (endEvent.pointerId !== e.pointerId) return;\n\n            element.removeEventListener(\"pointermove\", handleMove);\n            element.removeEventListener(\"pointerup\", handleEnd);\n            element.removeEventListener(\"pointercancel\", handleEnd);\n\n            if (element.hasPointerCapture(e.pointerId)) element.releasePointerCapture(e.pointerId);\n\n            if (!hasStarted) return;\n\n            onDrop?.();\n\n            end(endEvent.type === \"pointercancel\" ? \"cancel\" : \"drop\");\n        };\n\n        element.addEventListener(\"pointermove\", handleMove);\n        element.addEventListener(\"pointerup\", handleEnd);\n        element.addEventListener(\"pointercancel\", handleEnd);\n    };\n}\n"],"mappings":"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"}

package/dist/Abstracts/CheckedState/CheckedState.utils.js

@@ -0,0 +1,13 @@
+//#region src/Abstracts/CheckedState/CheckedState.utils.ts
+var CheckedStateUtils;
+(function(_CheckedStateUtils) {
+	_CheckedStateUtils.fromMembers = (members) => {
+		if (members.length < 1) return false;
+		const first = members[0];
+		return members.every((member) => member === first) ? first : "mixed";
+	};
+})(CheckedStateUtils || (CheckedStateUtils = {}));
+//#endregion
+export { CheckedStateUtils };
+
+//# sourceMappingURL=CheckedState.utils.js.map

package/dist/Abstracts/CheckedState/CheckedState.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckedState.utils.js","names":[],"sources":["../../../src/Abstracts/CheckedState/CheckedState.utils.ts"],"sourcesContent":["import type { CheckedState } from \"./CheckedState.types\";\n\nexport namespace CheckedStateUtils {\n    export const fromMembers = (members: boolean[]): CheckedState => {\n        if (members.length < 1) return false;\n\n        const first = members[0];\n\n        return members.every((member) => member === first) ? first : \"mixed\";\n    };\n}\n"],"mappings":";AAEO,IAAU;CAAV,SAAA,oBAAA;CACU,mBAAA,eAAe,YAAqC;EAC7D,IAAI,QAAQ,SAAS,GAAG,OAAO;EAE/B,MAAM,QAAQ,QAAQ;EAEtB,OAAO,QAAQ,OAAO,WAAW,WAAW,KAAK,IAAI,QAAQ;CACjE;AACH,EAAA,CAAA,sBAAA,oBAAA,CAAA,EAAD"}

package/dist/Abstracts/ColorExtractor/ColorExtractor.context.js

@@ -0,0 +1,58 @@
+import { createContext, createEffect, createSignal, onCleanup, useContext } from "solid-js";
+import { getColor, getPalette } from "colorthief";
+//#region src/Abstracts/ColorExtractor/ColorExtractor.context.ts
+var ColorExtractorContext = createContext();
+var ColorExtractorContextProvider = ColorExtractorContext.Provider;
+var useColorExtractor = (props) => {
+	const [getColorData, setColorData] = createSignal([]);
+	const [getError, setError] = createSignal();
+	createEffect(() => {
+		let isMounted = true;
+		const src = props?.getSrc();
+		const colorCount = props?.getColorCount?.() ?? 1;
+		const quality = props?.getSamplePercentile?.() ?? 10;
+		if (!src) return;
+		const img = new Image();
+		onCleanup(() => {
+			img.onload = null;
+			img.onerror = null;
+			img.src = "";
+			isMounted = false;
+		});
+		img.crossOrigin = "anonymous";
+		img.src = src;
+		img.onerror = () => {
+			if (!isMounted) return;
+			console.warn(`ColorExtractor: failed to load image: ${src}`);
+			setColorData([]);
+			setError(/* @__PURE__ */ new Error(`Failed to load image: ${src}`));
+		};
+		img.onload = () => {
+			if (!isMounted) return;
+			(colorCount === 1 ? getColor(img, { quality }).then((res) => res ? [res] : []) : getPalette(img, {
+				quality,
+				colorCount
+			})).then((res) => {
+				if (!isMounted) return;
+				setColorData(res ?? []);
+				setError(void 0);
+			}).catch((err) => {
+				if (!isMounted) return;
+				console.warn("ColorExtractor: colour extraction failed:", err);
+				setColorData([]);
+				setError(err);
+			});
+		};
+	});
+	return {
+		getColorData,
+		getError
+	};
+};
+var useColorExtractorContext = () => {
+	return useColorExtractor(useContext(ColorExtractorContext));
+};
+//#endregion
+export { ColorExtractorContextProvider, useColorExtractor, useColorExtractorContext };
+
+//# sourceMappingURL=ColorExtractor.context.js.map

package/dist/Abstracts/ColorExtractor/ColorExtractor.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorExtractor.context.js","names":[],"sources":["../../../src/Abstracts/ColorExtractor/ColorExtractor.context.ts"],"sourcesContent":["import { getColor, getPalette } from \"colorthief\";\nimport type { Color } from \"colorthief\";\nimport { createContext, createEffect, createSignal, onCleanup, useContext } from \"solid-js\";\n\nimport type { ColorExtractorContextType } from \"./ColorExtractor.context.types\";\n\nconst ColorExtractorContext = createContext<ColorExtractorContextType>();\n\nexport const ColorExtractorContextProvider = ColorExtractorContext.Provider;\n\nexport const useColorExtractor = (props?: ColorExtractorContextType) => {\n    const [getColorData, setColorData] = createSignal<Color[]>([]);\n    const [getError, setError] = createSignal<unknown>();\n\n    createEffect(() => {\n        let isMounted = true;\n\n        const src = props?.getSrc();\n        const colorCount = props?.getColorCount?.() ?? 1;\n        const quality = props?.getSamplePercentile?.() ?? 10;\n\n        if (!src) return;\n\n        const img = new Image();\n\n        onCleanup(() => {\n            img.onload = null;\n            img.onerror = null;\n            img.src = \"\";\n            isMounted = false;\n        });\n\n        img.crossOrigin = \"anonymous\";\n        img.src = src;\n        img.onerror = () => {\n            if (!isMounted) return;\n\n            console.warn(`ColorExtractor: failed to load image: ${src}`);\n            setColorData([]);\n            setError(new Error(`Failed to load image: ${src}`));\n        };\n        img.onload = () => {\n            if (!isMounted) return;\n\n            const request =\n                colorCount === 1\n                    ? getColor(img, { quality }).then((res) => (res ? [res] : []))\n                    : getPalette(img, { quality, colorCount });\n\n            request\n                .then((res) => {\n                    if (!isMounted) return;\n\n                    setColorData(res ?? []);\n                    setError(undefined);\n                })\n                .catch((err) => {\n                    if (!isMounted) return;\n\n                    console.warn(\"ColorExtractor: colour extraction failed:\", err);\n                    setColorData([]);\n                    setError(err);\n                });\n        };\n    });\n\n    return { getColorData, getError };\n};\n\nexport const useColorExtractorContext = () => {\n    const context = useContext(ColorExtractorContext);\n\n    return useColorExtractor(context);\n};\n"],"mappings":";;;AAMA,IAAM,wBAAwB,cAAyC;AAEvE,IAAa,gCAAgC,sBAAsB;AAEnE,IAAa,qBAAqB,UAAsC;CACpE,MAAM,CAAC,cAAc,gBAAgB,aAAsB,CAAC,CAAC;CAC7D,MAAM,CAAC,UAAU,YAAY,aAAsB;CAEnD,mBAAmB;EACf,IAAI,YAAY;EAEhB,MAAM,MAAM,OAAO,OAAO;EAC1B,MAAM,aAAa,OAAO,gBAAgB,KAAK;EAC/C,MAAM,UAAU,OAAO,sBAAsB,KAAK;EAElD,IAAI,CAAC,KAAK;EAEV,MAAM,MAAM,IAAI,MAAM;EAEtB,gBAAgB;GACZ,IAAI,SAAS;GACb,IAAI,UAAU;GACd,IAAI,MAAM;GACV,YAAY;EAChB,CAAC;EAED,IAAI,cAAc;EAClB,IAAI,MAAM;EACV,IAAI,gBAAgB;GAChB,IAAI,CAAC,WAAW;GAEhB,QAAQ,KAAK,yCAAyC,KAAK;GAC3D,aAAa,CAAC,CAAC;GACf,yBAAS,IAAI,MAAM,yBAAyB,KAAK,CAAC;EACtD;EACA,IAAI,eAAe;GACf,IAAI,CAAC,WAAW;GAOhB,CAJI,eAAe,IACT,SAAS,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,QAAS,MAAM,CAAC,GAAG,IAAI,CAAC,CAAE,IAC3D,WAAW,KAAK;IAAE;IAAS;GAAW,CAAC,EAAA,CAG5C,MAAM,QAAQ;IACX,IAAI,CAAC,WAAW;IAEhB,aAAa,OAAO,CAAC,CAAC;IACtB,SAAS,KAAA,CAAS;GACtB,CAAC,CAAC,CACD,OAAO,QAAQ;IACZ,IAAI,CAAC,WAAW;IAEhB,QAAQ,KAAK,6CAA6C,GAAG;IAC7D,aAAa,CAAC,CAAC;IACf,SAAS,GAAG;GAChB,CAAC;EACT;CACJ,CAAC;CAED,OAAO;EAAE;EAAc;CAAS;AACpC;AAEA,IAAa,iCAAiC;CAG1C,OAAO,kBAFS,WAAW,qBAEF,CAAO;AACpC"}

package/dist/Abstracts/Cutout/Cutout.utils.js

@@ -0,0 +1,26 @@
+//#region src/Abstracts/Cutout/Cutout.utils.ts
+var FULL_COVERAGE_LAYER = "linear-gradient(black, black)";
+var CutoutUtils;
+(function(_CutoutUtils) {
+	_CutoutUtils.getMaskStyle = (hole, holeImage = FULL_COVERAGE_LAYER) => {
+		const layers = `${FULL_COVERAGE_LAYER}, ${holeImage}`;
+		const positions = `0 0, ${hole.x}px ${hole.y}px`;
+		const sizes = `auto, ${hole.width}px ${hole.height}px`;
+		return {
+			"mask-image": layers,
+			"-webkit-mask-image": layers,
+			"mask-position": positions,
+			"-webkit-mask-position": positions,
+			"mask-size": sizes,
+			"-webkit-mask-size": sizes,
+			"mask-repeat": "no-repeat",
+			"-webkit-mask-repeat": "no-repeat",
+			"mask-composite": "exclude",
+			"-webkit-mask-composite": "xor"
+		};
+	};
+})(CutoutUtils || (CutoutUtils = {}));
+//#endregion
+export { CutoutUtils };
+
+//# sourceMappingURL=Cutout.utils.js.map

package/dist/Abstracts/Cutout/Cutout.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cutout.utils.js","names":[],"sources":["../../../src/Abstracts/Cutout/Cutout.utils.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nimport type { Rect } from \"@thewaver/ss-utils\";\n\nconst FULL_COVERAGE_LAYER = \"linear-gradient(black, black)\";\n\nexport namespace CutoutUtils {\n    export const getMaskStyle = (hole: Rect, holeImage: string = FULL_COVERAGE_LAYER): JSX.CSSProperties => {\n        const layers = `${FULL_COVERAGE_LAYER}, ${holeImage}`;\n        const positions = `0 0, ${hole.x}px ${hole.y}px`;\n        const sizes = `auto, ${hole.width}px ${hole.height}px`;\n\n        return {\n            \"mask-image\": layers,\n            \"-webkit-mask-image\": layers,\n            \"mask-position\": positions,\n            \"-webkit-mask-position\": positions,\n            \"mask-size\": sizes,\n            \"-webkit-mask-size\": sizes,\n            \"mask-repeat\": \"no-repeat\",\n            \"-webkit-mask-repeat\": \"no-repeat\",\n            \"mask-composite\": \"exclude\",\n            \"-webkit-mask-composite\": \"xor\",\n        };\n    };\n}\n"],"mappings":";AAIA,IAAM,sBAAsB;AAErB,IAAU;CAAV,SAAA,cAAA;CACU,aAAA,gBAAgB,MAAY,YAAoB,wBAA2C;EACpG,MAAM,SAAS,GAAG,oBAAoB,IAAI;EAC1C,MAAM,YAAY,QAAQ,KAAK,EAAE,KAAK,KAAK,EAAE;EAC7C,MAAM,QAAQ,SAAS,KAAK,MAAM,KAAK,KAAK,OAAO;EAEnD,OAAO;GACH,cAAc;GACd,sBAAsB;GACtB,iBAAiB;GACjB,yBAAyB;GACzB,aAAa;GACb,qBAAqB;GACrB,eAAe;GACf,uBAAuB;GACvB,kBAAkB;GAClB,0BAA0B;EAC9B;CACJ;AACH,EAAA,CAAA,gBAAA,cAAA,CAAA,EAAD"}

package/dist/Abstracts/DateTimeValue/DateTimeValue.utils.js

@@ -0,0 +1,70 @@
+import { DateValueUtils } from "../DateValue/DateValue.utils.js";
+import { createEffect, createSignal, untrack } from "solid-js";
+import { TimeUtils } from "@thewaver/ss-utils";
+//#region src/Abstracts/DateTimeValue/DateTimeValue.utils.ts
+var MS_PER_SECOND = 1e3;
+var DateTimeValueUtils;
+(function(_DateTimeValueUtils) {
+	const of = _DateTimeValueUtils.of = (date, time) => ({
+		date,
+		time
+	});
+	_DateTimeValueUtils.withDate = (value, date) => ({
+		...value,
+		date
+	});
+	_DateTimeValueUtils.withTime = (value, time) => ({
+		...value,
+		time
+	});
+	const isSame = _DateTimeValueUtils.isSame = (a, b) => a === b || a !== void 0 && b !== void 0 && DateValueUtils.isSame(a.date, b.date) && TimeUtils.isSame(a.time, b.time);
+	_DateTimeValueUtils.compare = (a, b) => {
+		const byDate = DateValueUtils.compare(a.date, b.date);
+		return byDate !== 0 ? byDate : TimeUtils.compare(a.time, b.time);
+	};
+	_DateTimeValueUtils.fromDate = (date, hasSeconds = false) => ({
+		date: DateValueUtils.fromDate(date),
+		time: hasSeconds ? {
+			hour: date.getHours(),
+			minute: date.getMinutes(),
+			second: date.getSeconds()
+		} : {
+			hour: date.getHours(),
+			minute: date.getMinutes()
+		}
+	});
+	_DateTimeValueUtils.createSplit = (signal) => {
+		const [getDate, setDate] = createSignal(untrack(() => signal[0]()?.date));
+		const [getTime, setTime] = createSignal(untrack(() => signal[0]()?.time));
+		createEffect(() => {
+			const value = signal[0]();
+			if (!value) return;
+			setDate(() => value.date);
+			setTime(() => value.time);
+		});
+		const emit = () => {
+			const date = untrack(getDate);
+			const time = untrack(getTime);
+			const next = date !== void 0 && time !== void 0 ? of(date, time) : void 0;
+			if (isSame(next, untrack(signal[0]))) return;
+			signal[1](() => next);
+		};
+		return {
+			dateSignal: [getDate, (next) => {
+				setDate(typeof next === "function" ? next : () => next);
+				emit();
+				return untrack(getDate);
+			}],
+			timeSignal: [getTime, (next) => {
+				setTime(typeof next === "function" ? next : () => next);
+				emit();
+				return untrack(getTime);
+			}]
+		};
+	};
+	_DateTimeValueUtils.toDate = (value) => new Date(DateValueUtils.toDate(value.date).getTime() + TimeUtils.getSecondOfDay(value.time) * MS_PER_SECOND);
+})(DateTimeValueUtils || (DateTimeValueUtils = {}));
+//#endregion
+export { DateTimeValueUtils };
+
+//# sourceMappingURL=DateTimeValue.utils.js.map

package/dist/Abstracts/DateTimeValue/DateTimeValue.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeValue.utils.js","names":[],"sources":["../../../src/Abstracts/DateTimeValue/DateTimeValue.utils.ts"],"sourcesContent":["import type { Signal } from \"solid-js\";\nimport { createEffect, createSignal, untrack } from \"solid-js\";\n\nimport { TimeUtils, type TimeValue } from \"@thewaver/ss-utils\";\n\nimport type { DateValue } from \"../DateValue/DateValue.types\";\nimport { DateValueUtils } from \"../DateValue/DateValue.utils\";\nimport type { DateTimeValue } from \"./DateTimeValue.types\";\n\nconst MS_PER_SECOND = 1000;\n\nexport namespace DateTimeValueUtils {\n    export const of = (date: DateValue, time: TimeValue): DateTimeValue => ({ date, time });\n\n    export const withDate = (value: DateTimeValue, date: DateValue): DateTimeValue => ({ ...value, date });\n\n    export const withTime = (value: DateTimeValue, time: TimeValue): DateTimeValue => ({ ...value, time });\n\n    export const isSame = (a: DateTimeValue | undefined, b: DateTimeValue | undefined) =>\n        a === b ||\n        (a !== undefined &&\n            b !== undefined &&\n            DateValueUtils.isSame(a.date, b.date) &&\n            TimeUtils.isSame(a.time, b.time));\n\n    export const compare = (a: DateTimeValue, b: DateTimeValue) => {\n        const byDate = DateValueUtils.compare(a.date, b.date);\n\n        return byDate !== 0 ? byDate : TimeUtils.compare(a.time, b.time);\n    };\n\n    export const fromDate = (date: Date, hasSeconds = false): DateTimeValue => ({\n        date: DateValueUtils.fromDate(date),\n        time: hasSeconds\n            ? { hour: date.getHours(), minute: date.getMinutes(), second: date.getSeconds() }\n            : { hour: date.getHours(), minute: date.getMinutes() },\n    });\n\n    export const createSplit = (\n        signal: Signal<DateTimeValue | undefined>,\n    ): { dateSignal: Signal<DateValue | undefined>; timeSignal: Signal<TimeValue | undefined> } => {\n        const [getDate, setDate] = createSignal<DateValue | undefined>(untrack(() => signal[0]()?.date));\n        const [getTime, setTime] = createSignal<TimeValue | undefined>(untrack(() => signal[0]()?.time));\n\n        createEffect(() => {\n            const value = signal[0]();\n\n            if (!value) return;\n\n            setDate(() => value.date);\n            setTime(() => value.time);\n        });\n\n        const emit = () => {\n            const date = untrack(getDate);\n            const time = untrack(getTime);\n            const next = date !== undefined && time !== undefined ? of(date, time) : undefined;\n\n            if (isSame(next, untrack(signal[0]))) return;\n\n            signal[1](() => next);\n        };\n\n        const dateSignal = [\n            getDate,\n            (next: unknown) => {\n                setDate(typeof next === \"function\" ? (next as never) : () => next as DateValue | undefined);\n                emit();\n\n                return untrack(getDate);\n            },\n        ] as Signal<DateValue | undefined>;\n\n        const timeSignal = [\n            getTime,\n            (next: unknown) => {\n                setTime(typeof next === \"function\" ? (next as never) : () => next as TimeValue | undefined);\n                emit();\n\n                return untrack(getTime);\n            },\n        ] as Signal<TimeValue | undefined>;\n\n        return { dateSignal, timeSignal };\n    };\n\n    export const toDate = (value: DateTimeValue) =>\n        new Date(DateValueUtils.toDate(value.date).getTime() + TimeUtils.getSecondOfDay(value.time) * MS_PER_SECOND);\n}\n"],"mappings":";;;;AASA,IAAM,gBAAgB;AAEf,IAAU;CAAV,SAAA,qBAAA;CACI,MAAM,KAAA,oBAAA,MAAM,MAAiB,UAAoC;EAAE;EAAM;CAAK;CAExE,oBAAA,YAAY,OAAsB,UAAoC;EAAE,GAAG;EAAO;CAAK;CAEvF,oBAAA,YAAY,OAAsB,UAAoC;EAAE,GAAG;EAAO;CAAK;CAE7F,MAAM,SAAA,oBAAA,UAAU,GAA8B,MACjD,MAAM,KACL,MAAM,KAAA,KACH,MAAM,KAAA,KACN,eAAe,OAAO,EAAE,MAAM,EAAE,IAAI,KACpC,UAAU,OAAO,EAAE,MAAM,EAAE,IAAI;CAE1B,oBAAA,WAAW,GAAkB,MAAqB;EAC3D,MAAM,SAAS,eAAe,QAAQ,EAAE,MAAM,EAAE,IAAI;EAEpD,OAAO,WAAW,IAAI,SAAS,UAAU,QAAQ,EAAE,MAAM,EAAE,IAAI;CACnE;CAEa,oBAAA,YAAY,MAAY,aAAa,WAA0B;EACxE,MAAM,eAAe,SAAS,IAAI;EAClC,MAAM,aACA;GAAE,MAAM,KAAK,SAAS;GAAG,QAAQ,KAAK,WAAW;GAAG,QAAQ,KAAK,WAAW;EAAE,IAC9E;GAAE,MAAM,KAAK,SAAS;GAAG,QAAQ,KAAK,WAAW;EAAE;CAC7D;CAEa,oBAAA,eACT,WAC2F;EAC3F,MAAM,CAAC,SAAS,WAAW,aAAoC,cAAc,OAAO,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;EAC/F,MAAM,CAAC,SAAS,WAAW,aAAoC,cAAc,OAAO,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;EAE/F,mBAAmB;GACf,MAAM,QAAQ,OAAO,EAAE,CAAC;GAExB,IAAI,CAAC,OAAO;GAEZ,cAAc,MAAM,IAAI;GACxB,cAAc,MAAM,IAAI;EAC5B,CAAC;EAED,MAAM,aAAa;GACf,MAAM,OAAO,QAAQ,OAAO;GAC5B,MAAM,OAAO,QAAQ,OAAO;GAC5B,MAAM,OAAO,SAAS,KAAA,KAAa,SAAS,KAAA,IAAY,GAAG,MAAM,IAAI,IAAI,KAAA;GAEzE,IAAI,OAAO,MAAM,QAAQ,OAAO,EAAE,CAAC,GAAG;GAEtC,OAAO,EAAE,OAAO,IAAI;EACxB;EAsBA,OAAO;GAAE,YAAA,CAnBL,UACC,SAAkB;IACf,QAAQ,OAAO,SAAS,aAAc,aAAuB,IAA6B;IAC1F,KAAK;IAEL,OAAO,QAAQ,OAAO;GAC1B,CAaK;GAAY,YAAA,CATjB,UACC,SAAkB;IACf,QAAQ,OAAO,SAAS,aAAc,aAAuB,IAA6B;IAC1F,KAAK;IAEL,OAAO,QAAQ,OAAO;GAC1B,CAGiB;EAAW;CACpC;CAEa,oBAAA,UAAU,UACnB,IAAI,KAAK,eAAe,OAAO,MAAM,IAAI,CAAC,CAAC,QAAQ,IAAI,UAAU,eAAe,MAAM,IAAI,IAAI,aAAa;AAClH,EAAA,CAAA,uBAAA,qBAAA,CAAA,EAAD"}

package/dist/Abstracts/DateValue/DateValue.utils.js

@@ -0,0 +1,167 @@
+import { getLocalTimeZone as $ad063034c8620db8$export$aa8b41735afcabd2, isSameDay as $ad063034c8620db8$export$ea39ec197993aef0, startOfMonth as $ad063034c8620db8$export$a5a3b454ada2268e } from "../../_external/@internationalized/date/dist/private/queries.js";
+import { fromDate as $d07e34cce18680fd$export$e57ff100d91bd4b9, toCalendar as $d07e34cce18680fd$export$b4a036af3fc0b032, toCalendarDate as $d07e34cce18680fd$export$93522d1a439f3617 } from "../../_external/@internationalized/date/dist/private/conversion.js";
+import { CalendarDate as $2aaf608024c21ca1$export$99faa760c7908e4f } from "../../_external/@internationalized/date/dist/private/CalendarDate.js";
+import { createCalendar as $84102b64e5ca022f$export$dd0bbc9b26defe37 } from "../../_external/@internationalized/date/dist/private/createCalendar.js";
+//#region src/Abstracts/DateValue/DateValue.utils.ts
+var DAYS_PER_WEEK = 7;
+var GRID_WEEKS = 6;
+var MIDDAY_MS = 432e5;
+var DEFAULT_CALENDAR_ID = "gregory";
+var ISO_PATTERN = /^(\d{4}|[+-]\d{6})-(\d{2})-(\d{2})$/;
+var CALENDAR_IDS = [
+	"gregory",
+	"buddhist",
+	"coptic",
+	"ethiopic",
+	"ethioaa",
+	"hebrew",
+	"indian",
+	"islamic-civil",
+	"islamic-tbla",
+	"islamic-umalqura",
+	"japanese",
+	"persian",
+	"roc"
+];
+var eraCache = /* @__PURE__ */ new Map();
+var monthNameCache = /* @__PURE__ */ new Map();
+var getCalendarOf = (id) => $84102b64e5ca022f$export$dd0bbc9b26defe37(id);
+var toIntlDate = (value) => new Date(value.toDate($ad063034c8620db8$export$aa8b41735afcabd2()).getTime() + MIDDAY_MS);
+var fromAstronomicalYear = (year, month, day) => year > 0 ? new $2aaf608024c21ca1$export$99faa760c7908e4f(year, month, day) : new $2aaf608024c21ca1$export$99faa760c7908e4f("BC", 1 - year, month, day);
+var getEraStart = (id, era) => new $2aaf608024c21ca1$export$99faa760c7908e4f(getCalendarOf(id), era, 1, 1, 1);
+var getEraSample = (id, era) => getEraStart(id, era).set({ year: 2 });
+var DateValueUtils;
+(function(_DateValueUtils) {
+	_DateValueUtils.getCalendarIds = () => [...CALENDAR_IDS];
+	const getCalendarId = _DateValueUtils.getCalendarId = (value) => value.calendar.identifier;
+	const withCalendar = _DateValueUtils.withCalendar = (value, id) => $d07e34cce18680fd$export$b4a036af3fc0b032(value, getCalendarOf(id));
+	const isSame = _DateValueUtils.isSame = (a, b) => a === void 0 || b === void 0 ? a === b : $ad063034c8620db8$export$ea39ec197993aef0(a, b);
+	const compare = _DateValueUtils.compare = (a, b) => a.compare(b);
+	_DateValueUtils.fromDate = (date, id = DEFAULT_CALENDAR_ID) => withCalendar($d07e34cce18680fd$export$93522d1a439f3617($d07e34cce18680fd$export$e57ff100d91bd4b9(date, $ad063034c8620db8$export$aa8b41735afcabd2())), id);
+	_DateValueUtils.toDate = (value) => value.toDate($ad063034c8620db8$export$aa8b41735afcabd2());
+	_DateValueUtils.getEras = (value, locale) => {
+		const id = getCalendarId(value);
+		const key = `${id}:${locale ?? ""}`;
+		const cached = eraCache.get(key);
+		if (cached) return cached;
+		const ids = getCalendarOf(id).getEras();
+		const readEra = (width, at) => new Intl.DateTimeFormat(locale, {
+			era: width,
+			year: "numeric",
+			calendar: id,
+			timeZone: $ad063034c8620db8$export$aa8b41735afcabd2()
+		}).formatToParts(at).find((part) => part.type === "era")?.value;
+		const eras = ids.map((eraId) => {
+			const at = toIntlDate(getEraSample(id, eraId));
+			return {
+				id: eraId,
+				name: readEra("long", at) ?? eraId,
+				shortName: readEra("short", at) ?? eraId
+			};
+		});
+		eraCache.set(key, eras);
+		return eras;
+	};
+	_DateValueUtils.withEra = (value, era) => getEraStart(getCalendarId(value), era).set({
+		year: value.year,
+		month: value.month,
+		day: value.day
+	});
+	const getMonthsInYear = _DateValueUtils.getMonthsInYear = (value) => value.calendar.getMonthsInYear(value);
+	_DateValueUtils.getYearsInEra = (value) => value.calendar.getYearsInEra?.(value) ?? Infinity;
+	_DateValueUtils.getDaysInMonth = (value) => value.calendar.getDaysInMonth(value);
+	const getStartOfMonth = _DateValueUtils.getStartOfMonth = (value) => $ad063034c8620db8$export$a5a3b454ada2268e(value);
+	const addDays = _DateValueUtils.addDays = (value, days) => value.add({ days });
+	_DateValueUtils.addMonths = (value, months) => value.add({ months });
+	_DateValueUtils.addYears = (value, years) => value.add({ years });
+	_DateValueUtils.clamp = (value, min, max) => {
+		if (min && compare(value, min) < 0) return min;
+		if (max && compare(value, max) > 0) return max;
+		return value;
+	};
+	_DateValueUtils.orderRange = (a, b) => compare(a, b) <= 0 ? {
+		start: a,
+		end: b
+	} : {
+		start: b,
+		end: a
+	};
+	_DateValueUtils.isSameRange = (a, b) => a === b || a !== void 0 && b !== void 0 && isSame(a.start, b.start) && isSame(a.end, b.end);
+	_DateValueUtils.getIsWithin = (value, range) => range !== void 0 && compare(value, range.start) >= 0 && compare(value, range.end) <= 0;
+	_DateValueUtils.getIsInRange = (value, min, max) => (!min || compare(value, min) >= 0) && (!max || compare(value, max) <= 0);
+	const getWeekdayOffset = _DateValueUtils.getWeekdayOffset = (value, weekStartsOn) => (toIntlDate(value).getDay() - weekStartsOn + DAYS_PER_WEEK) % DAYS_PER_WEEK;
+	_DateValueUtils.getMonthGrid = (value, weekStartsOn) => {
+		const anchor = getStartOfMonth(value);
+		const start = addDays(anchor, -getWeekdayOffset(anchor, weekStartsOn));
+		return {
+			anchor,
+			weeks: Array.from({ length: GRID_WEEKS }, (_, week) => Array.from({ length: DAYS_PER_WEEK }, (_, day) => addDays(start, week * DAYS_PER_WEEK + day)))
+		};
+	};
+	_DateValueUtils.getCellOf = (grid, value) => {
+		for (let y = 0; y < grid.weeks.length; y += 1) {
+			const x = grid.weeks[y].findIndex((day) => isSame(day, value));
+			if (x >= 0) return {
+				x,
+				y
+			};
+		}
+	};
+	_DateValueUtils.toParts = (value) => ({
+		calendar: getCalendarId(value),
+		era: value.era,
+		year: value.year,
+		month: value.month,
+		day: value.day
+	});
+	_DateValueUtils.fromParts = (parts) => {
+		const calendar = getCalendarOf(parts.calendar);
+		if (!calendar.getEras().includes(parts.era)) return void 0;
+		const built = new $2aaf608024c21ca1$export$99faa760c7908e4f(calendar, parts.era, parts.year, parts.month, parts.day);
+		if (built.year !== parts.year || built.month !== parts.month || built.day !== parts.day) return void 0;
+		return built;
+	};
+	_DateValueUtils.toIso = (value) => withCalendar(value, DEFAULT_CALENDAR_ID).toString();
+	_DateValueUtils.fromIso = (text, id = DEFAULT_CALENDAR_ID) => {
+		const parts = ISO_PATTERN.exec(text);
+		if (!parts) return void 0;
+		const year = Number(parts[1]);
+		const month = Number(parts[2]);
+		const day = Number(parts[3]);
+		if (parts[1].startsWith("-") && year === 0) return void 0;
+		const built = fromAstronomicalYear(year, month, day);
+		if (built.year !== (year > 0 ? year : 1 - year) || built.month !== month || built.day !== day) return;
+		return withCalendar(built, id);
+	};
+	_DateValueUtils.getMonthNames = (value, locale) => {
+		const id = getCalendarId(value);
+		const key = `${id}:${locale ?? ""}:${value.era}:${value.year}`;
+		const cached = monthNameCache.get(key);
+		if (cached) return cached;
+		const formatter = new Intl.DateTimeFormat(locale, {
+			month: "long",
+			calendar: id,
+			timeZone: $ad063034c8620db8$export$aa8b41735afcabd2()
+		});
+		const anchor = getStartOfMonth(value);
+		const names = Array.from({ length: getMonthsInYear(value) }, (_, month) => formatter.format(toIntlDate(anchor.set({
+			month: month + 1,
+			day: 1
+		}))));
+		monthNameCache.set(key, names);
+		return names;
+	};
+	_DateValueUtils.getWeekdayNames = (weekStartsOn, width, locale) => {
+		const formatter = new Intl.DateTimeFormat(locale, { weekday: width });
+		return Array.from({ length: DAYS_PER_WEEK }, (_, index) => formatter.format(new Date(2021, 7, 1 + (index + weekStartsOn) % DAYS_PER_WEEK, 12)));
+	};
+	_DateValueUtils.format = (value, options, locale) => new Intl.DateTimeFormat(locale, {
+		...options,
+		calendar: getCalendarId(value),
+		timeZone: $ad063034c8620db8$export$aa8b41735afcabd2()
+	}).format(toIntlDate(value));
+})(DateValueUtils || (DateValueUtils = {}));
+//#endregion
+export { DateValueUtils };
+
+//# sourceMappingURL=DateValue.utils.js.map

package/dist/Abstracts/DateValue/DateValue.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateValue.utils.js","names":[],"sources":["../../../src/Abstracts/DateValue/DateValue.utils.ts"],"sourcesContent":["import {\n    CalendarDate,\n    createCalendar,\n    getLocalTimeZone,\n    isSameDay,\n    startOfMonth,\n    toCalendar,\n    toCalendarDate,\n    fromDate as toDateValue,\n} from \"@internationalized/date\";\n\nimport type {\n    DateValue,\n    DateValueCalendarId,\n    DateValueEra,\n    DateValueMonthGrid,\n    DateValueParts,\n    DateValueRange,\n    DateValueWeekStart,\n    DateValueWeekdayWidth,\n} from \"./DateValue.types\";\n\nconst DAYS_PER_WEEK = 7;\nconst GRID_WEEKS = 6;\nconst MIDDAY_MS = 12 * 60 * 60 * 1000;\nconst DEFAULT_CALENDAR_ID: DateValueCalendarId = \"gregory\";\nconst ISO_PATTERN = /^(\\d{4}|[+-]\\d{6})-(\\d{2})-(\\d{2})$/;\n\nconst CALENDAR_IDS: DateValueCalendarId[] = [\n    \"gregory\",\n    \"buddhist\",\n    \"coptic\",\n    \"ethiopic\",\n    \"ethioaa\",\n    \"hebrew\",\n    \"indian\",\n    \"islamic-civil\",\n    \"islamic-tbla\",\n    \"islamic-umalqura\",\n    \"japanese\",\n    \"persian\",\n    \"roc\",\n];\n\nconst eraCache = new Map<string, DateValueEra[]>();\nconst monthNameCache = new Map<string, string[]>();\n\nconst getCalendarOf = (id: DateValueCalendarId) => createCalendar(id);\n\nconst toIntlDate = (value: DateValue) => new Date(value.toDate(getLocalTimeZone()).getTime() + MIDDAY_MS);\n\nconst fromAstronomicalYear = (year: number, month: number, day: number) =>\n    year > 0 ? new CalendarDate(year, month, day) : new CalendarDate(\"BC\", 1 - year, month, day);\n\nconst getEraStart = (id: DateValueCalendarId, era: string) => new CalendarDate(getCalendarOf(id), era, 1, 1, 1);\n\nconst getEraSample = (id: DateValueCalendarId, era: string) => getEraStart(id, era).set({ year: 2 });\n\nexport namespace DateValueUtils {\n    export const getCalendarIds = () => [...CALENDAR_IDS];\n\n    export const getCalendarId = (value: DateValue) => value.calendar.identifier as DateValueCalendarId;\n\n    export const withCalendar = (value: DateValue, id: DateValueCalendarId) =>\n        toCalendar(value, getCalendarOf(id)) as DateValue;\n\n    export const isSame = (a: DateValue | undefined, b: DateValue | undefined) =>\n        a === undefined || b === undefined ? a === b : isSameDay(a, b);\n\n    export const compare = (a: DateValue, b: DateValue) => a.compare(b);\n\n    export const fromDate = (date: Date, id: DateValueCalendarId = DEFAULT_CALENDAR_ID) =>\n        withCalendar(toCalendarDate(toDateValue(date, getLocalTimeZone())), id);\n\n    export const toDate = (value: DateValue) => value.toDate(getLocalTimeZone());\n\n    export const getEras = (value: DateValue, locale?: string): DateValueEra[] => {\n        const id = getCalendarId(value);\n        const key = `${id}:${locale ?? \"\"}`;\n        const cached = eraCache.get(key);\n\n        if (cached) return cached;\n\n        const ids = getCalendarOf(id).getEras();\n        const readEra = (width: \"long\" | \"short\", at: Date) =>\n            new Intl.DateTimeFormat(locale, {\n                era: width,\n                year: \"numeric\",\n                calendar: id,\n                timeZone: getLocalTimeZone(),\n            })\n                .formatToParts(at)\n                .find((part) => part.type === \"era\")?.value;\n\n        const eras = ids.map((eraId) => {\n            const at = toIntlDate(getEraSample(id, eraId));\n\n            return {\n                id: eraId,\n                name: readEra(\"long\", at) ?? eraId,\n                shortName: readEra(\"short\", at) ?? eraId,\n            };\n        });\n\n        eraCache.set(key, eras);\n\n        return eras;\n    };\n\n    export const withEra = (value: DateValue, era: string) =>\n        getEraStart(getCalendarId(value), era).set({\n            year: value.year,\n            month: value.month,\n            day: value.day,\n        }) as DateValue;\n\n    export const getMonthsInYear = (value: DateValue) => value.calendar.getMonthsInYear(value);\n\n    export const getYearsInEra = (value: DateValue) => value.calendar.getYearsInEra?.(value) ?? Infinity;\n\n    export const getDaysInMonth = (value: DateValue) => value.calendar.getDaysInMonth(value);\n\n    export const getStartOfMonth = (value: DateValue) => startOfMonth(value) as DateValue;\n\n    export const addDays = (value: DateValue, days: number) => value.add({ days }) as DateValue;\n\n    export const addMonths = (value: DateValue, months: number) => value.add({ months }) as DateValue;\n\n    export const addYears = (value: DateValue, years: number) => value.add({ years }) as DateValue;\n\n    export const clamp = (value: DateValue, min?: DateValue, max?: DateValue) => {\n        if (min && compare(value, min) < 0) return min;\n        if (max && compare(value, max) > 0) return max;\n\n        return value;\n    };\n\n    export const orderRange = (a: DateValue, b: DateValue): DateValueRange =>\n        compare(a, b) <= 0 ? { start: a, end: b } : { start: b, end: a };\n\n    export const isSameRange = (a: DateValueRange | undefined, b: DateValueRange | undefined) =>\n        a === b || (a !== undefined && b !== undefined && isSame(a.start, b.start) && isSame(a.end, b.end));\n\n    export const getIsWithin = (value: DateValue, range: DateValueRange | undefined) =>\n        range !== undefined && compare(value, range.start) >= 0 && compare(value, range.end) <= 0;\n\n    export const getIsInRange = (value: DateValue, min?: DateValue, max?: DateValue) =>\n        (!min || compare(value, min) >= 0) && (!max || compare(value, max) <= 0);\n\n    export const getWeekdayOffset = (value: DateValue, weekStartsOn: DateValueWeekStart) =>\n        (toIntlDate(value).getDay() - weekStartsOn + DAYS_PER_WEEK) % DAYS_PER_WEEK;\n\n    export const getMonthGrid = (value: DateValue, weekStartsOn: DateValueWeekStart): DateValueMonthGrid => {\n        const anchor = getStartOfMonth(value);\n        const start = addDays(anchor, -getWeekdayOffset(anchor, weekStartsOn));\n\n        return {\n            anchor,\n            weeks: Array.from({ length: GRID_WEEKS }, (_, week) =>\n                Array.from({ length: DAYS_PER_WEEK }, (_, day) => addDays(start, week * DAYS_PER_WEEK + day)),\n            ),\n        };\n    };\n\n    export const getCellOf = (grid: DateValueMonthGrid, value: DateValue) => {\n        for (let y = 0; y < grid.weeks.length; y += 1) {\n            const x = grid.weeks[y].findIndex((day) => isSame(day, value));\n\n            if (x >= 0) return { x, y };\n        }\n\n        return undefined;\n    };\n\n    export const toParts = (value: DateValue): DateValueParts => ({\n        calendar: getCalendarId(value),\n        era: value.era,\n        year: value.year,\n        month: value.month,\n        day: value.day,\n    });\n\n    export const fromParts = (parts: DateValueParts): DateValue | undefined => {\n        const calendar = getCalendarOf(parts.calendar);\n\n        if (!calendar.getEras().includes(parts.era)) return undefined;\n\n        const built = new CalendarDate(calendar, parts.era, parts.year, parts.month, parts.day);\n\n        if (built.year !== parts.year || built.month !== parts.month || built.day !== parts.day) return undefined;\n\n        return built;\n    };\n\n    export const toIso = (value: DateValue) => withCalendar(value, DEFAULT_CALENDAR_ID).toString();\n\n    export const fromIso = (text: string, id: DateValueCalendarId = DEFAULT_CALENDAR_ID): DateValue | undefined => {\n        const parts = ISO_PATTERN.exec(text);\n\n        if (!parts) return undefined;\n\n        const year = Number(parts[1]);\n        const month = Number(parts[2]);\n        const day = Number(parts[3]);\n\n        if (parts[1].startsWith(\"-\") && year === 0) return undefined;\n\n        const built = fromAstronomicalYear(year, month, day);\n\n        if (built.year !== (year > 0 ? year : 1 - year) || built.month !== month || built.day !== day) {\n            return undefined;\n        }\n\n        return withCalendar(built, id);\n    };\n\n    export const getMonthNames = (value: DateValue, locale?: string) => {\n        const id = getCalendarId(value);\n        const key = `${id}:${locale ?? \"\"}:${value.era}:${value.year}`;\n        const cached = monthNameCache.get(key);\n\n        if (cached) return cached;\n\n        const formatter = new Intl.DateTimeFormat(locale, {\n            month: \"long\",\n            calendar: id,\n            timeZone: getLocalTimeZone(),\n        });\n        const anchor = getStartOfMonth(value);\n        const names = Array.from({ length: getMonthsInYear(value) }, (_, month) =>\n            formatter.format(toIntlDate(anchor.set({ month: month + 1, day: 1 }))),\n        );\n\n        monthNameCache.set(key, names);\n\n        return names;\n    };\n\n    export const getWeekdayNames = (\n        weekStartsOn: DateValueWeekStart,\n        width: DateValueWeekdayWidth,\n        locale?: string,\n    ) => {\n        const formatter = new Intl.DateTimeFormat(locale, { weekday: width });\n\n        return Array.from({ length: DAYS_PER_WEEK }, (_, index) =>\n            formatter.format(new Date(2021, 7, 1 + ((index + weekStartsOn) % DAYS_PER_WEEK), 12)),\n        );\n    };\n\n    export const format = (value: DateValue, options?: Intl.DateTimeFormatOptions, locale?: string) =>\n        new Intl.DateTimeFormat(locale, {\n            ...options,\n            calendar: getCalendarId(value),\n            timeZone: getLocalTimeZone(),\n        }).format(toIntlDate(value));\n}\n"],"mappings":"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"}

package/dist/Abstracts/Dismisser/Dismisser.utils.js

@@ -0,0 +1,17 @@
+//#region src/Abstracts/Dismisser/Dismisser.utils.ts
+var DismisserUtils;
+(function(_DismisserUtils) {
+	_DismisserUtils.getIsWithinOwnedLayer = (target, roots) => {
+		let node = target instanceof Element ? target : target?.parentElement ?? null;
+		while (node) {
+			const current = node;
+			if (roots.some((root) => root?.contains(current))) return true;
+			node = (current.id ? document.querySelector(`[aria-controls="${CSS.escape(current.id)}"]`) : null) ?? current.parentElement;
+		}
+		return false;
+	};
+})(DismisserUtils || (DismisserUtils = {}));
+//#endregion
+export { DismisserUtils };
+
+//# sourceMappingURL=Dismisser.utils.js.map

package/dist/Abstracts/Dismisser/Dismisser.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dismisser.utils.js","names":[],"sources":["../../../src/Abstracts/Dismisser/Dismisser.utils.ts"],"sourcesContent":["export namespace DismisserUtils {\n    export const getIsWithinOwnedLayer = (target: Node | null, roots: (HTMLElement | null | undefined)[]) => {\n        let node = target instanceof Element ? target : (target?.parentElement ?? null);\n\n        while (node) {\n            const current = node;\n\n            if (roots.some((root) => root?.contains(current))) return true;\n\n            const owner = current.id ? document.querySelector(`[aria-controls=\"${CSS.escape(current.id)}\"]`) : null;\n\n            node = owner ?? current.parentElement;\n        }\n\n        return false;\n    };\n}\n"],"mappings":";AAAO,IAAU;CAAV,SAAA,iBAAA;CACU,gBAAA,yBAAyB,QAAqB,UAA8C;EACrG,IAAI,OAAO,kBAAkB,UAAU,SAAU,QAAQ,iBAAiB;EAE1E,OAAO,MAAM;GACT,MAAM,UAAU;GAEhB,IAAI,MAAM,MAAM,SAAS,MAAM,SAAS,OAAO,CAAC,GAAG,OAAO;GAI1D,QAFc,QAAQ,KAAK,SAAS,cAAc,mBAAmB,IAAI,OAAO,QAAQ,EAAE,EAAE,GAAG,IAAI,SAEnF,QAAQ;EAC5B;EAEA,OAAO;CACX;AACH,EAAA,CAAA,mBAAA,iBAAA,CAAA,EAAD"}

package/dist/Abstracts/Dismisser/DismisserStack.js

@@ -0,0 +1,51 @@
+import { DismisserUtils } from "./Dismisser.utils.js";
+import { createEffect, onCleanup } from "solid-js";
+//#region src/Abstracts/Dismisser/DismisserStack.ts
+var layers = [];
+var getIsOutside = (layer, target) => !DismisserUtils.getIsWithinOwnedLayer(target, layer.getRoots());
+var dismissOutside = (target, reason) => {
+	if (!target) return;
+	for (const layer of [...layers].reverse()) if (getIsOutside(layer, target)) layer.onDismiss(reason);
+};
+var handlePointerDown = (e) => {
+	dismissOutside(e.target, "press");
+};
+var handleFocusOut = (e) => {
+	dismissOutside(e.relatedTarget, "focus");
+};
+var handleKeyDown = (e) => {
+	if (e.key !== "Escape") return;
+	const top = layers[layers.length - 1];
+	if (!top) return;
+	e.preventDefault();
+	top.onDismiss("escape");
+};
+var attach = () => {
+	document.addEventListener("pointerdown", handlePointerDown);
+	document.addEventListener("focusout", handleFocusOut);
+	document.addEventListener("keydown", handleKeyDown);
+};
+var detach = () => {
+	document.removeEventListener("pointerdown", handlePointerDown);
+	document.removeEventListener("focusout", handleFocusOut);
+	document.removeEventListener("keydown", handleKeyDown);
+};
+var DismisserStack;
+(function(_DismisserStack) {
+	_DismisserStack.createLayer = (getIsOpen, defs) => {
+		createEffect(() => {
+			if (!getIsOpen()) return;
+			layers.push(defs);
+			if (layers.length === 1) attach();
+			onCleanup(() => {
+				const index = layers.indexOf(defs);
+				if (index >= 0) layers.splice(index, 1);
+				if (layers.length === 0) detach();
+			});
+		});
+	};
+})(DismisserStack || (DismisserStack = {}));
+//#endregion
+export { DismisserStack };
+
+//# sourceMappingURL=DismisserStack.js.map

package/dist/Abstracts/Dismisser/DismisserStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismisserStack.js","names":[],"sources":["../../../src/Abstracts/Dismisser/DismisserStack.ts"],"sourcesContent":["import { type Accessor, createEffect, onCleanup } from \"solid-js\";\n\nimport { DismisserUtils } from \"./Dismisser.utils\";\nimport type { DismisserLayerDefs } from \"./DismisserStack.types\";\n\nconst layers: DismisserLayerDefs[] = [];\n\nconst getIsOutside = (layer: DismisserLayerDefs, target: Node | null) =>\n    !DismisserUtils.getIsWithinOwnedLayer(target, layer.getRoots());\n\nconst dismissOutside = (target: Node | null, reason: \"press\" | \"focus\") => {\n    if (!target) return;\n\n    for (const layer of [...layers].reverse()) {\n        if (getIsOutside(layer, target)) layer.onDismiss(reason);\n    }\n};\n\nconst handlePointerDown = (e: PointerEvent) => {\n    dismissOutside(e.target as Node | null, \"press\");\n};\n\nconst handleFocusOut = (e: FocusEvent) => {\n    dismissOutside(e.relatedTarget as Node | null, \"focus\");\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key !== \"Escape\") return;\n\n    const top = layers[layers.length - 1];\n\n    if (!top) return;\n\n    e.preventDefault();\n    top.onDismiss(\"escape\");\n};\n\nconst attach = () => {\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    document.addEventListener(\"focusout\", handleFocusOut);\n    document.addEventListener(\"keydown\", handleKeyDown);\n};\n\nconst detach = () => {\n    document.removeEventListener(\"pointerdown\", handlePointerDown);\n    document.removeEventListener(\"focusout\", handleFocusOut);\n    document.removeEventListener(\"keydown\", handleKeyDown);\n};\n\nexport namespace DismisserStack {\n    export const createLayer = (getIsOpen: Accessor<boolean>, defs: DismisserLayerDefs) => {\n        createEffect(() => {\n            if (!getIsOpen()) return;\n\n            layers.push(defs);\n\n            if (layers.length === 1) attach();\n\n            onCleanup(() => {\n                const index = layers.indexOf(defs);\n\n                if (index >= 0) layers.splice(index, 1);\n                if (layers.length === 0) detach();\n            });\n        });\n    };\n}\n"],"mappings":";;;AAKA,IAAM,SAA+B,CAAC;AAEtC,IAAM,gBAAgB,OAA2B,WAC7C,CAAC,eAAe,sBAAsB,QAAQ,MAAM,SAAS,CAAC;AAElE,IAAM,kBAAkB,QAAqB,WAA8B;CACvE,IAAI,CAAC,QAAQ;CAEb,KAAK,MAAM,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC,QAAQ,GACpC,IAAI,aAAa,OAAO,MAAM,GAAG,MAAM,UAAU,MAAM;AAE/D;AAEA,IAAM,qBAAqB,MAAoB;CAC3C,eAAe,EAAE,QAAuB,OAAO;AACnD;AAEA,IAAM,kBAAkB,MAAkB;CACtC,eAAe,EAAE,eAA8B,OAAO;AAC1D;AAEA,IAAM,iBAAiB,MAAqB;CACxC,IAAI,EAAE,QAAQ,UAAU;CAExB,MAAM,MAAM,OAAO,OAAO,SAAS;CAEnC,IAAI,CAAC,KAAK;CAEV,EAAE,eAAe;CACjB,IAAI,UAAU,QAAQ;AAC1B;AAEA,IAAM,eAAe;CACjB,SAAS,iBAAiB,eAAe,iBAAiB;CAC1D,SAAS,iBAAiB,YAAY,cAAc;CACpD,SAAS,iBAAiB,WAAW,aAAa;AACtD;AAEA,IAAM,eAAe;CACjB,SAAS,oBAAoB,eAAe,iBAAiB;CAC7D,SAAS,oBAAoB,YAAY,cAAc;CACvD,SAAS,oBAAoB,WAAW,aAAa;AACzD;AAEO,IAAU;CAAV,SAAA,iBAAA;CACU,gBAAA,eAAe,WAA8B,SAA6B;EACnF,mBAAmB;GACf,IAAI,CAAC,UAAU,GAAG;GAElB,OAAO,KAAK,IAAI;GAEhB,IAAI,OAAO,WAAW,GAAG,OAAO;GAEhC,gBAAgB;IACZ,MAAM,QAAQ,OAAO,QAAQ,IAAI;IAEjC,IAAI,SAAS,GAAG,OAAO,OAAO,OAAO,CAAC;IACtC,IAAI,OAAO,WAAW,GAAG,OAAO;GACpC,CAAC;EACL,CAAC;CACL;AACH,EAAA,CAAA,mBAAA,iBAAA,CAAA,EAAD"}

package/dist/Abstracts/ElementFader/ElementFader.js

@@ -0,0 +1,61 @@
+import { createEffect, createMemo, createSignal, onCleanup } from "solid-js";
+//#region src/Abstracts/ElementFader/ElementFader.ts
+var FRAME_FALLBACK_MS = 100;
+var ElementFader;
+(function(_ElementFader) {
+	_ElementFader.createFader = (getIsVisible, opts) => {
+		let transitionTimeout;
+		let pendingFrameId;
+		let pendingFallbackTimeout;
+		let pendingTarget = 0;
+		const clearPending = () => {
+			if (pendingFrameId !== void 0) cancelAnimationFrame(pendingFrameId);
+			clearTimeout(pendingFallbackTimeout);
+			pendingFrameId = void 0;
+			pendingFallbackTimeout = void 0;
+		};
+		onCleanup(() => {
+			clearPending();
+			clearTimeout(transitionTimeout);
+		});
+		const [getTransitionTarget, setTransitionTarget] = createSignal(0);
+		const [getHasTransitionFinished, setHasTransitionFinished] = createSignal(true);
+		const getIsVisibleOrTransitioning = createMemo(() => {
+			const transitionTarget = getTransitionTarget();
+			const hasTransitionFinished = getHasTransitionFinished();
+			return transitionTarget === 1 || !hasTransitionFinished;
+		});
+		const setTarget = (target) => {
+			if (pendingTarget === target) return;
+			pendingTarget = target;
+			setHasTransitionFinished(false);
+			clearPending();
+			const commit = () => {
+				clearPending();
+				setTransitionTarget(target);
+				clearTimeout(transitionTimeout);
+				transitionTimeout = setTimeout(() => setHasTransitionFinished(true), opts.getTransitionDurationMs());
+			};
+			pendingFrameId = requestAnimationFrame(commit);
+			pendingFallbackTimeout = setTimeout(commit, FRAME_FALLBACK_MS);
+			(target === 1 ? opts.onShow : opts.onHide)?.();
+		};
+		const show = () => setTarget(1);
+		const hide = () => setTarget(0);
+		createEffect(() => {
+			if (getIsVisible()) show();
+			else hide();
+		});
+		return {
+			getIsVisible: getIsVisibleOrTransitioning,
+			getTransitionTarget,
+			getHasTransitionFinished,
+			show,
+			hide
+		};
+	};
+})(ElementFader || (ElementFader = {}));
+//#endregion
+export { ElementFader };
+
+//# sourceMappingURL=ElementFader.js.map

package/dist/Abstracts/ElementFader/ElementFader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementFader.js","names":[],"sources":["../../../src/Abstracts/ElementFader/ElementFader.ts"],"sourcesContent":["import { createEffect, createMemo, createSignal, onCleanup } from \"solid-js\";\n\nconst FRAME_FALLBACK_MS = 100;\n\nexport namespace ElementFader {\n    export const createFader = (\n        getIsVisible: () => boolean,\n        opts: {\n            getTransitionDurationMs: () => number;\n            onShow?: () => void;\n            onHide?: () => void;\n        },\n    ) => {\n        let transitionTimeout: ReturnType<typeof setTimeout> | undefined;\n        let pendingFrameId: number | undefined;\n        let pendingFallbackTimeout: ReturnType<typeof setTimeout> | undefined;\n        let pendingTarget: 0 | 1 = 0;\n\n        const clearPending = () => {\n            if (pendingFrameId !== undefined) {\n                cancelAnimationFrame(pendingFrameId);\n            }\n            clearTimeout(pendingFallbackTimeout);\n\n            pendingFrameId = undefined;\n            pendingFallbackTimeout = undefined;\n        };\n\n        onCleanup(() => {\n            clearPending();\n            clearTimeout(transitionTimeout);\n        });\n\n        const [getTransitionTarget, setTransitionTarget] = createSignal<0 | 1>(0);\n        const [getHasTransitionFinished, setHasTransitionFinished] = createSignal(true);\n\n        const getIsVisibleOrTransitioning = createMemo(() => {\n            const transitionTarget = getTransitionTarget();\n            const hasTransitionFinished = getHasTransitionFinished();\n\n            return transitionTarget === 1 || !hasTransitionFinished;\n        });\n\n        const setTarget = (target: 0 | 1) => {\n            if (pendingTarget === target) return;\n\n            pendingTarget = target;\n\n            setHasTransitionFinished(false);\n\n            clearPending();\n\n            const commit = () => {\n                clearPending();\n\n                setTransitionTarget(target);\n                clearTimeout(transitionTimeout);\n                transitionTimeout = setTimeout(() => setHasTransitionFinished(true), opts.getTransitionDurationMs());\n            };\n\n            pendingFrameId = requestAnimationFrame(commit);\n            pendingFallbackTimeout = setTimeout(commit, FRAME_FALLBACK_MS);\n\n            (target === 1 ? opts.onShow : opts.onHide)?.();\n        };\n\n        const show = () => setTarget(1);\n\n        const hide = () => setTarget(0);\n\n        createEffect(() => {\n            const isVisible = getIsVisible();\n\n            if (isVisible) {\n                show();\n            } else {\n                hide();\n            }\n        });\n\n        return {\n            getIsVisible: getIsVisibleOrTransitioning,\n            getTransitionTarget,\n            getHasTransitionFinished,\n            show,\n            hide,\n        };\n    };\n}\n"],"mappings":";;AAEA,IAAM,oBAAoB;AAEnB,IAAU;CAAV,SAAA,eAAA;CACU,cAAA,eACT,cACA,SAKC;EACD,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI,gBAAuB;EAE3B,MAAM,qBAAqB;GACvB,IAAI,mBAAmB,KAAA,GACnB,qBAAqB,cAAc;GAEvC,aAAa,sBAAsB;GAEnC,iBAAiB,KAAA;GACjB,yBAAyB,KAAA;EAC7B;EAEA,gBAAgB;GACZ,aAAa;GACb,aAAa,iBAAiB;EAClC,CAAC;EAED,MAAM,CAAC,qBAAqB,uBAAuB,aAAoB,CAAC;EACxE,MAAM,CAAC,0BAA0B,4BAA4B,aAAa,IAAI;EAE9E,MAAM,8BAA8B,iBAAiB;GACjD,MAAM,mBAAmB,oBAAoB;GAC7C,MAAM,wBAAwB,yBAAyB;GAEvD,OAAO,qBAAqB,KAAK,CAAC;EACtC,CAAC;EAED,MAAM,aAAa,WAAkB;GACjC,IAAI,kBAAkB,QAAQ;GAE9B,gBAAgB;GAEhB,yBAAyB,KAAK;GAE9B,aAAa;GAEb,MAAM,eAAe;IACjB,aAAa;IAEb,oBAAoB,MAAM;IAC1B,aAAa,iBAAiB;IAC9B,oBAAoB,iBAAiB,yBAAyB,IAAI,GAAG,KAAK,wBAAwB,CAAC;GACvG;GAEA,iBAAiB,sBAAsB,MAAM;GAC7C,yBAAyB,WAAW,QAAQ,iBAAiB;GAE7D,CAAC,WAAW,IAAI,KAAK,SAAS,KAAK,OAAA,GAAU;EACjD;EAEA,MAAM,aAAa,UAAU,CAAC;EAE9B,MAAM,aAAa,UAAU,CAAC;EAE9B,mBAAmB;GAGf,IAFkB,aAEd,GACA,KAAK;QAEL,KAAK;EAEb,CAAC;EAED,OAAO;GACH,cAAc;GACd;GACA;GACA;GACA;EACJ;CACJ;AACH,EAAA,CAAA,iBAAA,eAAA,CAAA,EAAD"}