@pingux/astro 2.84.0-alpha.1 → 2.84.0-alpha.11

package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts

@@ -419,6 +419,9 @@ declare const _default: {
                 color: string;
                 bg: string;
                 pl: number;
+                '&.is-focused': {
+                    color: string;
+                };
             };
         };
     };
@@ -446,44 +449,60 @@ declare const _default: {
                 bg: string;
             };
         };
+        separator: {
+            my: string;
+        };
     };
     avatar: {
-        xl: {
-            borderRadius: string;
-            textAlign: string;
-            justifyContent: string;
-            fontFamily: string;
-            size: string;
-            fontSize: string;
+        backgroundColor: string;
+        color: string;
+        cursor: string;
+        '&.is-orange': {
+            backgroundColor: string;
+            color: string;
         };
-        lg: {
-            fontSize: string;
-            borderRadius: string;
-            textAlign: string;
-            justifyContent: string;
-            fontFamily: string;
-            size: string;
+        '&.is-green': {
+            backgroundColor: string;
+            color: string;
         };
-        md: {
-            fontSize: string;
-            borderRadius: string;
-            textAlign: string;
-            justifyContent: string;
-            fontFamily: string;
-            size: string;
+        '&.is-purple': {
+            backgroundColor: string;
+            color: string;
         };
-        sm: {
-            fontSize: string;
-            borderRadius: string;
-            textAlign: string;
-            justifyContent: string;
-            fontFamily: string;
-            size: string;
+        '&.is-pink': {
+            backgroundColor: string;
+            color: string;
         };
+        '&.is-red': {
+            backgroundColor: string;
+            color: string;
+        };
+        '&.is-yellow': {
+            backgroundColor: string;
+            color: string;
+        };
+        '&.is-cyan': {
+            backgroundColor: string;
+            color: string;
+        };
+        '&.is-teal': {
+            backgroundColor: string;
+            color: string;
+        };
+        display: string;
+        borderRadius: string;
+        textAlign: string;
+        alignItems: string;
+        justifyContent: string;
+        fontFamily: string;
     };
     listViewItem: {
+        rightOfData: {
+            flexShrink: number;
+            whiteSpace: string;
+        };
         iconContainer: {
-            mr: string;
+            ml: string;
         };
         styledListItem: {
             bg: string;
@@ -544,8 +563,17 @@ declare const _default: {
             borderRadius: string;
             border: string;
             borderColor: string;
-            '& > div': {
-                borderRadius: string;
+            '& > div > div': {
+                '& > div:first-of-type': {
+                    '& > div > div': {
+                        borderRadius: string;
+                    };
+                };
+                '& > div:last-of-type': {
+                    '& > div > div': {
+                        borderRadius: string;
+                    };
+                };
             };
         };
     };
@@ -576,5 +604,28 @@ declare const _default: {
             fontSize: string;
         };
     };
+    codeView: {
+        wrapper: {
+            backgroundColor: string;
+            borderRadius: string;
+            '> button >svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '> pre': {
+                p: string;
+            };
+        };
+    };
+    tabs: {
+        gap: string;
+    };
+    menu: {
+        p: string;
+        border: string;
+        borderColor: string;
+    };
 };
 export default _default;

package/lib/cjs/styles/themes/next-gen/variants/variants.js

@@ -213,7 +213,10 @@ var listBox = {
     '&.is-selected': {
       color: 'text.primary',
       bg: 'lightblue',
-      pl: 0
+      pl: 0,
+      '&.is-focused': {
+        color: 'text.primary'
+      }
     }
   }
 };
@@ -235,40 +238,59 @@ var menuItem = {
       color: 'text.primary',
       bg: 'lightblue'
     }
+  },
+  separator: {
+    my: 'sm'
   }
 };
 var separator = {
   base: {
-    bg: 'gray-200'
+    bg: 'gray-300'
   }
 };
-var avatarBase = {
+var avatar = {
+  backgroundColor: 'lightcyan',
+  color: 'darkcyan',
+  cursor: 'pointer',
+  '&.is-orange': {
+    backgroundColor: 'lightorange',
+    color: 'darkorange'
+  },
+  '&.is-green': {
+    backgroundColor: 'lightgreen',
+    color: 'darkgreen'
+  },
+  '&.is-purple': {
+    backgroundColor: 'lightpurple',
+    color: 'darkpurple'
+  },
+  '&.is-pink': {
+    backgroundColor: 'lightpink',
+    color: 'darkpink'
+  },
+  '&.is-red': {
+    backgroundColor: 'lightred',
+    color: 'darkred'
+  },
+  '&.is-yellow': {
+    backgroundColor: 'lightyellow',
+    color: 'darkyellow'
+  },
+  '&.is-cyan': {
+    backgroundColor: 'lightcyan',
+    color: 'darkcyan'
+  },
+  '&.is-teal': {
+    backgroundColor: 'lightteal',
+    color: 'darkteal'
+  },
+  display: 'flex',
   borderRadius: '50%',
   textAlign: 'center',
+  alignItems: 'center',
   justifyContent: 'center',
   fontFamily: 'standard'
 };
-var avatar = {
-  xl: _objectSpread({
-    size: '104px',
-    fontSize: 'calc(104px * .4)'
-  }, avatarBase),
-  lg: _objectSpread(_objectSpread({
-    size: '72px'
-  }, avatarBase), {}, {
-    fontSize: 'calc(72px * .4)'
-  }),
-  md: _objectSpread(_objectSpread({
-    size: '34px'
-  }, avatarBase), {}, {
-    fontSize: 'calc(34px * .4)'
-  }),
-  sm: _objectSpread(_objectSpread({
-    size: '24px'
-  }, avatarBase), {}, {
-    fontSize: 'calc(24px * .4)'
-  })
-};
 var progressBarContainer = {
   backgroundColor: 'gray-200',
   borderRadius: '.5rem',
@@ -282,8 +304,12 @@ var progressBar = {
   })
 };
 var listViewItem = {
+  rightOfData: {
+    flexShrink: 4,
+    whiteSpace: 'nowrap'
+  },
   iconContainer: {
-    mr: 'sm'
+    ml: '0px'
   },
   styledListItem: {
     bg: 'white',
@@ -304,8 +330,8 @@ var listViewItem = {
     }
   },
   styledContainer: {
-    py: '1.25rem',
-    px: '1rem',
+    py: 'md',
+    px: 'lg',
     bg: 'transparent',
     '&.is-hovered': {
       bg: 'transparent',
@@ -427,8 +453,17 @@ var listView = {
     borderRadius: '16px',
     border: '1px solid',
     borderColor: '#e7eef4',
-    '& > div': {
-      borderRadius: '16px'
+    '& > div > div': {
+      '& > div:first-of-type': {
+        '& > div > div': {
+          borderRadius: '16px 16px 0 0'
+        }
+      },
+      '& > div:last-of-type': {
+        '& > div > div': {
+          borderRadius: ' 0 0 16px 16px'
+        }
+      }
     }
   }
 };
@@ -459,6 +494,29 @@ var dataTable = {
     fontSize: 'md'
   }
 };
+var codeView = {
+  wrapper: {
+    backgroundColor: 'gray-900',
+    borderRadius: '4px',
+    '> button >svg': {
+      color: 'gray-300',
+      path: {
+        fill: 'gray-300'
+      }
+    },
+    '> pre': {
+      p: 'md'
+    }
+  }
+};
+var tabs = {
+  gap: '0px'
+};
+var menu = {
+  p: 'sm',
+  border: '1px solid',
+  borderColor: 'gray-300'
+};
 var _default = {
   navBar: navBar,
   fieldHelperText: fieldHelperText,
@@ -473,6 +531,9 @@ var _default = {
   listViewItem: listViewItem,
   progressBar: progressBar,
   listView: listView,
-  dataTable: dataTable
+  dataTable: dataTable,
+  codeView: codeView,
+  tabs: tabs,
+  menu: menu
 };
 exports["default"] = _default;

package/lib/cjs/styles/variants/variants.js

@@ -41,6 +41,7 @@ var _ListViewItem = _interopRequireDefault(require("../../components/ListViewIte
 var _Loader = _interopRequireDefault(require("../../components/Loader/Loader.styles"));
 var _Menu = _interopRequireDefault(require("../../components/Menu/Menu.styles"));
 var _MenuItem = _interopRequireDefault(require("../../components/MenuItem/MenuItem.styles"));
+var _MenuSection = _interopRequireDefault(require("../../components/MenuSection/MenuSection.styles"));
 var _Message = _interopRequireDefault(require("../../components/Messages/Message.styles"));
 var _Modal = _interopRequireDefault(require("../../components/Modal/Modal.styles"));
 var _NavBar = _interopRequireDefault(require("../../components/NavBar/NavBar.styles"));
@@ -90,6 +91,7 @@ var _default = _objectSpread({
   loader: _Loader["default"],
   menu: _Menu["default"],
   menuItem: _MenuItem["default"],
+  menuSection: _MenuSection["default"],
   message: _Message["default"],
   modal: _Modal["default"],
   navBar: _NavBar["default"],

package/lib/cjs/types/avatar.d.ts

@@ -1,9 +1,13 @@
 import { AvatarProps as ThemeUIAvatarProps, ThemeUICSSObject } from 'theme-ui';
 export interface AvatarProps extends ThemeUIAvatarProps {
     /**  Source of avatar. */
-    src: string;
+    src?: string;
     /** Alternative text for avatar. */
     alt?: string;
     /** Inline styling prop */
     sx?: ThemeUICSSObject;
+    /** If no image src is supplied, this text will render inside of a styled div */
+    defaultText?: string;
+    size?: string;
+    color?: string;
 }

package/lib/cjs/types/checkboxField.d.ts

@@ -1,7 +1,9 @@
 import { UseFieldProps } from '../hooks/useField/useField';
-export interface CheckboxFieldProps extends UseFieldProps<HTMLInputElement> {
+export interface CheckboxFieldProps extends Omit<UseFieldProps<HTMLInputElement>, 'onChange'> {
     /** Handler that is called when a key is pressed. */
     onKeyDown?: () => void;
     /** Handler that is called when a key is released. */
     onKeyUp?: () => void;
+    /** Handler that is called when the element's selection state changes. */
+    onChange?: (isSelected: boolean) => void;
 }

package/lib/cjs/types/codeView.d.ts

@@ -13,4 +13,5 @@ export interface CodeViewProps extends HoverProps {
     language?: Language;
     Prism?: PrismProps;
     sx?: ThemeUICSSObject;
+    stylesProp?: ThemeUICSSObject;
 }

package/lib/cjs/types/index.d.ts

@@ -30,6 +30,7 @@ export * from './listItem';
 export * from './loader';
 export * from './menu';
 export * from './menuItem';
+export * from './menuSection';
 export * from './messages';
 export * from './Modal';
 export * from './navBar';
@@ -43,6 +44,7 @@ export * from './rockerButtonGroup';
 export * from './scrollBox';
 export * from './separator';
 export * from './shared';
+export * from './switchField';
 export * from './tab';
 export * from './table';
 export * from './tabs';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -359,8 +359,19 @@ _forEachInstanceProperty(_context32 = _Object$keys(_menuItem)).call(_context32,
     }
   });
 });
+var _menuSection = require("./menuSection");
+_forEachInstanceProperty(_context33 = _Object$keys(_menuSection)).call(_context33, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _menuSection[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _menuSection[key];
+    }
+  });
+});
 var _messages = require("./messages");
-_forEachInstanceProperty(_context33 = _Object$keys(_messages)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_messages)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _messages[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_messages)).call(_context33,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context34 = _Object$keys(_Modal)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_Modal)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_Modal)).call(_context34, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context35 = _Object$keys(_navBar)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_navBar)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_navBar)).call(_context35, fu
   });
 });
 var _navSideBar = require("./navSideBar");
-_forEachInstanceProperty(_context36 = _Object$keys(_navSideBar)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_navSideBar)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navSideBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -404,7 +415,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_navSideBar)).call(_context36
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context37 = _Object$keys(_overlayPanel)).call(_context37, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_overlayPanel)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -415,7 +426,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context38 = _Object$keys(_popoverContainer)).call(_context38, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_popoverContainer)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -426,7 +437,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context39 = _Object$keys(_popoverMenu)).call(_context39, function (key) {
+_forEachInstanceProperty(_context40 = _Object$keys(_popoverMenu)).call(_context40, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -437,7 +448,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_popoverMenu)).call(_context3
   });
 });
 var _progressBar = require("./progressBar");
-_forEachInstanceProperty(_context40 = _Object$keys(_progressBar)).call(_context40, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_progressBar)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _progressBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -448,7 +459,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_progressBar)).call(_context4
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context41 = _Object$keys(_requirementsList)).call(_context41, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_requirementsList)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -459,7 +470,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context42 = _Object$keys(_rockerButtonGroup)).call(_context42, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_rockerButtonGroup)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -470,7 +481,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context43 = _Object$keys(_scrollBox)).call(_context43, function (key) {
+_forEachInstanceProperty(_context44 = _Object$keys(_scrollBox)).call(_context44, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -481,7 +492,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_scrollBox)).call(_context43,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context44 = _Object$keys(_separator)).call(_context44, function (key) {
+_forEachInstanceProperty(_context45 = _Object$keys(_separator)).call(_context45, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -492,7 +503,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_separator)).call(_context44,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context45 = _Object$keys(_shared)).call(_context45, function (key) {
+_forEachInstanceProperty(_context46 = _Object$keys(_shared)).call(_context46, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -502,8 +513,19 @@ _forEachInstanceProperty(_context45 = _Object$keys(_shared)).call(_context45, fu
     }
   });
 });
+var _switchField = require("./switchField");
+_forEachInstanceProperty(_context47 = _Object$keys(_switchField)).call(_context47, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _switchField[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _switchField[key];
+    }
+  });
+});
 var _tab = require("./tab");
-_forEachInstanceProperty(_context46 = _Object$keys(_tab)).call(_context46, function (key) {
+_forEachInstanceProperty(_context48 = _Object$keys(_tab)).call(_context48, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -514,7 +536,7 @@ _forEachInstanceProperty(_context46 = _Object$keys(_tab)).call(_context46, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context47 = _Object$keys(_table)).call(_context47, function (key) {
+_forEachInstanceProperty(_context49 = _Object$keys(_table)).call(_context49, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -525,7 +547,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_table)).call(_context47, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context48 = _Object$keys(_tabs)).call(_context48, function (key) {
+_forEachInstanceProperty(_context50 = _Object$keys(_tabs)).call(_context50, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -536,7 +558,7 @@ _forEachInstanceProperty(_context48 = _Object$keys(_tabs)).call(_context48, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context49 = _Object$keys(_text)).call(_context49, function (key) {
+_forEachInstanceProperty(_context51 = _Object$keys(_text)).call(_context51, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -547,7 +569,7 @@ _forEachInstanceProperty(_context49 = _Object$keys(_text)).call(_context49, func
   });
 });
 var _textField = require("./textField");
-_forEachInstanceProperty(_context50 = _Object$keys(_textField)).call(_context50, function (key) {
+_forEachInstanceProperty(_context52 = _Object$keys(_textField)).call(_context52, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _textField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -558,7 +580,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_textField)).call(_context50,
   });
 });
 var _timefield = require("./timefield");
-_forEachInstanceProperty(_context51 = _Object$keys(_timefield)).call(_context51, function (key) {
+_forEachInstanceProperty(_context53 = _Object$keys(_timefield)).call(_context53, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _timefield[key]) return;
   _Object$defineProperty(exports, key, {
@@ -569,7 +591,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_timefield)).call(_context51,
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context52 = _Object$keys(_tooltipTrigger)).call(_context52, function (key) {
+_forEachInstanceProperty(_context54 = _Object$keys(_tooltipTrigger)).call(_context54, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/link.d.ts

@@ -22,6 +22,7 @@ export interface LinkProps extends TestingAttributes {
     sx?: ThemeUICSSObject;
     id?: string;
     color?: string;
+    isSelected?: boolean;
     'aria-label'?: string;
 }
 export {};

package/lib/cjs/types/menuSection.d.ts

@@ -0,0 +1,24 @@
+import { Node, TreeState } from 'react-stately';
+import { TestingAttributes } from './shared/test';
+import { BoxProps } from './box';
+export interface MenuSectionProps extends BoxProps, TestingAttributes {
+    /** Whether the menu item is currently pressed. */
+    isPressed?: boolean;
+    /**
+     * Whether the containing menu has keyboard focus.
+     * Used to determine when to present hover vs focus styling.
+    */
+    isFocusVisible?: boolean;
+    /**
+     * Whether menu item should receive focus state on hover.
+    */
+    isNotFocusedOnHover?: boolean;
+    /** A screen reader only label for the menu item. */
+    /** Handler that is called when the menu should close after selecting an item. */
+    onClose?: () => void;
+    /** Handler that is called when the user activates the item. */
+    onAction?: () => void;
+    section: Node<object>;
+    state: TreeState<object>;
+    defaultSelectedKey?: string | number;
+}

package/lib/cjs/types/menuSection.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/switchField.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ControlProps } from '../hooks/useField/useField';
+import { Status } from './item';
+import { LabelProps } from './label';
+import { DOMAttributes } from './shared';
+export interface SwitchFieldProps extends DOMAttributes {
+    className?: string;
+    label?: React.ReactNode;
+    helperText?: string;
+    isDefaultSelected?: boolean;
+    isDisabled?: boolean;
+    status?: Status;
+    controlProps?: ControlProps;
+    isSelected?: boolean;
+    onChange?: () => void;
+    value?: string;
+    isRequired?: boolean;
+    hintText?: string;
+    labelProps?: LabelProps;
+    hasAutoFocus?: boolean;
+    id?: string;
+    isReadOnly?: boolean;
+    name?: string;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onFocusChange?: () => void;
+    onKeyDown?: () => void;
+    onKeyUp?: () => void;
+}