@react-spectrum/s2 1.3.0 → 1.4.0

package/dist/private/ToggleButton.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AA0BM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAAkF;AAM1H,MAAM,0DAAe,CAAA,GAAA,iBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAoC;IACzH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,MAAM,CAAA,GAAA,wBAAgB,EAAE,CAAA,GAAA,yCAAuB;IACnD,IAAI,YAAY,CAAC,CAAC;IAClB,IAAI,WACF,UAAU,wBACV,WAAW,eACX,cAAc,2BACd,cAAc,MAAM,WAAW,WAC/B,UAAU,MAAM,OAAO,gBACvB,eAAe,MAAM,YAAY,QACjC,OAAO,MAAM,IAAI,IAAI,iBACrB,aAAa,MAAM,UAAU,EAC9B,GAAG,OAAO,CAAC;IAEZ,qBACE,gBAAC,CAAA,GAAA,mBAAc;QACZ,GAAG,KAAK;QACT,YAAY;QACZ,KAAK;QACL,OAAO,CAAA,GAAA,yCAAS,EAAE,QAAQ,MAAM,YAAY;QAC5C,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,CAAA,GAAA,yCAAQ,EAAE;gBACnE,GAAG,WAAW;6BACd;gBACA,eAAe,CAAC,CAAC;sBACjB;yBACA;8BACA;gBACA,WAAW;yBACX;6BACA;6BACA;2BACA;YACF,GAAG,MAAM,MAAM;kBACf,cAAA,gBAAC,CAAA,GAAA,eAAO;YACN,QAAQ;gBACN;oBAAC,CAAA,GAAA,yCAAc;oBAAG;iBAAK;gBACvB;oBAAC,CAAA,GAAA,yCAAU;oBAAG;wBAAC,MAAM;oBAA+D;iBAAE;gBACtF;oBAAC,CAAA,GAAA,yCAAU;oBAAG;wBACZ,QAAQ,CAAA,GAAA,yCAAa,EAAE;4BAAC,MAAM;4BAAQ,MAAM;wBAAmB;wBAC/D,MAAM;oBACR;iBAAE;aACH;sBACA,OAAO,MAAM,QAAQ,KAAK,yBAAW,gBAAC,CAAA,GAAA,yCAAG;0BAAG,MAAM,QAAQ;iBAAW,MAAM,QAAQ;;;AAI5F","sources":["packages/@react-spectrum/s2/src/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\nimport {ActionButtonStyleProps, btnStyles} from './ActionButton';\nimport {centerBaseline} from './CenterBaseline';\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {FocusableRef, FocusableRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport {pressScale} from './pressScale';\nimport {ToggleButton as RACToggleButton, ToggleButtonProps as RACToggleButtonProps} from 'react-aria-components/ToggleButton';\nimport {SkeletonContext} from './Skeleton';\nimport {StyleProps} from './style-utils';\nimport {Text, TextContext} from './Content';\nimport {ToggleButtonGroupContext} from './ToggleButtonGroup';\nimport {useFocusableRef} from './useDOMRef';\nimport {useFormProps} from './Form';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonProps extends Omit<RACToggleButtonProps, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ActionButtonStyleProps {\n  /** The content to display in the button. */\n  children: ReactNode,\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\nexport const ToggleButtonContext = createContext<ContextValue<Partial<ToggleButtonProps>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ToggleButtons allow users to toggle a selection on or off, for example\n * switching between two states or modes.\n */\nexport const ToggleButton = forwardRef(function ToggleButton(props: ToggleButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonContext);\n  props = useFormProps(props as any);\n  let domRef = useFocusableRef(ref);\n  let ctx = useSlottedContext(ToggleButtonGroupContext);\n  let isInGroup = !!ctx;\n  let {\n    density = 'regular',\n    isJustified,\n    orientation = 'horizontal',\n    staticColor = props.staticColor,\n    isQuiet = props.isQuiet,\n    isEmphasized = props.isEmphasized,\n    size = props.size || 'M',\n    isDisabled = props.isDisabled\n  } = ctx || {};\n\n  return (\n    <RACToggleButton\n      {...props}\n      isDisabled={isDisabled}\n      ref={domRef}\n      style={pressScale(domRef, props.UNSAFE_style)}\n      className={renderProps => (props.UNSAFE_className || '') + btnStyles({\n        ...renderProps,\n        staticColor,\n        isStaticColor: !!staticColor,\n        size,\n        isQuiet,\n        isEmphasized,\n        isPending: false,\n        density,\n        isJustified,\n        orientation,\n        isInGroup\n      }, props.styles)}>\n      <Provider\n        values={[\n          [SkeletonContext, null],\n          [TextContext, {styles: style({paddingY: '--labelPadding', order: 1, truncate: true})}],\n          [IconContext, {\n            render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n            styles: style({size: fontRelative(20), marginStart: '--iconMargin', flexShrink: 0})\n          }]\n        ]}>\n        {typeof props.children === 'string' ? <Text>{props.children}</Text> : props.children}\n      </Provider>\n    </RACToggleButton>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAsDM,MAAM,0DACX,CAAA,GAAA,oBAAY,EAAgF;AAMvF,MAAM,0DAAe,CAAA,GAAA,iBAAS,EAAE,SAAS,aAC9C,KAAwB,EACxB,GAAoC;IAEpC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,MAAM,CAAA,GAAA,wBAAgB,EAAE,CAAA,GAAA,yCAAuB;IACnD,IAAI,YAAY,CAAC,CAAC;IAClB,IAAI,WACF,UAAU,wBACV,WAAW,eACX,cAAc,2BACd,cAAc,MAAM,WAAW,WAC/B,UAAU,MAAM,OAAO,gBACvB,eAAe,MAAM,YAAY,QACjC,OAAO,MAAM,IAAI,IAAI,iBACrB,aAAa,MAAM,UAAU,EAC9B,GAAG,OAAO,CAAC;IACZ,IAAI,kBAAC,cAAc,EAAC,GAAG;IACvB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,qBACE,iBAAC,CAAA,GAAA,mBAAc;QACZ,GAAG,KAAK;QACT,YAAY;QACZ,KAAK;QACL,OAAO,CAAA,GAAA,yCAAS,EAAE,QAAQ,MAAM,YAAY;QAC5C,WAAW,CAAA,cACT,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAC5B,CAAA,GAAA,yCAAQ,EACN;gBACE,GAAG,WAAW;6BACd;gBACA,eAAe,CAAC,CAAC;sBACjB;yBACA;8BACA;gBACA,WAAW;yBACX;6BACA;6BACA;2BACA;YACF,GACA,MAAM,MAAM;;0BAGhB,gBAAC,CAAA,GAAA,eAAO;gBACN,QAAQ;oBACN;wBAAC,CAAA,GAAA,yCAAc;wBAAG;qBAAK;oBACvB;wBAAC,CAAA,GAAA,yCAAU;wBAAG;4BAAC,MAAM;wBAA+D;qBAAE;oBACtF;wBACE,CAAA,GAAA,yCAAU;wBACV;4BACE,QAAQ,CAAA,GAAA,yCAAa,EAAE;gCAAC,MAAM;gCAAQ,MAAM;4BAAmB;4BAC/D,MAAM;wBACR;qBACD;iBACF;0BACA,OAAO,MAAM,QAAQ,KAAK,yBAAW,gBAAC,CAAA,GAAA,yCAAG;8BAAG,MAAM,QAAQ;qBAAW,MAAM,QAAQ;;YAErF,gCACC,gBAAC,CAAA,GAAA,wCAAa;gBACZ,MAAM,SAAS,OAAO,MAAM;gBAC5B,WAAW;;;;;;;;;;;;;;;;;;kBAyBR;+BAAC;0BAAW;gBAAI;;;;AAK7B","sources":["packages/@react-spectrum/s2/src/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\nimport {ActionButtonStyleProps, btnStyles} from './ActionButton';\nimport {centerBaseline} from './CenterBaseline';\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport CornerTriangle from '../ui-icons/CornerTriangle';\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {FocusableRef, FocusableRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {fontRelative, space, style} from '../style' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport {pressScale} from './pressScale';\nimport {\n  ToggleButton as RACToggleButton,\n  ToggleButtonProps as RACToggleButtonProps\n} from 'react-aria-components/ToggleButton';\nimport {SkeletonContext} from './Skeleton';\nimport {StyleProps} from './style-utils';\nimport {Text, TextContext} from './Content';\nimport {ToggleButtonGroupContext} from './ToggleButtonGroup';\nimport {useFocusableRef} from './useDOMRef';\nimport {useFormProps} from './Form';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonProps\n  extends\n    Omit<\n      RACToggleButtonProps,\n      | 'className'\n      | 'style'\n      | 'render'\n      | 'children'\n      | 'onHover'\n      | 'onHoverStart'\n      | 'onHoverEnd'\n      | 'onHoverChange'\n      | 'onClick'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    ActionButtonStyleProps {\n  /** The content to display in the button. */\n  children: ReactNode;\n  /**\n   * Whether the button should be displayed with an [emphasized\n   * style](https://spectrum.adobe.com/page/action-button/#Emphasis).\n   */\n  isEmphasized?: boolean;\n}\n\ninterface ToggleButtonContextProps extends Partial<ToggleButtonProps> {\n  holdAffordance?: boolean;\n}\n\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonContextProps, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ToggleButtons allow users to toggle a selection on or off, for example\n * switching between two states or modes.\n */\nexport const ToggleButton = forwardRef(function ToggleButton(\n  props: ToggleButtonProps,\n  ref: FocusableRef<HTMLButtonElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonContext);\n  props = useFormProps(props as any);\n  let domRef = useFocusableRef(ref);\n  let ctx = useSlottedContext(ToggleButtonGroupContext);\n  let isInGroup = !!ctx;\n  let {\n    density = 'regular',\n    isJustified,\n    orientation = 'horizontal',\n    staticColor = props.staticColor,\n    isQuiet = props.isQuiet,\n    isEmphasized = props.isEmphasized,\n    size = props.size || 'M',\n    isDisabled = props.isDisabled\n  } = ctx || {};\n  let {holdAffordance} = props as ToggleButtonContextProps;\n  let {direction} = useLocale();\n\n  return (\n    <RACToggleButton\n      {...props}\n      isDisabled={isDisabled}\n      ref={domRef}\n      style={pressScale(domRef, props.UNSAFE_style)}\n      className={renderProps =>\n        (props.UNSAFE_className || '') +\n        btnStyles(\n          {\n            ...renderProps,\n            staticColor,\n            isStaticColor: !!staticColor,\n            size,\n            isQuiet,\n            isEmphasized,\n            isPending: false,\n            density,\n            isJustified,\n            orientation,\n            isInGroup\n          },\n          props.styles\n        )\n      }>\n      <Provider\n        values={[\n          [SkeletonContext, null],\n          [TextContext, {styles: style({paddingY: '--labelPadding', order: 1, truncate: true})}],\n          [\n            IconContext,\n            {\n              render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n              styles: style({size: fontRelative(20), marginStart: '--iconMargin', flexShrink: 0})\n            }\n          ]\n        ]}>\n        {typeof props.children === 'string' ? <Text>{props.children}</Text> : props.children}\n      </Provider>\n      {holdAffordance && (\n        <CornerTriangle\n          size={size === 'XS' ? 'S' : size}\n          className={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, size})}\n        />\n      )}\n    </RACToggleButton>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.mjs.map"}

package/dist/private/ToggleButtonGroup.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAmBM,MAAM,0DAA2B,CAAA,GAAA,0BAAY,EAAiE;AAK9G,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACrI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,6DAAmB;QACjB,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,CAAA,GAAA,0CAAe,EAAE;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAC1F,cAAA,gCAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ToggleButtonGroup.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\nimport {ActionButtonGroupProps, actionGroupStyle} from './ActionButtonGroup';\nimport {ContextValue} from 'react-aria-components/slots';\n\nimport {createContext, ForwardedRef, forwardRef} from 'react';\n\nimport {DOMProps, GlobalDOMAttributes} from '@react-types/shared';\nimport {\n  ToggleButtonGroup as RACToggleButtonGroup,\n  ToggleButtonGroupProps as RACToggleButtonGroupProps\n} from 'react-aria-components/ToggleButtonGroup';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<RACToggleButtonGroupProps, 'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes>, DOMProps {\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\nexport const ToggleButtonGroupContext = createContext<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.\n */\nexport const ToggleButtonGroup = forwardRef(function ToggleButtonGroup(props: ToggleButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <RACToggleButtonGroup\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ToggleButtonGroupContext.Provider value={props}>\n        {children}\n      </ToggleButtonGroupContext.Provider>\n    </RACToggleButtonGroup>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA6BM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAAiE;AAKxE,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,kBACnD,KAA6B,EAC7B,GAAiC;IAEjC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,6DAAmB;QACjB,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WACE,mBAAmB,CAAA,GAAA,0CAAe,EAAE;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAEjF,cAAA,gCAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ToggleButtonGroup.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\nimport {ActionButtonGroupProps, actionGroupStyle} from './ActionButtonGroup';\nimport {ContextValue} from 'react-aria-components/slots';\n\nimport {createContext, ForwardedRef, forwardRef} from 'react';\n\nimport {DOMProps, GlobalDOMAttributes} from '@react-types/shared';\nimport {\n  ToggleButtonGroup as RACToggleButtonGroup,\n  ToggleButtonGroupProps as RACToggleButtonGroupProps\n} from 'react-aria-components/ToggleButtonGroup';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonGroupProps\n  extends\n    ActionButtonGroupProps,\n    Omit<\n      RACToggleButtonGroupProps,\n      'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes\n    >,\n    DOMProps {\n  /**\n   * Whether the button should be displayed with an [emphasized\n   * style](https://spectrum.adobe.com/page/action-button/#Emphasis).\n   */\n  isEmphasized?: boolean;\n}\n\nexport const ToggleButtonGroupContext =\n  createContext<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.\n */\nexport const ToggleButtonGroup = forwardRef(function ToggleButtonGroup(\n  props: ToggleButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <RACToggleButtonGroup\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)\n      }>\n      <ToggleButtonGroupContext.Provider value={props}>\n        {children}\n      </ToggleButtonGroupContext.Provider>\n    </RACToggleButtonGroup>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.cjs.map"}

package/dist/private/ToggleButtonGroup.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAmBM,MAAM,0DAA2B,CAAA,GAAA,oBAAY,EAAiE;AAK9G,MAAM,0DAAoB,CAAA,GAAA,iBAAS,EAAE,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACrI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,wBAAmB;QACjB,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,CAAA,GAAA,yCAAe,EAAE;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAC1F,cAAA,gBAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ToggleButtonGroup.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\nimport {ActionButtonGroupProps, actionGroupStyle} from './ActionButtonGroup';\nimport {ContextValue} from 'react-aria-components/slots';\n\nimport {createContext, ForwardedRef, forwardRef} from 'react';\n\nimport {DOMProps, GlobalDOMAttributes} from '@react-types/shared';\nimport {\n  ToggleButtonGroup as RACToggleButtonGroup,\n  ToggleButtonGroupProps as RACToggleButtonGroupProps\n} from 'react-aria-components/ToggleButtonGroup';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<RACToggleButtonGroupProps, 'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes>, DOMProps {\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\nexport const ToggleButtonGroupContext = createContext<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.\n */\nexport const ToggleButtonGroup = forwardRef(function ToggleButtonGroup(props: ToggleButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <RACToggleButtonGroup\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ToggleButtonGroupContext.Provider value={props}>\n        {children}\n      </ToggleButtonGroupContext.Provider>\n    </RACToggleButtonGroup>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.mjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA6BM,MAAM,0DACX,CAAA,GAAA,oBAAY,EAAiE;AAKxE,MAAM,0DAAoB,CAAA,GAAA,iBAAS,EAAE,SAAS,kBACnD,KAA6B,EAC7B,GAAiC;IAEjC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,wBAAmB;QACjB,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WACE,mBAAmB,CAAA,GAAA,yCAAe,EAAE;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAEjF,cAAA,gBAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ToggleButtonGroup.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\nimport {ActionButtonGroupProps, actionGroupStyle} from './ActionButtonGroup';\nimport {ContextValue} from 'react-aria-components/slots';\n\nimport {createContext, ForwardedRef, forwardRef} from 'react';\n\nimport {DOMProps, GlobalDOMAttributes} from '@react-types/shared';\nimport {\n  ToggleButtonGroup as RACToggleButtonGroup,\n  ToggleButtonGroupProps as RACToggleButtonGroupProps\n} from 'react-aria-components/ToggleButtonGroup';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonGroupProps\n  extends\n    ActionButtonGroupProps,\n    Omit<\n      RACToggleButtonGroupProps,\n      'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes\n    >,\n    DOMProps {\n  /**\n   * Whether the button should be displayed with an [emphasized\n   * style](https://spectrum.adobe.com/page/action-button/#Emphasis).\n   */\n  isEmphasized?: boolean;\n}\n\nexport const ToggleButtonGroupContext =\n  createContext<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.\n */\nexport const ToggleButtonGroup = forwardRef(function ToggleButtonGroup(\n  props: ToggleButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <RACToggleButtonGroup\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)\n      }>\n      <ToggleButtonGroupContext.Provider value={props}>\n        {children}\n      </ToggleButtonGroupContext.Provider>\n    </RACToggleButtonGroup>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.mjs.map"}

package/dist/private/Tooltip.cjs

@@ -31,108 +31,120 @@ $parcel$export(module.exports, "TooltipTrigger", () => $d3b6a84aebe66f8d$export$
 
 const $d3b6a84aebe66f8d$var$tooltip = function anonymous(props) {
     let rules = " ";
-    if (props.colorScheme === "dark") rules += ' -ICUGx-_pa13';
-    else if (props.colorScheme === "light") rules += ' -ICUGx-_pb13';
-    else if (props.colorScheme === "light dark") rules += ' -ICUGx-_pc13';
-    rules += ' _pK8eoyd13';
-    rules += ' _Ca13';
-    rules += ' eb13';
-    rules += ' Le13';
-    rules += ' MAyFGYc13';
-    rules += ' _oa13';
-    rules += ' uk13';
-    rules += ' ucJ9TBTb13';
-    rules += ' ud3Euai13';
-    rules += ' uea13';
-    rules += ' ugb13';
-    rules += ' uhd13';
-    rules += ' uje13';
-    rules += ' u2NhKxcl13';
-    rules += ' uic13';
-    rules += ' -_6BNtrc-b13';
-    rules += ' vx13';
-    rules += ' xb13';
-    rules += ' _xa13';
-    rules += ' _Fd13';
-    rules += ' _FnuYUweb13';
-    rules += ' pr13';
-    rules += ' plb13';
-    rules += ' _kJ8iPYd13';
-    rules += ' hXMFGYc13';
-    rules += ' mlb13';
-    rules += ' llb13';
-    rules += ' _jlf13';
-    rules += ' ilA13';
-    rules += ' g013';
-    rules += ' ob13';
-    rules += ' nb13';
-    rules += ' kb13';
-    rules += ' jb13';
-    rules += ' Sv13';
-    rules += ' Rv13';
-    rules += ' Tu7Fubd13';
-    rules += ' Qu7Fubd13';
-    rules += ' Yd13';
-    rules += ' Xc13';
-    if (props.isExiting) rules += ' _2c13';
+    if (props.colorScheme === "dark") rules += ' -ICUGx-_pa131';
+    else if (props.colorScheme === "light") rules += ' -ICUGx-_pb131';
+    else if (props.colorScheme === "light dark") rules += ' -ICUGx-_pc131';
+    rules += ' _pK8eoyd131';
+    if (props.colorScheme === "dark") rules += ' -NvXmrd-_ZLmU131';
+    else if (props.colorScheme === "light") rules += ' -NvXmrd-_ZN8Gi4c131';
+    else if (props.colorScheme === "light dark") {
+        rules += ' -NvXmrd-_ZN8Gi4c131';
+        rules += ' -NvXmrd-D1v0V_ZLmU131';
+    }
+    if (props.colorScheme === "dark") rules += ' -j9blY-_ZN8Gi4c131';
+    else if (props.colorScheme === "light") rules += ' -j9blY-_ZLmU131';
+    else if (props.colorScheme === "light dark") {
+        rules += ' -j9blY-_ZLmU131';
+        rules += ' -j9blY-D1v0V_ZN8Gi4c131';
+    }
+    rules += ' _Ca131';
+    rules += ' eb131';
+    rules += ' Le131';
+    rules += ' MAyFGYc131';
+    rules += ' _oa131';
+    rules += ' uk131';
+    rules += ' ucJ9TBTb131';
+    rules += ' ud3Euai131';
+    rules += ' uea131';
+    rules += ' ugb131';
+    rules += ' uhd131';
+    rules += ' uje131';
+    rules += ' u2NhKxcl131';
+    rules += ' uic131';
+    rules += ' -_6BNtrc-b131';
+    rules += ' vx131';
+    rules += ' xb131';
+    rules += ' _xa131';
+    rules += ' _Fd131';
+    rules += ' _FnuYUweb131';
+    rules += ' pr131';
+    rules += ' plb131';
+    rules += ' _kJ8iPYd131';
+    rules += ' hXMFGYc131';
+    rules += ' mlb131';
+    rules += ' llb131';
+    rules += ' _jlf131';
+    rules += ' ilA131';
+    rules += ' g0131';
+    rules += ' ob131';
+    rules += ' nb131';
+    rules += ' kb131';
+    rules += ' jb131';
+    rules += ' Sv131';
+    rules += ' Rv131';
+    rules += ' Tu7Fubd131';
+    rules += ' Qu7Fubd131';
+    rules += ' Yd131';
+    rules += ' Xc131';
+    if (props.isExiting) rules += ' _2c131';
     if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m13';
-            rules += ' __Ya13';
+            rules += ' -_7PloMd-m131';
+            rules += ' __Ya131';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m13';
-            rules += ' __Ya13';
+            rules += ' -_7PloMd-m131';
+            rules += ' __Ya131';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G13';
-            rules += ' __Ya13';
+            rules += ' -_7PloMd-G131';
+            rules += ' __Ya131';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G13';
-            rules += ' __Ya13';
+            rules += ' -_7PloMd-G131';
+            rules += ' __Ya131';
         }
     }
     if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l13';
-            rules += ' __Ya13';
+            rules += ' -_8PloMd-l131';
+            rules += ' __Ya131';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l13';
-            rules += ' __Ya13';
+            rules += ' -_8PloMd-l131';
+            rules += ' __Ya131';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F13';
-            rules += ' __Ya13';
+            rules += ' -_8PloMd-F131';
+            rules += ' __Ya131';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F13';
-            rules += ' __Ya13';
+            rules += ' -_8PloMd-F131';
+            rules += ' __Ya131';
         }
     }
-    if (props.isExiting) rules += ' _Ia13';
-    else if (props.isEntering) rules += ' _Ia13';
-    rules += ' -nTSCV-LTAEPe13';
-    rules += ' -M_-Mg13';
-    rules += ' -_k_-l_kb13';
-    rules += ' -h_-lhb13';
+    if (props.isExiting) rules += ' _Ia131';
+    else if (props.isEntering) rules += ' _Ia131';
+    rules += ' -nTSCV-LTAEPe131';
+    rules += ' -M_-Mg131';
+    rules += ' -_k_-l_kb131';
+    rules += ' -h_-lhb131';
     return rules;
 };
 const $d3b6a84aebe66f8d$var$arrowStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' sb13';
-    rules += ' tr13';
-    rules += ' Zi13';
-    rules += ' Ff13';
-    if (props.placement === "right") rules += ' _Sd13';
-    else if (props.placement === "left") rules += ' _Sa13';
-    else if (props.placement === "bottom") rules += ' _Sc13';
-    else if (props.placement === "top") rules += ' _Sb13';
+    rules += ' sb131';
+    rules += ' tr131';
+    rules += ' Zi131';
+    rules += ' Ff131';
+    if (props.placement === "right") rules += ' _Sd131';
+    else if (props.placement === "left") rules += ' _Sa131';
+    else if (props.placement === "bottom") rules += ' _Sc131';
+    else if (props.placement === "top") rules += ' _Sb131';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-y13';
-        rules += ' __Ya13';
+        rules += ' -_7PloMd-y131';
+        rules += ' __Ya131';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-e13';
-        rules += ' __Ya13';
+        rules += ' -_7PloMd-e131';
+        rules += ' __Ya131';
     }
     return rules;
 };

package/dist/private/Tooltip.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DN,MAAM;;;;;;;;;;;;;;;;;;;AAqBN,IAAI,oEAAgC,CAAA,GAAA,0BAAY,EAAgC,CAAC;AAK1E,MAAM,0DAAU,CAAA,GAAA,uBAAS,EAAE,SAAS,QAAQ,KAAmB,EAAE,GAA2B;IACjG,IAAI,YAAC,QAAQ,gBAAE,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IACtD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,oBACF,gBAAgB,eAChB,WAAW,aACX,YAAY,mBACZ,UAAU,EACX,GAAG,CAAA,GAAA,uBAAS,EAAE;IACf,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,4CAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,sCAAQ;IAClC,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,qBAAO,EAAE;IAE/C,0DAA0D;IAC1D,IAAI,aAAa,CAAA,GAAA,wBAAU,EAAE,CAAC;QAC3B,OAA4C,OAAO,GAAG;QACvD,IAAI,IAAI;YACN,GAAG,IAAI,GAAG;YACV,GAAG,GAAG,GAAG;YACT,IAAI,uBAAuB,OAAO,WAAW,cAAc,OAAO,gBAAgB,CAAC,IAAI,YAAY,GAAG;YACtG,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GAAG;QAAC;QAAQ;QAAW;KAAO;IAE9B,qBACE,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,KAAK;QACT,qBAAqB;QACrB,kBAAkB;QAClB,aAAa;QACb,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBAAC,GAAG,WAAW;6BAAE;YAAW;kBAChF,CAAA,4BACC;;kCACE,gCAAC,CAAA,GAAA,8CAAW;wBAAE,WAAU;kCACtB,cAAA,gCAAC;4BAAI,WAAW,kCAAY;4BAAc,OAAM;4BAA6B,SAAQ;sCACnF,cAAA,gCAAC;gCAAK,GAAE;;;;oBAGX;;;;AAKX;AAOO,SAAS,0CAAe,KAA0B;IACvD,IAAI,oBACF,gBAAgB,eAChB,WAAW,aACX,SAAS,cACT,UAAU,EACV,GAAG,cACJ,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,gDAAiB;QAAG,GAAG,YAAY;kBAClC,cAAA,gCAAC,oDAA8B,QAAQ;YACrC,OAAO;gBACL,kBAAkB;gBAClB,aAAa;gBACb,WAAW;gBACX,YAAY;YACd;sBACC,MAAM,QAAQ;;;AAIvB;AAMO,SAAS,0CAAgB,KAAgB;IAC9C,qBAAO,gCAAC;AACV","sources":["packages/@react-spectrum/s2/src/Tooltip.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\nimport {\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  TooltipTrigger as AriaTooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n  OverlayArrow,\n  TooltipRenderProps\n} from 'react-aria-components/Tooltip';\nimport {centerPadding, setColorScheme, style} from '../style' with {type: 'macro'};\nimport {ColorScheme, ColorSchemeContext} from './Provider';\nimport {createContext, forwardRef, MutableRefObject, ReactNode, useCallback, useContext, useState} from 'react';\nimport {DOMProps, DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface TooltipTriggerProps extends Omit<AriaTooltipTriggerComponentProps, 'children' | 'closeDelay' | keyof GlobalDOMAttributes>, Pick<AriaTooltipProps, 'shouldFlip' | 'containerPadding' | 'crossOffset'> {\n  /** The content of the tooltip. */\n  children: ReactNode,\n  /**\n   * The placement of the element with respect to its anchor element.\n   *\n   * @default 'top'\n   */\n  placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom'\n}\n\nexport interface TooltipProps extends Omit<AriaTooltipProps, 'children' | 'className' | 'style' | 'render' | 'triggerRef' | 'UNSTABLE_portalContainer' | 'isEntering' | 'isExiting' | 'placement' | 'containerPadding' |  'offset' | 'crossOffset' |  'shouldFlip' | 'arrowBoundaryOffset' | 'isOpen' | 'defaultOpen' | 'onOpenChange' | keyof GlobalDOMAttributes>, DOMProps, UnsafeStyles {\n  /** The content of the tooltip. */\n  children: ReactNode\n}\n\nconst tooltip = style<TooltipRenderProps & {colorScheme: ColorScheme | 'light dark' | null}>({\n  ...setColorScheme(),\n  justifyContent: 'center',\n  alignItems: 'center',\n  maxWidth: 160,\n  minHeight: 24,\n  boxSizing: 'border-box',\n  font: 'ui-sm',\n  color: {\n    default: 'gray-25',\n    forcedColors: 'ButtonText'\n  },\n  borderWidth: {\n    forcedColors: 1\n  },\n  borderStyle: {\n    forcedColors: 'solid'\n  },\n  borderColor: {\n    forcedColors: 'transparent'\n  },\n  backgroundColor: 'neutral',\n  borderRadius: 'default',\n  paddingX: 'edge-to-text',\n  paddingY: centerPadding(),\n  transition: 'default',\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: 'in'\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    }\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    }\n  },\n  opacity: {\n    isEntering: 0,\n    isExiting: 0\n  },\n  overflowWrap: {\n    default: 'break-word'\n  }\n});\n\nconst arrowStyles = style<TooltipRenderProps>({\n  display: 'block',\n  fill: 'gray-800',\n  width: 10,\n  height: 5,\n  rotate: {\n    placement: {\n      top: 0,\n      bottom: '180deg',\n      left: '-90deg',\n      right: '90deg'\n    }\n  },\n  translateX: {\n    placement: {\n      left: '-25%',\n      right: '25%'\n    }\n  }\n});\n\nlet InternalTooltipTriggerContext = createContext<Partial<TooltipTriggerProps>>({});\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nexport const Tooltip = forwardRef(function Tooltip(props: TooltipProps, ref: DOMRef<HTMLDivElement>) {\n  let {children, UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useDOMRef(ref);\n  let {\n    containerPadding,\n    crossOffset,\n    placement = 'top',\n    shouldFlip\n  } = useContext(InternalTooltipTriggerContext);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n  let [borderRadius, setBorderRadius] = useState(0);\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let tooltipRef = useCallback((el: HTMLDivElement) => {\n    (domRef as MutableRefObject<HTMLDivElement>).current = el;\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n      let spectrumBorderRadius = typeof window !== 'undefined' ? window.getComputedStyle(el).borderRadius : '';\n      if (spectrumBorderRadius !== '') {\n        setBorderRadius(parseInt(spectrumBorderRadius, 10));\n      }\n    }\n  }, [locale, direction, domRef]);\n\n  return (\n    <AriaTooltip\n      {...props}\n      arrowBoundaryOffset={borderRadius}\n      containerPadding={containerPadding}\n      crossOffset={crossOffset}\n      offset={4 + 5} // 4px offset + 5px arrow height\n      placement={placement}\n      shouldFlip={shouldFlip}\n      ref={tooltipRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + tooltip({...renderProps, colorScheme})}>\n      {renderProps => (\n        <>\n          <OverlayArrow className=\"\">\n            <svg className={arrowStyles(renderProps)} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 5\">\n              <path d=\"M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z\" />\n            </svg>\n          </OverlayArrow>\n          {children}\n        </>\n      )}\n    </AriaTooltip>\n  );\n});\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerProps): ReactNode {\n  let {\n    containerPadding,\n    crossOffset,\n    placement,\n    shouldFlip,\n    ...triggerProps\n  } = props;\n\n  return (\n    <AriaTooltipTrigger {...triggerProps}>\n      <InternalTooltipTriggerContext.Provider\n        value={{\n          containerPadding: containerPadding,\n          crossOffset: crossOffset,\n          placement: placement,\n          shouldFlip: shouldFlip\n        }}>\n        {props.children}\n      </InternalTooltipTriggerContext.Provider>\n    </AriaTooltipTrigger>\n  );\n}\n\n\n// This is purely so that storybook generates the types for both Menu and MenuTrigger\ninterface ICombined extends Omit<TooltipProps, 'placement'>, TooltipTriggerProps {}\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function CombinedTooltip(props: ICombined): ReactNode {\n  return <div />;\n}\n"],"names":[],"version":3,"file":"Tooltip.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAqED,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DN,MAAM;;;;;;;;;;;;;;;;;;;AAqBN,IAAI,oEAAgC,CAAA,GAAA,0BAAY,EAAgC,CAAC;AAK1E,MAAM,0DAAU,CAAA,GAAA,uBAAS,EAAE,SAAS,QACzC,KAAmB,EACnB,GAA2B;IAE3B,IAAI,YAAC,QAAQ,gBAAE,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IACtD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,oBACF,gBAAgB,eAChB,WAAW,aACX,YAAY,mBACZ,UAAU,EACX,GAAG,CAAA,GAAA,uBAAS,EAAE;IACf,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,4CAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,sCAAQ;IAClC,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,qBAAO,EAAE;IAE/C,0DAA0D;IAC1D,IAAI,aAAa,CAAA,GAAA,wBAAU,EACzB,CAAC;QACE,OAA4C,OAAO,GAAG;QACvD,IAAI,IAAI;YACN,GAAG,IAAI,GAAG;YACV,GAAG,GAAG,GAAG;YACT,IAAI,uBACF,OAAO,WAAW,cAAc,OAAO,gBAAgB,CAAC,IAAI,YAAY,GAAG;YAC7E,IAAI,yBAAyB,IAC3B,gBAAgB,SAAS,sBAAsB;QAEnD;IACF,GACA;QAAC;QAAQ;QAAW;KAAO;IAG7B,qBACE,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,KAAK;QACT,qBAAqB;QACrB,kBAAkB;QAClB,aAAa;QACb,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBAAC,GAAG,WAAW;6BAAE;YAAW;kBAChF,CAAA,4BACC;;kCACE,gCAAC,CAAA,GAAA,8CAAW;wBAAE,WAAU;kCACtB,cAAA,gCAAC;4BACC,WAAW,kCAAY;4BACvB,OAAM;4BACN,SAAQ;sCACR,cAAA,gCAAC;gCAAK,GAAE;;;;oBAGX;;;;AAKX;AAOO,SAAS,0CAAe,KAA0B;IACvD,IAAI,oBAAC,gBAAgB,eAAE,WAAW,aAAE,SAAS,cAAE,UAAU,EAAE,GAAG,cAAa,GAAG;IAE9E,qBACE,gCAAC,CAAA,GAAA,gDAAiB;QAAG,GAAG,YAAY;kBAClC,cAAA,gCAAC,oDAA8B,QAAQ;YACrC,OAAO;gBACL,kBAAkB;gBAClB,aAAa;gBACb,WAAW;gBACX,YAAY;YACd;sBACC,MAAM,QAAQ;;;AAIvB;AAKO,SAAS,0CAAgB,KAAgB;IAC9C,qBAAO,gCAAC;AACV","sources":["packages/@react-spectrum/s2/src/Tooltip.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\nimport {\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  TooltipTrigger as AriaTooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n  OverlayArrow,\n  TooltipRenderProps\n} from 'react-aria-components/Tooltip';\nimport {centerPadding, setColorScheme, style} from '../style' with {type: 'macro'};\nimport {ColorScheme, ColorSchemeContext} from './Provider';\nimport {\n  createContext,\n  forwardRef,\n  MutableRefObject,\n  ReactNode,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport {DOMProps, DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface TooltipTriggerProps\n  extends\n    Omit<AriaTooltipTriggerComponentProps, 'children' | 'closeDelay' | keyof GlobalDOMAttributes>,\n    Pick<AriaTooltipProps, 'shouldFlip' | 'containerPadding' | 'crossOffset'> {\n  /** The content of the tooltip. */\n  children: ReactNode;\n  /**\n   * The placement of the element with respect to its anchor element.\n   *\n   * @default 'top'\n   */\n  placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';\n}\n\nexport interface TooltipProps\n  extends\n    Omit<\n      AriaTooltipProps,\n      | 'children'\n      | 'className'\n      | 'style'\n      | 'render'\n      | 'triggerRef'\n      | 'UNSTABLE_portalContainer'\n      | 'isEntering'\n      | 'isExiting'\n      | 'placement'\n      | 'containerPadding'\n      | 'offset'\n      | 'crossOffset'\n      | 'shouldFlip'\n      | 'arrowBoundaryOffset'\n      | 'isOpen'\n      | 'defaultOpen'\n      | 'onOpenChange'\n      | keyof GlobalDOMAttributes\n    >,\n    DOMProps,\n    UnsafeStyles {\n  /** The content of the tooltip. */\n  children: ReactNode;\n}\n\nconst tooltip = style<TooltipRenderProps & {colorScheme: ColorScheme | 'light dark' | null}>({\n  ...setColorScheme(),\n  justifyContent: 'center',\n  alignItems: 'center',\n  maxWidth: 160,\n  minHeight: 24,\n  boxSizing: 'border-box',\n  font: 'ui-sm',\n  color: {\n    default: 'gray-25',\n    forcedColors: 'ButtonText'\n  },\n  borderWidth: {\n    forcedColors: 1\n  },\n  borderStyle: {\n    forcedColors: 'solid'\n  },\n  borderColor: {\n    forcedColors: 'transparent'\n  },\n  backgroundColor: 'neutral',\n  borderRadius: 'default',\n  paddingX: 'edge-to-text',\n  paddingY: centerPadding(),\n  transition: 'default',\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: 'in'\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    }\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    }\n  },\n  opacity: {\n    isEntering: 0,\n    isExiting: 0\n  },\n  overflowWrap: {\n    default: 'break-word'\n  }\n});\n\nconst arrowStyles = style<TooltipRenderProps>({\n  display: 'block',\n  fill: 'gray-800',\n  width: 10,\n  height: 5,\n  rotate: {\n    placement: {\n      top: 0,\n      bottom: '180deg',\n      left: '-90deg',\n      right: '90deg'\n    }\n  },\n  translateX: {\n    placement: {\n      left: '-25%',\n      right: '25%'\n    }\n  }\n});\n\nlet InternalTooltipTriggerContext = createContext<Partial<TooltipTriggerProps>>({});\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nexport const Tooltip = forwardRef(function Tooltip(\n  props: TooltipProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useDOMRef(ref);\n  let {\n    containerPadding,\n    crossOffset,\n    placement = 'top',\n    shouldFlip\n  } = useContext(InternalTooltipTriggerContext);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n  let [borderRadius, setBorderRadius] = useState(0);\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let tooltipRef = useCallback(\n    (el: HTMLDivElement) => {\n      (domRef as MutableRefObject<HTMLDivElement>).current = el;\n      if (el) {\n        el.lang = locale;\n        el.dir = direction;\n        let spectrumBorderRadius =\n          typeof window !== 'undefined' ? window.getComputedStyle(el).borderRadius : '';\n        if (spectrumBorderRadius !== '') {\n          setBorderRadius(parseInt(spectrumBorderRadius, 10));\n        }\n      }\n    },\n    [locale, direction, domRef]\n  );\n\n  return (\n    <AriaTooltip\n      {...props}\n      arrowBoundaryOffset={borderRadius}\n      containerPadding={containerPadding}\n      crossOffset={crossOffset}\n      offset={4 + 5} // 4px offset + 5px arrow height\n      placement={placement}\n      shouldFlip={shouldFlip}\n      ref={tooltipRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + tooltip({...renderProps, colorScheme})}>\n      {renderProps => (\n        <>\n          <OverlayArrow className=\"\">\n            <svg\n              className={arrowStyles(renderProps)}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 10 5\">\n              <path d=\"M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z\" />\n            </svg>\n          </OverlayArrow>\n          {children}\n        </>\n      )}\n    </AriaTooltip>\n  );\n});\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerProps): ReactNode {\n  let {containerPadding, crossOffset, placement, shouldFlip, ...triggerProps} = props;\n\n  return (\n    <AriaTooltipTrigger {...triggerProps}>\n      <InternalTooltipTriggerContext.Provider\n        value={{\n          containerPadding: containerPadding,\n          crossOffset: crossOffset,\n          placement: placement,\n          shouldFlip: shouldFlip\n        }}>\n        {props.children}\n      </InternalTooltipTriggerContext.Provider>\n    </AriaTooltipTrigger>\n  );\n}\n\n// This is purely so that storybook generates the types for both Menu and MenuTrigger\ninterface ICombined extends Omit<TooltipProps, 'placement'>, TooltipTriggerProps {}\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function CombinedTooltip(props: ICombined): ReactNode {\n  return <div />;\n}\n"],"names":[],"version":3,"file":"Tooltip.cjs.map"}