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

package/dist/button/ToggleButton.jsx

@@ -1,25 +1,50 @@
+/*
+* 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/ToggleButton.tsx
 import { t as mergeStyles } from "../_chunk/runtime.jsx";
-import { useProviderProps } from "../provider/index.jsx";
+import { a as useProviderProps } from "../_chunk/provider.jsx";
 import { c as useToggleButtonContext } from "../_chunk/context.jsx";
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.jsx";
 import { i as s2ActionButtonStaticColor, p as useToggleButtonGroupContext, s as s2ToggleButtonText, t as s2ActionButton } from "../_chunk/s2-action-button-styles.jsx";
+import { SkeletonContext } from "../skeleton/index.jsx";
+import { i as useFormProps } from "../_chunk/form.jsx";
 import { centerBaseline } from "../icon/center-baseline.jsx";
 import { pressScale } from "../pressScale.jsx";
-import { SkeletonContext } from "../skeleton/index.jsx";
 import { t as IconContext } from "../_chunk/spectrum-icon.jsx";
-import { c as TextContext } from "../_chunk/text.jsx";
+import { c as TextContext$1 } from "../_chunk/text.jsx";
 import { t as getSingleTextChild } from "../_chunk/text-child.jsx";
-import { children, mergeProps, splitProps } from "solid-js";
-import { ToggleButton as ToggleButton$1 } from "@proyecto-viviana/solidaria-components";
+import { t as CornerTriangle } from "../_chunk/CornerTriangle.jsx";
+import { children, createSignal, createTrackedEffect, useContext } from "solid-js";
+import { mergeProps, splitProps } from "@proyecto-viviana/solidaria/utils";
+import { MenuTriggerContext, PopoverTriggerContext, ToggleButton as ToggleButton$1 } from "@proyecto-viviana/solidaria-components";
+import { mergeProps as mergeProps$1, useLocale } from "@proyecto-viviana/solidaria";
 //#region src/button/ToggleButton.tsx
 /**
 * ToggleButtons allow users to toggle a selection on or off.
 */ function ToggleButton(props) {
-	const providerProps = useProviderProps(props);
-	const contextProps = getSlottedContextProps(useToggleButtonContext(), props.slot);
+	const runtimeProps = props;
+	const providerProps = useProviderProps(runtimeProps);
+	const [flags] = splitProps(providerProps, [
+		"isQuiet",
+		"isEmphasized",
+		"isDisabled",
+		"isRequired",
+		"isReadOnly",
+		"validationState"
+	]);
+	const contextProps = getSlottedContextProps(useToggleButtonContext(), runtimeProps.slot);
 	const groupContext = getSlottedContextProps(useToggleButtonGroupContext(), void 0);
-	const standaloneProps = mergeProps({ size: "M" }, providerProps, contextProps ?? {}, props);
-	const [local, headlessProps] = splitProps(mergeProps(standaloneProps, {
+	const standaloneProps = useFormProps(contextProps ? mergeProps$1(flags, contextProps, props) : mergeProps$1(flags, props));
+	const mergedProps = mergeProps(standaloneProps, {
 		get size() {
 			return groupContext?.size ?? standaloneProps.size;
 		},
@@ -44,7 +69,8 @@ import { ToggleButton as ToggleButton$1 } from "@proyecto-viviana/solidaria-comp
 		get isJustified() {
 			return groupContext?.isJustified;
 		}
-	}), [
+	});
+	const [local, headlessProps] = splitProps(mergedProps, [
 		"size",
 		"staticColor",
 		"isQuiet",
@@ -53,14 +79,23 @@ import { ToggleButton as ToggleButton$1 } from "@proyecto-viviana/solidaria-comp
 		"UNSAFE_className",
 		"UNSAFE_style",
 		"children",
+		"holdAffordance",
 		"ref",
 		"density",
 		"orientation",
 		"isJustified"
 	]);
 	let buttonElement;
+	const [resolvedButtonElement, setResolvedButtonElement] = createSignal(null);
+	const menuTriggerContext = useContext(MenuTriggerContext);
+	const popoverTriggerContext = useContext(PopoverTriggerContext);
 	const assignButtonRefs = mergeContextRefs(contextProps?.ref, props.ref);
 	const size = () => local.size ?? "M";
+	const cornerTriangleSize = () => {
+		const currentSize = size();
+		return currentSize === "XS" ? "S" : currentSize;
+	};
+	const locale = useLocale();
 	const density = () => local.density ?? "regular";
 	const orientation = () => local.orientation ?? "horizontal";
 	const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);
@@ -97,14 +132,49 @@ import { ToggleButton as ToggleButton$1 } from "@proyecto-viviana/solidaria-comp
 		isInGroup: !!groupContext
 	}) : void 0, mergedStyles())].filter(Boolean).join(" ");
 	const getPressScaleStyle = (renderProps) => pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);
+	const menuTriggerButtonProps = () => {
+		if (!menuTriggerContext) return {};
+		const { onKeyDown: _onKeyDown, ...triggerProps } = menuTriggerContext.triggerProps;
+		return mergeProps$1(triggerProps, { onPressStart: menuTriggerContext.onPressStart });
+	};
+	const isDisabled = () => headlessProps.isDisabled ?? menuTriggerContext?.isDisabled?.();
+	const syncMenuTriggerAttribute = (element, name, value) => {
+		if (value == null) {
+			element.removeAttribute(name);
+			return;
+		}
+		element.setAttribute(name, String(value));
+	};
+	createTrackedEffect(() => {
+		const element = resolvedButtonElement();
+		if (!element || !menuTriggerContext || menuTriggerContext.triggerRef?.() !== element) return;
+		const triggerProps = menuTriggerContext.triggerProps;
+		syncMenuTriggerAttribute(element, "aria-haspopup", triggerProps["aria-haspopup"]);
+		syncMenuTriggerAttribute(element, "aria-expanded", triggerProps["aria-expanded"]);
+		syncMenuTriggerAttribute(element, "aria-controls", triggerProps["aria-controls"]);
+		syncMenuTriggerAttribute(element, "aria-disabled", triggerProps["aria-disabled"]);
+	});
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
+		const element = resolvedButtonElement();
+		if (!element || !menuTriggerContext || menuTriggerContext.triggerRef?.() !== element) return;
+		const onKeyDown = (event) => {
+			menuTriggerContext.triggerProps.onKeyDown?.(event);
+		};
+		element.addEventListener("keydown", onKeyDown);
+		_s2Cleanups.push(() => element.removeEventListener("keydown", onKeyDown));
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
+	});
 	function ToggleButtonContent() {
 		const iconContextValue = {
 			slot: "icon",
 			render: centerBaseline({
 				slot: "icon",
-				styles: " _Ja151"
+				styles: " _Ja17"
 			}),
-			styles: " ZuUmpre151 FuUmpre151 I67logd151 _va151"
+			styles: " ZObNfn17 FObNfn17 I67logd17 _va17"
 		};
 		const textContextValue = {
 			styles: s2ToggleButtonText,
@@ -114,20 +184,47 @@ import { ToggleButton as ToggleButton$1 } from "@proyecto-viviana/solidaria-comp
 			const resolvedChildren = children(() => local.children);
 			const content = () => resolvedChildren();
 			const textChild = () => getSingleTextChild(content());
-			return textChild() !== void 0 ? <span class={`${s2ToggleButtonText}  _Jb151`} data-rsp-slot="text">
-          {textChild()}
-        </span> : content();
+			return <>
+          {textChild() !== void 0 ? <span class={`${s2ToggleButtonText}  _Jb17`} data-rsp-slot="text">
+              {textChild()}
+            </span> : content()}
+        </>;
 		}
-		return <SkeletonContext.Provider value={null}>
-        <TextContext.Provider value={textContextValue}>
-          <IconContext.Provider value={iconContextValue}>
+		return <SkeletonContext value={null}>
+        <TextContext$1 value={textContextValue}>
+          <IconContext value={iconContextValue}>
             <ResolvedContent />
-          </IconContext.Provider>
-        </TextContext.Provider>
-      </SkeletonContext.Provider>;
+            {local.holdAffordance ? <CornerTriangle size={cornerTriangleSize()} class={function anonymous(props) {
+			let rules = " ";
+			rules += " _Pa17";
+			if (props.size === "XL") rules += " _zWJpoB17";
+			else if (props.size === "L") rules += " _zC1otk17";
+			else if (props.size === "M") rules += " _zE17";
+			else if (props.size === "S") rules += " _zwtfhvc17";
+			else if (props.size === "XS") rules += " _zwtfhvc17";
+			if (props.size === "XL") rules += " _lWJpoB17";
+			else if (props.size === "L") rules += " _lC1otk17";
+			else if (props.size === "M") rules += " _lE17";
+			else if (props.size === "S") rules += " _lwtfhvc17";
+			else if (props.size === "XS") rules += " _lwtfhvc17";
+			if (props.direction === "rtl") {
+				rules += " -Z4Pn4c-a17";
+				rules += " __Ha17";
+			}
+			return rules;
+		}({
+			direction: locale().direction,
+			size: size()
+		})} /> : null}
+          </IconContext>
+        </TextContext$1>
+      </SkeletonContext>;
 	}
-	return <ToggleButton$1 {...headlessProps} ref={(element) => {
+	return <ToggleButton$1 {...headlessProps} {...menuTriggerButtonProps()} isDisabled={isDisabled()} ref={(element) => {
 		buttonElement = element;
+		setResolvedButtonElement(element);
+		popoverTriggerContext?.setTriggerRef(element);
+		menuTriggerContext?.setTriggerRef?.(element);
 		assignButtonRefs(element);
 	}} class={getClassName} style={getPressScaleStyle}>
       <ToggleButtonContent />

package/dist/button/ToggleButton.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.jsx","names":[],"sources":["../../src/button/ToggleButton.tsx"],"sourcesContent":["import { children as resolveChildren, type JSX, mergeProps, splitProps } from \"solid-js\";\nimport {\n  ToggleButton as HeadlessToggleButton,\n  type ToggleButtonProps as HeadlessToggleButtonProps,\n  type ToggleButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps } from \"../provider\";\nimport type { StaticColor } from \"./types\";\nimport type { StyleString } from \"../style\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport { SkeletonContext } from \"../skeleton\";\nimport { TextContext } from \"../text\";\nimport {\n  s2ActionButton,\n  s2ActionButtonStaticColor,\n  s2ToggleButtonText,\n  type S2ActionButtonRenderState,\n} from \"./s2-action-button-styles\";\nimport {\n  type ActionButtonDensity,\n  type ActionButtonOrientation,\n  type ActionButtonSize,\n  useToggleButtonGroupContext,\n} from \"./group-context\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { pressScale } from \"../pressScale\";\nimport { useToggleButtonContext } from \"./context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n} from \"./spectrum-context\";\nimport { getSingleTextChild } from \"./text-child\";\n\nexport type ToggleButtonSize = ActionButtonSize;\n\ntype StyledToggleButtonBaseProps = Omit<\n  HeadlessToggleButtonProps,\n  | \"class\"\n  | \"style\"\n  | \"children\"\n  | \"onClick\"\n  | \"elementType\"\n  | \"href\"\n  | \"target\"\n  | \"rel\"\n  | \"allowFocusWhenDisabled\"\n  | \"form\"\n  | \"formAction\"\n  | \"formEncType\"\n  | \"formMethod\"\n  | \"formNoValidate\"\n  | \"formTarget\"\n  | \"name\"\n  | \"type\"\n  | \"value\"\n>;\n\nexport interface ToggleButtonProps extends StyledToggleButtonBaseProps {\n  /** The content to display in the button. */\n  children?: JSX.Element;\n  /** The size of the button. @default 'M' */\n  size?: ToggleButtonSize;\n  /** The static color style to apply. Useful when the ToggleButton appears over a color background. */\n  staticColor?: StaticColor;\n  /** Whether the button should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the selected ToggleButton should be emphasized. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n}\n\n/**\n * ToggleButtons allow users to toggle a selection on or off.\n */\nexport function ToggleButton(props: ToggleButtonProps): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useToggleButtonContext(), props.slot);\n  const groupContext = getSlottedContextProps(useToggleButtonGroupContext(), undefined);\n  const defaultProps: Partial<ToggleButtonProps> = {\n    size: \"M\",\n  };\n  const standaloneProps = mergeProps(defaultProps, providerProps, contextProps ?? {}, props);\n  const groupProps: Partial<ToggleButtonProps> & {\n    density?: ActionButtonDensity;\n    orientation?: ActionButtonOrientation;\n    isJustified?: boolean;\n  } = {\n    get size() {\n      return groupContext?.size ?? standaloneProps.size;\n    },\n    get staticColor() {\n      return groupContext?.staticColor ?? standaloneProps.staticColor;\n    },\n    get isQuiet() {\n      return groupContext?.isQuiet ?? standaloneProps.isQuiet;\n    },\n    get isEmphasized() {\n      return groupContext?.isEmphasized ?? standaloneProps.isEmphasized;\n    },\n    get isDisabled() {\n      return groupContext?.isDisabled ?? standaloneProps.isDisabled;\n    },\n    get density() {\n      return groupContext?.density;\n    },\n    get orientation() {\n      return groupContext?.orientation;\n    },\n    get isJustified() {\n      return groupContext?.isJustified;\n    },\n  };\n\n  const mergedProps = mergeProps(standaloneProps, groupProps);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"staticColor\",\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"ref\",\n    \"density\",\n    \"orientation\",\n    \"isJustified\",\n  ]);\n  let buttonElement: HTMLButtonElement | undefined;\n  const assignButtonRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLButtonElement> } | null)?.ref,\n    props.ref,\n  );\n\n  const size = (): ToggleButtonSize => local.size ?? \"M\";\n  const density = (): ActionButtonDensity => local.density ?? \"regular\";\n  const orientation = (): ActionButtonOrientation => local.orientation ?? \"horizontal\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const getS2State = (renderProps: ToggleButtonRenderProps): S2ActionButtonRenderState => ({\n    isHovered: renderProps.isHovered,\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled,\n    isSelected: renderProps.isSelected,\n  });\n\n  const getClassName = (renderProps: ToggleButtonRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      mergeStyles(\n        s2ActionButton({\n          ...getS2State(renderProps),\n          size: size(),\n          staticColor: local.staticColor,\n          isStaticColor: !!local.staticColor,\n          isQuiet: local.isQuiet,\n          isEmphasized: local.isEmphasized,\n          density: density(),\n          orientation: orientation(),\n          isJustified: local.isJustified,\n          isInGroup: !!groupContext,\n        }),\n        local.staticColor\n          ? s2ActionButtonStaticColor({\n              ...getS2State(renderProps),\n              size: size(),\n              staticColor: local.staticColor,\n              isStaticColor: true,\n              isQuiet: local.isQuiet,\n              isEmphasized: local.isEmphasized,\n              density: density(),\n              orientation: orientation(),\n              isJustified: local.isJustified,\n              isInGroup: !!groupContext,\n            })\n          : undefined,\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const getPressScaleStyle = (renderProps: ToggleButtonRenderProps): JSX.CSSProperties =>\n    pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);\n\n  function ToggleButtonContent() {\n    const iconContextValue = {\n      slot: \"icon\",\n      render: centerBaseline({ slot: \"icon\", styles: style({ order: 0 }) }),\n      styles: style({\n        size: fontRelative(20),\n        marginStart: \"--iconMargin\",\n        flexShrink: 0,\n      }),\n    };\n    const textContextValue = {\n      styles: s2ToggleButtonText,\n      \"data-rsp-slot\": \"text\",\n    };\n\n    function ResolvedContent() {\n      const resolvedChildren = resolveChildren(() => local.children);\n      const content = () => resolvedChildren();\n      const textChild = () => getSingleTextChild(content());\n\n      return textChild() !== undefined ? (\n        <span class={`${s2ToggleButtonText} ${style({ order: 1 })}`} data-rsp-slot=\"text\">\n          {textChild()}\n        </span>\n      ) : (\n        content()\n      );\n    }\n\n    return (\n      <SkeletonContext.Provider value={null}>\n        <TextContext.Provider value={textContextValue}>\n          <IconContext.Provider value={iconContextValue}>\n            <ResolvedContent />\n          </IconContext.Provider>\n        </TextContext.Provider>\n      </SkeletonContext.Provider>\n    );\n  }\n\n  return (\n    <HeadlessToggleButton\n      {...headlessProps}\n      ref={(element: HTMLButtonElement) => {\n        buttonElement = element;\n        assignButtonRefs(element);\n      }}\n      class={getClassName}\n      style={getPressScaleStyle}\n    >\n      <ToggleButtonContent />\n    </HeadlessToggleButton>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;GA8BE,SAAA,aAAsB,OAAA;CACtB,MAAA,gBAAgB,iBAAA,KAAA;CAChB,MAAA,eAAkB,uBAAA,uBAAA,GAAA,MAAA,IAAA;CAClB,MAAA,eAAuB,uBAAA,4BAAA,GAAA,KAAA,CAAA;sCAEjB,MAAE,IAAA,GAAA,eAAA,gBAAA,CAAA,GAAA,KAAA;CAkCN,MAAE,CAAA,OAAY,iBAAiB,WADnB,WAAW,iBAAA;EAzBtB,IAAK,OAAA;GACL,OAAQ,cAAA,QAAA,gBAAA;EACR;EACA,IAAA,cAAW;GACP,OAAA,cAAA,eAAA,gBAAA;EACJ;EACG,IAAA,UAAA;GACH,OAAA,cAAsB,WAAA,gBAAA;EACtB;EACA,IAAA,eAAU;GACV,OAAW,cAAA,gBAAA,gBAAA;EACX;EACA,IAAA,aAAc;GACd,OAAU,cAAA,cAAA,gBAAA;EACV;EACA,IAAI,UAAA;GACC,OAAA,cAAA;EACT;;GAEM,OAAU,cAAA;EACX;EACJ,IAAU,cAAY;GACd,OAAQ,cAAa;EACvB;CAEmB,CACyB,GAAM;EACxD;EACI;EACJ;EACI;EACE;EACF;EACJ;EACI;EACJ;EACF;;EAEE;CACC,CAAA;CACD,IAAA;CACF,MAAO,mBAAsB,iBAAO,cAE5B,KAAY,MAAG,GAAA;CACrB,MAAM,aAAe,MAAuB,QAAA;CAC5C,MAAM,gBAAsB,MAAqB,WAAA;CAC/C,MAAM,oBAAG,MAAA,eAAA;CACV,MAAA,qBAAA,mBAAA,cAAA,QAAA,MAAA,MAAA;CACD,MAAM,0BAAkB,wBAAyB,cAAe,cAAoB,MAAM,YAAA;CAC1F,MAAM,cAAY,iBAA6B;EACrC,WAAE,YAAmB;EAC7B,WAAc,YAAA;EACd,WAAc,YAAO;EACnB,gBAAA,YAAA;EACM,YAAG,YAAA;EACH,YAAC,YAAsB;CAC9B;CACD,MAAI,gBAAc,gBAAA,CACV,MAAC,kBACR,YAAA,eAAA;EACW,GAAE,WAAA,WAAA;EACL,MAAA,KAAc;EACtB,aAAA,MAAA;EACG,eAAe,CAAA,CAAA,MAAA;EACV,SAAY,MAAE;EACtB,cAAA,MAAA;EACG,SAAa,QAAA;EACR,aAAc,YAAc;EACpC,aAAA,MAAA;EACW,WAAE,CAAA,CAAA;CACN,CAAC,GAAA,MAAA,cAAqB,0BAAA;EAC7B,GAAA,WAAA,WAAA;EACG,MAAc,KAAA;EACT,aAAc,MAAA;EACtB,eAAA;EACG,SAAc,MAAA;EACT,cAAc,MAAA;EACtB,SAAA,QAAA;EACF,aAAA,YAAA;;EAEK,WAAc,CAAA,CAAA;CACb,CAAA,IAAO,KAAA,GAAA,aAAiB,CAAA,CAC5B,EAAK,OAAA,OAAA,EAAA,KAAA,GAAA;CACN,MAAC,sBAAY,gBAAA,iBAAA,eAAA,kBAAA,CAAA,EAAA,WAAA;CACb,SAAS,sBAAA;EACR,MAAA,mBAAa;GACN,MAAA;GACP,QAAA,eAAiB;IACjB,MAAa;IACJ,QAAA;GACL,CAAA;GACG,QAAC;EACR;EACA,MAAA,mBAAY;GACb,QAAA;GACE,iBAAe;EACb;EACH,SAAY,kBAAY;GACnB,MAAG,mBAAA,eAAA,MAAA,QAAA;GACV,MAAA,gBAAA,iBAAA;;GAES,OAAO,UAAA,MAAgB,KAAA,IAAU,CAAI,KAAK,OAAE,GAAA,mBAAA,WAAA,qBAAA;WAChD,UAAa,EAAC;QACd,EAAA,QAAY,QAAM;EAClB;EACA,OAAA,CAAA,gBAAwB,SAAA,OAAA,MAAA;QAC5B,CAAA,YAAA,SAAwB,OAAA,kBAA2B;UAC/C,CAAA,YAAc,SAAA,OAAa,kBAAA;YAC/B,CAAS,kBAAc;UACvB,EAAA,YAAW,SAAY;QACvB,EAAA,YAAW,SAAY;MACvB,EAAA,gBAAgB;CAChB;CACA,OAAA,CAAA,mBAAkC,eAAA,MAAA,YAAA;EAClC,gBAAA;;CAEF,GAAK,OAAC,cAAgB,OAAW,oBAAE;MACjC,CAAA,sBAAA;IACA,EAAE;AACN"}
+{"version":3,"file":"ToggleButton.jsx","names":[],"sources":["../../src/button/ToggleButton.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/ToggleButton.tsx\n\n// Port of packages/@react-spectrum/s2/src/ToggleButton.tsx.\nimport {\n  children as resolveChildren,\n  createEffect,\n  createSignal,\n  merge,\n  onCleanup,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  ToggleButton as HeadlessToggleButton,\n  MenuTriggerContext,\n  PopoverTriggerContext,\n  type ToggleButtonProps as HeadlessToggleButtonProps,\n  type ToggleButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport { useFormProps } from \"../form\";\nimport type { StaticColor } from \"./types\";\nimport type { StyleString } from \"../style\";\nimport { space, style } from \"../style\" with { type: \"macro\" };\nimport { mergeProps as mergeAriaProps, useLocale } from \"@proyecto-viviana/solidaria\";\nimport { mergeStyles } from \"../style/runtime\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport { SkeletonContext } from \"../skeleton\";\nimport { TextContext } from \"../text\";\nimport {\n  s2ActionButton,\n  s2ActionButtonStaticColor,\n  s2ToggleButtonText,\n  type S2ActionButtonRenderState,\n} from \"./s2-action-button-styles\";\nimport {\n  type ActionButtonDensity,\n  type ActionButtonOrientation,\n  type ActionButtonSize,\n  useToggleButtonGroupContext,\n} from \"./group-context\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { pressScale } from \"../pressScale\";\nimport { useToggleButtonContext } from \"./context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n} from \"./spectrum-context\";\nimport { getSingleTextChild } from \"./text-child\";\nimport CornerTriangle from \"../icon/ui-icons/CornerTriangle\";\nimport { mergeProps, splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type ToggleButtonSize = ActionButtonSize;\n\ntype StyledToggleButtonBaseProps = Omit<\n  HeadlessToggleButtonProps,\n  | \"class\"\n  | \"style\"\n  | \"children\"\n  | \"onClick\"\n  | \"elementType\"\n  | \"href\"\n  | \"target\"\n  | \"rel\"\n  | \"allowFocusWhenDisabled\"\n  | \"form\"\n  | \"formAction\"\n  | \"formEncType\"\n  | \"formMethod\"\n  | \"formNoValidate\"\n  | \"formTarget\"\n  | \"name\"\n  | \"type\"\n  | \"value\"\n>;\n\nexport interface ToggleButtonProps extends StyledToggleButtonBaseProps {\n  /** The content to display in the button. */\n  children?: JSX.Element;\n  /** The size of the button. @default 'M' */\n  size?: ToggleButtonSize;\n  /** The static color style to apply. Useful when the ToggleButton appears over a color background. */\n  staticColor?: StaticColor;\n  /** Whether the button should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the selected ToggleButton should be emphasized. */\n  isEmphasized?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n}\n\ntype RuntimeToggleButtonProps = ToggleButtonProps & { holdAffordance?: boolean };\n\n/**\n * ToggleButtons allow users to toggle a selection on or off.\n */\nexport function ToggleButton(props: ToggleButtonProps): JSX.Element {\n  const runtimeProps = props as RuntimeToggleButtonProps;\n  const providerProps = useProviderProps(runtimeProps) as RuntimeToggleButtonProps &\n    ProviderInheritedProps;\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useToggleButtonContext(), runtimeProps.slot);\n  const groupContext = getSlottedContextProps(useToggleButtonGroupContext(), undefined);\n  // As Button: the Form fills what context and props leave unset; defaults are read-time.\n  const standaloneProps = useFormProps(\n    contextProps\n      ? mergeAriaProps<RuntimeToggleButtonProps>(flags, contextProps, props)\n      : mergeAriaProps<RuntimeToggleButtonProps>(flags, props),\n  );\n  const groupProps: Partial<ToggleButtonProps> & {\n    density?: ActionButtonDensity;\n    orientation?: ActionButtonOrientation;\n    isJustified?: boolean;\n  } = {\n    get size() {\n      return groupContext?.size ?? standaloneProps.size;\n    },\n    get staticColor() {\n      return groupContext?.staticColor ?? standaloneProps.staticColor;\n    },\n    get isQuiet() {\n      return groupContext?.isQuiet ?? standaloneProps.isQuiet;\n    },\n    get isEmphasized() {\n      return groupContext?.isEmphasized ?? standaloneProps.isEmphasized;\n    },\n    get isDisabled() {\n      return groupContext?.isDisabled ?? standaloneProps.isDisabled;\n    },\n    get density() {\n      return groupContext?.density;\n    },\n    get orientation() {\n      return groupContext?.orientation;\n    },\n    get isJustified() {\n      return groupContext?.isJustified;\n    },\n  };\n\n  const mergedProps = mergeProps<\n    RuntimeToggleButtonProps & {\n      density?: ActionButtonDensity;\n      orientation?: ActionButtonOrientation;\n      isJustified?: boolean;\n    }\n  >(standaloneProps, groupProps);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"staticColor\",\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"holdAffordance\",\n    \"ref\",\n    \"density\",\n    \"orientation\",\n    \"isJustified\",\n  ]);\n  let buttonElement: HTMLButtonElement | undefined;\n  const [resolvedButtonElement, setResolvedButtonElement] = createSignal<HTMLButtonElement | null>(\n    null,\n  );\n  const menuTriggerContext = useContext(MenuTriggerContext);\n  const popoverTriggerContext = useContext(PopoverTriggerContext);\n  const assignButtonRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLButtonElement> } | null)?.ref,\n    props.ref,\n  );\n\n  const size = (): ToggleButtonSize => local.size ?? \"M\";\n  const cornerTriangleSize = (): \"S\" | \"M\" | \"L\" | \"XL\" => {\n    const currentSize = size();\n    return currentSize === \"XS\" ? \"S\" : currentSize;\n  };\n  const locale = useLocale();\n  const density = (): ActionButtonDensity => local.density ?? \"regular\";\n  const orientation = (): ActionButtonOrientation => local.orientation ?? \"horizontal\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const getS2State = (renderProps: ToggleButtonRenderProps): S2ActionButtonRenderState => ({\n    isHovered: renderProps.isHovered,\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled,\n    isSelected: renderProps.isSelected,\n  });\n\n  const getClassName = (renderProps: ToggleButtonRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      mergeStyles(\n        s2ActionButton({\n          ...getS2State(renderProps),\n          size: size(),\n          staticColor: local.staticColor,\n          isStaticColor: !!local.staticColor,\n          isQuiet: local.isQuiet,\n          isEmphasized: local.isEmphasized,\n          density: density(),\n          orientation: orientation(),\n          isJustified: local.isJustified,\n          isInGroup: !!groupContext,\n        }),\n        local.staticColor\n          ? s2ActionButtonStaticColor({\n              ...getS2State(renderProps),\n              size: size(),\n              staticColor: local.staticColor,\n              isStaticColor: true,\n              isQuiet: local.isQuiet,\n              isEmphasized: local.isEmphasized,\n              density: density(),\n              orientation: orientation(),\n              isJustified: local.isJustified,\n              isInGroup: !!groupContext,\n            })\n          : undefined,\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const getPressScaleStyle = (renderProps: ToggleButtonRenderProps): JSX.CSSProperties =>\n    pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);\n  const menuTriggerButtonProps = (): Partial<HeadlessToggleButtonProps> => {\n    if (!menuTriggerContext) {\n      return {};\n    }\n\n    const { onKeyDown: _onKeyDown, ...triggerProps } = menuTriggerContext.triggerProps;\n    return mergeAriaProps<Partial<HeadlessToggleButtonProps>>(\n      triggerProps as Partial<HeadlessToggleButtonProps>,\n      {\n        onPressStart: menuTriggerContext.onPressStart,\n      } as Partial<HeadlessToggleButtonProps>,\n    );\n  };\n  // Resolved once, after the spreads, so nothing shadows it. The MenuTrigger\n  // publishes a concrete boolean (`solidaria-components/src/Menu.tsx:417`), and\n  // a present key wins a spread whatever it evaluates to, so carrying it in\n  // `menuTriggerButtonProps()` buried the Form and the Skeleton under a `false`.\n  // Upstream's MenuTrigger never sets the flag on its trigger, so ours is the\n  // last resort; group before own prop is ToggleButton's own upstream order\n  // (`@react-spectrum/s2@1.7.0/src/ToggleButton.tsx:90`), which `headlessProps`\n  // already carries.\n  const isDisabled = () => headlessProps.isDisabled ?? menuTriggerContext?.isDisabled?.();\n  const syncMenuTriggerAttribute = (element: HTMLButtonElement, name: string, value: unknown) => {\n    if (value == null) {\n      element.removeAttribute(name);\n      return;\n    }\n    element.setAttribute(name, String(value));\n  };\n\n  createTrackedEffect(() => {\n    const element = resolvedButtonElement();\n    if (!element || !menuTriggerContext || menuTriggerContext.triggerRef?.() !== element) {\n      return;\n    }\n\n    const triggerProps = menuTriggerContext.triggerProps as Record<string, unknown>;\n    syncMenuTriggerAttribute(element, \"aria-haspopup\", triggerProps[\"aria-haspopup\"]);\n    syncMenuTriggerAttribute(element, \"aria-expanded\", triggerProps[\"aria-expanded\"]);\n    syncMenuTriggerAttribute(element, \"aria-controls\", triggerProps[\"aria-controls\"]);\n    syncMenuTriggerAttribute(element, \"aria-disabled\", triggerProps[\"aria-disabled\"]);\n  });\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const element = resolvedButtonElement();\n    if (!element || !menuTriggerContext || menuTriggerContext.triggerRef?.() !== element) {\n      return;\n    }\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      (menuTriggerContext.triggerProps as { onKeyDown?: (e: KeyboardEvent) => void }).onKeyDown?.(\n        event,\n      );\n    };\n\n    element.addEventListener(\"keydown\", onKeyDown);\n    _s2Cleanups.push(() => element.removeEventListener(\"keydown\", onKeyDown));\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  function ToggleButtonContent() {\n    const iconContextValue = {\n      slot: \"icon\",\n      render: centerBaseline({ slot: \"icon\", styles: style({ order: 0 }) }),\n      styles: style({\n        size: \"1lh\",\n        marginStart: \"--iconMargin\",\n        flexShrink: 0,\n      }),\n    };\n    const textContextValue = {\n      styles: s2ToggleButtonText,\n      \"data-rsp-slot\": \"text\",\n    };\n\n    function ResolvedContent() {\n      const resolvedChildren = resolveChildren(() => local.children);\n      const content = () => resolvedChildren();\n      const textChild = () => getSingleTextChild(content());\n\n      return (\n        <>\n          {textChild() !== undefined ? (\n            <span class={`${s2ToggleButtonText} ${style({ order: 1 })}`} data-rsp-slot=\"text\">\n              {textChild()}\n            </span>\n          ) : (\n            content()\n          )}\n        </>\n      );\n    }\n\n    return (\n      <SkeletonContext value={null}>\n        <TextContext value={textContextValue}>\n          <IconContext value={iconContextValue}>\n            <ResolvedContent />\n            {local.holdAffordance ? (\n              <CornerTriangle\n                size={cornerTriangleSize()}\n                class={style({\n                  position: \"absolute\",\n                  insetEnd: {\n                    size: {\n                      XS: space(3),\n                      S: space(3),\n                      M: 4,\n                      L: space(5),\n                      XL: space(6),\n                    },\n                  },\n                  bottom: {\n                    size: {\n                      XS: space(3),\n                      S: space(3),\n                      M: 4,\n                      L: space(5),\n                      XL: space(6),\n                    },\n                  },\n                  scaleX: {\n                    direction: {\n                      rtl: -1,\n                    },\n                  },\n                })({ direction: locale().direction, size: size() })}\n              />\n            ) : null}\n          </IconContext>\n        </TextContext>\n      </SkeletonContext>\n    );\n  }\n\n  return (\n    <HeadlessToggleButton\n      {...headlessProps}\n      {...menuTriggerButtonProps()}\n      isDisabled={isDisabled()}\n      ref={(element: HTMLButtonElement) => {\n        buttonElement = element;\n        setResolvedButtonElement(element);\n        popoverTriggerContext?.setTriggerRef(element);\n        menuTriggerContext?.setTriggerRef?.(element);\n        assignButtonRefs(element);\n      }}\n      class={getClassName}\n      style={getPressScaleStyle}\n    >\n      <ToggleButtonContent />\n    </HeadlessToggleButton>\n  );\n}\n"],"mappings":"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"}

package/dist/button/context.d.ts

@@ -5,10 +5,18 @@ import type { ToggleButtonProps } from "./ToggleButton";
 import type { SpectrumContextValue } from "./spectrum-context";
 export declare const ButtonContext: import("solid-js").Context<SpectrumContextValue<ButtonProps>>;
 export declare const LinkButtonContext: import("solid-js").Context<SpectrumContextValue<LinkButtonProps>>;
-export declare const ActionButtonContext: import("solid-js").Context<SpectrumContextValue<ActionButtonProps>>;
-export declare const ToggleButtonContext: import("solid-js").Context<SpectrumContextValue<ToggleButtonProps>>;
+export declare const ActionButtonContext: import("solid-js").Context<SpectrumContextValue<ActionButtonProps & {
+    holdAffordance?: boolean;
+}>>;
+export declare const ToggleButtonContext: import("solid-js").Context<SpectrumContextValue<ToggleButtonProps & {
+    holdAffordance?: boolean;
+}>>;
 export declare function useButtonContext(): SpectrumContextValue<ButtonProps>;
 export declare function useLinkButtonContext(): SpectrumContextValue<LinkButtonProps>;
-export declare function useActionButtonContext(): SpectrumContextValue<ActionButtonProps>;
-export declare function useToggleButtonContext(): SpectrumContextValue<ToggleButtonProps>;
+export declare function useActionButtonContext(): SpectrumContextValue<ActionButtonProps & {
+    holdAffordance?: boolean;
+}>;
+export declare function useToggleButtonContext(): SpectrumContextValue<ToggleButtonProps & {
+    holdAffordance?: boolean;
+}>;
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/button/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,eAAO,MAAM,aAAa,+DAAyD,CAAC;AACpF,eAAO,MAAM,iBAAiB,mEAA6D,CAAC;AAC5F,eAAO,MAAM,mBAAmB,qEAA+D,CAAC;AAChG,eAAO,MAAM,mBAAmB,qEAA+D,CAAC;AAEhG,wBAAgB,gBAAgB,IAAI,oBAAoB,CAAC,WAAW,CAAC,CAEpE;AAED,wBAAgB,oBAAoB,IAAI,oBAAoB,CAAC,eAAe,CAAC,CAE5E;AAED,wBAAgB,sBAAsB,IAAI,oBAAoB,CAAC,iBAAiB,CAAC,CAEhF;AAED,wBAAgB,sBAAsB,IAAI,oBAAoB,CAAC,iBAAiB,CAAC,CAEhF"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/button/context.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,eAAO,MAAM,aAAa,+DAAyD,CAAC;AACpF,eAAO,MAAM,iBAAiB,mEAA6D,CAAC;AAC5F,eAAO,MAAM,mBAAmB;qBAC4C,OAAO;GAAU,CAAC;AAC9F,eAAO,MAAM,mBAAmB;qBAC4C,OAAO;GAAU,CAAC;AAE9F,wBAAgB,gBAAgB,IAAI,oBAAoB,CAAC,WAAW,CAAC,CAEpE;AAED,wBAAgB,oBAAoB,IAAI,oBAAoB,CAAC,eAAe,CAAC,CAE5E;AAED,wBAAgB,sBAAsB,IAAI,oBAAoB,CAC5D,iBAAiB,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,CACjD,CAEA;AAED,wBAAgB,sBAAsB,IAAI,oBAAoB,CAC5D,iBAAiB,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,CACjD,CAEA"}

package/dist/button/group-context.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { Key } from "@proyecto-viviana/solid-stately";
 import type { StyleString } from "../style";
 import type { ButtonSize, StaticColor } from "./types";

package/dist/button/group-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group-context.d.ts","sourceRoot":"","sources":["../../src/button/group-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,KAAK,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAC7D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,6BAA8B,SAAQ,6BAA6B;IAClF,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,kBAAkB,2EACqC,CAAC;AACrE,eAAO,MAAM,wBAAwB,iFACqC,CAAC;AAC3E,eAAO,MAAM,wBAAwB,iFACqC,CAAC;AAE3E,wBAAgB,qBAAqB,IAAI,oBAAoB,CAAC,uBAAuB,CAAC,CAErF;AAED,wBAAgB,2BAA2B,IAAI,oBAAoB,CAAC,6BAA6B,CAAC,CAEjG;AAED,wBAAgB,2BAA2B,IAAI,oBAAoB,CAAC,6BAA6B,CAAC,CAEjG"}
+{"version":3,"file":"group-context.d.ts","sourceRoot":"","sources":["../../src/button/group-context.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,KAAK,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAC7D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,6BAA8B,SAAQ,6BAA6B;IAClF,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,kBAAkB,2EACqC,CAAC;AACrE,eAAO,MAAM,wBAAwB,iFACqC,CAAC;AAC3E,eAAO,MAAM,wBAAwB,iFACqC,CAAC;AAE3E,wBAAgB,qBAAqB,IAAI,oBAAoB,CAAC,uBAAuB,CAAC,CAErF;AAED,wBAAgB,2BAA2B,IAAI,oBAAoB,CAAC,6BAA6B,CAAC,CAEjG;AAED,wBAAgB,2BAA2B,IAAI,oBAAoB,CAAC,6BAA6B,CAAC,CAEjG"}

package/dist/button/pending-state.d.ts

@@ -1,5 +1,5 @@
-import { type Accessor } from "solid-js";
+import type { Accessor } from "solid-js";
 export declare function createPendingState(isPending: Accessor<boolean | undefined>): {
-    isProgressVisible: Accessor<boolean>;
+    isProgressVisible: import("solid-js").SourceAccessor<boolean>;
 };
 //# sourceMappingURL=pending-state.d.ts.map

package/dist/button/pending-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pending-state.d.ts","sourceRoot":"","sources":["../../src/button/pending-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEhF,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;EAsB1E"}
+{"version":3,"file":"pending-state.d.ts","sourceRoot":"","sources":["../../src/button/pending-state.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;EAiB1E"}

package/dist/button/s2-action-button-styles.d.ts

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

package/dist/button/s2-action-button-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"s2-action-button-styles.d.ts","sourceRoot":"","sources":["../../src/button/s2-action-button-styles.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAyB,SAAQ,yBAAyB;IACzE,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB;AAoCD,eAAO,MAAM,cAAc,u9GA6N1B,CAAC;AAEF,eAAO,MAAM,yBAAyB,u9GAiErC,CAAC;AAEF,eAAO,MAAM,kBAAkB;wBAA+B,OAAO;23GAMnE,CAAC;AAEH,eAAO,MAAM,kBAAkB,mEAI7B,CAAC;AAEH,eAAO,MAAM,8BAA8B;wBAA+B,OAAO;23GAS/E,CAAC;AAEH,eAAO,MAAM,4BAA4B;UAAiB,gBAAgB;23GAUxE,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;oIAyB/B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;gMAgDzB,CAAC"}
+{"version":3,"file":"s2-action-button-styles.d.ts","sourceRoot":"","sources":["../../src/button/s2-action-button-styles.ts"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAyB,SAAQ,yBAAyB;IACzE,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB;AAoCD,eAAO,MAAM,cAAc,u9GAkR1B,CAAC;AAEF,eAAO,MAAM,yBAAyB,u9GAiErC,CAAC;AAEF,eAAO,MAAM,kBAAkB;wBAA+B,OAAO;23GAMnE,CAAC;AAEH,eAAO,MAAM,kBAAkB,mEAI7B,CAAC;AAEH,eAAO,MAAM,8BAA8B;wBAA+B,OAAO;23GAS/E,CAAC;AAEH,eAAO,MAAM,4BAA4B,wCAEvC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;oIAyB/B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;gMAgDzB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"s2-button-styles.d.ts","sourceRoot":"","sources":["../../src/button/s2-button-styles.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvF,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,OAAO,EAAE,aAAa,CAAC;IACvB,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,i9GAiVpB,CAAC;AAEF,eAAO,MAAM,YAAY;wBAA+B,OAAO;23GAM7D,CAAC;AAEH,eAAO,MAAM,wBAAwB;gBACvB,OAAO;wBACC,OAAO;23GAU3B,CAAC"}
+{"version":3,"file":"s2-button-styles.d.ts","sourceRoot":"","sources":["../../src/button/s2-button-styles.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvF,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,OAAO,EAAE,aAAa,CAAC;IACvB,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,i9GAuapB,CAAC;AAEF,eAAO,MAAM,YAAY;wBAA+B,OAAO;23GAM7D,CAAC;AAEH,eAAO,MAAM,wBAAwB;gBACvB,OAAO;wBACC,OAAO;23GAU3B,CAAC"}

package/dist/button/s2-progress-circle-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"s2-progress-circle-styles.d.ts","sourceRoot":"","sources":["../../src/button/s2-progress-circle-styles.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,iCAAiC;IAChD,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,q6GAYlC,CAAC;AAEH,eAAO,MAAM,4BAA4B;oBACvB,OAAO;WAChB,GAAG,GAAG,GAAG,GAAG,GAAG;23GAqBtB,CAAC;AAEH,eAAO,MAAM,2BAA2B;oBACtB,OAAO;WAChB,GAAG,GAAG,GAAG,GAAG,GAAG;23GAgBtB,CAAC;AAEH,eAAO,MAAM,gCAAgC;WACpC,GAAG,GAAG,GAAG,GAAG,GAAG;23GAatB,CAAC"}
+{"version":3,"file":"s2-progress-circle-styles.d.ts","sourceRoot":"","sources":["../../src/button/s2-progress-circle-styles.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,iCAAiC;IAChD,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,q6GAIlC,CAAC;AAEH,eAAO,MAAM,4BAA4B;oBACvB,OAAO;WAChB,GAAG,GAAG,GAAG,GAAG,GAAG;23GAqBtB,CAAC;AAEH,eAAO,MAAM,2BAA2B;oBACtB,OAAO;WAChB,GAAG,GAAG,GAAG,GAAG,GAAG;23GAgBtB,CAAC;AAEH,eAAO,MAAM,gCAAgC;WACpC,GAAG,GAAG,GAAG,GAAG,GAAG;23GAatB,CAAC"}

package/dist/button/spectrum-context.d.ts

@@ -1,18 +1,20 @@
-import type { JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { StyleString } from "../style";
 export type RefLike<T> = T | ((el: T) => void) | {
     current?: T | null;
 } | undefined;
+type SlotName = string | null | JSX.RemoveAttribute;
 export type SpectrumContextValue<T extends {
-    slot?: string | null;
+    slot?: SlotName;
 } = Record<string, never>> = (Partial<T> & {
     slots?: Record<string, Partial<T> | null | undefined>;
 }) | null;
 export declare function getSlottedContextProps<T extends {
-    slot?: string | null;
-}>(context: SpectrumContextValue<T>, slot?: string | null): Partial<T> | null;
+    slot?: SlotName;
+}>(context: SpectrumContextValue<T>, slot?: SlotName): Partial<T> | null;
 export declare function mergeContextStyles(contextStyles?: StyleString | (() => StyleString | undefined), localStyles?: StyleString | (() => StyleString | undefined)): StyleString | undefined;
 export declare function mergeContextUnsafeStyle(contextStyle?: JSX.CSSProperties, localStyle?: JSX.CSSProperties): JSX.CSSProperties | undefined;
 export declare function assignRef<T>(ref: RefLike<T>, el: T): void;
 export declare function mergeContextRefs<T>(...refs: RefLike<T>[]): (el: T) => void;
+export {};
 //# sourceMappingURL=spectrum-context.d.ts.map

package/dist/button/spectrum-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spectrum-context.d.ts","sourceRoot":"","sources":["../../src/button/spectrum-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI5C,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAEpF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IACvF,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACvD,CAAC,GACF,IAAI,CAAC;AAET,wBAAgB,sBAAsB,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EACvE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAChC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GACnB,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAwBnB;AAED,wBAAgB,kBAAkB,CAChC,aAAa,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,EAC7D,WAAW,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,GAC1D,WAAW,GAAG,SAAS,CAQzB;AAED,wBAAgB,uBAAuB,CACrC,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,EAChC,UAAU,CAAC,EAAE,GAAG,CAAC,aAAa,GAC7B,GAAG,CAAC,aAAa,GAAG,SAAS,CAM/B;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,CAUzD;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAY1E"}
+{"version":3,"file":"spectrum-context.d.ts","sourceRoot":"","sources":["../../src/button/spectrum-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI5C,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAEpF,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC,eAAe,CAAC;AAEpD,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IAClF,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACvD,CAAC,GACF,IAAI,CAAC;AAET,wBAAgB,sBAAsB,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,EAClE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAChC,IAAI,CAAC,EAAE,QAAQ,GACd,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAwBnB;AAED,wBAAgB,kBAAkB,CAChC,aAAa,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,EAC7D,WAAW,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,GAC1D,WAAW,GAAG,SAAS,CAQzB;AAED,wBAAgB,uBAAuB,CACrC,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,EAChC,UAAU,CAAC,EAAE,GAAG,CAAC,aAAa,GAC7B,GAAG,CAAC,aAAa,GAAG,SAAS,CAM/B;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,CAUzD;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAY1E"}

package/dist/button/types.d.ts

@@ -1,28 +1,50 @@
-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/Button.tsx
+
+import type { JSX } from "@solidjs/web";
 import type { ButtonProps as HeadlessButtonProps } from "@proyecto-viviana/solidaria-components";
 import type { StyleString } from "../style";
 export type ButtonVariant = "primary" | "secondary" | "accent"
 /**
  * The destructive/negative action — saturated red fill, white ink. Its two semantic
  * counterparts below (`warning`, `success`) complete the status trio: the same
- * saturated-fill-with-white-ink treatment on the warm (amber) and success (green)
+ * saturated-fill treatment on the signal (yellow) and success (green)
  * channels, so a consumer can express the full negative/warning/success spectrum on a
  * button the same way Badge/StatusLight/Meter/InlineAlert do.
  */
  | "negative"
-/** Warm caution — the amber/`notice` channel (deep burnt-orange fill, white ink). Kept
- * visually apart from `create`: warning is a saturated fill with white ink, `create` is a
- * pale-yellow wash with dark ink, so they never read as the same warm affordance. */
+/** Caution — the yellow/`notice` channel (deep yellow fill, black ink). Kept visually
+ * apart from `create`: warning is a saturated deep-yellow fill, `create` is the CTA
+ * fuchsia, so they never read as the same affordance. */
  | "warning"
 /** Success — the green/`positive` channel (green fill, white ink). */
  | "success"
 /**
- * Viviana's create CTA — the pale-yellow, dark-ink button the handoff uses for the one
- * action that makes something new. Not a Spectrum variant: Spectrum's fills are all
- * saturated-with-white-ink, and this deliberately inverts that so "create" reads as
- * warmer and lighter than "accent" rather than louder than it.
+ * Local addition — no S2 counterpart. Viviana's create CTA: the fuchsia fill the
+ * Terminal Glass register reserves for the one action that makes something new.
+ * Spectrum's fills are all drawn from its own accent/semantic ramps; this is the
+ * register's single ASK colour, so it is louder than `accent` on purpose and is
+ * never used for a second action on the same surface.
+ */
+ | "create"
+/**
+ * Local addition — no S2 counterpart. The terminal-well button (RUN): the register's
+ * console affordance — well fill, well border, blue ink, tracked out — for actions
+ * that execute rather than navigate or submit. Spectrum has no console channel, so
+ * there is nothing upstream to mirror.
  */
- | "create";
+ | "terminal";
 export type ButtonFillStyle = "fill" | "outline";
 export type ButtonSize = "S" | "M" | "L" | "XL";
 export type StaticColor = "white" | "black" | "auto";

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AACjG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,QAAQ;AACV;;;;;;GAMG;GACD,UAAU;AACZ;;qFAEqF;GACnF,SAAS;AACX,sEAAsE;GACpE,SAAS;AACX;;;;;GAKG;GACD,QAAQ,CAAC;AACb,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,CAAC;AACjD,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,EACjB,OAAO,GACP,UAAU,GACV,OAAO,GACP,QAAQ,GACR,oBAAoB,GACpB,SAAS,GACT,cAAc,GACd,YAAY,GACZ,eAAe,GACf,aAAa,GACb,MAAM,GACN,QAAQ,GACR,KAAK,GACL,wBAAwB,CAC3B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,qBAAqB;IACxD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAClC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AACjG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,QAAQ;AACV;;;;;;GAMG;GACD,UAAU;AACZ;;yDAEyD;GACvD,SAAS;AACX,sEAAsE;GACpE,SAAS;AACX;;;;;;GAMG;GACD,QAAQ;AACV;;;;;GAKG;GACD,UAAU,CAAC;AACf,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,CAAC;AACjD,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,EACjB,OAAO,GACP,UAAU,GACV,OAAO,GACP,QAAQ,GACR,oBAAoB,GACpB,SAAS,GACT,cAAc,GACd,YAAY,GACZ,eAAe,GACf,aAAa,GACb,MAAM,GACN,QAAQ,GACR,KAAK,GACL,wBAAwB,CAC3B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,qBAAqB;IACxD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAClC"}

package/dist/buttongroup/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 { ButtonSize } from "../button/types";
 export interface ButtonGroupProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children"> {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttongroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,GAAG,EAET,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAa5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,wEAAwE;IACxE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,mEAAmE;IACnE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA6IhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttongroup/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAa5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,wEAAwE;IACxE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,mEAAmE;IACnE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA+KhE"}