@proyecto-viviana/ui 0.5.0 → 0.6.0

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

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

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

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

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

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

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

package/dist/button/s2-progress-circle-animation.d.ts

@@ -0,0 +1,2 @@
+export { s2ProgressCircleIndeterminateAnimation } from "../progress/progress-circle-animation";
+//# sourceMappingURL=s2-progress-circle-animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"s2-progress-circle-animation.d.ts","sourceRoot":"","sources":["../../src/button/s2-progress-circle-animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sCAAsC,EAAE,MAAM,uCAAuC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,18 @@
+import type { JSX } from "solid-js";
+import type { StyleString } from "../style";
+export type RefLike<T> = T | ((el: T) => void) | {
+    current?: T | null;
+} | undefined;
+export type SpectrumContextValue<T extends {
+    slot?: string | null;
+} = 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;
+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;
+//# sourceMappingURL=spectrum-context.d.ts.map

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

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

package/dist/button/text-child.d.ts

@@ -0,0 +1,2 @@
+export declare function getSingleTextChild(content: unknown): string | undefined;
+//# sourceMappingURL=text-child.d.ts.map

package/dist/button/text-child.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-child.d.ts","sourceRoot":"","sources":["../../src/button/text-child.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAUvE"}

package/dist/button/types.d.ts

@@ -0,0 +1,51 @@
+import type { JSX } from "solid-js";
+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)
+ * 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. */
+ | "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.
+ */
+ | "create";
+export type ButtonFillStyle = "fill" | "outline";
+export type ButtonSize = "S" | "M" | "L" | "XL";
+export type StaticColor = "white" | "black" | "auto";
+type StyledButtonBaseProps = Omit<HeadlessButtonProps, "class" | "children" | "style" | "render" | "isPendingFocusable" | "onClick" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "elementType" | "href" | "target" | "rel" | "allowFocusWhenDisabled">;
+export interface ButtonProps extends StyledButtonBaseProps {
+    /** The content to display in the Button. */
+    children?: JSX.Element;
+    /** The visual style of the Button. */
+    variant?: ButtonVariant;
+    /** The background style of the Button. */
+    fillStyle?: ButtonFillStyle;
+    /** The size of the Button. */
+    size?: ButtonSize;
+    /** Whether the Button is pending. Pending Buttons suppress press handlers and show progress. */
+    isPending?: boolean;
+    /** The static color style to apply. Useful when the Button appears over a color background. */
+    staticColor?: StaticColor;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/buttongroup/index.d.ts

@@ -0,0 +1,25 @@
+import { type JSX } from "solid-js";
+import type { StyleString } from "../style";
+import type { ButtonSize } from "../button/types";
+export interface ButtonGroupProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children"> {
+    /** The Buttons contained within the ButtonGroup. */
+    children?: JSX.Element;
+    /** The axis the ButtonGroup should align with. @default 'horizontal' */
+    orientation?: "horizontal" | "vertical";
+    /** The alignment of the Buttons within the ButtonGroup. @default 'start' */
+    align?: "start" | "end" | "center";
+    /** The size of the Buttons within the ButtonGroup. @default 'M' */
+    size?: ButtonSize;
+    /** Whether the Buttons in the ButtonGroup are all disabled. */
+    isDisabled?: boolean;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    /** @internal Whether a parent context should suppress rendering the group. */
+    isHidden?: boolean;
+}
+export declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/buttongroup/index.js

@@ -0,0 +1,131 @@
+import { useProviderProps } from "../provider/index.js";
+import { n as ButtonContext, r as LinkButtonContext } from "../_chunk/context.js";
+import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.js";
+import { f as useButtonGroupContext, o as s2ButtonGroup } from "../_chunk/s2-action-button-styles.js";
+/* empty css                                                                               */
+import { createComponent, getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
+import { createEffect, createSignal, mergeProps as mergeProps$1, onCleanup, onMount, splitProps } from "solid-js";
+//#region src/buttongroup/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+function ButtonGroup(props) {
+	const providerProps = useProviderProps(props);
+	const contextProps = getSlottedContextProps(useButtonGroupContext(), props.slot);
+	const [local, domProps] = splitProps(mergeProps$1(providerProps, contextProps ?? {}, props), [
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"styles",
+		"children",
+		"orientation",
+		"align",
+		"size",
+		"isDisabled",
+		"isHidden",
+		"ref"
+	]);
+	const size = () => local.size ?? "M";
+	const orientation = () => local.orientation ?? "horizontal";
+	const align = () => local.align ?? "start";
+	const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);
+	const mergedUnsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	const [hasOverflow, setHasOverflow] = createSignal(false);
+	let groupElement;
+	const assignGroupRefs = mergeContextRefs(contextProps?.ref, props.ref);
+	let resizeObserver;
+	let measurementFrame = 0;
+	const effectiveOrientation = () => orientation() === "vertical" || hasOverflow() ? "vertical" : "horizontal";
+	const className = () => [local.UNSAFE_className, s2ButtonGroup({
+		size: size(),
+		orientation: effectiveOrientation(),
+		align: align()
+	}, mergedStyles())].filter(Boolean).join(" ");
+	const measureOverflow = () => {
+		if (!groupElement || orientation() !== "horizontal") {
+			setHasOverflow(false);
+			return;
+		}
+		const maxX = groupElement.offsetWidth + 1;
+		setHasOverflow(Array.from(groupElement.children).some((child) => {
+			const element = child;
+			return element.offsetLeft < 0 || element.offsetLeft + element.offsetWidth > maxX;
+		}));
+	};
+	const scheduleOverflowCheck = () => {
+		if (typeof requestAnimationFrame !== "function") {
+			measureOverflow();
+			return;
+		}
+		if (measurementFrame) cancelAnimationFrame(measurementFrame);
+		if (orientation() !== "horizontal") {
+			setHasOverflow(false);
+			return;
+		}
+		setHasOverflow(false);
+		measurementFrame = requestAnimationFrame(() => {
+			measurementFrame = 0;
+			measureOverflow();
+		});
+	};
+	onMount(() => {
+		if (typeof ResizeObserver !== "undefined" && groupElement?.parentElement) {
+			resizeObserver = new ResizeObserver(scheduleOverflowCheck);
+			resizeObserver.observe(groupElement.parentElement);
+		}
+		scheduleOverflowCheck();
+	});
+	createEffect(() => {
+		orientation();
+		align();
+		size();
+		local.children;
+		local.UNSAFE_style;
+		scheduleOverflowCheck();
+	});
+	onCleanup(() => {
+		if (measurementFrame) cancelAnimationFrame(measurementFrame);
+		resizeObserver?.disconnect();
+	});
+	const contextValue = {
+		get size() {
+			return size();
+		},
+		get isDisabled() {
+			return local.isDisabled;
+		},
+		get styles() {
+			return " _va151";
+		}
+	};
+	if (local.isHidden) return null;
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		use((element) => {
+			groupElement = element;
+			assignGroupRefs(element);
+		}, _el$);
+		spread(_el$, mergeProps(domProps, {
+			get ["class"]() {
+				return className();
+			},
+			get style() {
+				return mergedUnsafeStyle();
+			}
+		}), false, true);
+		insert(_el$, createComponent(ButtonContext.Provider, {
+			value: contextValue,
+			get children() {
+				return createComponent(LinkButtonContext.Provider, {
+					value: contextValue,
+					get children() {
+						return local.children;
+					}
+				});
+			}
+		}));
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+//#endregion
+export { ButtonGroup };
+
+//# sourceMappingURL=index.js.map

package/dist/buttongroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/buttongroup/index.tsx"],"sourcesContent":["import {\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  type JSX,\n  splitProps,\n} from \"solid-js\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { ButtonContext, LinkButtonContext } from \"../button/context\";\nimport { useButtonGroupContext } from \"../button/group-context\";\nimport { s2ButtonGroup } from \"../button/s2-action-button-styles\";\nimport { useProviderProps } from \"../provider\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n} from \"../button/spectrum-context\";\nimport type { ButtonSize } from \"../button/types\";\n\nexport interface ButtonGroupProps extends Omit<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** The Buttons contained within the ButtonGroup. */\n  children?: JSX.Element;\n  /** The axis the ButtonGroup should align with. @default 'horizontal' */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** The alignment of the Buttons within the ButtonGroup. @default 'start' */\n  align?: \"start\" | \"end\" | \"center\";\n  /** The size of the Buttons within the ButtonGroup. @default 'M' */\n  size?: ButtonSize;\n  /** Whether the Buttons in the ButtonGroup are all disabled. */\n  isDisabled?: 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  /** @internal Whether a parent context should suppress rendering the group. */\n  isHidden?: boolean;\n}\n\nexport function ButtonGroup(props: ButtonGroupProps): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useButtonGroupContext(), props.slot);\n  const merged = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, domProps] = splitProps(merged, [\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"styles\",\n    \"children\",\n    \"orientation\",\n    \"align\",\n    \"size\",\n    \"isDisabled\",\n    \"isHidden\",\n    \"ref\",\n  ]);\n  const size = () => local.size ?? \"M\";\n  const orientation = () => local.orientation ?? \"horizontal\";\n  const align = () => local.align ?? \"start\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const [hasOverflow, setHasOverflow] = createSignal(false);\n  let groupElement: HTMLDivElement | undefined;\n  const assignGroupRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref as RefLike<HTMLDivElement>,\n  );\n  let resizeObserver: ResizeObserver | undefined;\n  let measurementFrame = 0;\n\n  const effectiveOrientation = () =>\n    orientation() === \"vertical\" || hasOverflow() ? \"vertical\" : \"horizontal\";\n  const className = () =>\n    [\n      local.UNSAFE_className,\n      s2ButtonGroup(\n        {\n          size: size(),\n          orientation: effectiveOrientation(),\n          align: align(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const measureOverflow = () => {\n    if (!groupElement || orientation() !== \"horizontal\") {\n      setHasOverflow(false);\n      return;\n    }\n\n    const maxX = groupElement.offsetWidth + 1;\n    const overflows = Array.from(groupElement.children).some((child) => {\n      const element = child as HTMLElement;\n      return element.offsetLeft < 0 || element.offsetLeft + element.offsetWidth > maxX;\n    });\n    setHasOverflow(overflows);\n  };\n\n  const scheduleOverflowCheck = () => {\n    if (typeof requestAnimationFrame !== \"function\") {\n      measureOverflow();\n      return;\n    }\n\n    if (measurementFrame) {\n      cancelAnimationFrame(measurementFrame);\n    }\n\n    if (orientation() !== \"horizontal\") {\n      setHasOverflow(false);\n      return;\n    }\n\n    setHasOverflow(false);\n    measurementFrame = requestAnimationFrame(() => {\n      measurementFrame = 0;\n      measureOverflow();\n    });\n  };\n\n  onMount(() => {\n    if (typeof ResizeObserver !== \"undefined\" && groupElement?.parentElement) {\n      resizeObserver = new ResizeObserver(scheduleOverflowCheck);\n      resizeObserver.observe(groupElement.parentElement);\n    }\n    scheduleOverflowCheck();\n  });\n\n  createEffect(() => {\n    orientation();\n    align();\n    size();\n    local.children;\n    local.UNSAFE_style;\n    scheduleOverflowCheck();\n  });\n\n  onCleanup(() => {\n    if (measurementFrame) {\n      cancelAnimationFrame(measurementFrame);\n    }\n    resizeObserver?.disconnect();\n  });\n\n  const contextValue = {\n    get size() {\n      return size();\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n    get styles() {\n      return style({ flexShrink: 0 });\n    },\n  };\n\n  if (local.isHidden) {\n    return null;\n  }\n\n  return (\n    <div\n      {...domProps}\n      ref={(element) => {\n        groupElement = element;\n        assignGroupRefs(element);\n      }}\n      class={className()}\n      style={mergedUnsafeStyle()}\n    >\n      <ButtonContext.Provider value={contextValue}>\n        <LinkButtonContext.Provider value={contextValue}>\n          {local.children}\n        </LinkButtonContext.Provider>\n      </ButtonContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAgDA,SAAgB,YAAY,OAA8B;CACxD,MAAM,gBAAgB,iBAAiB,KAAA;CACvC,MAAM,eAAe,uBAAuB,sBAAA,GAAyB,MAAM,IAAI;CAE/E,MAAM,CAAC,OAAO,YAAY,WADX,aAAW,eAAe,gBAAgB,CAAC,GAAG,KACxB,GAAQ;EAC3C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,oBAAoB,MAAM,eAAe;CAC/C,MAAM,cAAc,MAAM,SAAS;CACnC,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CACxE,MAAM,CAAC,aAAa,kBAAkB,aAAa,KAAA;CACnD,IAAI;CACJ,MAAM,kBAAkB,iBACrB,cAA2D,KAC5D,MAAM,GAAe;CAEvB,IAAI;CACJ,IAAI,mBAAmB;CAEvB,MAAM,6BACJ,YAAA,MAAkB,cAAc,YAAA,IAAgB,aAAa;CAC/D,MAAM,kBACJ,CACE,MAAM,kBACN,cACE;EACE,MAAM,KAAA;EACN,aAAa,qBAAA;EACb,OAAO,MAAA;CACT,GACA,aAAA,CAAA,CAAA,EAGD,OAAO,OAAA,EACP,KAAK,GAAA;CAEV,MAAM,wBAAkB;EACtB,IAAI,CAAC,gBAAgB,YAAA,MAAkB,cAAc;GACnD,eAAe,KAAA;GACf;EACF;EAEA,MAAM,OAAO,aAAa,cAAc;EAKxC,eAJkB,MAAM,KAAK,aAAa,QAAQ,EAAE,MAAM,UAAA;GACxD,MAAM,UAAU;GAChB,OAAO,QAAQ,aAAa,KAAK,QAAQ,aAAa,QAAQ,cAAc;EAC9E,CACe,CAAA;CACjB;CAEA,MAAM,8BAAwB;EAC5B,IAAI,OAAO,0BAA0B,YAAY;GAC/C,gBAAA;GACA;EACF;EAEA,IAAI,kBACF,qBAAqB,gBAAA;EAGvB,IAAI,YAAA,MAAkB,cAAc;GAClC,eAAe,KAAA;GACf;EACF;EAEA,eAAe,KAAA;EACf,mBAAmB,4BAAsB;GACvC,mBAAmB;GACnB,gBAAA;EACF,CAAA;CACF;CAEA,cAAQ;EACN,IAAI,OAAO,mBAAmB,eAAe,cAAc,eAAe;GACxE,iBAAiB,IAAI,eAAe,qBAAA;GACpC,eAAe,QAAQ,aAAa,aAAa;EACnD;EACA,sBAAA;CACF,CAAA;CAEA,mBAAa;EACX,YAAA;EACA,MAAA;EACA,KAAA;EACA,MAAM;EACN,MAAM;EACN,sBAAA;CACF,CAAA;CAEA,gBAAU;EACR,IAAI,kBACF,qBAAqB,gBAAA;EAEvB,gBAAgB,WAAA;CAClB,CAAA;CAEA,MAAM,eAAe;EACnB,IAAI,OAAO;GACT,OAAO,KAAA;EACT;EACA,IAAI,aAAa;GACf,OAAO,MAAM;EACf;EACA,IAAI,SAAS;GACX,OAAA;EACF;CACF;CAEA,IAAI,MAAM,UACR,OAAO;CAGT,cAAA;EAAA,IAAA,OAAA,eAAA,MAAA;EAAA,KAGU,YAAA;GACJ,eAAe;GACf,gBAAgB,OAAA;EAClB,GAAA,IAAA;EAAA,OAAA,MAAA,WAJI,UAAQ;GAAA,KAAA,WAAA;IAAA,OAKL,UAAA;GAAA;GAAA,IACP,QAAA;IAAA,OAAO,kBAAA;GAAA;EAAA,CAAA,GAAA,OAAA,IAAA;EAAA,OAAA,MAAA,gBAEN,cAAc,UAAA;GAAS,OAAO;GAAA,IAAA,WAAA;IAAA,OAAA,gBAC5B,kBAAkB,UAAA;KAAS,OAAO;KAAA,IAAA,WAAA;MAAA,OAChC,MAAM;KAAQ;IAAA,CAAA;GAAA;EAAA,CAAA,CAAA;EAAA,mBAAA;EAAA,OAAA;CAAA,GAAA;AAKzB"}