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

package/dist/_chunk/spectrum-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"spectrum-icon.js","names":[],"sources":["../../src/icon/spectrum-icon.tsx"],"sourcesContent":["import { type Component, type JSX, createContext, splitProps, useContext } from \"solid-js\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { mergeContextRefs, type RefLike } from \"../button/spectrum-context\";\nimport {\n  createIsSkeleton,\n  loadingStyle,\n  useInertAttribute,\n  useLoadingAnimation,\n  useSkeletonIcon,\n} from \"../skeleton\";\n\nexport interface IconContextValue {\n  slot?: string | null;\n  styles?: StyleString | (() => StyleString | undefined);\n  render?: (icon: JSX.Element) => JSX.Element;\n  size?: \"S\" | \"M\" | \"L\";\n}\n\nexport const IconContext = createContext<IconContextValue>({});\nexport const IllustrationContext = createContext<IconContextValue>({});\n\nexport interface SpectrumIconProps extends JSX.SvgSVGAttributes<SVGSVGElement> {\n  slot?: string;\n  styles?: StyleString;\n  class?: string;\n  style?: JSX.CSSProperties | string;\n  \"aria-label\"?: string;\n  \"aria-hidden\"?: boolean | \"false\" | \"true\";\n  UNSAFE_suppressDataSlot?: boolean;\n}\n\nexport interface SpectrumIllustrationProps extends SpectrumIconProps {\n  size?: \"S\" | \"M\" | \"L\";\n}\n\ntype SpectrumSvgComponentProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n  focusable?: boolean | \"false\" | \"true\";\n  size?: \"S\" | \"M\" | \"L\";\n};\n\nconst illustrationSizes = {\n  S: 48,\n  M: 96,\n  L: 160,\n} as const;\n\nconst iconAllowedOverrides = [\n  \"margin\",\n  \"marginStart\",\n  \"marginEnd\",\n  \"marginTop\",\n  \"marginBottom\",\n  \"marginX\",\n  \"marginY\",\n  \"justifySelf\",\n  \"alignSelf\",\n  \"order\",\n  \"gridArea\",\n  \"gridRowStart\",\n  \"gridRowEnd\",\n  \"gridColumnStart\",\n  \"gridColumnEnd\",\n  \"position\",\n  \"zIndex\",\n  \"top\",\n  \"bottom\",\n  \"inset\",\n  \"insetX\",\n  \"insetY\",\n  \"insetStart\",\n  \"insetEnd\",\n  \"rotate\",\n  \"--iconPrimary\",\n  \"size\",\n] as const;\n\nconst iconBaseStyles = style(\n  {\n    size: 20,\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\n// UI icons (chevrons, checkmarks, crosses, …) render at their per-size asset\n// dimensions — upstream's ui-icon width/height maps equal the SVG intrinsic\n// sizes exactly, so the width/height attributes on the generated variants are\n// the faithful size source. Only workflow icons get the 20px base above\n// (upstream Icon.tsx).\nconst uiIconBaseStyles = style(\n  {\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\nconst illustrationBaseStyles = style(\n  {\n    size: {\n      size: illustrationSizes,\n    },\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\nexport function createIcon(Component: Component<SpectrumSvgComponentProps>, context = IconContext) {\n  return createIconForBase(Component, context, iconBaseStyles);\n}\n\nexport function createUIIcon(\n  Component: Component<SpectrumSvgComponentProps>,\n  context = IconContext,\n) {\n  // UI icons (Cross, Chevron, Checkmark, …) are rendered as the RAW svg upstream\n  // (`@react-spectrum/s2` imports `../ui-icons/*` directly — the generated\n  // components spread `{...otherProps}` onto the imported asset and never pass\n  // through the `Icon` wrapper). Those assets carry NO `role` and NO `aria-hidden`,\n  // so upstream ui-icons are bare `<svg>`: Chrome still exposes them as unnamed\n  // `img` nodes (matching the CloseButton cross React shows in the AX tree), but\n  // axe's `svg-img-alt` rule only flags an *explicit* `svg[role=\"img\"]`, so\n  // upstream stays clean. Mirror that exactly — `bare` mode drops the forced\n  // `role=\"img\"` and the auto `aria-hidden`; only pass what a call site asks for.\n  // (parity rule #1/#2)\n  return createIconForBase(Component, context, uiIconBaseStyles, true);\n}\n\nfunction createIconForBase(\n  Component: Component<SpectrumSvgComponentProps>,\n  context: typeof IconContext,\n  baseStyles: typeof iconBaseStyles,\n  bare = false,\n) {\n  return (props: SpectrumIconProps): JSX.Element => {\n    const ctx = useContext(context);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"UNSAFE_suppressDataSlot\",\n      \"size\" as keyof SpectrumIconProps,\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const contextStyles = () => (typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles);\n    const isSkeleton = createIsSkeleton();\n    const skeletonAnimationRef = useLoadingAnimation(isSkeleton);\n    const inertRef = useInertAttribute(isSkeleton);\n    const skeletonStyles = useSkeletonIcon(() =>\n      mergeStyles(baseStyles(null, local.styles), contextStyles()),\n    );\n    const skeletonRef = (element: SVGSVGElement) => {\n      skeletonAnimationRef(element);\n      inertRef(element);\n    };\n\n    const mergedClass = () =>\n      [local.class, skeletonStyles(), isSkeleton() ? loadingStyle : undefined]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"] || bare) {\n        return local[\"aria-hidden\"] || undefined;\n      }\n\n      return true;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        ref={mergeContextRefs((rest as { ref?: RefLike<SVGSVGElement> }).ref, skeletonRef)}\n        focusable={false}\n        role={bare ? undefined : \"img\"}\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    return ctx.render ? ctx.render(svg) : svg;\n  };\n}\n\nexport function createIllustration(Component: Component<SpectrumSvgComponentProps>) {\n  return (props: SpectrumIllustrationProps): JSX.Element => {\n    const ctx = useContext(IllustrationContext);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"size\",\n      \"UNSAFE_suppressDataSlot\",\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const size = () => local.size ?? ctx.size ?? \"M\";\n    const contextStyles = () => (typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles);\n\n    const mergedClass = () =>\n      [\n        local.class,\n        mergeStyles(illustrationBaseStyles({ size: size() }, local.styles), contextStyles()),\n      ]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"]) {\n        return local[\"aria-hidden\"] || undefined;\n      }\n\n      return true;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        size={size()}\n        focusable={false}\n        role=\"img\"\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    return ctx.render ? ctx.render(svg) : svg;\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"spectrum-icon.js","names":[],"sources":["../../src/icon/spectrum-icon.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/Icon.tsx\n\n// Port of packages/@react-spectrum/s2/src/Icon.tsx.\nimport { createContext, useContext } from \"solid-js\";\nimport type { Component } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { mergeContextRefs, type RefLike } from \"../button/spectrum-context\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  createIsSkeleton,\n  loadingStyle,\n  useInertAttribute,\n  useLoadingAnimation,\n  useSkeletonIcon,\n} from \"../skeleton\";\n\nexport interface IconContextValue {\n  slot?: string | null;\n  styles?: StyleString | (() => StyleString | undefined);\n  render?: (icon: JSX.Element) => JSX.Element;\n  size?: \"S\" | \"M\" | \"L\";\n}\n\nexport const IconContext = createContext<IconContextValue>({});\nexport const IllustrationContext = createContext<IconContextValue>({});\n\nexport interface SpectrumIconProps extends Omit<\n  JSX.SvgSVGAttributes<SVGSVGElement>,\n  \"aria-hidden\"\n> {\n  styles?: StyleString;\n  \"aria-hidden\"?: boolean | \"false\" | \"true\" | JSX.RemoveAttribute;\n  UNSAFE_suppressDataSlot?: boolean;\n}\n\nexport interface SpectrumIllustrationProps extends SpectrumIconProps {\n  size?: \"S\" | \"M\" | \"L\";\n}\n\ntype SpectrumSvgComponentProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n  focusable?: boolean | \"false\" | \"true\";\n  size?: \"S\" | \"M\" | \"L\";\n};\n\nconst illustrationSizes = {\n  S: 48,\n  M: 96,\n  L: 160,\n} as const;\n\nconst iconAllowedOverrides = [\n  \"margin\",\n  \"marginStart\",\n  \"marginEnd\",\n  \"marginTop\",\n  \"marginBottom\",\n  \"marginX\",\n  \"marginY\",\n  \"justifySelf\",\n  \"alignSelf\",\n  \"order\",\n  \"gridArea\",\n  \"gridRowStart\",\n  \"gridRowEnd\",\n  \"gridColumnStart\",\n  \"gridColumnEnd\",\n  \"position\",\n  \"zIndex\",\n  \"top\",\n  \"bottom\",\n  \"inset\",\n  \"insetX\",\n  \"insetY\",\n  \"insetStart\",\n  \"insetEnd\",\n  \"rotate\",\n  \"--iconPrimary\",\n  \"size\",\n] as const;\n\nconst iconBaseStyles = style(\n  {\n    size: 20,\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\n// UI icons (chevrons, checkmarks, crosses, …) are raw SVGs upstream\n// (`@react-spectrum/s2/ui-icons/*` never pass through Icon.tsx). Size maps\n// live on each generated ui-icon (Checkmark.tsx `styles({size})`), not here.\n// Do not invent flexShrink: S2 Checkmark computes flex-shrink: 1.\n\nconst illustrationBaseStyles = style(\n  {\n    size: {\n      size: illustrationSizes,\n    },\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\nexport function createIcon(Component: Component<SpectrumSvgComponentProps>, context = IconContext) {\n  return createIconForBase(Component, context, iconBaseStyles);\n}\n\nexport function createUIIcon(\n  Component: Component<SpectrumSvgComponentProps>,\n  context = IconContext,\n) {\n  // UI icons (Cross, Chevron, Checkmark, …) are rendered as the RAW svg upstream\n  // (`@react-spectrum/s2` imports `../ui-icons/*` directly — the generated\n  // components spread `{...otherProps}` onto the imported asset and never pass\n  // through the `Icon` wrapper). Those assets carry NO `role` and NO `aria-hidden`,\n  // so upstream ui-icons are bare `<svg>`: Chrome still exposes them as unnamed\n  // `img` nodes (matching the CloseButton cross React shows in the AX tree), but\n  // axe's `svg-img-alt` rule only flags an *explicit* `svg[role=\"img\"]`, so\n  // upstream stays clean. Mirror that exactly — `bare` mode drops the forced\n  // `role=\"img\"` and the auto `aria-hidden`; only pass what a call site asks for.\n  // Bare mode also skips IconContext `render`/`styles`/`slot`: S2 Checkmark sits\n  // inside ComboBoxItem's IconContext Provider and still paints as a raw svg in\n  // `gridArea: checkmark`. Workflow `createIcon` keeps consuming IconContext.\n  // (parity rule #1/#2)\n  return createIconForBase(Component, context, iconBaseStyles, true);\n}\n\nfunction createIconForBase(\n  Component: Component<SpectrumSvgComponentProps>,\n  context: typeof IconContext,\n  baseStyles: typeof iconBaseStyles,\n  bare = false,\n) {\n  return (props: SpectrumIconProps): JSX.Element => {\n    const ctx = useContext(context);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"UNSAFE_suppressDataSlot\",\n      \"size\" as keyof SpectrumIconProps,\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      // S2 ui-icons never pass through Icon.tsx, so they never inherit\n      // IconContext.slot. Explicit `slot` on the call site still wins.\n      if (bare) {\n        return local.slot ?? undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const contextStyles = () => {\n      if (bare) {\n        return undefined;\n      }\n      return typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles;\n    };\n    const isSkeleton = createIsSkeleton();\n    const skeletonAnimationRef = useLoadingAnimation(isSkeleton);\n    const inertRef = useInertAttribute(isSkeleton);\n    const skeletonStyles = useSkeletonIcon(() =>\n      mergeStyles(\n        // Bare ui-icons skip Icon.tsx wrapper styles (S2 spreads className onto\n        // the asset). Workflow icons keep `iconBaseStyles` (`size: 20`).\n        bare ? local.styles : baseStyles(null, local.styles),\n        contextStyles(),\n      ),\n    );\n    const skeletonRef = (element: SVGSVGElement) => {\n      skeletonAnimationRef(element);\n      inertRef(element);\n    };\n\n    const mergedClass = () =>\n      [local.class, skeletonStyles(), isSkeleton() ? loadingStyle : undefined]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"] || bare) {\n        const value = local[\"aria-hidden\"];\n        if (value === true || value === \"true\") return \"true\" as const;\n        if (value === false || value === \"false\") return \"false\" as const;\n        return undefined;\n      }\n\n      return \"true\" as const;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        ref={mergeContextRefs((rest as { ref?: RefLike<SVGSVGElement> }).ref, skeletonRef)}\n        {...(bare ? {} : { focusable: \"false\" as const, role: \"img\" as const })}\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    // S2 ui-icons never call IconContext.render (centerBaseline / gridArea: icon).\n    return !bare && ctx.render ? ctx.render(svg) : svg;\n  };\n}\n\nexport function createIllustration(Component: Component<SpectrumSvgComponentProps>) {\n  return (props: SpectrumIllustrationProps): JSX.Element => {\n    const ctx = useContext(IllustrationContext);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"size\",\n      \"UNSAFE_suppressDataSlot\",\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const size = () => local.size ?? ctx.size ?? \"M\";\n    const contextStyles = () => (typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles);\n\n    const mergedClass = () =>\n      [\n        local.class,\n        mergeStyles(illustrationBaseStyles({ size: size() }, local.styles), contextStyles()),\n      ]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"]) {\n        const value = local[\"aria-hidden\"];\n        if (value === true || value === \"true\") return \"true\" as const;\n        if (value === false || value === \"false\") return \"false\" as const;\n        return undefined;\n      }\n\n      return \"true\" as const;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        size={size()}\n        focusable=\"false\"\n        role=\"img\"\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    return ctx.render ? ctx.render(svg) : svg;\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/spectrum-icon.jsx

@@ -1,7 +1,20 @@
+/*
+* 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/Icon.tsx
 import { t as mergeStyles } from "./runtime.jsx";
 import { r as mergeContextRefs } from "./spectrum-context.jsx";
 import { createIsSkeleton, loadingStyle, useInertAttribute, useLoadingAnimation, useSkeletonIcon } from "../skeleton/index.jsx";
-import { createContext, splitProps, useContext } from "solid-js";
+import { createContext, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/icon/spectrum-icon.tsx
 const IconContext = createContext({});
 const IllustrationContext = createContext({});
@@ -15,15 +28,9 @@ const iconBaseStyles = function anonymous(props, overrides) {
 		if (p[1] === "F") height = true;
 		rules += p[0];
 	}
-	if (!width) rules += " Zm151";
-	if (!height) rules += " Fn151";
-	rules += " _va151";
-	return rules;
-};
-const uiIconBaseStyles = function anonymous(props, overrides) {
-	let rules = " ";
-	rules += (String(overrides || "").match(/(?:^|\s)(J|G|I|H|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_S|-_8sjo0b-|Z|F)[^\s]+/g) || []).join("");
-	rules += " _va151";
+	if (!width) rules += " Zm17";
+	if (!height) rules += " Fn17";
+	rules += " _va17";
 	return rules;
 };
 const illustrationBaseStyles = function anonymous(props, overrides) {
@@ -37,27 +44,27 @@ const illustrationBaseStyles = function anonymous(props, overrides) {
 		rules += p[0];
 	}
 	if (props.size === "L") {
-		if (!width) rules += " Zq151";
+		if (!width) rules += " Zq17";
 	} else if (props.size === "M") {
-		if (!width) rules += " ZH151";
+		if (!width) rules += " ZH17";
 	} else if (props.size === "S") {
-		if (!width) rules += " ZF151";
+		if (!width) rules += " ZF17";
 	}
 	if (props.size === "L") {
-		if (!height) rules += " Fr151";
+		if (!height) rules += " Fr17";
 	} else if (props.size === "M") {
-		if (!height) rules += " FB151";
+		if (!height) rules += " FB17";
 	} else if (props.size === "S") {
-		if (!height) rules += " Fz151";
+		if (!height) rules += " Fz17";
 	}
-	rules += " _va151";
+	rules += " _va17";
 	return rules;
 };
 function createIcon(Component, context = IconContext) {
 	return createIconForBase(Component, context, iconBaseStyles);
 }
 function createUIIcon(Component, context = IconContext) {
-	return createIconForBase(Component, context, uiIconBaseStyles, true);
+	return createIconForBase(Component, context, iconBaseStyles, true);
 }
 function createIconForBase(Component, context, baseStyles, bare = false) {
 	return (props) => {
@@ -74,13 +81,17 @@ function createIconForBase(Component, context, baseStyles, bare = false) {
 		]);
 		const slot = () => {
 			if (local.UNSAFE_suppressDataSlot) return;
+			if (bare) return local.slot ?? void 0;
 			return local.slot ?? ctx.slot ?? void 0;
 		};
-		const contextStyles = () => typeof ctx.styles === "function" ? ctx.styles() : ctx.styles;
+		const contextStyles = () => {
+			if (bare) return;
+			return typeof ctx.styles === "function" ? ctx.styles() : ctx.styles;
+		};
 		const isSkeleton = createIsSkeleton();
 		const skeletonAnimationRef = useLoadingAnimation(isSkeleton);
 		const inertRef = useInertAttribute(isSkeleton);
-		const skeletonStyles = useSkeletonIcon(() => mergeStyles(baseStyles(null, local.styles), contextStyles()));
+		const skeletonStyles = useSkeletonIcon(() => mergeStyles(bare ? local.styles : baseStyles(null, local.styles), contextStyles()));
 		const skeletonRef = (element) => {
 			skeletonAnimationRef(element);
 			inertRef(element);
@@ -91,11 +102,19 @@ function createIconForBase(Component, context, baseStyles, bare = false) {
 			isSkeleton() ? loadingStyle : void 0
 		].filter(Boolean).join(" ");
 		const ariaHidden = () => {
-			if (local["aria-label"] || bare) return local["aria-hidden"] || void 0;
-			return true;
+			if (local["aria-label"] || bare) {
+				const value = local["aria-hidden"];
+				if (value === true || value === "true") return "true";
+				if (value === false || value === "false") return "false";
+				return;
+			}
+			return "true";
 		};
-		const svg = <Component {...rest} ref={mergeContextRefs(rest.ref, skeletonRef)} focusable={false} role={bare ? void 0 : "img"} aria-label={local["aria-label"]} aria-hidden={ariaHidden()} data-slot={slot()} class={mergedClass()} style={local.style} />;
-		return ctx.render ? ctx.render(svg) : svg;
+		const svg = <Component {...rest} ref={mergeContextRefs(rest.ref, skeletonRef)} {...bare ? {} : {
+			focusable: "false",
+			role: "img"
+		}} aria-label={local["aria-label"]} aria-hidden={ariaHidden()} data-slot={slot()} class={mergedClass()} style={local.style} />;
+		return !bare && ctx.render ? ctx.render(svg) : svg;
 	};
 }
 function createIllustration(Component) {
@@ -119,10 +138,15 @@ function createIllustration(Component) {
 		const contextStyles = () => typeof ctx.styles === "function" ? ctx.styles() : ctx.styles;
 		const mergedClass = () => [local.class, mergeStyles(illustrationBaseStyles({ size: size() }, local.styles), contextStyles())].filter(Boolean).join(" ");
 		const ariaHidden = () => {
-			if (local["aria-label"]) return local["aria-hidden"] || void 0;
-			return true;
+			if (local["aria-label"]) {
+				const value = local["aria-hidden"];
+				if (value === true || value === "true") return "true";
+				if (value === false || value === "false") return "false";
+				return;
+			}
+			return "true";
 		};
-		const svg = <Component {...rest} size={size()} focusable={false} role="img" aria-label={local["aria-label"]} aria-hidden={ariaHidden()} data-slot={slot()} class={mergedClass()} style={local.style} />;
+		const svg = <Component {...rest} size={size()} focusable="false" role="img" aria-label={local["aria-label"]} aria-hidden={ariaHidden()} data-slot={slot()} class={mergedClass()} style={local.style} />;
 		return ctx.render ? ctx.render(svg) : svg;
 	};
 }

package/dist/_chunk/spectrum-icon.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"spectrum-icon.jsx","names":[],"sources":["../../src/icon/spectrum-icon.tsx"],"sourcesContent":["import { type Component, type JSX, createContext, splitProps, useContext } from \"solid-js\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { mergeContextRefs, type RefLike } from \"../button/spectrum-context\";\nimport {\n  createIsSkeleton,\n  loadingStyle,\n  useInertAttribute,\n  useLoadingAnimation,\n  useSkeletonIcon,\n} from \"../skeleton\";\n\nexport interface IconContextValue {\n  slot?: string | null;\n  styles?: StyleString | (() => StyleString | undefined);\n  render?: (icon: JSX.Element) => JSX.Element;\n  size?: \"S\" | \"M\" | \"L\";\n}\n\nexport const IconContext = createContext<IconContextValue>({});\nexport const IllustrationContext = createContext<IconContextValue>({});\n\nexport interface SpectrumIconProps extends JSX.SvgSVGAttributes<SVGSVGElement> {\n  slot?: string;\n  styles?: StyleString;\n  class?: string;\n  style?: JSX.CSSProperties | string;\n  \"aria-label\"?: string;\n  \"aria-hidden\"?: boolean | \"false\" | \"true\";\n  UNSAFE_suppressDataSlot?: boolean;\n}\n\nexport interface SpectrumIllustrationProps extends SpectrumIconProps {\n  size?: \"S\" | \"M\" | \"L\";\n}\n\ntype SpectrumSvgComponentProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n  focusable?: boolean | \"false\" | \"true\";\n  size?: \"S\" | \"M\" | \"L\";\n};\n\nconst illustrationSizes = {\n  S: 48,\n  M: 96,\n  L: 160,\n} as const;\n\nconst iconAllowedOverrides = [\n  \"margin\",\n  \"marginStart\",\n  \"marginEnd\",\n  \"marginTop\",\n  \"marginBottom\",\n  \"marginX\",\n  \"marginY\",\n  \"justifySelf\",\n  \"alignSelf\",\n  \"order\",\n  \"gridArea\",\n  \"gridRowStart\",\n  \"gridRowEnd\",\n  \"gridColumnStart\",\n  \"gridColumnEnd\",\n  \"position\",\n  \"zIndex\",\n  \"top\",\n  \"bottom\",\n  \"inset\",\n  \"insetX\",\n  \"insetY\",\n  \"insetStart\",\n  \"insetEnd\",\n  \"rotate\",\n  \"--iconPrimary\",\n  \"size\",\n] as const;\n\nconst iconBaseStyles = style(\n  {\n    size: 20,\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\n// UI icons (chevrons, checkmarks, crosses, …) render at their per-size asset\n// dimensions — upstream's ui-icon width/height maps equal the SVG intrinsic\n// sizes exactly, so the width/height attributes on the generated variants are\n// the faithful size source. Only workflow icons get the 20px base above\n// (upstream Icon.tsx).\nconst uiIconBaseStyles = style(\n  {\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\nconst illustrationBaseStyles = style(\n  {\n    size: {\n      size: illustrationSizes,\n    },\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\nexport function createIcon(Component: Component<SpectrumSvgComponentProps>, context = IconContext) {\n  return createIconForBase(Component, context, iconBaseStyles);\n}\n\nexport function createUIIcon(\n  Component: Component<SpectrumSvgComponentProps>,\n  context = IconContext,\n) {\n  // UI icons (Cross, Chevron, Checkmark, …) are rendered as the RAW svg upstream\n  // (`@react-spectrum/s2` imports `../ui-icons/*` directly — the generated\n  // components spread `{...otherProps}` onto the imported asset and never pass\n  // through the `Icon` wrapper). Those assets carry NO `role` and NO `aria-hidden`,\n  // so upstream ui-icons are bare `<svg>`: Chrome still exposes them as unnamed\n  // `img` nodes (matching the CloseButton cross React shows in the AX tree), but\n  // axe's `svg-img-alt` rule only flags an *explicit* `svg[role=\"img\"]`, so\n  // upstream stays clean. Mirror that exactly — `bare` mode drops the forced\n  // `role=\"img\"` and the auto `aria-hidden`; only pass what a call site asks for.\n  // (parity rule #1/#2)\n  return createIconForBase(Component, context, uiIconBaseStyles, true);\n}\n\nfunction createIconForBase(\n  Component: Component<SpectrumSvgComponentProps>,\n  context: typeof IconContext,\n  baseStyles: typeof iconBaseStyles,\n  bare = false,\n) {\n  return (props: SpectrumIconProps): JSX.Element => {\n    const ctx = useContext(context);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"UNSAFE_suppressDataSlot\",\n      \"size\" as keyof SpectrumIconProps,\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const contextStyles = () => (typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles);\n    const isSkeleton = createIsSkeleton();\n    const skeletonAnimationRef = useLoadingAnimation(isSkeleton);\n    const inertRef = useInertAttribute(isSkeleton);\n    const skeletonStyles = useSkeletonIcon(() =>\n      mergeStyles(baseStyles(null, local.styles), contextStyles()),\n    );\n    const skeletonRef = (element: SVGSVGElement) => {\n      skeletonAnimationRef(element);\n      inertRef(element);\n    };\n\n    const mergedClass = () =>\n      [local.class, skeletonStyles(), isSkeleton() ? loadingStyle : undefined]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"] || bare) {\n        return local[\"aria-hidden\"] || undefined;\n      }\n\n      return true;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        ref={mergeContextRefs((rest as { ref?: RefLike<SVGSVGElement> }).ref, skeletonRef)}\n        focusable={false}\n        role={bare ? undefined : \"img\"}\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    return ctx.render ? ctx.render(svg) : svg;\n  };\n}\n\nexport function createIllustration(Component: Component<SpectrumSvgComponentProps>) {\n  return (props: SpectrumIllustrationProps): JSX.Element => {\n    const ctx = useContext(IllustrationContext);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"size\",\n      \"UNSAFE_suppressDataSlot\",\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const size = () => local.size ?? ctx.size ?? \"M\";\n    const contextStyles = () => (typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles);\n\n    const mergedClass = () =>\n      [\n        local.class,\n        mergeStyles(illustrationBaseStyles({ size: size() }, local.styles), contextStyles()),\n      ]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"]) {\n        return local[\"aria-hidden\"] || undefined;\n      }\n\n      return true;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        size={size()}\n        focusable={false}\n        role=\"img\"\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    return ctx.render ? ctx.render(svg) : svg;\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"spectrum-icon.jsx","names":[],"sources":["../../src/icon/spectrum-icon.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/Icon.tsx\n\n// Port of packages/@react-spectrum/s2/src/Icon.tsx.\nimport { createContext, useContext } from \"solid-js\";\nimport type { Component } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { mergeContextRefs, type RefLike } from \"../button/spectrum-context\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  createIsSkeleton,\n  loadingStyle,\n  useInertAttribute,\n  useLoadingAnimation,\n  useSkeletonIcon,\n} from \"../skeleton\";\n\nexport interface IconContextValue {\n  slot?: string | null;\n  styles?: StyleString | (() => StyleString | undefined);\n  render?: (icon: JSX.Element) => JSX.Element;\n  size?: \"S\" | \"M\" | \"L\";\n}\n\nexport const IconContext = createContext<IconContextValue>({});\nexport const IllustrationContext = createContext<IconContextValue>({});\n\nexport interface SpectrumIconProps extends Omit<\n  JSX.SvgSVGAttributes<SVGSVGElement>,\n  \"aria-hidden\"\n> {\n  styles?: StyleString;\n  \"aria-hidden\"?: boolean | \"false\" | \"true\" | JSX.RemoveAttribute;\n  UNSAFE_suppressDataSlot?: boolean;\n}\n\nexport interface SpectrumIllustrationProps extends SpectrumIconProps {\n  size?: \"S\" | \"M\" | \"L\";\n}\n\ntype SpectrumSvgComponentProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n  focusable?: boolean | \"false\" | \"true\";\n  size?: \"S\" | \"M\" | \"L\";\n};\n\nconst illustrationSizes = {\n  S: 48,\n  M: 96,\n  L: 160,\n} as const;\n\nconst iconAllowedOverrides = [\n  \"margin\",\n  \"marginStart\",\n  \"marginEnd\",\n  \"marginTop\",\n  \"marginBottom\",\n  \"marginX\",\n  \"marginY\",\n  \"justifySelf\",\n  \"alignSelf\",\n  \"order\",\n  \"gridArea\",\n  \"gridRowStart\",\n  \"gridRowEnd\",\n  \"gridColumnStart\",\n  \"gridColumnEnd\",\n  \"position\",\n  \"zIndex\",\n  \"top\",\n  \"bottom\",\n  \"inset\",\n  \"insetX\",\n  \"insetY\",\n  \"insetStart\",\n  \"insetEnd\",\n  \"rotate\",\n  \"--iconPrimary\",\n  \"size\",\n] as const;\n\nconst iconBaseStyles = style(\n  {\n    size: 20,\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\n// UI icons (chevrons, checkmarks, crosses, …) are raw SVGs upstream\n// (`@react-spectrum/s2/ui-icons/*` never pass through Icon.tsx). Size maps\n// live on each generated ui-icon (Checkmark.tsx `styles({size})`), not here.\n// Do not invent flexShrink: S2 Checkmark computes flex-shrink: 1.\n\nconst illustrationBaseStyles = style(\n  {\n    size: {\n      size: illustrationSizes,\n    },\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\nexport function createIcon(Component: Component<SpectrumSvgComponentProps>, context = IconContext) {\n  return createIconForBase(Component, context, iconBaseStyles);\n}\n\nexport function createUIIcon(\n  Component: Component<SpectrumSvgComponentProps>,\n  context = IconContext,\n) {\n  // UI icons (Cross, Chevron, Checkmark, …) are rendered as the RAW svg upstream\n  // (`@react-spectrum/s2` imports `../ui-icons/*` directly — the generated\n  // components spread `{...otherProps}` onto the imported asset and never pass\n  // through the `Icon` wrapper). Those assets carry NO `role` and NO `aria-hidden`,\n  // so upstream ui-icons are bare `<svg>`: Chrome still exposes them as unnamed\n  // `img` nodes (matching the CloseButton cross React shows in the AX tree), but\n  // axe's `svg-img-alt` rule only flags an *explicit* `svg[role=\"img\"]`, so\n  // upstream stays clean. Mirror that exactly — `bare` mode drops the forced\n  // `role=\"img\"` and the auto `aria-hidden`; only pass what a call site asks for.\n  // Bare mode also skips IconContext `render`/`styles`/`slot`: S2 Checkmark sits\n  // inside ComboBoxItem's IconContext Provider and still paints as a raw svg in\n  // `gridArea: checkmark`. Workflow `createIcon` keeps consuming IconContext.\n  // (parity rule #1/#2)\n  return createIconForBase(Component, context, iconBaseStyles, true);\n}\n\nfunction createIconForBase(\n  Component: Component<SpectrumSvgComponentProps>,\n  context: typeof IconContext,\n  baseStyles: typeof iconBaseStyles,\n  bare = false,\n) {\n  return (props: SpectrumIconProps): JSX.Element => {\n    const ctx = useContext(context);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"UNSAFE_suppressDataSlot\",\n      \"size\" as keyof SpectrumIconProps,\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      // S2 ui-icons never pass through Icon.tsx, so they never inherit\n      // IconContext.slot. Explicit `slot` on the call site still wins.\n      if (bare) {\n        return local.slot ?? undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const contextStyles = () => {\n      if (bare) {\n        return undefined;\n      }\n      return typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles;\n    };\n    const isSkeleton = createIsSkeleton();\n    const skeletonAnimationRef = useLoadingAnimation(isSkeleton);\n    const inertRef = useInertAttribute(isSkeleton);\n    const skeletonStyles = useSkeletonIcon(() =>\n      mergeStyles(\n        // Bare ui-icons skip Icon.tsx wrapper styles (S2 spreads className onto\n        // the asset). Workflow icons keep `iconBaseStyles` (`size: 20`).\n        bare ? local.styles : baseStyles(null, local.styles),\n        contextStyles(),\n      ),\n    );\n    const skeletonRef = (element: SVGSVGElement) => {\n      skeletonAnimationRef(element);\n      inertRef(element);\n    };\n\n    const mergedClass = () =>\n      [local.class, skeletonStyles(), isSkeleton() ? loadingStyle : undefined]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"] || bare) {\n        const value = local[\"aria-hidden\"];\n        if (value === true || value === \"true\") return \"true\" as const;\n        if (value === false || value === \"false\") return \"false\" as const;\n        return undefined;\n      }\n\n      return \"true\" as const;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        ref={mergeContextRefs((rest as { ref?: RefLike<SVGSVGElement> }).ref, skeletonRef)}\n        {...(bare ? {} : { focusable: \"false\" as const, role: \"img\" as const })}\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    // S2 ui-icons never call IconContext.render (centerBaseline / gridArea: icon).\n    return !bare && ctx.render ? ctx.render(svg) : svg;\n  };\n}\n\nexport function createIllustration(Component: Component<SpectrumSvgComponentProps>) {\n  return (props: SpectrumIllustrationProps): JSX.Element => {\n    const ctx = useContext(IllustrationContext);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"size\",\n      \"UNSAFE_suppressDataSlot\",\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const size = () => local.size ?? ctx.size ?? \"M\";\n    const contextStyles = () => (typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles);\n\n    const mergedClass = () =>\n      [\n        local.class,\n        mergeStyles(illustrationBaseStyles({ size: size() }, local.styles), contextStyles()),\n      ]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"]) {\n        const value = local[\"aria-hidden\"];\n        if (value === true || value === \"true\") return \"true\" as const;\n        if (value === false || value === \"false\") return \"false\" as const;\n        return undefined;\n      }\n\n      return \"true\" as const;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        size={size()}\n        focusable=\"false\"\n        role=\"img\"\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    return ctx.render ? ctx.render(svg) : svg;\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/suffix.jsx

@@ -1,14 +1,14 @@
 import { CenterBaseline } from "../icon/center-baseline.jsx";
 import { t as IconContext } from "./spectrum-icon.jsx";
 //#region src/field/suffix.tsx
-const suffixStyles = " pQKeKoe151 _va151 It151 Isu151";
-const suffixIconContext = { styles: " ZuUmpre151 FuUmpre151 -_8sjo0b-t5ZbAob151" };
+const suffixStyles = " pX85CBd17 _va17 It17 Isu17";
+const suffixIconContext = { styles: " ZObNfn17 FObNfn17 -_8sjo0b-t5ZbAob17" };
 /** Renders a field suffix node (text or icon) with the trailing slot styling. */ function FieldSuffix(props) {
-	return <IconContext.Provider value={suffixIconContext}>
+	return <IconContext value={suffixIconContext}>
       <CenterBaseline id={props.id} styles={suffixStyles}>
         {props.children}
       </CenterBaseline>
-    </IconContext.Provider>;
+    </IconContext>;
 }
 //#endregion
 export { FieldSuffix as t };

package/dist/_chunk/suffix.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"suffix.jsx","names":[],"sources":["../../src/field/suffix.tsx"],"sourcesContent":["/**\n * Shared field `suffix` slot — the trailing counterpart of `prefix.tsx`.\n *\n * Viviana UI v2 (Glasselated): upstream S2's FieldGroup carries only a leading\n * `prefix`; the register's prompt wells (TerminalGlassLab panel 02) also park a\n * trailing adornment inside the field — the `⌘K` / `↵` key hint flush against\n * the input's end. This slot is that register addition: same styling contract\n * as the prefix (`gray-600`, `flex-shrink: 0`, icon sized to\n * `fontRelative(20)`) mirrored to the trailing side (`margin-start:\n * text-to-visual`).\n *\n * Accessibility follows the prefix's certified pattern: the suffix's id is\n * appended to the input's `aria-labelledby` through the same\n * `PrefixInputProvider` (pass both ids space-separated) — a unit suffix like\n * \"kg\" belongs in the accessible name exactly as a unit prefix does.\n */\nimport { type JSX } from \"solid-js\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { IconContext, type IconContextValue } from \"../icon\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\n\nconst suffixStyles = style({\n  color: \"gray-600\",\n  flexShrink: 0,\n  marginStart: \"text-to-visual\",\n});\n\nconst suffixIconStyles = style({\n  size: fontRelative(20),\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst suffixIconContext: IconContextValue = { styles: suffixIconStyles };\n\n/** Renders a field suffix node (text or icon) with the trailing slot styling. */\nexport function FieldSuffix(props: { id: string; children: JSX.Element }): JSX.Element {\n  return (\n    <IconContext.Provider value={suffixIconContext}>\n      <CenterBaseline id={props.id} styles={suffixStyles}>\n        {props.children}\n      </CenterBaseline>\n    </IconContext.Provider>\n  );\n}\n"],"mappings":";;;AAkBA,MAAM,eAAe;4BAGrB,QAAM,6CACN;kFACe,SAAA,YAAA,OAAA;CAIf,OAAM,CAAA,YAAmB,SAAM,OAAA,mBAAA;MACzB,CAAC,eAAc,IAAG,MAAA,IAAA,QAAA,cAAA;SACnB,MAAA,SAAc;MACf,EAAI,eAAQ;IACZ,EAAA,YAAQ;AACZ"}
+{"version":3,"file":"suffix.jsx","names":[],"sources":["../../src/field/suffix.tsx"],"sourcesContent":["/**\n * Shared field `suffix` slot — the trailing counterpart of `prefix.tsx`.\n *\n * Viviana UI v2 (Glasselated): upstream S2's FieldGroup carries only a leading\n * `prefix`; the register's prompt wells (TerminalGlassLab panel 02) also park a\n * trailing adornment inside the field — the `⌘K` / `↵` key hint flush against\n * the input's end. This slot is that register addition: same styling contract\n * as the prefix (`gray-600`, `flex-shrink: 0`, icon sized to\n * `'1lh'`) mirrored to the trailing side (`margin-start:\n * text-to-visual`).\n *\n * Accessibility follows the prefix's certified pattern: the suffix's id is\n * appended to the input's `aria-labelledby` through the same\n * `PrefixInputProvider` (pass both ids space-separated) — a unit suffix like\n * \"kg\" belongs in the accessible name exactly as a unit prefix does.\n */\nimport type { JSX } from \"@solidjs/web\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { IconContext, type IconContextValue } from \"../icon\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nconst suffixStyles = style({\n  color: \"gray-600\",\n  flexShrink: 0,\n  marginStart: \"text-to-visual\",\n});\n\nconst suffixIconStyles = style({\n  size: \"1lh\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst suffixIconContext: IconContextValue = { styles: suffixIconStyles };\n\n/** Renders a field suffix node (text or icon) with the trailing slot styling. */\nexport function FieldSuffix(props: { id: string; children: JSX.Element }): JSX.Element {\n  return (\n    <IconContext value={suffixIconContext}>\n      <CenterBaseline id={props.id} styles={suffixStyles}>\n        {props.children}\n      </CenterBaseline>\n    </IconContext>\n  );\n}\n"],"mappings":";;;AAqBA,MAAM,eAAA;AAcN,MAAM,oBAAsC,EAAE,QAAQ,wCAAiB;kFAGvE,SAAgB,YAAY,OAAmD;CAC7E,OAAO,CACJ,YAAY,OAAO,mBAAmB;MACrC,CAAC,eAAe,IAAI,MAAM,IAAI,QAAQ,cAAc;SACjD,MAAM,SAAS;MAClB,EAAE,eAAe;IACnB,EAAE;AAEN"}