@react-spectrum/s2 0.5.0 → 0.7.0

package/icons/ViewGridFluid.cjs

@@ -0,0 +1,36 @@
+var $bde97c91243ed164$exports = require("./Icon.cjs");
+var $88p36$reactjsxruntime = require("react/jsx-runtime");
+var $88p36$react = require("react");
+
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $84b5c507b6cb31e8$export$2e2bcd8739ae039);
+
+
+
+const $84b5c507b6cb31e8$var$SvgComponent = (props, ref)=>/*#__PURE__*/ (0, $88p36$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        viewBox: "0 0 20 20",
+        ref: ref,
+        ...props,
+        children: /*#__PURE__*/ (0, $88p36$reactjsxruntime.jsx)("path", {
+            fill: "var(--iconPrimary, var(--lightningcss-light, rgb(41, 41, 41)) var(--lightningcss-dark, rgb(219, 219, 219)))",
+            d: "M4.75 18h-.5C3.01 18 2 16.99 2 15.75v-2.5C2 12.01 3.01 11 4.25 11h.5C5.99 11 7 12.01 7 13.25v2.5C7 16.99 5.99 18 4.75 18m-.5-5.5c-.414 0-.75.336-.75.75v2.5c0 .414.336.75.75.75h.5c.414 0 .75-.336.75-.75v-2.5c0-.414-.336-.75-.75-.75zM8.75 9h-4.5C3.01 9 2 7.99 2 6.75v-2.5C2 3.01 3.01 2 4.25 2h4.5C9.99 2 11 3.01 11 4.25v2.5C11 7.99 9.99 9 8.75 9m-4.5-5.5c-.414 0-.75.336-.75.75v2.5c0 .414.336.75.75.75h4.5c.414 0 .75-.336.75-.75v-2.5c0-.414-.336-.75-.75-.75zM15.75 18h-4.5C10.01 18 9 16.99 9 15.75v-2.5C9 12.01 10.01 11 11.25 11h4.5c1.24 0 2.25 1.01 2.25 2.25v2.5c0 1.24-1.01 2.25-2.25 2.25m-4.5-5.5c-.414 0-.75.336-.75.75v2.5c0 .414.336.75.75.75h4.5c.414 0 .75-.336.75-.75v-2.5c0-.414-.336-.75-.75-.75zM15.75 9h-.5C14.01 9 13 7.99 13 6.75v-2.5C13 3.01 14.01 2 15.25 2h.5C16.99 2 18 3.01 18 4.25v2.5C18 7.99 16.99 9 15.75 9m-.5-5.5c-.414 0-.75.336-.75.75v2.5c0 .414.336.75.75.75h.5c.414 0 .75-.336.75-.75v-2.5c0-.414-.336-.75-.75-.75z"
+        })
+    });
+const $84b5c507b6cb31e8$var$ForwardRef = /*#__PURE__*/ (0, $88p36$react.forwardRef)($84b5c507b6cb31e8$var$SvgComponent);
+var $84b5c507b6cb31e8$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $bde97c91243ed164$exports.createIcon)($84b5c507b6cb31e8$var$ForwardRef, (0, $bde97c91243ed164$exports.IconContext));
+
+
+//# sourceMappingURL=ViewGridFluid.cjs.map

package/icons/ViewGridFluid.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,gCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;kBAAE,cAAA,gCAAC;YAAK,MAAK;YAA8G,GAAE;;;AACrT,MAAM,iDAAa,CAAA,GAAA,uBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,oCAAS,EAAE,kCAAY,CAAA,GAAA,qCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ViewGridFluid_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg   xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m4.75,18h-.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25Zm-.5-5.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m8.75,9h-4.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h4.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25ZM4.25,3.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h4.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-4.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m15.75,18h-4.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h4.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25Zm-4.5-5.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h4.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-4.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m15.75,9h-.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25Zm-.5-5.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n</svg>"],"names":[],"version":3,"file":"ViewGridFluid.cjs.map"}

package/icons/ViewGridFluid.d.ts

@@ -0,0 +1,5 @@
+import type {IconProps} from '../dist/types';
+import type {ReactNode} from 'react';
+
+declare function Icon(props: IconProps): ReactNode;
+export default Icon;

package/icons/ViewGridFluid.mjs

@@ -0,0 +1,25 @@
+import {createIcon as $ac8c32e6775ddd1f$export$274edc73af1ae9c8, IconContext as $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed} from "./Icon.mjs";
+import {jsx as $vyVxj$jsx} from "react/jsx-runtime";
+import {forwardRef as $vyVxj$forwardRef} from "react";
+
+
+
+
+const $0c3094c068cd46d7$var$SvgComponent = (props, ref)=>/*#__PURE__*/ (0, $vyVxj$jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        viewBox: "0 0 20 20",
+        ref: ref,
+        ...props,
+        children: /*#__PURE__*/ (0, $vyVxj$jsx)("path", {
+            fill: "var(--iconPrimary, var(--lightningcss-light, rgb(41, 41, 41)) var(--lightningcss-dark, rgb(219, 219, 219)))",
+            d: "M4.75 18h-.5C3.01 18 2 16.99 2 15.75v-2.5C2 12.01 3.01 11 4.25 11h.5C5.99 11 7 12.01 7 13.25v2.5C7 16.99 5.99 18 4.75 18m-.5-5.5c-.414 0-.75.336-.75.75v2.5c0 .414.336.75.75.75h.5c.414 0 .75-.336.75-.75v-2.5c0-.414-.336-.75-.75-.75zM8.75 9h-4.5C3.01 9 2 7.99 2 6.75v-2.5C2 3.01 3.01 2 4.25 2h4.5C9.99 2 11 3.01 11 4.25v2.5C11 7.99 9.99 9 8.75 9m-4.5-5.5c-.414 0-.75.336-.75.75v2.5c0 .414.336.75.75.75h4.5c.414 0 .75-.336.75-.75v-2.5c0-.414-.336-.75-.75-.75zM15.75 18h-4.5C10.01 18 9 16.99 9 15.75v-2.5C9 12.01 10.01 11 11.25 11h4.5c1.24 0 2.25 1.01 2.25 2.25v2.5c0 1.24-1.01 2.25-2.25 2.25m-4.5-5.5c-.414 0-.75.336-.75.75v2.5c0 .414.336.75.75.75h4.5c.414 0 .75-.336.75-.75v-2.5c0-.414-.336-.75-.75-.75zM15.75 9h-.5C14.01 9 13 7.99 13 6.75v-2.5C13 3.01 14.01 2 15.25 2h.5C16.99 2 18 3.01 18 4.25v2.5C18 7.99 16.99 9 15.75 9m-.5-5.5c-.414 0-.75.336-.75.75v2.5c0 .414.336.75.75.75h.5c.414 0 .75-.336.75-.75v-2.5c0-.414-.336-.75-.75-.75z"
+        })
+    });
+const $0c3094c068cd46d7$var$ForwardRef = /*#__PURE__*/ (0, $vyVxj$forwardRef)($0c3094c068cd46d7$var$SvgComponent);
+var $0c3094c068cd46d7$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $ac8c32e6775ddd1f$export$274edc73af1ae9c8)($0c3094c068cd46d7$var$ForwardRef, (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed));
+
+
+export {$0c3094c068cd46d7$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=ViewGridFluid.mjs.map

package/icons/ViewGridFluid.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,gBAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;kBAAE,cAAA,gBAAC;YAAK,MAAK;YAA8G,GAAE;;;AACrT,MAAM,iDAAa,CAAA,GAAA,iBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,yCAAS,EAAE,kCAAY,CAAA,GAAA,yCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ViewGridFluid_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg   xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m4.75,18h-.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25Zm-.5-5.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m8.75,9h-4.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h4.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25ZM4.25,3.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h4.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-4.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m15.75,18h-4.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h4.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25Zm-4.5-5.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h4.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-4.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m15.75,9h-.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25Zm-.5-5.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n</svg>"],"names":[],"version":3,"file":"ViewGridFluid.mjs.map"}

package/icons/ZoomIn.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,iCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;;0BAAE,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAA+M,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;;;AAC/nB,MAAM,iDAAa,CAAA,GAAA,uBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,oCAAS,EAAE,kCAAY,CAAA,GAAA,qCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomIn_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"e\" data-name=\"ICONS\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m10.7998,7.25h-2.0498v-2.0498c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.0498h-2.0498c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.0498v2.0498c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.0498h2.0498c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m18.78027,17.71973l-5.33301-5.33301c-.00006,0-.00024,0-.00031-.00024.96942-1.20142,1.55304-2.72632,1.55304-4.38647,0-3.85938-3.14014-7-7-7S1,4.14062,1,8s3.14014,7,7,7c1.66022,0,3.18524-.5835,4.38654-1.55298.00006,0,.00012.00024.00018.00024l5.33301,5.33301c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Zm-10.78027-4.21973c-3.03271,0-5.5-2.46777-5.5-5.5s2.46729-5.5,5.5-5.5,5.5,2.46777,5.5,5.5-2.46729,5.5-5.5,5.5Z\" fill=\"var(--iconPrimary, #222)\" />\n</svg>"],"names":[],"version":3,"file":"ZoomIn.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,iCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;;0BAAE,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAA+M,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;;;AAC/nB,MAAM,iDAAa,CAAA,GAAA,uBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,oCAAS,EAAE,kCAAY,CAAA,GAAA,qCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomIn_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg   xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m10.7998,7.25h-2.0498v-2.0498c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.0498h-2.0498c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.0498v2.0498c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.0498h2.0498c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m18.78027,17.71973l-5.33301-5.33301c-.00006,0-.00024,0-.00031-.00024.96942-1.20142,1.55304-2.72632,1.55304-4.38647,0-3.85938-3.14014-7-7-7S1,4.14062,1,8s3.14014,7,7,7c1.66022,0,3.18524-.5835,4.38654-1.55298.00006,0,.00012.00024.00018.00024l5.33301,5.33301c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Zm-10.78027-4.21973c-3.03271,0-5.5-2.46777-5.5-5.5s2.46729-5.5,5.5-5.5,5.5,2.46777,5.5,5.5-2.46729,5.5-5.5,5.5Z\" fill=\"var(--iconPrimary, #222)\" />\n</svg>"],"names":[],"version":3,"file":"ZoomIn.cjs.map"}

package/icons/ZoomIn.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,iBAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;;0BAAE,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAA+M,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;;;AAC/nB,MAAM,iDAAa,CAAA,GAAA,iBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,yCAAS,EAAE,kCAAY,CAAA,GAAA,yCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomIn_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"e\" data-name=\"ICONS\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m10.7998,7.25h-2.0498v-2.0498c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.0498h-2.0498c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.0498v2.0498c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.0498h2.0498c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m18.78027,17.71973l-5.33301-5.33301c-.00006,0-.00024,0-.00031-.00024.96942-1.20142,1.55304-2.72632,1.55304-4.38647,0-3.85938-3.14014-7-7-7S1,4.14062,1,8s3.14014,7,7,7c1.66022,0,3.18524-.5835,4.38654-1.55298.00006,0,.00012.00024.00018.00024l5.33301,5.33301c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Zm-10.78027-4.21973c-3.03271,0-5.5-2.46777-5.5-5.5s2.46729-5.5,5.5-5.5,5.5,2.46777,5.5,5.5-2.46729,5.5-5.5,5.5Z\" fill=\"var(--iconPrimary, #222)\" />\n</svg>"],"names":[],"version":3,"file":"ZoomIn.mjs.map"}
+{"mappings":";;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,iBAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;;0BAAE,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAA+M,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;;;AAC/nB,MAAM,iDAAa,CAAA,GAAA,iBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,yCAAS,EAAE,kCAAY,CAAA,GAAA,yCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomIn_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg   xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m10.7998,7.25h-2.0498v-2.0498c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.0498h-2.0498c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.0498v2.0498c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.0498h2.0498c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m18.78027,17.71973l-5.33301-5.33301c-.00006,0-.00024,0-.00031-.00024.96942-1.20142,1.55304-2.72632,1.55304-4.38647,0-3.85938-3.14014-7-7-7S1,4.14062,1,8s3.14014,7,7,7c1.66022,0,3.18524-.5835,4.38654-1.55298.00006,0,.00012.00024.00018.00024l5.33301,5.33301c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Zm-10.78027-4.21973c-3.03271,0-5.5-2.46777-5.5-5.5s2.46729-5.5,5.5-5.5,5.5,2.46777,5.5,5.5-2.46729,5.5-5.5,5.5Z\" fill=\"var(--iconPrimary, #222)\" />\n</svg>"],"names":[],"version":3,"file":"ZoomIn.mjs.map"}

package/icons/ZoomOut.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,iCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;;0BAAE,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAAqG,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAAmJ,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;;;AACnyB,MAAM,iDAAa,CAAA,GAAA,uBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,oCAAS,EAAE,kCAAY,CAAA,GAAA,qCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomOut_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"a\" data-name=\"ICONS\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m10.7998,8.75h-5.59961c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h5.59961c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m8,15c-3.85986,0-7-3.14062-7-7S4.14014,1,8,1s7,3.14062,7,7-3.14014,7-7,7Zm0-12.5c-3.03271,0-5.5,2.46777-5.5,5.5s2.46729,5.5,5.5,5.5,5.5-2.46777,5.5-5.5-2.46729-5.5-5.5-5.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m18.25,19c-.19189,0-.38379-.07324-.53027-.21973l-5.33301-5.33301c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l5.33301,5.33301c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33838.21973-.53027.21973Z\" fill=\"var(--iconPrimary, #222)\"/>\n</svg>"],"names":[],"version":3,"file":"ZoomOut.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,iCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;;0BAAE,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAAqG,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAAmJ,gCAAC;gBAAK,MAAK;gBAA8G,GAAE;;;;AACnyB,MAAM,iDAAa,CAAA,GAAA,uBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,oCAAS,EAAE,kCAAY,CAAA,GAAA,qCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomOut_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg   xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m10.7998,8.75h-5.59961c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h5.59961c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m8,15c-3.85986,0-7-3.14062-7-7S4.14014,1,8,1s7,3.14062,7,7-3.14014,7-7,7Zm0-12.5c-3.03271,0-5.5,2.46777-5.5,5.5s2.46729,5.5,5.5,5.5,5.5-2.46777,5.5-5.5-2.46729-5.5-5.5-5.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m18.25,19c-.19189,0-.38379-.07324-.53027-.21973l-5.33301-5.33301c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l5.33301,5.33301c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33838.21973-.53027.21973Z\" fill=\"var(--iconPrimary, #222)\"/>\n</svg>"],"names":[],"version":3,"file":"ZoomOut.cjs.map"}

package/icons/ZoomOut.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,iBAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;;0BAAE,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAAqG,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAAmJ,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;;;AACnyB,MAAM,iDAAa,CAAA,GAAA,iBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,yCAAS,EAAE,kCAAY,CAAA,GAAA,yCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomOut_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"a\" data-name=\"ICONS\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m10.7998,8.75h-5.59961c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h5.59961c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m8,15c-3.85986,0-7-3.14062-7-7S4.14014,1,8,1s7,3.14062,7,7-3.14014,7-7,7Zm0-12.5c-3.03271,0-5.5,2.46777-5.5,5.5s2.46729,5.5,5.5,5.5,5.5-2.46777,5.5-5.5-2.46729-5.5-5.5-5.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m18.25,19c-.19189,0-.38379-.07324-.53027-.21973l-5.33301-5.33301c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l5.33301,5.33301c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33838.21973-.53027.21973Z\" fill=\"var(--iconPrimary, #222)\"/>\n</svg>"],"names":[],"version":3,"file":"ZoomOut.mjs.map"}
+{"mappings":";;;;;;;AAKA,MAAM,qCAAe,CAAC,OAAgC,oBAA4B,iBAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAY,KAAK;QAAM,GAAG,KAAK;;0BAAE,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAAqG,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;0BAAmJ,gBAAC;gBAAK,MAAK;gBAA8G,GAAE;;;;AACnyB,MAAM,iDAAa,CAAA,GAAA,iBAAS,EAAE;IAG9B,2CAAe,WAAW,GAAG,CAAA,GAAA,yCAAS,EAAE,kCAAY,CAAA,GAAA,yCAAU","sources":["packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomOut_20_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg   xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n  <path d=\"m10.7998,8.75h-5.59961c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h5.59961c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m8,15c-3.85986,0-7-3.14062-7-7S4.14014,1,8,1s7,3.14062,7,7-3.14014,7-7,7Zm0-12.5c-3.03271,0-5.5,2.46777-5.5,5.5s2.46729,5.5,5.5,5.5,5.5-2.46777,5.5-5.5-2.46729-5.5-5.5-5.5Z\" fill=\"var(--iconPrimary, #222)\"/>\n  <path d=\"m18.25,19c-.19189,0-.38379-.07324-.53027-.21973l-5.33301-5.33301c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l5.33301,5.33301c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33838.21973-.53027.21973Z\" fill=\"var(--iconPrimary, #222)\"/>\n</svg>"],"names":[],"version":3,"file":"ZoomOut.mjs.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/s2",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Spectrum 2 UI components in React",
   "license": "Apache-2.0",
   "repository": {
@@ -57,33 +57,31 @@
     "src"
   ],
   "dependencies": {
-    "@react-aria/collections": "3.0.0-alpha.6",
-    "@react-aria/i18n": "^3.12.4",
-    "@react-aria/interactions": "^3.22.5",
-    "@react-aria/utils": "^3.26.0",
-    "@react-spectrum/utils": "^3.12.0",
-    "@react-stately/layout": "^4.1.0",
-    "@react-stately/virtualizer": "^4.2.0",
-    "@react-types/color": "^3.0.1",
-    "@react-types/dialog": "^3.5.14",
-    "@react-types/grid": "^3.2.10",
-    "@react-types/provider": "^3.8.5",
-    "@react-types/shared": "^3.26.0",
-    "@react-types/table": "^3.10.3",
-    "@react-types/textfield": "^3.10.0",
+    "@react-aria/collections": "3.0.0-beta.0",
+    "@react-aria/focus": "^3.20.0",
+    "@react-aria/i18n": "^3.12.6",
+    "@react-aria/interactions": "^3.24.0",
+    "@react-aria/live-announcer": "^3.4.1",
+    "@react-aria/utils": "^3.28.0",
+    "@react-spectrum/utils": "^3.12.2",
+    "@react-stately/layout": "^4.2.0",
+    "@react-stately/utils": "^3.10.5",
+    "@react-types/dialog": "^3.5.16",
+    "@react-types/grid": "^3.3.0",
+    "@react-types/provider": "^3.8.7",
+    "@react-types/shared": "^3.28.0",
+    "@react-types/table": "^3.11.0",
+    "@react-types/textfield": "^3.12.0",
     "csstype": "^3.0.2",
-    "react-aria": "^3.36.0",
-    "react-aria-components": "^1.5.0"
+    "react-aria": "^3.38.0",
+    "react-aria-components": "^1.7.0"
   },
   "peerDependencies": {
-    "@testing-library/react": "^15.0.7",
-    "@testing-library/user-event": "^13.0.0 || ^14.0.0",
-    "jest": "^29.5.0",
     "react": "^18.0.0 || ^19.0.0-rc.1",
     "react-dom": "^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "71f0ef23053f9e03ee7e97df736e8b083e006849"
+  "gitHead": "4d3c72c94eea2d72eb3a0e7d56000c6ef7e39726"
 }

package/src/Accordion.tsx

@@ -43,9 +43,12 @@ const accordion = style({
   flexDirection: 'column'
 }, getAllowedOverrides({height: true}));
 
-export const AccordionContext = createContext<ContextValue<AccordionProps, DOMRefValue<HTMLDivElement>>>(null);
+export const AccordionContext = createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);
 
-function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {
+/**
+ * An accordion is a container for multiple disclosures.
+ */
+export const Accordion = forwardRef(function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {
   [props, ref] = useSpectrumContextProps(props, ref, AccordionContext);
   let domRef = useDOMRef(ref);
   let {
@@ -66,10 +69,4 @@ function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {
       </DisclosureGroup>
     </DisclosureContext.Provider>
   );
-}
-
-/**
- * An accordion is a container for multiple disclosures.
- */
-let _Accordion = forwardRef(Accordion);
-export {_Accordion as Accordion};
+});

package/src/ActionBar.tsx

@@ -0,0 +1,229 @@
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {ActionButtonGroup} from './ActionButtonGroup';
+import {announce} from '@react-aria/live-announcer';
+import {CloseButton} from './CloseButton';
+import {ContextValue, SlotProps} from 'react-aria-components';
+import {createContext, ForwardedRef, forwardRef, ReactElement, ReactNode, RefObject, useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import {DOMRef, DOMRefValue, Key} from '@react-types/shared';
+import {FocusScope, useKeyboard} from 'react-aria';
+// @ts-ignore
+import intlMessages from '../intl/*.json';
+import {style} from '../style' with {type: 'macro'};
+import {useControlledState} from '@react-stately/utils';
+import {useDOMRef} from '@react-spectrum/utils';
+import {useEnterAnimation, useExitAnimation, useObjectRef, useResizeObserver} from '@react-aria/utils';
+import {useLocalizedStringFormatter} from '@react-aria/i18n';
+import {useSpectrumContextProps} from './useSpectrumContextProps';
+
+const actionBarStyles = style({
+  borderRadius: 'lg',
+  '--s2-container-bg': {
+    type: 'backgroundColor',
+    value: {
+      default: 'elevated',
+      isEmphasized: 'neutral'
+    }
+  },
+  backgroundColor: '--s2-container-bg',
+  boxShadow: 'elevated',
+  boxSizing: 'border-box',
+  outlineStyle: 'solid',
+  outlineWidth: 1,
+  outlineOffset: -1,
+  outlineColor: {
+    default: 'gray-200',
+    isEmphasized: 'transparent',
+    forcedColors: 'ButtonBorder'
+  },
+  paddingX: 8,
+  paddingY: 12,
+  display: 'flex',
+  gap: 16,
+  alignItems: 'center',
+  position: {
+    isInContainer: 'absolute'
+  },
+  bottom: 0,
+  insetStart: 8,
+  '--insetEnd': {
+    type: 'insetEnd',
+    value: 8
+  },
+  width: {
+    default: 'full',
+    isInContainer: 'auto'
+  },
+  marginX: 'auto',
+  maxWidth: 960,
+  transition: 'transform',
+  transitionDuration: 200,
+  translateY: {
+    default: -8,
+    isEntering: 'full',
+    isExiting: 'full'
+  }
+});
+
+export interface ActionBarProps extends SlotProps {
+  /** A list of ActionButtons to display. */
+  children: ReactNode,
+  /** Whether the ActionBar should be displayed with a emphasized style. */
+  isEmphasized?: boolean,
+  /** The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is hidden. */
+  selectedItemCount?: number | 'all',
+  /** Handler that is called when the ActionBar clear button is pressed. */
+  onClearSelection?: () => void,
+  /** A ref to the scrollable element the ActionBar appears above. */
+  scrollRef?: RefObject<HTMLElement | null>
+}
+
+export const ActionBarContext = createContext<ContextValue<Partial<ActionBarProps>, DOMRefValue<HTMLDivElement>>>(null);
+
+export const ActionBar = forwardRef(function ActionBar(props: ActionBarProps, ref: DOMRef<HTMLDivElement>) {
+  [props, ref] = useSpectrumContextProps(props, ref, ActionBarContext);
+  let domRef = useDOMRef(ref);
+
+  let isOpen = props.selectedItemCount !== 0;
+  let isExiting = useExitAnimation(domRef, isOpen && props.scrollRef != null);
+  if (!isOpen && !isExiting) {
+    return null;
+  }
+
+  return <ActionBarInner {...props} ref={domRef} isExiting={isExiting} />;
+});
+
+const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps & {isExiting: boolean}, ref: ForwardedRef<HTMLDivElement | null>) {
+  let {isEmphasized, selectedItemCount = 0, children, onClearSelection, isExiting} = props;
+  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');
+
+  // Store the last count greater than zero so that we can retain it while rendering the fade-out animation.
+  let [lastCount, setLastCount] = useState(selectedItemCount);
+  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {
+    setLastCount(selectedItemCount);
+  }
+    
+  // Measure the width of the collection's scrollbar and offset the action bar by that amount.
+  let scrollRef = props.scrollRef;
+  let [scrollbarWidth, setScrollbarWidth] = useState(0);
+  let updateScrollbarWidth = useCallback(() => {
+    let el = scrollRef?.current;
+    if (el) {
+      let w = el.offsetWidth - el.clientWidth;
+      setScrollbarWidth(w);
+    }
+  }, [scrollRef]);
+
+  useResizeObserver({
+    ref: scrollRef,
+    onResize: updateScrollbarWidth
+  });
+
+  let {keyboardProps} = useKeyboard({
+    onKeyDown(e) {
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        onClearSelection?.();
+      } else {
+        e.continuePropagation();
+      }
+    }
+  });
+
+  // Announce "actions available" on mount.
+  let isInitial = useRef(true);
+  useEffect(() => {
+    if (isInitial.current && scrollRef) {
+      isInitial.current = false;
+      announce(stringFormatter.format('actionbar.actionsAvailable'));
+    }
+  }, [stringFormatter, scrollRef]);
+
+  let objectRef = useObjectRef(ref);
+  let isEntering = useEnterAnimation(objectRef, !!scrollRef);
+
+  return (
+    <FocusScope restoreFocus>
+      <div
+        ref={objectRef}
+        {...keyboardProps}
+        className={actionBarStyles({isEmphasized, isInContainer: !!scrollRef, isEntering, isExiting})}
+        style={{insetInlineEnd: `calc(var(--insetEnd) + ${scrollbarWidth}px)`}}>
+        <div className={style({order: 1, marginStart: 'auto'})}>
+          <ActionButtonGroup
+            staticColor={isEmphasized ? 'auto' : undefined}
+            isQuiet
+            aria-label={stringFormatter.format('actionbar.actions')}>
+            {children}
+          </ActionButtonGroup>
+        </div>
+        <div className={style({order: 0, display: 'flex', alignItems: 'center', gap: 4})}>
+          <CloseButton
+            staticColor={isEmphasized ? 'auto' : undefined}
+            aria-label={stringFormatter.format('actionbar.clearSelection')}
+            onPress={() => onClearSelection?.()} />
+          <span className={style({font: 'ui', color: {default: 'neutral', isEmphasized: 'gray-25'}})({isEmphasized})}>
+            {lastCount === 'all'
+              ? stringFormatter.format('actionbar.selectedAll')
+              : stringFormatter.format('actionbar.selected', {count: lastCount})}
+          </span>
+        </div>
+      </div>
+    </FocusScope>
+  );
+});
+
+interface ActionBarContainerHookProps {
+  selectedKeys?: 'all' | Iterable<Key>,
+  defaultSelectedKeys?: 'all' | Iterable<Key>,
+  onSelectionChange?: (keys: Set<Key>) => void,
+  renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement,
+  scrollRef?: RefObject<HTMLElement | null>
+}
+
+export function useActionBarContainer(props: ActionBarContainerHookProps) {
+  let {renderActionBar, scrollRef} = props;
+  let [selectedKeys, setSelectedKeys] = useControlledState(props.selectedKeys, props.defaultSelectedKeys || new Set(), props.onSelectionChange);
+  let selectedKeysSet = useMemo(() => selectedKeys === 'all' ? selectedKeys as 'all' : new Set(selectedKeys), [selectedKeys]);
+  let actionBar = useMemo(() => renderActionBar?.(selectedKeysSet), [renderActionBar, selectedKeysSet]);
+  let selectedItemCount = selectedKeysSet === 'all' ? 'all' as const : selectedKeysSet.size;
+  let [actionBarHeight, setActionBarHeight] = useState(0);
+  let actionBarRef = useCallback((ref: DOMRefValue | null) => {
+    let actionBar = ref?.UNSAFE_getDOMNode();
+    if (actionBar) {
+      setActionBarHeight(actionBar.offsetHeight + 8);
+    } else {
+      setActionBarHeight(0);
+    }
+  }, []);
+
+  let actionBarContext = useMemo(() => ({
+    ref: actionBarRef,
+    scrollRef,
+    selectedItemCount,
+    onClearSelection: () => setSelectedKeys(new Set())
+  }), [scrollRef, actionBarRef, selectedItemCount, setSelectedKeys]);
+
+  let wrappedActionBar = useMemo(() => (
+    <ActionBarContext.Provider value={actionBarContext}>
+      {actionBar}
+    </ActionBarContext.Provider>
+  ), [actionBarContext, actionBar]);
+
+  return {
+    selectedKeys,
+    onSelectionChange: setSelectedKeys,
+    actionBar: wrappedActionBar,
+    actionBarHeight
+  };
+}

package/src/ActionButton.tsx

@@ -17,7 +17,7 @@ import {ButtonProps, ButtonRenderProps, ContextValue, OverlayTriggerStateContext
 import {centerBaseline} from './CenterBaseline';
 import {createContext, forwardRef, ReactNode, useContext} from 'react';
 import {FocusableRef, FocusableRefValue} from '@react-types/shared';
-import {getAllowedOverrides, StyleProps} from './style-utils' with { type: 'macro' };
+import {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with { type: 'macro' };
 import {IconContext} from './Icon';
 import {pressScale} from './pressScale';
 import {SkeletonContext} from './Skeleton';
@@ -34,7 +34,7 @@ export interface ActionButtonStyleProps {
    */
   size?: 'XS' | 'S' | 'M' | 'L' | 'XL',
   /** The static color style to apply. Useful when the ActionButton appears over a color background. */
-  staticColor?: 'black' | 'white',
+  staticColor?: 'black' | 'white' | 'auto',
   /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */
   isQuiet?: boolean
 }
@@ -54,13 +54,14 @@ interface ActionGroupItemStyleProps {
 
 export interface ActionButtonProps extends Omit<ButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'isPending'>, StyleProps, ActionButtonStyleProps {
   /** The content to display in the ActionButton. */
-  children?: ReactNode
+  children: ReactNode
 }
 
 // These styles handle both ActionButton and ToggleButton
 const iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';
-export const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & ToggleButtonStyleProps & ActionGroupItemStyleProps & {isInGroup: boolean}>({
+export const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & ToggleButtonStyleProps & ActionGroupItemStyleProps & {isInGroup: boolean, isStaticColor: boolean}>({
   ...focusRing(),
+  ...staticColor(),
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
@@ -98,33 +99,17 @@ export const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & Togg
         isQuiet: 'transparent'
       }
     },
-    staticColor: {
-      white: {
-        ...baseColor('transparent-white-100'),
-        default: {
-          default: 'transparent-white-100',
-          isQuiet: 'transparent'
-        },
-        isSelected: {
-          default: baseColor('transparent-white-800'),
-          isDisabled: {
-            default: 'transparent-white-100',
-            isQuiet: 'transparent'
-          }
-        }
+    isStaticColor: {
+      ...baseColor('transparent-overlay-100'),
+      default: {
+        default: 'transparent-overlay-100',
+        isQuiet: 'transparent'
       },
-      black: {
-        ...baseColor('transparent-black-100'),
-        default: {
-          default: 'transparent-black-100',
+      isSelected: {
+        default: baseColor('transparent-overlay-800'),
+        isDisabled: {
+          default: 'transparent-overlay-100',
           isQuiet: 'transparent'
-        },
-        isSelected: {
-          default: baseColor('transparent-black-800'),
-          isDisabled: {
-            default: 'transparent-black-100',
-            isQuiet: 'transparent'
-          }
         }
       }
     },
@@ -143,17 +128,10 @@ export const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & Togg
       isEmphasized: 'white'
     },
     isDisabled: 'disabled',
-    staticColor: {
-      white: {
-        default: baseColor('transparent-white-800'),
-        isSelected: 'black',
-        isDisabled: 'transparent-white-400'
-      },
-      black: {
-        default: baseColor('transparent-black-800'),
-        isSelected: 'white',
-        isDisabled: 'transparent-black-400'
-      }
+    isStaticColor: {
+      default: baseColor('transparent-overlay-800'),
+      isSelected: 'auto',
+      isDisabled: 'transparent-overlay-400'
     },
     forcedColors: {
       default: 'ButtonText',
@@ -169,10 +147,7 @@ export const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & Togg
   },
   outlineColor: {
     default: 'focus-ring',
-    staticColor: {
-      white: 'white',
-      black: 'black'
-    },
+    isStaticColor: 'transparent-overlay-1000',
     forcedColors: 'Highlight'
   },
   borderStyle: 'none',
@@ -253,9 +228,13 @@ const avatarSize = {
   X: 26
 } as const;
 
-export const ActionButtonContext = createContext<ContextValue<ActionButtonProps, FocusableRefValue<HTMLButtonElement>>>(null);
+export const ActionButtonContext = createContext<ContextValue<Partial<ActionButtonProps>, FocusableRefValue<HTMLButtonElement>>>(null);
 
-function ActionButton(props: ActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {
+/**
+ * ActionButtons allow users to perform an action.
+ * They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.
+ */
+export const ActionButton = forwardRef(function ActionButton(props: ActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {
   [props, ref] = useSpectrumContextProps(props, ref, ActionButtonContext);
   props = useFormProps(props as any);
   let domRef = useFocusableRef(ref);
@@ -283,6 +262,7 @@ function ActionButton(props: ActionButtonProps, ref: FocusableRef<HTMLButtonElem
         // Retain hover styles when an overlay is open.
         isHovered: renderProps.isHovered || overlayTriggerState?.isOpen || false,
         staticColor,
+        isStaticColor: !!staticColor,
         size,
         isQuiet,
         density,
@@ -307,11 +287,4 @@ function ActionButton(props: ActionButtonProps, ref: FocusableRef<HTMLButtonElem
       </Provider>
     </RACButton>
   );
-}
-
-/**
- * ActionButtons allow users to perform an action.
- * They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.
- */
-let _ActionButton = forwardRef(ActionButton);
-export {_ActionButton as ActionButton};
+});

package/src/ActionButtonGroup.tsx

@@ -10,13 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
+import {AriaLabelingProps} from '@react-types/shared';
 import {ContextValue, SlotProps, Toolbar} from 'react-aria-components';
 import {createContext, ForwardedRef, forwardRef, ReactNode} from 'react';
 import {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};
 import {style} from '../style' with {type: 'macro'};
 import {useSpectrumContextProps} from './useSpectrumContextProps';
 
-export interface ActionButtonGroupProps extends UnsafeStyles, SlotProps {
+export interface ActionButtonGroupProps extends AriaLabelingProps, UnsafeStyles, SlotProps {
   /** Spectrum-defined styles, returned by the `style()` macro. */
   styles?: StylesPropWithHeight,
   /** The children of the group. */
@@ -36,7 +37,7 @@ export interface ActionButtonGroupProps extends UnsafeStyles, SlotProps {
   /** Whether the buttons should divide the container width equally. */
   isJustified?: boolean,
   /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
-  staticColor?: 'white' | 'black',
+  staticColor?: 'white' | 'black' | 'auto',
   /**
    * The axis the group should align with.
    * @default 'horizontal'
@@ -71,9 +72,12 @@ export const actionGroupStyle = style({
 }, getAllowedOverrides({height: true}));
 
 
-export const ActionButtonGroupContext = createContext<ContextValue<ActionButtonGroupProps, HTMLDivElement>>(null);
+export const ActionButtonGroupContext = createContext<ContextValue<Partial<ActionButtonGroupProps>, HTMLDivElement>>(null);
 
-function ActionButtonGroup(props: ActionButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {
+/**
+ * An ActionButtonGroup is a grouping of related ActionButtons.
+ */
+export const ActionButtonGroup = forwardRef(function ActionButtonGroup(props: ActionButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {
   [props, ref] = useSpectrumContextProps(props, ref, ActionButtonGroupContext);
   let {
     density = 'regular',
@@ -97,10 +101,4 @@ function ActionButtonGroup(props: ActionButtonGroupProps, ref: ForwardedRef<HTML
       </ActionButtonGroupContext.Provider>
     </Toolbar>
   );
-}
-
-/**
- * An ActionButtonGroup is a grouping of related ActionButtons.
- */
-const _ActionButtonGroup = forwardRef(ActionButtonGroup);
-export {_ActionButtonGroup as ActionButtonGroup};
+});