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

package/dist/skeleton/index.jsx

@@ -1,3 +1,16 @@
+/*
+* 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/Skeleton.tsx
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/SkeletonCollection.tsx
 import { t as mergeStyles } from "../_chunk/runtime.jsx";
 import { createContext, createEffect, createMemo, createSignal, onCleanup, useContext } from "solid-js";
 import { createLeafComponent } from "@proyecto-viviana/solidaria-components";
@@ -13,9 +26,9 @@ function createIsSkeleton() {
 function useIsSkeleton() {
 	return createIsSkeleton();
 }
-const loadingStyle = "_8QL4Vd";
-const skeletonTextStyles = " pw151 _ma151 oa151 na151 ka151 ja151";
-const skeletonIconStyles = " oa151 na151 ka151 ja151";
+const loadingStyle = "jXgWEe";
+const skeletonTextStyles = " pw17 _ma17 oa17 na17 ka17 ja17";
+const skeletonIconStyles = " oa17 na17 ka17 ja17";
 function access(value) {
 	return typeof value === "function" ? value() : value;
 }
@@ -34,8 +47,11 @@ function useLoadingAnimation(isAnimating) {
 	const [element, setElement] = createSignal(null);
 	let animation;
 	createEffect(() => {
-		const target = element();
-		const shouldAnimate = access(isAnimating) && !reduceMotion();
+		return {
+			target: element(),
+			shouldAnimate: access(isAnimating) && !reduceMotion()
+		};
+	}, ({ target, shouldAnimate }) => {
 		if (target && shouldAnimate && !animation && typeof target.animate === "function") {
 			animation = target.animate([{ backgroundPosition: "100%" }, { backgroundPosition: "0%" }], {
 				duration: 2e3,
@@ -43,7 +59,9 @@ function useLoadingAnimation(isAnimating) {
 				easing: "ease-in-out"
 			});
 			animation.startTime = 0;
-		} else if ((!target || !shouldAnimate) && animation) {
+			return;
+		}
+		if ((!target || !shouldAnimate) && animation) {
 			animation.cancel();
 			animation = void 0;
 		}
@@ -57,16 +75,20 @@ function useLoadingAnimation(isAnimating) {
 function useInertAttribute(isInert) {
 	const [element, setElement] = createSignal(null);
 	createEffect(() => {
-		const target = element();
+		return {
+			target: element(),
+			inert: access(isInert)
+		};
+	}, ({ target, inert }) => {
 		if (!target) return;
-		if (access(isInert)) target.setAttribute("inert", "true");
+		if (inert) target.setAttribute("inert", "true");
 		else target.removeAttribute("inert");
 	});
 	return setElement;
 }
 function Skeleton(props) {
 	const isLoading = createMemo(() => props.isLoading);
-	return <SkeletonContext.Provider value={isLoading}>{props.children}</SkeletonContext.Provider>;
+	return <SkeletonContext value={isLoading}>{props.children}</SkeletonContext>;
 }
 function SkeletonText(props) {
 	const loadingAnimationRef = useLoadingAnimation(true);
@@ -95,14 +117,14 @@ function SkeletonWrapper(props) {
 	const animationRef = useLoadingAnimation(() => isLoading() || false);
 	const inertRef = useInertAttribute(() => isLoading() || false);
 	if (isLoading() == null) return props.children;
-	return <SkeletonContext.Provider value={null}>
+	return <SkeletonContext value={null}>
       {isLoading() ? <span ref={(element) => {
 		animationRef(element);
 		inertRef(element);
 	}} class={loadingStyle}>
           {props.children}
         </span> : props.children}
-    </SkeletonContext.Provider>;
+    </SkeletonContext>;
 }
 const skeletonCollectionCache = /* @__PURE__ */ new WeakMap();
 const SkeletonCollection = createLeafComponent((props, node) => {

package/dist/skeleton/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/skeleton/index.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  type Accessor,\n  type JSX,\n  useContext,\n} from \"solid-js\";\nimport { createLeafComponent } from \"@proyecto-viviana/solidaria-components\";\nimport { css } from \"../style/style-macro\" with { type: \"macro\" };\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { color } from \"../style/spectrum-theme\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\n\nexport type SkeletonContextValue = boolean | null | Accessor<boolean | null | undefined>;\n\nexport interface SkeletonProps {\n  children: JSX.Element;\n  isLoading: boolean;\n}\n\nexport interface SkeletonCollectionProps {\n  children: () => JSX.Element;\n}\n\nexport const SkeletonContext = createContext<SkeletonContextValue>(null);\n\nfunction readSkeletonContext(value: SkeletonContextValue): boolean | null | undefined {\n  return typeof value === \"function\" ? value() : value;\n}\n\nexport function createIsSkeleton(): Accessor<boolean> {\n  const context = useContext(SkeletonContext);\n  return () => readSkeletonContext(context) || false;\n}\n\nexport function useIsSkeleton(): Accessor<boolean> {\n  return createIsSkeleton();\n}\n\nexport const loadingStyle = css(\n  `\n  background-image: linear-gradient(to right, ${color(\"gray-100\")} 33%, light-dark(${color(\n    \"gray-25\",\n  )}, ${color(\"gray-300\")}), ${color(\"gray-100\")} 66%);\n  background-size: 300%;\n  * {\n    visibility: hidden;\n  }\n`,\n  \"L\",\n);\n\nconst skeletonTextStyles = style({\n  color: \"transparent\",\n  boxDecorationBreak: \"clone\",\n  borderRadius: \"sm\",\n});\n\nconst skeletonIconStyles = style({\n  borderRadius: \"sm\",\n});\n\ntype MaybeAccessor<T> = T | Accessor<T>;\n\nfunction access<T>(value: MaybeAccessor<T>): T {\n  return typeof value === \"function\" ? (value as Accessor<T>)() : value;\n}\n\nfunction createPrefersReducedMotion(): Accessor<boolean> {\n  if (typeof window === \"undefined\" || typeof window.matchMedia !== \"function\") {\n    return () => false;\n  }\n\n  const mediaQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n  if (!mediaQuery) {\n    return () => false;\n  }\n\n  const [matches, setMatches] = createSignal(mediaQuery.matches);\n  const handleChange = (event: MediaQueryListEvent) => setMatches(event.matches);\n\n  mediaQuery.addEventListener?.(\"change\", handleChange);\n  onCleanup(() => mediaQuery.removeEventListener?.(\"change\", handleChange));\n\n  return matches;\n}\n\nexport function useLoadingAnimation(\n  isAnimating: MaybeAccessor<boolean>,\n): (element: Element | null) => void {\n  const reduceMotion = createPrefersReducedMotion();\n  const [element, setElement] = createSignal<Element | null>(null);\n  let animation: Animation | undefined;\n\n  createEffect(() => {\n    const target = element();\n    const shouldAnimate = access(isAnimating) && !reduceMotion();\n\n    if (target && shouldAnimate && !animation && typeof target.animate === \"function\") {\n      animation = target.animate([{ backgroundPosition: \"100%\" }, { backgroundPosition: \"0%\" }], {\n        duration: 2000,\n        iterations: Infinity,\n        easing: \"ease-in-out\",\n      });\n      animation.startTime = 0;\n    } else if ((!target || !shouldAnimate) && animation) {\n      animation.cancel();\n      animation = undefined;\n    }\n  });\n\n  onCleanup(() => {\n    animation?.cancel();\n    animation = undefined;\n  });\n\n  return setElement;\n}\n\nexport function useInertAttribute(\n  isInert: MaybeAccessor<boolean>,\n): (element: Element | null) => void {\n  const [element, setElement] = createSignal<Element | null>(null);\n\n  createEffect(() => {\n    const target = element();\n    if (!target) {\n      return;\n    }\n\n    if (access(isInert)) {\n      target.setAttribute(\"inert\", \"true\");\n    } else {\n      target.removeAttribute(\"inert\");\n    }\n  });\n\n  return setElement;\n}\n\nexport function Skeleton(props: SkeletonProps): JSX.Element {\n  const isLoading = createMemo(() => props.isLoading);\n\n  return <SkeletonContext.Provider value={isLoading}>{props.children}</SkeletonContext.Provider>;\n}\n\nexport function SkeletonText(props: { children: JSX.Element }): JSX.Element {\n  const loadingAnimationRef = useLoadingAnimation(true);\n  const inertRef = useInertAttribute(true);\n\n  return (\n    <span\n      ref={(element) => {\n        loadingAnimationRef(element);\n        inertRef(element);\n      }}\n      class={`${loadingStyle} ${skeletonTextStyles}`}\n    >\n      {props.children}\n    </span>\n  );\n}\n\nexport function useSkeletonText(\n  children: Accessor<JSX.Element>,\n  unsafeStyle: Accessor<JSX.CSSProperties | undefined>,\n): [Accessor<JSX.Element>, Accessor<JSX.CSSProperties | undefined>] {\n  const isSkeleton = createIsSkeleton();\n\n  return [\n    () => (isSkeleton() ? <SkeletonText>{children()}</SkeletonText> : children()),\n    () =>\n      isSkeleton()\n        ? {\n            ...unsafeStyle(),\n            \"-webkit-text-fill-color\": \"transparent\",\n          }\n        : unsafeStyle(),\n  ];\n}\n\nexport function useSkeletonIcon(styles: MaybeAccessor<StyleString | undefined>): Accessor<string> {\n  const isSkeleton = createIsSkeleton();\n  return () =>\n    mergeStyles(isSkeleton() ? skeletonIconStyles : undefined, access(styles) ?? undefined);\n}\n\nexport function SkeletonWrapper(props: { children: JSX.Element }): JSX.Element {\n  const context = useContext(SkeletonContext);\n  const isLoading = () => readSkeletonContext(context);\n  const animationRef = useLoadingAnimation(() => isLoading() || false);\n  const inertRef = useInertAttribute(() => isLoading() || false);\n\n  if (isLoading() == null) {\n    return props.children;\n  }\n\n  return (\n    <SkeletonContext.Provider value={null}>\n      {isLoading() ? (\n        <span\n          ref={(element) => {\n            animationRef(element);\n            inertRef(element);\n          }}\n          class={loadingStyle}\n        >\n          {props.children}\n        </span>\n      ) : (\n        props.children\n      )}\n    </SkeletonContext.Provider>\n  );\n}\n\nconst skeletonCollectionCache = new WeakMap<object, JSX.Element>();\n\nexport const SkeletonCollection = createLeafComponent<SkeletonCollectionProps>((props, node) => {\n  const cacheKey = node ?? props;\n  let cached = skeletonCollectionCache.get(cacheKey as object);\n\n  if (!cached) {\n    cached = <Skeleton isLoading>{props.children()}</Skeleton>;\n    skeletonCollectionCache.set(cacheKey as object, cached);\n  }\n\n  return cached;\n});\n"],"mappings":"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"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/skeleton/index.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Skeleton.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/SkeletonCollection.tsx\n\n// Port of packages/@react-spectrum/s2/src/Skeleton.tsx.\n// Port of packages/@react-spectrum/s2/src/SkeletonCollection.tsx.\nimport {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  useContext,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createLeafComponent } from \"@proyecto-viviana/solidaria-components\";\nimport { css } from \"../style/style-macro\" with { type: \"macro\" };\nimport { skSweep } from \"../style/motion\" with { type: \"macro\" };\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { color } from \"../style/spectrum-theme\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\n\nexport type SkeletonContextValue = boolean | null | Accessor<boolean | null | undefined>;\n\nexport interface SkeletonProps {\n  children: JSX.Element;\n  isLoading: boolean;\n}\n\nexport interface SkeletonCollectionProps {\n  children: () => JSX.Element;\n}\n\nexport const SkeletonContext = createContext<SkeletonContextValue>(null);\n\nfunction readSkeletonContext(value: SkeletonContextValue): boolean | null | undefined {\n  return typeof value === \"function\" ? value() : value;\n}\n\nexport function createIsSkeleton(): Accessor<boolean> {\n  const context = useContext(SkeletonContext);\n  return () => readSkeletonContext(context) || false;\n}\n\nexport function useIsSkeleton(): Accessor<boolean> {\n  return createIsSkeleton();\n}\n\n/* The register's loading state is a \"dither shimmer\", not a grey gradient sweep:\n * a diagonal light band crossing the block, seen only through an 8px Bayer mask,\n * so it reads as pixels lighting up in the same grammar as the theme wipe. Port\n * of the handoff's `.sk` (glasselated.css). The sheen colour is a token because\n * it has to invert per scheme; the sweep is a CSS animation on the pseudo-element\n * (a pseudo cannot be reached by the Web Animations calls this module exposes),\n * gated by the reduced-motion media condition rather than a runtime check so a\n * server render and its hydration agree. */\nexport const loadingStyle = css(\n  `\n  position: relative;\n  overflow: hidden;\n  background: var(--surface-inset);\n  * {\n    visibility: hidden;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background: linear-gradient(100deg, transparent 34%, var(--sk-sheen) 50%, transparent 66%);\n    background-size: 240% 100%;\n    animation: ${skSweep()} 1.5s linear infinite;\n    mask-image: url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='8'%3E%3Cg%20fill='%23fff'%3E%3Crect%20width='4'%20height='4'/%3E%3Crect%20x='4'%20y='4'%20width='4'%20height='4'%20fill-opacity='0.85'/%3E%3Crect%20x='4'%20width='4'%20height='4'%20fill-opacity='0.35'/%3E%3Crect%20y='4'%20width='4'%20height='4'%20fill-opacity='0.55'/%3E%3C/g%3E%3C/svg%3E\");\n    mask-size: 8px 8px;\n    mask-repeat: repeat;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    &::after {\n      animation: none;\n    }\n  }\n`,\n  \"L\",\n);\n\nconst skeletonTextStyles = style({\n  color: \"transparent\",\n  boxDecorationBreak: \"clone\",\n  borderRadius: \"sm\",\n});\n\nconst skeletonIconStyles = style({\n  borderRadius: \"sm\",\n});\n\ntype MaybeAccessor<T> = T | Accessor<T>;\n\nfunction access<T>(value: MaybeAccessor<T>): T {\n  return typeof value === \"function\" ? (value as Accessor<T>)() : value;\n}\n\nfunction createPrefersReducedMotion(): Accessor<boolean> {\n  if (typeof window === \"undefined\" || typeof window.matchMedia !== \"function\") {\n    return () => false;\n  }\n\n  const mediaQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n  if (!mediaQuery) {\n    return () => false;\n  }\n\n  const [matches, setMatches] = createSignal(mediaQuery.matches);\n  const handleChange = (event: MediaQueryListEvent) => setMatches(event.matches);\n\n  mediaQuery.addEventListener?.(\"change\", handleChange);\n  onCleanup(() => mediaQuery.removeEventListener?.(\"change\", handleChange));\n\n  return matches;\n}\n\n/* Kept for the components that already hold this ref (Image, Icon) and for any\n * consumer animating its own gradient. The skeleton's own shimmer moved into\n * `loadingStyle`'s pseudo-element when the register re-valued it, and a pseudo\n * cannot be driven from here. */\nexport function useLoadingAnimation(\n  isAnimating: MaybeAccessor<boolean>,\n): (element: Element | null) => void {\n  const reduceMotion = createPrefersReducedMotion();\n  const [element, setElement] = createSignal<Element | null>(null);\n  let animation: Animation | undefined;\n\n  createEffect(\n    () => {\n      const target = element();\n      const shouldAnimate = access(isAnimating) && !reduceMotion();\n      return { target, shouldAnimate };\n    },\n    ({ target, shouldAnimate }) => {\n      if (target && shouldAnimate && !animation && typeof target.animate === \"function\") {\n        animation = target.animate([{ backgroundPosition: \"100%\" }, { backgroundPosition: \"0%\" }], {\n          duration: 2000,\n          iterations: Infinity,\n          easing: \"ease-in-out\",\n        });\n        animation.startTime = 0;\n        return;\n      }\n      if ((!target || !shouldAnimate) && animation) {\n        animation.cancel();\n        animation = undefined;\n      }\n    },\n  );\n\n  onCleanup(() => {\n    animation?.cancel();\n    animation = undefined;\n  });\n\n  return setElement;\n}\n\nexport function useInertAttribute(\n  isInert: MaybeAccessor<boolean>,\n): (element: Element | null) => void {\n  const [element, setElement] = createSignal<Element | null>(null);\n\n  createEffect(\n    () => {\n      const target = element();\n      const inert = access(isInert);\n      return { target, inert };\n    },\n    ({ target, inert }) => {\n      if (!target) {\n        return;\n      }\n      if (inert) {\n        target.setAttribute(\"inert\", \"true\");\n      } else {\n        target.removeAttribute(\"inert\");\n      }\n    },\n  );\n\n  return setElement;\n}\n\nexport function Skeleton(props: SkeletonProps): JSX.Element {\n  const isLoading = createMemo(() => props.isLoading);\n\n  return <SkeletonContext value={isLoading}>{props.children}</SkeletonContext>;\n}\n\nexport function SkeletonText(props: { children: JSX.Element }): JSX.Element {\n  const loadingAnimationRef = useLoadingAnimation(true);\n  const inertRef = useInertAttribute(true);\n\n  return (\n    <span\n      ref={(element) => {\n        loadingAnimationRef(element);\n        inertRef(element);\n      }}\n      class={`${loadingStyle} ${skeletonTextStyles}`}\n    >\n      {props.children}\n    </span>\n  );\n}\n\nexport function useSkeletonText(\n  children: Accessor<JSX.Element>,\n  unsafeStyle: Accessor<JSX.CSSProperties | undefined>,\n): [Accessor<JSX.Element>, Accessor<JSX.CSSProperties | undefined>] {\n  const isSkeleton = createIsSkeleton();\n\n  return [\n    () => (isSkeleton() ? <SkeletonText>{children()}</SkeletonText> : children()),\n    () =>\n      isSkeleton()\n        ? {\n            ...unsafeStyle(),\n            \"-webkit-text-fill-color\": \"transparent\",\n          }\n        : unsafeStyle(),\n  ];\n}\n\nexport function useSkeletonIcon(styles: MaybeAccessor<StyleString | undefined>): Accessor<string> {\n  const isSkeleton = createIsSkeleton();\n  return () =>\n    mergeStyles(isSkeleton() ? skeletonIconStyles : undefined, access(styles) ?? undefined);\n}\n\nexport function SkeletonWrapper(props: { children: JSX.Element }): JSX.Element {\n  const context = useContext(SkeletonContext);\n  const isLoading = () => readSkeletonContext(context);\n  const animationRef = useLoadingAnimation(() => isLoading() || false);\n  const inertRef = useInertAttribute(() => isLoading() || false);\n\n  if (isLoading() == null) {\n    return props.children;\n  }\n\n  return (\n    <SkeletonContext value={null}>\n      {isLoading() ? (\n        <span\n          ref={(element) => {\n            animationRef(element);\n            inertRef(element);\n          }}\n          class={loadingStyle}\n        >\n          {props.children}\n        </span>\n      ) : (\n        props.children\n      )}\n    </SkeletonContext>\n  );\n}\n\nconst skeletonCollectionCache = new WeakMap<object, JSX.Element>();\n\nexport const SkeletonCollection = createLeafComponent<SkeletonCollectionProps>((props, node) => {\n  const cacheKey = node ?? props;\n  let cached = skeletonCollectionCache.get(cacheKey as object);\n\n  if (!cached) {\n    cached = <Skeleton isLoading>{props.children()}</Skeleton>;\n    skeletonCollectionCache.set(cacheKey as object, cached);\n  }\n\n  return cached;\n});\n"],"mappings":"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"}

package/dist/slider/RangeSlider.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { StyleString } from "../style";
 import { type RefLike, type SpectrumContextValue } from "../button/spectrum-context";
 export type RangeSliderSize = "S" | "M" | "L" | "XL" | "sm" | "md" | "lg";

package/dist/slider/RangeSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../src/slider/RangeSlider.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,GAAG,EAUT,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY5C,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1E,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtD,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,CACpE;IACC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAcD,eAAO,MAAM,kBAAkB,oEAA8D,CAAC;AA6W9F;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAsgBhE"}
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../src/slider/RangeSlider.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAIxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAa5C,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1E,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtD,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,CACpE;IACC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAcD,eAAO,MAAM,kBAAkB,oEAA8D,CAAC;AA6W9F;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAohBhE"}

package/dist/slider/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,GAAG,EAQT,MAAM,UAAU,CAAC;AAElB,OAAO,EAOL,KAAK,WAAW,IAAI,mBAAmB,EAIxC,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY5C,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAChD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,MAAM,CAAC;AACjD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,KAAK,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,mBAAmB,EACnB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAC1D;IACC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B;AAUD,eAAO,MAAM,aAAa,+DAAyD,CAAC;AAuYpF;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA2NtD;AAED,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEtF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slider/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAOL,KAAK,WAAW,IAAI,mBAAmB,EAIxC,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAa5C,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAChD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,MAAM,CAAC;AACjD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,KAAK,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,mBAAmB,EACnB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAC1D;IACC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B;AAUD,eAAO,MAAM,aAAa,+DAAyD,CAAC;AAuYpF;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAmOtD;AAED,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEtF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,eAAe,CAAC"}

package/dist/statuslight/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { StyleString } from "../style";
 import type { UnsafeClassName } from "../s2-internal/style-utils";
 import { type RefLike, type SpectrumContextValue } from "../button/spectrum-context";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/statuslight/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AAGvF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOlE,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,KAAK,kBAAkB,GACnB,aAAa,GACb,SAAS,GACT,UAAU,GACV,QAAQ,GACR,UAAU,GAKV,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,WAAW,GACX,OAAO,GACP,UAAU,GACV,QAAQ,GAKR,SAAS,GACT,SAAS,CAAC;AAId,KAAK,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAa9C,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,iDAAiD;IACjD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,kBAAkB,oEAA8D,CAAC;AAkF9F,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyEhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/statuslight/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAQlE,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,KAAK,kBAAkB,GACnB,aAAa,GACb,SAAS,GACT,UAAU,GACV,QAAQ,GACR,UAAU,GAKV,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,WAAW,GACX,OAAO,GACP,UAAU,GACV,QAAQ,GAKR,SAAS,GACT,SAAS,CAAC;AAId,KAAK,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAa9C,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,iDAAiD;IACjD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,kBAAkB,oEAA8D,CAAC;AA0F9F,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA6EhE"}

package/dist/statuslight/index.js

@@ -1,12 +1,26 @@
+/*
+* 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/StatusLight.tsx
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.js";
-import { CenterBaseline } from "../icon/center-baseline.js";
 import { useIsSkeleton } from "../skeleton/index.js";
+import { CenterBaseline } from "../icon/center-baseline.js";
 import { c as TextContext, s as Text } from "../_chunk/text.js";
-import { createComponent, effect, getNextElement, getNextMarker, insert, mergeProps, runHydrationEvents, setAttribute, spread, template, use } from "solid-js/web";
-import { createContext, mergeProps as mergeProps$1, splitProps, useContext } from "solid-js";
-import { filterDOMProps } from "@proyecto-viviana/solidaria";
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, readShallow, ref, runHydrationEvents, spread, template } from "@solidjs/web";
+import { createContext, createMemo, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+import { filterDOMProps, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
 //#region src/statuslight/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<svg aria-hidden=true><circle r=50% cx=50% cy=50%>`), _tmpl$2 = /*#__PURE__*/ template(`<div><!$><!/><!$><!/>`);
+var _tmpl$ = /* @__PURE__ */ template(`<svg aria-hidden=true><circle r=50% cx=50% cy=50%>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/>`);
 function normalizeVariant(variant) {
 	switch (variant) {
 		case "success": return "positive";
@@ -23,109 +37,109 @@ const wrapperStyles = function anonymous(props, overrides) {
 		if (p[1] === "Z") width = true;
 		rules += p[0];
 	}
-	rules += " sd151";
-	rules += " Uc151";
-	rules += " Usd151";
-	rules += " qc151";
-	rules += " qsd151";
-	rules += " ea151";
-	if (!width) rules += " ZJ151";
-	if (props.size === "XL") rules += " uxe7h4151";
-	else if (props.size === "L") rules += " uxe7h4151";
-	else if (props.size === "S") rules += " uxe7h4151";
-	else if (props.size === "XS") rules += " uxe7h4151";
-	else rules += " uxe7h4151";
+	rules += " sd17";
+	rules += " Uc17";
+	rules += " Usd17";
+	rules += " qc17";
+	rules += " qsd17";
+	rules += " ea17";
+	if (!width) rules += " ZJ17";
+	if (props.size === "XL") rules += " uxe7h417";
+	else if (props.size === "L") rules += " uxe7h417";
+	else if (props.size === "S") rules += " uxe7h417";
+	else if (props.size === "XS") rules += " uxe7h417";
+	else rules += " uxe7h417";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-e151";
-		rules += " vx151";
+		rules += " -_6BNtrc-e17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	}
 	if (props.size === "XL") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "L") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "S") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "XS") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	}
 	if (props.size === "XL") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "L") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "S") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "XS") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.variant === "metric") rules += " pmb1iPc151";
-	else if (props.variant === "negative") rules += " phuKnyb151";
-	else if (props.variant === "notice") rules += " pU7Lghc151";
-	else if (props.variant === "positive") rules += " pbiKgae151";
-	else if (props.variant === "informative") rules += " pY8y2k151";
-	else if (props.variant === "neutral") rules += " pQKeKoe151";
-	else rules += " pHKLAu151";
-	rules += " __ca151";
+	if (props.variant === "metric") rules += " pmb1iPc17";
+	else if (props.variant === "negative") rules += " pGBFq4b17";
+	else if (props.variant === "notice") rules += " po3eV3b17";
+	else if (props.variant === "positive") rules += " pT2Q9kc17";
+	else if (props.variant === "informative") rules += " p9ck5ue17";
+	else if (props.variant === "neutral") rules += " pX85CBd17";
+	else rules += " pmiKvLd17";
+	rules += " __ca17";
 	return rules;
 };
 const lightStyles = function anonymous(props) {
 	let rules = " ";
-	if (props.size === "XL") rules += " Zk151";
-	else if (props.size === "L") rules += " Zj151";
-	else if (props.size === "M") rules += " Zi151";
-	else if (props.size === "S") rules += " Zh151";
-	if (props.size === "XL") rules += " Fl151";
-	else if (props.size === "L") rules += " Fk151";
-	else if (props.size === "M") rules += " Fj151";
-	else if (props.size === "S") rules += " Fi151";
-	if (props.isSkeleton) rules += " tG1H3ce151";
-	else if (props.variant === "silver") rules += " te151";
-	else if (props.variant === "brown") rules += " th151";
-	else if (props.variant === "cinnamon") rules += " tj151";
-	else if (props.variant === "turquoise") rules += " tb151";
-	else if (props.variant === "pink") rules += " to151";
-	else if (props.variant === "yellow") rules += " tl151";
-	else if (props.variant === "seafoam") rules += " tc151";
-	else if (props.variant === "indigo") rules += " td151";
-	else if (props.variant === "magenta") rules += " tp151";
-	else if (props.variant === "purple") rules += " ti151";
-	else if (props.variant === "fuchsia") rules += " tk151";
-	else if (props.variant === "cyan") rules += " ts151";
-	else if (props.variant === "chartreuse") rules += " tg151";
-	else if (props.variant === "celery") rules += " tv151";
-	else if (props.variant === "metric") rules += " tmb1iPc151";
-	else if (props.variant === "negative") rules += " tQQET4151";
-	else if (props.variant === "notice") rules += " tz7uc2d151";
-	else if (props.variant === "positive") rules += " tRDRLjb151";
-	else if (props.variant === "neutral") rules += " tEQPy3c151";
-	else if (props.variant === "informative") rules += " tbUYvEb151";
-	rules += " _Ne151";
-	rules += " Pe151";
+	if (props.size === "XL") rules += " Zk17";
+	else if (props.size === "L") rules += " Zj17";
+	else if (props.size === "M") rules += " Zi17";
+	else if (props.size === "S") rules += " Zh17";
+	if (props.size === "XL") rules += " Fl17";
+	else if (props.size === "L") rules += " Fk17";
+	else if (props.size === "M") rules += " Fj17";
+	else if (props.size === "S") rules += " Fi17";
+	if (props.isSkeleton) rules += " t8DRfdc17";
+	else if (props.variant === "silver") rules += " te17";
+	else if (props.variant === "brown") rules += " th17";
+	else if (props.variant === "cinnamon") rules += " tj17";
+	else if (props.variant === "turquoise") rules += " tb17";
+	else if (props.variant === "pink") rules += " to17";
+	else if (props.variant === "yellow") rules += " tZcjyGd17";
+	else if (props.variant === "seafoam") rules += " tc17";
+	else if (props.variant === "indigo") rules += " td17";
+	else if (props.variant === "magenta") rules += " tp17";
+	else if (props.variant === "purple") rules += " ti17";
+	else if (props.variant === "fuchsia") rules += " tcaNUWc17";
+	else if (props.variant === "cyan") rules += " tt0Oqod17";
+	else if (props.variant === "chartreuse") rules += " tg17";
+	else if (props.variant === "celery") rules += " tv17";
+	else if (props.variant === "metric") rules += " tmb1iPc17";
+	else if (props.variant === "negative") rules += " tGBFq4b17";
+	else if (props.variant === "notice") rules += " to3eV3b17";
+	else if (props.variant === "positive") rules += " tRDRLjb17";
+	else if (props.variant === "neutral") rules += " tPOc6yd17";
+	else if (props.variant === "informative") rules += " tyJJ1Ud17";
+	rules += " _Ne17";
+	rules += " Pe17";
 	return rules;
 };
 function mergeUnsafeClassName(contextClassName, localClassName) {
@@ -133,7 +147,7 @@ function mergeUnsafeClassName(contextClassName, localClassName) {
 }
 function StatusLight(props) {
 	const contextProps = getSlottedContextProps(useContext(StatusLightContext), props.slot);
-	const merged = mergeProps$1(contextProps ?? {}, props);
+	const merged = mergeProps$2(contextProps ?? {}, props);
 	const [local] = splitProps(merged, [
 		"children",
 		"variant",
@@ -157,19 +171,28 @@ function StatusLight(props) {
 	const mergedUnsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
 	const mergedUnsafeClassName = () => mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className);
 	const nodeEnv = globalThis.process?.env?.NODE_ENV;
-	if (!local.children && !local["aria-label"] && nodeEnv !== "production") console.warn("If no children are provided, an aria-label must be specified");
+	const content = createMemo(() => local.children);
+	if (!content() && !local["aria-label"] && nodeEnv !== "production") console.warn("If no children are provided, an aria-label must be specified");
 	if (!local.role && (local["aria-label"] || local["aria-labelledby"]) && nodeEnv !== "production") console.warn("A labelled StatusLight must have a role.");
-	return createComponent(TextContext.Provider, {
+	return createComponent(TextContext, {
 		value: {},
 		get children() {
-			var _el$ = getNextElement(_tmpl$2), _el$3 = _el$.firstChild, [_el$4, _co$] = getNextMarker(_el$3.nextSibling), _el$5 = _el$4.nextSibling, [_el$6, _co$2] = getNextMarker(_el$5.nextSibling);
+			var _el$ = getNextElement(_tmpl$2);
+			var _el$3 = _el$.firstChild;
+			var [_el$4, _el$5] = getNextMarker(_el$3.nextSibling);
+			var _el$6 = _el$4.nextSibling;
+			var [_el$7, _el$8] = getNextMarker(_el$6.nextSibling);
 			var _ref$ = mergeContextRefs(contextProps?.ref, props.ref);
-			typeof _ref$ === "function" && use(_ref$, _el$);
-			spread(_el$, mergeProps(() => filterDOMProps(merged, { labelable: !!local.role }), {
+			(typeof _ref$ === "function" || Array.isArray(_ref$)) && ref(() => {
+				return _ref$;
+			}, _el$);
+			spread(_el$, [() => {
+				return filterDOMProps(merged, { labelable: !!local.role });
+			}, {
 				get role() {
 					return local.role;
 				},
-				get ["class"]() {
+				get "class"() {
 					return [mergedUnsafeClassName(), wrapperStyles({
 						size: size(),
 						variant: variant()
@@ -178,19 +201,21 @@ function StatusLight(props) {
 				get style() {
 					return mergedUnsafeStyle();
 				}
-			}), false, true);
+			}], true);
 			insert(_el$, createComponent(CenterBaseline, { get children() {
 				var _el$2 = getNextElement(_tmpl$);
-				effect(() => setAttribute(_el$2, "class", lightStyles({
+				effect(() => readShallow(lightStyles({
 					size: size(),
 					variant: variant(),
 					isSkeleton: isSkeleton()
-				})));
+				})), (_v$, _$p) => {
+					className(_el$2, _v$, _$p);
+				});
 				return _el$2;
-			} }), _el$4, _co$);
+			} }), _el$4, _el$5);
 			insert(_el$, createComponent(Text, { get children() {
-				return local.children;
-			} }), _el$6, _co$2);
+				return content();
+			} }), _el$7, _el$8);
 			runHydrationEvents();
 			return _el$;
 		}

package/dist/statuslight/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/statuslight/index.tsx"],"sourcesContent":["import { type JSX, createContext, mergeProps, splitProps, useContext } from \"solid-js\";\nimport { filterDOMProps } from \"@proyecto-viviana/solidaria\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport type { StyleString } from \"../style\";\nimport { lightDark, style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  controlFont,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useIsSkeleton } from \"../skeleton\";\nimport { Text, TextContext } from \"../text\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\ntype StatusLightVariant =\n  | \"informative\"\n  | \"neutral\"\n  | \"positive\"\n  | \"notice\"\n  | \"negative\"\n  /* The register's metric channel — the sky-blue that replaced the retired\n   * violet (`--status-metric`). Without it the fourth status channel simply\n   * has no StatusLight mapping (Panel07's mirror substituted `neutral` and\n   * noted \"the metrics channel simply goes missing\"). */\n  | \"metric\"\n  | \"yellow\"\n  | \"chartreuse\"\n  | \"celery\"\n  | \"seafoam\"\n  | \"cyan\"\n  | \"indigo\"\n  | \"purple\"\n  | \"fuchsia\"\n  | \"magenta\"\n  | \"pink\"\n  | \"turquoise\"\n  | \"brown\"\n  | \"cinnamon\"\n  | \"silver\"\n  /* `success` and `warning` are accepted alias names for the `positive` and\n   * `notice` status channels — the same negative/warning/success trio Button and\n   * Badge expose — folded onto the canonical channel by normalizeVariant before\n   * styling, so a consumer can name the status either way. */\n  | \"success\"\n  | \"warning\";\n/* The style maps below only know the canonical channels; the two alias names\n * above never reach them. */\ntype S2StatusLightVariant = Exclude<StatusLightVariant, \"success\" | \"warning\">;\ntype StatusLightSize = \"S\" | \"M\" | \"L\" | \"XL\";\n\nfunction normalizeVariant(variant: StatusLightVariant | undefined): S2StatusLightVariant {\n  switch (variant) {\n    case \"success\":\n      return \"positive\";\n    case \"warning\":\n      return \"notice\";\n    default:\n      return variant ?? \"neutral\";\n  }\n}\n\nexport interface StatusLightProps {\n  /** The content to display as the label. */\n  children?: JSX.Element;\n  /**\n   * The variant changes the color of the status light.\n   * @default 'neutral'\n   */\n  variant?: StatusLightVariant;\n  /** The size of the status light. @default 'M' */\n  size?: StatusLightSize;\n  /**\n   * An accessibility role for the status light.\n   * Should be set when the status can change at runtime.\n   */\n  role?: \"status\";\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  id?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLDivElement>;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-details\"?: string;\n  [key: `data-${string}`]: string | undefined;\n}\n\nexport const StatusLightContext = createContext<SpectrumContextValue<StatusLightProps>>(null);\n\nconst wrapperStyles = style<{\n  size: StatusLightSize;\n  variant: S2StatusLightVariant;\n}>(\n  {\n    display: \"flex\",\n    gap: \"text-to-visual\",\n    alignItems: \"baseline\",\n    width: \"fit\",\n    font: controlFont(),\n    /* Register ink-toning: the wells paint the MESSAGE in the channel ink, not\n     * just the dot (Panel07's status rows have no dot at all — the text IS the\n     * light). A library StatusLight keeps the dot, but the semantic channels\n     * tone the label to match; the same 800/900 pairs Meter's fill uses, so\n     * text stays AA on both surfaces. Decorative palette variants keep the\n     * neutral label — they are categories, not statuses. */\n    color: {\n      default: \"neutral\",\n      variant: {\n        neutral: \"gray-600\",\n        informative: lightDark(\"informative-800\", \"informative-900\"),\n        positive: lightDark(\"positive-800\", \"positive-900\"),\n        notice: lightDark(\"notice-800\", \"notice-900\"),\n        negative: lightDark(\"negative-800\", \"negative-900\"),\n        metric: \"[var(--status-metric)]\",\n      },\n    },\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides(),\n);\n\nconst lightStyles = style<{\n  size: StatusLightSize;\n  variant: S2StatusLightVariant;\n  isSkeleton: boolean;\n}>({\n  size: {\n    size: {\n      S: 8,\n      M: 10,\n      L: 12,\n      XL: 14,\n    },\n  },\n  fill: {\n    variant: {\n      informative: \"informative\",\n      neutral: \"neutral\",\n      positive: \"positive\",\n      notice: \"notice\",\n      negative: \"negative\",\n      metric: \"[var(--status-metric)]\",\n      celery: \"celery\",\n      chartreuse: \"chartreuse\",\n      cyan: \"cyan\",\n      fuchsia: \"fuchsia\",\n      purple: \"purple\",\n      magenta: \"magenta\",\n      indigo: \"indigo\",\n      seafoam: \"seafoam\",\n      yellow: \"yellow\",\n      pink: \"pink\",\n      turquoise: \"turquoise\",\n      cinnamon: \"cinnamon\",\n      brown: \"brown\",\n      silver: \"silver\",\n    },\n    isSkeleton: \"gray-200\",\n  },\n  overflow: \"visible\",\n});\n\nfunction mergeUnsafeClassName(\n  contextClassName?: UnsafeClassName | string,\n  localClassName?: UnsafeClassName | string,\n): string | undefined {\n  return [contextClassName, localClassName].filter(Boolean).join(\" \") || undefined;\n}\n\nexport function StatusLight(props: StatusLightProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(StatusLightContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as StatusLightProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"variant\",\n    \"size\",\n    \"role\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"aria-details\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const isSkeleton = useIsSkeleton();\n  const size = () => local.size ?? \"M\";\n  const variant = () => normalizeVariant(local.variant);\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const mergedUnsafeClassName = () =>\n    mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className);\n  const nodeEnv = (globalThis as typeof globalThis & { process?: { env?: { NODE_ENV?: string } } })\n    .process?.env?.NODE_ENV;\n\n  if (!local.children && !local[\"aria-label\"] && nodeEnv !== \"production\") {\n    console.warn(\"If no children are provided, an aria-label must be specified\");\n  }\n\n  if (\n    !local.role &&\n    (local[\"aria-label\"] || local[\"aria-labelledby\"]) &&\n    nodeEnv !== \"production\"\n  ) {\n    console.warn(\"A labelled StatusLight must have a role.\");\n  }\n\n  return (\n    <TextContext.Provider value={{}}>\n      <div\n        {...(filterDOMProps(merged, {\n          labelable: !!local.role,\n        }) as JSX.HTMLAttributes<HTMLDivElement>)}\n        ref={mergeContextRefs(\n          (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n          props.ref,\n        )}\n        role={local.role}\n        class={[\n          mergedUnsafeClassName(),\n          wrapperStyles({ size: size(), variant: variant() }, mergedStyles()),\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        style={mergedUnsafeStyle()}\n      >\n        <CenterBaseline>\n          <svg\n            class={lightStyles({ size: size(), variant: variant(), isSkeleton: isSkeleton() })}\n            aria-hidden=\"true\"\n          >\n            <circle r=\"50%\" cx=\"50%\" cy=\"50%\" />\n          </svg>\n        </CenterBaseline>\n        <Text>{local.children}</Text>\n      </div>\n    </TextContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;AAyDA,SAAS,iBAAiB,SAA0C;CAClE,QAAQ,SAAR;EACE,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,SACE,OAAO,WAAW;CACtB;AACF;AAiCA,MAAa,qBAAqB,cAAsD,IAAA;AAExF,MAAM,gBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCN,MAAM,cAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCN,SAAS,qBACP,kBACA,gBACmB;CACnB,OAAO,CAAC,kBAAkB,cAAA,EAAgB,OAAO,OAAA,EAAS,KAAK,GAAA,KAAQ,KAAA;AACzE;AAEA,SAAgB,YAAY,OAA8B;CACxD,MAAM,eAAe,uBAAuB,WAAW,kBAAA,GAAqB,MAAM,IAAI;CACtF,MAAM,SAAS,aAAW,gBAAgB,CAAC,GAAG,KAAA;CAC9C,MAAM,CAAC,SAAS,WAAW,QAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,aAAa,cAAA;CACnB,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,gBAAgB,iBAAiB,MAAM,OAAO;CACpD,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CACxE,MAAM,8BACJ,qBAAqB,cAAc,kBAAkB,MAAM,gBAAgB;CAC7E,MAAM,UAAW,WACd,SAAS,KAAK;CAEjB,IAAI,CAAC,MAAM,YAAY,CAAC,MAAM,iBAAiB,YAAY,cACzD,QAAQ,KAAK,8DAAA;CAGf,IACE,CAAC,MAAM,SACN,MAAM,iBAAiB,MAAM,uBAC9B,YAAY,cAEZ,QAAQ,KAAK,0CAAA;CAGf,OAAA,gBACG,YAAY,UAAA;EAAS,OAAO,CAAC;EAAA,IAAA,WAAA;GAAA,IAAA,OAAA,eAAA,OAAA,GAAA,QAAA,KAAA,YAAA,CAAA,OAAA,QAAA,cAAA,MAAA,WAAA,GAAA,QAAA,MAAA,aAAA,CAAA,OAAA,SAAA,cAAA,MAAA,WAAA;GAAA,IAAA,QAKrB,iBACF,cAA2D,KAC5D,MAAM,GAAG;GAAA,OAAA,UAAA,cAAA,IAAA,OAAA,IAAA;GAAA,OAAA,MAAA,iBALN,eAAe,QAAQ,EAC1B,WAAW,CAAC,CAAC,MAAM,KACrB,CAAA,GAAwC;IAAA,IAKxC,OAAA;KAAA,OAAM,MAAM;IAAI;IAAA,KAAA,WAAA;KAAA,OACT,CACL,sBAAA,GACA,cAAc;MAAE,MAAM,KAAA;MAAQ,SAAS,QAAA;KAAU,GAAG,aAAA,CAAA,CAAA,EAEnD,OAAO,OAAA,EACP,KAAK,GAAA;IAAA;IAAA,IACR,QAAA;KAAA,OAAO,kBAAA;IAAA;GAAA,CAAA,GAAA,OAAA,IAAA;GAAA,OAAA,MAAA,gBAEN,gBAAA,EAAA,IAAA,WAAA;IAAA,IAAA,QAAA,eAAA,MAAA;IAAA,aAAA,aAAA,OAAA,SAEU,YAAY;KAAE,MAAM,KAAA;KAAQ,SAAS,QAAA;KAAW,YAAY,WAAA;IAAa,CAAA,CAAA,CAAA;IAAA,OAAA;GAAA,EAAA,CAAA,GAAA,OAAA,IAAA;GAAA,OAAA,MAAA,gBAMnF,MAAA,EAAA,IAAA,WAAA;IAAA,OAAM,MAAM;GAAQ,EAAA,CAAA,GAAA,OAAA,KAAA;GAAA,mBAAA;GAAA,OAAA;EAAA;CAAA,CAAA;AAI7B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/statuslight/index.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/StatusLight.tsx\n\n// Port of packages/@react-spectrum/s2/src/StatusLight.tsx.\n\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { mergeProps, filterDOMProps } from \"@proyecto-viviana/solidaria\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport type { StyleString } from \"../style\";\nimport { lightDark, style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  controlFont,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useIsSkeleton } from \"../skeleton\";\nimport { Text, TextContext } from \"../text\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\ntype StatusLightVariant =\n  | \"informative\"\n  | \"neutral\"\n  | \"positive\"\n  | \"notice\"\n  | \"negative\"\n  /* The register's metric channel — the cyan that replaced the retired violet\n   * (`--status-metric`). Without it the fourth status channel simply\n   * has no StatusLight mapping (Panel07's mirror substituted `neutral` and\n   * noted \"the metrics channel simply goes missing\"). */\n  | \"metric\"\n  | \"yellow\"\n  | \"chartreuse\"\n  | \"celery\"\n  | \"seafoam\"\n  | \"cyan\"\n  | \"indigo\"\n  | \"purple\"\n  | \"fuchsia\"\n  | \"magenta\"\n  | \"pink\"\n  | \"turquoise\"\n  | \"brown\"\n  | \"cinnamon\"\n  | \"silver\"\n  /* `success` and `warning` are accepted alias names for the `positive` and\n   * `notice` status channels — the same negative/warning/success trio Button and\n   * Badge expose — folded onto the canonical channel by normalizeVariant before\n   * styling, so a consumer can name the status either way. */\n  | \"success\"\n  | \"warning\";\n/* The style maps below only know the canonical channels; the two alias names\n * above never reach them. */\ntype S2StatusLightVariant = Exclude<StatusLightVariant, \"success\" | \"warning\">;\ntype StatusLightSize = \"S\" | \"M\" | \"L\" | \"XL\";\n\nfunction normalizeVariant(variant: StatusLightVariant | undefined): S2StatusLightVariant {\n  switch (variant) {\n    case \"success\":\n      return \"positive\";\n    case \"warning\":\n      return \"notice\";\n    default:\n      return variant ?? \"neutral\";\n  }\n}\n\nexport interface StatusLightProps {\n  /** The content to display as the label. */\n  children?: JSX.Element;\n  /**\n   * The variant changes the color of the status light.\n   * @default 'neutral'\n   */\n  variant?: StatusLightVariant;\n  /** The size of the status light. @default 'M' */\n  size?: StatusLightSize;\n  /**\n   * An accessibility role for the status light.\n   * Should be set when the status can change at runtime.\n   */\n  role?: \"status\";\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  id?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLDivElement>;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-details\"?: string;\n  [key: `data-${string}`]: string | undefined;\n}\n\nexport const StatusLightContext = createContext<SpectrumContextValue<StatusLightProps>>(null);\n\nconst wrapperStyles = style<{\n  size: StatusLightSize;\n  variant: S2StatusLightVariant;\n}>(\n  {\n    display: \"flex\",\n    gap: \"text-to-visual\",\n    alignItems: \"baseline\",\n    width: \"fit\",\n    font: controlFont(),\n    /* Register ink-toning: the wells paint the MESSAGE in the channel ink, not\n     * just the dot (Panel07's status rows have no dot at all — the text IS the\n     * light). A library StatusLight keeps the dot, but the semantic channels\n     * tone the label to match. Informative uses `--text-link` (the AA accent\n     * ink); notice/negative/positive use the same AA stops Badge outline uses.\n     * Decorative palette variants keep the neutral label — they are categories,\n     * not statuses. */\n    color: {\n      default: \"neutral\",\n      variant: {\n        neutral: \"gray-600\",\n        informative: \"[var(--text-link)]\",\n        positive: \"positive-1000\",\n        notice: \"[var(--status-signal)]\",\n        negative: \"[var(--status-fault)]\",\n        metric: \"[var(--status-metric)]\",\n      },\n    },\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides(),\n);\n\nconst lightStyles = style<{\n  size: StatusLightSize;\n  variant: S2StatusLightVariant;\n  isSkeleton: boolean;\n}>({\n  size: {\n    size: {\n      S: 8,\n      M: 10,\n      L: 12,\n      XL: 14,\n    },\n  },\n  /* The DOT is the channel, so it is painted from the channel tokens rather than from\n   * the ramp: `--status-info` · `--status-signal` · `--status-metric` · `--status-fault`\n   * are what the register's status well uses to report the same four states, and a dot\n   * that says \"degraded\" in a different red from the log line beside it is the drift\n   * this mapping exists to stop. `positive` has no status channel — success is the\n   * library's own green (semantic trio) — and the decorative palette variants are\n   * categories, not statuses, so both keep their ramp fills. */\n  fill: {\n    variant: {\n      informative: \"[var(--status-info)]\",\n      neutral: \"neutral\",\n      positive: \"positive\",\n      notice: \"[var(--status-signal)]\",\n      negative: \"[var(--status-fault)]\",\n      metric: \"[var(--status-metric)]\",\n      celery: \"celery\",\n      chartreuse: \"chartreuse\",\n      cyan: \"cyan\",\n      fuchsia: \"fuchsia\",\n      purple: \"purple\",\n      magenta: \"magenta\",\n      indigo: \"indigo\",\n      seafoam: \"seafoam\",\n      yellow: \"yellow\",\n      pink: \"pink\",\n      turquoise: \"turquoise\",\n      cinnamon: \"cinnamon\",\n      brown: \"brown\",\n      silver: \"silver\",\n    },\n    isSkeleton: \"gray-200\",\n  },\n  overflow: \"visible\",\n});\n\nfunction mergeUnsafeClassName(\n  contextClassName?: UnsafeClassName | string,\n  localClassName?: UnsafeClassName | string,\n): string | undefined {\n  return [contextClassName, localClassName].filter(Boolean).join(\" \") || undefined;\n}\n\nexport function StatusLight(props: StatusLightProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(StatusLightContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as StatusLightProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"variant\",\n    \"size\",\n    \"role\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"aria-details\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const isSkeleton = useIsSkeleton();\n  const size = () => local.size ?? \"M\";\n  const variant = () => normalizeVariant(local.variant);\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const mergedUnsafeClassName = () =>\n    mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className);\n  const nodeEnv = (globalThis as typeof globalThis & { process?: { env?: { NODE_ENV?: string } } })\n    .process?.env?.NODE_ENV;\n\n  // Share one tracked child value between classification and insertion.\n  // Re-evaluation can construct children; keep reactive inputs live rather\n  // than capturing an untracked setup-time snapshot.\n  const content = createMemo(() => local.children);\n  if (!content() && !local[\"aria-label\"] && nodeEnv !== \"production\") {\n    console.warn(\"If no children are provided, an aria-label must be specified\");\n  }\n\n  if (\n    !local.role &&\n    (local[\"aria-label\"] || local[\"aria-labelledby\"]) &&\n    nodeEnv !== \"production\"\n  ) {\n    console.warn(\"A labelled StatusLight must have a role.\");\n  }\n\n  return (\n    <TextContext value={{}}>\n      <div\n        {...(filterDOMProps(merged, {\n          labelable: !!local.role,\n        }) as JSX.HTMLAttributes<HTMLDivElement>)}\n        ref={mergeContextRefs(\n          (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n          props.ref,\n        )}\n        role={local.role}\n        class={[\n          mergedUnsafeClassName(),\n          wrapperStyles({ size: size(), variant: variant() }, mergedStyles()),\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        style={mergedUnsafeStyle()}\n      >\n        <CenterBaseline>\n          <svg\n            class={lightStyles({ size: size(), variant: variant(), isSkeleton: isSkeleton() })}\n            aria-hidden=\"true\"\n          >\n            <circle r=\"50%\" cx=\"50%\" cy=\"50%\" />\n          </svg>\n        </CenterBaseline>\n        <Text>{content()}</Text>\n      </div>\n    </TextContext>\n  );\n}\n"],"mappings":"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"}