@react-spectrum/view 3.0.0-alpha.1 → 3.0.0-nightly-4980928d3-240906

package/dist/main.js

@@ -1,104 +1,32 @@
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
+var $6c848be8e8bffe98$exports = require("./View.main.js");
+var $2d8ae89d4e4c1d41$exports = require("./Content.main.js");
+var $e266c0b33fd8525d$exports = require("./Footer.main.js");
+var $62d558b43ecd7a77$exports = require("./Header.main.js");
 
-var _babelRuntimeHelpersObjectWithoutProperties = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _temp = require("@react-spectrum/utils");
-
-var filterDOMProps = _temp.filterDOMProps;
-var useDOMRef = _temp.useDOMRef;
-var useSlotProps = _temp.useSlotProps;
-var useStyleProps = _temp.useStyleProps;
-var viewStyleProps = _temp.viewStyleProps;
-var ClearSlots = _temp.ClearSlots;
-
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
-
-var forwardRef = _react2.forwardRef;
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $d32c49000752d7e766aca3dcb18ca2$var$View(props, ref) {
-  props = useSlotProps(props);
-
-  var _props = props,
-      _props$elementType = _props.elementType,
-      ElementType = _props$elementType === void 0 ? 'div' : _props$elementType,
-      children = _props.children,
-      otherProps = _babelRuntimeHelpersObjectWithoutProperties(_props, ["elementType", "children"]);
-
-  var _useStyleProps = useStyleProps(props, viewStyleProps),
-      styleProps = _useStyleProps.styleProps;
-
-  var domRef = useDOMRef(ref);
-  return (/*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, filterDOMProps(otherProps), styleProps, {
-      ref: domRef
-    }), children)
-  );
-}
-
-var View = forwardRef($d32c49000752d7e766aca3dcb18ca2$var$View);
-exports.View = View;
-
-function $d1fda12a538a885b09e0aa15c973b51$var$Content(props, ref) {
-  props = useSlotProps(props, 'content');
-
-  var _props = props,
-      children = _props.children,
-      otherProps = _babelRuntimeHelpersObjectWithoutProperties(_props, ["children"]);
-
-  var _useStyleProps = useStyleProps(otherProps),
-      styleProps = _useStyleProps.styleProps;
-
-  var domRef = useDOMRef(ref);
-  return (/*#__PURE__*/_react.createElement("section", _babelRuntimeHelpersExtends({}, filterDOMProps(otherProps), styleProps, {
-      ref: domRef
-    }), /*#__PURE__*/_react.createElement(ClearSlots, null, children))
-  );
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-var Content = forwardRef($d1fda12a538a885b09e0aa15c973b51$var$Content);
-exports.Content = Content;
+$parcel$export(module.exports, "View", () => $6c848be8e8bffe98$exports.View);
+$parcel$export(module.exports, "Content", () => $2d8ae89d4e4c1d41$exports.Content);
+$parcel$export(module.exports, "Footer", () => $e266c0b33fd8525d$exports.Footer);
+$parcel$export(module.exports, "Header", () => $62d558b43ecd7a77$exports.Header);
+/*
+ * Copyright 2020 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.
+ */ /// <reference types="css-module-types" />
 
-function $e9f8bc9d3d36c51094e9cf8018cbec$var$Footer(props, ref) {
-  props = useSlotProps(props, 'footer');
 
-  var _props = props,
-      children = _props.children,
-      otherProps = _babelRuntimeHelpersObjectWithoutProperties(_props, ["children"]);
 
-  var _useStyleProps = useStyleProps(otherProps),
-      styleProps = _useStyleProps.styleProps;
 
-  var domRef = useDOMRef(ref);
-  return (/*#__PURE__*/_react.createElement("footer", _babelRuntimeHelpersExtends({}, filterDOMProps(otherProps), styleProps, {
-      ref: domRef
-    }), children)
-  );
-}
 
-var Footer = forwardRef($e9f8bc9d3d36c51094e9cf8018cbec$var$Footer);
-exports.Footer = Footer;
-
-function $b8666d2e267ec708a6c2a8024ae4e$var$Header(props, ref) {
-  props = useSlotProps(props, 'header');
-
-  var _props = props,
-      children = _props.children,
-      otherProps = _babelRuntimeHelpersObjectWithoutProperties(_props, ["children"]);
-
-  var _useStyleProps = useStyleProps(otherProps),
-      styleProps = _useStyleProps.styleProps;
-
-  var domRef = useDOMRef(ref);
-  return (/*#__PURE__*/_react.createElement("header", _babelRuntimeHelpersExtends({}, filterDOMProps(otherProps), styleProps, {
-      ref: domRef
-    }), children)
-  );
-}
 
-var Header = forwardRef($b8666d2e267ec708a6c2a8024ae4e$var$Header);
-exports.Header = Header;
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/view/src/index.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/// <reference types=\"css-module-types\" />\nexport {View} from './View';\nexport {Content} from './Content';\nexport {Footer} from './Footer';\nexport {Header} from './Header';\nexport type {ContentProps, FooterProps, HeaderProps, ViewProps} from '@react-types/view';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,85 +1,24 @@
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
-import _babelRuntimeHelpersEsmObjectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { filterDOMProps, useDOMRef, useSlotProps, useStyleProps, viewStyleProps, ClearSlots } from "@react-spectrum/utils";
-import _react, { forwardRef } from "react";
+import {View as $b9606c0c41d55371$export$27a5bd065ad55220} from "./View.module.js";
+import {Content as $0a7c18a2ef74b280$export$7c6e2c02157bb7d2} from "./Content.module.js";
+import {Footer as $8d68cc89c1f9278e$export$a06f1c675e846f6f} from "./Footer.module.js";
+import {Header as $aedcc4886d2a392a$export$8b251419efc915eb} from "./Header.module.js";
 
-function $c66d91ef484a1e068d908a8d$var$View(props, ref) {
-  props = useSlotProps(props);
+/*
+ * Copyright 2020 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.
+ */ /// <reference types="css-module-types" />
 
-  let {
-    elementType: ElementType = 'div',
-    children
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutProperties(props, ["elementType", "children"]);
 
-  let {
-    styleProps
-  } = useStyleProps(props, viewStyleProps);
-  let domRef = useDOMRef(ref);
-  return (/*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersEsmExtends({}, filterDOMProps(otherProps), styleProps, {
-      ref: domRef
-    }), children)
-  );
-}
 
-export const View = forwardRef($c66d91ef484a1e068d908a8d$var$View);
 
-function $dab4ade329b7589c4d81c2dc1b08dc49$var$Content(props, ref) {
-  props = useSlotProps(props, 'content');
 
-  let {
-    children
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutProperties(props, ["children"]);
 
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let domRef = useDOMRef(ref);
-  return (/*#__PURE__*/_react.createElement("section", _babelRuntimeHelpersEsmExtends({}, filterDOMProps(otherProps), styleProps, {
-      ref: domRef
-    }), /*#__PURE__*/_react.createElement(ClearSlots, null, children))
-  );
-}
-
-export const Content = forwardRef($dab4ade329b7589c4d81c2dc1b08dc49$var$Content);
-
-function $f8e24f985c1a80022f1a77e7dda020$var$Footer(props, ref) {
-  props = useSlotProps(props, 'footer');
-
-  let {
-    children
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutProperties(props, ["children"]);
-
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let domRef = useDOMRef(ref);
-  return (/*#__PURE__*/_react.createElement("footer", _babelRuntimeHelpersEsmExtends({}, filterDOMProps(otherProps), styleProps, {
-      ref: domRef
-    }), children)
-  );
-}
-
-export const Footer = forwardRef($f8e24f985c1a80022f1a77e7dda020$var$Footer);
-
-function $a9f5358902db9c33ab333be39357797$var$Header(props, ref) {
-  props = useSlotProps(props, 'header');
-
-  let {
-    children
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutProperties(props, ["children"]);
-
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let domRef = useDOMRef(ref);
-  return (/*#__PURE__*/_react.createElement("header", _babelRuntimeHelpersEsmExtends({}, filterDOMProps(otherProps), styleProps, {
-      ref: domRef
-    }), children)
-  );
-}
-
-export const Header = forwardRef($a9f5358902db9c33ab333be39357797$var$Header);
+export {$b9606c0c41d55371$export$27a5bd065ad55220 as View, $0a7c18a2ef74b280$export$7c6e2c02157bb7d2 as Content, $8d68cc89c1f9278e$export$a06f1c675e846f6f as Footer, $aedcc4886d2a392a$export$8b251419efc915eb as Header};
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/view/src/index.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/// <reference types=\"css-module-types\" />\nexport {View} from './View';\nexport {Content} from './Content';\nexport {Footer} from './Footer';\nexport {Header} from './Header';\nexport type {ContentProps, FooterProps, HeaderProps, ViewProps} from '@react-types/view';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -1,7 +1,25 @@
+import { ColorVersion, DOMRef, DOMRefValue } from "@react-types/shared";
+import React, { ReactElement } from "react";
 import { ViewProps, ContentProps, FooterProps, HeaderProps } from "@react-types/view";
-export const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;
-export const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;
-export const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;
-export const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;
+/**
+ * View is a general purpose container with no specific semantics that can be used for custom styling purposes.
+ * It supports Spectrum style props to ensure consistency with other Spectrum components.
+ */
+export const View: <C extends ColorVersion = 5>(props: ViewProps<C> & {
+    ref?: DOMRef;
+}) => ReactElement;
+/**
+ * Content represents the primary content within a Spectrum container.
+ */
+export const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
+/**
+ * Footer represents a footer within a Spectrum container.
+ */
+export const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
+/**
+ * Header represents a header within a Spectrum container.
+ */
+export const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
+export type { ContentProps, FooterProps, HeaderProps, ViewProps } from '@react-types/view';
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/govett/dev/react-spectrum/packages/@react-spectrum/view/src/packages/@react-spectrum/view/src/View.tsx","/Users/govett/dev/react-spectrum/packages/@react-spectrum/view/src/packages/@react-spectrum/view/src/Content.tsx","/Users/govett/dev/react-spectrum/packages/@react-spectrum/view/src/packages/@react-spectrum/view/src/Footer.tsx","/Users/govett/dev/react-spectrum/packages/@react-spectrum/view/src/packages/@react-spectrum/view/src/Header.tsx"],"names":[],"mappings":";AAqCA,OAAA,MAAM,8HAAwB,CAAC;ACD/B,OAAA,MAAM,oIAA8B,CAAC;ACHrC,OAAA,MAAM,kIAA4B,CAAC;ACAnC,OAAA,MAAM,kIAA4B,CAAC","file":"types.d.ts.map"}
+{"mappings":";;;AAwCA;;;GAGG;AACH,OAAA,MAAM,MAA4B,CAAC,CAA0B,SAAhB,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAC,KAAK,YAAY,CAAC;ACRrH;;GAEG;AACH,OAAA,MAAM,sGAA8B,CAAC;ACHrC;;GAEG;AACH,OAAA,MAAM,oGAA4B,CAAC;ACHnC;;GAEG;AACH,OAAA,MAAM,oGAA4B,CAAC;ACvBnC,YAAY,EAAC,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC","sources":["packages/@react-spectrum/view/src/packages/@react-spectrum/view/src/View.tsx","packages/@react-spectrum/view/src/packages/@react-spectrum/view/src/Content.tsx","packages/@react-spectrum/view/src/packages/@react-spectrum/view/src/Footer.tsx","packages/@react-spectrum/view/src/packages/@react-spectrum/view/src/Header.tsx","packages/@react-spectrum/view/src/packages/@react-spectrum/view/src/index.ts","packages/@react-spectrum/view/src/index.ts"],"sourcesContent":[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/// <reference types=\"css-module-types\" />\nexport {View} from './View';\nexport {Content} from './Content';\nexport {Footer} from './Footer';\nexport {Header} from './Header';\nexport type {ContentProps, FooterProps, HeaderProps, ViewProps} from '@react-types/view';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,16 +1,24 @@
 {
   "name": "@react-spectrum/view",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-nightly-4980928d3-240906",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
-    "dist"
+    "dist",
+    "src"
+  ],
+  "sideEffects": [
+    "*.css"
   ],
-  "sideEffects": false,
   "targets": {
     "main": {
       "includeNodeModules": [
@@ -25,24 +33,24 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/adobe-private/react-spectrum-v3"
+    "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "^3.0.0-rc.2",
-    "@react-spectrum/utils": "^3.0.0-rc.2",
-    "@react-types/shared": "^3.0.0-rc.2",
-    "@react-types/view": "^3.0.0-alpha.1"
+    "@react-aria/utils": "^3.0.0-nightly-4980928d3-240906",
+    "@react-spectrum/utils": "^3.0.0-nightly-4980928d3-240906",
+    "@react-types/shared": "^3.0.0-nightly-4980928d3-240906",
+    "@react-types/view": "^3.0.0-nightly-4980928d3-240906",
+    "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "^3.0.0-alpha.1"
+    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
   },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0-rc.1",
-    "react": "^16.8.0"
+    "@react-spectrum/provider": "^3.0.0-nightly-4980928d3-240906",
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "207e6ee9076905c96638a7f81a367758872e1410"
-}
+  "stableVersion": "3.6.12"
+}

package/src/Content.tsx

@@ -0,0 +1,41 @@
+/*
+ * Copyright 2020 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 {ClearSlots, useDOMRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';
+import {ContentProps} from '@react-types/view';
+import {DOMRef} from '@react-types/shared';
+import {filterDOMProps} from '@react-aria/utils';
+import React, {forwardRef} from 'react';
+
+function Content(props: ContentProps, ref: DOMRef) {
+  props = useSlotProps(props, 'content');
+  let {
+    children,
+    ...otherProps
+  } = props;
+  let {styleProps} = useStyleProps(otherProps);
+  let domRef = useDOMRef(ref);
+
+  return (
+    <section {...filterDOMProps(otherProps)} {...styleProps} ref={domRef}>
+      <ClearSlots>
+        {children}
+      </ClearSlots>
+    </section>
+  );
+}
+
+/**
+ * Content represents the primary content within a Spectrum container.
+ */
+const _Content = forwardRef(Content);
+export {_Content as Content};

package/src/Footer.tsx

@@ -0,0 +1,41 @@
+/*
+ * Copyright 2020 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 {ClearSlots, useDOMRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';
+import {DOMRef} from '@react-types/shared';
+import {filterDOMProps} from '@react-aria/utils';
+import {FooterProps} from '@react-types/view';
+import React, {forwardRef} from 'react';
+
+function Footer(props: FooterProps, ref: DOMRef) {
+  props = useSlotProps(props, 'footer');
+  let {
+    children,
+    ...otherProps
+  } = props;
+  let {styleProps} = useStyleProps(otherProps);
+  let domRef = useDOMRef(ref);
+
+  return (
+    <footer {...filterDOMProps(otherProps)} {...styleProps} ref={domRef}>
+      <ClearSlots>
+        {children}
+      </ClearSlots>
+    </footer>
+  );
+}
+
+/**
+ * Footer represents a footer within a Spectrum container.
+ */
+const _Footer = forwardRef(Footer);
+export {_Footer as Footer};

package/src/Header.tsx

@@ -0,0 +1,41 @@
+/*
+ * Copyright 2020 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 {ClearSlots, useDOMRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';
+import {DOMRef} from '@react-types/shared';
+import {filterDOMProps} from '@react-aria/utils';
+import {HeaderProps} from '@react-types/view';
+import React, {forwardRef} from 'react';
+
+function Header(props: HeaderProps, ref: DOMRef) {
+  props = useSlotProps(props, 'header');
+  let {
+    children,
+    ...otherProps
+  } = props;
+  let {styleProps} = useStyleProps(otherProps);
+  let domRef = useDOMRef(ref);
+
+  return (
+    <header {...filterDOMProps(otherProps)} {...styleProps} ref={domRef}>
+      <ClearSlots>
+        {children}
+      </ClearSlots>
+    </header>
+  );
+}
+
+/**
+ * Header represents a header within a Spectrum container.
+ */
+const _Header = forwardRef(Header);
+export {_Header as Header};

package/src/View.tsx

@@ -0,0 +1,46 @@
+/*
+ * Copyright 2020 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 {ClearSlots, useDOMRef, useSlotProps, useStyleProps, viewStyleProps} from '@react-spectrum/utils';
+import {ColorVersion, DOMRef} from '@react-types/shared';
+import {filterDOMProps} from '@react-aria/utils';
+import React, {forwardRef, ReactElement} from 'react';
+import {ViewProps} from '@react-types/view';
+
+function View<C extends ColorVersion>(props: ViewProps<C>, ref: DOMRef) {
+  props = useSlotProps(props);
+  let {
+    elementType: ElementType = 'div',
+    children,
+    ...otherProps
+  } = props;
+  let {styleProps} = useStyleProps(props, viewStyleProps);
+  let domRef = useDOMRef(ref);
+
+  return (
+    <ElementType
+      {...filterDOMProps(otherProps)}
+      {...styleProps}
+      ref={domRef}>
+      <ClearSlots>
+        {children}
+      </ClearSlots>
+    </ElementType>
+  );
+}
+
+/**
+ * View is a general purpose container with no specific semantics that can be used for custom styling purposes.
+ * It supports Spectrum style props to ensure consistency with other Spectrum components.
+ */
+const _View = forwardRef(View) as <C extends ColorVersion = 5>(props: ViewProps<C> & {ref?: DOMRef}) => ReactElement;
+export {_View as View};

package/src/index.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright 2020 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.
+ */
+/// <reference types="css-module-types" />
+export {View} from './View';
+export {Content} from './Content';
+export {Footer} from './Footer';
+export {Header} from './Header';
+export type {ContentProps, FooterProps, HeaderProps, ViewProps} from '@react-types/view';