@pingux/astro 2.0.0-alpha.6 → 2.0.0-beta.0

package/lib/cjs/components/HelpHint/HelpHint.stories.js

@@ -8,13 +8,12 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.WithTooltipAndIconButtonProps = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
-var _Box = _interopRequireDefault(require("../Box"));
+var _index = require("../../index");
 var _HelpHint = _interopRequireDefault(require("./HelpHint.mdx"));
-var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Components/HelpHint',
-  component: _["default"],
+  component: _index.HelpHint,
   parameters: {
     docs: {
       page: function page() {
@@ -34,15 +33,15 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_Box["default"], {
+  return (0, _react2.jsx)(_index.Box, {
     p: 50
-  }, (0, _react2.jsx)(_["default"], args));
+  }, (0, _react2.jsx)(_index.HelpHint, args));
 };
 exports.Default = Default;
 var WithTooltipAndIconButtonProps = function WithTooltipAndIconButtonProps() {
-  return (0, _react2.jsx)(_Box["default"], {
+  return (0, _react2.jsx)(_index.Box, {
     p: 50
-  }, (0, _react2.jsx)(_["default"], {
+  }, (0, _react2.jsx)(_index.HelpHint, {
     tooltipProps: {
       direction: 'bottom'
     },

package/lib/cjs/components/HelpHint/HelpHint.styles.js

@@ -47,9 +47,6 @@ var hintButton = {
     bg: 'accent.20',
     borderColor: 'accent.20',
     color: 'white'
-  },
-  ':focus': {
-    outline: 'none'
   }
 };
 exports.hintButton = hintButton;

package/lib/cjs/components/IconBadge/IconBadge.stories.js

@@ -11,11 +11,10 @@ var _react = _interopRequireDefault(require("react"));
 var _AccountGroupIcon = _interopRequireDefault(require("mdi-react/AccountGroupIcon"));
 var _ArrowTopRightThickIcon = _interopRequireDefault(require("mdi-react/ArrowTopRightThickIcon"));
 var _index = require("../../index");
-var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Components/IconBadge',
-  component: _["default"],
+  component: _index.IconBadge,
   parameters: {
     docs: {
       source: {
@@ -26,7 +25,7 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.IconBadge, (0, _extends2["default"])({}, args, {
     baseSize: 25,
     circleSize: 15
   }), (0, _react2.jsx)(_index.Icon, {

package/lib/cjs/components/IconButton/IconButton.js

@@ -61,7 +61,7 @@ var IconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     buttonProps = _useButton.buttonProps,
     isPressed = _useButton.isPressed;
   var _useContext = (0, _react.useContext)(_BadgeContext.BadgeContext),
-    chipBg = _useContext.bg;
+    badgeBg = _useContext.bg;
   var _useHover = (0, _interactions.useHover)(props),
     hoverProps = _useHover.hoverProps,
     isHovered = _useHover.isHovered;
@@ -83,9 +83,9 @@ var IconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     tabIndex: 0,
     className: classNames,
     "aria-label": ariaLabel,
-    sx: chipBg && isHovered && {
+    sx: badgeBg && isHovered && {
       'path': {
-        fill: chipBg
+        fill: badgeBg
       }
     },
     variant: "iconButtons.".concat(variant),

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.js

@@ -14,17 +14,17 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireWildcard(require("react"));
 var _EyeOffOutlineIcon = _interopRequireDefault(require("mdi-react/EyeOffOutlineIcon"));
 var _EyeOutlineIcon = _interopRequireDefault(require("mdi-react/EyeOutlineIcon"));
-var _ = _interopRequireDefault(require("."));
+var _index = require("../../index");
 var _react2 = require("@emotion/react");
 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; }
 var _default = {
   title: 'Components/IconButtonToggle',
-  component: _["default"]
+  component: _index.IconButtonToggle
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.IconButtonToggle, (0, _extends2["default"])({}, args, {
     toggledIcon: _EyeOutlineIcon["default"],
     defaultIcon: _EyeOffOutlineIcon["default"],
     buttonProps: {
@@ -41,7 +41,7 @@ var Controlled = function Controlled(args) {
   var handleToggleChange = function handleToggleChange() {
     onToggledChange(!isToggled);
   };
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.IconButtonToggle, (0, _extends2["default"])({}, args, {
     toggledIcon: _EyeOutlineIcon["default"],
     defaultIcon: _EyeOffOutlineIcon["default"],
     onToggle: handleToggleChange,

package/lib/cjs/components/Image/Image.stories.js

@@ -17,13 +17,12 @@ var _isChromatic = _interopRequireDefault(require("chromatic/isChromatic"));
 var _index = require("../../index");
 var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
 var _images = require("../../utils/devUtils/constants/images");
-var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 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; }
 var _default = {
   title: 'Components/Image',
-  component: _["default"],
+  component: _index.Image,
   argTypes: {
     isDisabled: {},
     variant: {
@@ -49,13 +48,13 @@ var _default = {
 exports["default"] = _default;
 var Default = function Default(_ref) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.Image, (0, _extends2["default"])({}, args, {
     alt: "Ping identity square logo"
   }));
 };
 exports.Default = Default;
 var Avatar = function Avatar() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.Image, {
     src: _images.pingImg,
     variant: "images.avatar",
     alt: "Ping identity round avatar"
@@ -63,7 +62,7 @@ var Avatar = function Avatar() {
 };
 exports.Avatar = Avatar;
 var CustomSizeAndRadius = function CustomSizeAndRadius() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.Image, {
     src: _images.chiefIdentityChampions,
     sx: {
       width: '70px',
@@ -76,7 +75,7 @@ var CustomSizeAndRadius = function CustomSizeAndRadius() {
 };
 exports.CustomSizeAndRadius = CustomSizeAndRadius;
 var Disabled = function Disabled() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.Image, {
     src: _images.pingImg,
     isDisabled: true,
     alt: "Ping identity square logo"
@@ -84,7 +83,7 @@ var Disabled = function Disabled() {
 };
 exports.Disabled = Disabled;
 var FallbackImage = function FallbackImage() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.Image, {
     fallbackImage: _images.pingImg,
     src: "https://deelay.me/7000/https://picsum.photos/150/150",
     sx: {
@@ -98,7 +97,7 @@ exports.FallbackImage = FallbackImage;
 var WithSkeletonLoadSuccess = function WithSkeletonLoadSuccess(_ref2) {
   var useLocalSrc = _ref2.useLocalSrc;
   var imageSrc = useLocalSrc ? _images.pingImg : 'https://app.requestly.io/delay/3000/https://picsum.photos/150/150';
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.Image, {
     src: imageSrc,
     sx: {
       width: '150px',
@@ -112,7 +111,7 @@ WithSkeletonLoadSuccess.args = {
   useLocalSrc: (0, _isChromatic["default"])()
 };
 var WithSkeletonLoadTimeout = function WithSkeletonLoadTimeout() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.Image, {
     src: "https://app.requestly.io/delay/7000/https://picsum.photos/150/150",
     sx: {
       width: '150px',
@@ -137,7 +136,7 @@ var UpdatingImageSrc = function UpdatingImageSrc() {
     }
   }, (0, _react2.jsx)(_index.Button, {
     onPress: handleButtonPress
-  }, "Change Image"), (0, _react2.jsx)(_["default"], {
+  }, "Change Image"), (0, _react2.jsx)(_index.Image, {
     src: image,
     sx: {
       width: '200px',

package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js

@@ -28,7 +28,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _ = require("../..");
+var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
@@ -40,7 +40,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Form/ImageUploadField',
-  component: _.ImageUploadField,
+  component: _index.ImageUploadField,
   parameters: {
     docs: {
       source: {
@@ -112,7 +112,7 @@ var Default = function Default(args) {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.ImageUploadField, args))
+    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, args))
   );
 };
 exports.Default = Default;
@@ -120,7 +120,7 @@ var CustomDefaultImage = function CustomDefaultImage() {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.ImageUploadField, {
+    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
       label: "Upload Image",
       defaultPreviewImage: "https://picsum.photos/id/1056/200/300",
       previewHeight: 150,
@@ -133,7 +133,7 @@ var CustomItemText = function CustomItemText() {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.ImageUploadField, {
+    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
       label: "Upload Image",
       previewHeight: 150,
       previewWidth: 150,
@@ -147,11 +147,11 @@ var ComponentAsDefaultImage = function ComponentAsDefaultImage() {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.ImageUploadField, {
+    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
       label: "Upload Image with component as default image",
       previewHeight: 150,
       previewWidth: 150,
-      defaultPreviewImage: (0, _react2.jsx)(_.Image, {
+      defaultPreviewImage: (0, _react2.jsx)(_index.Image, {
         src: "data:image/png;base64,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"
       })
     }))
@@ -225,7 +225,7 @@ var ExistingImage = function ExistingImage() {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.ImageUploadField, {
+    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
       label: "Upload Image",
       isLoading: isLoading,
       onChange: handleChange,
@@ -314,7 +314,7 @@ var ErrorOnUpload = function ErrorOnUpload() {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.ImageUploadField, {
+    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ImageUploadField, {
       label: "Upload Image",
       isLoading: isLoading,
       onChange: handler,

package/lib/cjs/components/Input/Input.stories.js

@@ -8,11 +8,11 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.Password = exports.LargeInput = exports.Default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
+var _index = require("../../index");
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Form/Base Components/Input',
-  component: _["default"],
+  component: _index.Input,
   argTypes: {
     placeholder: {
       defaultValue: 'This is a basic input'
@@ -24,18 +24,18 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_["default"], args);
+  return (0, _react2.jsx)(_index.Input, args);
 };
 exports.Default = Default;
 var Password = function Password(args) {
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.Input, (0, _extends2["default"])({
     placeholder: "This is a password input",
     type: "password"
   }, args));
 };
 exports.Password = Password;
 var LargeInput = function LargeInput(args) {
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.Input, (0, _extends2["default"])({
     variant: "forms.input.large",
     placeholder: "This is a large input"
   }, args));

package/lib/cjs/components/Label/Label.stories.js

@@ -8,12 +8,12 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.WithHelpHint = exports.Float = exports.Default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _index = require("../../index");
 var _constants = require("./constants");
-var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Form/Base Components/Label',
-  component: _["default"],
+  component: _index.Label,
   argTypes: {
     mode: {
       control: {
@@ -31,17 +31,17 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_["default"], args, "This is a label");
+  return (0, _react2.jsx)(_index.Label, args, "This is a label");
 };
 exports.Default = Default;
 var Float = function Float() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.Label, {
     mode: "float"
   }, "This is a float label");
 };
 exports.Float = Float;
 var WithHelpHint = function WithHelpHint(args) {
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.Label, (0, _extends2["default"])({
     hintText: "Example Hint"
   }, args), "This is a label");
 };

package/lib/cjs/components/Link/Link.stories.js

@@ -10,13 +10,13 @@ var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
 var _react = _interopRequireDefault(require("react"));
+var _index = require("../../index");
 var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
 var _Link = _interopRequireDefault(require("./Link.styles"));
-var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Components/Link',
-  component: _["default"],
+  component: _index.Link,
   argTypes: {
     href: {
       control: {
@@ -49,6 +49,6 @@ var _default = {
 exports["default"] = _default;
 var Default = function Default(_ref) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return (0, _react2.jsx)("div", null, (0, _react2.jsx)(_["default"], args, "A link"), ' ', "to your favorite website.");
+  return (0, _react2.jsx)("div", null, (0, _react2.jsx)(_index.Link, args, "A link"), ' ', "to your favorite website.");
 };
 exports.Default = Default;

package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js

@@ -33,7 +33,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
-var _2 = require("../..");
+var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
@@ -46,7 +46,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Form/LinkSelectField',
-  component: _2.LinkSelectField,
+  component: _index.LinkSelectField,
   parameters: {
     docs: {
       source: {
@@ -99,41 +99,41 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_2.LinkSelectField, (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.LinkSelectField, (0, _extends2["default"])({}, args, {
     width: "100%"
-  }), (0, _react2.jsx)(_2.Item, {
+  }), (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow")));
 };
 exports.Default = Default;
 var LeftLabel = function LeftLabel() {
-  return (0, _react2.jsx)(_2.Box, {
+  return (0, _react2.jsx)(_index.Box, {
     gap: "xl",
     width: "100%"
-  }, (0, _react2.jsx)(_2.LinkSelectField, {
+  }, (0, _react2.jsx)(_index.LinkSelectField, {
     helperText: "Here is some helpful text...",
     label: "Example Label",
     labelMode: "left"
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
-  }, "Yellow")), (0, _react2.jsx)(_2.LinkSelectField, {
+  }, "Yellow")), (0, _react2.jsx)(_index.LinkSelectField, {
     label: "Example Label that is much longer than the previous one",
     labelMode: "left"
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
-  }, "Yellow")), (0, _react2.jsx)(_2.LinkSelectField, {
+  }, "Yellow")), (0, _react2.jsx)(_index.LinkSelectField, {
     label: "Example label with set width",
     labelMode: "left",
     containerProps: {
@@ -141,11 +141,11 @@ var LeftLabel = function LeftLabel() {
         gridTemplateColumns: '120px auto'
       }
     }
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow")));
 };
@@ -165,64 +165,64 @@ var Controlled = function Controlled() {
   var handleSelectionChange = function handleSelectionChange(key) {
     return setSelectedKey(key);
   };
-  return (0, _react2.jsx)(_2.LinkSelectField, {
+  return (0, _react2.jsx)(_index.LinkSelectField, {
     selectedKey: selectedKey,
     onSelectionChange: handleSelectionChange,
     label: "What's your favorite color?"
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
 exports.Controlled = Controlled;
 var WithNoneOption = function WithNoneOption() {
-  return (0, _react2.jsx)(_2.LinkSelectField, {
+  return (0, _react2.jsx)(_index.LinkSelectField, {
     label: "What's your favorite color?"
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "none"
-  }, "None"), (0, _react2.jsx)(_2.Item, {
+  }, "None"), (0, _react2.jsx)(_index.Item, {
     isSeparator: true,
     textValue: "-"
-  }, (0, _react2.jsx)(_2.Separator, null)), (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Separator, null)), (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
 exports.WithNoneOption = WithNoneOption;
 var DisabledField = function DisabledField() {
-  return (0, _react2.jsx)(_2.LinkSelectField, {
+  return (0, _react2.jsx)(_index.LinkSelectField, {
     label: "What's your favorite color?",
     isDisabled: true
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
 exports.DisabledField = DisabledField;
 var DisabledOptions = function DisabledOptions() {
-  return (0, _react2.jsx)(_2.LinkSelectField, {
+  return (0, _react2.jsx)(_index.LinkSelectField, {
     label: "What's your favorite color?",
     disabledKeys: ['blue']
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue (disabled)"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue (disabled)"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
 exports.DisabledOptions = DisabledOptions;
 var NoOptionsAvailable = function NoOptionsAvailable() {
-  return (0, _react2.jsx)(_2.LinkSelectField, {
+  return (0, _react2.jsx)(_index.LinkSelectField, {
     label: "Select an option...",
     isDisabled: true,
     defaultText: "No options available"
@@ -230,15 +230,15 @@ var NoOptionsAvailable = function NoOptionsAvailable() {
 };
 exports.NoOptionsAvailable = NoOptionsAvailable;
 var HelperText = function HelperText() {
-  return (0, _react2.jsx)(_2.LinkSelectField, {
+  return (0, _react2.jsx)(_index.LinkSelectField, {
     status: "error",
     helperText: "Here is some helpful text...",
     label: "What's your favorite color?"
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
@@ -254,11 +254,11 @@ var DynamicItems = function DynamicItems() {
   var _useState3 = (0, _react.useState)(options),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 1),
     items = _useState4[0];
-  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_2.LinkSelectField, {
+  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.LinkSelectField, {
     label: "Select an option...",
     items: items
   }, function (item) {
-    return (0, _react2.jsx)(_2.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.key
     }, item.name);
   }));
@@ -308,13 +308,13 @@ var AsyncLoading = function AsyncLoading() {
       }))();
     }
   });
-  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_2.LinkSelectField, {
+  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.LinkSelectField, {
     label: "Pick a Pokemon",
     items: list.items,
     isLoading: list.isLoading,
     onLoadMore: list.loadMore
   }, function (item) {
-    return (0, _react2.jsx)(_2.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));