@pingux/astro 2.128.1-alpha.0 → 2.129.0-alpha.1

package/lib/components/Grid/Grid.stories.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Grid, Text } from '../../index';
@@ -11,16 +12,40 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(GridReadme, null), ___EmotionJSX(DocsLayout, null));
       }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Box', 'Grid', 'Text']
+      }
+    }
+  },
+  argTypes: {
+    repeat: {
+      options: ['fit', 'fill'],
+      control: {
+        type: 'select'
+      }
+    },
+    gap: {
+      control: {
+        type: 'number'
+      }
+    },
+    width: {
+      control: false
+    },
+    columns: {
+      control: false
     }
   }
 };
-export var Default = function Default() {
+export var Default = function Default(args) {
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
     mb: "sm",
     fontStyle: "italic"
-  }, "Minimum width of child elements at responsive breakpoints"), ___EmotionJSX(Grid, {
+  }, "Minimum width of child elements at responsive breakpoints"), ___EmotionJSX(Grid, _extends({
     width: [128, null, 192]
-  }, ___EmotionJSX(Box, {
+  }, args), ___EmotionJSX(Box, {
     bg: "accent.90"
   }, "Box"), ___EmotionJSX(Box, {
     bg: "neutral.80"
@@ -32,10 +57,10 @@ export var Default = function Default() {
     mt: "xl",
     mb: "sm",
     fontStyle: "italic"
-  }, "Defined number of equally-sized columns at responsive breakpoints"), ___EmotionJSX(Grid, {
+  }, "Defined number of equally-sized columns at responsive breakpoints"), ___EmotionJSX(Grid, _extends({
     gap: 2,
     columns: [2, null, 4]
-  }, ___EmotionJSX(Box, {
+  }, args), ___EmotionJSX(Box, {
     bg: "accent.90"
   }, "Box"), ___EmotionJSX(Box, {
     bg: "neutral.80"
@@ -47,10 +72,10 @@ export var Default = function Default() {
     mt: "xl",
     mb: "sm",
     fontStyle: "italic"
-  }, "Columns using grid syntax sizing at responsive breakpoints"), ___EmotionJSX(Grid, {
+  }, "Columns using grid syntax sizing at responsive breakpoints"), ___EmotionJSX(Grid, _extends({
     gap: 2,
     columns: [2, '1fr 2fr']
-  }, ___EmotionJSX(Box, {
+  }, args), ___EmotionJSX(Box, {
     bg: "accent.90"
   }, "Box"), ___EmotionJSX(Box, {
     bg: "neutral.80"

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

@@ -15,6 +15,11 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(HelpHintReadme, null), ___EmotionJSX(DocsLayout, null));
       }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Box', 'HelpHint', 'Link', 'Text']
+      }
     }
   },
   argTypes: {
@@ -40,10 +45,10 @@ Default.parameters = {
     url: FIGMA_LINKS.helpHint["default"]
   }
 };
-export var WithPopoverAndIconButtonProps = function WithPopoverAndIconButtonProps() {
+export var WithPopoverAndIconButtonProps = function WithPopoverAndIconButtonProps(args) {
   return ___EmotionJSX(Box, {
     p: 100
-  }, ___EmotionJSX(HelpHint, {
+  }, ___EmotionJSX(HelpHint, _extends({}, args, {
     popoverProps: {
       'data-testid': 'popover-container'
     },
@@ -51,12 +56,12 @@ export var WithPopoverAndIconButtonProps = function WithPopoverAndIconButtonProp
       'aria-label': 'Help hint'
     },
     direction: "bottom"
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"));
+  }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"));
 };
-export var ContentWithLink = function ContentWithLink() {
+export var ContentWithLink = function ContentWithLink(args) {
   return ___EmotionJSX(Box, {
     p: 100
-  }, ___EmotionJSX(HelpHint, null, ___EmotionJSX(Text, {
+  }, ___EmotionJSX(HelpHint, args, ___EmotionJSX(Text, {
     variant: "popover"
   }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"), ___EmotionJSX(Link, {
     variant: "popover",
@@ -77,10 +82,10 @@ export var WithDelay = function WithDelay(args) {
     closeDelay: 5000
   })));
 };
-export var Customization = function Customization() {
+export var Customization = function Customization(args) {
   return ___EmotionJSX(Box, {
     p: 100
-  }, ___EmotionJSX(HelpHint, {
+  }, ___EmotionJSX(HelpHint, _extends({}, args, {
     direction: "bottom"
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"));
+  }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"));
 };

package/lib/components/Icon/Icon.stories.js

@@ -35,9 +35,15 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(IconReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/mdi-react/AccountGroupIcon': 'AccountGroupIcon',
+        '@pingux/mdi-react/AccountIcon': 'AccountIcon',
+        '@pingux/mdi-react/LockIcon': 'LockIcon',
+        '@pingux/mdi-react/SearchIcon': 'SearchIcon',
+        '@pingux/mdi-react/TagIcon': 'TagIcon'
       }
     }
   },
@@ -79,7 +85,7 @@ Default.parameters = {
     url: FIGMA_LINKS.icon["default"]
   }
 };
-export var SVGIcons = function SVGIcons() {
+export var SVGIcons = function SVGIcons(args) {
   // SVGR can used to convert .svg files to components instead of doing this manually
   var SVGComponent = function SVGComponent(props) {
     var id = uuid();
@@ -95,11 +101,11 @@ export var SVGIcons = function SVGIcons() {
       d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
     }));
   };
-  return ___EmotionJSX(Icon, {
+  return ___EmotionJSX(Icon, _extends({}, args, {
     icon: SVGComponent,
     color: "active",
     size: "sm"
-  });
+  }));
 };
 var rowHeadings = ['SVG Size', 'Code Example', 'Icon Example'];
 export var Sizes = function Sizes() {
@@ -160,6 +166,9 @@ export var Sizes = function Sizes() {
     }
   })))));
 };
+Sizes.parameters = {
+  codesandbox: false
+};
 export var CommonlyUsed = function CommonlyUsed() {
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Box, {
     isRow: true,
@@ -227,4 +236,7 @@ export var CommonlyUsed = function CommonlyUsed() {
   }), ___EmotionJSX(Text, {
     fontFamily: "monospace"
   }, "import TagIcon from '@pingux/mdi-react/TagIcon'; ")));
+};
+CommonlyUsed.parameters = {
+  codesandbox: false
 };

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

@@ -16,9 +16,13 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(IconBadgeReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/mdi-react/AccountGroupIcon': 'GroupIcon',
+        '@pingux/mdi-react/ArrowTopRightThickIcon': 'ArrowIcon',
+        '@pingux/astro': ['Box', 'Icon', 'IconBadge']
       }
     }
   }

package/lib/components/IconButton/IconButton.stories.js

@@ -20,9 +20,16 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(IconButtonReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Box', 'Icon', 'IconButton', 'Text'],
+        '@pingux/mdi-react/CreateIcon': 'CreateIcon',
+        '@pingux/mdi-react/DeleteIcon': 'DeleteIcon',
+        '@pingux/mdi-react/DotsVerticalIcon': 'DotsVerticalIcon',
+        '@pingux/mdi-react/PencilIcon': 'PencilIcon',
+        '@pingux/mdi-react/PlusIcon': 'PlusIcon'
       }
     }
   },
@@ -63,11 +70,11 @@ Inverted.parameters = {
     url: FIGMA_LINKS.iconButton.inverted
   }
 };
-export var WithTooltip = function WithTooltip() {
-  return ___EmotionJSX(IconButton, {
+export var WithTooltip = function WithTooltip(args) {
+  return ___EmotionJSX(IconButton, _extends({
     "aria-label": "icon button with tooltip",
     title: "Edit"
-  }, ___EmotionJSX(Icon, {
+  }, args), ___EmotionJSX(Icon, {
     icon: CreateIcon,
     size: "sm",
     title: {
@@ -206,7 +213,8 @@ Sizes.parameters = {
   design: {
     type: 'figma',
     url: FIGMA_LINKS.iconButton.sizes
-  }
+  },
+  codesandbox: false
 };
 export var CommonlyUsed = function CommonlyUsed() {
   return (
@@ -534,5 +542,6 @@ CommonlyUsed.parameters = {
   design: {
     type: 'figma',
     url: FIGMA_LINKS.iconButton.commonlyUsed
-  }
+  },
+  codesandbox: false
 };

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

@@ -15,6 +15,13 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(IconButtonToggleReadme, null), ___EmotionJSX(DocsLayout, null));
       }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['IconButtonToggle'],
+        '@pingux/mdi-react/EyeOffOutlineIcon': 'EyeOffIcon',
+        '@pingux/mdi-react/EyeOutlineIcon': 'EyeIcon'
+      }
     }
   }
 };

package/lib/components/IconWrapper/IconWrapper.stories.js

@@ -23,9 +23,12 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(IconWrapperReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['IconWrapper'],
+        '@pingux/mdi-react/DeleteIcon': 'DeleteIcon'
       }
     }
   },

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

@@ -17,6 +17,11 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ImageReadme, null), ___EmotionJSX(DocsLayout, null));
       }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Box', 'Button', 'Image']
+      }
     }
   },
   argTypes: {
@@ -49,15 +54,17 @@ export var Default = function Default(_ref) {
     alt: "Ping identity square logo"
   }));
 };
-export var Avatar = function Avatar() {
-  return ___EmotionJSX(Image, {
+export var Avatar = function Avatar(_ref2) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
+  return ___EmotionJSX(Image, _extends({}, args, {
     src: pingImg,
     variant: "images.avatar",
     alt: "Ping identity round avatar"
-  });
+  }));
 };
-export var CustomSizeAndRadius = function CustomSizeAndRadius() {
-  return ___EmotionJSX(Image, {
+export var CustomSizeAndRadius = function CustomSizeAndRadius(_ref3) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+  return ___EmotionJSX(Image, _extends({}, args, {
     src: chiefIdentityChampions,
     sx: {
       width: '70px',
@@ -66,17 +73,19 @@ export var CustomSizeAndRadius = function CustomSizeAndRadius() {
       bg: 'neutral.90'
     },
     alt: "Terry Crews in a red suite"
-  });
+  }));
 };
-export var Disabled = function Disabled() {
-  return ___EmotionJSX(Image, {
+export var Disabled = function Disabled(_ref4) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
+  return ___EmotionJSX(Image, _extends({}, args, {
     src: pingImg,
     isDisabled: true,
     alt: "Ping identity square logo"
-  });
+  }));
 };
-export var FallbackImage = function FallbackImage() {
-  return ___EmotionJSX(Image, {
+export var FallbackImage = function FallbackImage(_ref5) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
+  return ___EmotionJSX(Image, _extends({}, args, {
     fallbackImage: fallbackImg,
     fallbackAlt: "Ping Identity",
     src: "https://deelay.me/7000/https://picsum.photos/150/150",
@@ -85,7 +94,7 @@ export var FallbackImage = function FallbackImage() {
       height: '150px'
     },
     alt: "Random image"
-  });
+  }));
 };
 export var WithSkeletonLoadSuccess = function WithSkeletonLoadSuccess() {
   var imageSrc = isChromatic() ? pingImg : 'https://app.requestly.io/delay/3000/https://picsum.photos/150/150';
@@ -98,6 +107,9 @@ export var WithSkeletonLoadSuccess = function WithSkeletonLoadSuccess() {
     alt: "Random image"
   });
 };
+WithSkeletonLoadSuccess.parameters = {
+  codesandbox: false
+};
 export var WithSkeletonLoadTimeout = function WithSkeletonLoadTimeout() {
   return ___EmotionJSX(Image, {
     src: "https://app.requestly.io/delay/7000/https://picsum.photos/150/150",
@@ -132,4 +144,7 @@ export var UpdatingImageSrc = function UpdatingImageSrc() {
     },
     alt: image === pingImg ? 'Ping identity square logo' : 'Terry Crews in a red suite'
   }));
+};
+UpdatingImageSrc.parameters = {
+  codesandbox: false
 };

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

@@ -13,9 +13,9 @@ import _Object$setPrototypeOf from "@babel/runtime-corejs3/core-js-stable/object
 import _reverseInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reverse";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _typeof from "@babel/runtime-corejs3/helpers/esm/typeof";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = _Object$defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context5; _forEachInstanceProperty(_context5 = ["next", "throw", "return"]).call(_context5, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context6; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context6 = this.tryEntries).call(_context6, resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
@@ -37,9 +37,6 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ImageUploadFieldReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
       }
     }
   },
@@ -104,36 +101,36 @@ export var Default = function Default(args) {
     ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, args))
   );
 };
-export var CustomDefaultImage = function CustomDefaultImage() {
+export var CustomDefaultImage = function CustomDefaultImage(args) {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, {
+    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, _extends({}, args, {
       label: "Upload Image",
       defaultPreviewImage: "https://picsum.photos/id/1056/200/300",
       previewHeight: 150,
       previewWidth: 150
-    }))
+    })))
   );
 };
-export var CustomItemText = function CustomItemText() {
+export var CustomItemText = function CustomItemText(args) {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, {
+    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, _extends({}, args, {
       label: "Upload Image",
       previewHeight: 150,
       previewWidth: 150,
       uploadItemText: "Custom Upload String",
       removeItemText: "Custom Remove String"
-    }))
+    })))
   );
 };
-export var ComponentAsDefaultImage = function ComponentAsDefaultImage() {
+export var ComponentAsDefaultImage = function ComponentAsDefaultImage(args) {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, {
+    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ImageUploadField, _extends({}, args, {
       label: "Upload Image with component as default image",
       previewHeight: 150,
       previewWidth: 150,
@@ -141,7 +138,7 @@ export var ComponentAsDefaultImage = function ComponentAsDefaultImage() {
         alt: "uploaded file preview",
         src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAYAAAA+s9J6AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQfnBgEOFytTyEODAAAwGElEQVR42u2deXgcxZn/P9Vzj0Ya3bIkW7Ll+8bYmJtwhDNskiU/SEISkg0JhCUhJ0mWTUJOcpINsJsQQsKRBUJIIFy5lhsMtsEHxvcpyboPSyON5uzu+v3Ro7FkS7ZmdLRs1+d5ZD8adVdX1/S3q+qt931LPF85+23Aj0KhmGgE0OYEZqFEqFDYRUADTLtroVCcwEjN7hooFCc6SoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBKhQmEzSoQKhc0oESoUNqNEqFDYjBLhGCFNE2kYCIcDzetB87itzw0DpLS7eopJjNPuChzzmCY4neQumEfhOWeRu3gBrsJCpGEQa2gktOYtDry6inhbO0JT7zzF4YjnK2f3AgG7K3IsIk0Tz5Qyqq77N6Zc8T7cpSWHH2MY9L6zhbr/uYeOfzxn9YxC2F11xeShxfHxvKJbALfdNTnWkKaJf+YM5v/0B0z5wPtx5OQMeZzQNDxTyig672yMSITeTZvV8FQxkPD4D0dNiTSN8b1Gf8+S+l8IMb69jZS4i4uY8+3/pPCcM0d0ijM3l5qbv0iitZ3Wp/+qhqaKNOMrQinxTa8ieMrJlijGuAMwE3FkIokRjWL0RdDDYYy+PvTeMEYkiownkKYJQiC0sRVm5Uc+SNEF52Z0jjM3wPSbbiC0fiPxxiZQQlQwziKUhkFwxcks+MVPxqVnkqYJponUdaRuYCYS6OEweqiHeEsr0do6wtt2EN6yjUhtHXpPGASj6oWkaeKrrmLKVVdkdX5g4XxKLrmQ/ffej5oZKuAYt44KTQNNQzit23CQg6uwAIDcxQutg6Qk2dVNePtOOp9/iY7/e4HI3n1I08xOjFKSf+oKfNVVWde76LxzaHr4j5jxuN1NqJgEHP/jISFwFRZQcMapzPrm1zjp4d8x8+tfxl8z3epJMzSSCE0jb8niUfWm/pk1uIuLrOUNxQnP8S/CQ/BOraT6s9ez9IF7mPrxj+AI5FhiHCHC5cRdVjLi44fCGczDmR9EKiupghNQhP34Z9Yw53vfZP7PbiNnVg3SGKkQxagtm0LTlHVUkeaEfhKE00npv1zGwv/5L/JPO2VEPaI0DPTe3lFd14hEMMJ9atFeAZzgIuwnd/FCFvzXjyk86/SjClHqOn07d4/qerGmZhIdndZ6puKER4kwhW96FXN+cCt5ixcdVYjda94i2R3K+lrdb6xB7+lRPaECUCIcRM7sWcz65lfxlJaAObTRRGga4a3b6Xr19ayukWhro+3pvymjjCKNEuEhFJx1BlOv/Tg4hmkaITAiUerv+R3x5pbMCpeShgcfoXfLNmWYUaRRT8IQVF59FcEVy6yIhyEQDo2e9RvZ86OfZzQsbX7scRp++6BaH1QMYtJ6zJiJBNHaeqSehKM4eDl8PlzFhThzc8fk2q6iQqZ+/CP0bnwHM5kc+iAhaHn8ScxYjBlf+Tw5s2cOW57e00PjQ49S99/3oIdCymdUMYhJK8J4SyvvfPqzJNraQTuKCP1+vBVTCJ6ynNJ/uYy8JYtGbfQoPPcccpcuonvNWwiHY+iDpKT16b/Su2UrU654H0Xnno23aiqa14vUDRLtHfSs30DL40/RvfpNpK4rASoOY9KKEMNE7+khGQod1ZSvd4WINTTSvXYdLX9+ksprrmbapz+BM5B9rLIrP0jJZRcTenP9EY8TmkZkby37br+T/fc+gKesFM3nReo6yY5OEh2dmMmkJWRlDVUMweQVocAKQRpJbKAAgdVbJVrb2Pfzu0i0tTPrP7+KI5Bz9GsNQ+FZZ+AuKSbR3nHEOvQbWfRQiGR3d9ofVWiadQ/D9aQKBcejYUbTwDRpeuhR9t/34KiK8s2oJmfenJH7lgrLpU04HKrnOx6YoGWk40+EAEJg6jqN9z9EeMu2rItx+HzkLVk8dvWScny+WLXmOOZIwyB3ySIqr7kazeUa12tN3uHoKBGaRqypmdYnnyGwcH7W5QTmz0VzuTKKtOgXm+wXnRAIpxOH3w9SYkSjo74/K6BZonncOIN56KGeYZdUhqqflNJySBg47IeDdZaANnpn9exvcED7pdpwYD0PO2bg30cxApGmiXA4KLnkQmbecjOe8jJi+xvoeO7FcZtWHLci7OfAK6uo+syn0sG+meKtmorD77ectg/9cocVmw9nMIintATvtKn4plfhnzEd34xq2p75G/vvfSDzh1vK9IvA4ffjq5pK3rKTKDjrNPw1Nez69g/oXvPmER8UK34SnAE/nopy/DUz8FVPw1NWijMvz3JE6IsQb2khsmcffTt3E2tswkwk0vPbcSV1j0IIHIEc3KUleCsq8FaW4y4txZUfxBHISd+jEY2id4dItHcQa2wi1thEvLUNvafXskTDiOvd3zbeaZVMvebDVH7swziDQQCqb7yenrc3k+zsHJc2OK5FKDSNaP1+onX1WYvQXVSII5CD3tM7eLlSCBx+P678IO6S4sFiq5qGp7wMV2EBjpycQcIIrX1r5Bfvfyg1DWcwj5xZMwmuXEHB6SsJLFqAp6QkvXxTfuW/0rN+45A9tjRMNLeLwIJ5FJ13DgVnnk7OnFm4igqHHWqZiSSJ1la6166j9aln6Vq1GqMvgnCMfc/YX2d3USG5SxZTcMap5C1bgm96Na6CfBxe71EffjOeQO/pIdbUTN/OXfS+vZneTZuJ1NaR7O5GJvX+L+7g95jq8TW3C1/VNIovuoDyD36AwPy5g8rOP3UFFVdfSd1dd4/5vcNxLkKEwAj3Ea2rJ2/Z0qyKcPj9OHMDxJCI1LcnTZPchfOZ9a2v46uqsh6UHP+IhivSHMH8TUpwaHhKSgksmEfBGacSXLmCnNkzrR5rCArfdRbeqmlE9u472MuaEjRB8OSlVHzkgxS/+7whc6MOheZ24Z02lSnTplJy2UV0vvAy9b/8DT0bN41db5Cay/pnVFN62SWUXHaRNfz3ejMuSvO4cZcU4y4pJm/pYsqvvAK9p5fY/gZ6t24nvHkrkT17ibe1p3p2B67CfPwza8hfcTLBlSvwVU0d+t6EYOrHP8KBl1+jZ+OmMR+WHt8iBExdJ97WnvX5wuVCuN2DjR+plIf5p65Ec4/xpN008U2vpvrG6wiuXI5v2jQ0r+eop3kqygmevJTI7r2gWYYFT1kZldd8mMqPfmjE4hsKh89H6XsuIe+kJez98c9p+cszMMokxtIwcBcXU37VFVR85IP4a6aPbTsCzrxcAgvnWzaBK/8VMx63svAlk+Bw4PD5cPh9IyrLUz6F6n+/jm1f+hpGJDqmw9LjXoRIidEXyfp04XIOOWSTUqYMIWMrQokl/OILz89IOELTyF2ymOY//QWAwrPPZMaXbyL/1BVjVjdvZQVzfnArmtdL08N/HMVNSvJPPYWamz9PwRmnTdhSjubxoHmO/kIbjuKLL6DkPZfQ/OjjCMfY1fn4XKI4lNGY8A1z5FbHMUBoGrGGRnq3bM34XO/UStxFhVTd8GkW/uoXYyrAfpy5udR89YsUnn1mBilBUqSMV2X/+l4W/vK/KDjz9GNqLVVzu6n6zLX4pldlZi0/Wrl239hEMJp1HmnoKUvbxD0sRjRK79ubMz4vZ1YN82//ITO//iXcRYXjVj93cRHTv3Aj7pKizF5wQlD+wQ8w9we34q0oH7f6jSeBeXOp+vQn0Nxjt3PEcS9CoWk484NZn2/E4qk5wARW2jQJb9uB1DPrgf2zaii+6IIJcZMLrjiZ4osuGHGPIE2TkksuZNZ/fhVnMG9E50xWchcvtAxkY+QkcfyL0O2yIuWzxOgNo4fDE5sPRgiidfXo4fDEXTPTKjo0Si69KOWAcORjpWkSmDeHmV//Mq6CfLurPiq631jLzm9+b0zXDI9vEUqJKxjEO4ps2fG2NsuwM4EiFEIj0dFJ8kDXhF0zG3IXLcA7rRIpj9AbSonD56X6xuvxz6qxu8pZk+wOsf8397Hls1+iZ9NmZR0dKdI0yZk9C9+0yqzLiO6rw4zFJrbiAvTeXuttOw6m+7HCXVRIzqwa+rbvGvZ1Lk2TgjNPp+TSC0d9PTMWszb7icXQHA4cgYDlQTMa1zopkYaJcB4+hDfjceItrXStWk3Ln/5CaN0GZDI55q58x7UIhdNB8aUXDrt34Ejo3bItvQ32xFVcYMYTJDoOTNw1s6mm04mvuvqI82WHz0f5Bz9gDVuzQUp639lC+9+fI7R+I4mWVoxYDOF04MoP4p81k6Jzz6HovLPTbmaZFS9p+dMT9GzabHlH+f0Y0SjJA11Ea+vp272HeFPzwZjQcfClPW5FKA2DvJOWUHrZxVmXoYdChDdnvlQwJvXXdSs2cYzLjO1vpG/3XhIdHWgeDzmzagjMn4vI0oLsmVI27NBMGiY5c2dTcPqpWZVt9EWov+d3ND7wEPHWNuvDQxy4Q29toPUvz1Bw+kpqvvrFjD2jhKaRM38ue392B7GGRktkktRyCoPC08aL41OEpsSZl0f1Z6+3HpIs6du1h8jeWlsiCaRpjjrTd7o54gm6Xl9N6xNP0b3mTRJtHZiJBGgarvwg5Vd9gBlf/lxWvZUzmGc9oENaCiX5p6/Mym/XTCTY9/M72f+b+5G6fmTHdF2n88VXiTW1sOCOn5B30pKMrpW3dDEVH/kg+352hy3rlseXYSblxaL5fUz//L9Tcsno5iGdL71KMhSyZ0FZYqXKHyXhrdvZfvMtbP7MTTT/8Qli+xut5FVCWNvGdR5g/2/vp+3Zf2RVvuUzO/RjpHk8BJcvy6rcjn++QMMDD1uOEiN4CQqng74du9h3+53ovZlblcvefzneqmljugg/UiatCKXE2vhT11ObgB7hxzAsK1xODsFTTmbej79H1XX/NqohRKKjk87nXhzz3YUzaIFRPRAymaT50T+z6dp/p/mxJzDCfZbx4dAHWtMwY3Ha//ZPzEQy4+sIzcGQk0IpceblZuUTakSjND/6p4z36xAOja5Vq+l6fXXG1/RVV1Fw+kpbAqQn7XDUGcih9PJL0EM9Q37HmtttOVc7rAm6Z0oZ/tkzCcybOyZrUZ0vvkJ4+45xCd0Zb/SeXmrvupuG+36PEYkc/WWkaUR27yV54EAWw/ehH1opJa6CAlyFmXvuROvq6d20JfO2TyVmPvDya5Rc/O7MTtU0gitX0PzYExMuxEkrQndJMXO+/61h/z6e87RkVzdNj/wRM5445pI0SdOk9q67qf/Vb0DKEbWTEIJkdzfJ7tCo5tCDKyJx5gaymmdGa+uznwYI6Nu5GyMaxeEbWYREPzmzanDk+DF6wxM6BZnUr/n+ffyG+hlPWv78JD1vbTjmBAggkzrhbdstf9cMHiQzkcDoG/0cdCCax5PeyjwT9O7QKJzmBXoohBnJPIWIq6jISpM5wT3hpBahHfRu3sr+e+/H1PXRF2YTQmSeikLqBuYY5L45pCJZudzK0STEEtZoIJsNdxw+L5rHPeFmACXCASS7utn7018Qrdt/Ym3YIgQgMw9NOgpmIo40M+/RHD5f9u0vJc6cnOziBoVgYj31LU6gJ+3ImLEY+35+F53Pv3RMGmMmHUJgRqIYsXjGp3qnVqD5fdn1hlLiq67CkZP5XFQmk0hj4kdA6mnD8hGsvetuGn//iMrhOUZYxp6QtRlqhvhrZuCfMT2rJRrhdpN/5qlZ9aTJ7hBGODLhOyif8CLUQz3s+dHt1P3yN1bukWMo0nuyk+wOEW9syvg8V2EBZe+/PGPDmDQM8hYvpPj8c7Oqb2x/gxU+pkQ4cfTt2s22r9zC/nsfQCYSSoBjiRCY0Si972zJ6vTyq66g5OJ3W/PUEYxOpGHgKZ/CjK/clHVSq56NmzDjmQ+fR8sJKUI9HKbpkcd451M30vbs3w9mcFaMKdI06Vq1OqtQMFdBAXO+/y0qrr4SRyAHaRjWj2ke/DGMtF9p/srlLPivH1F03ruyqqseCtH1xlpb2mnSLtaPB3pPL12r3qDxf/9A1+trMOPxE8sKOsEITaNn4yZ6t2zLyofUUz6Fubd9h7L3XU7n8y/Ru2Ubyc7UVnOaA2cwD//MGgrPPp3Cd52Nu7go67p2r11HeOt2W56H41uEUqKHw0Rr6+l6fQ0d/3yOno3vpF25lADHGSFIdHbR/OifyTtpSVbOD5rHTeE5Z1J4zpkYkShGXxgzqSM0B44cv+VAPsrv0YhEaXrkMYy+PlscNCatCGVSJ97SMiLPCWmamPEEZjyeikg/QKzZ2k8hsnM3kX21JA90pVPKH4ueMMcqQhO0PfN3Si69iKLzzhlVWQ7/yJP1ZkLbM3/jwEuv2vZSnrQijLe08s51nyPR0QHiKI1jmpiJBDKRxNSTqf/19K5DarNOG0n5pe796S/wTa/GP6Pa7hoNIrxlG3V33W1F6ysRDkbqOvHmFuKtbSNYtxmwyUfqWKFpJ6jZafLRPzfc9a3vMfe2b+OdNtXuKgEQa2hk17dvo2/PXlunJpP3MRVAv7P2UX9Een86xeREaBqdz7/MlptuJrRug93VIVpbx/avf4uuVW/YbhuYvCJUHH9ogu7Vb7L5MzdR9z+/Ppg3ZoLpemMNWz77ZTpfeHlcEjdlyqQdjiqOT4RDI97YzJ4f/ZzWJ5+l9PJLKTrvHPwza8bF6DKQRFs7TX94jIb7/pd4S+uksREoESomHk1DGga9mzYTb24hsncf0679OLmLF47L5WKNTXQ+9yJNj/7Z8uAxzEkjQFAiVEw0qY1LA/PmUPqeSyi+6Hz8M2eOaS9oRKMk2joIb9tO12tvcODVVUT21SKThhUho00u24ESoWLCkKaJZ0oZU6+5milXXZH1zkx6qIcDr6wi2dWFw+9HGgZGJEKyq5t4UzPR+gai9fUkWtsxYrEBuUPtn/8NhRKhYkKQpkne0sXMvvUW8k87JasyzESCzhdepuF3v6f7zXWW072mWakuzZSjd78f8AQk7R0rlAgV4440TQJzZzP/Z7dZW1dnQayxido7fknrX55G7w1b4krlToXxTfw13igRKsYdh9dL9Wc/k70AGxrZ9uX/4MCrryOOQ8+nY/f1oTgmkIZBYP5cis7PLsQIoPmPj3Pg5deySmB1LKB6QsX4IiF36eJRJWR2FxXiKi6y9ok0jcMTUh0S9JvO1paOExUIbfJ6VCkRKsYXTeAtnzKqIso/fCV5y5YSb21LO+oDVnpDXceIHgwaNqMxjFjMiqY50EWivYN4SyuJ1jaS3SFrI5yU0WayoESoGFcEZJUAeCCa203ukkXkZnFuf1LjeGs7fdt30r32TbpeX0N0by2mrk8KMSoRKsYVCbbsdNSP5najud24CgoIzJtD2fsvJ97UQscLL9H00KOWB43N6U3sfw0ojm+kJNHeYXctBuGpmELlRz/EkvvupvrG63Dm5dn7orC7QRTHP307d2WV7Gm88UwpY+bXvsTcH38X39RK24SoRKgYV4Sm0btlG307d9tdlaHRNMre+x7m/ew2fNVVapNQxXGIECTaO2h86FFrp6hJSuE5ZzL71ltwFxaqXZkUxx9CCFoff4rGBx8exZZn40/JJe9m2qc/MeGBvkqEivFHCIxIhD0/up1d3/o+vZu3Wut1k5DKj32Y/FOWT+jLQi1RKCYGITD6IjTc93vanv07eSefRMFpKwksmIe3sgJnQb61P6DbbetygauwgIqPfojQho3I5MQMn5UIFRNHKsQo0d5B+9/+Scc/nkPz+3Dl56dd01z5QVzBII5AAIffh+bzphM1O3y+VFY9geZNfe504MzLxVVQgLukGFdB/qgdvAvPOZPA3Dn0vL15QmIQlQgVE8+ASAgzEiXeFyHW0Git7CMZMoUlWHO1gSkt+8tyOnH4fbhLignMn0fxBedSeO7ZWfuruouLKDjzNHrefmdCmkOJUGEv/QG4Iz0+ZbkcOGeTSR0zGiXR0Ul4yzbanvkr+aesYMbNXyB/5fKsqhVccTKaxzMhFt3x72uz9F6f7DFjQgg0Z+Z1zMRXMRu/RuF0WG2ehZU9mzY/6jlCZP6TcSU4GEnvdCJ1gwOvvs62L32dno2bMi8P8E2vxhnMm5DlivHtCTWNvp272f+b+zPbClwIkp0HMCPRcW+ArBCCWGMT++99AOFyMdInXmga3WvXjWgnWCE0Qus2sP+3D4Ic6QKyQOo6sfr9GSczkrpB27N/p2/nrhEvWPcvxDPM8RUf+n8UnnvOsH8/pOoYkSi1d91NZO++UTtWC6eDyO491N/9Wxbc+VPL4JMB7qJCXMEgifaOcd+5VzxfObsXCIzbFaS04ruyqdwk8HAf6/sSmbztJ+IaAy+XzfbUcPi6mpS4S0tY9sj95MybM+Ky+nbtZsNV15Boax8bC2l/PR59kJw5szI6Ve/pYePVnyS0bsN4j8paxn9OKMSE7wE+IUzEfU1w243VS0+aJrkLF+DLcPOX6L46kt2hsVuiEAI9FCLW0JixCIXLNe7JiPuZxF2N4lgmZ+4sNI8no3PMeHxkQ9cMkIaZlXHFGk1MjDyUCBVjjtA0PFPKMj/P4RzbhXopcQQCeMpKMz7VTOqYsYmxSSgRKsYFzevN+BxPxRQcfv+YWSSlaZK7aD6+mTMyPteMx9F7whPivTP+IpQSqevWzxj640nDSJc70V7vk7pdTHNcyp0I/LNqyF28YGzqLSXO3FymfvwjOAOZ2x2TXd0ku7snZE4+voYZ0yRn7mwKzz0HoQmSoR7anvorRl9f9m+YVOOWXn4pzmAuUjfo+L8XiNbWT7o9Bo7ULv6ZNeSfvjJlPOih8/mXMCKR0b15pST/lOUEVywDINHWQduzf8PsT4w0QUgp0Xt7Mz7PGQgw7dpP0Lt5G8murqwNRdI0cXi9VN3wKYovuiCrMqJ19eihMTQSHem+x7NwaZrkLlnM7Fv/A4DY/kYOvPgKRrgvs3XDgWVKiTOYx/Qv3oi3sgJpGETr6onsrUVok3uBf2C7BFcsY95Pvg9AZO8+Qm+us0Q4qnIlReedw/Qv3AhA75ZtdDz3AmY8MbFO0aYkVt+Q1anFF57H7G//B3t/+gti+xtHnhlNSqQpAYmvahpVN3yKiquvyjrJVOit9RjR+HHiOzog/2N6HWosloBSuSfTexAoAAavK9qVN0VAePsO9N4wztwMh4JCUH7lFQTmz6Xp4cc48Moq4k3NmPF46js/5LtO7TfhCOTgmzaNwnPPYsoV7yMwf27W1U92d9P12htk5XaUBcp3VDHmCE2jb+ce+nbsJLji5KzKyF20kLk/WECsqZm+HbuI7N1HvKUNIxxOv2gcPi+u/Hw8FeX4Z0zHN6Mad3HRqOvf/foawtu2T5iziBKhYuwRgmR3N23P/j1rEfaX462swFtZMao0+pmg94ZpfOhRjEh0wvyX1RKFYlwQCNqe/puV1/MYouXxJ+latXpCAwiUCBXjgyaINTVT99+/tqzhxwChdRuo/+U9E556Y3KKUMqD64AD/h+VASZV5kBjhTTNEZebPtY0hyy3v5yjlWn93UxZ8vo/PFi+NM30z6AyBrWJOWS5mMbh5wwoL13uYW2SQbseUuaR2k5oGu1//z/q77lvyDpPJiL76tj93R8RrW+c8MCBSTcnlKaJw+8jd9ECAgsX4MoPoveGiezaQ+87W0h0dJCp1UqaJp7SEvJPW0ne0sW4CgtASuItrYTWbSC0bgPJ7tCwja953HgrKshbfhLSMGl78pm0aJx5ueQtW0re0sW4S4oxwn30bNpM95o3SXZ1DypTc7vwTp1qzXUqpgwqP2f2TFz5+amYOkBKYo1N1nIO4AwGyZkzC1/VNFzFhbQ+8XQ62kDzePBOm4oQDDJMaF4vOXNmp3oiq1wzniC2vwFpGDgCAQIL5lF07tl0vvQq3WvePPIDKCWaz4dvWmU6cqJ/05VhT9F16n91L66CfCqvuXpSRsZE9tWy4+vfovvNdbZsqT25RGia5C1eSPVnr6fwXWfhzMs7+KdojN4tW6m/5z7Cm7cyIiFKiXA4KL38Uqpu+BS5C+cftm5kxuKE3lpP7V2/omvV6sOLME3K/vW91Hz5JjzlU+jbsYuuV1eRaO+g8F1nUXX9teSfusJyt+ovM5Gge81b7P3xz+lZvxE0zXoRlE9h0d134C4tGeTc7CmfwqJf3XGwl9I04i2tbL7+JiK9YTBNis47h3k/+R4Ov59kVxcHXnqVeGsbmBL/jOks+s1/48wNDPL899dMZ8n9d6d7OuF00Pn8S2y7+Rs4c/zMve07FL37XJyBAJrHTWjtW0duTtOk8OwzmPvD76TaUbLnh7fT9PAfh59DCYHR18eeH96OEe5j6rXXWLliJgnda9ex+3s/skKWbHpBTB4RmiaF557NnO/fir9m+mF/1nxegitOZsG8uTT94bERTZyFw8HUT36Mmq98HkfKdUkmkxh9EYTLiSMnB83roeCs08mZM4udt36ftqf+OnhhW0r0rm7cJcUAeMrL8M2YTunllzLjS5+zetVD6+p2U3j2GbhLithywxcI79iVqo8TT1kprqLCw+p56Gfdr68h1mANjaRpovm8OHJyrCoZA4eBEuFy4plShsM32F9TOJ24iwab7EPrNmDGYghhtWm/S1dwxck483LRe3qHXdgXmkbB6aemnbOT3SHC23Yc/bsVAiMcZu/P7qBv526qP/cZcmbPHJvnJkuS3SFaHnuc+l//jlhjsy09YD+TQoTSNAmefBJzf/gdfNVVABjhPg688ho9GzdhJpK4S4rJW7qYvOXLmPrJa446j5GmSel7L2NGSoDSNOl8/iWaH3uc2P5GHD4vwVOWU/GhK631pdISZn3ja8TqGwhteHtQIqG+3XtJHuiyejCvjxlf+hzB5Sfh8PvRw2F6Nmyi950taC4n+WecRm5qW+jAvLlM/bePsfMb30UaBnpPD02P/glnbi7+mTUUnHEqAIn2DjqffwkzqacdGVqffAYzkThYj2FuV6SyEDQ99Ac0j4e8pYvJXbIIsPZ5P/Dya0jTRCDQ+/roeO4lhBAY0RgHXnqVkovfDYB/1kz8NTMIrd849AtOSmvoffLS9Ed923cQ2TPCKHghkMkkzX96gtD6jVR+7EOUvfc9eEa5d2Gm6D09dL70Kk2/f4Tuteswk0lbBQiTQYRS4soPMuMrN6UFmGhvZ9d3fkj7s//A6N9IRAicgRyKzj+Xmbd8BV/VtOGLNE3806uZ8YUb02/6lsefZNe3vk/yQFf6Td/1xloOvPo6C37xE3LmzMJbWcHUT32c3i/9BzKZTF1WoPf0kOwOWSJ0uyg8+wykadLx/Is03PsAobc2oKcsgL6qacy//YcUnHkaAAVnno67tIR4UwuJjk723PYzpK5T8eEr0yKM1tWz89YfYIQHeO1LObKHW9OINTWz69u3IQ2Dmq9+MS3C8LYd7PzGdw53W9M0ME26164j0d5hpQrMDxJcsYzQ+o3DtqlvejX+mTXpz7reWIve2zvyYVwqSDmydx+7v/8Tmh99nJJL3k3xheeTM2dWuqcfa8x4gmhdPQdeWUX7X/9Bz8ZNGNFoOpWi3dguQmmaFF94AYVnnWH9ruvU3nk3LY8/hRiQGg/A6IvQ+penkYbBgjt/OuzcQgjBlP/3fnLmzAYgWt9A3V13W4aSQ+aEPes3sv+3D1jzHE2j8OwzyJlVQ++WbekvSCaSg8zWRriPurvvpeG3D6QNOv3HRvfV0fzon8g/7RSEw4G7pBh3STGxxiYEGaw9jamv5+FlCU0jWltH7ztb0gvh+aetpOHBR9IvoEPJO2lJOo2gEYnQ/cbarCzWQtNASsLbdxDevoPGBx8mZ94cgsuXkbd0Cf6ZM3CXFuPICaC5XRmVLQ0DIxIh2XmAaN1+ejdtpvut9YQ3byXe2oY0DITmmFSJxOwVoZQ4cvyUvfeytDh6Nm6i9Ymnhs6TIgRoGuFtOzDCfUOLMJVXpOTSi9IfHXjlNWvYNFTDaxpdr68m0dKKp6Icd1ERuYsWWIvMKWGZycEirL/nt9Te8UswzcPL1ATR+gbMWAxHTg7CoU3gFy6G/mwYPRuRCF2vvZEWYe6iBXjLpxCprTush9BcLoKnHEwfGNlbS3j7jlH1JP3nJru66Vq1mq5Vq9E8Hlz5QdxlpXimlOEpK8VdXIyrIIjD70fz+QaFF0lDR++LWKOVjk7iLW3EmluIN7eQPNCFEY0eHFUc8lKfLNgqQiklvqqq9PAJoOO5F0l0HjhiYx0pxkuaJoF5c/D35zeRkp71G5G6PqRHvRCCRFsHsaZmPBXlIAT+mhlDJi8Cq6cOb92BTCaH9dA3otFJvQPRQLpSSymugnw85VPIXbyQyN7awSvIUlpz8iUL0x+F3lw3aGg/KgaIQ+q6tc98azu9b29O/Z2DKQ0P+V4kEowB65+pYIH+9BSTYbh5NOytoSnJmTMzbWE0Y7Gs80QOJGfO7HRktxGLEa2rR5pDL1xL00wnju3HXVZ65C9PCIYPBRHWovoxENkhNI3I7j1pC6dwOsk/faWVu3QAMhUX6q2sBKyRQdeq1Uh9nIKGhbBGEE4rzf3AudthjgemTIvYSovvtAStaWMSrTMR2DscFVaS1f63oN7bS6K1bXRv15TTbz9S13GXlJC7aP6QwpJYOT4H9mrOvLxUEtljozcbTVvpvWG6Xl+dNhIFly/DVZA/uJcTwspInVoCiTc00btpM+JYCaKe5NgqQiHEIA8PIxpHD/eN6gUmHNYGIf04cnKY+6PvHPWtPTAFgiO1CclxL0IAKel+fTV677U4cwP4ZlSTM3sWXW+ssV6OUuLw+wdFQ4Q2vG05ChwDQ71jAXt7Qk0b5GmCmfLBHEVPKDQt/cbu/92Vn59Ztbwea+3oGBhSjhahaYR37CKyaw95Jy/FGQgQPGU5XW+sAax5u3dqBTlzLUszpqRr1RvWGuYkNHIci9g8HB1h6oIMkKkESv0Y0Sgd/3wefaRJZVPzJKnr1vHHuxCFQO8K0bV6TXohPv+0FTju9WPG4mBKchcvwl1seQzF29stV7zjMaGzTdgrQtM8uBgPY5Nx2jDQwwdDZ4y+CLV3/MqKlB7Jmzu1M9eJhJQmXa+9wdR/+xgOn4/A/Hl4p1XSt3M3wukgf+XytFdJePNWovUNiAlKjHsiYGtLStNED/UcrIzbjebzjcqyKE2T5ABLp+Z2H+ZTeUROMAHCwY1dontrAXCXlpC3dDEYJq6CfPJOWpI+tuv11amscHbX+vjB3teZxNocMoXD78c12u2opCSyrza9bqR5PanQJVvvdHKT8j/tXrvO+lXTLEOMZq2Z+qZb7oTJ7hDdawZHWkjDTMdTZrOhjMJuEQro2703HTPnCOTgm159VBEesacU1nZsele3dYNuNznz5qo391GQukHXG2vS+7TnLlqQipVcgjPXsjZHdu0msmfvIOf2/JXLqbruk0y79hpyF8yz+zaOSWwVodA0Inv2Eqmts353OCg89+wjbyRimnjKywZZQAeXKSyfyK3b0p8VX3ieFSo0gsgLWwwxQtj/ktBEyr+yFQDv1Ep806sJLl+WPqRr9VqSoZ60war0Xy6l6jPX4i4twV1cTPWN11Nw5mmqR8wQm3tCaxjU+cLL6Y9KLjyfwneddXh6eymRuoFvejXTP3dDel1PCJHaqPNgmXpvmLZn/p5+GILLlzH1Ex9FuJxDPyCpNA+5ixbgq5k+4Q+Rw+ezNkMZdXse8msGSwhC04i3tKS9Z5zBPApOP5VAqnczolG6X1+TziPrLiul+IJzCb25HmdeLs5gHpG9+yh73+U4AznHv1V5DLHdxCWlpPWJp4jW7QfAmR9k9rdvofRfLsORG0gvYzjzg5RefjGLfvULCs85c8AdaKlo8oNfen9uk9BbG6zfHQ6qb7yOmps/j2+q5XoldSMtdFdBPhUfvpLF99zF9M/dgMOb2ZZe2WAOeMm4CgtwFxem871k/RKQ0tpeLIW3ohxnXq51n4fmlxkCIxpLhzJpLhel773M8qfFig4Jb9uRDjL2VlZghPssn9uyUlwF+fS8/Q7C5cRdXHxMuO1NFmwPZRKpLbXr/ufXzPnuN9G8Hvw1M1hwx08Ib9lmhQBpDrzV06yYM58v5f0iLT9BTcORm3tIoYJEewf7br+TBXf+FE9ZKQ6fj+obr6f44gsJrX0r5U9q4q0oJ2/ZUgKLFqC5XDhyA/hnz6L3nS3j5/wrBIm2doxYDIfPh6eslKrrPkn9b+7HCIcRTifxpubMxSgl8cbmtBOzf+YMqm74FM1/+FMqj6ZG9Cjp6Xs3bsKIxnD4vOSdtCTdBqG31lv+tanoFiMSQfN60TweYk0tCAHxllaE02nF6ql1xBEzATv1cnBht9/XcIi1uObHnrD2mPjsZ3AG8yxXqVOWDwqfAWvdr+G+Byl819nkLra8+r3lUw5zoRKaRtdrr7Pzm99l1je+ZgUBC0HO7JnDplZIdh5g/70PEK2tO+whSq+LjWAranHo8Yf+XdOsrNK791r3IAQVV19F8YXnYyYSRPbWsvmGzw92MBhYjDaMA7mm0fP2JmINjVbiJ6eTqus+yZQr3ofUdUJvrWfr5786bEq//oDbRFsbvuqqg07Tup522BZOy5k6uq+WZFcXweUn0f7Xf+IsyKfquk/St22HlfhJiXDEjK8IU2kU4s0tCIeDRFu79XYXhx8nEwn2//p3hLdup/JjHyZ48kk4C/LRnE6kKTH6+ghv30HD/f9Lx9/+D83rxVNu5TpxFRWiud2H+3oKQfuz/yBat59p115D4bvOxl1SPKiHk7pBor2drlWraXr4j3S/uc5Ka3hInplEZyeJ9g7MRAIzFjtSEAWmrhNvbbX2uAv3YR4aJJsKn6q985fM+c430iFU7tISwLLououKrCDkVD3MSNTy1xSQ7Ogc0q9VaBqRvbXsu+OXzPzqF63yhEjnx/HPrMGRG8Ds79EORdNItHcS2bMvneUAINbYTM/b7wza9cqMJ9h/7wNUXnM1xRdfkEoDsofG/3003RMrRoZ4vnJ2L5D5Bm4jxJHjTycbkrqejm4eDmkYOPw+fFVVeKdV4goGMRMJYk3NRPbstSLZhcBVkI8zaGVjM+MJ4m3tw26AIk0Tze3GXzOdwIL5eKdW4PD70HvCxPbvJ7x9F9G6esx4fGhjhhB4SkvQvB5LkB2dGJHhd3HVXK50OJSUJonW9mF7n9xFCyi59CIC8+fi8PtIdoXofOkV2p7+K0ZfJG2JdOQGcBcWptso3tY+bAQ8QpC7ZCHF7z6fnFkzES4niY5OOp97kc6XX00vQwzXVrO+8TWq//3T6c9an3qWrZ/7yuHfm7SmBO6SYqRpWj3goS8wxdFoGXcRImV6ki5gZJ730nKlIrXVlXWySEdHH16uGNHehAfjzwZfC20EPqymtAJI6d/P/MjXGzifO1LZVhImEG63JVrDOJjg6ZDeeKCx42j1lYY14tBcLmukkUqgfDSLqdR1yq+8gvl3/CSdhmL7zf9J40OPDn+uPPgdKTKmZQLmhFn4g4rUnOpIz1kW5QpNy94erAlL7JlcK4PjpK6n7bvD9caZ3G+/r+fA3mtESxbCSl9vxuI4/D5iDY10rV57ZIEp8Y0K25coFJMMIVLpHK38PZ0vv0a0bv8xkSbiWEW1rCKNNAwCc2dT/sH/B4AeCtH6xFMnRnCzjSgRKiykJDB/LrO/+w38M2cA0Prks1Z6eBW8O67YvlivsBlpRZpM/cRHqfzYhywHeqBnw9vU/epezERSDUXHGdW6JzoCkCbB5cvSAgyt28iOW75NtK5eCXACUD2hAiMao+UvT+ObUU3Hcy/S9PtHiDZM/D59Jyrjv06oOCbQPB6cuQHLP9Q0VSa1iWMC1gkVxwRmLE4iFktvNaCYOJQIFRYi/Y9iglGvPIXCZpQIFQqbUSJUKGxGiVChsBklQoXCZpQIFQqbUSJUKGxGiVChsBklQoXCZpQIFQqbUSJUKGxGiVChsJn/D0GKtZYtFq7OAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA2LTAxVDE0OjIzOjMyKzAwOjAw8a3O2AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wNi0wMVQxNDoyMzozMiswMDowMIDwdmQAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDYtMDFUMTQ6MjM6NDMrMDA6MDB7V1UWAAAAAElFTkSuQmCC"
       })
-    }))
+    })))
   );
 };
 export var ExistingImage = function ExistingImage() {

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

@@ -26,10 +26,10 @@ export default {
 export var Default = function Default(args) {
   return ___EmotionJSX(Label, args, "This is a label");
 };
-export var Float = function Float() {
-  return ___EmotionJSX(Label, {
+export var Float = function Float(args) {
+  return ___EmotionJSX(Label, _extends({}, args, {
     mode: "float"
-  }, "This is a float label");
+  }), "This is a float label");
 };
 export var WithHelpHint = function WithHelpHint(args) {
   return ___EmotionJSX(Label, _extends({

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

@@ -21,6 +21,11 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(LinkReadme, null), ___EmotionJSX(DocsLayout, null));
       }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Link', 'Text']
+      }
     }
   },
   argTypes: {

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

@@ -42,9 +42,11 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(LinkSelectFieldReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Box', 'Item', 'LinkSelectField', 'Section']
       }
     }
   },
@@ -176,11 +178,11 @@ export var WithNoneOption = function WithNoneOption() {
     key: "yellow"
   }, "Yellow")));
 };
-export var DisabledField = function DisabledField() {
-  return ___EmotionJSX(LinkSelectField, {
+export var DisabledField = function DisabledField(args) {
+  return ___EmotionJSX(LinkSelectField, _extends({}, args, {
     label: "What's your favorite color?",
     isDisabled: true
-  }, ___EmotionJSX(Item, {
+  }), ___EmotionJSX(Item, {
     key: "red"
   }, "Red"), ___EmotionJSX(Item, {
     key: "blue"
@@ -188,11 +190,11 @@ export var DisabledField = function DisabledField() {
     key: "yellow"
   }, "Yellow"));
 };
-export var DisabledOptions = function DisabledOptions() {
-  return ___EmotionJSX(LinkSelectField, {
+export var DisabledOptions = function DisabledOptions(args) {
+  return ___EmotionJSX(LinkSelectField, _extends({}, args, {
     label: "What's your favorite color?",
     disabledKeys: ['blue']
-  }, ___EmotionJSX(Item, {
+  }), ___EmotionJSX(Item, {
     key: "red"
   }, "Red"), ___EmotionJSX(Item, {
     key: "blue"
@@ -200,19 +202,19 @@ export var DisabledOptions = function DisabledOptions() {
     key: "yellow"
   }, "Yellow"));
 };
-export var NoOptionsAvailable = function NoOptionsAvailable() {
-  return ___EmotionJSX(LinkSelectField, {
+export var NoOptionsAvailable = function NoOptionsAvailable(args) {
+  return ___EmotionJSX(LinkSelectField, _extends({}, args, {
     label: "Select an option...",
     isDisabled: true,
     defaultText: "No options available"
-  });
+  }));
 };
-export var HelperText = function HelperText() {
-  return ___EmotionJSX(LinkSelectField, {
+export var HelperText = function HelperText(args) {
+  return ___EmotionJSX(LinkSelectField, _extends({}, args, {
     status: "error",
     helperText: "Here is some helpful text...",
     label: "What's your favorite color?"
-  }, ___EmotionJSX(Item, {
+  }), ___EmotionJSX(Item, {
     key: "red"
   }, "Red"), ___EmotionJSX(Item, {
     key: "blue"
@@ -243,7 +245,8 @@ export var DynamicItems = function DynamicItems() {
 DynamicItems.parameters = {
   docs: {
     storyDescription: 'If using a long list or one that is dynamically updated, use the `items` prop and a function to render the children. See [the React Stately docs](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections) for more information about this.'
-  }
+  },
+  codesandbox: false
 };
 export var AsyncLoading = function AsyncLoading() {
   // This example uses `useAsyncList` from "@react-stately/data"
@@ -292,4 +295,7 @@ export var AsyncLoading = function AsyncLoading() {
       key: item.name
     }, item.name);
   }));
+};
+AsyncLoading.parameters = {
+  codesandbox: false
 };