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

package/dist/badge/index.jsx

@@ -1,10 +1,23 @@
+/*
+* 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/Badge.tsx
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.jsx";
-import { centerBaseline } from "../icon/center-baseline.jsx";
 import { SkeletonWrapper } from "../skeleton/index.jsx";
+import { centerBaseline } from "../icon/center-baseline.jsx";
 import { t as IconContext } from "../_chunk/spectrum-icon.jsx";
 import { c as TextContext, s as Text } from "../_chunk/text.jsx";
-import { children, createContext, mergeProps, splitProps, useContext } from "solid-js";
-import { filterDOMProps } from "@proyecto-viviana/solidaria";
+import { children, createContext, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+import { filterDOMProps, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
 //#region src/badge/index.tsx
 const BadgeContext = createContext(null);
 const badgeStyles = function anonymous(props, overrides) {
@@ -15,210 +28,213 @@ const badgeStyles = function anonymous(props, overrides) {
 		if (p[1] === "N") minWidth = true;
 		rules += p[0];
 	}
-	rules += " uxe7h4151";
+	rules += " uxe7h417";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-Ng9acc17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-Ng9acc17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-Ng9acc17";
+		rules += " vx17";
 	}
-	rules += " xd151";
-	rules += " _xa151";
-	rules += " xX0cczbc151";
-	rules += " _xX0cczba151";
+	rules += " xd17";
+	rules += " _xa17";
+	rules += " xX0cczbc17";
+	rules += " _xX0cczba17";
 	if (props.size === "XL") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "L") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "S") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "XS") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
+	}
+	if (props.fillStyle === "outline") {
+		if (props.variant === "metric") rules += " pmb1iPc17";
+		else if (props.variant === "live") rules += " pQtAfKc17";
+		else if (props.variant === "negative") rules += " pGBFq4b17";
+		else if (props.variant === "notice") rules += " po3eV3b17";
+		else if (props.variant === "positive") rules += " pT2Q9kc17";
+		else if (props.variant === "informative") rules += " p9ck5ue17";
+		else if (props.variant === "accent") rules += " p9ck5ue17";
+		else rules += " pnfaGpb17";
+	} else if (props.fillStyle === "subtle") {
+		if (props.variant === "metric") rules += " pmb1iPc17";
+		else if (props.variant === "live") rules += " pQtAfKc17";
+		else if (props.variant === "negative") rules += " pGBFq4b17";
+		else if (props.variant === "notice") rules += " po3eV3b17";
+		else if (props.variant === "positive") rules += " pT2Q9kc17";
+		else if (props.variant === "informative") rules += " p7mEcOd17";
+		else if (props.variant === "accent") rules += " p7mEcOd17";
+		else rules += " pnfaGpb17";
+	} else if (props.fillStyle === "bold") {
+		if (props.variant === "metric") rules += " pjFdmbc17";
+		else if (props.variant === "live") rules += " pLCmSLe17";
+		else if (props.variant === "celery") rules += " pg17";
+		else if (props.variant === "chartreuse") rules += " pg17";
+		else if (props.variant === "yellow") rules += " pg17";
+		else if (props.variant === "notice") rules += " pg17";
+		else rules += " px17";
 	}
-	if (props.fillStyle === "outline") if (props.variant === "metric") rules += " pmb1iPc151";
-	else if (props.variant === "live") rules += " pQtAfKc151";
-	else if (props.variant === "negative") rules += " phuKnyb151";
-	else if (props.variant === "notice") rules += " pU7Lghc151";
-	else if (props.variant === "positive") rules += " pbiKgae151";
-	else if (props.variant === "informative") rules += " pY8y2k151";
-	else if (props.variant === "accent") rules += " p5dxOg151";
-	else rules += " pnfaGpb151";
-	else if (props.fillStyle === "subtle") if (props.variant === "metric") rules += " pmb1iPc151";
-	else if (props.variant === "live") rules += " pQtAfKc151";
-	else if (props.variant === "negative") rules += " phuKnyb151";
-	else if (props.variant === "notice") rules += " pU7Lghc151";
-	else if (props.variant === "positive") rules += " pbiKgae151";
-	else if (props.variant === "informative") rules += " pY8y2k151";
-	else if (props.variant === "accent") rules += " p5dxOg151";
-	else rules += " pnfaGpb151";
-	else if (props.fillStyle === "bold") if (props.variant === "metric") rules += " pg151";
-	else if (props.variant === "celery") rules += " pg151";
-	else if (props.variant === "chartreuse") rules += " pg151";
-	else if (props.variant === "yellow") rules += " pg151";
-	else if (props.variant === "orange") rules += " pg151";
-	else if (props.variant === "notice") rules += " pg151";
-	else rules += " px151";
-	rules += " sd151";
-	rules += " ea151";
-	rules += " enpkAwdb151";
-	rules += " _oa151";
-	rules += " Sv151";
-	rules += " SnpkAwdd151";
-	rules += " Rv151";
-	rules += " RnpkAwdd151";
+	rules += " sd17";
+	rules += " ea17";
+	rules += " enpkAwdb17";
+	rules += " _oa17";
+	rules += " SIuPfn17";
+	rules += " RIuPfn17";
 	if (props.size === "XL") {
-		if (!minWidth) rules += " Nl151";
+		if (!minWidth) rules += " Nl17";
 	} else if (props.size === "L") {
-		if (!minWidth) rules += " Nj151";
+		if (!minWidth) rules += " Nj17";
 	} else if (props.size === "S") {
-		if (!minWidth) rules += " Nf151";
+		if (!minWidth) rules += " Nf17";
 	} else if (props.size === "XS") {
-		if (!minWidth) rules += " Ne151";
-	} else if (!minWidth) rules += " Nk151";
-	rules += " osmOfn151";
-	rules += " nsmOfn151";
-	rules += " ksmOfn151";
-	rules += " jsmOfn151";
-	rules += " qc151";
-	rules += " qsd151";
-	rules += " -Qg41Lb-IAxCW0c151";
-	rules += " -Qg41Lb-npkAwdIy151";
-	rules += " MAyFGYc151";
-	rules += " Td151";
-	rules += " Qd151";
-	rules += " -aRvJDd-Tu7Fubd151";
-	if (props.fillStyle === "outline") rules += " _nd151";
-	else rules += " _neYWWze151";
-	rules += " _Ca151";
-	if (props.fillStyle === "outline") if (props.variant === "metric") rules += " g9151";
-	else if (props.variant === "live") rules += " g9151";
-	else if (props.variant === "negative") rules += " g9151";
-	else if (props.variant === "notice") rules += " g9151";
-	else if (props.variant === "positive") rules += " g9151";
-	else if (props.variant === "neutral") rules += " g9151";
-	else if (props.variant === "informative") rules += " g9151";
-	else if (props.variant === "accent") rules += " g9151";
-	else rules += " g9ORGnd151";
-	else if (props.fillStyle === "subtle") {
-		if (props.variant === "silver") rules += " g_f151";
-		else if (props.variant === "cinnamon") rules += " gP151";
-		else if (props.variant === "brown") rules += " gO151";
-		else if (props.variant === "turquoise") rules += " gy151";
-		else if (props.variant === "pink") rules += " gT151";
-		else if (props.variant === "magenta") rules += " gS151";
-		else if (props.variant === "fuchsia") rules += " gR151";
-		else if (props.variant === "purple") rules += " gM151";
-		else if (props.variant === "indigo") rules += " gK151";
-		else if (props.variant === "blue") rules += " gWKeJ0c151";
-		else if (props.variant === "cyan") rules += " gC151";
-		else if (props.variant === "seafoam") rules += " gz151";
-		else if (props.variant === "green") rules += " gzVa7R151";
-		else if (props.variant === "celery") rules += " gv151";
-		else if (props.variant === "chartreuse") rules += " gJ151";
-		else if (props.variant === "yellow") rules += " gW151";
-		else if (props.variant === "orange") rules += " gp3QH4b151";
-		else if (props.variant === "red") rules += " gmgnSBe151";
-		else if (props.variant === "gray") rules += " gAYim6b151";
-		else if (props.variant === "metric") rules += " gJ2lU6d151";
-		else if (props.variant === "live") rules += " glnKfNc151";
-		else if (props.variant === "negative") rules += " gmgnSBe151";
-		else if (props.variant === "notice") rules += " gp3QH4b151";
-		else if (props.variant === "positive") rules += " gzVa7R151";
-		else if (props.variant === "neutral") rules += " gAYim6b151";
-		else if (props.variant === "informative") rules += " gWKeJ0c151";
-		else if (props.variant === "accent") rules += " gWKeJ0c151";
+		if (!minWidth) rules += " Ne17";
+	} else if (!minWidth) rules += " Nk17";
+	rules += " osmOfn17";
+	rules += " nsmOfn17";
+	rules += " ksmOfn17";
+	rules += " jsmOfn17";
+	rules += " qc17";
+	rules += " qsd17";
+	rules += " -Qg41Lb-IAxCW0c17";
+	rules += " -Qg41Lb-npkAwdIy17";
+	rules += " MAyFGYc17";
+	rules += " Tp17";
+	rules += " Qp17";
+	rules += " -aRvJDd-Tu7Fubd17";
+	if (props.fillStyle === "outline") rules += " _nd17";
+	else rules += " _nbkwzSb17";
+	rules += " _Ca17";
+	rules += " -sKUDed-iH4cn17";
+	if (props.fillStyle === "outline") {
+		if (props.variant === "metric") rules += " g917";
+		else if (props.variant === "live") rules += " g917";
+		else if (props.variant === "negative") rules += " g917";
+		else if (props.variant === "notice") rules += " g917";
+		else if (props.variant === "positive") rules += " g917";
+		else if (props.variant === "neutral") rules += " g917";
+		else if (props.variant === "informative") rules += " g917";
+		else if (props.variant === "accent") rules += " g917";
+		else rules += " g9ORGnd17";
+	} else if (props.fillStyle === "subtle") {
+		if (props.variant === "silver") rules += " g_f17";
+		else if (props.variant === "cinnamon") rules += " gP17";
+		else if (props.variant === "brown") rules += " gO17";
+		else if (props.variant === "turquoise") rules += " gy17";
+		else if (props.variant === "pink") rules += " gT17";
+		else if (props.variant === "magenta") rules += " gS17";
+		else if (props.variant === "fuchsia") rules += " gQaCMXb17";
+		else if (props.variant === "purple") rules += " gM17";
+		else if (props.variant === "indigo") rules += " gK17";
+		else if (props.variant === "blue") rules += " gCgTRpd17";
+		else if (props.variant === "cyan") rules += " gqfHRIc17";
+		else if (props.variant === "seafoam") rules += " gz17";
+		else if (props.variant === "green") rules += " gzVa7R17";
+		else if (props.variant === "celery") rules += " gv17";
+		else if (props.variant === "chartreuse") rules += " gJ17";
+		else if (props.variant === "yellow") rules += " gbipOud17";
+		else if (props.variant === "red") rules += " g2F1lc17";
+		else if (props.variant === "gray") rules += " gESis7d17";
+		else if (props.variant === "metric") rules += " gJ2lU6d17";
+		else if (props.variant === "live") rules += " glnKfNc17";
+		else if (props.variant === "negative") rules += " gTL68zc17";
+		else if (props.variant === "notice") rules += " gzMSi8d17";
+		else if (props.variant === "positive") rules += " gzVa7R17";
+		else if (props.variant === "neutral") rules += " gESis7d17";
+		else if (props.variant === "informative") rules += " gCgTRpd17";
+		else if (props.variant === "accent") rules += " gCgTRpd17";
 	} else if (props.fillStyle === "bold") {
-		if (props.variant === "silver") rules += " gm151";
-		else if (props.variant === "cinnamon") rules += " gq151";
-		else if (props.variant === "brown") rules += " gn151";
-		else if (props.variant === "turquoise") rules += " g5151";
-		else if (props.variant === "pink") rules += " gx151";
-		else if (props.variant === "magenta") rules += " gD151";
-		else if (props.variant === "fuchsia") rules += " gr151";
-		else if (props.variant === "purple") rules += " go151";
-		else if (props.variant === "indigo") rules += " gl151";
-		else if (props.variant === "blue") rules += " gGAGle151";
-		else if (props.variant === "cyan") rules += " gk151";
-		else if (props.variant === "seafoam") rules += " g4151";
-		else if (props.variant === "green") rules += " gfkXLC151";
-		else if (props.variant === "celery") rules += " g7151";
-		else if (props.variant === "chartreuse") rules += " gp151";
-		else if (props.variant === "yellow") rules += " gN151";
-		else if (props.variant === "orange") rules += " gYNPFce151";
-		else if (props.variant === "red") rules += " geTwQfb151";
-		else if (props.variant === "gray") rules += " g6m8FEd151";
-		else if (props.variant === "metric") rules += " gmb1iPc151";
-		else if (props.variant === "live") rules += " gQtAfKc151";
-		else if (props.variant === "negative") rules += " geTwQfb151";
-		else if (props.variant === "notice") rules += " gYNPFce151";
-		else if (props.variant === "positive") rules += " gfkXLC151";
-		else if (props.variant === "neutral") rules += " g6m8FEd151";
-		else if (props.variant === "informative") rules += " gGAGle151";
-		else if (props.variant === "accent") rules += " gdeCgNc151";
+		if (props.variant === "silver") rules += " gm17";
+		else if (props.variant === "cinnamon") rules += " gq17";
+		else if (props.variant === "brown") rules += " gn17";
+		else if (props.variant === "turquoise") rules += " g517";
+		else if (props.variant === "pink") rules += " gx17";
+		else if (props.variant === "magenta") rules += " gD17";
+		else if (props.variant === "fuchsia") rules += " gXXtYgb17";
+		else if (props.variant === "purple") rules += " go17";
+		else if (props.variant === "indigo") rules += " gl17";
+		else if (props.variant === "blue") rules += " gpC4Gxe17";
+		else if (props.variant === "cyan") rules += " gAHQn8d17";
+		else if (props.variant === "seafoam") rules += " g417";
+		else if (props.variant === "green") rules += " gfkXLC17";
+		else if (props.variant === "celery") rules += " g717";
+		else if (props.variant === "chartreuse") rules += " gp17";
+		else if (props.variant === "yellow") rules += " gNi27tb17";
+		else if (props.variant === "red") rules += " gr2jDXc17";
+		else if (props.variant === "gray") rules += " gaTjPO17";
+		else if (props.variant === "metric") rules += " gmb1iPc17";
+		else if (props.variant === "live") rules += " gQtAfKc17";
+		else if (props.variant === "negative") rules += " gr2jDXc17";
+		else if (props.variant === "notice") rules += " gY0msGd17";
+		else if (props.variant === "positive") rules += " gLdhqLc17";
+		else if (props.variant === "neutral") rules += " gaTjPO17";
+		else if (props.variant === "informative") rules += " gpC4Gxe17";
+		else if (props.variant === "accent") rules += " gpC4Gxe17";
 	}
-	rules += " _jf151";
-	rules += " _kJ8iPYd151";
-	rules += " hXMFGYc151";
-	rules += " mb151";
-	rules += " lb151";
-	if (props.fillStyle === "outline") if (props.variant === "metric") rules += " imb1iPc151";
-	else if (props.variant === "live") rules += " iQtAfKc151";
-	else if (props.variant === "negative") rules += " ihuKnyb151";
-	else if (props.variant === "notice") rules += " iU7Lghc151";
-	else if (props.variant === "positive") rules += " ibiKgae151";
-	else if (props.variant === "neutral") rules += " ifRJx7b151";
-	else if (props.variant === "informative") rules += " iY8y2k151";
-	else if (props.variant === "accent") rules += " i5dxOg151";
-	else rules += " iA151";
-	else rules += " iA151";
+	rules += " _jf17";
+	rules += " _kJ8iPYd17";
+	rules += " hXMFGYc17";
+	rules += " mb17";
+	rules += " lb17";
+	if (props.fillStyle === "outline") {
+		if (props.variant === "metric") rules += " imb1iPc17";
+		else if (props.variant === "live") rules += " iQtAfKc17";
+		else if (props.variant === "negative") rules += " iGBFq4b17";
+		else if (props.variant === "notice") rules += " io3eV3b17";
+		else if (props.variant === "positive") rules += " iT2Q9kc17";
+		else if (props.variant === "neutral") rules += " ijAVHg17";
+		else if (props.variant === "informative") rules += " i9ck5ue17";
+		else if (props.variant === "accent") rules += " i9ck5ue17";
+		else rules += " iA17";
+	} else rules += " iA17";
 	if (props.variant === "live") {
-		rules += " _gunTat151";
-		rules += " _gdklsgch3TDrc151";
+		rules += " _gunTat17";
+		rules += " _gdklsgch3TDrc17";
 	}
-	if (props.variant === "live") rules += " _ed6Yuvc151";
-	if (props.variant === "live") rules += " _hmQ16J151";
-	if (props.variant === "live") rules += " __ea151";
-	rules += " -_8sjo0b-t5ZbAob151";
-	if (props.size === "XL") rules += " -M_-Mk151";
-	else if (props.size === "L") rules += " -M_-Mh151";
-	else if (props.size === "S") rules += " -M_-Mg151";
-	else if (props.size === "XS") rules += " -M_-Mf151";
-	else rules += " -M_-Mi151";
-	rules += " -_k_-_kb151";
-	rules += " -h_-hb151";
+	if (props.variant === "live") rules += " _ed6Yuvc17";
+	if (props.variant === "live") rules += " _hmQ16J17";
+	if (props.variant === "live") rules += " __ea17";
+	rules += " -_8sjo0b-t5ZbAob17";
+	if (props.size === "XL") rules += " -M_-Mk17";
+	else if (props.size === "L") rules += " -M_-Mh17";
+	else if (props.size === "S") rules += " -M_-Mg17";
+	else if (props.size === "XS") rules += " -M_-Mf17";
+	else rules += " -M_-Mi17";
+	rules += " -_k_-_kb17";
+	rules += " -h_-hb17";
 	return rules;
 };
 const textStyles = function anonymous(props) {
 	let rules = " ";
-	rules += " TAzEcG151";
-	rules += " QAzEcG151";
-	rules += " _Jb151";
-	rules += " _Nc151";
-	rules += " Pc151";
-	rules += " _Yb151";
-	if (props.overflowMode === "wrap") rules += " _7b151";
-	else if (props.overflowMode === "truncate") rules += " _7c151";
+	rules += " TAzEcG17";
+	rules += " QAzEcG17";
+	rules += " _Jb17";
+	rules += " _Nc17";
+	rules += " Pc17";
+	rules += " _Yb17";
+	if (props.overflowMode === "wrap") rules += " _7b17";
+	else if (props.overflowMode === "truncate") rules += " _7c17";
 	return rules;
 };
-const iconCenterStyles = " _Ja151";
-const iconStyles = " ZuUmpre151 FuUmpre151 I67logd151 _va151";
+const iconCenterStyles = " _Ja17";
+const iconStyles = " ZObNfn17 FObNfn17 I67logd17 _va17";
 function normalizeSize(size) {
 	switch (size) {
 		case "sm": return "S";
@@ -245,7 +261,8 @@ function isTextOnly(value) {
 }
 function Badge(props) {
 	const contextProps = getSlottedContextProps(useContext(BadgeContext), props.slot);
-	const [local, domProps] = splitProps(mergeProps(contextProps ?? {}, props), [
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local, domProps] = splitProps(merged, [
 		"children",
 		"count",
 		"size",
@@ -271,8 +288,8 @@ function Badge(props) {
 		const content = () => resolvedChildren();
 		return isTextOnly(content()) ? <Text>{content()}</Text> : content();
 	}
-	return <TextContext.Provider value={{ styles: () => textStyles({ overflowMode: overflowMode() }) }}>
-      <IconContext.Provider value={{
+	return <TextContext value={{ styles: () => textStyles({ overflowMode: overflowMode() }) }}>
+      <IconContext value={{
 		slot: "icon",
 		render: centerBaseline({
 			slot: "icon",
@@ -294,8 +311,8 @@ function Badge(props) {
             <BadgeContent />
           </span>
         </SkeletonWrapper>
-      </IconContext.Provider>
-    </TextContext.Provider>;
+      </IconContext>
+    </TextContext>;
 }
 //#endregion
 export { Badge, BadgeContext };

package/dist/badge/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/badge/index.tsx"],"sourcesContent":["import {\n  children as resolveChildren,\n  type JSX,\n  createContext,\n  mergeProps,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { filterDOMProps } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { fontRelative, lightDark, style } from \"../style\" with { type: \"macro\" };\nimport { keyframes } from \"../style/style-macro\" with { type: \"macro\" };\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { control, getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { SkeletonWrapper } from \"../skeleton\";\nimport { Text, TextContext } from \"../text\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type BadgeSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\nexport type BadgeVariant =\n  | \"accent\"\n  | \"informative\"\n  | \"neutral\"\n  | \"positive\"\n  | \"notice\"\n  | \"negative\"\n  | \"live\"\n  | \"metric\"\n  | \"gray\"\n  | \"red\"\n  | \"orange\"\n  | \"yellow\"\n  | \"chartreuse\"\n  | \"celery\"\n  | \"green\"\n  | \"seafoam\"\n  | \"cyan\"\n  | \"blue\"\n  | \"indigo\"\n  | \"purple\"\n  | \"fuchsia\"\n  | \"magenta\"\n  | \"pink\"\n  | \"turquoise\"\n  | \"brown\"\n  | \"cinnamon\"\n  | \"silver\"\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\nexport type BadgeFillStyle = \"bold\" | \"subtle\" | \"outline\";\nexport type BadgeOverflowMode = \"wrap\" | \"truncate\";\n\ntype S2BadgeSize = \"S\" | \"M\" | \"L\" | \"XL\";\ntype S2BadgeVariant = Exclude<\n  BadgeVariant,\n  \"primary\" | \"secondary\" | \"success\" | \"warning\" | \"danger\" | \"info\"\n>;\n\nexport interface BadgeProps extends Omit<\n  JSX.HTMLAttributes<HTMLSpanElement>,\n  \"class\" | \"style\" | \"children\" | \"ref\" | \"slot\"\n> {\n  /** The content to display in the badge. */\n  children?: JSX.Element;\n  /** Backward-compatible count content. Prefer children for S2 parity. */\n  count?: number;\n  /** The size of the badge. @default 'S' */\n  size?: BadgeSize;\n  /** The variant changes the background color of the badge. @default 'neutral' */\n  variant?: BadgeVariant;\n  /** The fill of the badge. @default 'bold' */\n  fillStyle?: BadgeFillStyle;\n  /** Sets the text behavior for the contents. @default 'wrap' */\n  overflowMode?: BadgeOverflowMode;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLSpanElement>;\n}\n\nexport const BadgeContext = createContext<SpectrumContextValue<BadgeProps>>(null);\n\n/* The register's LIVE breathing (island glxPulse, glasselated.css:316-323): the\n * whole pill dips to 55% opacity and back over 2s. Slow enough (0.25Hz) to sit\n * far under any flash threshold; still gated on prefers-reduced-motion because\n * it is decoration, not information — the label already says LIVE. The gate is\n * the media query itself, NOT a runtime matchMedia check: Solid hydration\n * trusts the server DOM, so an SSR'd inline `animation` never gets removed\n * when the client's check disagrees — CSS is the only layer where the\n * preference applies identically on both sides. (Not css() either: its class\n * wrapper is lost around a nested @media, leaving a selectorless dead block —\n * hence the style()-native media condition key down in badgeStyles.) */\nconst livePulse = keyframes(`\n  0%, 100% {\n    opacity: 0.55;\n  }\n\n  50% {\n    opacity: 1;\n  }\n`);\n\n/* `live` and `metric` are the two register channels the ramps don't carry\n * (glasselated-ramps.ts covers gray/blue/red/orange/yellow/green): the LIVE\n * pulse is a one-off orange-red (`--accent-live`, its own channel by design)\n * and metric is the sky-blue that replaced the retired violet. Both live in\n * viviana-tokens.css per scheme, so they enter here as arbitrary `[var(--…)]`\n * values — the same pattern the token file's header prescribes — rather than\n * as new build-time ramps nothing else would use. */\nconst badgeStyles = style<{\n  size: S2BadgeSize;\n  variant: S2BadgeVariant;\n  fillStyle: BadgeFillStyle;\n}>(\n  {\n    ...control({ shape: \"default\", wrap: true, icon: true, register: \"badge\", rim: false }),\n    /* The rim belongs to the FILL, not to the 5px shape. control()'s `rim` doc\n     * (s2-internal/style-utils.ts) states the rule for this register: its filled\n     * badges add the rim back, its outline badges do not — so the rule keys on a\n     * fill being present, not on that fill being bold, and `subtle` is rimmed too.\n     *\n     * control() cannot make this call itself: the fill is a Badge prop it never\n     * sees, and it is a build-time helper with no view of the variant axis. Hence\n     * `rim: false` above and the conditional here. Shape mirrors the sibling\n     * `borderColor` conditional a few keys down.\n     *\n     * `outline` goes bare in every variant, including the decorative ones that\n     * still keep a `layer-2` fill below — an inset highlight is the raised-control\n     * affordance, and the outline fill is a fallback container rather than a\n     * deliberate raised surface. */\n    boxShadow: {\n      default: \"edge-glass\",\n      fillStyle: {\n        outline: \"none\",\n      },\n    },\n    justifyContent: \"center\",\n    color: {\n      fillStyle: {\n        bold: {\n          default: \"white\",\n          variant: {\n            notice: \"black\",\n            orange: \"black\",\n            yellow: \"black\",\n            chartreuse: \"black\",\n            celery: \"black\",\n            /* Metric's sky-blue is mid-luminance in light (#1c8fc9) and pale in\n               dark (#5ac2ee); black clears 4.5:1 on both, white on neither — same\n               reasoning that puts notice/orange/yellow in the black-ink family.\n               `live` stays on the white default: the spec's LIVE pill is\n               white-on-#ff6b35 verbatim (TerminalGlassLab.tsx:447-448), the\n               saturated-fill/white-ink relationship being the point. */\n            metric: \"black\",\n          },\n        },\n        /* A subtle badge is the register's tinted-plate chip — same-channel ink\n           on a same-channel wash (the spec's streak chip is amber-600 ink on an\n           amber-100 plate, TerminalGlassLab.tsx:466-467). The ink mirrors the\n           outline map below value-for-value, exactly as outline's ink mirrors\n           its border: one channel, two strengths, nothing can drift. Neutral and\n           the decorative variants keep the plain ink for the same reasons they\n           are absent from the outline map. */\n        subtle: {\n          default: \"gray-1000\",\n          variant: {\n            accent: \"accent-900\",\n            informative: lightDark(\"informative-800\", \"informative-900\"),\n            positive: lightDark(\"positive-800\", \"positive-900\"),\n            notice: lightDark(\"notice-800\", \"notice-900\"),\n            negative: lightDark(\"negative-800\", \"negative-900\"),\n            live: \"[var(--accent-live)]\",\n            metric: \"[var(--status-metric)]\",\n          },\n        },\n        /* An outline badge is a rule plus ink in ONE channel, so the ink mirrors the\n           `borderColor` outline map below value-for-value. No new colour enters the\n           system and the two channels cannot drift apart.\n\n           `neutral` is deliberately NOT mirrored, even though it does have a border\n           entry below (gray-500/gray-600). Those are rule weights, picked to read as\n           a hairline; at badge size they would not carry as text. It keeps the\n           neutral ink. The decorative variants (gray, red, orange, …) have no entry\n           in that map at all — no channel to mirror — so they keep it too. */\n        outline: {\n          default: \"gray-1000\",\n          variant: {\n            accent: \"accent-900\",\n            informative: lightDark(\"informative-800\", \"informative-900\"),\n            positive: lightDark(\"positive-800\", \"positive-900\"),\n            notice: lightDark(\"notice-800\", \"notice-900\"),\n            negative: lightDark(\"negative-800\", \"negative-900\"),\n            live: \"[var(--accent-live)]\",\n            metric: \"[var(--status-metric)]\",\n          },\n        },\n      },\n    },\n    backgroundColor: {\n      fillStyle: {\n        bold: {\n          variant: {\n            accent: \"accent\",\n            informative: \"informative\",\n            neutral: \"neutral-subdued\",\n            positive: \"positive\",\n            notice: \"notice\",\n            negative: \"negative\",\n            live: \"[var(--accent-live)]\",\n            metric: \"[var(--status-metric)]\",\n            gray: \"gray\",\n            red: \"red\",\n            orange: \"orange\",\n            yellow: \"yellow\",\n            chartreuse: \"chartreuse\",\n            celery: \"celery\",\n            green: \"green\",\n            seafoam: \"seafoam\",\n            cyan: \"cyan\",\n            blue: \"blue\",\n            indigo: \"indigo\",\n            purple: \"purple\",\n            fuchsia: \"fuchsia\",\n            magenta: \"magenta\",\n            pink: \"pink\",\n            turquoise: \"turquoise\",\n            brown: \"brown\",\n            cinnamon: \"cinnamon\",\n            silver: \"silver\",\n          },\n        },\n        subtle: {\n          variant: {\n            accent: \"accent-subtle\",\n            informative: \"informative-subtle\",\n            neutral: \"neutral-subtle\",\n            positive: \"positive-subtle\",\n            notice: \"notice-subtle\",\n            negative: \"negative-subtle\",\n            /* No ramp → no *-subtle token; the island's own tinted-plate recipe\n               instead (color-mix over transparent, e.g. glasselated.css:2968). */\n            live: \"[color-mix(in srgb, var(--accent-live) 15%, transparent)]\",\n            metric: \"[color-mix(in srgb, var(--status-metric) 15%, transparent)]\",\n            gray: \"gray-subtle\",\n            red: \"red-subtle\",\n            orange: \"orange-subtle\",\n            yellow: \"yellow-subtle\",\n            chartreuse: \"chartreuse-subtle\",\n            celery: \"celery-subtle\",\n            green: \"green-subtle\",\n            seafoam: \"seafoam-subtle\",\n            cyan: \"cyan-subtle\",\n            blue: \"blue-subtle\",\n            indigo: \"indigo-subtle\",\n            purple: \"purple-subtle\",\n            fuchsia: \"fuchsia-subtle\",\n            magenta: \"magenta-subtle\",\n            pink: \"pink-subtle\",\n            turquoise: \"turquoise-subtle\",\n            brown: \"brown-subtle\",\n            cinnamon: \"cinnamon-subtle\",\n            silver: \"silver-subtle\",\n          },\n        },\n        /* The register's outline badge is a rule plus ink and no fill at all, so\n           `layer-2` was painting a card surface behind something drawn as bare text.\n\n           Withdrawn only for the variants that actually own a border channel — the\n           same six the `borderColor` outline map below covers. Every other variant\n           falls through to `transparent` there, so dropping its fill as well would\n           leave a transparent box inside a transparent border: floating text with no\n           container. Those keep `layer-2` unless and until the outline borderColor\n           map grows entries for them. */\n        outline: {\n          default: \"layer-2\",\n          variant: {\n            accent: \"transparent\",\n            informative: \"transparent\",\n            neutral: \"transparent\",\n            positive: \"transparent\",\n            notice: \"transparent\",\n            negative: \"transparent\",\n            live: \"transparent\",\n            metric: \"transparent\",\n          },\n        },\n      },\n    },\n    borderStyle: \"solid\",\n    borderWidth: 1,\n    borderColor: {\n      default: \"transparent\",\n      fillStyle: {\n        outline: {\n          variant: {\n            accent: \"accent-900\",\n            informative: lightDark(\"informative-800\", \"informative-900\"),\n            neutral: lightDark(\"gray-500\", \"gray-600\"),\n            positive: lightDark(\"positive-800\", \"positive-900\"),\n            notice: lightDark(\"notice-800\", \"notice-900\"),\n            negative: lightDark(\"negative-800\", \"negative-900\"),\n            live: \"[var(--accent-live)]\",\n            metric: \"[var(--status-metric)]\",\n          },\n        },\n      },\n    },\n    animation: {\n      variant: {\n        live: {\n          default: livePulse,\n          \"@media (prefers-reduced-motion: reduce)\": \"none\",\n        },\n      },\n    },\n    animationDuration: {\n      variant: {\n        live: 2000,\n      },\n    },\n    animationTimingFunction: {\n      variant: {\n        live: \"[ease-in-out]\",\n      },\n    },\n    animationIterationCount: {\n      variant: {\n        live: \"infinite\",\n      },\n    },\n    \"--iconPrimary\": {\n      type: \"fill\",\n      value: \"currentColor\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst textStyles = style<{ overflowMode: BadgeOverflowMode }>({\n  paddingY: \"--labelPadding\",\n  order: 1,\n  overflowX: \"hidden\",\n  overflowY: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: {\n    overflowMode: {\n      truncate: \"nowrap\",\n      wrap: \"normal\",\n    },\n  },\n});\n\nconst iconCenterStyles = style({ order: 0 });\nconst iconStyles = style({\n  size: fontRelative(20),\n  marginStart: \"--iconMargin\",\n  flexShrink: 0,\n});\n\nfunction normalizeSize(size: BadgeSize | undefined): S2BadgeSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    default:\n      return size ?? \"S\";\n  }\n}\n\nfunction normalizeVariant(variant: BadgeVariant | undefined): S2BadgeVariant {\n  switch (variant) {\n    case \"primary\":\n      return \"accent\";\n    case \"secondary\":\n      return \"neutral\";\n    case \"success\":\n      return \"positive\";\n    case \"warning\":\n      return \"notice\";\n    case \"danger\":\n      return \"negative\";\n    case \"info\":\n      return \"informative\";\n    default:\n      return variant ?? \"neutral\";\n  }\n}\n\nfunction isTextOnly(value: unknown): boolean {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return true;\n  }\n\n  if (Array.isArray(value)) {\n    return value.every(\n      (item) =>\n        item == null ||\n        typeof item === \"string\" ||\n        typeof item === \"number\" ||\n        typeof item === \"boolean\",\n    );\n  }\n\n  return value == null || typeof value === \"boolean\";\n}\n\nexport function Badge(props: BadgeProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(BadgeContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props);\n  const [local, domProps] = splitProps(merged, [\n    \"children\",\n    \"count\",\n    \"size\",\n    \"variant\",\n    \"fillStyle\",\n    \"overflowMode\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => normalizeSize(local.size);\n  const variant = () => normalizeVariant(local.variant);\n  const fillStyle = () => local.fillStyle ?? \"bold\";\n  const overflowMode = () => local.overflowMode ?? \"wrap\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLSpanElement> } | null)?.ref,\n    props.ref,\n  );\n\n  function BadgeContent() {\n    const resolvedChildren = resolveChildren(() =>\n      local.count !== undefined ? local.count : local.children,\n    );\n    const content = () => resolvedChildren();\n    return isTextOnly(content()) ? <Text>{content()}</Text> : content();\n  }\n\n  return (\n    <TextContext.Provider\n      value={{\n        styles: () => textStyles({ overflowMode: overflowMode() }),\n      }}\n    >\n      <IconContext.Provider\n        value={{\n          slot: \"icon\",\n          render: centerBaseline({ slot: \"icon\", styles: iconCenterStyles }),\n          styles: iconStyles,\n        }}\n      >\n        <SkeletonWrapper>\n          <span\n            {...filterDOMProps(domProps)}\n            ref={(element) => assignRef(element)}\n            role=\"presentation\"\n            class={[\n              contextProps?.UNSAFE_className,\n              local.UNSAFE_className,\n              local.class,\n              badgeStyles(\n                {\n                  size: size(),\n                  variant: variant(),\n                  fillStyle: fillStyle(),\n                },\n                mergedStyles(),\n              ),\n            ]\n              .filter(Boolean)\n              .join(\" \")}\n            style={mergedUnsafeStyle()}\n          >\n            <BadgeContent />\n          </span>\n        </SkeletonWrapper>\n      </IconContext.Provider>\n    </TextContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/badge/index.tsx"],"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/src/Badge.tsx\n\n// Port of packages/@react-spectrum/s2/src/Badge.tsx.\n\nimport { children as resolveChildren, createContext, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { mergeProps, filterDOMProps } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { lightDark, style } from \"../style\" with { type: \"macro\" };\nimport { tglPulse } from \"../style/motion\" with { type: \"macro\" };\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { control, getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { SkeletonWrapper } from \"../skeleton\";\nimport { Text, TextContext } from \"../text\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type BadgeSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\nexport type BadgeVariant =\n  | \"accent\"\n  | \"informative\"\n  | \"neutral\"\n  | \"positive\"\n  | \"notice\"\n  | \"negative\"\n  | \"live\"\n  | \"metric\"\n  | \"gray\"\n  | \"red\"\n  | \"yellow\"\n  | \"chartreuse\"\n  | \"celery\"\n  | \"green\"\n  | \"seafoam\"\n  | \"cyan\"\n  | \"blue\"\n  | \"indigo\"\n  | \"purple\"\n  | \"fuchsia\"\n  | \"magenta\"\n  | \"pink\"\n  | \"turquoise\"\n  | \"brown\"\n  | \"cinnamon\"\n  | \"silver\"\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\nexport type BadgeFillStyle = \"bold\" | \"subtle\" | \"outline\";\nexport type BadgeOverflowMode = \"wrap\" | \"truncate\";\n\ntype S2BadgeSize = \"S\" | \"M\" | \"L\" | \"XL\";\ntype S2BadgeVariant = Exclude<\n  BadgeVariant,\n  \"primary\" | \"secondary\" | \"success\" | \"warning\" | \"danger\" | \"info\"\n>;\n\nexport interface BadgeProps extends Omit<\n  JSX.HTMLAttributes<HTMLSpanElement>,\n  \"class\" | \"style\" | \"children\" | \"ref\" | \"slot\"\n> {\n  /** The content to display in the badge. */\n  children?: JSX.Element;\n  /** Backward-compatible count content. Prefer children for S2 parity. */\n  count?: number;\n  /** The size of the badge. @default 'S' */\n  size?: BadgeSize;\n  /** The variant changes the background color of the badge. @default 'neutral' */\n  variant?: BadgeVariant;\n  /** The fill of the badge. @default 'bold' */\n  fillStyle?: BadgeFillStyle;\n  /** Sets the text behavior for the contents. @default 'wrap' */\n  overflowMode?: BadgeOverflowMode;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLSpanElement>;\n}\n\nexport const BadgeContext = createContext<SpectrumContextValue<BadgeProps>>(null);\n\n/* The register's LIVE breathing (island glxPulse, glasselated.css:316-323): the\n * whole pill dips to 55% opacity and back over 2s. Slow enough (0.25Hz) to sit\n * far under any flash threshold; still gated on prefers-reduced-motion because\n * it is decoration, not information — the label already says LIVE. The gate is\n * the media query itself, NOT a runtime matchMedia check: Solid hydration\n * trusts the server DOM, so an SSR'd inline `animation` never gets removed\n * when the client's check disagrees — CSS is the only layer where the\n * preference applies identically on both sides. (Not css() either: its class\n * wrapper is lost around a nested @media, leaving a selectorless dead block —\n * hence the style()-native media condition key down in badgeStyles.) */\n/* The register's 2s breath, shared with every other on-air surface (style/motion.ts). */\nconst livePulse = tglPulse();\n\n/* `live` and `metric` are the two register channels the ramps don't carry\n * (glasselated-ramps.ts covers gray/blue/red/yellow/green): the LIVE\n * pulse rides the CTA fuchsia (`--accent-live` aliases `--accent-cta`)\n * and metric is the sky-blue that replaced the retired violet. Both live in\n * viviana-tokens.css per scheme, so they enter here as arbitrary `[var(--…)]`\n * values — the same pattern the token file's header prescribes — rather than\n * as new build-time ramps nothing else would use. */\nconst badgeStyles = style<{\n  size: S2BadgeSize;\n  variant: S2BadgeVariant;\n  fillStyle: BadgeFillStyle;\n}>(\n  {\n    ...control({ shape: \"default\", wrap: true, icon: true, register: \"badge\", rim: false }),\n    /* The rim belongs to the FILL, not to the 5px shape. control()'s `rim` doc\n     * (s2-internal/style-utils.ts) states the rule for this register: its filled\n     * badges add the rim back, its outline badges do not — so the rule keys on a\n     * fill being present, not on that fill being bold, and `subtle` is rimmed too.\n     *\n     * control() cannot make this call itself: the fill is a Badge prop it never\n     * sees, and it is a build-time helper with no view of the variant axis. Hence\n     * `rim: false` above and the conditional here. Shape mirrors the sibling\n     * `borderColor` conditional a few keys down.\n     *\n     * `outline` goes bare in every variant, including the decorative ones that\n     * still keep a `layer-2` fill below — an inset highlight is the raised-control\n     * affordance, and the outline fill is a fallback container rather than a\n     * deliberate raised surface. */\n    boxShadow: {\n      default: \"edge-glass\",\n      fillStyle: {\n        outline: \"none\",\n      },\n    },\n    justifyContent: \"center\",\n    /* The stamp's own geometry, which `control()` cannot carry: it is a build-time\n     * helper shared with buttons and chips, and only the badge is drawn `4px 9px`\n     * with mono tracking (TerminalGlassLab.tsx:237-240).\n     *\n     * 9px is off the spacing ramp (0/2/4/8/12/…) so it enters as an arbitrary value;\n     * 4px is `spacing-75` and enters by name. Flat across the size axis, for the same\n     * reason `control()` flattened the corner: the register draws ONE badge, and its\n     * padding is a property of the stamp rather than of a size step. Size still moves\n     * the type (`controlFontStep(2)` above).\n     *\n     * `control()` leaves paddingY unset, so before this a badge had ZERO vertical\n     * padding and its height came from the line box alone — the pill collapsed onto\n     * its own text. */\n    paddingX: \"[9px]\",\n    paddingY: 4,\n    /* The register's micro-mono track. 0.12em is drawn; the theme's tracking scale\n     * (style/spectrum-theme.ts) stops at 0.1em, which is the rung it declares FOR this\n     * mono micro role — so the badge takes it rather than minting a sixth rung for a\n     * 0.02em difference. */\n    letterSpacing: \"0.1em\",\n    color: {\n      fillStyle: {\n        bold: {\n          default: \"white\",\n          variant: {\n            notice: \"black\",\n            yellow: \"black\",\n            chartreuse: \"black\",\n            celery: \"black\",\n            /* LIVE rides the CTA fuchsia (`--accent-live` = fuchsia-500). The ink\n               is `create-ink`, the ramp's fuchsia-ink, which flips with the fill:\n               #ffffff on daylight #d9128f is 4.74:1, #1a0512 on night #ff4fc3 is\n               6.66:1. Black only clears the night column (#000000 on #d9128f is\n               4.43:1). Same pair Button's create variant and the info toast use. */\n            live: \"create-ink\",\n            /* Metric is the one channel whose token crosses the ink threshold\n               between schemes: light `--cyan-500` is #0a7a9f (black 4.30:1 —\n               BELOW AA, white 4.89:1) while dark #48daff takes black at 12.75:1.\n               One ink per scheme rather than one ink for both; measured against\n               the token, not eyeballed. */\n            metric: lightDark(\"white\", \"black\"),\n          },\n        },\n        /* A subtle badge is the register's tinted-plate chip — same-channel ink\n           on a same-channel wash (the spec's streak chip is signal ink on a\n           signal-tinted plate). The ink mirrors the\n           outline map below value-for-value, exactly as outline's ink mirrors\n           its border: one channel, two strengths, nothing can drift. Neutral and\n           the decorative variants keep the plain ink for the same reasons they\n           are absent from the outline map.\n\n           Accent/informative text is the one place the mirror breaks, and the\n           wash is why: `--text-link` (light #0f6adb) on the light accent-subtle\n           plate (#dae9fb) measures 4.14:1 — the ink is sized for a panel, not for\n           a tinted plate of its own hue. One stop deeper, blue-1000, clears it in\n           both columns (light 5.07:1, dark 6dc3ff-on-020e1b 10.08:1) without\n           leaving the channel. Outline keeps `--text-link`, which mirrors its own\n           border and sits on the page, not on a wash. Notice/negative/positive\n           step to the AA stop of the same ramp Button uses for those channels as\n           fills. */\n        subtle: {\n          default: \"gray-1000\",\n          variant: {\n            accent: \"blue-1000\",\n            informative: \"blue-1000\",\n            positive: \"positive-1000\",\n            /* DUE and DEGRADED are register CHANNELS, not ramp stops: the signal\n               yellow ink (`--status-signal` = `--yellow-text`) and the fault red, the\n               same two tokens a well's log line and a StatusLight dot use for the same\n               states. Ramp stops drifted from them scheme by scheme — one channel, one\n               token, in every component that reports it. */\n            notice: \"[var(--status-signal)]\",\n            negative: \"[var(--status-fault)]\",\n            live: \"[var(--accent-live)]\",\n            metric: \"[var(--status-metric)]\",\n          },\n        },\n        /* An outline badge is a rule plus ink in ONE channel, so the ink mirrors the\n           `borderColor` outline map below value-for-value. No new colour enters the\n           system and the two channels cannot drift apart.\n\n           `neutral` is deliberately NOT mirrored, even though it does have a border\n           entry below (gray-500/gray-600). Those are rule weights, picked to read as\n           a hairline; at badge size they would not carry as text. It keeps the\n           neutral ink. The decorative variants (gray, red, yellow, …) have no entry\n           in that map at all — no channel to mirror — so they keep it too. */\n        outline: {\n          default: \"gray-1000\",\n          variant: {\n            accent: \"[var(--text-link)]\",\n            informative: \"[var(--text-link)]\",\n            positive: \"positive-1000\",\n            notice: \"[var(--status-signal)]\",\n            negative: \"[var(--status-fault)]\",\n            live: \"[var(--accent-live)]\",\n            metric: \"[var(--status-metric)]\",\n          },\n        },\n      },\n    },\n    backgroundColor: {\n      fillStyle: {\n        bold: {\n          variant: {\n            /* Text-bearing fills use the AA pair Button already ships: interactive-fill\n               under white for the blue channel, and the 900/700 pair for negative/\n               positive. Neutral/gray need a dark-scheme fill deeper than gray-500\n               (white on #a0a6ae is 2.45:1) — deeper than gray-300 too: white on\n               its dark #737d8b is 4.17:1, so the pair lands on gray-200 (6.48:1). */\n            accent: \"interactive-fill\",\n            informative: \"interactive-fill\",\n            neutral: lightDark(\"gray-600\", \"gray-200\"),\n            positive: lightDark(\"positive-900\", \"positive-700\"),\n            notice: \"notice\",\n            negative: lightDark(\"negative-900\", \"negative-700\"),\n            live: \"[var(--accent-live)]\",\n            metric: \"[var(--status-metric)]\",\n            gray: lightDark(\"gray-600\", \"gray-200\"),\n            red: lightDark(\"negative-900\", \"negative-700\"),\n            yellow: \"yellow\",\n            chartreuse: \"chartreuse\",\n            celery: \"celery\",\n            green: \"green\",\n            seafoam: \"seafoam\",\n            cyan: \"cyan\",\n            blue: \"interactive-fill\",\n            indigo: \"indigo\",\n            purple: \"purple\",\n            fuchsia: \"fuchsia\",\n            magenta: \"magenta\",\n            pink: \"pink\",\n            turquoise: \"turquoise\",\n            brown: \"brown\",\n            cinnamon: \"cinnamon\",\n            silver: \"silver\",\n          },\n        },\n        subtle: {\n          variant: {\n            accent: \"accent-subtle\",\n            informative: \"informative-subtle\",\n            neutral: \"neutral-subtle\",\n            positive: \"positive-subtle\",\n            /* The streak chip: signal ink on a signal-tinted plate, mixed from the\n               channel's own fill rather than taken from the ramp's *-subtle stop —\n               the same color-mix recipe live/metric already use below, so the four\n               register channels share one tinted-plate rule. */\n            notice: \"[color-mix(in srgb, var(--yellow-500) 16%, transparent)]\",\n            negative: \"[color-mix(in srgb, var(--red-500) 15%, transparent)]\",\n            /* No ramp → no *-subtle token; the island's own tinted-plate recipe\n               instead (color-mix over transparent, e.g. glasselated.css:2968). */\n            live: \"[color-mix(in srgb, var(--accent-live) 15%, transparent)]\",\n            metric: \"[color-mix(in srgb, var(--status-metric) 15%, transparent)]\",\n            gray: \"gray-subtle\",\n            red: \"red-subtle\",\n            yellow: \"yellow-subtle\",\n            chartreuse: \"chartreuse-subtle\",\n            celery: \"celery-subtle\",\n            green: \"green-subtle\",\n            seafoam: \"seafoam-subtle\",\n            cyan: \"cyan-subtle\",\n            blue: \"blue-subtle\",\n            indigo: \"indigo-subtle\",\n            purple: \"purple-subtle\",\n            fuchsia: \"fuchsia-subtle\",\n            magenta: \"magenta-subtle\",\n            pink: \"pink-subtle\",\n            turquoise: \"turquoise-subtle\",\n            brown: \"brown-subtle\",\n            cinnamon: \"cinnamon-subtle\",\n            silver: \"silver-subtle\",\n          },\n        },\n        /* The register's outline badge is a rule plus ink and no fill at all, so\n           `layer-2` was painting a card surface behind something drawn as bare text.\n\n           Withdrawn only for the variants that actually own a border channel — the\n           same six the `borderColor` outline map below covers. Every other variant\n           falls through to `transparent` there, so dropping its fill as well would\n           leave a transparent box inside a transparent border: floating text with no\n           container. Those keep `layer-2` unless and until the outline borderColor\n           map grows entries for them. */\n        outline: {\n          default: \"layer-2\",\n          variant: {\n            accent: \"transparent\",\n            informative: \"transparent\",\n            neutral: \"transparent\",\n            positive: \"transparent\",\n            notice: \"transparent\",\n            negative: \"transparent\",\n            live: \"transparent\",\n            metric: \"transparent\",\n          },\n        },\n      },\n    },\n    borderStyle: \"solid\",\n    borderWidth: 1,\n    borderColor: {\n      default: \"transparent\",\n      fillStyle: {\n        outline: {\n          variant: {\n            accent: \"[var(--text-link)]\",\n            informative: \"[var(--text-link)]\",\n            neutral: lightDark(\"gray-500\", \"gray-600\"),\n            positive: \"positive-1000\",\n            notice: \"[var(--status-signal)]\",\n            negative: \"[var(--status-fault)]\",\n            live: \"[var(--accent-live)]\",\n            metric: \"[var(--status-metric)]\",\n          },\n        },\n      },\n    },\n    animation: {\n      variant: {\n        live: {\n          default: livePulse,\n          \"@media (prefers-reduced-motion: reduce)\": \"none\",\n        },\n      },\n    },\n    animationDuration: {\n      variant: {\n        live: 2000,\n      },\n    },\n    animationTimingFunction: {\n      variant: {\n        live: \"[ease-in-out]\",\n      },\n    },\n    animationIterationCount: {\n      variant: {\n        live: \"infinite\",\n      },\n    },\n    \"--iconPrimary\": {\n      type: \"fill\",\n      value: \"currentColor\",\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst textStyles = style<{ overflowMode: BadgeOverflowMode }>({\n  paddingY: \"--labelPadding\",\n  order: 1,\n  overflowX: \"hidden\",\n  overflowY: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: {\n    overflowMode: {\n      truncate: \"nowrap\",\n      wrap: \"normal\",\n    },\n  },\n});\n\nconst iconCenterStyles = style({ order: 0 });\nconst iconStyles = style({\n  size: \"1lh\",\n  marginStart: \"--iconMargin\",\n  flexShrink: 0,\n});\n\nfunction normalizeSize(size: BadgeSize | undefined): S2BadgeSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    default:\n      return size ?? \"S\";\n  }\n}\n\nfunction normalizeVariant(variant: BadgeVariant | undefined): S2BadgeVariant {\n  switch (variant) {\n    case \"primary\":\n      return \"accent\";\n    case \"secondary\":\n      return \"neutral\";\n    case \"success\":\n      return \"positive\";\n    case \"warning\":\n      return \"notice\";\n    case \"danger\":\n      return \"negative\";\n    case \"info\":\n      return \"informative\";\n    default:\n      return variant ?? \"neutral\";\n  }\n}\n\nfunction isTextOnly(value: unknown): boolean {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return true;\n  }\n\n  if (Array.isArray(value)) {\n    return value.every(\n      (item) =>\n        item == null ||\n        typeof item === \"string\" ||\n        typeof item === \"number\" ||\n        typeof item === \"boolean\",\n    );\n  }\n\n  return value == null || typeof value === \"boolean\";\n}\n\nexport function Badge(props: BadgeProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(BadgeContext), props.slot);\n  const merged = mergeProps<BadgeProps>(contextProps ?? {}, props);\n  const [local, domProps] = splitProps(merged, [\n    \"children\",\n    \"count\",\n    \"size\",\n    \"variant\",\n    \"fillStyle\",\n    \"overflowMode\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const size = () => normalizeSize(local.size);\n  const variant = () => normalizeVariant(local.variant);\n  const fillStyle = () => local.fillStyle ?? \"bold\";\n  const overflowMode = () => local.overflowMode ?? \"wrap\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLSpanElement> } | null)?.ref,\n    props.ref,\n  );\n\n  function BadgeContent() {\n    const resolvedChildren = resolveChildren(() =>\n      local.count !== undefined ? local.count : local.children,\n    );\n    const content = () => resolvedChildren();\n    return isTextOnly(content()) ? <Text>{content()}</Text> : content();\n  }\n\n  return (\n    <TextContext\n      value={{\n        styles: () => textStyles({ overflowMode: overflowMode() }),\n      }}\n    >\n      <IconContext\n        value={{\n          slot: \"icon\",\n          render: centerBaseline({ slot: \"icon\", styles: iconCenterStyles }),\n          styles: iconStyles,\n        }}\n      >\n        <SkeletonWrapper>\n          <span\n            {...filterDOMProps(domProps)}\n            ref={(element) => assignRef(element)}\n            role=\"presentation\"\n            class={[\n              contextProps?.UNSAFE_className,\n              local.UNSAFE_className,\n              local.class,\n              badgeStyles(\n                {\n                  size: size(),\n                  variant: variant(),\n                  fillStyle: fillStyle(),\n                },\n                mergedStyles(),\n              ),\n            ]\n              .filter(Boolean)\n              .join(\" \")}\n            style={mergedUnsafeStyle()}\n          >\n            <BadgeContent />\n          </span>\n        </SkeletonWrapper>\n      </IconContext>\n    </TextContext>\n  );\n}\n"],"mappings":"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"}

package/dist/breadcrumbs/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type BreadcrumbItemProps as HeadlessBreadcrumbItemProps, type BreadcrumbItemRenderProps, type BreadcrumbsProps as HeadlessBreadcrumbsProps } from "@proyecto-viviana/solidaria-components";
 import type { StyleString } from "../style";
 import { type RefLike, type SpectrumContextValue } from "../button/spectrum-context";

package/dist/breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,GAAG,EAaT,MAAM,UAAU,CAAC;AAClB,OAAO,EAIL,KAAK,mBAAmB,IAAI,2BAA2B,EACvD,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,IAAI,wBAAwB,EAElD,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAMpC,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,yBAAyB,CAAC;AAIjC,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrE,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtD,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAC/C,wBAAwB,CAAC,CAAC,CAAC,EAC3B,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CACvC;IACC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACpD,gDAAgD;IAChD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iGAAiG;IACjG,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,8DAA8D;IAC9D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,2BAA2B,EAC3B,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CACvC;IACC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,WAAW,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACnF,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAwBlD,eAAO,MAAM,kBAAkB,yEAAmE,CAAC;AA0DnG;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAMtE;yBANe,WAAW;;;AA2jB3B;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAkF9D;AAED,eAAO,MAAM,cAAc,mBAAa,CAAC;AACzC,eAAO,MAAM,IAAI,mBAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAIL,KAAK,mBAAmB,IAAI,2BAA2B,EACvD,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,IAAI,wBAAwB,EAElD,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAOpC,OAAO,EAML,KAAK,iBAAiB,EACvB,MAAM,yBAAyB,CAAC;AAIjC,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrE,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtD,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAC/C,wBAAwB,CAAC,CAAC,CAAC,EAC3B,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CACvC;IACC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACpD,gDAAgD;IAChD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iGAAiG;IACjG,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,8DAA8D;IAC9D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,2BAA2B,EAC3B,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CACvC;IACC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,WAAW,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACnF,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAwBlD,eAAO,MAAM,kBAAkB,yEAAmE,CAAC;AA0DnG;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAEtE;yBAFe,WAAW;;;AAklB3B;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAgG9D;AAED,eAAO,MAAM,cAAc,mBAAa,CAAC;AACzC,eAAO,MAAM,IAAI,mBAAa,CAAC"}