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

package/dist/_chunk/button.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"button.jsx","names":[],"sources":["../../src/button/Button.tsx","../../src/button/ClearButton.tsx","../../src/button/FieldButton.tsx","../../src/button/LogicButton.tsx"],"sourcesContent":["import {\n  children as resolveChildren,\n  type JSX,\n  mergeProps,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  Button as HeadlessButton,\n  type ButtonRenderProps,\n  DialogTriggerContext,\n  PopoverTriggerContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport type { ButtonFillStyle, ButtonProps, ButtonSize, ButtonVariant } from \"./types\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport { s2IntlStrings } from \"../intl\";\nimport { useProviderProps } from \"../provider\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  s2Button,\n  s2ButtonPendingIndicator,\n  s2ButtonText,\n  type S2ButtonRenderState,\n} from \"./s2-button-styles\";\nimport { createPendingState } from \"./pending-state\";\nimport { S2PendingProgressCircle } from \"./S2PendingProgressCircle\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport { SkeletonContext } from \"../skeleton\";\nimport { TextContext } from \"../text\";\nimport { useFormProps } from \"../form\";\nimport { useButtonContext } from \"./context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n} from \"./spectrum-context\";\nimport { getSingleTextChild } from \"./text-child\";\n\ntype RuntimeButtonProps = ButtonProps & {\n  onHoverChange?: (isHovered: boolean) => void;\n};\n\nexport function Button(props: ButtonProps): JSX.Element {\n  const runtimeProps = props as RuntimeButtonProps;\n  const providerProps = useProviderProps(useFormProps(runtimeProps));\n  const contextProps = getSlottedContextProps(useButtonContext(), runtimeProps.slot);\n  const defaultProps: Partial<ButtonProps> = {\n    variant: \"primary\",\n    size: \"M\",\n    fillStyle: \"fill\",\n  };\n\n  const merged = useFormProps(\n    mergeProps(defaultProps, providerProps, contextProps ?? {}, runtimeProps),\n  );\n\n  const [local, headlessProps] = splitProps(merged, [\n    \"variant\",\n    \"fillStyle\",\n    \"size\",\n    \"staticColor\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"ref\",\n    \"isPending\",\n    \"onPress\",\n    \"onPressChange\",\n    \"onHoverChange\",\n  ]);\n\n  const { isProgressVisible } = createPendingState(() => local.isPending);\n  const dialogTriggerContext = useContext(DialogTriggerContext);\n  const popoverTriggerContext = useContext(PopoverTriggerContext);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, runtimeProps.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, runtimeProps.UNSAFE_style);\n  let buttonElement: HTMLButtonElement | undefined;\n  const assignButtonRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLButtonElement> } | null)?.ref,\n    runtimeProps.ref,\n  );\n\n  const variant = (): ButtonVariant => local.variant ?? \"primary\";\n  const fillStyle = (): ButtonFillStyle => local.fillStyle ?? \"fill\";\n  const size = (): ButtonSize => local.size ?? \"M\";\n  const isStaticColor = () => !!local.staticColor;\n  const isOverlayTriggerOpen = () =>\n    !!buttonElement &&\n    ((dialogTriggerContext?.triggerRef() === buttonElement &&\n      dialogTriggerContext.state.isOpen()) ||\n      (popoverTriggerContext?.triggerRef() === buttonElement &&\n        popoverTriggerContext.state.isOpen()));\n  const pendingLabel = () => stringFormatter().format(\"button.pending\");\n\n  const getS2State = (renderProps: ButtonRenderProps): S2ButtonRenderState => ({\n    isHovered: renderProps.isHovered || isOverlayTriggerOpen(),\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled || isProgressVisible(),\n    isPending: local.isPending,\n  });\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      s2Button(\n        {\n          ...getS2State(renderProps),\n          variant: variant(),\n          fillStyle: fillStyle(),\n          size: size(),\n          staticColor: local.staticColor,\n          isStaticColor: isStaticColor(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const getPressScaleStyle = (renderProps: ButtonRenderProps): JSX.CSSProperties => {\n    return pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);\n  };\n\n  function ButtonContent() {\n    const iconContextValue = {\n      render: centerBaseline({\n        slot: \"icon\",\n        styles: () =>\n          style({\n            order: 0,\n          }),\n      }),\n      styles: () =>\n        style({\n          /* fontRelative(16), not Spectrum's fontRelative(20): S2's default sizes a\n           * button icon to its 20px workflow-icon grid, which on this register's 15px\n           * control font renders ~21px — larger than the label and larger than anything\n           * the handoff draws. The register's own PixelIcon default is 17px\n           * (primitives.tsx:55); fontRelative(16) lands ~17px at the 15px control font,\n           * matching that default. Scales with the size prop the same way 20 did. */\n          size: fontRelative(16),\n          marginStart: \"--iconMargin\",\n          flexShrink: 0,\n          visibility: {\n            isProgressVisible: \"hidden\",\n          },\n        })({ isProgressVisible: isProgressVisible() }),\n    };\n    const textContextValue = {\n      styles: () => s2ButtonText({ isProgressVisible: isProgressVisible() }),\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\n          class={`${s2ButtonText({ isProgressVisible: isProgressVisible() })} ${style({ order: 1 })}`}\n          data-rsp-slot=\"text\"\n        >\n          {textChild()}\n        </span>\n      ) : (\n        content()\n      );\n    }\n\n    return (\n      <>\n        <SkeletonContext.Provider value={null}>\n          <TextContext.Provider value={textContextValue}>\n            <IconContext.Provider value={iconContextValue}>\n              <ResolvedContent />\n              {local.isPending ? (\n                <div\n                  class={s2ButtonPendingIndicator({\n                    isPending: local.isPending,\n                    isProgressVisible: isProgressVisible(),\n                  })}\n                >\n                  <S2PendingProgressCircle\n                    aria-label={pendingLabel()}\n                    size={size()}\n                    staticColor={local.staticColor}\n                  />\n                </div>\n              ) : null}\n            </IconContext.Provider>\n          </TextContext.Provider>\n        </SkeletonContext.Provider>\n      </>\n    );\n  }\n\n  return (\n    <HeadlessButton\n      {...headlessProps}\n      isPending={local.isPending}\n      isPendingFocusable\n      ref={(element: HTMLButtonElement) => {\n        buttonElement = element;\n        assignButtonRefs(element);\n      }}\n      onHoverChange={(hovered) => {\n        local.onHoverChange?.(hovered);\n      }}\n      onPressChange={(pressed) => {\n        local.onPressChange?.(pressed);\n      }}\n      onPress={(event) => {\n        if (!local.isPending) {\n          local.onPress?.(event);\n        }\n      }}\n      class={getClassName}\n      style={getPressScaleStyle}\n    >\n      <ButtonContent />\n    </HeadlessButton>\n  );\n}\n","import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Button as HeadlessButton,\n  type ButtonProps as HeadlessButtonProps,\n  type ButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps } from \"../provider\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport CrossIcon from \"../icon/ui-icons/Cross\";\nimport { style, focusRing } from \"../style\" with { type: \"macro\" };\n\nexport type ClearButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ClearButtonProps extends Omit<\n  HeadlessButtonProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** The size of the button. @default 'md' */\n  size?: ClearButtonSize;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\nconst iconSizes: Record<ClearButtonSize, JSX.CSSProperties> = {\n  sm: { width: \"0.75rem\", height: \"0.75rem\" },\n  md: { width: \"1rem\", height: \"1rem\" },\n  lg: { width: \"1.25rem\", height: \"1.25rem\" },\n};\n\n// Icon-only dismiss button. The state ramp is driven by the button's render\n// props (isHovered/isPressed/isDisabled/isFocusVisible) fed to the style()\n// macro: a subdued neutral glyph that strengthens on hover/press over a faint\n// gray fill, plus the S2 focus ring. Emitted through the macro so the CSS ships\n// in the package bundle for installed consumers.\nconst clearButtonStyles = style<{\n  size: ClearButtonSize;\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isDisabled?: boolean;\n  isFocusVisible?: boolean;\n}>({\n  ...focusRing(),\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderStyle: \"none\",\n  borderRadius: \"full\",\n  cursor: \"default\",\n  transition: \"default\",\n  width: { size: { sm: 20, md: 24, lg: 32 } },\n  height: { size: { sm: 20, md: 24, lg: 32 } },\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: \"gray-100\",\n    isPressed: \"gray-200\",\n    isDisabled: \"transparent\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isHovered: \"neutral\",\n    isPressed: \"neutral\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * An icon-only clear/dismiss button, typically used in search fields and tags.\n */\nexport function ClearButton(props: ClearButtonProps): JSX.Element {\n  const mergedProps = useProviderProps(props);\n  const [local, headlessProps] = splitProps(mergedProps, [\"size\", \"class\"]);\n  const size = () => local.size ?? \"md\";\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    [\n      clearButtonStyles({\n        size: size(),\n        isHovered: renderProps.isHovered,\n        isPressed: renderProps.isPressed,\n        isDisabled: renderProps.isDisabled,\n        isFocusVisible: renderProps.isFocusVisible,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessButton\n      {...headlessProps}\n      aria-label={headlessProps[\"aria-label\"] ?? \"Clear\"}\n      class={getClassName}\n    >\n      <IconContext.Provider value={{ slot: \"icon\", render: centerBaseline({ slot: \"icon\" }) }}>\n        <CrossIcon style={iconSizes[size()]} />\n      </IconContext.Provider>\n    </HeadlessButton>\n  );\n}\n","import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Button as HeadlessButton,\n  type ButtonProps as HeadlessButtonProps,\n  type ButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps } from \"../provider\";\nimport { style, focusRing } from \"../style\" with { type: \"macro\" };\n\nexport interface FieldButtonProps extends Omit<HeadlessButtonProps, \"class\" | \"style\"> {\n  /** Additional CSS class name. */\n  class?: string;\n}\n\n// A trailing button that sits inside an input field, sharing the field's\n// right-hand corners and a gray-300 divider on its inner edge. The neutral fill\n// ramps on hover/press via the render-prop conditions fed to the style() macro,\n// so the CSS ships in the package bundle for installed consumers.\nconst fieldButtonStyles = style<{\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isDisabled?: boolean;\n  isFocusVisible?: boolean;\n}>({\n  ...focusRing(),\n  outlineOffset: -2,\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  paddingX: 8,\n  borderStyle: \"solid\",\n  borderWidth: 0,\n  borderStartWidth: 1,\n  borderColor: \"gray-300\",\n  borderTopEndRadius: \"sm\",\n  borderBottomEndRadius: \"sm\",\n  cursor: \"default\",\n  transition: \"default\",\n  backgroundColor: {\n    default: \"gray-100\",\n    isHovered: \"gray-200\",\n    isPressed: \"gray-200\",\n    isDisabled: \"gray-100\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isHovered: \"neutral\",\n    isPressed: \"neutral\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * A button designed to sit inside an input field.\n */\nexport function FieldButton(props: FieldButtonProps): JSX.Element {\n  const mergedProps = useProviderProps(props);\n  const [local, headlessProps] = splitProps(mergedProps, [\"class\"]);\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    [\n      fieldButtonStyles({\n        isHovered: renderProps.isHovered,\n        isPressed: renderProps.isPressed,\n        isDisabled: renderProps.isDisabled,\n        isFocusVisible: renderProps.isFocusVisible,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return <HeadlessButton {...headlessProps} class={getClassName} />;\n}\n","import { type JSX, 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 { style, focusRing } from \"../style\" with { type: \"macro\" };\n\nexport interface LogicButtonProps extends Omit<\n  HeadlessToggleButtonProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** Additional CSS class name. */\n  class?: string;\n}\n\n// A compact AND/OR toggle: an accent fill with white text when selected, a\n// bordered neutral chip when not, plus the S2 focus ring. Selection/disabled are\n// driven by the render-prop conditions fed to the style() macro so the CSS ships\n// in the package bundle for installed consumers.\nconst logicButtonStyles = style<{\n  isSelected?: boolean;\n  isDisabled?: boolean;\n  isFocusVisible?: boolean;\n}>({\n  ...focusRing(),\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  paddingX: 8,\n  paddingY: 2,\n  minWidth: 48,\n  font: \"ui-xs\",\n  fontWeight: \"bold\",\n  borderRadius: \"sm\",\n  borderStyle: \"solid\",\n  borderWidth: 1,\n  cursor: \"default\",\n  transition: \"default\",\n  backgroundColor: {\n    default: \"gray-100\",\n    isSelected: \"accent-900\",\n    isDisabled: \"gray-100\",\n  },\n  borderColor: {\n    default: \"gray-300\",\n    isSelected: \"transparent\",\n    isDisabled: \"transparent\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isSelected: \"white\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * An AND/OR logic toggle button. Displays \"AND\" when selected (default), \"OR\" when not.\n */\nexport function LogicButton(props: LogicButtonProps): JSX.Element {\n  const mergedProps = useProviderProps(props);\n  const [local, headlessProps] = splitProps(mergedProps, [\"class\"]);\n\n  const getClassName = (renderProps: ToggleButtonRenderProps): string =>\n    [\n      logicButtonStyles({\n        isSelected: renderProps.isSelected,\n        isDisabled: renderProps.isDisabled,\n        isFocusVisible: renderProps.isFocusVisible,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessToggleButton {...headlessProps} class={getClassName}>\n      {(renderProps: ToggleButtonRenderProps) => (\n        <span>{renderProps.isSelected ? \"AND\" : \"OR\"}</span>\n      )}\n    </HeadlessToggleButton>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,SAAE,SAAA,OAAwB;CACxB,MAAA,eAAY;CACZ,MAAK,gBAAmB,iBAAA,aAAA,YAAA,CAAA;CACxB,MAAQ,eAAU,uBAAO,iBAAA,GAAA,aAAA,IAAA;CAO3B,MAAS,CAAA,OAAA,iBAAwB,WADxB,aAAuB,WAAK;EAJ7B,SAAC;EACD,MAAC;EACD,WAAC;CAE4B,GAAA,eAAA,gBAAA,CAAA,GAAA,YAAA,CACC,GAAA;EAC9B;EACD;EACL;EACA;EACA;EACA;EACK;EACC;EACA;;EAEH;EACH;EACD;;CAED,MAAO,EAAA,sBAAuB,yBAA0B,MAAA,SAAA;CACtD,MAAM,uBAAwB,WAAA,oBAAkB;CAChD,MAAM,wBAAgB,WAAiB,qBAAyB;CAChE,MAAM,kBAAe,sBAAuB,eAAmB,oBAAmB;CAClF,MAAM,qBAAqB,mBAAgB,cAAA,QAAA,aAAA,MAAA;CACzC,MAAA,0BAAkB,wBAAA,cAAA,cAAA,aAAA,YAAA;CAClB,IAAI;CACJ,MAAA,mBAAiB,iBAAA,cAAA,KAAA,aAAA,GAAA;CAGnB,MAAM,gBAAqB,MAAA,WAAA;CACzB,MAAA,kBAAwC,MAAA,aAAmB;CAC5D,MAAA,aAAA,MAAA,QAAA;;CAED,MAAO,6BAAwB,CAAA,CAAA,kBAAmB,sBAAA,WAAA,MAAA,iBAAA,qBAAA,MAAA,OAAA,KAAA,uBAAA,WAAA,MAAA,iBAAA,sBAAA,MAAA,OAAA;CAChD,MAAC,qBAAQ,gBAAA,EAAA,OAAA,gBAAA;CACT,MAAC,cAAU,iBAAA;EACL,WAAA,YAAA,aAAA,qBAAA;EACL,WAAY,YAAA;EACL,WAAA,YAAA;EACP,gBAAiB,YAAA;EACjB,YAAa,YAAA,cAAA,kBAAA;EACb,WAAS,MAAA;CACN;CACJ,MAAC,gBAAU,gBAAA,CACH,MAAC,kBACR,SAAc;EACd,GAAc,WAAA,WAAA;EACf,SAAA,QAAA;;EAEM,MAAA,KAAiB;EACnB,aAAqB,MAAE;EACvB,eAAuB,cAAY;CACnC,GAAA,aAAkB,CAAA,CAClB,EAAA,OAAA,OAAgB,EAAE,KAAG,GAAA;CAC3B,MAAM,sBAAwB,gBAAA;EAC5B,OAAA,iBAAwB,eAAc,kBAAc,CAAA,EAAA,WAAa;CACnE;CACA,SAAM,gBAAmB;EACtB,MAAA,mBAAwB;GACzB,QAAgB,eAAA;IACjB,MAAA;;GAEK,CAAA;GACA,cAAgB,SAAA,UAAmB,OAAM;IAC9B,IAAA,QAAa;IACxB,SAAqB;IACrB,SAAqB;IACT,SAAC;IACf,SAAsB;IACtB,IAAA,MAAqB,mBACpB,SAAuB;IAEV,OAAO;OAEP,mBAAe,kBAAoB,EACxC,CAAA;EACX;EACA,MAAU,mBAAa;GACvB,cAAgB,aAAY,EAChB,mBAAuB,kBAAG,EAC3B,CAAA;GACX,iBAAA;;EAEI,SAAA,kBAA2B;GAC/B,MAAA,mBAAA,eAAA,MAAA,QAAA;GACQ,MAAA,gBAAgB,iBAAA;GACtB,MAAQ,kBAAA,mBAAA,QAAA,CAAA;GACN,OAAA,UAAA,MAAA,KAAA,IAAA,CAAA,KAAA,OAAA,GAAA,aAAA,EACK,mBAAsB,kBAAC,EAC1B,CAAA,EAAA,WAAkB,qBAAA;WAClB,UAAW,EAAA;QACb,EAAE,QAAU,QAAE;EACd;EACA,OAAE,EAAA;QACF,CAAC,gBAAA,SAAA,OAAA,MAAA;UACD,CAAA,YAAc,SAAA,OAAA,kBAAA;YACf,CAAA,YAAA,SAAA,OAAA,kBAAA;cACH,CAAA,kBAAA;eACU,MAAO,YAAA,CAAA,IAAA,OAAA,yBAAA;GACT,WAAI,MAAA;;EAER,CAAA,GAAA;kBACG,CAAA,wBAAgC,YAAA,aAAqB,GAAA,MAAY,KAAA,GAAA,aAAA,MAAA,eAAA;gBACzE,EAAA,OAAA,KAAA;;UAEO,EAAC,YAAa,SAAG;QACvB,EAAM,gBAAgB,SAAG;MACvB;CACF;CACA,OAAI,CAAA,WAAY,eAAA,WAAA,MAAA,WAAA,mBAAA,MAAA,YAAA;EACZ,gBAAQ;EACR,iBAAY,OAAA;CAChB,GAAG,gBAAK,YAAA;EACJ,MAAA,gBAAA,OAAA;CACJ,GAAE,gBAAY,YAAA;EACV,MAAM,gBAAA,OAAA;CACV,GAAG,UAAM,UAAY;EACjB,IAAI,CAAC,MAAM,WACP,MAAC,UAAa,KAAO;CAE7B,GAAG,OAAO,cAAc,OAAM,oBAAiB;MAC7C,CAAC,gBAAe;IAClB,EAAE;AACN;;;;CC1IA,IAAO;;EAEA,QAAS;CACd;CACC,IAAK;EACN,OAAA;EACI,QAAS;CACb;CACE,IAAE;EACE,OAAE;EACV,QAAA;;AAEA;AAMA,MAAG,oBAAkB,SAAY,UAAW,OAAG;CAC5C,IAAK,QAAE;CACP,IAAK,MAAI,gBACJ,SAAM;MAER,SAAA;CAEJ,SAAW;CACX,SAAW;CACX,SAAW;CACX,SAAA;CACC,SAAA;CACC,SAAC;CACH,SAAU;CACV,SAAW;CACX,SAAA;CACA,SAAW;CACX,SAAA;CACA,SAAS;CACT,SAAW;CACX,SAAS;CACT,SAAU;CACV,SAAA;CACE,IAAA,MAAU,SAAA,MACV,SAAY;MACZ,IAAW,MAAM,SAAI,MACrB,SAAa;MACd,IAAA,MAAA,SAAA,MACK,SAAC;CAEL,IAAA,MAAU,SAAS,MACnB,SAAY;MACZ,IAAW,MAAE,SAAS,MACvB,SAAA;MACD,IAAA,MAAA,SAAA,MAAA,SAAA;CAGC,IAAG,MAAK,YACT,SAAA;MACK,IAAQ,MAAC,WACR,SAAA;MACC,IAAM,MAAC,WACR,SAAS;MAET,SAAA;CAEJ,IAAE,MAAA,YACE,SAAM;MACN,IAAA,MAAW,WACX,SAAS;MACT,IAAA,MAAY,WACZ,SAAA;MAEF,SAAW;CAEb,OAAG;AACP;;;GAGI,SAAC,YAAA,OAAA;CAED,MAAM,CAAC,OAAO,iBAAe,WADV,iBAAA,KACiC,GAAA,CAClD,QACF,OACA,CAAC;CACD,MAAK,aAAU,MAAO,QAAS;CAC/B,MAAI,gBAAY,gBAAQ,CACtB,kBAAc;EACjB,MAAA,KAAA;EACH,WAAA,YAAA;;;;;;;;;;;;;;;;ACzFA,MAAM,oBAAoB,SAAQ,UAAA,OAAA;CAChC,IAAM,QAAQ;CAChB,IAAA,MAAA,gBAAA,SAAA;MAGQ,SAAM;CAEX,SAAU;CACb,SAAM;CACJ,SAAW;CACX,SAAW;CACX,SAAW;CACX,SAAA;CACC,SAAA;CACC,SAAC;CACH,SAAA;CACA,SAAU;CACV,SAAW;CACX,SAAA;CACA,SAAW;CACX,SAAW;CACX,SAAW;CACX,SAAA;CACA,SAAW;CACX,SAAA;CACA,SAAA;CACA,SAAS;CACT,SAAW;CACX,IAAA,MAAA,YACE,SAAU;MACV,IAAW,MAAM,WACjB,SAAY;MACZ,IAAW,MAAM,WAClB,SAAA;MAEC,SAAU;CAEV,IAAA,MAAU,YACV,SAAa;MACd,IAAA,MAAA,WACD,SAAA;2BAEA,SAAA;MAEA,SAAA;CAEA,OAAM;AACR;;;GAGI,SAAA,YAAA,OAAA;CAEA,MAAI,CAAA,OAAU,iBAAa,WADP,iBAAA,KACgB,GAAA,CAChC,OACJ,CAAC;CACD,MAAI,gBAAgB,gBAA0B,CAC1C,kBAAA;EACI,WAAK,YAAA;EACb,WAAA,YAAA;EACU,YAAO,YAAA;EACL,gBAAA,YAAA;KAEN,MAAA,KACV,EAAA,OAAA,OAAA,EAAA,KAAA,GAAA;;;;;AC/DA,MAAE,oBAAA,SAAyB,UAAA,OAAA;CACxB,IAAK,QAAK;CACX,IAAA,MAAA,gBACI,SAAW;MAEjB,SAAA;CAEI,SAAS;CACV,SAAS;CACT,SAAU;CACV,SAAO;CACV,SAAM;CACJ,SAAW;CACX,SAAW;CACX,SAAA;CACC,SAAA;CACC,SAAC;CACH,SAAU;CACV,SAAW;CACX,SAAA;CACA,SAAW;CACX,SAAW;CACX,SAAU;CACV,SAAU;CACV,SAAW;CACX,SAAA;CACA,SAAW;CACX,SAAW;CACX,IAAM,MAAG,YACT,SAAa;MACb,IAAA,MAAiB,YACf,SAAU;MAEV,SAAa;CAEf,SAAW;CACT,SAAS;CACT,SAAA;CACA,SAAA;CACD,SAAA;CACD,SAAO;CACL,SAAS;CACT,SAAA;CACA,SAAA;CACD,SAAA;CACD,SAAA;;CAEA,SAAA;CACC,IAAG,MAAO,YACX,SAAA;MACK,IAAQ,MAAC,YACR,SAAA;;CAIJ,IAAA,MAAA,YACE,SAAA;MACE,IAAA,MAAY,YACZ,SAAA;MAEA,SAAA;CAEJ,OAAA;AACJ;;;GAGE,SAAO,YAAA,OAAA;CAEL,MAAI,CAAA,OAAA,iBAAa,WADhB,iBAAyB,KACmB,GAAA,CACzC,OACJ,CAAC;CACD,MAAE,gBAAoB,gBAAA,CACvB,kBAAA;EACH,YAAA,YAAA"}
+{"version":3,"file":"button.jsx","names":[],"sources":["../../src/button/Button.tsx","../../src/button/ClearButton.tsx","../../src/button/FieldButton.tsx","../../src/button/LogicButton.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/Button.tsx\n\n// Port of packages/@react-spectrum/s2/src/Button.tsx.\n\nimport { createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Button as HeadlessButton,\n  type ButtonRenderProps,\n  DialogTriggerContext,\n  PopoverTriggerContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { mergeProps, createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport type { ButtonFillStyle, ButtonProps, ButtonSize, ButtonVariant } from \"./types\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport { s2IntlStrings } from \"../intl\";\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  s2Button,\n  s2ButtonPendingIndicator,\n  s2ButtonText,\n  type S2ButtonRenderState,\n} from \"./s2-button-styles\";\nimport { createPendingState } from \"./pending-state\";\nimport { S2PendingProgressCircle } from \"./S2PendingProgressCircle\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport { SkeletonContext } from \"../skeleton\";\nimport { TextContext } from \"../text\";\nimport { useFormProps } from \"../form\";\nimport { useButtonContext } from \"./context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n} from \"./spectrum-context\";\nimport { getSingleTextChild } from \"./text-child\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\ntype RuntimeButtonProps = ButtonProps & {\n  onHoverChange?: (isHovered: boolean) => void;\n};\n\nexport function Button(props: ButtonProps): JSX.Element {\n  const runtimeProps = props as RuntimeButtonProps;\n  const providerProps = useProviderProps(useFormProps(runtimeProps)) as RuntimeButtonProps &\n    ProviderInheritedProps;\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useButtonContext(), runtimeProps.slot);\n  // Upstream: context, then the Form fills what is still unset, then the\n  // defaults at read time. A default merged in first would hide the Form's size.\n  const merged = useFormProps(\n    mergeProps<RuntimeButtonProps>(flags, contextProps ?? {}, runtimeProps),\n  );\n\n  const [local, headlessProps] = splitProps(merged, [\n    \"variant\",\n    \"fillStyle\",\n    \"size\",\n    \"staticColor\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"ref\",\n    \"isPending\",\n    \"onPress\",\n    \"onPressChange\",\n    \"onHoverChange\",\n  ]);\n\n  const { isProgressVisible } = createPendingState(() => local.isPending);\n  const dialogTriggerContext = useContext(DialogTriggerContext);\n  const popoverTriggerContext = useContext(PopoverTriggerContext);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, runtimeProps.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, runtimeProps.UNSAFE_style);\n  let buttonElement: HTMLButtonElement | undefined;\n  const assignButtonRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLButtonElement> } | null)?.ref,\n    runtimeProps.ref,\n  );\n\n  const variant = (): ButtonVariant => local.variant ?? \"primary\";\n  const fillStyle = (): ButtonFillStyle => local.fillStyle ?? \"fill\";\n  const size = (): ButtonSize => local.size ?? \"M\";\n  const isStaticColor = () => !!local.staticColor;\n  const isOverlayTriggerOpen = () =>\n    !!buttonElement &&\n    ((dialogTriggerContext?.triggerRef() === buttonElement &&\n      dialogTriggerContext.state.isOpen()) ||\n      (popoverTriggerContext?.triggerRef() === buttonElement &&\n        popoverTriggerContext.state.isOpen()));\n  const pendingLabel = () => stringFormatter().format(\"button.pending\");\n\n  const getS2State = (renderProps: ButtonRenderProps): S2ButtonRenderState => ({\n    isHovered: renderProps.isHovered || isOverlayTriggerOpen(),\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled || isProgressVisible(),\n    isPending: local.isPending,\n  });\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      s2Button(\n        {\n          ...getS2State(renderProps),\n          variant: variant(),\n          fillStyle: fillStyle(),\n          size: size(),\n          staticColor: local.staticColor,\n          isStaticColor: isStaticColor(),\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const getPressScaleStyle = (renderProps: ButtonRenderProps): JSX.CSSProperties => {\n    return pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);\n  };\n\n  function ButtonContent() {\n    const iconContextValue = {\n      render: centerBaseline({\n        slot: \"icon\",\n        styles: () =>\n          style({\n            order: 0,\n            visibility: {\n              isProgressVisible: \"hidden\",\n            },\n          })({ isProgressVisible: isProgressVisible() }),\n      }),\n      styles: () =>\n        style({\n          /* fontRelative(16), not Spectrum's fontRelative(20): S2's default sizes a\n           * button icon to its 20px workflow-icon grid, which on this theme's 15px\n           * control font renders ~21px — larger than the label and larger than anything\n           * the handoff draws. The theme's own PixelIcon default is 17px\n           * (primitives.tsx:55); fontRelative(16) lands ~17px at the 15px control font,\n           * matching that default. Scales with the size prop the same way 20 did. */\n          size: fontRelative(16),\n          marginStart: \"--iconMargin\",\n          flexShrink: 0,\n        }),\n    };\n    const textContextValue = {\n      styles: () => s2ButtonText({ isProgressVisible: isProgressVisible() }),\n      \"data-rsp-slot\": \"text\",\n    };\n\n    function ResolvedContent() {\n      // Cache the authored child value without recursively resolving dynamic members.\n      // Solid's children() helper turns mixed text into a snapshot that goes stale\n      // when this branch is hydrated.\n      const content = createMemo(() => local.children);\n      const textChild = () => getSingleTextChild(content());\n\n      return (\n        <>\n          {textChild() !== undefined ? (\n            <span\n              class={`${s2ButtonText({ isProgressVisible: isProgressVisible() })} ${style({ order: 1 })}`}\n              data-rsp-slot=\"text\"\n            >\n              {textChild()}\n            </span>\n          ) : (\n            content()\n          )}\n        </>\n      );\n    }\n\n    return (\n      <>\n        <SkeletonContext value={null}>\n          <TextContext value={textContextValue}>\n            <IconContext value={iconContextValue}>\n              <ResolvedContent />\n              {local.isPending ? (\n                <div\n                  class={s2ButtonPendingIndicator({\n                    isPending: local.isPending,\n                    isProgressVisible: isProgressVisible(),\n                  })}\n                >\n                  <S2PendingProgressCircle\n                    aria-label={pendingLabel()}\n                    size={size()}\n                    staticColor={local.staticColor}\n                  />\n                </div>\n              ) : null}\n            </IconContext>\n          </TextContext>\n        </SkeletonContext>\n      </>\n    );\n  }\n\n  return (\n    <HeadlessButton\n      {...headlessProps}\n      isPending={local.isPending}\n      isPendingFocusable\n      ref={(element: HTMLButtonElement) => {\n        buttonElement = element;\n        assignButtonRefs(element);\n      }}\n      onHoverChange={(hovered) => {\n        local.onHoverChange?.(hovered);\n      }}\n      onPressChange={(pressed) => {\n        local.onPressChange?.(pressed);\n      }}\n      onPress={local.onPress}\n      class={getClassName}\n      style={getPressScaleStyle}\n    >\n      <ButtonContent />\n    </HeadlessButton>\n  );\n}\n","/*\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/ClearButton.tsx\n\n// Port of packages/@react-spectrum/s2/src/ClearButton.tsx.\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Button as HeadlessButton,\n  type ButtonProps as HeadlessButtonProps,\n  type ButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps } from \"../provider\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport CrossIcon from \"../icon/ui-icons/Cross\";\nimport { style, focusRing } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type ClearButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ClearButtonProps extends Omit<\n  HeadlessButtonProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** The size of the button. @default 'md' */\n  size?: ClearButtonSize;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\nconst iconSizes: Record<ClearButtonSize, JSX.CSSProperties> = {\n  sm: { width: \"0.75rem\", height: \"0.75rem\" },\n  md: { width: \"1rem\", height: \"1rem\" },\n  lg: { width: \"1.25rem\", height: \"1.25rem\" },\n};\n\n// Icon-only dismiss button. The state ramp is driven by the button's render\n// props (isHovered/isPressed/isDisabled/isFocusVisible) fed to the style()\n// macro: a subdued neutral glyph that strengthens on hover/press over a faint\n// gray fill, plus the S2 focus ring. Emitted through the macro so the CSS ships\n// in the package bundle for installed consumers.\nconst clearButtonStyles = style<{\n  size: ClearButtonSize;\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isDisabled?: boolean;\n  isFocusVisible?: boolean;\n}>({\n  ...focusRing(),\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderStyle: \"none\",\n  borderRadius: \"full\",\n  cursor: \"default\",\n  transition: \"default\",\n  width: { size: { sm: 20, md: 24, lg: 32 } },\n  height: { size: { sm: 20, md: 24, lg: 32 } },\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: \"gray-100\",\n    isPressed: \"gray-200\",\n    isDisabled: \"transparent\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isHovered: \"neutral\",\n    isPressed: \"neutral\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * An icon-only clear/dismiss button, typically used in search fields and tags.\n */\nexport function ClearButton(props: ClearButtonProps): JSX.Element {\n  const mergedProps = useProviderProps(props);\n  const [local, headlessProps] = splitProps(mergedProps, [\"size\", \"class\"]);\n  const size = () => local.size ?? \"md\";\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    [\n      clearButtonStyles({\n        size: size(),\n        isHovered: renderProps.isHovered,\n        isPressed: renderProps.isPressed,\n        isDisabled: renderProps.isDisabled,\n        isFocusVisible: renderProps.isFocusVisible,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessButton\n      {...headlessProps}\n      aria-label={headlessProps[\"aria-label\"] ?? \"Clear\"}\n      class={getClassName}\n    >\n      <IconContext value={{ slot: \"icon\", render: centerBaseline({ slot: \"icon\" }) }}>\n        <CrossIcon style={iconSizes[size()]} />\n      </IconContext>\n    </HeadlessButton>\n  );\n}\n","/*\n * Copyright 2020 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/@adobe/react-spectrum/src/button/FieldButton.tsx\n\n// Port of @react-spectrum source: https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/button/FieldButton.tsx.\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Button as HeadlessButton,\n  type ButtonProps as HeadlessButtonProps,\n  type ButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps } from \"../provider\";\nimport { style, focusRing } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface FieldButtonProps extends Omit<HeadlessButtonProps, \"class\" | \"style\"> {\n  /** Additional CSS class name. */\n  class?: string;\n}\n\n// A trailing button that sits inside an input field, sharing the field's\n// right-hand corners and a gray-300 divider on its inner edge. The neutral fill\n// ramps on hover/press via the render-prop conditions fed to the style() macro,\n// so the CSS ships in the package bundle for installed consumers.\nconst fieldButtonStyles = style<{\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isDisabled?: boolean;\n  isFocusVisible?: boolean;\n}>({\n  ...focusRing(),\n  outlineOffset: -2,\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  paddingX: 8,\n  borderStyle: \"solid\",\n  borderWidth: 0,\n  borderStartWidth: 1,\n  borderColor: \"gray-300\",\n  borderTopEndRadius: \"sm\",\n  borderBottomEndRadius: \"sm\",\n  cursor: \"default\",\n  transition: \"default\",\n  backgroundColor: {\n    default: \"gray-100\",\n    isHovered: \"gray-200\",\n    isPressed: \"gray-200\",\n    isDisabled: \"gray-100\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isHovered: \"neutral\",\n    isPressed: \"neutral\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * A button designed to sit inside an input field.\n */\nexport function FieldButton(props: FieldButtonProps): JSX.Element {\n  const mergedProps = useProviderProps(props);\n  const [local, headlessProps] = splitProps(mergedProps, [\"class\"]);\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    [\n      fieldButtonStyles({\n        isHovered: renderProps.isHovered,\n        isPressed: renderProps.isPressed,\n        isDisabled: renderProps.isDisabled,\n        isFocusVisible: renderProps.isFocusVisible,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return <HeadlessButton {...headlessProps} class={getClassName} />;\n}\n","/*\n * Copyright 2020 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/@adobe/react-spectrum/src/button/LogicButton.tsx\n\n// Port of @react-spectrum source: https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/button/LogicButton.tsx.\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  ToggleButton as HeadlessToggleButton,\n  type ToggleButtonProps as HeadlessToggleButtonProps,\n  type ToggleButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { useProviderProps } from \"../provider\";\nimport { style, focusRing } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface LogicButtonProps extends Omit<\n  HeadlessToggleButtonProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** Additional CSS class name. */\n  class?: string;\n}\n\n// A compact AND/OR toggle: an accent fill with white text when selected, a\n// bordered neutral chip when not, plus the S2 focus ring. Selection/disabled are\n// driven by the render-prop conditions fed to the style() macro so the CSS ships\n// in the package bundle for installed consumers.\nconst logicButtonStyles = style<{\n  isSelected?: boolean;\n  isDisabled?: boolean;\n  isFocusVisible?: boolean;\n}>({\n  ...focusRing(),\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  paddingX: 8,\n  paddingY: 2,\n  minWidth: 48,\n  font: \"ui-xs\",\n  fontWeight: \"bold\",\n  borderRadius: \"sm\",\n  borderStyle: \"solid\",\n  borderWidth: 1,\n  cursor: \"default\",\n  transition: \"default\",\n  backgroundColor: {\n    default: \"gray-100\",\n    isSelected: \"accent-900\",\n    isDisabled: \"gray-100\",\n  },\n  borderColor: {\n    default: \"gray-300\",\n    isSelected: \"transparent\",\n    isDisabled: \"transparent\",\n  },\n  color: {\n    default: \"neutral-subdued\",\n    isSelected: \"white\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * An AND/OR logic toggle button. Displays \"AND\" when selected (default), \"OR\" when not.\n */\nexport function LogicButton(props: LogicButtonProps): JSX.Element {\n  const mergedProps = useProviderProps(props);\n  const [local, headlessProps] = splitProps(mergedProps, [\"class\"]);\n\n  const getClassName = (renderProps: ToggleButtonRenderProps): string =>\n    [\n      logicButtonStyles({\n        isSelected: renderProps.isSelected,\n        isDisabled: renderProps.isDisabled,\n        isFocusVisible: renderProps.isFocusVisible,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessToggleButton {...headlessProps} class={getClassName}>\n      {(renderProps: ToggleButtonRenderProps) => (\n        <span>{renderProps.isSelected ? \"AND\" : \"OR\"}</span>\n      )}\n    </HeadlessToggleButton>\n  );\n}\n"],"mappings":"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"}