@react-spectrum/utils 3.11.11 → 3.12.1

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2019 Adobe
+
+   Licensed 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 CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/dist/BreakpointProvider.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAM,8CAAU,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAoB;AACvD,8BAAQ,WAAW,GAAG;AAOf,SAAS,0CAAmB,KAA8B;IAC/D,IAAI,YACF,QAAQ,sBACR,kBAAkB,EACnB,GAAG;IACJ,qBACE,0DAAC,8BAAQ,QAAQ;QACf,OAAO;gCAAC;QAAkB;OACzB;AAGP;AAEO,SAAS,0CAAsB,WAAwB;IAC5D,IAAI,UAAU,OAAO,OAAO,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,OAAO,GAAK,SAAS;IACpF,IAAI,oBAAoB,QAAQ,GAAG,CAAC,CAAC,GAAG,MAAM,GAAK,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC;IAE5E,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,uBAAuB;QACzB,IAAI,UAAU,EAAE;QAChB,IAAK,IAAI,KAAK,kBAAmB;YAC/B,IAAI,QAAQ,iBAAiB,CAAC,EAAE;YAChC,IAAI,OAAO,UAAU,CAAC,OAAO,OAAO,EAClC,QAAQ,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QAE9B;QACA,QAAQ,IAAI,CAAC;QACb,OAAO;IACT;IAEA,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,qBAAO,EAAE,IACzC,qBACI,yBACA;YAAC;SAAO;IAGd,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,WAAW;YACb,MAAM,oBAAoB;YAE1B,cAAc,CAAA;gBACZ,IAAI,0BAA0B,MAAM,KAAK,kBAAkB,MAAM,IAC/D,0BAA0B,IAAI,CAAC,CAAC,YAAY,MAAQ,eAAe,iBAAiB,CAAC,IAAI,GACzF,OAAO;uBAAI;iBAAkB,EAAE,2CAA2C;gBAG5E,OAAO;YACT;QACF;QAEA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO;YACL,OAAO,mBAAmB,CAAC,UAAU;QACvC;IACF,uDAAuD;IACvD,GAAG;QAAC;KAAmB;IAEvB,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,4BAAO;IACnB,OAAO,QAAQ;QAAC;KAAO,GAAG;AAC5B;AAEO,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE;AACpB","sources":["packages/@react-spectrum/utils/src/BreakpointProvider.tsx"],"sourcesContent":["import React, {ReactNode, useContext, useEffect, useState} from 'react';\nimport {useIsSSR} from '@react-aria/ssr';\n\ninterface Breakpoints {\n  S?: number,\n  M?: number,\n  L?: number,\n  [custom: string]: number | undefined\n}\n\ninterface BreakpointContext {\n  matchedBreakpoints: string[]\n}\n\nconst Context = React.createContext<BreakpointContext>(null);\nContext.displayName = 'BreakpointContext';\n\ninterface BreakpointProviderProps {\n  children?: ReactNode,\n  matchedBreakpoints: string[]\n}\n\nexport function BreakpointProvider(props: BreakpointProviderProps) {\n  let {\n    children,\n    matchedBreakpoints\n  } = props;\n  return (\n    <Context.Provider\n      value={{matchedBreakpoints}} >\n      {children}\n    </Context.Provider>\n  );\n}\n\nexport function useMatchedBreakpoints(breakpoints: Breakpoints): string[] {\n  let entries = Object.entries(breakpoints).sort(([, valueA], [, valueB]) => valueB - valueA);\n  let breakpointQueries = entries.map(([, value]) => `(min-width: ${value}px)`);\n\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let getBreakpointHandler = () => {\n    let matched = [];\n    for (let i in breakpointQueries) {\n      let query = breakpointQueries[i];\n      if (window.matchMedia(query).matches) {\n        matched.push(entries[i][0]);\n      }\n    }\n    matched.push('base');\n    return matched;\n  };\n\n  let [breakpoint, setBreakpoint] = useState(() =>\n    supportsMatchMedia\n      ? getBreakpointHandler()\n      : ['base']\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let onResize = () => {\n      const breakpointHandler = getBreakpointHandler();\n\n      setBreakpoint(previousBreakpointHandler => {\n        if (previousBreakpointHandler.length !== breakpointHandler.length ||\n          previousBreakpointHandler.some((breakpoint, idx) => breakpoint !== breakpointHandler[idx])) {\n          return [...breakpointHandler]; // Return a new array to force state change\n        }\n\n        return previousBreakpointHandler;\n      });\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [supportsMatchMedia]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? ['base'] : breakpoint;\n}\n\nexport function useBreakpoint(): BreakpointContext {\n  return useContext(Context);\n}\n"],"names":[],"version":3,"file":"BreakpointProvider.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAM,8CAAU,CAAA,GAAA,sCAAI,EAAE,aAAa,CAA2B;AAC9D,8BAAQ,WAAW,GAAG;AAOf,SAAS,0CAAmB,KAA8B;IAC/D,IAAI,YACF,QAAQ,sBACR,kBAAkB,EACnB,GAAG;IACJ,qBACE,0DAAC,8BAAQ,QAAQ;QACf,OAAO;gCAAC;QAAkB;OACzB;AAGP;AAEO,SAAS,0CAAsB,WAAwB;IAC5D,IAAI,UAAU,OAAO,OAAO,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,OAAO,GAAK,SAAU;IACrF,IAAI,oBAAoB,QAAQ,GAAG,CAAC,CAAC,GAAG,MAAM,GAAK,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC;IAE5E,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,uBAAuB;QACzB,IAAI,UAAoB,EAAE;QAC1B,IAAK,IAAI,KAAK,kBAAmB;YAC/B,IAAI,QAAQ,iBAAiB,CAAC,EAAE;YAChC,IAAI,OAAO,UAAU,CAAC,OAAO,OAAO,EAClC,QAAQ,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QAE9B;QACA,QAAQ,IAAI,CAAC;QACb,OAAO;IACT;IAEA,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,qBAAO,EAAE,IACzC,qBACI,yBACA;YAAC;SAAO;IAGd,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,WAAW;YACb,MAAM,oBAAoB;YAE1B,cAAc,CAAA;gBACZ,IAAI,0BAA0B,MAAM,KAAK,kBAAkB,MAAM,IAC/D,0BAA0B,IAAI,CAAC,CAAC,YAAY,MAAQ,eAAe,iBAAiB,CAAC,IAAI,GACzF,OAAO;uBAAI;iBAAkB,EAAE,2CAA2C;gBAG5E,OAAO;YACT;QACF;QAEA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO;YACL,OAAO,mBAAmB,CAAC,UAAU;QACvC;IACF,uDAAuD;IACvD,GAAG;QAAC;KAAmB;IAEvB,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,4BAAO;IACnB,OAAO,QAAQ;QAAC;KAAO,GAAG;AAC5B;AAEO,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE;AACpB","sources":["packages/@react-spectrum/utils/src/BreakpointProvider.tsx"],"sourcesContent":["import React, {ReactNode, useContext, useEffect, useState} from 'react';\nimport {useIsSSR} from '@react-aria/ssr';\n\ninterface Breakpoints {\n  S?: number,\n  M?: number,\n  L?: number,\n  [custom: string]: number | undefined\n}\n\ninterface BreakpointContext {\n  matchedBreakpoints: string[]\n}\n\nconst Context = React.createContext<BreakpointContext | null>(null);\nContext.displayName = 'BreakpointContext';\n\ninterface BreakpointProviderProps {\n  children?: ReactNode,\n  matchedBreakpoints: string[]\n}\n\nexport function BreakpointProvider(props: BreakpointProviderProps) {\n  let {\n    children,\n    matchedBreakpoints\n  } = props;\n  return (\n    <Context.Provider\n      value={{matchedBreakpoints}} >\n      {children}\n    </Context.Provider>\n  );\n}\n\nexport function useMatchedBreakpoints(breakpoints: Breakpoints): string[] {\n  let entries = Object.entries(breakpoints).sort(([, valueA], [, valueB]) => valueB! - valueA!);\n  let breakpointQueries = entries.map(([, value]) => `(min-width: ${value}px)`);\n\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let getBreakpointHandler = () => {\n    let matched: string[] = [];\n    for (let i in breakpointQueries) {\n      let query = breakpointQueries[i];\n      if (window.matchMedia(query).matches) {\n        matched.push(entries[i][0]);\n      }\n    }\n    matched.push('base');\n    return matched;\n  };\n\n  let [breakpoint, setBreakpoint] = useState(() =>\n    supportsMatchMedia\n      ? getBreakpointHandler()\n      : ['base']\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let onResize = () => {\n      const breakpointHandler = getBreakpointHandler();\n\n      setBreakpoint(previousBreakpointHandler => {\n        if (previousBreakpointHandler.length !== breakpointHandler.length ||\n          previousBreakpointHandler.some((breakpoint, idx) => breakpoint !== breakpointHandler[idx])) {\n          return [...breakpointHandler]; // Return a new array to force state change\n        }\n\n        return previousBreakpointHandler;\n      });\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [supportsMatchMedia]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? ['base'] : breakpoint;\n}\n\nexport function useBreakpoint() {\n  return useContext(Context);\n}\n"],"names":[],"version":3,"file":"BreakpointProvider.main.js.map"}

package/dist/BreakpointProvider.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;AAcA,MAAM,8CAAU,CAAA,GAAA,YAAI,EAAE,aAAa,CAAoB;AACvD,8BAAQ,WAAW,GAAG;AAOf,SAAS,0CAAmB,KAA8B;IAC/D,IAAI,YACF,QAAQ,sBACR,kBAAkB,EACnB,GAAG;IACJ,qBACE,gCAAC,8BAAQ,QAAQ;QACf,OAAO;gCAAC;QAAkB;OACzB;AAGP;AAEO,SAAS,0CAAsB,WAAwB;IAC5D,IAAI,UAAU,OAAO,OAAO,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,OAAO,GAAK,SAAS;IACpF,IAAI,oBAAoB,QAAQ,GAAG,CAAC,CAAC,GAAG,MAAM,GAAK,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC;IAE5E,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,uBAAuB;QACzB,IAAI,UAAU,EAAE;QAChB,IAAK,IAAI,KAAK,kBAAmB;YAC/B,IAAI,QAAQ,iBAAiB,CAAC,EAAE;YAChC,IAAI,OAAO,UAAU,CAAC,OAAO,OAAO,EAClC,QAAQ,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QAE9B;QACA,QAAQ,IAAI,CAAC;QACb,OAAO;IACT;IAEA,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,eAAO,EAAE,IACzC,qBACI,yBACA;YAAC;SAAO;IAGd,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,WAAW;YACb,MAAM,oBAAoB;YAE1B,cAAc,CAAA;gBACZ,IAAI,0BAA0B,MAAM,KAAK,kBAAkB,MAAM,IAC/D,0BAA0B,IAAI,CAAC,CAAC,YAAY,MAAQ,eAAe,iBAAiB,CAAC,IAAI,GACzF,OAAO;uBAAI;iBAAkB,EAAE,2CAA2C;gBAG5E,OAAO;YACT;QACF;QAEA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO;YACL,OAAO,mBAAmB,CAAC,UAAU;QACvC;IACF,uDAAuD;IACvD,GAAG;QAAC;KAAmB;IAEvB,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,OAAO,QAAQ;QAAC;KAAO,GAAG;AAC5B;AAEO,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE;AACpB","sources":["packages/@react-spectrum/utils/src/BreakpointProvider.tsx"],"sourcesContent":["import React, {ReactNode, useContext, useEffect, useState} from 'react';\nimport {useIsSSR} from '@react-aria/ssr';\n\ninterface Breakpoints {\n  S?: number,\n  M?: number,\n  L?: number,\n  [custom: string]: number | undefined\n}\n\ninterface BreakpointContext {\n  matchedBreakpoints: string[]\n}\n\nconst Context = React.createContext<BreakpointContext>(null);\nContext.displayName = 'BreakpointContext';\n\ninterface BreakpointProviderProps {\n  children?: ReactNode,\n  matchedBreakpoints: string[]\n}\n\nexport function BreakpointProvider(props: BreakpointProviderProps) {\n  let {\n    children,\n    matchedBreakpoints\n  } = props;\n  return (\n    <Context.Provider\n      value={{matchedBreakpoints}} >\n      {children}\n    </Context.Provider>\n  );\n}\n\nexport function useMatchedBreakpoints(breakpoints: Breakpoints): string[] {\n  let entries = Object.entries(breakpoints).sort(([, valueA], [, valueB]) => valueB - valueA);\n  let breakpointQueries = entries.map(([, value]) => `(min-width: ${value}px)`);\n\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let getBreakpointHandler = () => {\n    let matched = [];\n    for (let i in breakpointQueries) {\n      let query = breakpointQueries[i];\n      if (window.matchMedia(query).matches) {\n        matched.push(entries[i][0]);\n      }\n    }\n    matched.push('base');\n    return matched;\n  };\n\n  let [breakpoint, setBreakpoint] = useState(() =>\n    supportsMatchMedia\n      ? getBreakpointHandler()\n      : ['base']\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let onResize = () => {\n      const breakpointHandler = getBreakpointHandler();\n\n      setBreakpoint(previousBreakpointHandler => {\n        if (previousBreakpointHandler.length !== breakpointHandler.length ||\n          previousBreakpointHandler.some((breakpoint, idx) => breakpoint !== breakpointHandler[idx])) {\n          return [...breakpointHandler]; // Return a new array to force state change\n        }\n\n        return previousBreakpointHandler;\n      });\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [supportsMatchMedia]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? ['base'] : breakpoint;\n}\n\nexport function useBreakpoint(): BreakpointContext {\n  return useContext(Context);\n}\n"],"names":[],"version":3,"file":"BreakpointProvider.module.js.map"}
+{"mappings":";;;;;AAcA,MAAM,8CAAU,CAAA,GAAA,YAAI,EAAE,aAAa,CAA2B;AAC9D,8BAAQ,WAAW,GAAG;AAOf,SAAS,0CAAmB,KAA8B;IAC/D,IAAI,YACF,QAAQ,sBACR,kBAAkB,EACnB,GAAG;IACJ,qBACE,gCAAC,8BAAQ,QAAQ;QACf,OAAO;gCAAC;QAAkB;OACzB;AAGP;AAEO,SAAS,0CAAsB,WAAwB;IAC5D,IAAI,UAAU,OAAO,OAAO,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,OAAO,GAAK,SAAU;IACrF,IAAI,oBAAoB,QAAQ,GAAG,CAAC,CAAC,GAAG,MAAM,GAAK,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC;IAE5E,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,uBAAuB;QACzB,IAAI,UAAoB,EAAE;QAC1B,IAAK,IAAI,KAAK,kBAAmB;YAC/B,IAAI,QAAQ,iBAAiB,CAAC,EAAE;YAChC,IAAI,OAAO,UAAU,CAAC,OAAO,OAAO,EAClC,QAAQ,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QAE9B;QACA,QAAQ,IAAI,CAAC;QACb,OAAO;IACT;IAEA,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,eAAO,EAAE,IACzC,qBACI,yBACA;YAAC;SAAO;IAGd,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,WAAW;YACb,MAAM,oBAAoB;YAE1B,cAAc,CAAA;gBACZ,IAAI,0BAA0B,MAAM,KAAK,kBAAkB,MAAM,IAC/D,0BAA0B,IAAI,CAAC,CAAC,YAAY,MAAQ,eAAe,iBAAiB,CAAC,IAAI,GACzF,OAAO;uBAAI;iBAAkB,EAAE,2CAA2C;gBAG5E,OAAO;YACT;QACF;QAEA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO;YACL,OAAO,mBAAmB,CAAC,UAAU;QACvC;IACF,uDAAuD;IACvD,GAAG;QAAC;KAAmB;IAEvB,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,OAAO,QAAQ;QAAC;KAAO,GAAG;AAC5B;AAEO,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE;AACpB","sources":["packages/@react-spectrum/utils/src/BreakpointProvider.tsx"],"sourcesContent":["import React, {ReactNode, useContext, useEffect, useState} from 'react';\nimport {useIsSSR} from '@react-aria/ssr';\n\ninterface Breakpoints {\n  S?: number,\n  M?: number,\n  L?: number,\n  [custom: string]: number | undefined\n}\n\ninterface BreakpointContext {\n  matchedBreakpoints: string[]\n}\n\nconst Context = React.createContext<BreakpointContext | null>(null);\nContext.displayName = 'BreakpointContext';\n\ninterface BreakpointProviderProps {\n  children?: ReactNode,\n  matchedBreakpoints: string[]\n}\n\nexport function BreakpointProvider(props: BreakpointProviderProps) {\n  let {\n    children,\n    matchedBreakpoints\n  } = props;\n  return (\n    <Context.Provider\n      value={{matchedBreakpoints}} >\n      {children}\n    </Context.Provider>\n  );\n}\n\nexport function useMatchedBreakpoints(breakpoints: Breakpoints): string[] {\n  let entries = Object.entries(breakpoints).sort(([, valueA], [, valueB]) => valueB! - valueA!);\n  let breakpointQueries = entries.map(([, value]) => `(min-width: ${value}px)`);\n\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let getBreakpointHandler = () => {\n    let matched: string[] = [];\n    for (let i in breakpointQueries) {\n      let query = breakpointQueries[i];\n      if (window.matchMedia(query).matches) {\n        matched.push(entries[i][0]);\n      }\n    }\n    matched.push('base');\n    return matched;\n  };\n\n  let [breakpoint, setBreakpoint] = useState(() =>\n    supportsMatchMedia\n      ? getBreakpointHandler()\n      : ['base']\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let onResize = () => {\n      const breakpointHandler = getBreakpointHandler();\n\n      setBreakpoint(previousBreakpointHandler => {\n        if (previousBreakpointHandler.length !== breakpointHandler.length ||\n          previousBreakpointHandler.some((breakpoint, idx) => breakpoint !== breakpointHandler[idx])) {\n          return [...breakpointHandler]; // Return a new array to force state change\n        }\n\n        return previousBreakpointHandler;\n      });\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [supportsMatchMedia]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? ['base'] : breakpoint;\n}\n\nexport function useBreakpoint() {\n  return useContext(Context);\n}\n"],"names":[],"version":3,"file":"BreakpointProvider.module.js.map"}

package/dist/Slots.main.js

@@ -29,6 +29,7 @@ $parcel$export(module.exports, "ClearSlots", () => $e81916440cf6fd84$export$ceb1
 let $e81916440cf6fd84$var$SlotContext = /*#__PURE__*/ (0, ($parcel$interopDefault($iTRw5$react))).createContext(null);
 function $e81916440cf6fd84$export$1e5c9e6e4e15efe3(props, defaultSlot) {
     let slot = props.slot || defaultSlot;
+    // @ts-ignore TODO why is slot an object and not just string or undefined?
     let { [slot]: slotProps = {} } = (0, $iTRw5$react.useContext)($e81916440cf6fd84$var$SlotContext) || {};
     return (0, $iTRw5$reactariautils.mergeProps)(props, (0, $iTRw5$reactariautils.mergeProps)(slotProps, {
         id: props.id
@@ -43,9 +44,9 @@ function $e81916440cf6fd84$export$365cf34cda9978e2(cssModule) {
     }, {});
 }
 function $e81916440cf6fd84$export$8107b24b91795686(props) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    let parentSlots = (0, $iTRw5$react.useContext)($e81916440cf6fd84$var$SlotContext) || {};
-    let { slots: slots = {}, children: children } = props;
+    const emptyObj = (0, $iTRw5$react.useMemo)(()=>({}), []);
+    let parentSlots = (0, $iTRw5$react.useContext)($e81916440cf6fd84$var$SlotContext) || emptyObj;
+    let { slots: slots = emptyObj, children: children } = props;
     // Merge props for each slot from parent context and props
     let value = (0, $iTRw5$react.useMemo)(()=>Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p)=>({
                 ...o,
@@ -60,12 +61,13 @@ function $e81916440cf6fd84$export$8107b24b91795686(props) {
 }
 function $e81916440cf6fd84$export$ceb145244332b7a2(props) {
     let { children: children, ...otherProps } = props;
+    const emptyObj = (0, $iTRw5$react.useMemo)(()=>({}), []);
     let content = children;
     if ((0, ($parcel$interopDefault($iTRw5$react))).Children.toArray(children).length <= 1) {
         if (typeof children === 'function') content = /*#__PURE__*/ (0, ($parcel$interopDefault($iTRw5$react))).cloneElement((0, ($parcel$interopDefault($iTRw5$react))).Children.only(children), otherProps);
     }
     return /*#__PURE__*/ (0, ($parcel$interopDefault($iTRw5$react))).createElement($e81916440cf6fd84$var$SlotContext.Provider, {
-        value: {}
+        value: emptyObj
     }, content);
 }
 

package/dist/Slots.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAC;AAE/B,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE,sCAAgB,CAAC;IAE3D,OAAO,CAAA,GAAA,gCAAS,EAAE,OAAO,CAAA,GAAA,gCAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAS;IACxC,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAAK;IAChC,uDAAuD;IACvD,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,sCAAgB,CAAC;IAC9C,IAAI,SAAC,QAAQ,CAAC,aAAG,QAAQ,EAAC,GAAG;IAE7B,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,oBAAM,EAAE,IAClB,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CAAC,CAAC,GAAG,IAAO,CAAA;gBACjB,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,gCAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YAAE,CAAA,GAAI,CAAC,IAC1D;QAAC;QAAa;KAAM;IAE1B,qBACE,0DAAC,kCAAY,QAAQ;QAAC,OAAO;OAC1B;AAGP;AAEO,SAAS,0CAAW,KAAK;IAC9B,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAChC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,wBAAU,CAAA,GAAA,sCAAI,EAAE,YAAY,CAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBACE,0DAAC,kCAAY,QAAQ;QAAC,OAAO,CAAC;OAC3B;AAGP","sources":["packages/@react-spectrum/utils/src/Slots.tsx"],"sourcesContent":["/*\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\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string\n}\n\nlet SlotContext = React.createContext(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  return mergeProps(props, mergeProps(slotProps, {id: props.id}));\n}\n\nexport function cssModuleToSlots(cssModule) {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  let parentSlots = useContext(SlotContext) || {};\n  let {slots = {}, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(() =>\n    Object.keys(parentSlots)\n      .concat(Object.keys(slots))\n      .reduce((o, p) => ({\n        ...o,\n        [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})}), {})\n      , [parentSlots, slots]);\n\n  return (\n    <SlotContext.Provider value={value}>\n      {children}\n    </SlotContext.Provider>\n  );\n}\n\nexport function ClearSlots(props) {\n  let {children, ...otherProps} = props;\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') { // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return (\n    <SlotContext.Provider value={{}}>\n      {content}\n    </SlotContext.Provider>\n  );\n}\n"],"names":[],"version":3,"file":"Slots.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAY;AAE1C,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,0EAA0E;IAC1E,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE,sCAAgB,CAAC;IAE3D,OAAO,CAAA,GAAA,gCAAS,EAAE,OAAO,CAAA,GAAA,gCAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAS;IACxC,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAAK;IAChC,MAAM,WAAW,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,sCAAgB;IAC7C,IAAI,SAAC,QAAQ,oBAAU,QAAQ,EAAC,GAAG;IAEnC,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,oBAAM,EAAE,IAClB,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CAAC,CAAC,GAAG,IAAO,CAAA;gBACjB,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,gCAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YAAE,CAAA,GAAI,CAAC,IAC1D;QAAC;QAAa;KAAM;IAE1B,qBACE,0DAAC,kCAAY,QAAQ;QAAC,OAAO;OAC1B;AAGP;AAEO,SAAS,0CAAW,KAAK;IAC9B,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,MAAM,WAAW,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,wBAAU,CAAA,GAAA,sCAAI,EAAE,YAAY,CAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBACE,0DAAC,kCAAY,QAAQ;QAAC,OAAO;OAC1B;AAGP","sources":["packages/@react-spectrum/utils/src/Slots.tsx"],"sourcesContent":["/*\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\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string\n}\n\nlet SlotContext = React.createContext<{} | null>(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  // @ts-ignore TODO why is slot an object and not just string or undefined?\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  return mergeProps(props, mergeProps(slotProps, {id: props.id}));\n}\n\nexport function cssModuleToSlots(cssModule) {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props) {\n  const emptyObj = useMemo(() => ({}), []);\n   \n  let parentSlots = useContext(SlotContext) || emptyObj;\n  let {slots = emptyObj, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(() =>\n    Object.keys(parentSlots)\n      .concat(Object.keys(slots))\n      .reduce((o, p) => ({\n        ...o,\n        [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})}), {})\n      , [parentSlots, slots]);\n\n  return (\n    <SlotContext.Provider value={value}>\n      {children}\n    </SlotContext.Provider>\n  );\n}\n\nexport function ClearSlots(props) {\n  let {children, ...otherProps} = props;\n\n  const emptyObj = useMemo(() => ({}), []);\n\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') { // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return (\n    <SlotContext.Provider value={emptyObj}>\n      {content}\n    </SlotContext.Provider>\n  );\n}\n"],"names":[],"version":3,"file":"Slots.main.js.map"}

package/dist/Slots.mjs

@@ -16,6 +16,7 @@ import $doF98$react, {useContext as $doF98$useContext, useMemo as $doF98$useMemo
 let $59d09bcc83651bf9$var$SlotContext = /*#__PURE__*/ (0, $doF98$react).createContext(null);
 function $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, defaultSlot) {
     let slot = props.slot || defaultSlot;
+    // @ts-ignore TODO why is slot an object and not just string or undefined?
     let { [slot]: slotProps = {} } = (0, $doF98$useContext)($59d09bcc83651bf9$var$SlotContext) || {};
     return (0, $doF98$mergeProps)(props, (0, $doF98$mergeProps)(slotProps, {
         id: props.id
@@ -30,9 +31,9 @@ function $59d09bcc83651bf9$export$365cf34cda9978e2(cssModule) {
     }, {});
 }
 function $59d09bcc83651bf9$export$8107b24b91795686(props) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    let parentSlots = (0, $doF98$useContext)($59d09bcc83651bf9$var$SlotContext) || {};
-    let { slots: slots = {}, children: children } = props;
+    const emptyObj = (0, $doF98$useMemo)(()=>({}), []);
+    let parentSlots = (0, $doF98$useContext)($59d09bcc83651bf9$var$SlotContext) || emptyObj;
+    let { slots: slots = emptyObj, children: children } = props;
     // Merge props for each slot from parent context and props
     let value = (0, $doF98$useMemo)(()=>Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p)=>({
                 ...o,
@@ -47,12 +48,13 @@ function $59d09bcc83651bf9$export$8107b24b91795686(props) {
 }
 function $59d09bcc83651bf9$export$ceb145244332b7a2(props) {
     let { children: children, ...otherProps } = props;
+    const emptyObj = (0, $doF98$useMemo)(()=>({}), []);
     let content = children;
     if ((0, $doF98$react).Children.toArray(children).length <= 1) {
         if (typeof children === 'function') content = /*#__PURE__*/ (0, $doF98$react).cloneElement((0, $doF98$react).Children.only(children), otherProps);
     }
     return /*#__PURE__*/ (0, $doF98$react).createElement($59d09bcc83651bf9$var$SlotContext.Provider, {
-        value: {}
+        value: emptyObj
     }, content);
 }
 

package/dist/Slots.module.js

@@ -16,6 +16,7 @@ import $doF98$react, {useContext as $doF98$useContext, useMemo as $doF98$useMemo
 let $59d09bcc83651bf9$var$SlotContext = /*#__PURE__*/ (0, $doF98$react).createContext(null);
 function $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, defaultSlot) {
     let slot = props.slot || defaultSlot;
+    // @ts-ignore TODO why is slot an object and not just string or undefined?
     let { [slot]: slotProps = {} } = (0, $doF98$useContext)($59d09bcc83651bf9$var$SlotContext) || {};
     return (0, $doF98$mergeProps)(props, (0, $doF98$mergeProps)(slotProps, {
         id: props.id
@@ -30,9 +31,9 @@ function $59d09bcc83651bf9$export$365cf34cda9978e2(cssModule) {
     }, {});
 }
 function $59d09bcc83651bf9$export$8107b24b91795686(props) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    let parentSlots = (0, $doF98$useContext)($59d09bcc83651bf9$var$SlotContext) || {};
-    let { slots: slots = {}, children: children } = props;
+    const emptyObj = (0, $doF98$useMemo)(()=>({}), []);
+    let parentSlots = (0, $doF98$useContext)($59d09bcc83651bf9$var$SlotContext) || emptyObj;
+    let { slots: slots = emptyObj, children: children } = props;
     // Merge props for each slot from parent context and props
     let value = (0, $doF98$useMemo)(()=>Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p)=>({
                 ...o,
@@ -47,12 +48,13 @@ function $59d09bcc83651bf9$export$8107b24b91795686(props) {
 }
 function $59d09bcc83651bf9$export$ceb145244332b7a2(props) {
     let { children: children, ...otherProps } = props;
+    const emptyObj = (0, $doF98$useMemo)(()=>({}), []);
     let content = children;
     if ((0, $doF98$react).Children.toArray(children).length <= 1) {
         if (typeof children === 'function') content = /*#__PURE__*/ (0, $doF98$react).cloneElement((0, $doF98$react).Children.only(children), otherProps);
     }
     return /*#__PURE__*/ (0, $doF98$react).createElement($59d09bcc83651bf9$var$SlotContext.Provider, {
-        value: {}
+        value: emptyObj
     }, content);
 }
 

package/dist/Slots.module.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,YAAI,EAAE,aAAa,CAAC;AAE/B,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,sCAAgB,CAAC;IAE3D,OAAO,CAAA,GAAA,iBAAS,EAAE,OAAO,CAAA,GAAA,iBAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAS;IACxC,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAAK;IAChC,uDAAuD;IACvD,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,sCAAgB,CAAC;IAC9C,IAAI,SAAC,QAAQ,CAAC,aAAG,QAAQ,EAAC,GAAG;IAE7B,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,cAAM,EAAE,IAClB,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CAAC,CAAC,GAAG,IAAO,CAAA;gBACjB,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,iBAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YAAE,CAAA,GAAI,CAAC,IAC1D;QAAC;QAAa;KAAM;IAE1B,qBACE,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAC1B;AAGP;AAEO,SAAS,0CAAW,KAAK;IAC9B,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAChC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,wBAAU,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBACE,gCAAC,kCAAY,QAAQ;QAAC,OAAO,CAAC;OAC3B;AAGP","sources":["packages/@react-spectrum/utils/src/Slots.tsx"],"sourcesContent":["/*\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\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string\n}\n\nlet SlotContext = React.createContext(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  return mergeProps(props, mergeProps(slotProps, {id: props.id}));\n}\n\nexport function cssModuleToSlots(cssModule) {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  let parentSlots = useContext(SlotContext) || {};\n  let {slots = {}, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(() =>\n    Object.keys(parentSlots)\n      .concat(Object.keys(slots))\n      .reduce((o, p) => ({\n        ...o,\n        [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})}), {})\n      , [parentSlots, slots]);\n\n  return (\n    <SlotContext.Provider value={value}>\n      {children}\n    </SlotContext.Provider>\n  );\n}\n\nexport function ClearSlots(props) {\n  let {children, ...otherProps} = props;\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') { // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return (\n    <SlotContext.Provider value={{}}>\n      {content}\n    </SlotContext.Provider>\n  );\n}\n"],"names":[],"version":3,"file":"Slots.module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,YAAI,EAAE,aAAa,CAAY;AAE1C,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,0EAA0E;IAC1E,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,sCAAgB,CAAC;IAE3D,OAAO,CAAA,GAAA,iBAAS,EAAE,OAAO,CAAA,GAAA,iBAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAS;IACxC,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAAK;IAChC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,sCAAgB;IAC7C,IAAI,SAAC,QAAQ,oBAAU,QAAQ,EAAC,GAAG;IAEnC,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,cAAM,EAAE,IAClB,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CAAC,CAAC,GAAG,IAAO,CAAA;gBACjB,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,iBAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YAAE,CAAA,GAAI,CAAC,IAC1D;QAAC;QAAa;KAAM;IAE1B,qBACE,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAC1B;AAGP;AAEO,SAAS,0CAAW,KAAK;IAC9B,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,wBAAU,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBACE,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAC1B;AAGP","sources":["packages/@react-spectrum/utils/src/Slots.tsx"],"sourcesContent":["/*\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\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string\n}\n\nlet SlotContext = React.createContext<{} | null>(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  // @ts-ignore TODO why is slot an object and not just string or undefined?\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  return mergeProps(props, mergeProps(slotProps, {id: props.id}));\n}\n\nexport function cssModuleToSlots(cssModule) {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props) {\n  const emptyObj = useMemo(() => ({}), []);\n   \n  let parentSlots = useContext(SlotContext) || emptyObj;\n  let {slots = emptyObj, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(() =>\n    Object.keys(parentSlots)\n      .concat(Object.keys(slots))\n      .reduce((o, p) => ({\n        ...o,\n        [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})}), {})\n      , [parentSlots, slots]);\n\n  return (\n    <SlotContext.Provider value={value}>\n      {children}\n    </SlotContext.Provider>\n  );\n}\n\nexport function ClearSlots(props) {\n  let {children, ...otherProps} = props;\n\n  const emptyObj = useMemo(() => ({}), []);\n\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') { // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return (\n    <SlotContext.Provider value={emptyObj}>\n      {content}\n    </SlotContext.Provider>\n  );\n}\n"],"names":[],"version":3,"file":"Slots.module.js.map"}

package/dist/classNames.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAIM,IAAI,4CAA+B;AAEnC,SAAS;IACd,4CAA+B;IAC/B,QAAQ,IAAI,CACV;AAIJ;AAEO,SAAS,0CAAW,SAAkC,EAAE,GAAG,MAA0C;IAC1G,IAAI,UAAU,EAAE;IAChB,KAAK,IAAI,SAAS,OAAQ;QACxB,IAAI,OAAO,UAAU,YAAY,OAAO;YACtC,IAAI,SAAS,CAAC;YACd,IAAK,IAAI,OAAO,MAAO;gBACrB,IAAI,SAAS,CAAC,IAAI,EAChB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI;gBAGrC,IAAI,6CAAgC,CAAC,SAAS,CAAC,IAAI,EACjD,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI;YAE5B;YAEA,QAAQ,IAAI,CAAC;QACf,OAAO,IAAI,OAAO,UAAU,UAAU;YACpC,IAAI,SAAS,CAAC,MAAM,EAClB,QAAQ,IAAI,CAAC,SAAS,CAAC,MAAM;YAG/B,IAAI,6CAAgC,CAAC,SAAS,CAAC,MAAM,EACnD,QAAQ,IAAI,CAAC;QAEjB,OACE,QAAQ,IAAI,CAAC;IAEjB;IAEA,OAAO,CAAA,GAAA,qCAAI,KAAK;AAClB","sources":["packages/@react-spectrum/utils/src/classNames.ts"],"sourcesContent":["/*\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\nimport _clsx from 'clsx';\n\nexport let shouldKeepSpectrumClassNames = false;\n\nexport function keepSpectrumClassNames() {\n  shouldKeepSpectrumClassNames = true;\n  console.warn(\n    'Legacy spectrum-prefixed class names enabled for backward compatibility. ' +\n    'We recommend replacing instances of CSS overrides targeting spectrum selectors ' +\n    'in your app with custom class names of your own, and disabling this flag.'\n  );\n}\n\nexport function classNames(cssModule: {[key: string]: string}, ...values: Array<string | Object | undefined>): string {\n  let classes = [];\n  for (let value of values) {\n    if (typeof value === 'object' && value) {\n      let mapped = {};\n      for (let key in value) {\n        if (cssModule[key]) {\n          mapped[cssModule[key]] = value[key];\n        }\n\n        if (shouldKeepSpectrumClassNames || !cssModule[key]) {\n          mapped[key] = value[key];\n        }\n      }\n\n      classes.push(mapped);\n    } else if (typeof value === 'string') {\n      if (cssModule[value]) {\n        classes.push(cssModule[value]);\n      }\n\n      if (shouldKeepSpectrumClassNames || !cssModule[value]) {\n        classes.push(value);\n      }\n    } else {\n      classes.push(value);\n    }\n  }\n\n  return _clsx(...classes);\n}\n"],"names":[],"version":3,"file":"classNames.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAIM,IAAI,4CAA+B;AAEnC,SAAS;IACd,4CAA+B;IAC/B,QAAQ,IAAI,CACV;AAIJ;AAEO,SAAS,0CAAW,SAAkC,EAAE,GAAG,MAA0C;IAC1G,IAAI,UAAiC,EAAE;IACvC,KAAK,IAAI,SAAS,OAAQ;QACxB,IAAI,OAAO,UAAU,YAAY,OAAO;YACtC,IAAI,SAAS,CAAC;YACd,IAAK,IAAI,OAAO,MAAO;gBACrB,IAAI,SAAS,CAAC,IAAI,EAChB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI;gBAGrC,IAAI,6CAAgC,CAAC,SAAS,CAAC,IAAI,EACjD,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI;YAE5B;YAEA,QAAQ,IAAI,CAAC;QACf,OAAO,IAAI,OAAO,UAAU,UAAU;YACpC,IAAI,SAAS,CAAC,MAAM,EAClB,QAAQ,IAAI,CAAC,SAAS,CAAC,MAAM;YAG/B,IAAI,6CAAgC,CAAC,SAAS,CAAC,MAAM,EACnD,QAAQ,IAAI,CAAC;QAEjB,OACE,QAAQ,IAAI,CAAC;IAEjB;IAEA,OAAO,CAAA,GAAA,qCAAI,KAAK;AAClB","sources":["packages/@react-spectrum/utils/src/classNames.ts"],"sourcesContent":["/*\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\nimport _clsx from 'clsx';\n\nexport let shouldKeepSpectrumClassNames = false;\n\nexport function keepSpectrumClassNames() {\n  shouldKeepSpectrumClassNames = true;\n  console.warn(\n    'Legacy spectrum-prefixed class names enabled for backward compatibility. ' +\n    'We recommend replacing instances of CSS overrides targeting spectrum selectors ' +\n    'in your app with custom class names of your own, and disabling this flag.'\n  );\n}\n\nexport function classNames(cssModule: {[key: string]: string}, ...values: Array<string | Object | undefined>): string {\n  let classes: Array<{} | undefined> = [];\n  for (let value of values) {\n    if (typeof value === 'object' && value) {\n      let mapped = {};\n      for (let key in value) {\n        if (cssModule[key]) {\n          mapped[cssModule[key]] = value[key];\n        }\n\n        if (shouldKeepSpectrumClassNames || !cssModule[key]) {\n          mapped[key] = value[key];\n        }\n      }\n\n      classes.push(mapped);\n    } else if (typeof value === 'string') {\n      if (cssModule[value]) {\n        classes.push(cssModule[value]);\n      }\n\n      if (shouldKeepSpectrumClassNames || !cssModule[value]) {\n        classes.push(value);\n      }\n    } else {\n      classes.push(value);\n    }\n  }\n\n  return _clsx(...classes);\n}\n"],"names":[],"version":3,"file":"classNames.main.js.map"}

package/dist/classNames.module.js.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAIM,IAAI,4CAA+B;AAEnC,SAAS;IACd,4CAA+B;IAC/B,QAAQ,IAAI,CACV;AAIJ;AAEO,SAAS,0CAAW,SAAkC,EAAE,GAAG,MAA0C;IAC1G,IAAI,UAAU,EAAE;IAChB,KAAK,IAAI,SAAS,OAAQ;QACxB,IAAI,OAAO,UAAU,YAAY,OAAO;YACtC,IAAI,SAAS,CAAC;YACd,IAAK,IAAI,OAAO,MAAO;gBACrB,IAAI,SAAS,CAAC,IAAI,EAChB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI;gBAGrC,IAAI,6CAAgC,CAAC,SAAS,CAAC,IAAI,EACjD,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI;YAE5B;YAEA,QAAQ,IAAI,CAAC;QACf,OAAO,IAAI,OAAO,UAAU,UAAU;YACpC,IAAI,SAAS,CAAC,MAAM,EAClB,QAAQ,IAAI,CAAC,SAAS,CAAC,MAAM;YAG/B,IAAI,6CAAgC,CAAC,SAAS,CAAC,MAAM,EACnD,QAAQ,IAAI,CAAC;QAEjB,OACE,QAAQ,IAAI,CAAC;IAEjB;IAEA,OAAO,CAAA,GAAA,WAAI,KAAK;AAClB","sources":["packages/@react-spectrum/utils/src/classNames.ts"],"sourcesContent":["/*\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\nimport _clsx from 'clsx';\n\nexport let shouldKeepSpectrumClassNames = false;\n\nexport function keepSpectrumClassNames() {\n  shouldKeepSpectrumClassNames = true;\n  console.warn(\n    'Legacy spectrum-prefixed class names enabled for backward compatibility. ' +\n    'We recommend replacing instances of CSS overrides targeting spectrum selectors ' +\n    'in your app with custom class names of your own, and disabling this flag.'\n  );\n}\n\nexport function classNames(cssModule: {[key: string]: string}, ...values: Array<string | Object | undefined>): string {\n  let classes = [];\n  for (let value of values) {\n    if (typeof value === 'object' && value) {\n      let mapped = {};\n      for (let key in value) {\n        if (cssModule[key]) {\n          mapped[cssModule[key]] = value[key];\n        }\n\n        if (shouldKeepSpectrumClassNames || !cssModule[key]) {\n          mapped[key] = value[key];\n        }\n      }\n\n      classes.push(mapped);\n    } else if (typeof value === 'string') {\n      if (cssModule[value]) {\n        classes.push(cssModule[value]);\n      }\n\n      if (shouldKeepSpectrumClassNames || !cssModule[value]) {\n        classes.push(value);\n      }\n    } else {\n      classes.push(value);\n    }\n  }\n\n  return _clsx(...classes);\n}\n"],"names":[],"version":3,"file":"classNames.module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAIM,IAAI,4CAA+B;AAEnC,SAAS;IACd,4CAA+B;IAC/B,QAAQ,IAAI,CACV;AAIJ;AAEO,SAAS,0CAAW,SAAkC,EAAE,GAAG,MAA0C;IAC1G,IAAI,UAAiC,EAAE;IACvC,KAAK,IAAI,SAAS,OAAQ;QACxB,IAAI,OAAO,UAAU,YAAY,OAAO;YACtC,IAAI,SAAS,CAAC;YACd,IAAK,IAAI,OAAO,MAAO;gBACrB,IAAI,SAAS,CAAC,IAAI,EAChB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI;gBAGrC,IAAI,6CAAgC,CAAC,SAAS,CAAC,IAAI,EACjD,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI;YAE5B;YAEA,QAAQ,IAAI,CAAC;QACf,OAAO,IAAI,OAAO,UAAU,UAAU;YACpC,IAAI,SAAS,CAAC,MAAM,EAClB,QAAQ,IAAI,CAAC,SAAS,CAAC,MAAM;YAG/B,IAAI,6CAAgC,CAAC,SAAS,CAAC,MAAM,EACnD,QAAQ,IAAI,CAAC;QAEjB,OACE,QAAQ,IAAI,CAAC;IAEjB;IAEA,OAAO,CAAA,GAAA,WAAI,KAAK;AAClB","sources":["packages/@react-spectrum/utils/src/classNames.ts"],"sourcesContent":["/*\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\nimport _clsx from 'clsx';\n\nexport let shouldKeepSpectrumClassNames = false;\n\nexport function keepSpectrumClassNames() {\n  shouldKeepSpectrumClassNames = true;\n  console.warn(\n    'Legacy spectrum-prefixed class names enabled for backward compatibility. ' +\n    'We recommend replacing instances of CSS overrides targeting spectrum selectors ' +\n    'in your app with custom class names of your own, and disabling this flag.'\n  );\n}\n\nexport function classNames(cssModule: {[key: string]: string}, ...values: Array<string | Object | undefined>): string {\n  let classes: Array<{} | undefined> = [];\n  for (let value of values) {\n    if (typeof value === 'object' && value) {\n      let mapped = {};\n      for (let key in value) {\n        if (cssModule[key]) {\n          mapped[cssModule[key]] = value[key];\n        }\n\n        if (shouldKeepSpectrumClassNames || !cssModule[key]) {\n          mapped[key] = value[key];\n        }\n      }\n\n      classes.push(mapped);\n    } else if (typeof value === 'string') {\n      if (cssModule[value]) {\n        classes.push(cssModule[value]);\n      }\n\n      if (shouldKeepSpectrumClassNames || !cssModule[value]) {\n        classes.push(value);\n      }\n    } else {\n      classes.push(value);\n    }\n  }\n\n  return _clsx(...classes);\n}\n"],"names":[],"version":3,"file":"classNames.module.js.map"}

package/dist/styleProps.main.js

@@ -374,8 +374,8 @@ function $d3b73be57066120b$export$abc24f5b99744ea6(value) {
     return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;
 }
 function $d3b73be57066120b$export$f348bec194f2e6b5(value, matchedBreakpoints) {
-    value = $d3b73be57066120b$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
-    return $d3b73be57066120b$export$abc24f5b99744ea6(value);
+    let responsiveValue = $d3b73be57066120b$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
+    if (responsiveValue != null) return $d3b73be57066120b$export$abc24f5b99744ea6(responsiveValue);
 }
 function $d3b73be57066120b$var$colorValue(value, type = 'default', version = 5) {
     if (version > 5) return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;

package/dist/styleProps.main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/utils/src/styleProps.ts"],"sourcesContent":["/*\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\nimport {BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderSizeValue, ColorValue, ColorVersion, DimensionValue, Direction, Responsive, ResponsiveProp, StyleProps, ViewStyleProps} from '@react-types/shared';\nimport {CSSProperties, HTMLAttributes} from 'react';\nimport {useBreakpoint} from './BreakpointProvider';\nimport {useLocale} from '@react-aria/i18n';\n\ntype Breakpoint = 'base' | 'S' | 'M' | 'L' | string;\ntype StyleName = string | string[] | ((dir: Direction) => string);\ntype StyleHandler = (value: any, colorVersion?: number) => string;\nexport interface StyleHandlers {\n  [key: string]: [StyleName, StyleHandler]\n}\n\nexport const baseStyleProps: StyleHandlers = {\n  margin: ['margin', dimensionValue],\n  marginStart: [rtl('marginLeft', 'marginRight'), dimensionValue],\n  marginEnd: [rtl('marginRight', 'marginLeft'), dimensionValue],\n  // marginLeft: ['marginLeft', dimensionValue],\n  // marginRight: ['marginRight', dimensionValue],\n  marginTop: ['marginTop', dimensionValue],\n  marginBottom: ['marginBottom', dimensionValue],\n  marginX: [['marginLeft', 'marginRight'], dimensionValue],\n  marginY: [['marginTop', 'marginBottom'], dimensionValue],\n  width: ['width', dimensionValue],\n  height: ['height', dimensionValue],\n  minWidth: ['minWidth', dimensionValue],\n  minHeight: ['minHeight', dimensionValue],\n  maxWidth: ['maxWidth', dimensionValue],\n  maxHeight: ['maxHeight', dimensionValue],\n  isHidden: ['display', hiddenValue],\n  alignSelf: ['alignSelf', passthroughStyle],\n  justifySelf: ['justifySelf', passthroughStyle],\n  position: ['position', anyValue],\n  zIndex: ['zIndex', anyValue],\n  top: ['top', dimensionValue],\n  bottom: ['bottom', dimensionValue],\n  start: [rtl('left', 'right'), dimensionValue],\n  end: [rtl('right', 'left'), dimensionValue],\n  left: ['left', dimensionValue],\n  right: ['right', dimensionValue],\n  order: ['order', anyValue],\n  flex: ['flex', flexValue],\n  flexGrow: ['flexGrow', passthroughStyle],\n  flexShrink: ['flexShrink', passthroughStyle],\n  flexBasis: ['flexBasis', passthroughStyle],\n  gridArea: ['gridArea', passthroughStyle],\n  gridColumn: ['gridColumn', passthroughStyle],\n  gridColumnEnd: ['gridColumnEnd', passthroughStyle],\n  gridColumnStart: ['gridColumnStart', passthroughStyle],\n  gridRow: ['gridRow', passthroughStyle],\n  gridRowEnd: ['gridRowEnd', passthroughStyle],\n  gridRowStart: ['gridRowStart', passthroughStyle]\n};\n\nexport const viewStyleProps: StyleHandlers = {\n  ...baseStyleProps,\n  backgroundColor: ['backgroundColor', backgroundColorValue],\n  borderWidth: ['borderWidth', borderSizeValue],\n  borderStartWidth: [rtl('borderLeftWidth', 'borderRightWidth'), borderSizeValue],\n  borderEndWidth: [rtl('borderRightWidth', 'borderLeftWidth'), borderSizeValue],\n  borderLeftWidth: ['borderLeftWidth', borderSizeValue],\n  borderRightWidth: ['borderRightWidth', borderSizeValue],\n  borderTopWidth: ['borderTopWidth', borderSizeValue],\n  borderBottomWidth: ['borderBottomWidth', borderSizeValue],\n  borderXWidth: [['borderLeftWidth', 'borderRightWidth'], borderSizeValue],\n  borderYWidth: [['borderTopWidth', 'borderBottomWidth'], borderSizeValue],\n  borderColor: ['borderColor', borderColorValue],\n  borderStartColor: [rtl('borderLeftColor', 'borderRightColor'), borderColorValue],\n  borderEndColor: [rtl('borderRightColor', 'borderLeftColor'), borderColorValue],\n  borderLeftColor: ['borderLeftColor', borderColorValue],\n  borderRightColor: ['borderRightColor', borderColorValue],\n  borderTopColor: ['borderTopColor', borderColorValue],\n  borderBottomColor: ['borderBottomColor', borderColorValue],\n  borderXColor: [['borderLeftColor', 'borderRightColor'], borderColorValue],\n  borderYColor: [['borderTopColor', 'borderBottomColor'], borderColorValue],\n  borderRadius: ['borderRadius', borderRadiusValue],\n  borderTopStartRadius: [rtl('borderTopLeftRadius', 'borderTopRightRadius'), borderRadiusValue],\n  borderTopEndRadius: [rtl('borderTopRightRadius', 'borderTopLeftRadius'), borderRadiusValue],\n  borderBottomStartRadius: [rtl('borderBottomLeftRadius', 'borderBottomRightRadius'), borderRadiusValue],\n  borderBottomEndRadius: [rtl('borderBottomRightRadius', 'borderBottomLeftRadius'), borderRadiusValue],\n  borderTopLeftRadius: ['borderTopLeftRadius', borderRadiusValue],\n  borderTopRightRadius: ['borderTopRightRadius', borderRadiusValue],\n  borderBottomLeftRadius: ['borderBottomLeftRadius', borderRadiusValue],\n  borderBottomRightRadius: ['borderBottomRightRadius', borderRadiusValue],\n  padding: ['padding', dimensionValue],\n  paddingStart: [rtl('paddingLeft', 'paddingRight'), dimensionValue],\n  paddingEnd: [rtl('paddingRight', 'paddingLeft'), dimensionValue],\n  paddingLeft: ['paddingLeft', dimensionValue],\n  paddingRight: ['paddingRight', dimensionValue],\n  paddingTop: ['paddingTop', dimensionValue],\n  paddingBottom: ['paddingBottom', dimensionValue],\n  paddingX: [['paddingLeft', 'paddingRight'], dimensionValue],\n  paddingY: [['paddingTop', 'paddingBottom'], dimensionValue],\n  overflow: ['overflow', passthroughStyle]\n};\n\nconst borderStyleProps = {\n  borderWidth: 'borderStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderBottomWidth: 'borderBottomStyle'\n};\n\nfunction rtl(ltr: string, rtl: string) {\n  return (direction: Direction) => (\n    direction === 'rtl' ? rtl : ltr\n  );\n}\n\nconst UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;\nconst FUNC_RE = /^\\s*\\w+\\(/;\nconst SPECTRUM_VARIABLE_RE = /(static-)?size-\\d+|single-line-(height|width)/g;\n\nexport function dimensionValue(value: DimensionValue) {\n  if (typeof value === 'number') {\n    return value + 'px';\n  }\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (UNIT_RE.test(value)) {\n    return value;\n  }\n\n  if (FUNC_RE.test(value)) {\n    return value.replace(SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');\n  }\n\n  return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;\n}\n\nexport function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]) {\n  value = getResponsiveProp(value, matchedBreakpoints);\n  return dimensionValue(value);\n}\n\ntype ColorType = 'default' | 'background' | 'border' | 'icon' | 'status';\nfunction colorValue(value: ColorValue, type: ColorType = 'default', version = 5) {\n  if (version > 5) {\n    return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;\n  }\n\n  return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;\n}\n\nfunction backgroundColorValue(value: BackgroundColorValue, version = 5) {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-background-color-${value}, ${colorValue(value as ColorValue, 'background', version)})`;\n}\n\nfunction borderColorValue(value: BorderColorValue, version = 5) {\n  if (!value)  {\n    return undefined;\n  }\n\n  if (value === 'default') {\n    return 'var(--spectrum-alias-border-color)';\n  }\n\n  return `var(--spectrum-alias-border-color-${value}, ${colorValue(value as ColorValue, 'border', version)})`;\n}\n\nfunction borderSizeValue(value?: BorderSizeValue | null) {\n  return value && value !== 'none'\n    ? `var(--spectrum-alias-border-size-${value})`\n    : '0';\n}\n\nfunction borderRadiusValue(value: BorderRadiusValue) {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-border-radius-${value})`;\n}\n\nfunction hiddenValue(value: boolean) {\n  return value ? 'none' : undefined;\n}\n\nfunction anyValue(value: any) {\n  return value;\n}\n\nfunction flexValue(value: boolean | number | string) {\n  if (typeof value === 'boolean') {\n    return value ? '1' : undefined;\n  }\n\n  return '' + value;\n}\n\nexport function convertStyleProps<C extends ColorVersion>(props: ViewStyleProps<C>, handlers: StyleHandlers, direction: Direction, matchedBreakpoints: Breakpoint[]) {\n  let style: CSSProperties = {};\n  for (let key in props) {\n    let styleProp = handlers[key];\n    if (!styleProp || props[key] == null) {\n      continue;\n    }\n\n    let [name, convert] = styleProp;\n    if (typeof name === 'function') {\n      name = name(direction);\n    }\n\n    let prop = getResponsiveProp(props[key], matchedBreakpoints);\n    let value = convert(prop, props.colorVersion);\n    if (Array.isArray(name)) {\n      for (let k of name) {\n        style[k] = value;\n      }\n    } else {\n      style[name] = value;\n    }\n  }\n\n  for (let prop in borderStyleProps) {\n    if (style[prop]) {\n      style[borderStyleProps[prop]] = 'solid';\n      style.boxSizing = 'border-box';\n    }\n  }\n\n  return style;\n}\n\ntype StylePropsOptions = {\n  matchedBreakpoints?: Breakpoint[]\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  handlers: StyleHandlers = baseStyleProps,\n  options: StylePropsOptions = {}\n) {\n  let {\n    UNSAFE_className,\n    UNSAFE_style,\n    ...otherProps\n  } = props;\n  let breakpointProvider = useBreakpoint();\n  let {direction} = useLocale();\n  let {\n    matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base']\n  } = options;\n  let styles = convertStyleProps(props, handlers, direction, matchedBreakpoints);\n  let style = {...UNSAFE_style, ...styles};\n\n  // @ts-ignore\n  if (otherProps.className) {\n    console.warn(\n      'The className prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  // @ts-ignore\n  if (otherProps.style) {\n    console.warn(\n      'The style prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  let styleProps: HTMLAttributes<HTMLElement> = {\n    style,\n    className: UNSAFE_className\n  };\n\n  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {\n    styleProps.hidden = true;\n  }\n\n  return {\n    styleProps\n  };\n}\n\nexport function passthroughStyle(value) {\n  return value;\n}\n\nexport function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T {\n  if (prop && typeof prop === 'object' && !Array.isArray(prop)) {\n    for (let i = 0; i < matchedBreakpoints.length; i++) {\n      let breakpoint = matchedBreakpoints[i];\n      if (prop[breakpoint] != null) {\n        return prop[breakpoint];\n      }\n    }\n    return (prop as ResponsiveProp<T>).base;\n  }\n  return prop as T;\n}\n"],"names":[],"version":3,"file":"styleProps.main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/utils/src/styleProps.ts"],"sourcesContent":["/*\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\nimport {BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderSizeValue, ColorValue, ColorVersion, DimensionValue, Direction, Responsive, ResponsiveProp, StyleProps, ViewStyleProps} from '@react-types/shared';\nimport {CSSProperties, HTMLAttributes} from 'react';\nimport {useBreakpoint} from './BreakpointProvider';\nimport {useLocale} from '@react-aria/i18n';\n\ntype Breakpoint = 'base' | 'S' | 'M' | 'L' | string;\ntype StyleName = string | string[] | ((dir: Direction) => string);\ntype StyleHandler = (value: any, colorVersion?: number) => string | undefined;\nexport interface StyleHandlers {\n  [key: string]: [StyleName, StyleHandler]\n}\n\nexport const baseStyleProps: StyleHandlers = {\n  margin: ['margin', dimensionValue],\n  marginStart: [rtl('marginLeft', 'marginRight'), dimensionValue],\n  marginEnd: [rtl('marginRight', 'marginLeft'), dimensionValue],\n  // marginLeft: ['marginLeft', dimensionValue],\n  // marginRight: ['marginRight', dimensionValue],\n  marginTop: ['marginTop', dimensionValue],\n  marginBottom: ['marginBottom', dimensionValue],\n  marginX: [['marginLeft', 'marginRight'], dimensionValue],\n  marginY: [['marginTop', 'marginBottom'], dimensionValue],\n  width: ['width', dimensionValue],\n  height: ['height', dimensionValue],\n  minWidth: ['minWidth', dimensionValue],\n  minHeight: ['minHeight', dimensionValue],\n  maxWidth: ['maxWidth', dimensionValue],\n  maxHeight: ['maxHeight', dimensionValue],\n  isHidden: ['display', hiddenValue],\n  alignSelf: ['alignSelf', passthroughStyle],\n  justifySelf: ['justifySelf', passthroughStyle],\n  position: ['position', anyValue],\n  zIndex: ['zIndex', anyValue],\n  top: ['top', dimensionValue],\n  bottom: ['bottom', dimensionValue],\n  start: [rtl('left', 'right'), dimensionValue],\n  end: [rtl('right', 'left'), dimensionValue],\n  left: ['left', dimensionValue],\n  right: ['right', dimensionValue],\n  order: ['order', anyValue],\n  flex: ['flex', flexValue],\n  flexGrow: ['flexGrow', passthroughStyle],\n  flexShrink: ['flexShrink', passthroughStyle],\n  flexBasis: ['flexBasis', passthroughStyle],\n  gridArea: ['gridArea', passthroughStyle],\n  gridColumn: ['gridColumn', passthroughStyle],\n  gridColumnEnd: ['gridColumnEnd', passthroughStyle],\n  gridColumnStart: ['gridColumnStart', passthroughStyle],\n  gridRow: ['gridRow', passthroughStyle],\n  gridRowEnd: ['gridRowEnd', passthroughStyle],\n  gridRowStart: ['gridRowStart', passthroughStyle]\n};\n\nexport const viewStyleProps: StyleHandlers = {\n  ...baseStyleProps,\n  backgroundColor: ['backgroundColor', backgroundColorValue],\n  borderWidth: ['borderWidth', borderSizeValue],\n  borderStartWidth: [rtl('borderLeftWidth', 'borderRightWidth'), borderSizeValue],\n  borderEndWidth: [rtl('borderRightWidth', 'borderLeftWidth'), borderSizeValue],\n  borderLeftWidth: ['borderLeftWidth', borderSizeValue],\n  borderRightWidth: ['borderRightWidth', borderSizeValue],\n  borderTopWidth: ['borderTopWidth', borderSizeValue],\n  borderBottomWidth: ['borderBottomWidth', borderSizeValue],\n  borderXWidth: [['borderLeftWidth', 'borderRightWidth'], borderSizeValue],\n  borderYWidth: [['borderTopWidth', 'borderBottomWidth'], borderSizeValue],\n  borderColor: ['borderColor', borderColorValue],\n  borderStartColor: [rtl('borderLeftColor', 'borderRightColor'), borderColorValue],\n  borderEndColor: [rtl('borderRightColor', 'borderLeftColor'), borderColorValue],\n  borderLeftColor: ['borderLeftColor', borderColorValue],\n  borderRightColor: ['borderRightColor', borderColorValue],\n  borderTopColor: ['borderTopColor', borderColorValue],\n  borderBottomColor: ['borderBottomColor', borderColorValue],\n  borderXColor: [['borderLeftColor', 'borderRightColor'], borderColorValue],\n  borderYColor: [['borderTopColor', 'borderBottomColor'], borderColorValue],\n  borderRadius: ['borderRadius', borderRadiusValue],\n  borderTopStartRadius: [rtl('borderTopLeftRadius', 'borderTopRightRadius'), borderRadiusValue],\n  borderTopEndRadius: [rtl('borderTopRightRadius', 'borderTopLeftRadius'), borderRadiusValue],\n  borderBottomStartRadius: [rtl('borderBottomLeftRadius', 'borderBottomRightRadius'), borderRadiusValue],\n  borderBottomEndRadius: [rtl('borderBottomRightRadius', 'borderBottomLeftRadius'), borderRadiusValue],\n  borderTopLeftRadius: ['borderTopLeftRadius', borderRadiusValue],\n  borderTopRightRadius: ['borderTopRightRadius', borderRadiusValue],\n  borderBottomLeftRadius: ['borderBottomLeftRadius', borderRadiusValue],\n  borderBottomRightRadius: ['borderBottomRightRadius', borderRadiusValue],\n  padding: ['padding', dimensionValue],\n  paddingStart: [rtl('paddingLeft', 'paddingRight'), dimensionValue],\n  paddingEnd: [rtl('paddingRight', 'paddingLeft'), dimensionValue],\n  paddingLeft: ['paddingLeft', dimensionValue],\n  paddingRight: ['paddingRight', dimensionValue],\n  paddingTop: ['paddingTop', dimensionValue],\n  paddingBottom: ['paddingBottom', dimensionValue],\n  paddingX: [['paddingLeft', 'paddingRight'], dimensionValue],\n  paddingY: [['paddingTop', 'paddingBottom'], dimensionValue],\n  overflow: ['overflow', passthroughStyle]\n};\n\nconst borderStyleProps = {\n  borderWidth: 'borderStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderBottomWidth: 'borderBottomStyle'\n};\n\nfunction rtl(ltr: string, rtl: string) {\n  return (direction: Direction) => (\n    direction === 'rtl' ? rtl : ltr\n  );\n}\n\nconst UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;\nconst FUNC_RE = /^\\s*\\w+\\(/;\nconst SPECTRUM_VARIABLE_RE = /(static-)?size-\\d+|single-line-(height|width)/g;\n\nexport function dimensionValue(value: DimensionValue) {\n  if (typeof value === 'number') {\n    return value + 'px';\n  }\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (UNIT_RE.test(value)) {\n    return value;\n  }\n\n  if (FUNC_RE.test(value)) {\n    return value.replace(SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');\n  }\n\n  return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;\n}\n\nexport function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]) {\n  let responsiveValue = getResponsiveProp(value, matchedBreakpoints);\n  if (responsiveValue != null) {\n    return dimensionValue(responsiveValue);\n  }\n}\n\ntype ColorType = 'default' | 'background' | 'border' | 'icon' | 'status';\nfunction colorValue(value: ColorValue, type: ColorType = 'default', version = 5) {\n  if (version > 5) {\n    return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;\n  }\n\n  return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;\n}\n\nfunction backgroundColorValue(value: BackgroundColorValue, version = 5) {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-background-color-${value}, ${colorValue(value as ColorValue, 'background', version)})`;\n}\n\nfunction borderColorValue(value: BorderColorValue, version = 5) {\n  if (!value)  {\n    return undefined;\n  }\n\n  if (value === 'default') {\n    return 'var(--spectrum-alias-border-color)';\n  }\n\n  return `var(--spectrum-alias-border-color-${value}, ${colorValue(value as ColorValue, 'border', version)})`;\n}\n\nfunction borderSizeValue(value?: BorderSizeValue | null) {\n  return value && value !== 'none'\n    ? `var(--spectrum-alias-border-size-${value})`\n    : '0';\n}\n\nfunction borderRadiusValue(value: BorderRadiusValue) {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-border-radius-${value})`;\n}\n\nfunction hiddenValue(value: boolean) {\n  return value ? 'none' : undefined;\n}\n\nfunction anyValue(value: any) {\n  return value;\n}\n\nfunction flexValue(value: boolean | number | string) {\n  if (typeof value === 'boolean') {\n    return value ? '1' : undefined;\n  }\n\n  return '' + value;\n}\n\nexport function convertStyleProps<C extends ColorVersion>(props: ViewStyleProps<C>, handlers: StyleHandlers, direction: Direction, matchedBreakpoints: Breakpoint[]) {\n  let style: CSSProperties = {};\n  for (let key in props) {\n    let styleProp = handlers[key];\n    if (!styleProp || props[key] == null) {\n      continue;\n    }\n\n    let [name, convert] = styleProp;\n    if (typeof name === 'function') {\n      name = name(direction);\n    }\n\n    let prop = getResponsiveProp(props[key], matchedBreakpoints);\n    let value = convert(prop, props.colorVersion);\n    if (Array.isArray(name)) {\n      for (let k of name) {\n        style[k] = value;\n      }\n    } else {\n      style[name] = value;\n    }\n  }\n\n  for (let prop in borderStyleProps) {\n    if (style[prop]) {\n      style[borderStyleProps[prop]] = 'solid';\n      style.boxSizing = 'border-box';\n    }\n  }\n\n  return style;\n}\n\ntype StylePropsOptions = {\n  matchedBreakpoints?: Breakpoint[]\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  handlers: StyleHandlers = baseStyleProps,\n  options: StylePropsOptions = {}\n) {\n  let {\n    UNSAFE_className,\n    UNSAFE_style,\n    ...otherProps\n  } = props;\n  let breakpointProvider = useBreakpoint();\n  let {direction} = useLocale();\n  let {\n    matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base']\n  } = options;\n  let styles = convertStyleProps(props, handlers, direction, matchedBreakpoints);\n  let style = {...UNSAFE_style, ...styles};\n\n  // @ts-ignore\n  if (otherProps.className) {\n    console.warn(\n      'The className prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  // @ts-ignore\n  if (otherProps.style) {\n    console.warn(\n      'The style prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  let styleProps: HTMLAttributes<HTMLElement> = {\n    style,\n    className: UNSAFE_className\n  };\n\n  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {\n    styleProps.hidden = true;\n  }\n\n  return {\n    styleProps\n  };\n}\n\nexport function passthroughStyle(value) {\n  return value;\n}\n\nexport function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T | undefined {\n  if (prop && typeof prop === 'object' && !Array.isArray(prop)) {\n    for (let i = 0; i < matchedBreakpoints.length; i++) {\n      let breakpoint = matchedBreakpoints[i];\n      if (prop[breakpoint] != null) {\n        return prop[breakpoint];\n      }\n    }\n    return (prop as ResponsiveProp<T>).base;\n  }\n  return prop as T;\n}\n"],"names":[],"version":3,"file":"styleProps.main.js.map"}

package/dist/styleProps.mjs

@@ -361,8 +361,8 @@ function $380ed8f3903c3931$export$abc24f5b99744ea6(value) {
     return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;
 }
 function $380ed8f3903c3931$export$f348bec194f2e6b5(value, matchedBreakpoints) {
-    value = $380ed8f3903c3931$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
-    return $380ed8f3903c3931$export$abc24f5b99744ea6(value);
+    let responsiveValue = $380ed8f3903c3931$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
+    if (responsiveValue != null) return $380ed8f3903c3931$export$abc24f5b99744ea6(responsiveValue);
 }
 function $380ed8f3903c3931$var$colorValue(value, type = 'default', version = 5) {
     if (version > 5) return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;

package/dist/styleProps.module.js

@@ -361,8 +361,8 @@ function $380ed8f3903c3931$export$abc24f5b99744ea6(value) {
     return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;
 }
 function $380ed8f3903c3931$export$f348bec194f2e6b5(value, matchedBreakpoints) {
-    value = $380ed8f3903c3931$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
-    return $380ed8f3903c3931$export$abc24f5b99744ea6(value);
+    let responsiveValue = $380ed8f3903c3931$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
+    if (responsiveValue != null) return $380ed8f3903c3931$export$abc24f5b99744ea6(responsiveValue);
 }
 function $380ed8f3903c3931$var$colorValue(value, type = 'default', version = 5) {
     if (version > 5) return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;

package/dist/styleProps.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/utils/src/styleProps.ts"],"sourcesContent":["/*\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\nimport {BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderSizeValue, ColorValue, ColorVersion, DimensionValue, Direction, Responsive, ResponsiveProp, StyleProps, ViewStyleProps} from '@react-types/shared';\nimport {CSSProperties, HTMLAttributes} from 'react';\nimport {useBreakpoint} from './BreakpointProvider';\nimport {useLocale} from '@react-aria/i18n';\n\ntype Breakpoint = 'base' | 'S' | 'M' | 'L' | string;\ntype StyleName = string | string[] | ((dir: Direction) => string);\ntype StyleHandler = (value: any, colorVersion?: number) => string;\nexport interface StyleHandlers {\n  [key: string]: [StyleName, StyleHandler]\n}\n\nexport const baseStyleProps: StyleHandlers = {\n  margin: ['margin', dimensionValue],\n  marginStart: [rtl('marginLeft', 'marginRight'), dimensionValue],\n  marginEnd: [rtl('marginRight', 'marginLeft'), dimensionValue],\n  // marginLeft: ['marginLeft', dimensionValue],\n  // marginRight: ['marginRight', dimensionValue],\n  marginTop: ['marginTop', dimensionValue],\n  marginBottom: ['marginBottom', dimensionValue],\n  marginX: [['marginLeft', 'marginRight'], dimensionValue],\n  marginY: [['marginTop', 'marginBottom'], dimensionValue],\n  width: ['width', dimensionValue],\n  height: ['height', dimensionValue],\n  minWidth: ['minWidth', dimensionValue],\n  minHeight: ['minHeight', dimensionValue],\n  maxWidth: ['maxWidth', dimensionValue],\n  maxHeight: ['maxHeight', dimensionValue],\n  isHidden: ['display', hiddenValue],\n  alignSelf: ['alignSelf', passthroughStyle],\n  justifySelf: ['justifySelf', passthroughStyle],\n  position: ['position', anyValue],\n  zIndex: ['zIndex', anyValue],\n  top: ['top', dimensionValue],\n  bottom: ['bottom', dimensionValue],\n  start: [rtl('left', 'right'), dimensionValue],\n  end: [rtl('right', 'left'), dimensionValue],\n  left: ['left', dimensionValue],\n  right: ['right', dimensionValue],\n  order: ['order', anyValue],\n  flex: ['flex', flexValue],\n  flexGrow: ['flexGrow', passthroughStyle],\n  flexShrink: ['flexShrink', passthroughStyle],\n  flexBasis: ['flexBasis', passthroughStyle],\n  gridArea: ['gridArea', passthroughStyle],\n  gridColumn: ['gridColumn', passthroughStyle],\n  gridColumnEnd: ['gridColumnEnd', passthroughStyle],\n  gridColumnStart: ['gridColumnStart', passthroughStyle],\n  gridRow: ['gridRow', passthroughStyle],\n  gridRowEnd: ['gridRowEnd', passthroughStyle],\n  gridRowStart: ['gridRowStart', passthroughStyle]\n};\n\nexport const viewStyleProps: StyleHandlers = {\n  ...baseStyleProps,\n  backgroundColor: ['backgroundColor', backgroundColorValue],\n  borderWidth: ['borderWidth', borderSizeValue],\n  borderStartWidth: [rtl('borderLeftWidth', 'borderRightWidth'), borderSizeValue],\n  borderEndWidth: [rtl('borderRightWidth', 'borderLeftWidth'), borderSizeValue],\n  borderLeftWidth: ['borderLeftWidth', borderSizeValue],\n  borderRightWidth: ['borderRightWidth', borderSizeValue],\n  borderTopWidth: ['borderTopWidth', borderSizeValue],\n  borderBottomWidth: ['borderBottomWidth', borderSizeValue],\n  borderXWidth: [['borderLeftWidth', 'borderRightWidth'], borderSizeValue],\n  borderYWidth: [['borderTopWidth', 'borderBottomWidth'], borderSizeValue],\n  borderColor: ['borderColor', borderColorValue],\n  borderStartColor: [rtl('borderLeftColor', 'borderRightColor'), borderColorValue],\n  borderEndColor: [rtl('borderRightColor', 'borderLeftColor'), borderColorValue],\n  borderLeftColor: ['borderLeftColor', borderColorValue],\n  borderRightColor: ['borderRightColor', borderColorValue],\n  borderTopColor: ['borderTopColor', borderColorValue],\n  borderBottomColor: ['borderBottomColor', borderColorValue],\n  borderXColor: [['borderLeftColor', 'borderRightColor'], borderColorValue],\n  borderYColor: [['borderTopColor', 'borderBottomColor'], borderColorValue],\n  borderRadius: ['borderRadius', borderRadiusValue],\n  borderTopStartRadius: [rtl('borderTopLeftRadius', 'borderTopRightRadius'), borderRadiusValue],\n  borderTopEndRadius: [rtl('borderTopRightRadius', 'borderTopLeftRadius'), borderRadiusValue],\n  borderBottomStartRadius: [rtl('borderBottomLeftRadius', 'borderBottomRightRadius'), borderRadiusValue],\n  borderBottomEndRadius: [rtl('borderBottomRightRadius', 'borderBottomLeftRadius'), borderRadiusValue],\n  borderTopLeftRadius: ['borderTopLeftRadius', borderRadiusValue],\n  borderTopRightRadius: ['borderTopRightRadius', borderRadiusValue],\n  borderBottomLeftRadius: ['borderBottomLeftRadius', borderRadiusValue],\n  borderBottomRightRadius: ['borderBottomRightRadius', borderRadiusValue],\n  padding: ['padding', dimensionValue],\n  paddingStart: [rtl('paddingLeft', 'paddingRight'), dimensionValue],\n  paddingEnd: [rtl('paddingRight', 'paddingLeft'), dimensionValue],\n  paddingLeft: ['paddingLeft', dimensionValue],\n  paddingRight: ['paddingRight', dimensionValue],\n  paddingTop: ['paddingTop', dimensionValue],\n  paddingBottom: ['paddingBottom', dimensionValue],\n  paddingX: [['paddingLeft', 'paddingRight'], dimensionValue],\n  paddingY: [['paddingTop', 'paddingBottom'], dimensionValue],\n  overflow: ['overflow', passthroughStyle]\n};\n\nconst borderStyleProps = {\n  borderWidth: 'borderStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderBottomWidth: 'borderBottomStyle'\n};\n\nfunction rtl(ltr: string, rtl: string) {\n  return (direction: Direction) => (\n    direction === 'rtl' ? rtl : ltr\n  );\n}\n\nconst UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;\nconst FUNC_RE = /^\\s*\\w+\\(/;\nconst SPECTRUM_VARIABLE_RE = /(static-)?size-\\d+|single-line-(height|width)/g;\n\nexport function dimensionValue(value: DimensionValue) {\n  if (typeof value === 'number') {\n    return value + 'px';\n  }\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (UNIT_RE.test(value)) {\n    return value;\n  }\n\n  if (FUNC_RE.test(value)) {\n    return value.replace(SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');\n  }\n\n  return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;\n}\n\nexport function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]) {\n  value = getResponsiveProp(value, matchedBreakpoints);\n  return dimensionValue(value);\n}\n\ntype ColorType = 'default' | 'background' | 'border' | 'icon' | 'status';\nfunction colorValue(value: ColorValue, type: ColorType = 'default', version = 5) {\n  if (version > 5) {\n    return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;\n  }\n\n  return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;\n}\n\nfunction backgroundColorValue(value: BackgroundColorValue, version = 5) {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-background-color-${value}, ${colorValue(value as ColorValue, 'background', version)})`;\n}\n\nfunction borderColorValue(value: BorderColorValue, version = 5) {\n  if (!value)  {\n    return undefined;\n  }\n\n  if (value === 'default') {\n    return 'var(--spectrum-alias-border-color)';\n  }\n\n  return `var(--spectrum-alias-border-color-${value}, ${colorValue(value as ColorValue, 'border', version)})`;\n}\n\nfunction borderSizeValue(value?: BorderSizeValue | null) {\n  return value && value !== 'none'\n    ? `var(--spectrum-alias-border-size-${value})`\n    : '0';\n}\n\nfunction borderRadiusValue(value: BorderRadiusValue) {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-border-radius-${value})`;\n}\n\nfunction hiddenValue(value: boolean) {\n  return value ? 'none' : undefined;\n}\n\nfunction anyValue(value: any) {\n  return value;\n}\n\nfunction flexValue(value: boolean | number | string) {\n  if (typeof value === 'boolean') {\n    return value ? '1' : undefined;\n  }\n\n  return '' + value;\n}\n\nexport function convertStyleProps<C extends ColorVersion>(props: ViewStyleProps<C>, handlers: StyleHandlers, direction: Direction, matchedBreakpoints: Breakpoint[]) {\n  let style: CSSProperties = {};\n  for (let key in props) {\n    let styleProp = handlers[key];\n    if (!styleProp || props[key] == null) {\n      continue;\n    }\n\n    let [name, convert] = styleProp;\n    if (typeof name === 'function') {\n      name = name(direction);\n    }\n\n    let prop = getResponsiveProp(props[key], matchedBreakpoints);\n    let value = convert(prop, props.colorVersion);\n    if (Array.isArray(name)) {\n      for (let k of name) {\n        style[k] = value;\n      }\n    } else {\n      style[name] = value;\n    }\n  }\n\n  for (let prop in borderStyleProps) {\n    if (style[prop]) {\n      style[borderStyleProps[prop]] = 'solid';\n      style.boxSizing = 'border-box';\n    }\n  }\n\n  return style;\n}\n\ntype StylePropsOptions = {\n  matchedBreakpoints?: Breakpoint[]\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  handlers: StyleHandlers = baseStyleProps,\n  options: StylePropsOptions = {}\n) {\n  let {\n    UNSAFE_className,\n    UNSAFE_style,\n    ...otherProps\n  } = props;\n  let breakpointProvider = useBreakpoint();\n  let {direction} = useLocale();\n  let {\n    matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base']\n  } = options;\n  let styles = convertStyleProps(props, handlers, direction, matchedBreakpoints);\n  let style = {...UNSAFE_style, ...styles};\n\n  // @ts-ignore\n  if (otherProps.className) {\n    console.warn(\n      'The className prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  // @ts-ignore\n  if (otherProps.style) {\n    console.warn(\n      'The style prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  let styleProps: HTMLAttributes<HTMLElement> = {\n    style,\n    className: UNSAFE_className\n  };\n\n  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {\n    styleProps.hidden = true;\n  }\n\n  return {\n    styleProps\n  };\n}\n\nexport function passthroughStyle(value) {\n  return value;\n}\n\nexport function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T {\n  if (prop && typeof prop === 'object' && !Array.isArray(prop)) {\n    for (let i = 0; i < matchedBreakpoints.length; i++) {\n      let breakpoint = matchedBreakpoints[i];\n      if (prop[breakpoint] != null) {\n        return prop[breakpoint];\n      }\n    }\n    return (prop as ResponsiveProp<T>).base;\n  }\n  return prop as T;\n}\n"],"names":[],"version":3,"file":"styleProps.module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/utils/src/styleProps.ts"],"sourcesContent":["/*\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\nimport {BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderSizeValue, ColorValue, ColorVersion, DimensionValue, Direction, Responsive, ResponsiveProp, StyleProps, ViewStyleProps} from '@react-types/shared';\nimport {CSSProperties, HTMLAttributes} from 'react';\nimport {useBreakpoint} from './BreakpointProvider';\nimport {useLocale} from '@react-aria/i18n';\n\ntype Breakpoint = 'base' | 'S' | 'M' | 'L' | string;\ntype StyleName = string | string[] | ((dir: Direction) => string);\ntype StyleHandler = (value: any, colorVersion?: number) => string | undefined;\nexport interface StyleHandlers {\n  [key: string]: [StyleName, StyleHandler]\n}\n\nexport const baseStyleProps: StyleHandlers = {\n  margin: ['margin', dimensionValue],\n  marginStart: [rtl('marginLeft', 'marginRight'), dimensionValue],\n  marginEnd: [rtl('marginRight', 'marginLeft'), dimensionValue],\n  // marginLeft: ['marginLeft', dimensionValue],\n  // marginRight: ['marginRight', dimensionValue],\n  marginTop: ['marginTop', dimensionValue],\n  marginBottom: ['marginBottom', dimensionValue],\n  marginX: [['marginLeft', 'marginRight'], dimensionValue],\n  marginY: [['marginTop', 'marginBottom'], dimensionValue],\n  width: ['width', dimensionValue],\n  height: ['height', dimensionValue],\n  minWidth: ['minWidth', dimensionValue],\n  minHeight: ['minHeight', dimensionValue],\n  maxWidth: ['maxWidth', dimensionValue],\n  maxHeight: ['maxHeight', dimensionValue],\n  isHidden: ['display', hiddenValue],\n  alignSelf: ['alignSelf', passthroughStyle],\n  justifySelf: ['justifySelf', passthroughStyle],\n  position: ['position', anyValue],\n  zIndex: ['zIndex', anyValue],\n  top: ['top', dimensionValue],\n  bottom: ['bottom', dimensionValue],\n  start: [rtl('left', 'right'), dimensionValue],\n  end: [rtl('right', 'left'), dimensionValue],\n  left: ['left', dimensionValue],\n  right: ['right', dimensionValue],\n  order: ['order', anyValue],\n  flex: ['flex', flexValue],\n  flexGrow: ['flexGrow', passthroughStyle],\n  flexShrink: ['flexShrink', passthroughStyle],\n  flexBasis: ['flexBasis', passthroughStyle],\n  gridArea: ['gridArea', passthroughStyle],\n  gridColumn: ['gridColumn', passthroughStyle],\n  gridColumnEnd: ['gridColumnEnd', passthroughStyle],\n  gridColumnStart: ['gridColumnStart', passthroughStyle],\n  gridRow: ['gridRow', passthroughStyle],\n  gridRowEnd: ['gridRowEnd', passthroughStyle],\n  gridRowStart: ['gridRowStart', passthroughStyle]\n};\n\nexport const viewStyleProps: StyleHandlers = {\n  ...baseStyleProps,\n  backgroundColor: ['backgroundColor', backgroundColorValue],\n  borderWidth: ['borderWidth', borderSizeValue],\n  borderStartWidth: [rtl('borderLeftWidth', 'borderRightWidth'), borderSizeValue],\n  borderEndWidth: [rtl('borderRightWidth', 'borderLeftWidth'), borderSizeValue],\n  borderLeftWidth: ['borderLeftWidth', borderSizeValue],\n  borderRightWidth: ['borderRightWidth', borderSizeValue],\n  borderTopWidth: ['borderTopWidth', borderSizeValue],\n  borderBottomWidth: ['borderBottomWidth', borderSizeValue],\n  borderXWidth: [['borderLeftWidth', 'borderRightWidth'], borderSizeValue],\n  borderYWidth: [['borderTopWidth', 'borderBottomWidth'], borderSizeValue],\n  borderColor: ['borderColor', borderColorValue],\n  borderStartColor: [rtl('borderLeftColor', 'borderRightColor'), borderColorValue],\n  borderEndColor: [rtl('borderRightColor', 'borderLeftColor'), borderColorValue],\n  borderLeftColor: ['borderLeftColor', borderColorValue],\n  borderRightColor: ['borderRightColor', borderColorValue],\n  borderTopColor: ['borderTopColor', borderColorValue],\n  borderBottomColor: ['borderBottomColor', borderColorValue],\n  borderXColor: [['borderLeftColor', 'borderRightColor'], borderColorValue],\n  borderYColor: [['borderTopColor', 'borderBottomColor'], borderColorValue],\n  borderRadius: ['borderRadius', borderRadiusValue],\n  borderTopStartRadius: [rtl('borderTopLeftRadius', 'borderTopRightRadius'), borderRadiusValue],\n  borderTopEndRadius: [rtl('borderTopRightRadius', 'borderTopLeftRadius'), borderRadiusValue],\n  borderBottomStartRadius: [rtl('borderBottomLeftRadius', 'borderBottomRightRadius'), borderRadiusValue],\n  borderBottomEndRadius: [rtl('borderBottomRightRadius', 'borderBottomLeftRadius'), borderRadiusValue],\n  borderTopLeftRadius: ['borderTopLeftRadius', borderRadiusValue],\n  borderTopRightRadius: ['borderTopRightRadius', borderRadiusValue],\n  borderBottomLeftRadius: ['borderBottomLeftRadius', borderRadiusValue],\n  borderBottomRightRadius: ['borderBottomRightRadius', borderRadiusValue],\n  padding: ['padding', dimensionValue],\n  paddingStart: [rtl('paddingLeft', 'paddingRight'), dimensionValue],\n  paddingEnd: [rtl('paddingRight', 'paddingLeft'), dimensionValue],\n  paddingLeft: ['paddingLeft', dimensionValue],\n  paddingRight: ['paddingRight', dimensionValue],\n  paddingTop: ['paddingTop', dimensionValue],\n  paddingBottom: ['paddingBottom', dimensionValue],\n  paddingX: [['paddingLeft', 'paddingRight'], dimensionValue],\n  paddingY: [['paddingTop', 'paddingBottom'], dimensionValue],\n  overflow: ['overflow', passthroughStyle]\n};\n\nconst borderStyleProps = {\n  borderWidth: 'borderStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderBottomWidth: 'borderBottomStyle'\n};\n\nfunction rtl(ltr: string, rtl: string) {\n  return (direction: Direction) => (\n    direction === 'rtl' ? rtl : ltr\n  );\n}\n\nconst UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;\nconst FUNC_RE = /^\\s*\\w+\\(/;\nconst SPECTRUM_VARIABLE_RE = /(static-)?size-\\d+|single-line-(height|width)/g;\n\nexport function dimensionValue(value: DimensionValue) {\n  if (typeof value === 'number') {\n    return value + 'px';\n  }\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (UNIT_RE.test(value)) {\n    return value;\n  }\n\n  if (FUNC_RE.test(value)) {\n    return value.replace(SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');\n  }\n\n  return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;\n}\n\nexport function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]) {\n  let responsiveValue = getResponsiveProp(value, matchedBreakpoints);\n  if (responsiveValue != null) {\n    return dimensionValue(responsiveValue);\n  }\n}\n\ntype ColorType = 'default' | 'background' | 'border' | 'icon' | 'status';\nfunction colorValue(value: ColorValue, type: ColorType = 'default', version = 5) {\n  if (version > 5) {\n    return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;\n  }\n\n  return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;\n}\n\nfunction backgroundColorValue(value: BackgroundColorValue, version = 5) {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-background-color-${value}, ${colorValue(value as ColorValue, 'background', version)})`;\n}\n\nfunction borderColorValue(value: BorderColorValue, version = 5) {\n  if (!value)  {\n    return undefined;\n  }\n\n  if (value === 'default') {\n    return 'var(--spectrum-alias-border-color)';\n  }\n\n  return `var(--spectrum-alias-border-color-${value}, ${colorValue(value as ColorValue, 'border', version)})`;\n}\n\nfunction borderSizeValue(value?: BorderSizeValue | null) {\n  return value && value !== 'none'\n    ? `var(--spectrum-alias-border-size-${value})`\n    : '0';\n}\n\nfunction borderRadiusValue(value: BorderRadiusValue) {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-border-radius-${value})`;\n}\n\nfunction hiddenValue(value: boolean) {\n  return value ? 'none' : undefined;\n}\n\nfunction anyValue(value: any) {\n  return value;\n}\n\nfunction flexValue(value: boolean | number | string) {\n  if (typeof value === 'boolean') {\n    return value ? '1' : undefined;\n  }\n\n  return '' + value;\n}\n\nexport function convertStyleProps<C extends ColorVersion>(props: ViewStyleProps<C>, handlers: StyleHandlers, direction: Direction, matchedBreakpoints: Breakpoint[]) {\n  let style: CSSProperties = {};\n  for (let key in props) {\n    let styleProp = handlers[key];\n    if (!styleProp || props[key] == null) {\n      continue;\n    }\n\n    let [name, convert] = styleProp;\n    if (typeof name === 'function') {\n      name = name(direction);\n    }\n\n    let prop = getResponsiveProp(props[key], matchedBreakpoints);\n    let value = convert(prop, props.colorVersion);\n    if (Array.isArray(name)) {\n      for (let k of name) {\n        style[k] = value;\n      }\n    } else {\n      style[name] = value;\n    }\n  }\n\n  for (let prop in borderStyleProps) {\n    if (style[prop]) {\n      style[borderStyleProps[prop]] = 'solid';\n      style.boxSizing = 'border-box';\n    }\n  }\n\n  return style;\n}\n\ntype StylePropsOptions = {\n  matchedBreakpoints?: Breakpoint[]\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  handlers: StyleHandlers = baseStyleProps,\n  options: StylePropsOptions = {}\n) {\n  let {\n    UNSAFE_className,\n    UNSAFE_style,\n    ...otherProps\n  } = props;\n  let breakpointProvider = useBreakpoint();\n  let {direction} = useLocale();\n  let {\n    matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base']\n  } = options;\n  let styles = convertStyleProps(props, handlers, direction, matchedBreakpoints);\n  let style = {...UNSAFE_style, ...styles};\n\n  // @ts-ignore\n  if (otherProps.className) {\n    console.warn(\n      'The className prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  // @ts-ignore\n  if (otherProps.style) {\n    console.warn(\n      'The style prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  let styleProps: HTMLAttributes<HTMLElement> = {\n    style,\n    className: UNSAFE_className\n  };\n\n  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {\n    styleProps.hidden = true;\n  }\n\n  return {\n    styleProps\n  };\n}\n\nexport function passthroughStyle(value) {\n  return value;\n}\n\nexport function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T | undefined {\n  if (prop && typeof prop === 'object' && !Array.isArray(prop)) {\n    for (let i = 0; i < matchedBreakpoints.length; i++) {\n      let breakpoint = matchedBreakpoints[i];\n      if (prop[breakpoint] != null) {\n        return prop[breakpoint];\n      }\n    }\n    return (prop as ResponsiveProp<T>).base;\n  }\n  return prop as T;\n}\n"],"names":[],"version":3,"file":"styleProps.module.js.map"}

package/dist/types.d.ts

@@ -15,17 +15,17 @@ interface BreakpointProviderProps {
 }
 export function BreakpointProvider(props: BreakpointProviderProps): React.JSX.Element;
 export function useMatchedBreakpoints(breakpoints: Breakpoints): string[];
-export function useBreakpoint(): BreakpointContext;
+export function useBreakpoint(): BreakpointContext | null;
 type Breakpoint = 'base' | 'S' | 'M' | 'L' | string;
 type StyleName = string | string[] | ((dir: Direction) => string);
-type StyleHandler = (value: any, colorVersion?: number) => string;
+type StyleHandler = (value: any, colorVersion?: number) => string | undefined;
 export interface StyleHandlers {
     [key: string]: [StyleName, StyleHandler];
 }
 export const baseStyleProps: StyleHandlers;
 export const viewStyleProps: StyleHandlers;
-export function dimensionValue(value: DimensionValue): string;
-export function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]): string;
+export function dimensionValue(value: DimensionValue): string | undefined;
+export function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]): string | undefined;
 export function convertStyleProps<C extends ColorVersion>(props: ViewStyleProps<C>, handlers: StyleHandlers, direction: Direction, matchedBreakpoints: Breakpoint[]): CSSProperties;
 type StylePropsOptions = {
     matchedBreakpoints?: Breakpoint[];
@@ -34,7 +34,7 @@ export function useStyleProps<T extends StyleProps>(props: T, handlers?: StyleHa
     styleProps: HTMLAttributes<HTMLElement>;
 };
 export function passthroughStyle(value: any): any;
-export function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T;
+export function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T | undefined;
 export let shouldKeepSpectrumClassNames: boolean;
 export function keepSpectrumClassNames(): void;
 export function classNames(cssModule: {

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;AAGA;IACE,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACrC;AAED;IACE,kBAAkB,EAAE,MAAM,EAAE,CAAA;CAC7B;AAKD;IACE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,EAAE,MAAM,EAAE,CAAA;CAC7B;AAED,mCAAmC,KAAK,EAAE,uBAAuB,qBAWhE;AAED,sCAAsC,WAAW,EAAE,WAAW,GAAG,MAAM,EAAE,CAoDxE;AAED,iCAAiC,iBAAiB,CAEjD;AC1ED,kBAAkB,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AACpD,iBAAiB,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC;AAClE,oBAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAClE;IACE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;CACzC;AAED,OAAO,MAAM,gBAAgB,aAuC5B,CAAC;AAEF,OAAO,MAAM,gBAAgB,aAwC5B,CAAC;AAoBF,+BAA+B,KAAK,EAAE,cAAc,UAkBnD;AAED,yCAAyC,KAAK,EAAE,WAAW,cAAc,CAAC,EAAE,kBAAkB,EAAE,UAAU,EAAE,UAG3G;AA6DD,kCAAkC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAgClK;AAED,yBAAyB;IACvB,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAA;CAClC,CAAC;AAEF,8BAA8B,CAAC,SAAS,UAAU,EAChD,KAAK,EAAE,CAAC,EACR,QAAQ,GAAE,aAA8B,EACxC,OAAO,GAAE,iBAAsB;;EA6ChC;AAED,iCAAiC,KAAK,KAAA,OAErC;AAED,kCAAkC,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,kBAAkB,EAAE,UAAU,EAAE,GAAG,CAAC,CAW7F;AC1SD,OAAO,IAAI,qCAAoC,CAAC;AAEhD,+CAOC;AAED,2BAA2B,SAAS,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,EAAE,GAAG,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,CA8BpH;ACzCD,kCAAkC,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,EAAE,sBAAsB,GAAG,CAAC,CAAC,CAQ5H;ACPD,8BAA8B,KAAK,EAAE,MAAM,WA4B1C;AC5BD,6BAA6B,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,GAAG,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC,CAM1G;AAED,mCAAmC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,MAAM,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,EAAE,YAAY,GAAE,UAAU,gBAAgB,GAAG,IAAI,CAAU,GAAG,kBAAkB,CAAC,CAAC,CASpL;AAED,0BAA0B,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,IAAI,CAAC,CAIlG;AAED,gCAAgC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,UAAU,gBAAgB,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,IAAI,CAAC,CAIjK;AAED,6BAA6B,CAAC,SAAS,WAAW,EAAE,GAAG,EAAE,UAAU,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,IAAI,CAAC,CAM9G;AAED,gCAAgC,CAAC,SAAS,WAAW,EAAE,GAAG,EAAE,UAAU,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,GAAI,UAAU,CAAC,GAAG,IAAI,CAAC,CAElH;ACnCD,6BAA6B,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAKjF;AAED,iCAAiC,SAAS,KAAA,MAKzC;AAED,6BAA6B,KAAK,KAAA,qBAmBjC;AAED,2BAA2B,KAAK,KAAA,qBAa/B;ACrDD,4BAA4B,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,WAAW,GAAG,IAAI,CAAC,WAM5E;ACND,qCAAqC,OAAO,CAO3C;ACSD,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC","sources":["packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/BreakpointProvider.tsx","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/styleProps.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/classNames.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/getWrappedElement.tsx","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/useMediaQuery.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/useDOMRef.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/Slots.tsx","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/useHasChild.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/useIsMobileDevice.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/index.ts","packages/@react-spectrum/utils/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,"/*\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/// <reference types=\"css-module-types\" />\n\nexport type {StyleHandlers} from './styleProps';\nexport {shouldKeepSpectrumClassNames, keepSpectrumClassNames, classNames} from './classNames';\nexport {getWrappedElement} from './getWrappedElement';\nexport {useMediaQuery} from './useMediaQuery';\nexport {createDOMRef, createFocusableRef, useDOMRef, useFocusableRef, unwrapDOMRef, useUnwrapDOMRef} from './useDOMRef';\nexport {\n  baseStyleProps,\n  viewStyleProps,\n  dimensionValue,\n  responsiveDimensionValue,\n  convertStyleProps,\n  useStyleProps,\n  passthroughStyle,\n  getResponsiveProp\n} from './styleProps';\nexport {useSlotProps, cssModuleToSlots, SlotProvider, ClearSlots} from './Slots';\nexport {useHasChild} from './useHasChild';\nexport {useIsMobileDevice} from './useIsMobileDevice';\nexport {useValueEffect} from '@react-aria/utils';\nexport {BreakpointProvider, useMatchedBreakpoints, useBreakpoint} from './BreakpointProvider';\nexport {useResizeObserver} from '@react-aria/utils';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/BreakpointProvider.tsx","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/styleProps.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/classNames.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/getWrappedElement.tsx","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/useMediaQuery.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/useDOMRef.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/Slots.tsx","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/useHasChild.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/useIsMobileDevice.ts","packages/@react-spectrum/utils/src/packages/@react-spectrum/utils/src/index.ts","packages/@react-spectrum/utils/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,"/*\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/// <reference types=\"css-module-types\" />\n\nexport type {StyleHandlers} from './styleProps';\nexport {shouldKeepSpectrumClassNames, keepSpectrumClassNames, classNames} from './classNames';\nexport {getWrappedElement} from './getWrappedElement';\nexport {useMediaQuery} from './useMediaQuery';\nexport {createDOMRef, createFocusableRef, useDOMRef, useFocusableRef, unwrapDOMRef, useUnwrapDOMRef} from './useDOMRef';\nexport {\n  baseStyleProps,\n  viewStyleProps,\n  dimensionValue,\n  responsiveDimensionValue,\n  convertStyleProps,\n  useStyleProps,\n  passthroughStyle,\n  getResponsiveProp\n} from './styleProps';\nexport {useSlotProps, cssModuleToSlots, SlotProvider, ClearSlots} from './Slots';\nexport {useHasChild} from './useHasChild';\nexport {useIsMobileDevice} from './useIsMobileDevice';\nexport {useValueEffect} from '@react-aria/utils';\nexport {BreakpointProvider, useMatchedBreakpoints, useBreakpoint} from './BreakpointProvider';\nexport {useResizeObserver} from '@react-aria/utils';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/utils",
-  "version": "3.11.11",
+  "version": "3.12.1",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -24,17 +24,19 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.12.3",
-    "@react-aria/ssr": "^3.9.6",
-    "@react-aria/utils": "^3.25.3",
-    "@react-types/shared": "^3.25.0",
+    "@react-aria/i18n": "^3.12.5",
+    "@react-aria/ssr": "^3.9.7",
+    "@react-aria/utils": "^3.27.0",
+    "@react-types/shared": "^3.27.0",
     "@swc/helpers": "^0.5.0",
     "clsx": "^2.0.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
-  }
-}
+  },
+  "gitHead": "09e7f44bebdc9d89122926b2b439a0a38a2814ea"
+}

package/src/BreakpointProvider.tsx

@@ -12,7 +12,7 @@ interface BreakpointContext {
   matchedBreakpoints: string[]
 }
 
-const Context = React.createContext<BreakpointContext>(null);
+const Context = React.createContext<BreakpointContext | null>(null);
 Context.displayName = 'BreakpointContext';
 
 interface BreakpointProviderProps {
@@ -34,12 +34,12 @@ export function BreakpointProvider(props: BreakpointProviderProps) {
 }
 
 export function useMatchedBreakpoints(breakpoints: Breakpoints): string[] {
-  let entries = Object.entries(breakpoints).sort(([, valueA], [, valueB]) => valueB - valueA);
+  let entries = Object.entries(breakpoints).sort(([, valueA], [, valueB]) => valueB! - valueA!);
   let breakpointQueries = entries.map(([, value]) => `(min-width: ${value}px)`);
 
   let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';
   let getBreakpointHandler = () => {
-    let matched = [];
+    let matched: string[] = [];
     for (let i in breakpointQueries) {
       let query = breakpointQueries[i];
       if (window.matchMedia(query).matches) {
@@ -87,6 +87,6 @@ export function useMatchedBreakpoints(breakpoints: Breakpoints): string[] {
   return isSSR ? ['base'] : breakpoint;
 }
 
-export function useBreakpoint(): BreakpointContext {
+export function useBreakpoint() {
   return useContext(Context);
 }

package/src/Slots.tsx

@@ -17,10 +17,11 @@ interface SlotProps {
   slot?: string
 }
 
-let SlotContext = React.createContext(null);
+let SlotContext = React.createContext<{} | null>(null);
 
 export function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {
   let slot = (props as SlotProps).slot || defaultSlot;
+  // @ts-ignore TODO why is slot an object and not just string or undefined?
   let {[slot]: slotProps = {}} = useContext(SlotContext) || {};
 
   return mergeProps(props, mergeProps(slotProps, {id: props.id}));
@@ -34,9 +35,10 @@ export function cssModuleToSlots(cssModule) {
 }
 
 export function SlotProvider(props) {
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  let parentSlots = useContext(SlotContext) || {};
-  let {slots = {}, children} = props;
+  const emptyObj = useMemo(() => ({}), []);
+   
+  let parentSlots = useContext(SlotContext) || emptyObj;
+  let {slots = emptyObj, children} = props;
 
   // Merge props for each slot from parent context and props
   let value = useMemo(() =>
@@ -56,6 +58,9 @@ export function SlotProvider(props) {
 
 export function ClearSlots(props) {
   let {children, ...otherProps} = props;
+
+  const emptyObj = useMemo(() => ({}), []);
+
   let content = children;
   if (React.Children.toArray(children).length <= 1) {
     if (typeof children === 'function') { // need to know if the node is a string or something else that react can render that doesn't get props
@@ -63,7 +68,7 @@ export function ClearSlots(props) {
     }
   }
   return (
-    <SlotContext.Provider value={{}}>
+    <SlotContext.Provider value={emptyObj}>
       {content}
     </SlotContext.Provider>
   );

package/src/classNames.ts

@@ -24,7 +24,7 @@ export function keepSpectrumClassNames() {
 }
 
 export function classNames(cssModule: {[key: string]: string}, ...values: Array<string | Object | undefined>): string {
-  let classes = [];
+  let classes: Array<{} | undefined> = [];
   for (let value of values) {
     if (typeof value === 'object' && value) {
       let mapped = {};

package/src/styleProps.ts

@@ -17,7 +17,7 @@ import {useLocale} from '@react-aria/i18n';
 
 type Breakpoint = 'base' | 'S' | 'M' | 'L' | string;
 type StyleName = string | string[] | ((dir: Direction) => string);
-type StyleHandler = (value: any, colorVersion?: number) => string;
+type StyleHandler = (value: any, colorVersion?: number) => string | undefined;
 export interface StyleHandlers {
   [key: string]: [StyleName, StyleHandler]
 }
@@ -144,8 +144,10 @@ export function dimensionValue(value: DimensionValue) {
 }
 
 export function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]) {
-  value = getResponsiveProp(value, matchedBreakpoints);
-  return dimensionValue(value);
+  let responsiveValue = getResponsiveProp(value, matchedBreakpoints);
+  if (responsiveValue != null) {
+    return dimensionValue(responsiveValue);
+  }
 }
 
 type ColorType = 'default' | 'background' | 'border' | 'icon' | 'status';
@@ -299,7 +301,7 @@ export function passthroughStyle(value) {
   return value;
 }
 
-export function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T {
+export function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T | undefined {
   if (prop && typeof prop === 'object' && !Array.isArray(prop)) {
     for (let i = 0; i < matchedBreakpoints.length; i++) {
       let breakpoint = matchedBreakpoints[i];