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

package/dist/inlinealert/index.jsx

@@ -1,14 +1,27 @@
+/*
+* Copyright 2023 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/InlineAlert.tsx
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.jsx";
 import { t as s2IntlStrings } from "../_chunk/intl.jsx";
 import { t as IconContext } from "../_chunk/spectrum-icon.jsx";
-import { f as HeadingContext, n as ContentContext } from "../_chunk/text.jsx";
+import { n as ContentContext, u as HeadingContext } from "../_chunk/text.jsx";
 import { t as InfoCircleIcon } from "../_chunk/InfoCircleIcon.jsx";
 import { t as AlertTriangleIcon } from "../_chunk/AlertTriangleIcon.jsx";
 import { t as AlertDiamondIcon } from "../_chunk/AlertDiamondIcon.jsx";
 import { t as CheckmarkCircleIcon } from "../_chunk/CheckmarkCircleIcon.jsx";
-import { Show, createContext, mergeProps, onMount, splitProps, useContext } from "solid-js";
-import { createFocusRing, createStringFormatter, filterDOMProps, focusSafely } from "@proyecto-viviana/solidaria";
-import { Dynamic } from "solid-js/web";
+import { Show, createContext, onSettled, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+import { createFocusRing, createStringFormatter, filterDOMProps, focusSafely, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { Dynamic } from "@solidjs/web";
 //#region src/inlinealert/index.tsx
 function normalizeVariant(variant) {
 	switch (variant) {
@@ -26,133 +39,136 @@ const inlineAlert = function anonymous(props, overrides) {
 		if (p[1] === "_P") position = true;
 		rules += p[0];
 	}
-	if (props.isFocusVisible) rules += " _Lf151";
-	else rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _Kd151";
-	rules += " oQvqurc151";
-	rules += " nQvqurc151";
-	rules += " kQvqurc151";
-	rules += " jQvqurc151";
+	if (props.isFocusVisible) rules += " _Lf17";
+	else rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _Kd17";
+	rules += " oQvqurc17";
+	rules += " nQvqurc17";
+	rules += " kQvqurc17";
+	rules += " jQvqurc17";
 	if (props.variant === "neutral") {
-		if (props.fillStyle === "boldFill") rules += " g6m8FEd151";
-		else if (props.fillStyle === "subtleFill") rules += " gAYim6b151";
-		else if (props.fillStyle === "border") rules += " g9ORGnd151";
+		if (props.fillStyle === "boldFill") rules += " gEJCckb17";
+		else if (props.fillStyle === "subtleFill") rules += " gESis7d17";
+		else if (props.fillStyle === "border") rules += " g9ORGnd17";
 	} else if (props.variant === "negative") {
-		if (props.fillStyle === "boldFill") rules += " geTwQfb151";
-		else if (props.fillStyle === "subtleFill") rules += " gmgnSBe151";
-		else if (props.fillStyle === "border") rules += " g9ORGnd151";
+		if (props.fillStyle === "boldFill") rules += " g53V7Rd17";
+		else if (props.fillStyle === "subtleFill") rules += " g2F1lc17";
+		else if (props.fillStyle === "border") rules += " g9ORGnd17";
 	} else if (props.variant === "notice") {
-		if (props.fillStyle === "boldFill") rules += " gYNPFce151";
-		else if (props.fillStyle === "subtleFill") rules += " gp3QH4b151";
-		else if (props.fillStyle === "border") rules += " g9ORGnd151";
+		if (props.fillStyle === "boldFill") rules += " gY0msGd17";
+		else if (props.fillStyle === "subtleFill") rules += " gbipOud17";
+		else if (props.fillStyle === "border") rules += " g9ORGnd17";
 	} else if (props.variant === "positive") {
-		if (props.fillStyle === "boldFill") rules += " gfkXLC151";
-		else if (props.fillStyle === "subtleFill") rules += " gzVa7R151";
-		else if (props.fillStyle === "border") rules += " g9ORGnd151";
+		if (props.fillStyle === "boldFill") rules += " g4izmob17";
+		else if (props.fillStyle === "subtleFill") rules += " gzVa7R17";
+		else if (props.fillStyle === "border") rules += " g9ORGnd17";
 	} else if (props.variant === "informative") {
-		if (props.fillStyle === "boldFill") rules += " gGAGle151";
-		else if (props.fillStyle === "subtleFill") rules += " gWKeJ0c151";
-		else if (props.fillStyle === "border") rules += " g9ORGnd151";
+		if (props.fillStyle === "boldFill") rules += " g2e7YLe17";
+		else if (props.fillStyle === "subtleFill") rules += " gCgTRpd17";
+		else if (props.fillStyle === "border") rules += " g9ORGnd17";
 	}
-	if (props.fillStyle === "border") rules += " -Jvcevd-Nbc1hc151";
-	else rules += " -Jvcevd-h3TDrc151";
-	if (props.fillStyle === "border") rules += " _neYWWze151";
-	else rules += " _nd151";
-	rules += " _kb151";
-	rules += " hb151";
-	rules += " mb151";
-	rules += " lb151";
-	rules += " _jf151";
-	if (props.fillStyle === "boldFill") rules += " iA151";
-	else if (props.fillStyle === "subtleFill") rules += " iA151";
+	if (props.fillStyle === "border") rules += " -Jvcevd-Nbc1hc17";
+	else rules += " -Jvcevd-h3TDrc17";
+	if (props.fillStyle === "border") rules += " _nbkwzSb17";
+	else rules += " _nd17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _jf17";
+	if (props.fillStyle === "boldFill") rules += " iA17";
+	else if (props.fillStyle === "subtleFill") rules += " iA17";
 	else if (props.fillStyle === "border") {
-		if (props.variant === "neutral") rules += " iUUi0Fe151";
-		else if (props.variant === "negative") rules += " i7ijMCd151";
-		else if (props.variant === "notice") rules += " ivlIHSb151";
-		else if (props.variant === "positive") rules += " iJiWtKd151";
-		else if (props.variant === "informative") rules += " iwNzuOe151";
+		if (props.variant === "neutral") rules += " iLw1gcc17";
+		else if (props.variant === "negative") rules += " iOK0jIb17";
+		else if (props.variant === "notice") rules += " iuxS1Ae17";
+		else if (props.variant === "positive") rules += " iJiWtKd17";
+		else if (props.variant === "informative") rules += " isPLUpc17";
 	}
-	rules += " sg151";
-	if (!position) rules += " _Pc151";
-	rules += " _oa151";
-	rules += " Tg151";
-	rules += " Qg151";
-	rules += " Sh151";
-	rules += " Rh151";
+	rules += " sg17";
+	if (!position) rules += " _Pc17";
+	rules += " _oa17";
+	rules += " Tg17";
+	rules += " Qg17";
+	rules += " Sh17";
+	rules += " Rh17";
 	return rules;
 };
 const icon = function anonymous(props) {
 	let rules = " ";
-	rules += " __wa151";
-	if (props.fillStyle === "boldFill") if (props.variant === "notice") rules += " -_8sjo0b-tcwrnr151";
-	else rules += " -_8sjo0b-tw151";
-	else if (props.fillStyle === "subtleFill") {
-		if (props.variant === "neutral") rules += " -_8sjo0b-tEQPy3c151";
-		else if (props.variant === "negative") rules += " -_8sjo0b-tQQET4151";
-		else if (props.variant === "notice") rules += " -_8sjo0b-tQQET4151";
-		else if (props.variant === "positive") rules += " -_8sjo0b-tRDRLjb151";
-		else if (props.variant === "informative") rules += " -_8sjo0b-tbUYvEb151";
+	rules += " __wa17";
+	if (props.fillStyle === "boldFill") {
+		if (props.variant === "notice") rules += " -_8sjo0b-tcwrnr17";
+		else rules += " -_8sjo0b-tw17";
+	} else if (props.fillStyle === "subtleFill") {
+		if (props.variant === "neutral") rules += " -_8sjo0b-tPOc6yd17";
+		else if (props.variant === "negative") rules += " -_8sjo0b-tZozxeb17";
+		else if (props.variant === "notice") rules += " -_8sjo0b-tZozxeb17";
+		else if (props.variant === "positive") rules += " -_8sjo0b-tRDRLjb17";
+		else if (props.variant === "informative") rules += " -_8sjo0b-tVBr6hb17";
 	} else if (props.fillStyle === "border") {
-		if (props.variant === "neutral") rules += " -_8sjo0b-tEQPy3c151";
-		else if (props.variant === "negative") rules += " -_8sjo0b-tQQET4151";
-		else if (props.variant === "notice") rules += " -_8sjo0b-tz7uc2d151";
-		else if (props.variant === "positive") rules += " -_8sjo0b-tRDRLjb151";
-		else if (props.variant === "informative") rules += " -_8sjo0b-tbUYvEb151";
+		if (props.variant === "neutral") rules += " -_8sjo0b-tPOc6yd17";
+		else if (props.variant === "negative") rules += " -_8sjo0b-tZozxeb17";
+		else if (props.variant === "notice") rules += " -_8sjo0b-ty6wNQe17";
+		else if (props.variant === "positive") rules += " -_8sjo0b-tRDRLjb17";
+		else if (props.variant === "informative") rules += " -_8sjo0b-tVBr6hb17";
 	}
 	return rules;
 };
 const heading = function anonymous(props) {
 	let rules = " ";
-	rules += " Jy151";
-	rules += " uiWD3ad151";
-	rules += " ucJ9TBTb151";
-	rules += " ud3Euai151";
-	rules += " uea151";
-	rules += " ugb151";
-	rules += " uhd151";
-	rules += " uje151";
-	rules += " u2NhKxcl151";
-	rules += " uic151";
-	rules += " -_6BNtrc-c151";
-	rules += " vx151";
-	rules += " xd151";
-	rules += " _xa151";
-	rules += " xX0cczbc151";
-	rules += " _xX0cczba151";
-	rules += " xfd151";
-	rules += " _xfa151";
-	rules += " xfX0cczbc151";
-	rules += " _xfX0cczba151";
-	rules += " _Fd151";
-	rules += " _FnuYUweb151";
-	if (props.fillStyle === "boldFill") if (props.variant === "notice") rules += " pg151";
-	else rules += " px151";
-	else rules += " pHKLAu151";
+	rules += " Jy17";
+	rules += " uiWD3ad17";
+	rules += " ucJ9TBTb17";
+	rules += " ud3Euai17";
+	rules += " uea17";
+	rules += " ugb17";
+	rules += " uhd17";
+	rules += " uje17";
+	rules += " u2NhKxcl17";
+	rules += " uic17";
+	rules += " -_6BNtrc-c17";
+	rules += " vx17";
+	rules += " xd17";
+	rules += " _xa17";
+	rules += " xX0cczbc17";
+	rules += " _xX0cczba17";
+	rules += " xfd17";
+	rules += " _xfa17";
+	rules += " xfX0cczbc17";
+	rules += " _xfX0cczba17";
+	rules += " _Fd17";
+	rules += " _FnuYUweb17";
+	if (props.fillStyle === "boldFill") {
+		if (props.variant === "notice") rules += " pg17";
+		else rules += " px17";
+	} else rules += " pmiKvLd17";
 	return rules;
 };
 const content = function anonymous(props) {
 	let rules = " ";
-	rules += " uk151";
-	rules += " ucJ9TBTb151";
-	rules += " ud3Euai151";
-	rules += " uea151";
-	rules += " ugb151";
-	rules += " uhd151";
-	rules += " uje151";
-	rules += " u2NhKxcl151";
-	rules += " uic151";
-	rules += " -_6BNtrc-b151";
-	rules += " vx151";
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _Fb151";
-	rules += " _FnuYUwec151";
-	if (props.fillStyle === "boldFill") if (props.variant === "notice") rules += " pg151";
-	else rules += " px151";
-	else rules += " pHKLAu151";
+	rules += " uk17";
+	rules += " ucJ9TBTb17";
+	rules += " ud3Euai17";
+	rules += " uea17";
+	rules += " ugb17";
+	rules += " uhd17";
+	rules += " uje17";
+	rules += " u2NhKxcl17";
+	rules += " uic17";
+	rules += " -_6BNtrc-b17";
+	rules += " vx17";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _Fb17";
+	rules += " _FnuYUwec17";
+	if (props.fillStyle === "boldFill") {
+		if (props.variant === "notice") rules += " pg17";
+		else rules += " px17";
+	} else rules += " pmiKvLd17";
 	return rules;
 };
 const alertIcons = {
@@ -166,7 +182,8 @@ const alertIcons = {
 * Inline alerts display a non-modal message associated with objects in a view.
 */ function InlineAlert(props) {
 	const contextProps = getSlottedContextProps(useContext(InlineAlertContext), props.slot);
-	const [local, domProps] = splitProps(mergeProps(contextProps ?? {}, props), [
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local, domProps] = splitProps(merged, [
 		"children",
 		"autoFocus",
 		"variant",
@@ -188,7 +205,7 @@ const alertIcons = {
 	const Icon = () => alertIcons[variant()];
 	const iconLabel = () => formatter().format(`inlinealert.${variant()}`);
 	let rootElement;
-	onMount(() => {
+	onSettled(() => {
 		if (autoFocus() && rootElement) focusSafely(rootElement);
 	});
 	const setRootRef = (element) => {
@@ -205,10 +222,10 @@ const alertIcons = {
 			isFocusVisible: isFocusVisible()
 		}, mergedStyles())
 	].filter(Boolean).join(" ");
-	return <div {...filterDOMProps(domProps)} onFocus={focusProps.onFocus} onBlur={focusProps.onBlur} ref={setRootRef} tabIndex={autoFocus() ? -1 : void 0} autofocus={autoFocus() || void 0} role="alert" class={className()} style={mergedUnsafeStyle()}>
-      <HeadingContext.Provider value={{ styles: () => heading({ fillStyle: fillStyle() }) }}>
-        <ContentContext.Provider value={{ styles: () => content({ fillStyle: fillStyle() }) }}>
-          <IconContext.Provider value={{ styles: () => icon({
+	return <div {...filterDOMProps(domProps)} onFocus={focusProps.onFocus} onBlur={focusProps.onBlur} ref={setRootRef} tabindex={autoFocus() ? -1 : void 0} autofocus={autoFocus() || void 0} role="alert" class={className()} style={mergedUnsafeStyle()}>
+      <HeadingContext value={{ styles: () => heading({ fillStyle: fillStyle() }) }}>
+        <ContentContext value={{ styles: () => content({ fillStyle: fillStyle() }) }}>
+          <IconContext value={{ styles: () => icon({
 		variant: variant(),
 		fillStyle: fillStyle()
 	}) }}>
@@ -216,9 +233,9 @@ const alertIcons = {
               {(AlertIcon) => <Dynamic component={AlertIcon()} UNSAFE_suppressDataSlot aria-label={iconLabel()} />}
             </Show>
             {local.children}
-          </IconContext.Provider>
-        </ContentContext.Provider>
-      </HeadingContext.Provider>
+          </IconContext>
+        </ContentContext>
+      </HeadingContext>
     </div>;
 }
 //#endregion

package/dist/inlinealert/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/inlinealert/index.tsx"],"sourcesContent":["import {\n  type Component,\n  type JSX,\n  Show,\n  createContext,\n  mergeProps,\n  onMount,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport {\n  createFocusRing,\n  createStringFormatter,\n  filterDOMProps,\n  focusSafely,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { IconContext, type SpectrumIconProps } from \"../icon\";\nimport { AlertDiamondIcon } from \"../icon/s2wf-icons/AlertDiamondIcon\";\nimport { AlertTriangleIcon } from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { CheckmarkCircleIcon } from \"../icon/s2wf-icons/CheckmarkCircleIcon\";\nimport { InfoCircleIcon } from \"../icon/s2wf-icons/InfoCircleIcon\";\nimport { s2IntlStrings, type S2IntlStrings } from \"../intl\";\nimport type { StyleProps, UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  getAllowedOverrides,\n  glassSurface,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport type { StyleString } from \"../style\";\nimport { focusRing, lightDark, style } from \"../style\" with { type: \"macro\" };\nimport { ContentContext, HeadingContext } from \"../text\";\n\nexport type InlineAlertVariant = \"informative\" | \"positive\" | \"notice\" | \"negative\" | \"neutral\";\n/* `success` and `warning` are accepted alias names for the `positive` and\n * `notice` channels — the negative/warning/success status trio Button and Badge\n * also expose. normalizeVariant folds them onto the canonical channel before any\n * styling, icon, or intl lookup, so nothing downstream needs a success/warning\n * branch. */\nexport type InlineAlertVariantProp = InlineAlertVariant | \"success\" | \"warning\";\nexport type InlineAlertFillStyle = \"border\" | \"subtleFill\" | \"boldFill\";\n\nfunction normalizeVariant(variant: InlineAlertVariantProp | undefined): InlineAlertVariant {\n  switch (variant) {\n    case \"success\":\n      return \"positive\";\n    case \"warning\":\n      return \"notice\";\n    default:\n      return variant ?? \"neutral\";\n  }\n}\n\ninterface InlineAlertStyleProps {\n  /** The semantic tone of an InlineAlert. @default 'neutral' */\n  variant?: InlineAlertVariant;\n  /** The visual style of the InlineAlert. @default 'border' */\n  fillStyle?: InlineAlertFillStyle;\n}\n\nexport interface InlineAlertProps extends Omit<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"class\" | \"style\" | \"ref\" | \"slot\"\n> {\n  /** The contents of the InlineAlert. */\n  children?: JSX.Element;\n  /** Whether to automatically focus the InlineAlert when it first renders. */\n  autoFocus?: boolean;\n  /** The semantic tone of an InlineAlert. `success`/`warning` alias `positive`/`notice`. @default 'neutral' */\n  variant?: InlineAlertVariantProp;\n  /** The visual style of the InlineAlert. @default 'border' */\n  fillStyle?: InlineAlertFillStyle;\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StyleProps[\"styles\"] | (() => 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  /** Slotted context key. */\n  slot?: string | null;\n  /** Ref for the root alert element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n}\n\nexport const InlineAlertContext = createContext<SpectrumContextValue<InlineAlertProps>>(null);\n\nconst inlineAlert = style<InlineAlertStyleProps & { isFocusVisible?: boolean }>(\n  {\n    ...focusRing(),\n    /* Glasselated: with fillStyle=\"border\" an InlineAlert is the handoff's glass card,\n     * so it takes the card surface whole rather than just the card radius. It already\n     * wore the radius and the 1px edge and none of the rest, which left it neither\n     * glass nor matte: the old `gray-25` fill resolves to #0c0d10 in dark\n     * (glasselated-ramps.ts, gray stop 25), byte-identical to `--surface-app`\n     * (viviana-tokens.css:196), so the alert punched an opaque hole through the scene\n     * instead of frosting it.\n     *\n     * This spread supplies the radius, the 1px solid edge and the surface defaults;\n     * the borderColor / backgroundColor / backdropFilter / boxShadow maps below are\n     * declared AFTER it and replace those four properties outright, because all four\n     * have to stay conditional on variant and fillStyle. */\n    ...glassSurface(\"card\"),\n    display: \"inline-block\",\n    position: \"relative\",\n    boxSizing: \"border-box\",\n    /* The register's message-block rhythm: its largest padding anywhere is 20/24, and\n     * every container-scale padding it draws is vertical < horizontal. A square 24px\n     * box is on no rung of that ladder. */\n    paddingY: 20,\n    paddingX: 24,\n    borderColor: {\n      fillStyle: {\n        border: {\n          variant: {\n            /* With fillStyle=\"border\" the 1px edge is the only carrier of variant\n             * identity, so it has to clear 3:1 in both schemes, and stops 700/800 do\n             * not: the amber and blue light columns stay bright that far up (amber only\n             * reaches a dark value at 900, #af6400), putting notice and positive under\n             * 2:1 on the light card. The 900/1000 pair lands every channel at ~4.3-4.5\n             * light / ~5.9-6.8 dark and follows the lightDark() pair idiom the outline\n             * Badge already uses. It also retires the unexplained 700-vs-800 split.\n             *\n             * LADDER NOTE: badge/index.tsx still spells the lower lightDark(\"-800\",\n             * \"-900\") pair on these same four ramps, including for its outline border,\n             * where it has the same weak light column. 900/1000 is intended as the new\n             * status-BORDER ladder and Badge should converge on it rather than the\n             * library carrying two. Not changed here — different file. Meter's pair is\n             * a background fill under white ink, a different constraint; it is not part\n             * of this ladder and should not be moved to match. */\n            informative: lightDark(\"informative-900\", \"informative-1000\"),\n            positive: lightDark(\"positive-900\", \"positive-1000\"),\n            notice: lightDark(\"notice-900\", \"notice-1000\"),\n            negative: lightDark(\"negative-900\", \"negative-1000\"),\n            /* Was gray-700, which measures roughly double every status border once\n             * those move to 900/1000 — the neutral alert would be the loudest of the\n             * five. gray-500 (#63748b / #97a1ab) sits in the same band as the rest. */\n            neutral: \"gray-500\",\n          },\n        },\n        subtleFill: \"transparent\",\n        boldFill: \"transparent\",\n      },\n    },\n    /* This literal replaces the spread's `backgroundColor` outright rather than merging\n     * with it, and a condition map with no matching branch emits no declaration at all\n     * — so the `border` branch has to name the glass surface explicitly. `layer-2` is\n     * `var(--surface-card)`; the two tinted fill styles keep their semantic surfaces. */\n    backgroundColor: {\n      variant: {\n        informative: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"informative-subtle\",\n            boldFill: \"informative\",\n          },\n        },\n        positive: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"positive-subtle\",\n            boldFill: \"positive\",\n          },\n        },\n        notice: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"notice-subtle\",\n            boldFill: \"notice\",\n          },\n        },\n        negative: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"negative-subtle\",\n            boldFill: \"negative\",\n          },\n        },\n        neutral: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"neutral-subtle\",\n            boldFill: \"neutral-subdued\",\n          },\n        },\n      },\n    },\n    /* Blur and rim are scoped to the glass fill style, not inherited from the spread.\n     * A backdrop blur under the opaque subtleFill/boldFill surfaces is a no-op, and the\n     * rim is not: in light `--edge-glass` is a 90%-white top edge plus a 35%-white inner\n     * ring (viviana-tokens.css:509), which over boldFill's saturated fills would paint a\n     * gloss those variants never asked for. Both tinted styles also set borderColor\n     * transparent above — they are deliberately edgeless, and an inset rim is an edge by\n     * another name. Same shape card/index.tsx uses to opt its non-glass variants out. */\n    backdropFilter: {\n      default: \"none\",\n      fillStyle: {\n        border: \"var(--blur-card)\",\n      },\n    },\n    boxShadow: {\n      default: \"none\",\n      fillStyle: {\n        border: \"edge-glass\",\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst icon = style<InlineAlertStyleProps>({\n  float: \"inline-end\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      fillStyle: {\n        border: {\n          variant: {\n            informative: \"informative\",\n            positive: \"positive\",\n            notice: \"notice\",\n            negative: \"negative\",\n            neutral: \"neutral\",\n          },\n        },\n        subtleFill: {\n          variant: {\n            informative: \"informative\",\n            positive: \"positive\",\n            notice: \"negative\",\n            negative: \"negative\",\n            neutral: \"neutral\",\n          },\n        },\n        boldFill: {\n          default: \"white\",\n          variant: {\n            notice: \"black\",\n          },\n        },\n      },\n    },\n  },\n});\n\nconst heading = style<InlineAlertStyleProps>({\n  marginTop: 0,\n  font: \"title-sm\",\n  color: {\n    default: \"title\",\n    fillStyle: {\n      boldFill: {\n        default: \"white\",\n        variant: {\n          notice: \"black\",\n        },\n      },\n    },\n  },\n});\n\nconst content = style<InlineAlertStyleProps>({\n  font: \"body-sm\",\n  color: {\n    default: \"body\",\n    fillStyle: {\n      boldFill: {\n        default: \"white\",\n        variant: {\n          notice: \"black\",\n        },\n      },\n    },\n  },\n});\n\nconst alertIcons: Record<InlineAlertVariant, Component<SpectrumIconProps> | undefined> = {\n  informative: InfoCircleIcon,\n  positive: CheckmarkCircleIcon,\n  notice: AlertDiamondIcon,\n  negative: AlertTriangleIcon,\n  neutral: undefined,\n};\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n */\nexport function InlineAlert(props: InlineAlertProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(InlineAlertContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props);\n  const [local, domProps] = splitProps(merged, [\n    \"children\",\n    \"autoFocus\",\n    \"variant\",\n    \"fillStyle\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"slot\",\n    \"ref\",\n    \"class\",\n  ]);\n  const formatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const variant = () => normalizeVariant(local.variant);\n  const fillStyle = () => local.fillStyle ?? \"border\";\n  const autoFocus = () => !!local.autoFocus;\n  const { isFocusVisible, focusProps } = createFocusRing({ autoFocus: autoFocus() });\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const Icon = () => alertIcons[variant()];\n  const iconLabel = () => formatter().format(`inlinealert.${variant()}` as keyof S2IntlStrings);\n  let rootElement: HTMLDivElement | undefined;\n\n  onMount(() => {\n    if (autoFocus() && rootElement) {\n      focusSafely(rootElement);\n    }\n  });\n\n  const setRootRef = (element: HTMLDivElement) => {\n    rootElement = element;\n    mergeContextRefs(\n      (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n      props.ref,\n    )(element);\n  };\n\n  const className = () =>\n    [\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      inlineAlert(\n        {\n          variant: variant(),\n          fillStyle: fillStyle(),\n          isFocusVisible: isFocusVisible(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <div\n      {...filterDOMProps(domProps as Record<string, unknown>)}\n      onFocus={focusProps.onFocus}\n      onBlur={focusProps.onBlur}\n      ref={setRootRef}\n      tabIndex={autoFocus() ? -1 : undefined}\n      autofocus={autoFocus() || undefined}\n      role=\"alert\"\n      class={className()}\n      style={mergedUnsafeStyle()}\n    >\n      <HeadingContext.Provider value={{ styles: () => heading({ fillStyle: fillStyle() }) }}>\n        <ContentContext.Provider value={{ styles: () => content({ fillStyle: fillStyle() }) }}>\n          <IconContext.Provider\n            value={{ styles: () => icon({ variant: variant(), fillStyle: fillStyle() }) }}\n          >\n            <Show when={Icon()}>\n              {(AlertIcon) => (\n                <Dynamic component={AlertIcon()} UNSAFE_suppressDataSlot aria-label={iconLabel()} />\n              )}\n            </Show>\n            {local.children}\n          </IconContext.Provider>\n        </ContentContext.Provider>\n      </HeadingContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAE,iBAAkB,SAAA;CAClB,QAAA,SAAA;EACK,KAAA,WACA,OAAA;EACC,KAAG,WACF,OAAA;EACD,SACC,OAAA,WAAoB;CAC7B;AACA;AAiBA,MAAY,qBAAsB,cAA6C,IAAA;AAC/E,MAAM,cAAM,SAAA,UAAwB,OAAU,WAAW;;CAEzD,IAAQ,WAAC;CACP,IAAM,UAAU,OAAC,aAAA,EAAA,EAAA,SAAA,+EAAA;CACf,KAAK,IAAC,KAAQ,SAAA;EACZ,IAAM,EAAE,OAAA,MAAS,WAAA;EACf,SAAS,EAAC;CACd;CACA,IAAA,MAAO,gBACL,SAAO;MAEb,SAAA;CAEA,SAAU;CACN,SAAM;CACR,SAAU;CACR,SAAM;CACR,SAAW;CACb,SAAA;;CAEA,SAAO;CACL,IAAI,MAAA,YAAe;MACT,MAAI,cAAgB,YAC9B,SAAA;OACQ,IAAS,MAAM,cAAc,cAC3B,SAAK;OACH,IAAG,MAAA,cAAoB,UACzB,SAAS;CAAA,OAEV,IAAC,MAAA,YAAA;MACF,MAAO,cAAa,YAClB,SAAE;OACC,IAAA,MAAQ,cAAgB,cAC5B,SAAU;OACf,IAAW,MAAI,cAAgB,UACnC,SAAmB;CAAA,OAEnB,IAAa,MAAM,YAAA;MACf,MAAQ,cAAc,YACnB,SAAS;OACJ,IAAI,MAAK,cAAgB,cAC/B,SAAQ;OACD,IAAA,MAAU,cAAc,UAC7B,SAAM;CAAA,OAChB,IAAA,MAAA,YAAA;MAEY,MAAC,cAAmB,YAAA,SAAA;OAE1B,IAAa,MAAM,cAAC,cACxB,SAAA;OACK,IAAW,MAAA,cAAA,UACX,SAAa;CAAA,OAET,IAAI,MAAC,YAAe;MACnB,MAAK,cAAe,YACxB,SAAY;OACL,IAAC,MAAO,cAAgB,cAChC,SAAW;OACb,IAAA,MAAA,cAAA,UACO,SAAO;CAAA;CAGf,IAAG,MAAO,cAAM,UACb,SAAA;MAEH,SAAW;CAEX,IAAG,MAAI,cAAW,UACf,SAAM;MAET,SAAY;CAEZ,SAAA;CACA,SAAE;CACF,SAAI;CACJ,SAAM;CACN,SAAS;CACT,IAAI,MAAM,cAAc,YACpB,SAAO;MACJ,IAAI,MAAA,cAAoB,cAC3B,SAAS;MACN,IAAI,MAAM,cAAW;MACpB,MAAG,YAAc,WACjB,SAAC;OACE,IAAA,MAAO,YAAY,YACtB,SAAS;OACN,IAAA,MAAS,YAAa,UACzB,SAAS;OACN,IAAA,MAAQ,YAAc,YACzB,SAAK;OACF,IAAG,MAAK,YAAW,eACtB,SAAA;CAAA;CAGR,SAAQ;CACR,IAAI,CAAC,UAAU,SAAS;CACxB,SAAS;CACT,SAAS;CACT,SAAQ;CACR,SAAO;CACP,SAAK;CACL,OAAI;AACR;AACA,MAAM,OAAC,SAAA,UAAA,OAAA;CACH,IAAC,QAAA;CACD,SAAQ;CACR,IAAG,MAAO,cAAQ,YACd,IAAI,MAAK,YAAQ,UACb,SAAS;MAEf,SAAS;MAEL,IAAA,MAAW,cAAA;MACT,MAAM,YAAW,WACjB,SAAA;OACA,IAAA,MAAW,YAAY,YACxB,SAAA;OACF,IAAA,MAAA,YAAA,UACD,SAAU;OACR,IAAS,MAAE,YAAA,YACT,SAAS;OACT,IAAA,MAAa,YAAS,eACtB,SAAS;CAAA,OAEZ,IAAA,MAAA,cAAA;MACD,MAAQ,YAAA,WACN,SAAW;OACT,IAAO,MAAE,YAAQ,YACjB,SAAA;OACA,IAAA,MAAW,YAAO,UACnB,SAAA;OACF,IAAA,MAAA,YAAA,YACD,SAAU;OACR,IAAS,MAAE,YAAA,eACT,SAAS;CAAA;CAGjB,OAAO;AACX;AACA,MAAM,UAAU,SAAC,UAAA,OAAA;CACb,IAAI,QAAE;CACN,SAAQ;CACR,SAAQ;CACR,SAAQ;CACR,SAAO;CACP,SAAK;CACL,SAAG;CACH,SAAC;CACD,SAAQ;CACR,SAAK;CACL,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAG;CACH,SAAG;CACH,SAAA;CACA,SAAS;CACT,SAAE;CACF,SAAI;CACJ,SAAG;CACH,SAAC;CACD,SAAS;CACT,SAAS;CACT,IAAE,MAAA,cAAW,YACT,IAAA,MAAS,YAAW,UACrB,SAAA;MAEJ,SAAA;;CAKD,OAAQ;AACV;AACA,MAAI,UAAY,SAAA,UAAA,OAAA;CACZ,IAAA,QAAO;CACP,SAAE;CACF,SAAI;CACJ,SAAM;CACN,SAAQ;CACR,SAAQ;CACR,SAAQ;CACR,SAAQ;CACR,SAAQ;CACR,SAAO;CACP,SAAK;CACL,SAAI;CACJ,SAAM;CACN,SAAQ;CACR,SAAQ;CACR,SAAQ;CACR,IAAI,MAAI,cAAW,YACf,IAAI,MAAA,YAAkB,UACnB,SAAA;MAEH,SAAU;MAGV,SAAI;CAER,OAAK;AACT;AACA,MAAK,aAAA;CACF,aAAA;CACD,UAAA;;CAEF,UAAc;CACZ,SAAW,KAAA;AACb;;;GAGI,SAAW,YAAA,OAAA;CACX,MAAE,eAAU,uBAAA,WAAA,kBAAA,GAAA,MAAA,IAAA;CAEZ,MAAI,CAAA,OAAS,YAAA,WADC,WAAM,gBAAA,CAAA,GAAA,KACP,GAAA;EACT;EACA;EACD;EACF;EACF;EACD;;EAEI;EACE;EACA;CACJ,CAAA;CACA,MAAA,YAAW,sBAAA,eAAA,oBAAA;CACX,MAAE,gBAAU,iBAAA,MAAA,OAAA;CACZ,MAAI,kBAAgB,MAAA,aAAA;CACpB,MAAI,kBAAS,CAAA,CAAA,MAAA;CACb,MAAM,EAAA,gBAAe,eAAA,gBAAA,EACjB,WAAC,UAAA,EACL,CAAC;CACD,MAAC,qBAAA,mBAAA,cAAA,QAAA,MAAA,MAAA;CACF,MAAA,0BAAA,wBAAA,cAAA,cAAA,MAAA,YAAA;CACD,MAAA,aAAA,WAAA,QAAA;;CAEF,IAAM;CACJ,cAAa;EACb,IAAU,UAAA,KAAA,aACF,YAAA,WAAgB;CAExB,CAAA;CACD,MAAA,cAAA,YAAA;;EAEC,iBAAA,cAEA,KAAA,MAAA,GAAA,EAAA,OAAA;CACF;CACE,MAAM,kBAAe;EACf,cAAS;EACR,MAAO;EACX,MAAS;EACT,YAAU;GACF,SAAA,QAAA;GACE,WAAA,UAAA;GACH,gBAAA,eAAA;EACP,GAAA,aAAiB,CAAA;CACjB,EAAA,OAAY,OAAC,EAAA,KAAA,GAAA;CACd,OAAM,CAAA,QAAA,eAAA,QAAA,GAAA,SAAA,WAAA,SAAA,QAAA,WAAA,QAAA,KAAA,YAAA,UAAA,UAAA,IAAA,KAAA,KAAA,GAAA,WAAA,UAAA,KAAA,KAAA,GAAA,aAAA,OAAA,UAAA,GAAA,OAAA,kBAAA,GAAA;MACL,CAAA,eAAI,SAAA,OAAA,EACJ,cAAM,QAAA,EACP,WAAA,UAAA,EACI,CAAA,EACN,GAAK;QACC,CAAA,eAAgB,SAAQ,OAAA,EACxB,cAAY,QAAQ,EAClB,WAAgB,UAAW,EAC7B,CAAA,EACN,GAAK;UACH,CAAA,YAAA,SAAwB,OAAA,EACpB,cAAY,KAAC;EACb,SAAiB,QAAC;EACpB,WAAa,UAAiB;IAElC,GAAA;YACM,CAAA,KAAU,MAAK,KAAA,GAAA;gBACjB,cAAuB,CAAC,QAAA,WAAA,UAAA,GAAA,wBAAA,YAAA,UAAA,MAAA;YAC1B,EAAA,KAAA;aACA,MAAA,SAAA;;QAEI,EAAA,eAAc,SAAS;MAC3B,EAAA,eAAc,SAAO;IACrB,EAAA;AACJ"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/inlinealert/index.tsx"],"sourcesContent":["/*\n * Copyright 2023 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/InlineAlert.tsx\n\n// Port of packages/@react-spectrum/s2/src/InlineAlert.tsx.\n\nimport { Show, createContext, onSettled, useContext } from \"solid-js\";\nimport type { Component } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { Dynamic } from \"@solidjs/web\";\nimport {\n  mergeProps,\n  createFocusRing,\n  createStringFormatter,\n  filterDOMProps,\n  focusSafely,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { IconContext, type SpectrumIconProps } from \"../icon\";\nimport { AlertDiamondIcon } from \"../icon/s2wf-icons/AlertDiamondIcon\";\nimport { AlertTriangleIcon } from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { CheckmarkCircleIcon } from \"../icon/s2wf-icons/CheckmarkCircleIcon\";\nimport { InfoCircleIcon } from \"../icon/s2wf-icons/InfoCircleIcon\";\nimport { s2IntlStrings, type S2IntlStrings } from \"../intl\";\nimport type { StyleProps, UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  getAllowedOverrides,\n  glassSurface,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport type { StyleString } from \"../style\";\nimport { focusRing, lightDark, style } from \"../style\" with { type: \"macro\" };\nimport { ContentContext, HeadingContext } from \"../text\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type InlineAlertVariant = \"informative\" | \"positive\" | \"notice\" | \"negative\" | \"neutral\";\n/* `success` and `warning` are accepted alias names for the `positive` and\n * `notice` channels — the negative/warning/success status trio Button and Badge\n * also expose. normalizeVariant folds them onto the canonical channel before any\n * styling, icon, or intl lookup, so nothing downstream needs a success/warning\n * branch. */\nexport type InlineAlertVariantProp = InlineAlertVariant | \"success\" | \"warning\";\nexport type InlineAlertFillStyle = \"border\" | \"subtleFill\" | \"boldFill\";\n\nfunction normalizeVariant(variant: InlineAlertVariantProp | undefined): InlineAlertVariant {\n  switch (variant) {\n    case \"success\":\n      return \"positive\";\n    case \"warning\":\n      return \"notice\";\n    default:\n      return variant ?? \"neutral\";\n  }\n}\n\ninterface InlineAlertStyleProps {\n  /** The semantic tone of an InlineAlert. @default 'neutral' */\n  variant?: InlineAlertVariant;\n  /** The visual style of the InlineAlert. @default 'border' */\n  fillStyle?: InlineAlertFillStyle;\n}\n\nexport interface InlineAlertProps extends Omit<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"class\" | \"style\" | \"ref\" | \"slot\"\n> {\n  /** The contents of the InlineAlert. */\n  children?: JSX.Element;\n  /** Whether to automatically focus the InlineAlert when it first renders. */\n  autoFocus?: boolean;\n  /** The semantic tone of an InlineAlert. `success`/`warning` alias `positive`/`notice`. @default 'neutral' */\n  variant?: InlineAlertVariantProp;\n  /** The visual style of the InlineAlert. @default 'border' */\n  fillStyle?: InlineAlertFillStyle;\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StyleProps[\"styles\"] | (() => 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  /** Slotted context key. */\n  slot?: string | null;\n  /** Ref for the root alert element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n}\n\nexport const InlineAlertContext = createContext<SpectrumContextValue<InlineAlertProps>>(null);\n\nconst inlineAlert = style<InlineAlertStyleProps & { isFocusVisible?: boolean }>(\n  {\n    ...focusRing(),\n    /* Glasselated: with fillStyle=\"border\" an InlineAlert is the handoff's glass card,\n     * so it takes the card surface whole rather than just the card radius. It already\n     * wore the radius and the 1px edge and none of the rest, which left it neither\n     * glass nor matte: the old `gray-25` fill resolves to #0c0d10 in dark\n     * (glasselated-ramps.ts, gray stop 25), byte-identical to `--surface-app`\n     * (viviana-tokens.css:196), so the alert punched an opaque hole through the scene\n     * instead of frosting it.\n     *\n     * This spread supplies the radius, the 1px solid edge and the surface defaults;\n     * the borderColor / backgroundColor / backdropFilter / boxShadow maps below are\n     * declared AFTER it and replace those four properties outright, because all four\n     * have to stay conditional on variant and fillStyle. */\n    ...glassSurface(\"card\"),\n    display: \"inline-block\",\n    position: \"relative\",\n    boxSizing: \"border-box\",\n    /* The register's message-block rhythm: its largest padding anywhere is 20/24, and\n     * every container-scale padding it draws is vertical < horizontal. A square 24px\n     * box is on no rung of that ladder. */\n    paddingY: 20,\n    paddingX: 24,\n    borderColor: {\n      fillStyle: {\n        border: {\n          variant: {\n            /* With fillStyle=\"border\" the 1px edge is the only carrier of variant\n             * identity, so it has to clear 3:1 in both schemes, and stops 700/800 do\n             * not: the yellow and blue light columns stay bright that far up (yellow only\n             * reaches a dark value at 900, #c9a000), putting notice and positive under\n             * 2:1 on the light card. The 900/1000 pair lands every channel at ~4.3-4.5\n             * light / ~5.9-6.8 dark and follows the lightDark() pair idiom the outline\n             * Badge already uses. It also retires the unexplained 700-vs-800 split.\n             *\n             * LADDER NOTE: badge/index.tsx still spells the lower lightDark(\"-800\",\n             * \"-900\") pair on these same four ramps, including for its outline border,\n             * where it has the same weak light column. 900/1000 is intended as the new\n             * status-BORDER ladder and Badge should converge on it rather than the\n             * library carrying two. Not changed here — different file. Meter's pair is\n             * a background fill under white ink, a different constraint; it is not part\n             * of this ladder and should not be moved to match. */\n            informative: lightDark(\"informative-900\", \"informative-1000\"),\n            positive: lightDark(\"positive-900\", \"positive-1000\"),\n            notice: lightDark(\"notice-900\", \"notice-1000\"),\n            negative: lightDark(\"negative-900\", \"negative-1000\"),\n            /* Was gray-700, which measures roughly double every status border once\n             * those move to 900/1000 — the neutral alert would be the loudest of the\n             * five. gray-500 (#63748b / #97a1ab) sits in the same band as the rest. */\n            neutral: \"gray-500\",\n          },\n        },\n        subtleFill: \"transparent\",\n        boldFill: \"transparent\",\n      },\n    },\n    /* This literal replaces the spread's `backgroundColor` outright rather than merging\n     * with it, and a condition map with no matching branch emits no declaration at all\n     * — so the `border` branch has to name the glass surface explicitly. `layer-2` is\n     * `var(--surface-card)`; the two tinted fill styles keep their semantic surfaces. */\n    backgroundColor: {\n      variant: {\n        informative: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"informative-subtle\",\n            boldFill: \"informative\",\n          },\n        },\n        positive: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"positive-subtle\",\n            boldFill: \"positive\",\n          },\n        },\n        notice: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"notice-subtle\",\n            boldFill: \"notice\",\n          },\n        },\n        negative: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"negative-subtle\",\n            boldFill: \"negative\",\n          },\n        },\n        neutral: {\n          fillStyle: {\n            border: \"layer-2\",\n            subtleFill: \"neutral-subtle\",\n            boldFill: \"neutral-subdued\",\n          },\n        },\n      },\n    },\n    /* Blur and rim are scoped to the glass fill style, not inherited from the spread.\n     * A backdrop blur under the opaque subtleFill/boldFill surfaces is a no-op, and the\n     * rim is not: in light `--edge-glass` is a 90%-white top edge plus a 35%-white inner\n     * ring (viviana-tokens.css:509), which over boldFill's saturated fills would paint a\n     * gloss those variants never asked for. Both tinted styles also set borderColor\n     * transparent above — they are deliberately edgeless, and an inset rim is an edge by\n     * another name. Same shape card/index.tsx uses to opt its non-glass variants out. */\n    backdropFilter: {\n      default: \"none\",\n      fillStyle: {\n        border: \"var(--blur-card)\",\n      },\n    },\n    boxShadow: {\n      default: \"none\",\n      fillStyle: {\n        border: \"edge-glass\",\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst icon = style<InlineAlertStyleProps>({\n  float: \"inline-end\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      fillStyle: {\n        border: {\n          variant: {\n            informative: \"informative\",\n            positive: \"positive\",\n            notice: \"notice\",\n            negative: \"negative\",\n            neutral: \"neutral\",\n          },\n        },\n        subtleFill: {\n          variant: {\n            informative: \"informative\",\n            positive: \"positive\",\n            notice: \"negative\",\n            negative: \"negative\",\n            neutral: \"neutral\",\n          },\n        },\n        boldFill: {\n          default: \"white\",\n          variant: {\n            notice: \"black\",\n          },\n        },\n      },\n    },\n  },\n});\n\nconst heading = style<InlineAlertStyleProps>({\n  marginTop: 0,\n  font: \"title-sm\",\n  color: {\n    default: \"title\",\n    fillStyle: {\n      boldFill: {\n        default: \"white\",\n        variant: {\n          notice: \"black\",\n        },\n      },\n    },\n  },\n});\n\nconst content = style<InlineAlertStyleProps>({\n  font: \"body-sm\",\n  color: {\n    default: \"body\",\n    fillStyle: {\n      boldFill: {\n        default: \"white\",\n        variant: {\n          notice: \"black\",\n        },\n      },\n    },\n  },\n});\n\nconst alertIcons: Record<InlineAlertVariant, Component<SpectrumIconProps> | undefined> = {\n  informative: InfoCircleIcon,\n  positive: CheckmarkCircleIcon,\n  notice: AlertDiamondIcon,\n  negative: AlertTriangleIcon,\n  neutral: undefined,\n};\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n */\nexport function InlineAlert(props: InlineAlertProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(InlineAlertContext), props.slot);\n  const merged = mergeProps<InlineAlertProps>(contextProps ?? {}, props);\n  const [local, domProps] = splitProps(merged, [\n    \"children\",\n    \"autoFocus\",\n    \"variant\",\n    \"fillStyle\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"slot\",\n    \"ref\",\n    \"class\",\n  ]);\n  const formatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const variant = () => normalizeVariant(local.variant);\n  const fillStyle = () => local.fillStyle ?? \"border\";\n  const autoFocus = () => !!local.autoFocus;\n  const { isFocusVisible, focusProps } = createFocusRing({ autoFocus: autoFocus() });\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const Icon = () => alertIcons[variant()];\n  const iconLabel = () => formatter().format(`inlinealert.${variant()}` as keyof S2IntlStrings);\n  let rootElement: HTMLDivElement | undefined;\n\n  onSettled(() => {\n    if (autoFocus() && rootElement) {\n      focusSafely(rootElement);\n    }\n  });\n\n  const setRootRef = (element: HTMLDivElement) => {\n    rootElement = element;\n    mergeContextRefs(\n      (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n      props.ref,\n    )(element);\n  };\n\n  const className = () =>\n    [\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      inlineAlert(\n        {\n          variant: variant(),\n          fillStyle: fillStyle(),\n          isFocusVisible: isFocusVisible(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <div\n      {...filterDOMProps(domProps as Record<string, unknown>)}\n      onFocus={focusProps.onFocus}\n      onBlur={focusProps.onBlur}\n      ref={setRootRef}\n      tabindex={autoFocus() ? -1 : undefined}\n      autofocus={autoFocus() || undefined}\n      role=\"alert\"\n      class={className()}\n      style={mergedUnsafeStyle()}\n    >\n      <HeadingContext value={{ styles: () => heading({ fillStyle: fillStyle() }) }}>\n        <ContentContext value={{ styles: () => content({ fillStyle: fillStyle() }) }}>\n          <IconContext\n            value={{ styles: () => icon({ variant: variant(), fillStyle: fillStyle() }) }}\n          >\n            <Show when={Icon()}>\n              {(AlertIcon) => (\n                <Dynamic component={AlertIcon()} UNSAFE_suppressDataSlot aria-label={iconLabel()} />\n              )}\n            </Show>\n            {local.children}\n          </IconContext>\n        </ContentContext>\n      </HeadingContext>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAS,iBAAiB,SAA8C;CACtE,QAAQ,SAAR;EACE,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,SACE,OAAO,WAAW;CACtB;AACF;AAmCA,MAAa,qBAAqB,cAAsD,IAAA;AAExF,MAAM,cAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2HN,MAAM,OAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;AAmCN,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBN,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;AAeN,MAAM,aAAmF;CACvF,aAAa;CACb,UAAU;CACV,QAAQ;CACR,UAAU;CACV,SAAS,KAAA;AACX;;;GAKA,SAAgB,YAAY,OAA8B;CACxD,MAAM,eAAe,uBAAuB,WAAW,kBAAA,GAAqB,MAAM,IAAI;CACtF,MAAM,SAAS,aAA6B,gBAAgB,CAAC,GAAG,KAAA;CAChE,MAAM,CAAC,OAAO,YAAY,WAAW,QAAQ;EAC3C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,YAAY,sBAAsB,eAAe,oBAAA;CACvD,MAAM,gBAAgB,iBAAiB,MAAM,OAAO;CACpD,MAAM,kBAAkB,MAAM,aAAa;CAC3C,MAAM,kBAAkB,CAAC,CAAC,MAAM;CAChC,MAAM,EAAE,gBAAgB,eAAe,gBAAgB,EAAE,WAAW,UAAA,EAAY,CAAA;CAChF,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CACxE,MAAM,aAAa,WAAW,QAAA;CAC9B,MAAM,kBAAkB,UAAA,CAAA,CAAY,OAAO,eAAe,QAAA,GAAqB;CAC/E,IAAI;CAEJ,gBAAU;EACR,IAAI,UAAA,KAAe,aACjB,YAAY,WAAA;CAEhB,CAAA;CAEA,MAAM,cAAc,YAAS;EAC3B,cAAc;EACd,iBACG,cAA2D,KAC5D,MAAM,GAAG,CAAA,CACT,OAAA;CACJ;CAEA,MAAM,kBACJ;EACE,cAAc;EACd,MAAM;EACN,MAAM;EACN,YACE;GACE,SAAS,QAAA;GACT,WAAW,UAAA;GACX,gBAAgB,eAAA;EAClB,GACA,aAAA,CAAA;CAEH,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;CAEV,OAAO,CACJ,QACK,eAAe,QAAkC,GACrD,SAAS,WAAW,SACpB,QAAQ,WAAW,QACnB,KAAK,YACL,UAAU,UAAA,IAAc,KAAK,KAAA,GAC7B,WAAW,UAAA,KAAe,KAAA,GAC1B,aACA,OAAO,UAAA,GACP,OAAO,kBAAA,GACR;MACC,CAAC,eAAe,OAAO,EAAE,cAAc,QAAQ,EAAE,WAAW,UAAA,EAAY,CAAA,EAAG,GAAG;QAC5E,CAAC,eAAe,OAAO,EAAE,cAAc,QAAQ,EAAE,WAAW,UAAA,EAAY,CAAA,EAAG,GAAG;UAC5E,CAAC,YACC,OAAO,EAAE,cAAc,KAAK;EAAE,SAAS,QAAA;EAAW,WAAW,UAAA;CAAY,CAAA,EAAG,GAC7E;YACC,CAAC,KAAK,MAAM,KAAA,GAAQ;gBAChB,cAAc,CACb,QAAQ,WAAW,UAAA,GAAa,wBAAwB,YAAY,UAAA,MACrE;YACJ,EAAE,KAAK;aACN,MAAM,SAAS;UAClB,EAAE,YAAY;QAChB,EAAE,eAAe;MACnB,EAAE,eAAe;IACnB,EAAE;AAEN"}

package/dist/intl/index.d.ts

@@ -1,31 +1,59 @@
-import type { LocalizedString, LocalizedStrings } from "@proyecto-viviana/solidaria";
+/**
+ * Spectrum 2 internationalization strings.
+ *
+ * Copied verbatim from @react-spectrum/s2 intl JSON (S2 1.7.0 / pin f56660b).
+ * LocalizedStringDictionary resolves the locale fallback chain
+ * (locale → language → sibling region → en-US).
+ */
+import type { LocalizedStrings } from "@proyecto-viviana/solidaria";
 export interface S2IntlStrings {
     "actionbar.actions": string;
     "actionbar.actionsAvailable": string;
     "actionbar.clearSelection": string;
-    "actionbar.selected": LocalizedString;
+    "actionbar.selected": string;
     "actionbar.selectedAll": string;
-    "button.pending": string;
     "breadcrumbs.more": string;
+    "button.pending": string;
+    "calendar.invalidSelection": string;
+    "combobox.noResults": string;
     "contextualhelp.help": string;
     "contextualhelp.info": string;
+    "datepicker.endTime": string;
+    "datepicker.startTime": string;
+    "datepicker.time": string;
     "dialog.alert": string;
     "dialog.dismiss": string;
     "dropzone.replaceMessage": string;
     "inlinealert.informative": string;
-    "inlinealert.positive": string;
-    "inlinealert.notice": string;
     "inlinealert.negative": string;
+    "inlinealert.notice": string;
+    "inlinealert.positive": string;
+    "label.(optional)": string;
+    "label.(required)": string;
     "menu.moreActions": string;
     "menu.unavailable": string;
     "notificationbadge.indicatorOnly": string;
-    "notificationbadge.plus": LocalizedString;
+    "notificationbadge.plus": string;
+    "picker.placeholder": string;
+    "picker.selectedCount": string;
+    "slider.maximum": string;
+    "slider.minimum": string;
     "table.cancel": string;
+    "table.drag": string;
     "table.editCell": string;
+    "table.loading": string;
+    "table.loadingMore": string;
+    "table.resizeColumn": string;
     "table.save": string;
+    "table.sortAscending": string;
+    "table.sortDescending": string;
+    "tag.actions": string;
+    "tag.hideButtonLabel": string;
+    "tag.noTags": string;
+    "tag.showAllButtonLabel": string;
     "toast.clearAll": string;
     "toast.collapse": string;
     "toast.showAll": string;
 }
-export declare const s2IntlStrings: LocalizedStrings<keyof S2IntlStrings, LocalizedString>;
+export declare const s2IntlStrings: LocalizedStrings<keyof S2IntlStrings, string>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/intl/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAIrF,MAAM,WAAW,aAAa;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,4BAA4B,EAAE,MAAM,CAAC;IACrC,0BAA0B,EAAE,MAAM,CAAC;IACnC,oBAAoB,EAAE,eAAe,CAAC;IACtC,uBAAuB,EAAE,MAAM,CAAC;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAClC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iCAAiC,EAAE,MAAM,CAAC;IAC1C,wBAAwB,EAAE,eAAe,CAAC;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB;AASD,eAAO,MAAM,aAAa,EAAE,gBAAgB,CAAC,MAAM,aAAa,EAAE,eAAe,CAWhF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/intl/index.ts"],"names":[],"mappings":"AAqCA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAqCpE,MAAM,WAAW,aAAa;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,4BAA4B,EAAE,MAAM,CAAC;IACrC,0BAA0B,EAAE,MAAM,CAAC;IACnC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,2BAA2B,EAAE,MAAM,CAAC;IACpC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAClC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iCAAiC,EAAE,MAAM,CAAC;IAC1C,wBAAwB,EAAE,MAAM,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,wBAAwB,EAAE,MAAM,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,gBAAgB,CAAC,MAAM,aAAa,EAAE,MAAM,CAmCvE,CAAC"}

package/dist/label/index.d.ts

@@ -1,4 +1,18 @@
-import { type JSX } from "solid-js";
+/*
+ * 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/style-utils.ts
+
+import type { JSX } from "@solidjs/web";
 import { type LabelProps as HeadlessLabelProps } from "@proyecto-viviana/solidaria-components";
 export type LabelSize = "sm" | "md" | "lg";
 export interface LabelProps extends Omit<HeadlessLabelProps, "class"> {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,UAAU,IAAI,kBAAkB,EACtC,MAAM,wCAAwC,CAAC;AAGhD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAYD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CASpD;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/label/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAEL,KAAK,UAAU,IAAI,kBAAkB,EACtC,MAAM,wCAAwC,CAAC;AAIhD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAYD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CASpD;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/labeledvalue/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { StyleString } from "../style";
 export type LabeledValueSize = "S" | "M" | "L" | "XL";
 export type LabeledValueLabelPosition = "top" | "side";
@@ -38,10 +38,11 @@ export interface LabeledValueProps {
  * A LabeledValue displays a non-editable value with a label. It formats numbers and lists
  * according to the user's locale.
  *
- * Faithful port of `@react-spectrum/s2` `LabeledValue`: the shared `field()` grid, a
- * `FieldLabel` rendered as a `<span>`, and a value `<span>` styled with `fieldInput()` +
- * `controlFont()`. `size` / `labelPosition` / `labelAlign` are inherited from an enclosing
- * `Form` via `useFormProps` for any prop left undefined.
+ * Based on packages/@react-spectrum/s2/src/LabeledValue.tsx.
+ * The Solid adaptation uses the shared `field()` grid, a `FieldLabel` rendered as a
+ * `<span>`, and a value `<span>` styled with `fieldInput()` + `controlFont()`.
+ * `size`, `labelPosition`, and `labelAlign` are inherited from an enclosing `Form`
+ * through `useFormProps` for each prop left undefined.
  */
 export declare function LabeledValue(props: LabeledValueProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/labeledvalue/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAgC,MAAM,UAAU,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY5C,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,yBAAyB,GAAG,KAAK,GAAG,MAAM,CAAC;AACvD,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,KAAK,CAAC;AAErD,sFAAsF;AACtF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;AAYlF,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,8EAA8E;IAC9E,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,2CAA2C;IAC3C,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAoDD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAsFlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/labeledvalue/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAa5C,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,yBAAyB,GAAG,KAAK,GAAG,MAAM,CAAC;AACvD,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,KAAK,CAAC;AAErD,sFAAsF;AACtF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;AAYlF,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,8EAA8E;IAC9E,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,2CAA2C;IAC3C,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAoDD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAsFlE"}