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

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

@@ -16,6 +16,7 @@ export declare const breadcrumbStyles: (props: {
 export declare const currentStyles: (props: {
     size: S2BreadcrumbsSize;
 }) => 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 separatorStyles: import("../style").StyleString<"color" | "fontFamily" | "fontSize" | "alignSelf" | "flexShrink" | "lineHeight" | "userSelect">;
 export declare const chevronStyles: (props: {
     direction?: "ltr" | "rtl";
     isMenu?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"s2-breadcrumbs-styles.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/s2-breadcrumbs-styles.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,CAAC;AAE1C,eAAO,MAAM,aAAa;UAAiB,iBAAiB;iBAAe,OAAO;s7GA6BjF,CAAC;AAEF,eAAO,MAAM,gBAAgB;WACpB,iBAAiB;iBACX,OAAO;gBACR,OAAO;aACV,OAAO;gBACJ,OAAO;qBACF,OAAO;gBACZ,OAAO;gBACP,OAAO;23GAwDnB,CAAC;AAEH,eAAO,MAAM,aAAa;UAAiB,iBAAiB;23GAO1D,CAAC;AAEH,eAAO,MAAM,aAAa;gBAAuB,KAAK,GAAG,KAAK;aAAW,OAAO;23GAoB9E,CAAC"}
+{"version":3,"file":"s2-breadcrumbs-styles.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/s2-breadcrumbs-styles.ts"],"names":[],"mappings":"AAuBA,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,CAAC;AAE1C,eAAO,MAAM,aAAa;UAAiB,iBAAiB;iBAAe,OAAO;s7GA6BjF,CAAC;AAEF,eAAO,MAAM,gBAAgB;WACpB,iBAAiB;iBACX,OAAO;gBACR,OAAO;aACV,OAAO;gBACJ,OAAO;qBACF,OAAO;gBACZ,OAAO;gBACP,OAAO;23GA8DnB,CAAC;AAEH,eAAO,MAAM,aAAa;UAAiB,iBAAiB;23GAS1D,CAAC;AAMH,eAAO,MAAM,eAAe,gIAW1B,CAAC;AAEH,eAAO,MAAM,aAAa;gBAAuB,KAAK,GAAG,KAAK;aAAW,OAAO;23GAoB9E,CAAC"}

package/dist/button/ActionButton.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type ButtonProps as HeadlessButtonProps } from "@proyecto-viviana/solidaria-components";
 import type { StaticColor } from "./types";
 import type { StyleString } from "../style";

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,GAAG,EAKT,MAAM,UAAU,CAAC;AAClB,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAKxC,MAAM,wCAAwC,CAAC;AAKhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY5C,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,iBAAiB,CAAC;AAkBzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,KAAK,2BAA2B,GAAG,IAAI,CACrC,mBAAmB,EACjB,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,oBAAoB,GACpB,SAAS,GACT,cAAc,GACd,YAAY,GACZ,eAAe,GACf,aAAa,GACb,MAAM,GACN,QAAQ,GACR,KAAK,GACL,wBAAwB,CAC3B,CAAC;AAcF,MAAM,WAAW,iBAAkB,SAAQ,2BAA2B;IACpE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,qGAAqG;IACrG,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sGAAsG;IACtG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAwWlE"}
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/button/ActionButton.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAKxC,MAAM,wCAAwC,CAAC;AAMhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY5C,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,iBAAiB,CAAC;AAoBzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,KAAK,2BAA2B,GAAG,IAAI,CACrC,mBAAmB,EACjB,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,oBAAoB,GACpB,SAAS,GACT,cAAc,GACd,YAAY,GACZ,eAAe,GACf,aAAa,GACb,MAAM,GACN,QAAQ,GACR,KAAK,GACL,wBAAwB,CAC3B,CAAC;AAaF,MAAM,WAAW,iBAAkB,SAAQ,2BAA2B;IACpE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,qGAAqG;IACrG,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sGAAsG;IACtG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA4YlE"}

package/dist/button/Button.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { ButtonProps } from "./types";
 export declare function Button(props: ButtonProps): JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,GAAG,EAIT,MAAM,UAAU,CAAC;AAQlB,OAAO,KAAK,EAAmB,WAAW,EAA6B,MAAM,SAAS,CAAC;AAgCvF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0LtD"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAQxC,OAAO,KAAK,EAAmB,WAAW,EAA6B,MAAM,SAAS,CAAC;AAiCvF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAiMtD"}

package/dist/button/ClearButton.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type ButtonProps as HeadlessButtonProps } from "@proyecto-viviana/solidaria-components";
 export type ClearButtonSize = "sm" | "md" | "lg";
 export interface ClearButtonProps extends Omit<HeadlessButtonProps, "class" | "style" | "children"> {

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

@@ -1 +1 @@
-{"version":3,"file":"ClearButton.d.ts","sourceRoot":"","sources":["../../src/button/ClearButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAExC,MAAM,wCAAwC,CAAC;AAOhD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,EACnB,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4CD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA8BhE"}
+{"version":3,"file":"ClearButton.d.ts","sourceRoot":"","sources":["../../src/button/ClearButton.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAExC,MAAM,wCAAwC,CAAC;AAQhD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,EACnB,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4CD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA8BhE"}

package/dist/button/FieldButton.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type ButtonProps as HeadlessButtonProps } from "@proyecto-viviana/solidaria-components";
 export interface FieldButtonProps extends Omit<HeadlessButtonProps, "class" | "style"> {
     /** Additional CSS class name. */

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

@@ -1 +1 @@
-{"version":3,"file":"FieldButton.d.ts","sourceRoot":"","sources":["../../src/button/FieldButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAExC,MAAM,wCAAwC,CAAC;AAIhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC;IACpF,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkBhE"}
+{"version":3,"file":"FieldButton.d.ts","sourceRoot":"","sources":["../../src/button/FieldButton.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAExC,MAAM,wCAAwC,CAAC;AAKhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC;IACpF,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkBhE"}

package/dist/button/LinkButton.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type LinkProps as HeadlessLinkProps } from "@proyecto-viviana/solidaria-components";
 import type { StyleString } from "../style";
 import type { ButtonFillStyle, ButtonSize, ButtonVariant, StaticColor } from "./types";

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/button/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,GAAG,EACT,MAAM,UAAU,CAAC;AAClB,OAAO,EAIL,KAAK,SAAS,IAAI,iBAAiB,EAEpC,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiB5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGvF,KAAK,yBAAyB,GAAG,IAAI,CACnC,iBAAiB,EACjB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC3C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,yBAAyB;IAChE,gDAAgD;IAChD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,kCAAkC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mGAAmG;IACnG,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;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAyH9D"}
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/button/LinkButton.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAIL,KAAK,SAAS,IAAI,iBAAiB,EAEpC,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAkB5C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAIvF,KAAK,yBAAyB,GAAG,IAAI,CACnC,iBAAiB,EACjB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC3C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,yBAAyB;IAChE,gDAAgD;IAChD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,kCAAkC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mGAAmG;IACnG,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;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAiI9D"}

package/dist/button/LogicButton.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type ToggleButtonProps as HeadlessToggleButtonProps } from "@proyecto-viviana/solidaria-components";
 export interface LogicButtonProps extends Omit<HeadlessToggleButtonProps, "class" | "style" | "children"> {
     /** Additional CSS class name. */

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

@@ -1 +1 @@
-{"version":3,"file":"LogicButton.d.ts","sourceRoot":"","sources":["../../src/button/LogicButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,iBAAiB,IAAI,yBAAyB,EAEpD,MAAM,wCAAwC,CAAC;AAIhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,yBAAyB,EACzB,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0CD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuBhE"}
+{"version":3,"file":"LogicButton.d.ts","sourceRoot":"","sources":["../../src/button/LogicButton.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAEL,KAAK,iBAAiB,IAAI,yBAAyB,EAEpD,MAAM,wCAAwC,CAAC;AAKhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,yBAAyB,EACzB,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0CD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuBhE"}

package/dist/button/S2PendingProgressCircle.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { StaticColor } from "./types";
 import type { ActionButtonSize } from "./group-context";
 export interface S2PendingProgressCircleProps {

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

@@ -1 +1 @@
-{"version":3,"file":"S2PendingProgressCircle.d.ts","sourceRoot":"","sources":["../../src/button/S2PendingProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AASxD,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,GAAG,CAAC,OAAO,CA8CxF"}
+{"version":3,"file":"S2PendingProgressCircle.d.ts","sourceRoot":"","sources":["../../src/button/S2PendingProgressCircle.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AASxD,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,GAAG,CAAC,OAAO,CA8CxF"}

package/dist/button/ToggleButton.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type ToggleButtonProps as HeadlessToggleButtonProps } from "@proyecto-viviana/solidaria-components";
 import type { StaticColor } from "./types";
 import type { StyleString } from "../style";

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/button/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAA0B,MAAM,UAAU,CAAC;AACzF,OAAO,EAEL,KAAK,iBAAiB,IAAI,yBAAyB,EAEpD,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY5C,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,iBAAiB,CAAC;AAazB,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAEhD,KAAK,2BAA2B,GAAG,IAAI,CACrC,yBAAyB,EACvB,OAAO,GACP,OAAO,GACP,UAAU,GACV,SAAS,GACT,aAAa,GACb,MAAM,GACN,QAAQ,GACR,KAAK,GACL,wBAAwB,GACxB,MAAM,GACN,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,YAAY,GACZ,MAAM,GACN,MAAM,GACN,OAAO,CACV,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,2BAA2B;IACpE,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,qGAAqG;IACrG,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,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;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAuKlE"}
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/button/ToggleButton.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAIL,KAAK,iBAAiB,IAAI,yBAAyB,EAEpD,MAAM,wCAAwC,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAa5C,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,iBAAiB,CAAC;AAezB,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAEhD,KAAK,2BAA2B,GAAG,IAAI,CACrC,yBAAyB,EACvB,OAAO,GACP,OAAO,GACP,UAAU,GACV,SAAS,GACT,aAAa,GACb,MAAM,GACN,QAAQ,GACR,KAAK,GACL,wBAAwB,GACxB,MAAM,GACN,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,YAAY,GACZ,MAAM,GACN,MAAM,GACN,OAAO,CACV,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,2BAA2B;IACpE,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,qGAAqG;IACrG,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,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;AAID;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA2SlE"}

package/dist/button/ToggleButton.js

@@ -1,30 +1,54 @@
+/*
+* 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 { mergeStyles } from "../style/runtime.js";
-import { useProviderProps } from "../provider/index.js";
+import { a as useProviderProps } from "../_chunk/provider.js";
 import { c as useToggleButtonContext } from "../_chunk/context.js";
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.js";
 import { i as s2ActionButtonStaticColor, p as useToggleButtonGroupContext, s as s2ToggleButtonText, t as s2ActionButton } from "../_chunk/s2-action-button-styles.js";
+import { SkeletonContext } from "../skeleton/index.js";
+import { i as useFormProps } from "../_chunk/form.js";
 import { centerBaseline } from "../icon/center-baseline.js";
 import { pressScale } from "../pressScale.js";
-import { SkeletonContext } from "../skeleton/index.js";
 import { t as IconContext } from "../_chunk/spectrum-icon.js";
-import { c as TextContext } from "../_chunk/text.js";
+import { c as TextContext$1 } from "../_chunk/text.js";
 import { t as getSingleTextChild } from "../_chunk/text-child.js";
+import { t as CornerTriangle } from "../_chunk/macro-d06622c66ece4a108f592b475f258c2fab14ec4dfc8e545eed938413b5bdd328.js";
 /* empty css                                                                               */
 /* empty css                                                                               */
-import { className, createComponent, getNextElement, insert, mergeProps, template } from "solid-js/web";
-import { children, mergeProps as mergeProps$1, splitProps } from "solid-js";
-import { ToggleButton as ToggleButton$1 } from "@proyecto-viviana/solidaria-components";
+import { className, createComponent, effect, getNextElement, insert, memo, mergeProps, scope, template } from "@solidjs/web";
+import { children, createSignal, createTrackedEffect, useContext } from "solid-js";
+import { mergeProps as mergeProps$1, splitProps } from "@proyecto-viviana/solidaria/utils";
+import { MenuTriggerContext, PopoverTriggerContext, ToggleButton as ToggleButton$1 } from "@proyecto-viviana/solidaria-components";
+import { mergeProps as mergeProps$2, useLocale } from "@proyecto-viviana/solidaria";
 //#region src/button/ToggleButton.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<span data-rsp-slot=text>`);
+var _tmpl$ = /* @__PURE__ */ template(`<span data-rsp-slot=text>`);
 /**
 * ToggleButtons allow users to toggle a selection on or off.
-*/
-function ToggleButton(props) {
-	const providerProps = useProviderProps(props);
-	const contextProps = getSlottedContextProps(useToggleButtonContext(), props.slot);
+*/ function ToggleButton(props) {
+	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$1({ size: "M" }, providerProps, contextProps ?? {}, props);
-	const [local, headlessProps] = splitProps(mergeProps$1(standaloneProps, {
+	const standaloneProps = useFormProps(contextProps ? mergeProps$2(flags, contextProps, props) : mergeProps$2(flags, props));
+	const mergedProps = mergeProps$1(standaloneProps, {
 		get size() {
 			return groupContext?.size ?? standaloneProps.size;
 		},
@@ -49,7 +73,8 @@ function ToggleButton(props) {
 		get isJustified() {
 			return groupContext?.isJustified;
 		}
-	}), [
+	});
+	const [local, headlessProps] = splitProps(mergedProps, [
 		"size",
 		"staticColor",
 		"isQuiet",
@@ -58,14 +83,23 @@ function ToggleButton(props) {
 		"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);
@@ -102,14 +136,49 @@ function ToggleButton(props) {
 		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$2(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,
@@ -119,23 +188,63 @@ function ToggleButton(props) {
 			const resolvedChildren = children(() => local.children);
 			const content = () => resolvedChildren();
 			const textChild = () => getSingleTextChild(content());
-			return textChild() !== void 0 ? (() => {
-				var _el$ = getNextElement(_tmpl$);
-				className(_el$, `${s2ToggleButtonText}  _Jb151`);
-				insert(_el$, textChild);
-				return _el$;
-			})() : content();
+			return memo(() => {
+				return memo(() => {
+					return textChild() !== void 0;
+				})() ? (() => {
+					var _el$ = getNextElement(_tmpl$);
+					insert(_el$, scope(() => {
+						return textChild();
+					}));
+					effect(() => `${s2ToggleButtonText}  _Jb17`, (_v$, _$p) => {
+						className(_el$, _v$, _$p);
+					});
+					return _el$;
+				})() : content();
+			});
 		}
-		return createComponent(SkeletonContext.Provider, {
+		return createComponent(SkeletonContext, {
 			value: null,
 			get children() {
-				return createComponent(TextContext.Provider, {
+				return createComponent(TextContext$1, {
 					value: textContextValue,
 					get children() {
-						return createComponent(IconContext.Provider, {
+						return createComponent(IconContext, {
 							value: iconContextValue,
 							get children() {
-								return createComponent(ResolvedContent, {});
+								return [createComponent(ResolvedContent, {}), memo(() => {
+									return memo(() => {
+										return !!local.holdAffordance;
+									})() ? createComponent(CornerTriangle, {
+										get size() {
+											return cornerTriangleSize();
+										},
+										get "class"() {
+											return 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;
+								})];
 							}
 						});
 					}
@@ -143,12 +252,18 @@ function ToggleButton(props) {
 			}
 		});
 	}
-	return createComponent(ToggleButton$1, mergeProps(headlessProps, {
+	return createComponent(ToggleButton$1, mergeProps(headlessProps, menuTriggerButtonProps, {
+		get isDisabled() {
+			return isDisabled();
+		},
 		ref: (element) => {
 			buttonElement = element;
+			setResolvedButtonElement(element);
+			popoverTriggerContext?.setTriggerRef(element);
+			menuTriggerContext?.setTriggerRef?.(element);
 			assignButtonRefs(element);
 		},
-		"class": getClassName,
+		class: getClassName,
 		style: getPressScaleStyle,
 		get children() {
 			return createComponent(ToggleButtonContent, {});

package/dist/button/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","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":"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"}
+{"version":3,"file":"ToggleButton.js","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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"}