@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/badge/index.jsx

@@ -0,0 +1,303 @@
+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 { 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";
+//#region src/badge/index.tsx
+const BadgeContext = createContext(null);
+const badgeStyles = function anonymous(props, overrides) {
+	let rules = " ";
+	let minWidth = false;
+	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "N") minWidth = true;
+		rules += p[0];
+	}
+	rules += " uxe7h4151";
+	if (props.size === "XL") {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	} else if (props.size === "L") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	} else if (props.size === "S") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else if (props.size === "XS") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	}
+	rules += " xd151";
+	rules += " _xa151";
+	rules += " xX0cczbc151";
+	rules += " _xX0cczba151";
+	if (props.size === "XL") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "L") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "S") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "XS") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	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";
+	if (props.size === "XL") {
+		if (!minWidth) rules += " Nl151";
+	} else if (props.size === "L") {
+		if (!minWidth) rules += " Nj151";
+	} else if (props.size === "S") {
+		if (!minWidth) rules += " Nf151";
+	} 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";
+	} 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";
+	}
+	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";
+	if (props.variant === "live") {
+		rules += " _gunTat151";
+		rules += " _gdklsgch3TDrc151";
+	}
+	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";
+	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";
+	return rules;
+};
+const iconCenterStyles = " _Ja151";
+const iconStyles = " ZuUmpre151 FuUmpre151 I67logd151 _va151";
+function normalizeSize(size) {
+	switch (size) {
+		case "sm": return "S";
+		case "md": return "M";
+		case "lg": return "L";
+		default: return size ?? "S";
+	}
+}
+function normalizeVariant(variant) {
+	switch (variant) {
+		case "primary": return "accent";
+		case "secondary": return "neutral";
+		case "success": return "positive";
+		case "warning": return "notice";
+		case "danger": return "negative";
+		case "info": return "informative";
+		default: return variant ?? "neutral";
+	}
+}
+function isTextOnly(value) {
+	if (typeof value === "string" || typeof value === "number") return true;
+	if (Array.isArray(value)) return value.every((item) => item == null || typeof item === "string" || typeof item === "number" || typeof item === "boolean");
+	return value == null || typeof value === "boolean";
+}
+function Badge(props) {
+	const contextProps = getSlottedContextProps(useContext(BadgeContext), props.slot);
+	const [local, domProps] = splitProps(mergeProps(contextProps ?? {}, props), [
+		"children",
+		"count",
+		"size",
+		"variant",
+		"fillStyle",
+		"overflowMode",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"class",
+		"slot",
+		"ref"
+	]);
+	const size = () => normalizeSize(local.size);
+	const variant = () => normalizeVariant(local.variant);
+	const fillStyle = () => local.fillStyle ?? "bold";
+	const overflowMode = () => local.overflowMode ?? "wrap";
+	const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);
+	const mergedUnsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	const assignRef = mergeContextRefs(contextProps?.ref, props.ref);
+	function BadgeContent() {
+		const resolvedChildren = children(() => local.count !== void 0 ? local.count : local.children);
+		const content = () => resolvedChildren();
+		return isTextOnly(content()) ? <Text>{content()}</Text> : content();
+	}
+	return <TextContext.Provider value={{ styles: () => textStyles({ overflowMode: overflowMode() }) }}>
+      <IconContext.Provider value={{
+		slot: "icon",
+		render: centerBaseline({
+			slot: "icon",
+			styles: iconCenterStyles
+		}),
+		styles: iconStyles
+	}}>
+        <SkeletonWrapper>
+          <span {...filterDOMProps(domProps)} ref={(element) => assignRef(element)} role="presentation" class={[
+		contextProps?.UNSAFE_className,
+		local.UNSAFE_className,
+		local.class,
+		badgeStyles({
+			size: size(),
+			variant: variant(),
+			fillStyle: fillStyle()
+		}, mergedStyles())
+	].filter(Boolean).join(" ")} style={mergedUnsafeStyle()}>
+            <BadgeContent />
+          </span>
+        </SkeletonWrapper>
+      </IconContext.Provider>
+    </TextContext.Provider>;
+}
+//#endregion
+export { Badge, BadgeContext };
+
+//# sourceMappingURL=index.jsx.map

package/dist/badge/index.jsx.map

@@ -0,0 +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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"}

package/dist/breadcrumbs/index.d.ts

@@ -0,0 +1,58 @@
+import { type JSX } from "solid-js";
+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";
+import { type S2BreadcrumbsSize } from "./s2-breadcrumbs-styles";
+export type { S2BreadcrumbsSize };
+export type BreadcrumbsSize = S2BreadcrumbsSize | "sm" | "md" | "lg";
+export type BreadcrumbsVariant = "default" | "subtle";
+export interface BreadcrumbsProps<T> extends Omit<HeadlessBreadcrumbsProps<T>, "class" | "style" | "ref" | "children"> {
+    /** The children of the Breadcrumbs. */
+    children?: JSX.Element | ((item: T) => JSX.Element);
+    /** The size of the Breadcrumbs. @default 'M' */
+    size?: BreadcrumbsSize;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString | (() => StyleString | undefined);
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */
+    class?: string;
+    /** Legacy visual variant alias. Kept for source compatibility; S2 Breadcrumbs has no variant. */
+    variant?: BreadcrumbsVariant;
+    /** Legacy separator toggle. Kept for source compatibility. */
+    showSeparator?: boolean;
+    /** Ref for the navigation element. */
+    ref?: RefLike<HTMLElement>;
+}
+export interface BreadcrumbProps extends Omit<HeadlessBreadcrumbItemProps, "class" | "style" | "ref" | "children"> {
+    /** The children of the breadcrumb item. */
+    children?: JSX.Element | ((renderProps: BreadcrumbItemRenderProps) => JSX.Element);
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString | (() => StyleString | undefined);
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */
+    class?: string;
+    /** Ref for the breadcrumb item element. */
+    ref?: RefLike<HTMLElement>;
+}
+export type BreadcrumbItemProps = BreadcrumbProps;
+export declare const BreadcrumbsContext: import("solid-js").Context<SpectrumContextValue<BreadcrumbsProps<any>>>;
+/**
+ * Breadcrumbs show hierarchy and navigational context for a user's location within an application.
+ */
+export declare function Breadcrumbs<T>(props: BreadcrumbsProps<T>): JSX.Element;
+export declare namespace Breadcrumbs {
+    var Item: typeof Breadcrumb;
+}
+/**
+ * An individual Breadcrumb for Breadcrumbs.
+ */
+export declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;
+export declare const BreadcrumbItem: typeof Breadcrumb;
+export declare const Item: typeof Breadcrumb;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/breadcrumbs/index.js

@@ -0,0 +1,2 @@
+import { a as Item, i as BreadcrumbsContext, n as BreadcrumbItem, r as Breadcrumbs, t as Breadcrumb } from "../_chunk/breadcrumbs.js";
+export { Breadcrumb, BreadcrumbItem, Breadcrumbs, BreadcrumbsContext, Item };

package/dist/breadcrumbs/index.jsx

@@ -0,0 +1,2 @@
+import { a as Item, i as BreadcrumbsContext, n as BreadcrumbItem, r as Breadcrumbs, t as Breadcrumb } from "../_chunk/breadcrumbs.jsx";
+export { Breadcrumb, BreadcrumbItem, Breadcrumbs, BreadcrumbsContext, Item };

package/dist/breadcrumbs/s2-breadcrumbs-styles.d.ts

@@ -0,0 +1,23 @@
+export type S2BreadcrumbsSize = "M" | "L";
+export declare const wrapperStyles: (props: {
+    size: S2BreadcrumbsSize;
+    isDisabled?: boolean;
+}, overrides?: import("../style").StyleString<string> | null) => import("../style").StyleString<`--${string}` | "filter" | "fill" | "color" | "opacity" | "alignItems" | "aspectRatio" | "backgroundColor" | "borderBottomWidth" | "borderColor" | "columnGap" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontWeight" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "marginBottom" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "outlineColor" | "overflowY" | "paddingBottom" | "paddingTop" | "rowGap" | "stroke" | "top" | "transitionDuration" | "width" | "alignContent" | "alignSelf" | "animationDuration" | "animationFillMode" | "animationTimingFunction" | "backgroundImage" | "borderStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "colorScheme" | "contain" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "forcedColorAdjust" | "isolation" | "justifyContent" | "justifyItems" | "left" | "lineHeight" | "listStyleType" | "objectFit" | "order" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowX" | "pointerEvents" | "position" | "resize" | "right" | "rotate" | "scrollPaddingTop" | "strokeWidth" | "textAlign" | "textDecoration" | "textOverflow" | "transform" | "transformOrigin" | "transitionDelay" | "transitionTimingFunction" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "willChange" | "zIndex" | "animationDirection" | "animationIterationCount" | "appearance" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderCollapse" | "borderSpacing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "clear" | "containIntrinsicHeight" | "containIntrinsicWidth" | "float" | "gridAutoFlow" | "gridAutoRows" | "hyphens" | "justifySelf" | "listStylePosition" | "mixBlendMode" | "objectPosition" | "overflow" | "overscrollBehaviorX" | "overscrollBehaviorY" | "scale" | "scrollBehavior" | "scrollMarginBottom" | "scrollMarginTop" | "scrollPaddingBottom" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "tableLayout" | "textIndent" | "textTransform" | "textWrap" | "touchAction" | "translate" | "wordBreak" | "animationDelay" | "animationPlayState" | "backdropFilter" | "caretColor" | "containerName" | "containerType" | "gridAutoColumns" | "letterSpacing" | "overflowWrap" | "scrollbarWidth" | "animation" | "borderRadius" | "borderWidth" | "font" | "gap" | "gridArea" | "inset" | "lineClamp" | "margin" | "overscrollBehavior" | "padding" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollPadding" | "transition" | "size" | "borderStartWidth" | "borderEndWidth" | "marginStart" | "marginEnd" | "paddingStart" | "paddingEnd" | "scrollMarginStart" | "scrollMarginEnd" | "scrollPaddingStart" | "scrollPaddingEnd" | "translateX" | "translateY" | "scaleX" | "scaleY" | "insetStart" | "insetEnd" | "borderTopStartRadius" | "borderTopEndRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "disableTapHighlight" | "paddingX" | "paddingY" | "marginX" | "marginY" | "scrollPaddingX" | "scrollPaddingY" | "scrollMarginX" | "scrollMarginY" | "borderXWidth" | "borderYWidth" | "borderTopRadius" | "borderBottomRadius" | "borderStartRadius" | "borderEndRadius" | "insetX" | "insetY" | "minSize" | "maxSize" | "truncate">;
+export declare const breadcrumbStyles: (props: {
+    size?: S2BreadcrumbsSize;
+    isDisabled?: boolean;
+    isCurrent?: boolean;
+    isMenu?: boolean;
+    isHovered?: boolean;
+    isFocusVisible?: boolean;
+    isFocused?: boolean;
+    isPressed?: boolean;
+}) => import("../style").StyleString<`--${string}` | "filter" | "fill" | "color" | "opacity" | "alignItems" | "aspectRatio" | "backgroundColor" | "borderBottomWidth" | "borderColor" | "columnGap" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontWeight" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "marginBottom" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "outlineColor" | "overflowY" | "paddingBottom" | "paddingTop" | "rowGap" | "stroke" | "top" | "transitionDuration" | "width" | "alignContent" | "alignSelf" | "animationDuration" | "animationFillMode" | "animationTimingFunction" | "backgroundImage" | "borderStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "colorScheme" | "contain" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "forcedColorAdjust" | "isolation" | "justifyContent" | "justifyItems" | "left" | "lineHeight" | "listStyleType" | "objectFit" | "order" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowX" | "pointerEvents" | "position" | "resize" | "right" | "rotate" | "scrollPaddingTop" | "strokeWidth" | "textAlign" | "textDecoration" | "textOverflow" | "transform" | "transformOrigin" | "transitionDelay" | "transitionTimingFunction" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "willChange" | "zIndex" | "animationDirection" | "animationIterationCount" | "appearance" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderCollapse" | "borderSpacing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "clear" | "containIntrinsicHeight" | "containIntrinsicWidth" | "float" | "gridAutoFlow" | "gridAutoRows" | "hyphens" | "justifySelf" | "listStylePosition" | "mixBlendMode" | "objectPosition" | "overflow" | "overscrollBehaviorX" | "overscrollBehaviorY" | "scale" | "scrollBehavior" | "scrollMarginBottom" | "scrollMarginTop" | "scrollPaddingBottom" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "tableLayout" | "textIndent" | "textTransform" | "textWrap" | "touchAction" | "translate" | "wordBreak" | "animationDelay" | "animationPlayState" | "backdropFilter" | "caretColor" | "containerName" | "containerType" | "gridAutoColumns" | "letterSpacing" | "overflowWrap" | "scrollbarWidth" | "animation" | "borderRadius" | "borderWidth" | "font" | "gap" | "gridArea" | "inset" | "lineClamp" | "margin" | "overscrollBehavior" | "padding" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollPadding" | "transition" | "size" | "borderStartWidth" | "borderEndWidth" | "marginStart" | "marginEnd" | "paddingStart" | "paddingEnd" | "scrollMarginStart" | "scrollMarginEnd" | "scrollPaddingStart" | "scrollPaddingEnd" | "translateX" | "translateY" | "scaleX" | "scaleY" | "insetStart" | "insetEnd" | "borderTopStartRadius" | "borderTopEndRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "disableTapHighlight" | "paddingX" | "paddingY" | "marginX" | "marginY" | "scrollPaddingX" | "scrollPaddingY" | "scrollMarginX" | "scrollMarginY" | "borderXWidth" | "borderYWidth" | "borderTopRadius" | "borderBottomRadius" | "borderStartRadius" | "borderEndRadius" | "insetX" | "insetY" | "minSize" | "maxSize" | "truncate">;
+export declare const currentStyles: (props: {
+    size: S2BreadcrumbsSize;
+}) => import("../style").StyleString<`--${string}` | "filter" | "fill" | "color" | "opacity" | "alignItems" | "aspectRatio" | "backgroundColor" | "borderBottomWidth" | "borderColor" | "columnGap" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontWeight" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "marginBottom" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "outlineColor" | "overflowY" | "paddingBottom" | "paddingTop" | "rowGap" | "stroke" | "top" | "transitionDuration" | "width" | "alignContent" | "alignSelf" | "animationDuration" | "animationFillMode" | "animationTimingFunction" | "backgroundImage" | "borderStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "colorScheme" | "contain" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "forcedColorAdjust" | "isolation" | "justifyContent" | "justifyItems" | "left" | "lineHeight" | "listStyleType" | "objectFit" | "order" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowX" | "pointerEvents" | "position" | "resize" | "right" | "rotate" | "scrollPaddingTop" | "strokeWidth" | "textAlign" | "textDecoration" | "textOverflow" | "transform" | "transformOrigin" | "transitionDelay" | "transitionTimingFunction" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "willChange" | "zIndex" | "animationDirection" | "animationIterationCount" | "appearance" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderCollapse" | "borderSpacing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "clear" | "containIntrinsicHeight" | "containIntrinsicWidth" | "float" | "gridAutoFlow" | "gridAutoRows" | "hyphens" | "justifySelf" | "listStylePosition" | "mixBlendMode" | "objectPosition" | "overflow" | "overscrollBehaviorX" | "overscrollBehaviorY" | "scale" | "scrollBehavior" | "scrollMarginBottom" | "scrollMarginTop" | "scrollPaddingBottom" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "tableLayout" | "textIndent" | "textTransform" | "textWrap" | "touchAction" | "translate" | "wordBreak" | "animationDelay" | "animationPlayState" | "backdropFilter" | "caretColor" | "containerName" | "containerType" | "gridAutoColumns" | "letterSpacing" | "overflowWrap" | "scrollbarWidth" | "animation" | "borderRadius" | "borderWidth" | "font" | "gap" | "gridArea" | "inset" | "lineClamp" | "margin" | "overscrollBehavior" | "padding" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollPadding" | "transition" | "size" | "borderStartWidth" | "borderEndWidth" | "marginStart" | "marginEnd" | "paddingStart" | "paddingEnd" | "scrollMarginStart" | "scrollMarginEnd" | "scrollPaddingStart" | "scrollPaddingEnd" | "translateX" | "translateY" | "scaleX" | "scaleY" | "insetStart" | "insetEnd" | "borderTopStartRadius" | "borderTopEndRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "disableTapHighlight" | "paddingX" | "paddingY" | "marginX" | "marginY" | "scrollPaddingX" | "scrollPaddingY" | "scrollMarginX" | "scrollMarginY" | "borderXWidth" | "borderYWidth" | "borderTopRadius" | "borderBottomRadius" | "borderStartRadius" | "borderEndRadius" | "insetX" | "insetY" | "minSize" | "maxSize" | "truncate">;
+export declare const chevronStyles: (props: {
+    direction?: "ltr" | "rtl";
+    isMenu?: boolean;
+}) => import("../style").StyleString<`--${string}` | "filter" | "fill" | "color" | "opacity" | "alignItems" | "aspectRatio" | "backgroundColor" | "borderBottomWidth" | "borderColor" | "columnGap" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontWeight" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "marginBottom" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "outlineColor" | "overflowY" | "paddingBottom" | "paddingTop" | "rowGap" | "stroke" | "top" | "transitionDuration" | "width" | "alignContent" | "alignSelf" | "animationDuration" | "animationFillMode" | "animationTimingFunction" | "backgroundImage" | "borderStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "colorScheme" | "contain" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "forcedColorAdjust" | "isolation" | "justifyContent" | "justifyItems" | "left" | "lineHeight" | "listStyleType" | "objectFit" | "order" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowX" | "pointerEvents" | "position" | "resize" | "right" | "rotate" | "scrollPaddingTop" | "strokeWidth" | "textAlign" | "textDecoration" | "textOverflow" | "transform" | "transformOrigin" | "transitionDelay" | "transitionTimingFunction" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "willChange" | "zIndex" | "animationDirection" | "animationIterationCount" | "appearance" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderCollapse" | "borderSpacing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "clear" | "containIntrinsicHeight" | "containIntrinsicWidth" | "float" | "gridAutoFlow" | "gridAutoRows" | "hyphens" | "justifySelf" | "listStylePosition" | "mixBlendMode" | "objectPosition" | "overflow" | "overscrollBehaviorX" | "overscrollBehaviorY" | "scale" | "scrollBehavior" | "scrollMarginBottom" | "scrollMarginTop" | "scrollPaddingBottom" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "tableLayout" | "textIndent" | "textTransform" | "textWrap" | "touchAction" | "translate" | "wordBreak" | "animationDelay" | "animationPlayState" | "backdropFilter" | "caretColor" | "containerName" | "containerType" | "gridAutoColumns" | "letterSpacing" | "overflowWrap" | "scrollbarWidth" | "animation" | "borderRadius" | "borderWidth" | "font" | "gap" | "gridArea" | "inset" | "lineClamp" | "margin" | "overscrollBehavior" | "padding" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollPadding" | "transition" | "size" | "borderStartWidth" | "borderEndWidth" | "marginStart" | "marginEnd" | "paddingStart" | "paddingEnd" | "scrollMarginStart" | "scrollMarginEnd" | "scrollPaddingStart" | "scrollPaddingEnd" | "translateX" | "translateY" | "scaleX" | "scaleY" | "insetStart" | "insetEnd" | "borderTopStartRadius" | "borderTopEndRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "disableTapHighlight" | "paddingX" | "paddingY" | "marginX" | "marginY" | "scrollPaddingX" | "scrollPaddingY" | "scrollMarginX" | "scrollMarginY" | "borderXWidth" | "borderYWidth" | "borderTopRadius" | "borderBottomRadius" | "borderStartRadius" | "borderEndRadius" | "insetX" | "insetY" | "minSize" | "maxSize" | "truncate">;
+//# sourceMappingURL=s2-breadcrumbs-styles.d.ts.map

package/dist/breadcrumbs/s2-breadcrumbs-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"s2-breadcrumbs-styles.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/s2-breadcrumbs-styles.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,CAAC;AAE1C,eAAO,MAAM,aAAa;UAAiB,iBAAiB;iBAAe,OAAO;s7GA6BjF,CAAC;AAEF,eAAO,MAAM,gBAAgB;WACpB,iBAAiB;iBACX,OAAO;gBACR,OAAO;aACV,OAAO;gBACJ,OAAO;qBACF,OAAO;gBACZ,OAAO;gBACP,OAAO;23GAwDnB,CAAC;AAEH,eAAO,MAAM,aAAa;UAAiB,iBAAiB;23GAO1D,CAAC;AAEH,eAAO,MAAM,aAAa;gBAAuB,KAAK,GAAG,KAAK;aAAW,OAAO;23GAoB9E,CAAC"}

package/dist/button/ActionButton.d.ts

@@ -0,0 +1,30 @@
+import { type JSX } from "solid-js";
+import { type ButtonProps as HeadlessButtonProps } from "@proyecto-viviana/solidaria-components";
+import type { StaticColor } from "./types";
+import type { StyleString } from "../style";
+import { type ActionButtonSize } from "./group-context";
+export type { ActionButtonSize } from "./group-context";
+type StyledActionButtonBaseProps = Omit<HeadlessButtonProps, "class" | "style" | "children" | "render" | "isPendingFocusable" | "onClick" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "elementType" | "href" | "target" | "rel" | "allowFocusWhenDisabled">;
+export interface ActionButtonProps extends StyledActionButtonBaseProps {
+    /** The content to display in the ActionButton. */
+    children?: JSX.Element;
+    /** The size of the button. @default 'M' */
+    size?: ActionButtonSize;
+    /** The static color style to apply. Useful when the ActionButton appears over a color background. */
+    staticColor?: StaticColor;
+    /** Whether the button should be displayed with a quiet style. */
+    isQuiet?: boolean;
+    /** Whether the ActionButton is pending. Pending buttons suppress press handlers and show progress. */
+    isPending?: boolean;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+}
+/**
+ * ActionButtons allow users to perform an action.
+ */
+export declare function ActionButton(props: ActionButtonProps): JSX.Element;
+//# sourceMappingURL=ActionButton.d.ts.map

package/dist/button/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,GAAG,EAKT,MAAM,UAAU,CAAC;AAClB,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAKxC,MAAM,wCAAwC,CAAC;AAKhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY5C,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,iBAAiB,CAAC;AAkBzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,KAAK,2BAA2B,GAAG,IAAI,CACrC,mBAAmB,EACjB,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,oBAAoB,GACpB,SAAS,GACT,cAAc,GACd,YAAY,GACZ,eAAe,GACf,aAAa,GACb,MAAM,GACN,QAAQ,GACR,KAAK,GACL,wBAAwB,CAC3B,CAAC;AAcF,MAAM,WAAW,iBAAkB,SAAQ,2BAA2B;IACpE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,qGAAqG;IACrG,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sGAAsG;IACtG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAwWlE"}

package/dist/button/ActionButton.js

@@ -0,0 +1,2 @@
+import { t as ActionButton } from "../_chunk/ActionButton.js";
+export { ActionButton };

package/dist/button/ActionButton.jsx

@@ -0,0 +1,2 @@
+import { t as ActionButton } from "../_chunk/ActionButton.jsx";
+export { ActionButton };

package/dist/button/Button.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from "solid-js";
+import type { ButtonProps } from "./types";
+export declare function Button(props: ButtonProps): JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,GAAG,EAIT,MAAM,UAAU,CAAC;AAQlB,OAAO,KAAK,EAAmB,WAAW,EAA6B,MAAM,SAAS,CAAC;AAgCvF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0LtD"}

package/dist/button/ClearButton.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+import { type ButtonProps as HeadlessButtonProps } from "@proyecto-viviana/solidaria-components";
+export type ClearButtonSize = "sm" | "md" | "lg";
+export interface ClearButtonProps extends Omit<HeadlessButtonProps, "class" | "style" | "children"> {
+    /** The size of the button. @default 'md' */
+    size?: ClearButtonSize;
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * An icon-only clear/dismiss button, typically used in search fields and tags.
+ */
+export declare function ClearButton(props: ClearButtonProps): JSX.Element;
+//# sourceMappingURL=ClearButton.d.ts.map

package/dist/button/ClearButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.d.ts","sourceRoot":"","sources":["../../src/button/ClearButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAExC,MAAM,wCAAwC,CAAC;AAOhD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,EACnB,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4CD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA8BhE"}

package/dist/button/FieldButton.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from "solid-js";
+import { type ButtonProps as HeadlessButtonProps } from "@proyecto-viviana/solidaria-components";
+export interface FieldButtonProps extends Omit<HeadlessButtonProps, "class" | "style"> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * A button designed to sit inside an input field.
+ */
+export declare function FieldButton(props: FieldButtonProps): JSX.Element;
+//# sourceMappingURL=FieldButton.d.ts.map

package/dist/button/FieldButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldButton.d.ts","sourceRoot":"","sources":["../../src/button/FieldButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAExC,MAAM,wCAAwC,CAAC;AAIhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC;IACpF,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkBhE"}