@povio/ui 5.0.0-rc.6 → 5.0.0-rc.7

package/dist/{ComponentGallery-C2tjrHWn.js → ComponentGallery-Dp0kZVZM.js}

@@ -48,6 +48,7 @@ import { t as Toast } from "./Toast-DtG3pA61.js";
 import { t as Table } from "./Table-BN2_J_Ne.js";
 import { Link } from "./components/link.js";
 import { Badge } from "./components/badge.js";
+import { t as inspectTokens } from "./token-classes-Bfcx0get.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -309,168 +310,6 @@ const __iconData = {
 __iconData.node;
 const Users = createLucideIcon(__iconData);
 //#endregion
-//#region src/configurator/inspector/token-classes.ts
-/** Tailwind breakpoints from the Atlas base theme, in rem. */
-const breakpoints = {
-	sm: 23.75,
-	md: 37.5,
-	lg: 80,
-	xl: 105
-};
-/** Utility prefix → the slots it sets, its specificity, and the theme namespace its value lives in. */
-const utilities = [
-	[
-		"p",
-		[
-			"padding.top",
-			"padding.right",
-			"padding.bottom",
-			"padding.left"
-		],
-		0,
-		"spacing"
-	],
-	[
-		"px",
-		["padding.left", "padding.right"],
-		1,
-		"spacing"
-	],
-	[
-		"py",
-		["padding.top", "padding.bottom"],
-		1,
-		"spacing"
-	],
-	[
-		"pt",
-		["padding.top"],
-		2,
-		"spacing"
-	],
-	[
-		"pr",
-		["padding.right"],
-		2,
-		"spacing"
-	],
-	[
-		"pe",
-		["padding.right"],
-		2,
-		"spacing"
-	],
-	[
-		"pb",
-		["padding.bottom"],
-		2,
-		"spacing"
-	],
-	[
-		"pl",
-		["padding.left"],
-		2,
-		"spacing"
-	],
-	[
-		"ps",
-		["padding.left"],
-		2,
-		"spacing"
-	],
-	[
-		"gap",
-		["gap.row", "gap.column"],
-		0,
-		"spacing"
-	],
-	[
-		"gap-x",
-		["gap.column"],
-		1,
-		"spacing"
-	],
-	[
-		"gap-y",
-		["gap.row"],
-		1,
-		"spacing"
-	],
-	[
-		"rounded",
-		["radius"],
-		0,
-		"radius"
-	]
-];
-/** Splits `md:hover:px-4` into its variants and utility, ignoring colons inside `[...]` / `(...)`. */
-function splitVariants(className) {
-	const parts = [];
-	let depth = 0;
-	let current = "";
-	for (const char of className) {
-		if (char === "[" || char === "(") depth++;
-		if (char === "]" || char === ")") depth--;
-		if (char === ":" && depth === 0) {
-			parts.push(current);
-			current = "";
-		} else current += char;
-	}
-	return {
-		variants: parts,
-		utility: current
-	};
-}
-/** Breakpoint weight when every variant is an active breakpoint; `undefined` for state variants or inactive breakpoints. */
-function variantWeight(variants, viewportWidth, rootFontSize) {
-	let weight = 0;
-	for (const variant of variants) {
-		const max = variant.startsWith("max-");
-		const size = breakpoints[max ? variant.slice(4) : variant];
-		if (size === void 0) return void 0;
-		if (!(max ? viewportWidth < size * rootFontSize : viewportWidth >= size * rootFontSize)) return void 0;
-		weight = Math.max(weight, size);
-	}
-	return weight;
-}
-function tokenFor(value, namespace, isKnown) {
-	const referenced = value.match(/^\[.*?var\((--[\w-]+)/)?.[1] ?? value.match(/^\((--[\w-]+)\)$/)?.[1];
-	if (referenced) return isKnown(referenced) ? referenced : void 0;
-	const name = `--${namespace}-${value}`;
-	return isKnown(name) ? name : void 0;
-}
-/**
-* Resolves which theme tokens drive an element's padding, gap and radius from its rendered Tailwind classes.
-* Only tokens accepted by `isKnown` are returned, so every result can be opened in the editor.
-*/
-function inspectTokens(className, isKnown, viewportWidth = Infinity, rootFontSize = 16) {
-	const winners = /* @__PURE__ */ new Map();
-	for (const raw of className.split(/\s+/).filter(Boolean)) {
-		const { variants, utility } = splitVariants(raw);
-		const weight = variantWeight(variants, viewportWidth, rootFontSize);
-		if (weight === void 0) continue;
-		const clean = utility.replace(/^!|!$/g, "");
-		for (const [prefix, slots, specificity, namespace] of utilities) {
-			if (!clean.startsWith(`${prefix}-`)) continue;
-			const token = tokenFor(clean.slice(prefix.length + 1), namespace, isKnown);
-			if (!token) continue;
-			const rank = weight * 10 + specificity;
-			for (const slot of slots) if ((winners.get(slot)?.rank ?? -1) <= rank) winners.set(slot, {
-				token,
-				rank
-			});
-		}
-	}
-	const result = {
-		padding: {},
-		gap: {}
-	};
-	for (const [slot, { token }] of winners) if (slot === "radius") result.radius = token;
-	else if (slot.startsWith("gap.")) result.gap[slot.slice(4)] = token;
-	else result.padding[slot.slice(8)] = token;
-	return result;
-}
-//#endregion
 //#region src/configurator/inspector/Inspector.tsx
 const px = (value) => parseFloat(value) || 0;
 const hasTokens = (tokens) => !!(tokens.radius || tokens.gap.row || tokens.gap.column || Object.keys(tokens.padding).length);
@@ -3523,6 +3362,7 @@ function ZoomedDemo(t0) {
 		t8 = /* @__PURE__ */ jsx(PortalHere, { children: (portalRef) => /* @__PURE__ */ jsx("div", {
 			ref: portalRef,
 			className: "studio-gallery-demo",
+			"data-inspector-name": demo.title,
 			style: {
 				width,
 				maxWidth: "100%"
@@ -3647,6 +3487,7 @@ function ComponentGallery(t0) {
 						/* @__PURE__ */ jsx(PortalHere, { children: (portalRef) => /* @__PURE__ */ jsx("div", {
 							ref: portalRef,
 							className: "studio-gallery-demo",
+							"data-inspector-name": demo_1.title,
 							inert: true,
 							children: demo_1.render()
 						}) })