@automattic/vip-design-system 1.2.0 → 1.2.2

package/build/system/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,32 @@
+export const styles: {
+    unset: string;
+    cursor: string;
+    display: string;
+    alignItems: string;
+    flexDirection: string;
+    textAlign: string;
+    height: number;
+    textDecoration: string;
+    position: string;
+    m: number;
+    color: string;
+    px: number;
+    paddingLeft: number;
+    py: number;
+    '&:hover, &:focus': {
+        backgroundColor: string;
+    };
+    '&[data-disabled]': {
+        color: string;
+        pointerEvents: string;
+    };
+    '&[data-highlighted]': {
+        backgroundColor: string;
+        color: string;
+    };
+};
+export const DropdownItem: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const DropdownCheckboxItem: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const DropdownRadioItem: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const DropdownSubTrigger: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/build/system/Dropdown/DropdownItem.js

@@ -1,111 +1,107 @@
-"use strict";
-
-exports.__esModule = true;
-exports.styles = exports.DropdownSubTrigger = exports.DropdownRadioItem = exports.DropdownItem = exports.DropdownCheckboxItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var DropdownMenuPrimitive = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-var _excluded = ["className"],
-  _excluded2 = ["className"],
-  _excluded3 = ["className"],
-  _excluded4 = ["className"];
 /** @jsxImportSource theme-ui */
+
 /**
  * External dependencies
  */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var styles = {
-  unset: 'all',
-  cursor: 'pointer',
-  display: 'flex',
-  alignItems: 'center',
-  flexDirection: 'row',
-  textAlign: 'left',
-  height: 25,
-  textDecoration: 'none',
-  position: 'relative',
-  m: 0,
-  color: 'heading',
-  px: 2,
-  paddingLeft: 10,
-  py: 1,
-  '&:hover, &:focus': {
-    backgroundColor: 'hover'
-  },
-  '&[data-disabled]': {
-    color: 'muted',
-    pointerEvents: 'none'
-  },
-  '&[data-highlighted]': {
-    backgroundColor: 'hover',
-    color: 'primary'
-  }
+import React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+
+export const styles = {
+	unset: 'all',
+	cursor: 'pointer',
+	display: 'flex',
+	alignItems: 'center',
+	flexDirection: 'row',
+	textAlign: 'left',
+	height: 25,
+	textDecoration: 'none',
+	position: 'relative',
+	m: 0,
+	color: 'heading',
+	px: 2,
+	paddingLeft: 10,
+	py: 1,
+	'&:hover, &:focus': {
+		backgroundColor: 'hover',
+	},
+
+	'&[data-disabled]': {
+		color: 'muted',
+		pointerEvents: 'none',
+	},
+
+	'&[data-highlighted]': {
+		backgroundColor: 'hover',
+		color: 'primary',
+	},
 };
-exports.styles = styles;
-var DropdownItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardRef) {
-  var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return (0, _jsxRuntime.jsx)(DropdownMenuPrimitive.DropdownMenuItem, _extends({
-    className: (0, _classnames["default"])('vip-dropdown-menu-item', className),
-    ref: forwardRef,
-    sx: styles
-  }, props));
-});
-exports.DropdownItem = DropdownItem;
+
+export const DropdownItem = React.forwardRef( ( { className, ...props }, forwardRef ) => (
+	<DropdownMenuPrimitive.DropdownMenuItem
+		className={ classNames( 'vip-dropdown-menu-item', className ) }
+		ref={ forwardRef }
+		sx={ styles }
+		{ ...props }
+	/>
+) );
+
 DropdownItem.displayName = 'DropdownItem';
+
 DropdownItem.propTypes = {
-  className: _propTypes["default"].string
+	className: PropTypes.string,
 };
-var DropdownCheckboxItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, forwardRef) {
-  var className = _ref2.className,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return (0, _jsxRuntime.jsx)(DropdownMenuPrimitive.CheckboxItem, _extends({
-    className: (0, _classnames["default"])('vip-dropdown-checkbox-item', className),
-    ref: forwardRef,
-    sx: styles
-  }, props));
-});
-exports.DropdownCheckboxItem = DropdownCheckboxItem;
+
+export const DropdownCheckboxItem = React.forwardRef( ( { className, ...props }, forwardRef ) => (
+	<DropdownMenuPrimitive.CheckboxItem
+		className={ classNames( 'vip-dropdown-checkbox-item', className ) }
+		ref={ forwardRef }
+		sx={ styles }
+		{ ...props }
+	/>
+) );
+
 DropdownCheckboxItem.displayName = 'DropdownCheckboxItem';
+
 DropdownCheckboxItem.propTypes = {
-  className: _propTypes["default"].string
+	className: PropTypes.string,
 };
-var DropdownRadioItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, forwardRef) {
-  var className = _ref3.className,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-  return (0, _jsxRuntime.jsx)(DropdownMenuPrimitive.RadioItem, _extends({
-    className: (0, _classnames["default"])('vip-dropdown-radio-item', className),
-    ref: forwardRef,
-    sx: styles
-  }, props));
-});
-exports.DropdownRadioItem = DropdownRadioItem;
+
+export const DropdownRadioItem = React.forwardRef( ( { className, ...props }, forwardRef ) => (
+	<DropdownMenuPrimitive.RadioItem
+		className={ classNames( 'vip-dropdown-radio-item', className ) }
+		ref={ forwardRef }
+		sx={ styles }
+		{ ...props }
+	/>
+) );
+
 DropdownRadioItem.displayName = 'DropdownRadioItem';
+
 DropdownRadioItem.propTypes = {
-  className: _propTypes["default"].string
+	className: PropTypes.string,
 };
-var DropdownSubTrigger = /*#__PURE__*/_react["default"].forwardRef(function (_ref4, forwardRef) {
-  var className = _ref4.className,
-    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
-  return (0, _jsxRuntime.jsx)(DropdownMenuPrimitive.SubTrigger, _extends({
-    className: (0, _classnames["default"])('vip-dropdown-sub-trigger', className),
-    ref: forwardRef,
-    sx: _extends({}, styles, {
-      '&[data-state="open"]': {
-        background: 'highlight',
-        color: 'primary'
-      }
-    })
-  }, props));
-});
-exports.DropdownSubTrigger = DropdownSubTrigger;
+
+export const DropdownSubTrigger = React.forwardRef( ( { className, ...props }, forwardRef ) => (
+	<DropdownMenuPrimitive.SubTrigger
+		className={ classNames( 'vip-dropdown-sub-trigger', className ) }
+		ref={ forwardRef }
+		sx={ {
+			...styles,
+			...{
+				'&[data-state="open"]': {
+					background: 'highlight',
+					color: 'primary',
+				},
+			},
+		} }
+		{ ...props }
+	/>
+) );
+
 DropdownSubTrigger.displayName = 'DropdownSubTrigger';
+
 DropdownSubTrigger.propTypes = {
-  className: _propTypes["default"].string
-};
+	className: PropTypes.string,
+};

package/build/system/Dropdown/DropdownLabel.d.ts

@@ -0,0 +1,8 @@
+export namespace styles {
+    let paddingLeft: number;
+    let fontSize: number;
+    let lineHeight: string;
+    let color: string;
+}
+export const DropdownLabel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/build/system/Dropdown/DropdownLabel.js

@@ -1,40 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.styles = exports.DropdownLabel = void 0;
-var _react = _interopRequireDefault(require("react"));
-var DropdownMenuPrimitive = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-var _excluded = ["className"];
 /** @jsxImportSource theme-ui */
+
 /**
  * External dependencies
  */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var styles = {
-  paddingLeft: 10,
-  fontSize: 12,
-  lineHeight: '25px',
-  color: 'muted'
+import React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+
+export const styles = {
+	paddingLeft: 10,
+	fontSize: 12,
+	lineHeight: '25px',
+	color: 'muted',
 };
-exports.styles = styles;
-var DropdownLabel = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardRef) {
-  var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return (0, _jsxRuntime.jsx)(DropdownMenuPrimitive.DropdownMenuLabel, _extends({
-    className: (0, _classnames["default"])('vip-dropdown-menu-label', className),
-    ref: forwardRef,
-    sx: styles
-  }, props));
-});
-exports.DropdownLabel = DropdownLabel;
+
+export const DropdownLabel = React.forwardRef( ( { className, ...props }, forwardRef ) => (
+	<DropdownMenuPrimitive.DropdownMenuLabel
+		className={ classNames( 'vip-dropdown-menu-label', className ) }
+		ref={ forwardRef }
+		sx={ styles }
+		{ ...props }
+	/>
+) );
+
 DropdownLabel.displayName = 'DropdownLabel';
+
 DropdownLabel.propTypes = {
-  className: _propTypes["default"].string
-};
+	className: PropTypes.string,
+};

package/build/system/Dropdown/DropdownSeparator.d.ts

@@ -0,0 +1,7 @@
+export namespace styles {
+    let height: string;
+    let backgroundColor: string;
+    let my: string;
+}
+export const DropdownSeparator: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/build/system/Dropdown/DropdownSeparator.js

@@ -1,39 +1,30 @@
-"use strict";
-
-exports.__esModule = true;
-exports.styles = exports.DropdownSeparator = void 0;
-var _react = _interopRequireDefault(require("react"));
-var DropdownMenuPrimitive = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-var _excluded = ["className"];
 /** @jsxImportSource theme-ui */
+
 /**
  * External dependencies
  */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var styles = {
-  height: '1px',
-  backgroundColor: 'borders.2',
-  my: '5px'
+import React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+
+export const styles = {
+	height: '1px',
+	backgroundColor: 'borders.2',
+	my: '5px',
 };
-exports.styles = styles;
-var DropdownSeparator = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardRef) {
-  var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return (0, _jsxRuntime.jsx)(DropdownMenuPrimitive.DropdownMenuSeparator, _extends({
-    className: (0, _classnames["default"])('vip-dropdown-menu-separator', className),
-    ref: forwardRef,
-    sx: styles
-  }, props));
-});
-exports.DropdownSeparator = DropdownSeparator;
+
+export const DropdownSeparator = React.forwardRef( ( { className, ...props }, forwardRef ) => (
+	<DropdownMenuPrimitive.DropdownMenuSeparator
+		className={ classNames( 'vip-dropdown-menu-separator', className ) }
+		ref={ forwardRef }
+		sx={ styles }
+		{ ...props }
+	/>
+) );
+
 DropdownSeparator.displayName = 'DropdownSeparator';
+
 DropdownSeparator.propTypes = {
-  className: _propTypes["default"].string
-};
+	className: PropTypes.string,
+};

package/build/system/Dropdown/index.d.ts

@@ -0,0 +1,40 @@
+export default Dropdown;
+export const Root: {
+    ({ trigger, children, open, defaultOpen, onOpenChange, modal, dir, contentProps, portalProps, className, }: {
+        trigger: any;
+        children: any;
+        open?: undefined;
+        defaultOpen?: boolean | undefined;
+        onOpenChange?: undefined;
+        modal?: boolean | undefined;
+        dir?: string | undefined;
+        contentProps?: {} | undefined;
+        portalProps?: {} | undefined;
+        className: any;
+    }): import("react").JSX.Element;
+    propTypes: {
+        trigger: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
+        children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
+        open: import("prop-types").Requireable<boolean>;
+        defaultOpen: import("prop-types").Requireable<boolean>;
+        onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;
+        modal: import("prop-types").Requireable<boolean>;
+        dir: import("prop-types").Requireable<string>;
+        contentProps: import("prop-types").Requireable<any>;
+        portalProps: import("prop-types").Requireable<any>;
+        className: import("prop-types").Requireable<string>;
+    };
+};
+export const Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export const Content: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+export const Item: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+export const CheckboxItem: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+export const RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export const RadioItem: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+export const ItemIndicator: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export const Label: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+export const Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+export const Sub: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps>;
+export const SubTrigger: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+export const SubContent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+import { Dropdown } from './Dropdown';

package/build/system/Dropdown/index.js

@@ -1,42 +1,54 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.Trigger = exports.SubTrigger = exports.SubContent = exports.Sub = exports.Separator = exports.Root = exports.RadioItem = exports.RadioGroup = exports.Label = exports.ItemIndicator = exports.Item = exports.Content = exports.CheckboxItem = void 0;
-var _Dropdown = require("./Dropdown");
-var _DropdownItem = require("./DropdownItem");
-var _DropdownSeparator = require("./DropdownSeparator");
-var _DropdownContent = require("./DropdownContent");
-var _DropdownLabel = require("./DropdownLabel");
 /** @jsxImportSource theme-ui */
 /**
  * Internal dependencies
  */
+import {
+	Dropdown,
+	DropdownTrigger,
+	DropdownRadioGroup,
+	DropdownItemIndicator,
+	DropdownSub,
+} from './Dropdown';
+
+import {
+	DropdownItem,
+	DropdownCheckboxItem,
+	DropdownRadioItem,
+	DropdownSubTrigger,
+} from './DropdownItem';
+
+import { DropdownSeparator } from './DropdownSeparator';
+import { DropdownSubContent, DropdownContent } from './DropdownContent';
+import { DropdownLabel } from './DropdownLabel';
+
+const Root = Dropdown;
+const Content = DropdownContent;
+const Trigger = DropdownTrigger;
+const Item = DropdownItem;
+const CheckboxItem = DropdownCheckboxItem;
+const RadioGroup = DropdownRadioGroup;
+const RadioItem = DropdownRadioItem;
+const ItemIndicator = DropdownItemIndicator;
+const Label = DropdownLabel;
+const Separator = DropdownSeparator;
+const Sub = DropdownSub;
+const SubTrigger = DropdownSubTrigger;
+const SubContent = DropdownSubContent;
+
+export {
+	Root,
+	Trigger,
+	Content,
+	Item,
+	CheckboxItem,
+	RadioGroup,
+	RadioItem,
+	ItemIndicator,
+	Label,
+	Separator,
+	Sub,
+	SubTrigger,
+	SubContent,
+};
 
-var Root = _Dropdown.Dropdown;
-exports.Root = Root;
-var Content = _DropdownContent.DropdownContent;
-exports.Content = Content;
-var Trigger = _Dropdown.DropdownTrigger;
-exports.Trigger = Trigger;
-var Item = _DropdownItem.DropdownItem;
-exports.Item = Item;
-var CheckboxItem = _DropdownItem.DropdownCheckboxItem;
-exports.CheckboxItem = CheckboxItem;
-var RadioGroup = _Dropdown.DropdownRadioGroup;
-exports.RadioGroup = RadioGroup;
-var RadioItem = _DropdownItem.DropdownRadioItem;
-exports.RadioItem = RadioItem;
-var ItemIndicator = _Dropdown.DropdownItemIndicator;
-exports.ItemIndicator = ItemIndicator;
-var Label = _DropdownLabel.DropdownLabel;
-exports.Label = Label;
-var Separator = _DropdownSeparator.DropdownSeparator;
-exports.Separator = Separator;
-var Sub = _Dropdown.DropdownSub;
-exports.Sub = Sub;
-var SubTrigger = _DropdownItem.DropdownSubTrigger;
-exports.SubTrigger = SubTrigger;
-var SubContent = _DropdownContent.DropdownSubContent;
-exports.SubContent = SubContent;
-var _default = _Dropdown.Dropdown;
-exports["default"] = _default;
+export default Dropdown;

package/build/system/Flex/Flex.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Flex: import("react").ForwardRefExoticComponent<import("theme-ui").BoxProps & import("react").RefAttributes<HTMLElement>>;

package/build/system/Flex/Flex.js

@@ -2,17 +2,15 @@
 
 exports.__esModule = true;
 exports.Flex = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 var _themeUi = require("theme-ui");
 var _jsxRuntime = require("theme-ui/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /** @jsxImportSource theme-ui */ /**
-                                                                                                                                                                                                                                                                                                                                                                                      * External dependencies
-                                                                                                                                                                                                                                                                                                                                                                                      */
-var Flex = /*#__PURE__*/_react["default"].forwardRef(function (props, forwardRef) {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /**
+                                                                                                                                                                                                                                                                                                                                                     * External dependencies
+                                                                                                                                                                                                                                                                                                                                                     */
+var Flex = exports.Flex = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return (0, _jsxRuntime.jsx)(_themeUi.Flex, _extends({
-    ref: forwardRef
+    ref: ref
   }, props));
 });
-exports.Flex = Flex;
 Flex.displayName = 'Flex';

package/build/system/Flex/Flex.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("theme-ui").BoxProps & import("react").RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;

package/build/system/Flex/Flex.stories.js

@@ -7,14 +7,12 @@ var _jsxRuntime = require("theme-ui/jsx-runtime");
 /**
  * Internal dependencies
  */
-var _default = {
+var _default = exports["default"] = {
   title: 'Flex',
   component: _.Flex
 };
-exports["default"] = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return (0, _jsxRuntime.jsx)(_.Flex, {
     children: "Hello"
   });
-};
-exports.Default = Default;
+};

package/build/system/Flex/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Internal dependencies
+ */
+export { Flex } from './Flex';

package/build/system/Flex/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
+exports.Flex = void 0;
 var _Flex = require("./Flex");
 exports.Flex = _Flex.Flex;

package/build/system/Form/Checkbox.d.ts

@@ -0,0 +1,10 @@
+export function Checkbox({ disabled, ...props }: {
+    [x: string]: any;
+    disabled: any;
+}): import("react").JSX.Element;
+export namespace Checkbox {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from 'prop-types';