@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/provider.jsx

@@ -0,0 +1,341 @@
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Provider.tsx
+import { t as mergeStyles } from "./runtime.jsx";
+import { createContext, createMemo, onCleanup, useContext } from "solid-js";
+import { I18nProvider, isRTL, useLocale } from "@proyecto-viviana/solidaria/i18n";
+import { ModalProvider, useModalProvider } from "@proyecto-viviana/solidaria/overlays";
+import { mergeProps, splitProps } from "@proyecto-viviana/solidaria/utils";
+//#region src/provider/theme-transition.ts
+const GRAIN_TILE = `url("data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.045' numOctaves='3' seed='7' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 6 -2.6'/></filter><rect width='100%' height='100%' filter='url(#g)' fill='#000'/></svg>")}")`;
+const CHECKER = "repeating-conic-gradient(#000 0% 25%, transparent 0% 50%)";
+const SOLID = "radial-gradient(circle at var(--gl-ox) var(--gl-oy), transparent calc(var(--gl-r) + var(--gl-band) / 2), #000 calc(var(--gl-r) + var(--gl-band) / 2 + 0.5px))";
+const RING = "radial-gradient(circle at var(--gl-ox) var(--gl-oy), transparent calc(var(--gl-r) - var(--gl-band) / 2), rgba(0, 0, 0, 0.15) calc(var(--gl-r) - var(--gl-band) / 2 + 1px), rgba(0, 0, 0, 0.6) var(--gl-r), #000 calc(var(--gl-r) + var(--gl-band) / 2), transparent calc(var(--gl-r) + var(--gl-band) / 2 + 0.5px))";
+const FREEZE_CSS = "[data-gl-clone] * { animation-play-state: paused !important; transition: none !important }[data-gl-clone] .boot, [data-gl-clone] .typed { animation-delay: -100s !important }";
+function prefersReducedMotion() {
+	return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function setMask(element, layers, sizes, repeat) {
+	const image = layers.join(", ");
+	element.style.setProperty("-webkit-mask-image", image);
+	element.style.setProperty("mask-image", image);
+	element.style.setProperty("-webkit-mask-size", sizes);
+	element.style.setProperty("mask-size", sizes);
+	element.style.setProperty("-webkit-mask-repeat", repeat);
+	element.style.setProperty("mask-repeat", repeat);
+}
+/**
+* Solid primitive: returns a `transition(onSwap)` that swaps the theme under a
+* pixel-dissolve of the outgoing one. `onSwap` does the actual swap (set the
+* color scheme, flip the attribute) and is always called exactly once, whether
+* or not the animation runs.
+*/
+function createThemeTransition(getHost, options = {}) {
+	let lastClick;
+	if (typeof document !== "undefined") {
+		const onPointerDown = (event) => {
+			lastClick = {
+				x: event.clientX,
+				y: event.clientY
+			};
+		};
+		document.addEventListener("pointerdown", onPointerDown, true);
+		onCleanup(() => {
+			document.removeEventListener("pointerdown", onPointerDown, true);
+		});
+	}
+	let mounted;
+	const dropClone = () => {
+		mounted?.remove();
+		mounted = void 0;
+	};
+	onCleanup(dropClone);
+	return (onSwap) => {
+		const host = getHost();
+		dropClone();
+		if (!host || prefersReducedMotion()) {
+			onSwap();
+			options.onDone?.();
+			return;
+		}
+		const vw = window.innerWidth;
+		const vh = window.innerHeight;
+		const origin = options.origin ?? lastClick ?? {
+			x: vw / 2,
+			y: vh / 2
+		};
+		const dur = options.dur ?? 640;
+		const band = options.band ?? 56;
+		const tile = options.tile ?? 8;
+		const maxR = Math.max(Math.hypot(origin.x, origin.y), Math.hypot(vw - origin.x, origin.y), Math.hypot(origin.x, vh - origin.y), Math.hypot(vw - origin.x, vh - origin.y));
+		const rect = host.getBoundingClientRect();
+		const inner = host.cloneNode(true);
+		inner.setAttribute("data-gl-clone", "");
+		inner.removeAttribute("id");
+		inner.style.cssText += `;position:fixed;left:${String(rect.left)}px;top:${String(rect.top)}px;width:${String(rect.width)}px;height:${String(rect.height)}px;margin:0;pointer-events:none;overflow:hidden;will-change:mask-position;`;
+		const source = host.querySelectorAll("*");
+		const copies = inner.querySelectorAll("*");
+		for (let i = 0; i < source.length; i++) {
+			const from = source[i];
+			const to = copies[i];
+			if (!to) break;
+			if (from.scrollTop) to.scrollTop = from.scrollTop;
+			if (from.scrollLeft) to.scrollLeft = from.scrollLeft;
+		}
+		const freeze = document.createElement("style");
+		freeze.textContent = FREEZE_CSS;
+		inner.appendChild(freeze);
+		inner.style.setProperty("--gl-ox", `${String(origin.x - rect.left)}px`);
+		inner.style.setProperty("--gl-oy", `${String(origin.y - rect.top)}px`);
+		inner.style.setProperty("--gl-r", "0px");
+		inner.style.setProperty("--gl-band", `${String(band)}px`);
+		setMask(inner, [
+			RING,
+			GRAIN_TILE,
+			CHECKER
+		], `100% 100%, 256px 256px, ${String(tile)}px ${String(tile)}px`, "no-repeat, repeat, repeat");
+		inner.style.setProperty("-webkit-mask-composite", "source-in, source-in");
+		inner.style.setProperty("mask-composite", "intersect, intersect");
+		const outer = inner.cloneNode(true);
+		setMask(outer, [SOLID], "100% 100%", "no-repeat");
+		outer.style.removeProperty("mask-composite");
+		outer.style.removeProperty("-webkit-mask-composite");
+		const wrap = document.createElement("div");
+		wrap.setAttribute("data-gl-clone-wrap", "");
+		wrap.style.cssText = "position:fixed;inset:0;z-index:2147483000;pointer-events:none;";
+		wrap.append(outer, inner);
+		document.body.appendChild(wrap);
+		mounted = wrap;
+		wrap.querySelectorAll("[data-mesh]").forEach((card) => {
+			card.style.setProperty("--mx", "-999px");
+			card.style.setProperty("--my", "-999px");
+		});
+		onSwap();
+		let canvas;
+		let ctx = null;
+		if (options.sparkle !== false) {
+			canvas = document.createElement("canvas");
+			canvas.width = vw;
+			canvas.height = vh;
+			canvas.style.cssText = "position:fixed;inset:0;z-index:2147483001;pointer-events:none;";
+			document.body.appendChild(canvas);
+			ctx = canvas.getContext("2d");
+		}
+		const accent = options.accent ?? "#ff9edb";
+		let start = null;
+		let done = false;
+		let failsafe = 0;
+		const cleanup = () => {
+			if (done) return;
+			done = true;
+			window.clearTimeout(failsafe);
+			wrap.remove();
+			canvas?.remove();
+			if (mounted === wrap) mounted = void 0;
+			options.onDone?.();
+		};
+		const frame = (ts) => {
+			if (done) return;
+			start ??= ts;
+			const p = Math.min(1, (ts - start) / dur);
+			const r = (1 - (1 - p) ** 2) * (maxR + band);
+			outer.style.setProperty("--gl-r", `${String(r)}px`);
+			inner.style.setProperty("--gl-r", `${String(r)}px`);
+			if (ctx) {
+				ctx.clearRect(0, 0, vw, vh);
+				if (p < .92) {
+					ctx.fillStyle = accent;
+					const n = Math.max(24, Math.floor(r / 6));
+					for (let k = 0; k < n; k++) {
+						if ((k * 7 + Math.floor(p * 60)) % 4 !== 0) continue;
+						const a = k / n * Math.PI * 2 + p * .7;
+						const jr = r + (k * 37 % 11 - 5) * (band / 12);
+						const x = Math.floor((origin.x + Math.cos(a) * jr) / tile) * tile;
+						const y = Math.floor((origin.y + Math.sin(a) * jr) / tile) * tile;
+						ctx.fillRect(x, y, tile, tile);
+					}
+				}
+			}
+			if (p >= 1) {
+				cleanup();
+				return;
+			}
+			requestAnimationFrame(frame);
+		};
+		requestAnimationFrame(frame);
+		failsafe = window.setTimeout(cleanup, dur + 300);
+	};
+}
+const ThemeContext = createContext({
+	colorScheme: "light dark",
+	scale: "medium"
+});
+const ColorSchemeContext = createContext(null);
+const ProviderContext = createContext(null);
+/**
+* Hook to access the current theme context.
+*/ function useTheme() {
+	const provider = useContext(ProviderContext);
+	if (provider) return provider;
+	return useContext(ThemeContext);
+}
+/**
+* Returns the settings applied by the nearest provider.
+*/ function useProvider() {
+	const context = useContext(ProviderContext);
+	if (!context) throw new Error("No root provider found. Wrap this subtree in <Provider>.");
+	return context;
+}
+/**
+* Merges inherited provider props with the component's explicit props.
+*/ function useProviderProps(props) {
+	const context = useContext(ProviderContext);
+	if (!context) return props;
+	return mergeProps({
+		get isQuiet() {
+			return context.isQuiet;
+		},
+		get isEmphasized() {
+			return context.isEmphasized;
+		},
+		get isDisabled() {
+			return context.isDisabled;
+		},
+		get isRequired() {
+			return context.isRequired;
+		},
+		get isReadOnly() {
+			return context.isReadOnly;
+		},
+		get validationState() {
+			return context.validationState;
+		}
+	}, props);
+}
+const providerStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.colorScheme === "dark") rules += " -ICUGx-_pa17";
+	else if (props.colorScheme === "light") rules += " -ICUGx-_pb17";
+	else if (props.colorScheme === "light dark") {
+		rules += " -ICUGx-_pb17";
+		rules += " -ICUGx-D1v0V_pa17";
+	}
+	rules += " _pK8eoyd17";
+	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU17";
+	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c17";
+	else if (props.colorScheme === "light dark") {
+		rules += " -NvXmrd-_ZN8Gi4c17";
+		rules += " -NvXmrd-D1v0V_ZLmU17";
+	}
+	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c17";
+	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU17";
+	else if (props.colorScheme === "light dark") {
+		rules += " -j9blY-_ZLmU17";
+		rules += " -j9blY-D1v0V_ZN8Gi4c17";
+	}
+	if (props.background === "layer-2") rules += " -Ovbhqd-g9ORGnd17";
+	else if (props.background === "layer-1") rules += " -Ovbhqd-gNU7lMd17";
+	else if (props.background === "base") rules += " -Ovbhqd-gYXawfc17";
+	if (props.background === "layer-2") rules += " gEzkoQe17";
+	else if (props.background === "layer-1") rules += " gEzkoQe17";
+	else if (props.background === "base") rules += " gEzkoQe17";
+	rules += " _Bb17";
+	return rules;
+};
+function ProviderRoot(props) {
+	const locale = useLocale();
+	const { modalProviderProps } = useModalProvider();
+	return <div {...props.rest} {...modalProviderProps} class={props.class} style={props.style} lang={locale().locale} dir={locale().direction} data-color-scheme={props.colorScheme === "light dark" ? void 0 : props.colorScheme} data-background={props.background}>
+      {props.children}
+    </div>;
+}
+/**
+* Root provider for Spectrum 2-compatible styling.
+*/ function Provider(props) {
+	const parentProvider = useContext(ProviderContext);
+	const inheritedLocale = useLocale();
+	const [local, rest] = splitProps(props, [
+		"locale",
+		"colorScheme",
+		"background",
+		"scale",
+		"styles",
+		"class",
+		"style",
+		"children",
+		"isQuiet",
+		"isEmphasized",
+		"isDisabled",
+		"isRequired",
+		"isReadOnly",
+		"validationState"
+	]);
+	const colorScheme = createMemo(() => local.colorScheme ?? parentProvider?.colorScheme ?? "light dark");
+	const scale = createMemo(() => local.scale ?? parentProvider?.scale ?? "medium");
+	const locale = createMemo(() => local.locale ?? parentProvider?.locale ?? inheritedLocale().locale);
+	const providerValue = {
+		get locale() {
+			return locale();
+		},
+		get direction() {
+			return isRTL(locale()) ? "rtl" : "ltr";
+		},
+		get colorScheme() {
+			return colorScheme();
+		},
+		get scale() {
+			return scale();
+		},
+		get isQuiet() {
+			return local.isQuiet ?? parentProvider?.isQuiet;
+		},
+		get isEmphasized() {
+			return local.isEmphasized ?? parentProvider?.isEmphasized;
+		},
+		get isDisabled() {
+			return local.isDisabled ?? parentProvider?.isDisabled;
+		},
+		get isRequired() {
+			return local.isRequired ?? parentProvider?.isRequired;
+		},
+		get isReadOnly() {
+			return local.isReadOnly ?? parentProvider?.isReadOnly;
+		},
+		get validationState() {
+			return local.validationState ?? parentProvider?.validationState;
+		}
+	};
+	const classes = createMemo(() => {
+		return [mergeStyles(providerStyles({
+			background: local.background,
+			colorScheme: colorScheme()
+		}), local.styles), local.class].filter(Boolean).join(" ");
+	});
+	const mergedStyle = createMemo(() => ({ ...local.style }));
+	return <ProviderContext value={providerValue}>
+      <ThemeContext value={providerValue}>
+        <ColorSchemeContext value={colorScheme()}>
+          <I18nProvider locale={locale()}>
+            <ModalProvider>
+              <ProviderRoot rest={rest} class={classes()} style={mergedStyle()} colorScheme={colorScheme()} background={local.background}>
+                {local.children}
+              </ProviderRoot>
+            </ModalProvider>
+          </I18nProvider>
+        </ColorSchemeContext>
+      </ThemeContext>
+    </ProviderContext>;
+}
+//#endregion
+export { useProviderProps as a, useProvider as i, Provider as n, useTheme as o, ThemeContext as r, createThemeTransition as s, ColorSchemeContext as t };
+
+//# sourceMappingURL=provider.jsx.map

package/dist/_chunk/provider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.jsx","names":[],"sources":["../../src/provider/theme-transition.ts","../../src/provider/index.tsx"],"sourcesContent":["/* The register's theme swap. Ported from the frozen external design repository's\n * framework-neutral `glasselated.js` (`dissolveWipe`; see CREDITS.md,\n * \"Glasselated design lane\") and replacing the older `dualWipe`, which covered\n * the page with a low-resolution guess at its own layout before swapping.\n *\n * There is no intermediate cover here: a frozen clone of the old theme sits over\n * the viewport, the live tree swaps underneath it immediately, and a hard-edged\n * radial mask erases the clone from the click outward. Every pixel is therefore\n * either fully old or fully new, and the boundary is a dithered band — the same\n * pixel grammar as the rest of the register.\n *\n * The functional outcome never depends on the animation: the swap happens before\n * the first frame, and a failsafe timer removes the clone even if rAF never runs\n * (background tab, throttled renderer). Under `prefers-reduced-motion` the swap\n * is instant and nothing is cloned. */\nimport { onCleanup } from \"solid-js\";\n\nexport interface ThemeTransitionOptions {\n  /** Where the wave starts, in viewport pixels. @default the last pointerdown, else the viewport centre */\n  readonly origin?: { readonly x: number; readonly y: number } | undefined;\n  /** @default 640 */\n  readonly dur?: number | undefined;\n  /** Width of the dithered wavefront, in pixels. @default 56 */\n  readonly band?: number | undefined;\n  /** Dither cell, in pixels. @default 8 */\n  readonly tile?: number | undefined;\n  /** Colour of the sparkle on the wavefront. @default the register's accent pink */\n  readonly accent?: string | undefined;\n  /** @default true */\n  readonly sparkle?: boolean | undefined;\n  /** Runs once the clone is gone, animated or not. */\n  readonly onDone?: (() => void) | undefined;\n}\n\n/* An irregular wavefront: a fractal-noise tile intersected with the ring, so the\n * boundary is noisy rather than a clean expanding circle. */\nconst GRAIN_TILE = `url(\"data:image/svg+xml,${encodeURIComponent(\n  \"<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256'><filter id='g'>\" +\n    \"<feTurbulence type='fractalNoise' baseFrequency='0.045' numOctaves='3' seed='7' stitchTiles='stitch'/>\" +\n    \"<feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 6 -2.6'/></filter>\" +\n    \"<rect width='100%' height='100%' filter='url(#g)' fill='#000'/></svg>\",\n)}\")`;\n\nconst CHECKER = \"repeating-conic-gradient(#000 0% 25%, transparent 0% 50%)\";\n/* Beyond the band the old theme is still solid. */\nconst SOLID =\n  \"radial-gradient(circle at var(--gl-ox) var(--gl-oy), transparent calc(var(--gl-r) + var(--gl-band) / 2), #000 calc(var(--gl-r) + var(--gl-band) / 2 + 0.5px))\";\n/* Inside the band the old theme thins out toward the new side. */\nconst RING =\n  \"radial-gradient(circle at var(--gl-ox) var(--gl-oy), transparent calc(var(--gl-r) - var(--gl-band) / 2), rgba(0, 0, 0, 0.15) calc(var(--gl-r) - var(--gl-band) / 2 + 1px), rgba(0, 0, 0, 0.6) var(--gl-r), #000 calc(var(--gl-r) + var(--gl-band) / 2), transparent calc(var(--gl-r) + var(--gl-band) / 2 + 0.5px))\";\n/* The snapshot must not keep animating, and it must not re-run entrance animations. */\nconst FREEZE_CSS =\n  \"[data-gl-clone] * { animation-play-state: paused !important; transition: none !important }\" +\n  \"[data-gl-clone] .boot, [data-gl-clone] .typed { animation-delay: -100s !important }\";\n\nfunction prefersReducedMotion(): boolean {\n  return (\n    typeof window !== \"undefined\" &&\n    typeof window.matchMedia === \"function\" &&\n    window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n  );\n}\n\nfunction setMask(\n  element: HTMLElement,\n  layers: readonly string[],\n  sizes: string,\n  repeat: string,\n): void {\n  const image = layers.join(\", \");\n  element.style.setProperty(\"-webkit-mask-image\", image);\n  element.style.setProperty(\"mask-image\", image);\n  element.style.setProperty(\"-webkit-mask-size\", sizes);\n  element.style.setProperty(\"mask-size\", sizes);\n  element.style.setProperty(\"-webkit-mask-repeat\", repeat);\n  element.style.setProperty(\"mask-repeat\", repeat);\n}\n\n/**\n * Solid primitive: returns a `transition(onSwap)` that swaps the theme under a\n * pixel-dissolve of the outgoing one. `onSwap` does the actual swap (set the\n * color scheme, flip the attribute) and is always called exactly once, whether\n * or not the animation runs.\n */\nexport function createThemeTransition(\n  getHost: () => HTMLElement | undefined,\n  options: ThemeTransitionOptions = {},\n): (onSwap: () => void) => void {\n  /* Captured, so the origin is the toggle the user actually pressed even when the\n   * handler stops the event on the way down. */\n  let lastClick: { x: number; y: number } | undefined;\n  if (typeof document !== \"undefined\") {\n    /* Bound now rather than on mount: the listener has to be in place for the very\n     * first click, which may land before effects have flushed. */\n    const onPointerDown = (event: PointerEvent): void => {\n      lastClick = { x: event.clientX, y: event.clientY };\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    onCleanup(() => {\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n    });\n  }\n\n  let mounted: HTMLElement | undefined;\n  const dropClone = (): void => {\n    mounted?.remove();\n    mounted = undefined;\n  };\n  onCleanup(dropClone);\n\n  return (onSwap: () => void): void => {\n    const host = getHost();\n    dropClone();\n    if (!host || prefersReducedMotion()) {\n      onSwap();\n      options.onDone?.();\n      return;\n    }\n\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n    const origin = options.origin ?? lastClick ?? { x: vw / 2, y: vh / 2 };\n    const dur = options.dur ?? 640;\n    const band = options.band ?? 56;\n    const tile = options.tile ?? 8;\n    const maxR = Math.max(\n      Math.hypot(origin.x, origin.y),\n      Math.hypot(vw - origin.x, origin.y),\n      Math.hypot(origin.x, vh - origin.y),\n      Math.hypot(vw - origin.x, vh - origin.y),\n    );\n\n    const rect = host.getBoundingClientRect();\n    const inner = host.cloneNode(true) as HTMLElement;\n    inner.setAttribute(\"data-gl-clone\", \"\");\n    inner.removeAttribute(\"id\");\n    inner.style.cssText += `;position:fixed;left:${String(rect.left)}px;top:${String(rect.top)}px;width:${String(rect.width)}px;height:${String(rect.height)}px;margin:0;pointer-events:none;overflow:hidden;will-change:mask-position;`;\n\n    /* cloneNode does not copy scroll offsets, and a snapshot scrolled back to the\n     * top is visibly not the page the user was looking at. */\n    const source = host.querySelectorAll(\"*\");\n    const copies = inner.querySelectorAll(\"*\");\n    for (let i = 0; i < source.length; i++) {\n      const from = source[i] as HTMLElement;\n      const to = copies[i] as HTMLElement | undefined;\n      if (!to) break;\n      if (from.scrollTop) to.scrollTop = from.scrollTop;\n      if (from.scrollLeft) to.scrollLeft = from.scrollLeft;\n    }\n    const freeze = document.createElement(\"style\");\n    freeze.textContent = FREEZE_CSS;\n    inner.appendChild(freeze);\n\n    inner.style.setProperty(\"--gl-ox\", `${String(origin.x - rect.left)}px`);\n    inner.style.setProperty(\"--gl-oy\", `${String(origin.y - rect.top)}px`);\n    inner.style.setProperty(\"--gl-r\", \"0px\");\n    inner.style.setProperty(\"--gl-band\", `${String(band)}px`);\n    setMask(\n      inner,\n      [RING, GRAIN_TILE, CHECKER],\n      `100% 100%, 256px 256px, ${String(tile)}px ${String(tile)}px`,\n      \"no-repeat, repeat, repeat\",\n    );\n    inner.style.setProperty(\"-webkit-mask-composite\", \"source-in, source-in\");\n    inner.style.setProperty(\"mask-composite\", \"intersect, intersect\");\n\n    const outer = inner.cloneNode(true) as HTMLElement;\n    setMask(outer, [SOLID], \"100% 100%\", \"no-repeat\");\n    outer.style.removeProperty(\"mask-composite\");\n    outer.style.removeProperty(\"-webkit-mask-composite\");\n\n    const wrap = document.createElement(\"div\");\n    wrap.setAttribute(\"data-gl-clone-wrap\", \"\");\n    wrap.style.cssText = \"position:fixed;inset:0;z-index:2147483000;pointer-events:none;\";\n    wrap.append(outer, inner);\n    document.body.appendChild(wrap);\n    mounted = wrap;\n\n    /* The snapshot is frozen, so its cards must not keep tracking the live cursor. */\n    wrap.querySelectorAll<HTMLElement>(\"[data-mesh]\").forEach((card) => {\n      card.style.setProperty(\"--mx\", \"-999px\");\n      card.style.setProperty(\"--my\", \"-999px\");\n    });\n\n    onSwap();\n\n    let canvas: HTMLCanvasElement | undefined;\n    let ctx: CanvasRenderingContext2D | null = null;\n    if (options.sparkle !== false) {\n      canvas = document.createElement(\"canvas\");\n      canvas.width = vw;\n      canvas.height = vh;\n      canvas.style.cssText = \"position:fixed;inset:0;z-index:2147483001;pointer-events:none;\";\n      document.body.appendChild(canvas);\n      ctx = canvas.getContext(\"2d\");\n    }\n\n    const accent = options.accent ?? \"#ff9edb\";\n    let start: number | null = null;\n    let done = false;\n    let failsafe = 0;\n    const cleanup = (): void => {\n      if (done) return;\n      done = true;\n      window.clearTimeout(failsafe);\n      wrap.remove();\n      canvas?.remove();\n      if (mounted === wrap) mounted = undefined;\n      options.onDone?.();\n    };\n\n    const frame = (ts: number): void => {\n      if (done) return;\n      start ??= ts;\n      const p = Math.min(1, (ts - start) / dur);\n      const eased = 1 - (1 - p) ** 2;\n      const r = eased * (maxR + band);\n      outer.style.setProperty(\"--gl-r\", `${String(r)}px`);\n      inner.style.setProperty(\"--gl-r\", `${String(r)}px`);\n      if (ctx) {\n        ctx.clearRect(0, 0, vw, vh);\n        if (p < 0.92) {\n          ctx.fillStyle = accent;\n          const n = Math.max(24, Math.floor(r / 6));\n          for (let k = 0; k < n; k++) {\n            if ((k * 7 + Math.floor(p * 60)) % 4 !== 0) continue;\n            const a = (k / n) * Math.PI * 2 + p * 0.7;\n            const jr = r + (((k * 37) % 11) - 5) * (band / 12);\n            const x = Math.floor((origin.x + Math.cos(a) * jr) / tile) * tile;\n            const y = Math.floor((origin.y + Math.sin(a) * jr) / tile) * tile;\n            ctx.fillRect(x, y, tile, tile);\n          }\n        }\n      }\n      if (p >= 1) {\n        cleanup();\n        return;\n      }\n      requestAnimationFrame(frame);\n    };\n    requestAnimationFrame(frame);\n    failsafe = window.setTimeout(cleanup, dur + 300);\n  };\n}\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Provider.tsx\n\n// Port of packages/@react-spectrum/s2/src/Provider.tsx.\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\n// Narrow subpaths, not the root barrel: a consumer that renders only a Provider\n// must not pull the whole primitive surface in with it. `guard:entry-import-budget`\n// holds the ceiling this keeps.\nimport { I18nProvider, isRTL, useLocale, type Direction } from \"@proyecto-viviana/solidaria/i18n\";\nimport { ModalProvider, useModalProvider } from \"@proyecto-viviana/solidaria/overlays\";\nimport { mergeStyles } from \"../style/runtime\";\nimport { setColorScheme, style as s2Style } from \"../style\" with { type: \"macro\" };\nimport type { StyleString } from \"../style\";\nimport { generateDefaultColorSchemeStyles } from \"../s2-internal/page.macro\" with { type: \"macro\" };\nimport { mergeProps, splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type ColorScheme = \"light\" | \"dark\" | \"light dark\";\nexport type Scale = \"medium\" | \"large\";\nexport type ValidationState = \"valid\" | \"invalid\";\n\nexport interface ProviderInheritedProps {\n  /** Whether controls should render in their quiet/subtle style. */\n  isQuiet?: boolean;\n  /** Whether controls should render in their emphasized style. */\n  isEmphasized?: boolean;\n  /** Whether controls should be disabled. */\n  isDisabled?: boolean;\n  /** Whether controls should be required. */\n  isRequired?: boolean;\n  /** Whether controls should be read only. */\n  isReadOnly?: boolean;\n  /** Shared validation state for descendant form fields. */\n  validationState?: ValidationState;\n}\n\nexport interface ThemeContextValue {\n  /** The current color scheme. */\n  colorScheme: ColorScheme;\n  /** The UI scale. */\n  scale: Scale;\n}\n\nexport interface ProviderContextValue extends ThemeContextValue, ProviderInheritedProps {\n  /** The locale applied by the provider. */\n  locale: string;\n  /** The writing direction applied by the provider. */\n  direction: Direction;\n}\n\nexport interface ProviderProps extends ParentProps, ProviderInheritedProps {\n  /** The locale for i18n. If not provided, inherits the nearest locale. */\n  locale?: string;\n  /** The color scheme. Inherits from the nearest provider when omitted. */\n  colorScheme?: Exclude<ColorScheme, \"light dark\">;\n  /** The background for this provider. If not provided, the background is transparent. */\n  background?: \"base\" | \"layer-1\" | \"layer-2\";\n  /** The UI scale. Inherits from the nearest provider when omitted. */\n  scale?: Scale;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name for the provider wrapper. */\n  class?: string;\n  /** Additional inline styles. */\n  style?: JSX.CSSProperties;\n}\n\ntype InternalProviderContextValue = ProviderContextValue;\n\nconst defaultThemeContext: ThemeContextValue = {\n  colorScheme: \"light dark\",\n  scale: \"medium\",\n};\n\nexport const ThemeContext = createContext<ThemeContextValue>(defaultThemeContext);\n// Mirrors React S2's `ColorSchemeContext`: carries the resolved color scheme\n// (including `\"light dark\"`) down the tree so consumers can read it. Our nested\n// inheritance already flows through `ProviderContext` above, so this context is\n// provided with the resolved value rather than driving resolution itself.\nexport const ColorSchemeContext = createContext<ColorScheme | null>(null);\nconst ProviderContext = createContext<InternalProviderContextValue | null>(null);\n\n/**\n * Hook to access the current theme context.\n */\nexport function useTheme(): ThemeContextValue {\n  const provider = useContext(ProviderContext);\n  if (provider) {\n    return provider;\n  }\n\n  return useContext(ThemeContext);\n}\n\n/**\n * Returns the settings applied by the nearest provider.\n */\nexport function useProvider(): ProviderContextValue {\n  const context = useContext(ProviderContext);\n\n  if (!context) {\n    throw new Error(\"No root provider found. Wrap this subtree in <Provider>.\");\n  }\n\n  return context;\n}\n\n/**\n * Merges inherited provider props with the component's explicit props.\n */\nexport function useProviderProps<T extends object>(props: T): T {\n  const context = useContext(ProviderContext);\n\n  if (!context) {\n    return props;\n  }\n\n  return mergeProps(\n    {\n      get isQuiet() {\n        return context.isQuiet;\n      },\n      get isEmphasized() {\n        return context.isEmphasized;\n      },\n      get isDisabled() {\n        return context.isDisabled;\n      },\n      get isRequired() {\n        return context.isRequired;\n      },\n      get isReadOnly() {\n        return context.isReadOnly;\n      },\n      get validationState() {\n        return context.validationState;\n      },\n    } as unknown as Partial<T>,\n    props,\n  ) as T;\n}\n\ngenerateDefaultColorSchemeStyles();\n\nconst providerStyles = s2Style({\n  ...setColorScheme(),\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      background: {\n        base: \"base\",\n        \"layer-1\": \"layer-1\",\n        \"layer-2\": \"layer-2\",\n      },\n    },\n  },\n  backgroundColor: {\n    background: {\n      base: \"--s2-container-bg\",\n      \"layer-1\": \"--s2-container-bg\",\n      \"layer-2\": \"--s2-container-bg\",\n    },\n  },\n  isolation: \"isolate\",\n}) as (props: {\n  background?: \"base\" | \"layer-1\" | \"layer-2\";\n  colorScheme: ColorScheme;\n}) => StyleString;\n\ninterface ProviderRootProps {\n  children: JSX.Element;\n  class: string;\n  style: JSX.CSSProperties;\n  colorScheme: ColorScheme;\n  background?: \"base\" | \"layer-1\" | \"layer-2\";\n  rest: Record<string, unknown>;\n}\n\nfunction ProviderRoot(props: ProviderRootProps): JSX.Element {\n  const locale = useLocale();\n  const { modalProviderProps } = useModalProvider();\n\n  return (\n    <div\n      {...props.rest}\n      {...modalProviderProps}\n      class={props.class}\n      style={props.style}\n      lang={locale().locale}\n      dir={locale().direction}\n      data-color-scheme={props.colorScheme === \"light dark\" ? undefined : props.colorScheme}\n      data-background={props.background}\n    >\n      {props.children}\n    </div>\n  );\n}\n\n/**\n * Root provider for Spectrum 2-compatible styling.\n */\nexport function Provider(props: ProviderProps): JSX.Element {\n  const parentProvider = useContext(ProviderContext);\n  const inheritedLocale = useLocale();\n\n  const [local, rest] = splitProps(props, [\n    \"locale\",\n    \"colorScheme\",\n    \"background\",\n    \"scale\",\n    \"styles\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n\n  const colorScheme = createMemo<ColorScheme>(\n    () => local.colorScheme ?? parentProvider?.colorScheme ?? \"light dark\",\n  );\n  const scale = createMemo<Scale>(() => local.scale ?? parentProvider?.scale ?? \"medium\");\n  const locale = createMemo(\n    () => local.locale ?? parentProvider?.locale ?? inheritedLocale().locale,\n  );\n\n  const providerValue: InternalProviderContextValue = {\n    get locale() {\n      return locale();\n    },\n    get direction() {\n      return isRTL(locale()) ? \"rtl\" : \"ltr\";\n    },\n    get colorScheme() {\n      return colorScheme();\n    },\n    get scale() {\n      return scale();\n    },\n    get isQuiet() {\n      return local.isQuiet ?? parentProvider?.isQuiet;\n    },\n    get isEmphasized() {\n      return local.isEmphasized ?? parentProvider?.isEmphasized;\n    },\n    get isDisabled() {\n      return local.isDisabled ?? parentProvider?.isDisabled;\n    },\n    get isRequired() {\n      return local.isRequired ?? parentProvider?.isRequired;\n    },\n    get isReadOnly() {\n      return local.isReadOnly ?? parentProvider?.isReadOnly;\n    },\n    get validationState() {\n      return local.validationState ?? parentProvider?.validationState;\n    },\n  };\n\n  const classes = createMemo(() => {\n    const generated = mergeStyles(\n      providerStyles({ background: local.background, colorScheme: colorScheme() }),\n      local.styles,\n    );\n    return [generated, local.class].filter(Boolean).join(\" \");\n  });\n\n  const mergedStyle = createMemo<JSX.CSSProperties>(() => ({\n    ...local.style,\n  }));\n\n  return (\n    <ProviderContext value={providerValue}>\n      <ThemeContext value={providerValue}>\n        <ColorSchemeContext value={colorScheme()}>\n          <I18nProvider locale={locale()}>\n            <ModalProvider>\n              <ProviderRoot\n                rest={rest as Record<string, unknown>}\n                class={classes()}\n                style={mergedStyle()}\n                colorScheme={colorScheme()}\n                background={local.background}\n              >\n                {local.children}\n              </ProviderRoot>\n            </ModalProvider>\n          </I18nProvider>\n        </ColorSchemeContext>\n      </ThemeContext>\n    </ProviderContext>\n  );\n}\n\nexport { createThemeTransition } from \"./theme-transition\";\nexport type { ThemeTransitionOptions } from \"./theme-transition\";\n"],"mappings":"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"}

package/dist/_chunk/runtime.jsx

@@ -1,3 +1,15 @@
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/style/runtime.ts
 //#region src/style/runtime.ts
 const env = globalThis.process?.env ?? {};
 /**

package/dist/_chunk/runtime.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.jsx","names":[],"sources":["../../src/style/runtime.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { StyleString } from \"./types\";\n// import {RuntimeStyleFunction, RenderProps} from './types';\n\n// Read process.env without depending on Node global types in the dts build\n// (tsconfig.build.json omits `types: [\"node\"]`) — mirrors the build-safe\n// globalThis cast already used in image/ and statuslight/.\nconst env: Record<string, string | undefined> =\n  (globalThis as typeof globalThis & { process?: { env?: Record<string, string | undefined> } })\n    .process?.env ?? {};\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\n// type ArgTypes<T> = T extends (props: infer V) => any ? NullToObject<V> : never;\n// type NullToObject<T> = T extends (null | undefined) ? {} : T;\n// type BoxedTupleTypes<T extends any[]> = { [P in keyof T]: [ArgTypes<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type BoxedReturnTypes<T extends any[]> = { [P in keyof T]: [InferReturn<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type UnboxIntersection<T> = T extends { 0: infer U } ? U : never;\n// type Arg<X, R> = RuntimeStyleFunction<X, R> | null | undefined;\n// type NoInfer<T> = [T, void][T extends any ? 0 : 1];\n// type InferReturn<T> = T extends (props: any) => infer R ? NullToObject<R> : never;\n// type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;\n// type InferReturnType<T extends any[]> = UnboxIntersection<UnionToIntersection<BoxedReturnTypes<T>>>;\n\n// Two overloads:\n// 1. If a render props type is expected based on the return type, forward that type to all arguments.\n// 2. Otherwise, infer the return type based on the arguments.\n// export function merge<R extends RenderProps<string> = never, X = {}>(...args: Arg<NoInfer<X>, NoInfer<R>>[]): RuntimeStyleFunction<X, R>;\n// export function merge<T extends Arg<any, any>[]>(...args: T): RuntimeStyleFunction<InferReturnType<T>, UnboxIntersection<UnionToIntersection<BoxedTupleTypes<T>>>>;\n// export function merge(...args: any[]): RuntimeStyleFunction<any, any> {\n//   return (props) => {\n//     return mergeStyles(...args.map(f => typeof f === 'function' ? f(props) : null));\n//   };\n// }\n\n/**\n * Merges multiple style strings together, combining the CSS properties from each.\n * Later styles take precedence over earlier ones for the same property.\n * Useful for composing styles from multiple `style()` macro calls.\n *\n * @example\n * ```tsx\n * import {mergeStyles} from '@react-spectrum/s2';\n * import {style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n * const baseStyles = style({padding: 8});\n * const overrideStyles = style({padding: 16, color: 'heading'});\n * const merged = mergeStyles(baseStyles, overrideStyles);\n * // merged has `padding: 16` and `color: heading`.\n * ```\n */\nexport function mergeStyles(...styles: (StyleString | null | undefined)[]): StyleString {\n  let definedStyles = styles.filter(Boolean) as StyleString[];\n  if (definedStyles.length === 1) {\n    let first = definedStyles[0];\n    if (typeof first !== \"string\") {\n      // static macro has a toString method so that we generate the style macro map for the entry\n      // it's automatically called in other places, but for our merging, we have to call it ourselves\n      return (first as StyleString).toString() as StyleString;\n    }\n    return first;\n  }\n\n  let map = new Map<string, string>();\n\n  for (let style of definedStyles) {\n    // must call toString here for the static macro\n    let str = style.toString();\n\n    for (let [k, v] of parse(str)) {\n      map.set(k, v);\n    }\n  }\n\n  let res = \"\";\n  for (let value of map.values()) {\n    res += value;\n  }\n\n  return res as StyleString;\n}\n\nfunction parse(s: string) {\n  let properties = new Map<string, string>();\n  let i = 0;\n  while (i < s.length) {\n    while (i < s.length && s[i] === \" \") {\n      i++;\n    }\n\n    let start = i;\n    readValue(); // property index\n\n    // read conditions (up to the last segment)\n    let condition = i;\n    while (i < s.length && s[i] !== \" \") {\n      readValue();\n    }\n\n    let property = s.slice(start, condition);\n    if (env.NODE_ENV !== \"production\" && property.startsWith(\"-macro-\")) {\n      let value = s.slice(start, i);\n      properties.set(value, \" \" + value);\n    } else {\n      properties.set(property, (properties.get(property) || \"\") + \" \" + s.slice(start, i));\n    }\n  }\n\n  function readValue() {\n    if (s[i] === \"-\") {\n      // the beginning and end of arbitrary values are marked with -\n      while (i < s.length && s[i] !== \" \") {\n        i++;\n        if (s[i] === \"-\") {\n          i++;\n          break;\n        }\n      }\n    } else {\n      while (i < s.length) {\n        if (s[i] === \"_\") {\n          i++;\n        } else {\n          i++;\n          break;\n        }\n      }\n    }\n  }\n\n  return properties;\n}\n"],"mappings":";AAeA,MAAG,MAA2C,WAI3C,SAAA,OAAc,CAAA;;;;;;;;;;;;;;;;GAqCd,SAAM,YAAuB,GAAC,QAA+B;CAC7D,IAAK,gBAAU,OAAY,OAAA,OAAY;CACtC,IAAE,cAAY,WAAa,GAAK;EAC/B,IAAA,QAAA,cAAA;EACH,IAAA,OAAA,UAAA,UAGI,OAAc,MAAc,SAAA;EAE1B,OAAO;CACX;CACA,IAAI,sBAAM,IAAA,IAAwB;CAClC,KAAE,IAAO,SAAS,eAAc;EAEhC,IAAO,MAAK,MAAA,SAAA;EACd,KAAA,IAAA,CAAA,GAAA,MAAA,MAAA,GAAA,GAAA,IAAA,IAAA,GAAA,CAAA;;CAIA,IAAK,MAAI;CACP,KAAG,IAAK,SAAK,IAAS,OAAK,GACvB,OAAM;CAEV,OAAK;AACT;AACA,SAAI,MAAA,GAAA;CACF,IAAA,6BAAA,IAAA,IAAA;;CAEA,OAAQ,IAAI,EAAA,QAAA;EACP,OAAI,IAAM,EAAG,UAAU,EAAE,OAAE,KACvB;;EAGH,UAAQ;;EAGR,OAAM,IAAI,EAAA,UAAQ,EAAA,OAAA,KACpB,UAAgB;EAEd,IAAI,WAAW,EAAA,MAAA,OAAA,SAAA;EACnB,IAAQ,IAAI,aAAa,gBAAY,SAAA,WAAA,SAAA,GAAA;GAChC,IAAA,QAAA,EAAA,MAAA,OAAA,CAAA;GACL,WAAA,IAAA,OAAA,MAAA,KAAA;SAEI,WAAS,IAAA,WAAA,WAAA,IAAA,QAAA,KAAA,MAAA,MAAA,EAAA,MAAA,OAAA,CAAA,CAAA;;CAGb,SAAQ,YAAY;EAChB,IAAA,EAAA,OAAa,KAEf,OAAW,IAAA,EAAA,UAAA,EAAA,OAAA,KAAA;GACb;;IAEgB;IACA;GACJ;EACV;OAEA,OAAW,IAAI,EAAA,QACjB,IAAA,EAAA,OAAA,KACF;;GAEkB;GACA;EACP;CAGT;CACA,OAAO;AACX"}
+{"version":3,"file":"runtime.jsx","names":[],"sources":["../../src/style/runtime.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/style/runtime.ts\n\nimport { StyleString } from \"./types\";\n\n// import {RuntimeStyleFunction, RenderProps} from './types';\n\n// Read process.env without depending on Node global types in the dts build\n// (tsconfig.build.json omits `types: [\"node\"]`) — mirrors the build-safe\n// globalThis cast already used in image/ and statuslight/.\nconst env: Record<string, string | undefined> =\n  (globalThis as typeof globalThis & { process?: { env?: Record<string, string | undefined> } })\n    .process?.env ?? {};\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\n// type ArgTypes<T> = T extends (props: infer V) => any ? NullToObject<V> : never;\n// type NullToObject<T> = T extends (null | undefined) ? {} : T;\n// type BoxedTupleTypes<T extends any[]> = { [P in keyof T]: [ArgTypes<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type BoxedReturnTypes<T extends any[]> = { [P in keyof T]: [InferReturn<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type UnboxIntersection<T> = T extends { 0: infer U } ? U : never;\n// type Arg<X, R> = RuntimeStyleFunction<X, R> | null | undefined;\n// type NoInfer<T> = [T, void][T extends any ? 0 : 1];\n// type InferReturn<T> = T extends (props: any) => infer R ? NullToObject<R> : never;\n// type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;\n// type InferReturnType<T extends any[]> = UnboxIntersection<UnionToIntersection<BoxedReturnTypes<T>>>;\n\n// Two overloads:\n// 1. If a render props type is expected based on the return type, forward that type to all arguments.\n// 2. Otherwise, infer the return type based on the arguments.\n// export function merge<R extends RenderProps<string> = never, X = {}>(...args: Arg<NoInfer<X>, NoInfer<R>>[]): RuntimeStyleFunction<X, R>;\n// export function merge<T extends Arg<any, any>[]>(...args: T): RuntimeStyleFunction<InferReturnType<T>, UnboxIntersection<UnionToIntersection<BoxedTupleTypes<T>>>>;\n// export function merge(...args: any[]): RuntimeStyleFunction<any, any> {\n//   return (props) => {\n//     return mergeStyles(...args.map(f => typeof f === 'function' ? f(props) : null));\n//   };\n// }\n\n/**\n * Merges multiple style strings together, combining the CSS properties from each.\n * Later styles take precedence over earlier ones for the same property.\n * Useful for composing styles from multiple `style()` macro calls.\n *\n * @example\n * ```tsx\n * import {mergeStyles} from '@react-spectrum/s2';\n * import {style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n * const baseStyles = style({padding: 8});\n * const overrideStyles = style({padding: 16, color: 'heading'});\n * const merged = mergeStyles(baseStyles, overrideStyles);\n * // merged has `padding: 16` and `color: heading`.\n * ```\n */\nexport function mergeStyles(...styles: (StyleString | null | undefined)[]): StyleString {\n  let definedStyles = styles.filter(Boolean) as StyleString[];\n  if (definedStyles.length === 1) {\n    let first = definedStyles[0];\n    if (typeof first !== \"string\") {\n      // static macro has a toString method so that we generate the style macro map for the entry\n      // it's automatically called in other places, but for our merging, we have to call it ourselves\n      return (first as StyleString).toString() as StyleString;\n    }\n    return first;\n  }\n\n  let map = new Map<string, string>();\n\n  for (let style of definedStyles) {\n    // must call toString here for the static macro\n    let str = style.toString();\n\n    for (let [k, v] of parse(str)) {\n      map.set(k, v);\n    }\n  }\n\n  let res = \"\";\n  for (let value of map.values()) {\n    res += value;\n  }\n\n  return res as StyleString;\n}\n\nfunction parse(s: string) {\n  let properties = new Map<string, string>();\n  let i = 0;\n  while (i < s.length) {\n    while (i < s.length && s[i] === \" \") {\n      i++;\n    }\n\n    let start = i;\n    readValue(); // property index\n\n    // read conditions (up to the last segment)\n    let condition = i;\n    while (i < s.length && s[i] !== \" \") {\n      readValue();\n    }\n\n    let property = s.slice(start, condition);\n    if (env.NODE_ENV !== \"production\" && property.startsWith(\"-macro-\")) {\n      let value = s.slice(start, i);\n      properties.set(value, \" \" + value);\n    } else {\n      properties.set(property, (properties.get(property) || \"\") + \" \" + s.slice(start, i));\n    }\n  }\n\n  function readValue() {\n    if (s[i] === \"-\") {\n      // the beginning and end of arbitrary values are marked with -\n      while (i < s.length && s[i] !== \" \") {\n        i++;\n        if (s[i] === \"-\") {\n          i++;\n          break;\n        }\n      }\n    } else {\n      while (i < s.length) {\n        if (s[i] === \"_\") {\n          i++;\n        } else {\n          i++;\n          break;\n        }\n      }\n    }\n  }\n\n  return properties;\n}\n"],"mappings":";;;;;;;;;;;;;AAqBA,MAAM,MACH,WACE,SAAS,OAAO,CAAC;;;;;;;;;;;;;;;;GAyCtB,SAAgB,YAAY,GAAG,QAA6C;CAC1E,IAAI,gBAAgB,OAAO,OAAO,OAAA;CAClC,IAAI,cAAc,WAAW,GAAG;EAC9B,IAAI,QAAQ,cAAc;EAC1B,IAAI,OAAO,UAAU,UAGnB,OAAQ,MAAsB,SAAQ;EAExC,OAAO;CACT;CAEA,IAAI,sBAAM,IAAI,IAAkB;CAEhC,KAAK,IAAI,SAAS,eAAe;EAE/B,IAAI,MAAM,MAAM,SAAQ;EAExB,KAAK,IAAI,CAAC,GAAG,MAAM,MAAM,GAAA,GACvB,IAAI,IAAI,GAAG,CAAA;CAEf;CAEA,IAAI,MAAM;CACV,KAAK,IAAI,SAAS,IAAI,OAAM,GAC1B,OAAO;CAGT,OAAO;AACT;AAEA,SAAS,MAAM,GAAS;CACtB,IAAI,6BAAa,IAAI,IAAkB;CACvC,IAAI,IAAI;CACR,OAAO,IAAI,EAAE,QAAQ;EACnB,OAAO,IAAI,EAAE,UAAU,EAAE,OAAO,KAC9B;EAGF,IAAI,QAAQ;EACZ,UAAA;EAGA,IAAI,YAAY;EAChB,OAAO,IAAI,EAAE,UAAU,EAAE,OAAO,KAC9B,UAAA;EAGF,IAAI,WAAW,EAAE,MAAM,OAAO,SAAA;EAC9B,IAAI,IAAI,aAAa,gBAAgB,SAAS,WAAW,SAAA,GAAY;GACnE,IAAI,QAAQ,EAAE,MAAM,OAAO,CAAA;GAC3B,WAAW,IAAI,OAAO,MAAM,KAAA;EAC9B,OACE,WAAW,IAAI,WAAW,WAAW,IAAI,QAAA,KAAa,MAAM,MAAM,EAAE,MAAM,OAAO,CAAA,CAAA;CAErF;CAEA,SAAS,YAAA;EACP,IAAI,EAAE,OAAO,KAEX,OAAO,IAAI,EAAE,UAAU,EAAE,OAAO,KAAK;GACnC;GACA,IAAI,EAAE,OAAO,KAAK;IAChB;IACA;GACF;EACF;OAEA,OAAO,IAAI,EAAE,QACX,IAAI,EAAE,OAAO,KACX;OACK;GACL;GACA;EACF;CAGN;CAEA,OAAO;AACT"}