@automattic/vip-design-system 1.2.1 → 1.2.2

package/build/system/NewDialog/NewDialog.stories.js

@@ -1,247 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.HiddenHeadings = exports.Default = exports.CustomStyling = exports.CustomStateManagement = exports.CustomOnClose = exports.CustomClose = exports.AutoOpen = void 0;
-var _react = require("react");
-var _system = require("../../system");
-var _ScreenReaderText = _interopRequireDefault(require("../ScreenReaderText"));
-var NewDialog = _interopRequireWildcard(require("."));
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-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); } /** @jsxImportSource theme-ui */ /**
-                                                                                                                                                                                                                                                                                                                                                                                      * External dependencies
-                                                                                                                                                                                                                                                                                                                                                                                      */ /**
-                                                                                                                                                                                                                                                                                                                                                                                         /**
-                                                                                                                                                                                                                                                                                                                                                                                          * Internal dependencies
-                                                                                                                                                                                                                                                                                                                                                                                          */
-var _default = {
-  title: 'Dialog/NewDialog',
-  component: NewDialog.Root
-};
-exports["default"] = _default;
-var defaultProps = {
-  title: 'User settings',
-  description: 'Use this form to manage your settings'
-};
-var Default = function Default() {
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_system.Text, {
-      sx: {
-        fontSize: 3,
-        mb: 3
-      },
-      children: "Regular Dialog where the title and description are built-in and the content is provided by the user."
-    }), (0, _jsxRuntime.jsx)(NewDialog.Root, _extends({}, defaultProps, {
-      trigger: (0, _jsxRuntime.jsx)(_system.Button, {
-        children: "Trigger Dialog"
-      })
-    }))]
-  });
-};
-exports.Default = Default;
-var AutoOpen = function AutoOpen() {
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_system.Text, {
-      sx: {
-        fontSize: 3,
-        mb: 3
-      },
-      children: "Auto Opens when rendered. Press escape to close it."
-    }), (0, _jsxRuntime.jsx)(NewDialog.Root, _extends({}, defaultProps, {
-      defaultOpen: true,
-      content: (0, _jsxRuntime.jsxs)("div", {
-        children: [(0, _jsxRuntime.jsx)("h3", {
-          children: "Test"
-        }), (0, _jsxRuntime.jsx)("p", {
-          children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."
-        })]
-      }),
-      trigger: (0, _jsxRuntime.jsx)(_ScreenReaderText["default"], {
-        children: "hey"
-      })
-    }))]
-  });
-};
-exports.AutoOpen = AutoOpen;
-var HiddenHeadings = function HiddenHeadings() {
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_system.Text, {
-      sx: {
-        fontSize: 3,
-        mb: 3
-      },
-      children: "Title and description are hidden, but still announced using a screen reader. Activate VoiceOver or any similar screen reader to listen to: Custom dialog title, Description of the dialog content."
-    }), (0, _jsxRuntime.jsx)(NewDialog.Root, _extends({}, defaultProps, {
-      trigger: (0, _jsxRuntime.jsx)(_system.Button, {
-        children: "Trigger Dialog"
-      }),
-      title: "Custom dialog title",
-      showHeading: false,
-      content: (0, _jsxRuntime.jsxs)("div", {
-        children: [(0, _jsxRuntime.jsx)("h3", {
-          children: "My Custom Content"
-        }), (0, _jsxRuntime.jsxs)("form", {
-          children: [(0, _jsxRuntime.jsx)(_system.Label, {
-            htmlFor: "username",
-            children: "User name"
-          }), (0, _jsxRuntime.jsx)(_system.Input, {
-            type: "text",
-            name: "username",
-            id: "username"
-          }), (0, _jsxRuntime.jsx)(_system.Button, {
-            type: "submit",
-            children: "Submit"
-          })]
-        }), (0, _jsxRuntime.jsx)("h3", {
-          children: "Continue here"
-        }), (0, _jsxRuntime.jsx)("p", {
-          children: "This is an example."
-        })]
-      })
-    }))]
-  });
-};
-exports.HiddenHeadings = HiddenHeadings;
-var CustomStyling = function CustomStyling() {
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_system.Text, {
-      sx: {
-        fontSize: 3,
-        mb: 3
-      },
-      children: "Custom Styling on Dialog Content"
-    }), (0, _jsxRuntime.jsx)(NewDialog.Root, _extends({}, defaultProps, {
-      defaultOpen: true,
-      trigger: (0, _jsxRuntime.jsx)(_system.Button, {
-        children: "Trigger Dialog"
-      }),
-      title: "Custom dialog title",
-      style: {
-        background: function background(theme) {
-          return "" + theme.colors.primary;
-        },
-        padding: 5,
-        borderRadius: 20,
-        h2: {
-          fontSize: 4,
-          color: function color(theme) {
-            return "" + theme.colors.text;
-          }
-        },
-        h3: {
-          fontSize: 3,
-          color: function color(theme) {
-            return "" + theme.colors.heading;
-          }
-        },
-        p: {
-          color: 'white'
-        },
-        'button[type="button"]:focus': {
-          outlineColor: 'white',
-          color: 'white'
-        }
-      },
-      content: (0, _jsxRuntime.jsxs)("div", {
-        children: [(0, _jsxRuntime.jsx)("h3", {
-          children: "This is Read because it is Custom"
-        }), (0, _jsxRuntime.jsx)("p", {
-          children: "This Dialog is styled using the `sx` property."
-        })]
-      })
-    }))]
-  });
-};
-exports.CustomStyling = CustomStyling;
-var CustomClose = function CustomClose() {
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_system.Text, {
-      sx: {
-        fontSize: 3,
-        mb: 3
-      },
-      children: "This example shows how you can create a custom Close trigger to your dialog"
-    }), (0, _jsxRuntime.jsx)(NewDialog.Root, _extends({}, defaultProps, {
-      trigger: (0, _jsxRuntime.jsx)(_system.Button, {
-        children: "Trigger Dialog"
-      }),
-      content: (0, _jsxRuntime.jsx)("div", {
-        children: (0, _jsxRuntime.jsx)(NewDialog.Close, {
-          children: (0, _jsxRuntime.jsx)(_system.Button, {
-            children: "Close here instead"
-          })
-        })
-      })
-    }))]
-  });
-};
-exports.CustomClose = CustomClose;
-var CustomStateManagement = function CustomStateManagement() {
-  var _useState = (0, _react.useState)(false),
-    open = _useState[0],
-    setOpen = _useState[1];
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsxs)(_system.Text, {
-      sx: {
-        fontSize: 3,
-        mb: 3
-      },
-      children: ["This example shows how you can create a custom state management. To achieve accessibility, you need to control the ", (0, _jsxRuntime.jsx)("strong", {
-        children: "open"
-      }), " state, but also keep consistency using the", ' ', (0, _jsxRuntime.jsx)("strong", {
-        children: "onOpenChange"
-      }), " attribute."]
-    }), (0, _jsxRuntime.jsx)(NewDialog.Root, _extends({}, defaultProps, {
-      open: open,
-      onOpenChange: function onOpenChange(status) {
-        // eslint-disable-next-line no-console
-        console.log('New status changed', status);
-        setOpen(!open);
-      },
-      trigger: (0, _jsxRuntime.jsx)(_system.Button, {
-        children: "Trigger Dialog"
-      }),
-      content: (0, _jsxRuntime.jsx)("div", {
-        sx: {
-          mt: 2
-        },
-        children: (0, _jsxRuntime.jsx)(NewDialog.Close, {
-          children: (0, _jsxRuntime.jsx)(_system.Button, {
-            children: "Close here instead"
-          })
-        })
-      })
-    }))]
-  });
-};
-exports.CustomStateManagement = CustomStateManagement;
-var CustomOnClose = function CustomOnClose() {
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_system.Text, {
-      sx: {
-        fontSize: 3,
-        mb: 3
-      },
-      children: "This example shows how you can use the content as a function to use the onClose method (same behavior as the original Dialog component)."
-    }), (0, _jsxRuntime.jsx)(NewDialog.Root, _extends({}, defaultProps, {
-      trigger: (0, _jsxRuntime.jsx)(_system.Button, {
-        children: "Trigger Dialog"
-      }),
-      content: function content(_ref) {
-        var onClose = _ref.onClose;
-        return (0, _jsxRuntime.jsx)("div", {
-          sx: {
-            mt: 2
-          },
-          children: (0, _jsxRuntime.jsx)(_system.Button, {
-            onClick: onClose,
-            children: "Close here instead"
-          })
-        });
-      }
-    }))]
-  });
-};
-exports.CustomOnClose = CustomOnClose;

package/build/system/NewForm/FormAutocomplete.stories.js

@@ -1,220 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.WithSlowSearchAndDebounce = exports.WithSearchIcon = exports.WithLoading = exports.WithErrors = exports.WithDefaultValue = exports.WithDebounce = exports.WithCustomMessages = exports.WithCustomArrow = exports.WithArrow = exports.Inline = exports.Default = void 0;
-var _react = require("react");
-var Form = _interopRequireWildcard(require("."));
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-var _excluded = ["label", "width"];
-/** @jsxImportSource theme-ui */
-/**
- * Internal 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 _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) { ["next", "throw", "return"].forEach(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" }], tryLocsList.forEach(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 keys.reverse(), 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) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(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; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-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 _default = {
-  title: 'Form/Autocomplete',
-  argTypes: {
-    placeholder: {
-      type: {
-        name: 'string',
-        required: false
-      },
-      control: {
-        type: 'text'
-      }
-    },
-    debounce: {
-      type: {
-        name: 'number',
-        required: false
-      },
-      control: {
-        type: 'number'
-      }
-    },
-    label: {
-      type: {
-        name: 'string',
-        required: false
-      },
-      control: {
-        type: 'text'
-      }
-    },
-    resetOnBlur: {
-      options: [false, true],
-      control: {
-        type: 'boolean'
-      }
-    }
-  }
-};
-exports["default"] = _default;
-var options = [{
-  value: 'chocolate',
-  label: 'Chocolate'
-}, {
-  value: 'strawberry',
-  label: 'Strawberry Chocolate Vanilla Chocolate Vanilla'
-}, {
-  value: 'vanilla',
-  label: 'Vanilla'
-}];
-var args = {
-  label: 'Label',
-  options: options,
-  resetOnBlur: false,
-  placeholder: 'Start typing...'
-};
-
-// eslint-disable-next-line react/prop-types
-var DefaultComponent = function DefaultComponent(_ref) {
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'Label' : _ref$label,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 250 : _ref$width,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = (0, _react.useState)(null),
-    selectedValue = _useState[0],
-    setSelectedValue = _useState[1];
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (0, _jsxRuntime.jsxs)(Form.Root, {
-      children: [(0, _jsxRuntime.jsx)("div", {
-        sx: {
-          width: width
-        },
-        children: (0, _jsxRuntime.jsx)(Form.Autocomplete, _extends({
-          forLabel: "form-autocomplete",
-          label: label,
-          onChange: function onChange(obj, val) {
-            setSelectedValue(val);
-          }
-        }, rest))
-      }), (0, _jsxRuntime.jsxs)("div", {
-        sx: {
-          mt: 3
-        },
-        children: ["Selected value: ", selectedValue]
-      })]
-    })
-  });
-};
-var Default = DefaultComponent.bind({});
-exports.Default = Default;
-Default.args = args;
-var Inline = DefaultComponent.bind({});
-exports.Inline = Inline;
-Inline.args = _extends({}, Default.args, {
-  isInline: true
-});
-var WithDefaultValue = DefaultComponent.bind({});
-exports.WithDefaultValue = WithDefaultValue;
-WithDefaultValue.args = _extends({}, Default.args, {
-  value: 'Chocolate'
-});
-var WithSearchIcon = DefaultComponent.bind({});
-exports.WithSearchIcon = WithSearchIcon;
-WithSearchIcon.args = _extends({}, Default.args, {
-  searchIcon: true,
-  placeholder: 'Type to search'
-});
-var WithLoading = DefaultComponent.bind({});
-exports.WithLoading = WithLoading;
-WithLoading.args = _extends({}, Default.args, {
-  loading: true
-});
-var WithDebounce = function WithDebounce() {
-  var _useState2 = (0, _react.useState)(null),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var customArgs = _extends({}, args, {
-    minLength: 3,
-    debounce: 300,
-    onInputChange: function onInputChange(query) {
-      setValue(query);
-    }
-  });
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: ["Filter: ", value, (0, _jsxRuntime.jsx)(DefaultComponent, _extends({}, customArgs))]
-  });
-};
-exports.WithDebounce = WithDebounce;
-var WithSlowSearchAndDebounce = DefaultComponent.bind({});
-exports.WithSlowSearchAndDebounce = WithSlowSearchAndDebounce;
-WithSlowSearchAndDebounce.args = _extends({}, Default.args, {
-  label: 'Label',
-  autoFilter: false,
-  minLength: 3,
-  required: true,
-  debounce: 500,
-  source: function () {
-    var _source = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(query, populateResults) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!query || query.length >= 3) {
-              setTimeout(function () {
-                var filteredResults = args.options.map(function (option) {
-                  return option.label;
-                }).filter(function (result) {
-                  return result.toLowerCase().indexOf(query == null ? void 0 : query.toLowerCase()) !== -1;
-                });
-                populateResults(filteredResults);
-              }, 1000);
-            }
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    function source(_x, _x2) {
-      return _source.apply(this, arguments);
-    }
-    return source;
-  }()
-});
-var WithCustomMessages = DefaultComponent.bind({});
-exports.WithCustomMessages = WithCustomMessages;
-WithCustomMessages.args = _extends({}, Default.args, {
-  noOptionsMessage: function noOptionsMessage() {
-    return 'No data';
-  },
-  placeholder: 'Type to search'
-});
-var WithErrors = DefaultComponent.bind({});
-exports.WithErrors = WithErrors;
-WithErrors.args = _extends({}, Default.args, {
-  hasError: true,
-  errorMessage: 'Please select a value.',
-  required: true
-});
-var WithArrow = DefaultComponent.bind({});
-exports.WithArrow = WithArrow;
-WithArrow.args = _extends({}, Default.args, {
-  showAllValues: true
-});
-var WithCustomArrow = DefaultComponent.bind({});
-exports.WithCustomArrow = WithCustomArrow;
-WithCustomArrow.args = _extends({}, Default.args, {
-  showAllValues: true,
-  // eslint-disable-next-line react/display-name
-  dropdownArrow: function dropdownArrow() {
-    return (0, _jsxRuntime.jsx)("span", {
-      sx: {
-        position: 'absolute',
-        top: '2px',
-        right: '10px',
-        pointerEvents: 'none'
-      },
-      children: "\uD83D\uDC47"
-    });
-  }
-});
-WithCustomArrow.displayName = 'WithCustomArrow';