@ndla/ui 49.0.13 → 50.0.0

package/lib/MyNdla/Resource/FolderInput.js

@@ -17,7 +17,7 @@ var _editor = require("@ndla/icons/editor");
 var _icons = require("@ndla/icons");
 var _util = require("@ndla/util");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _excluded = ["loading", "error", "onClose", "onSave"];
+var _excluded = ["loading", "label", "error", "onClose", "onSave"];
 /**
  * Copyright (c) 2022-present, NDLA.
  *
@@ -36,32 +36,30 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var StyledSpinner = /*#__PURE__*/(0, _base.default)(_icons.Spinner, {
   target: "esbqk1r2",
   label: "StyledSpinner"
-})("margin:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnFDIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzLCBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXRWMiB9IGZyb20gJ0BuZGxhL2Zvcm1zJztcbmltcG9ydCB7IERvbmUgfSBmcm9tICdAbmRsYS9pY29ucy9lZGl0b3InO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJ0BuZGxhL2ljb25zJztcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczx0eXBlb2YgSW5wdXRWMj4ge1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIG9uU2F2ZTogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IChlcnJvcj86IGJvb2xlYW4pID0+XG4gIGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgICBlcnJvciA/IGNvbG9ycy5zdXBwb3J0LnJlZCA6IGNvbG9ycy5icmFuZC50ZXJ0aWFyeSxcbiAgKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuaW50ZXJmYWNlIFN0eWxlZElucHV0UHJvcHMge1xuICBlcnJvcj86IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoSW5wdXRWMik8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWltYWdlOiAkeyh7IGVycm9yIH0pID0+IGJvcmRlclN0eWxlKCEhZXJyb3IpfTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgaW5wdXQge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1ZW07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIGNhcmV0LWNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgfVxuICAgIDo6cGxhY2Vob2xkZXIge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFJvdyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IEZvbGRlcklucHV0ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcz4oKHsgbG9hZGluZywgZXJyb3IsIG9uQ2xvc2UsIG9uU2F2ZSwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZUZvcndhcmRlZFJlZihyZWYpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzTW9iaWxlKSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50Py5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW5wdXRcbiAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICB3aGl0ZVxuICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgYXJpYS1kaXNhYmxlZD17bG9hZGluZyA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXsnZm9sZGVyLWlucHV0LXNwaW5uZXInfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhZnRlcj17XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHshZXJyb3IgJiYgKFxuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uVjJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9eydnaG9zdCd9XG4gICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdzYXZlJyl9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uU2F2ZX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8RG9uZSAvPlxuICAgICAgICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblYyIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHRpdGxlPXt0KCdjbG9zZScpfSBzaXplPVwic21hbGxcIiB2YXJpYW50PVwiZ2hvc3RcIiBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiA8U3R5bGVkU3Bpbm5lciBzaXplPVwibm9ybWFsXCIgaWQ9XCJmb2xkZXItc3Bpbm5lclwiIGFyaWEtbGFiZWw9e3QoJ2xvYWRpbmcnKX0gLz59XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvUm93PlxuICAgICAgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
+})("margin:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QnFDIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXRDb250YWluZXIsIEZpZWxkRXJyb3JNZXNzYWdlLCBJbnB1dFYzLCBGaWVsZEhlbHBlciwgRm9ybUNvbnRyb2wsIExhYmVsIH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgRG9uZSB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnQG5kbGEvaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9zZVJlZnMgfSBmcm9tICdAbmRsYS91dGlsJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvblNhdmU6ICgpID0+IHZvaWQ7XG4gIGVycm9yPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkKFNwaW5uZXIpYFxuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG4vLyBTb3VyY2U6IGh0dHBzOi8va292YXJ0LmdpdGh1Yi5pby9kYXNoZWQtYm9yZGVyLWdlbmVyYXRvci9cbmNvbnN0IGJvcmRlclN0eWxlID0gKGVycm9yPzogYm9vbGVhbikgPT5cbiAgYHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2Nzdmcgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM2UlM2NyZWN0IHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyBmaWxsPSdub25lJyBzdHJva2U9JyR7ZW5jb2RlVVJJQ29tcG9uZW50KFxuICAgIGVycm9yID8gY29sb3JzLnN1cHBvcnQucmVkIDogY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuICApfScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtZGFzaGFycmF5PSc4JTJjOCcgc3Ryb2tlLWRhc2hvZmZzZXQ9JzQnIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnLyUzZSUzYy9zdmclM2VcIilgO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW5wdXRQcm9wcyB7XG4gIGVycm9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRJbnB1dENvbnRhaW5lciA9IHN0eWxlZChJbnB1dENvbnRhaW5lcik8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBiYWNrZ3JvdW5kLWltYWdlOiAke2JvcmRlclN0eWxlKCl9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgYm9yZGVyLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfSBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcblxuICAvKiBOb3QgZ29vZCBwcmFjdGljZSwgYnV0IG5lY2Vzc2FyeSB0byBnaXZlIGVycm9yIG1lc3NhZ2Ugc2FtZSBwYWRkaW5nIGFzIGNhdXNlZCBieSBib3JkZXIuICovXG4gICYgKyBbZGF0YS1lcnJvci1tZXNzYWdlXSB7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cblxuICAmW2RhdGEtZXJyb3I9J3RydWUnXSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogJHtib3JkZXJTdHlsZSh0cnVlKX07XG4gIH1cbiAgaW5wdXQge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1cmVtO1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjYXJldC1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBGb2xkZXJJbnB1dCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHMgJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J2lucHV0Jz4+KFxuICAoeyBsb2FkaW5nLCBsYWJlbCwgZXJyb3IsIG9uQ2xvc2UsIG9uU2F2ZSwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgICBpbnB1dFJlZi5jdXJyZW50Py5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICAgIH1cbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1Db250cm9sIGlkPVwiZm9sZGVyLW5hbWVcIiBpc1JlcXVpcmVkIGlzSW52YWxpZD17ISFlcnJvcn0+XG4gICAgICAgIDxMYWJlbCB2aXN1YWxseUhpZGRlbj57bGFiZWx9PC9MYWJlbD5cbiAgICAgICAgPFN0eWxlZElucHV0Q29udGFpbmVyIGRhdGEtZXJyb3I9eyEhZXJyb3J9PlxuICAgICAgICAgIDxJbnB1dFYzIGF1dG9Db21wbGV0ZT1cIm9mZlwiIGRpc2FibGVkPXtsb2FkaW5nfSByZWY9e2NvbXBvc2VSZWZzKHJlZiwgaW5wdXRSZWYpfSB7Li4ucmVzdH0gLz5cbiAgICAgICAgICA8Um93PlxuICAgICAgICAgICAgeyFsb2FkaW5nID8gKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIHshZXJyb3IgJiYgKFxuICAgICAgICAgICAgICAgICAgPEljb25CdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PXsnZ2hvc3QnfVxuICAgICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgICB0aXRsZT17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvblNhdmV9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEb25lIC8+XG4gICAgICAgICAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uVjIgYXJpYS1sYWJlbD17dCgnY2xvc2UnKX0gdGl0bGU9e3QoJ2Nsb3NlJyl9IHNpemU9XCJzbWFsbFwiIHZhcmlhbnQ9XCJnaG9zdFwiIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPEZpZWxkSGVscGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTcGlubmVyIHNpemU9XCJub3JtYWxcIiBhcmlhLWxhYmVsPXt0KCdsb2FkaW5nJyl9IC8+XG4gICAgICAgICAgICAgIDwvRmllbGRIZWxwZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvUm93PlxuICAgICAgICA8L1N0eWxlZElucHV0Q29udGFpbmVyPlxuICAgICAgICA8RmllbGRFcnJvck1lc3NhZ2UgZGF0YS1lcnJvci1tZXNzYWdlPVwiXCI+e2Vycm9yfTwvRmllbGRFcnJvck1lc3NhZ2U+XG4gICAgICA8L0Zvcm1Db250cm9sPlxuICAgICk7XG4gIH0sXG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
 
 // Source: https://kovart.github.io/dashed-border-generator/
 var borderStyle = function borderStyle(error) {
   return "url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='".concat(encodeURIComponent(error ? _core.colors.support.red : _core.colors.brand.tertiary), "' stroke-width='2' stroke-dasharray='8%2c8' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e\")");
 };
-var StyledInput = /*#__PURE__*/(0, _base.default)(_forms.InputV2, {
+var StyledInputContainer = /*#__PURE__*/(0, _base.default)(_forms.InputContainer, {
   target: "esbqk1r1",
-  label: "StyledInput"
-})("background-color:white;background-image:", function (_ref) {
-  var error = _ref.error;
-  return borderStyle(!!error);
-}, ";border:none;border-radius:0;flex-wrap:nowrap;input{line-height:1.75em;color:", _core.colors.brand.primary, ";caret-color:", _core.colors.brand.tertiary, ";::selection{background:", _core.colors.brand.lighter, ";}::placeholder{color:", _core.colors.brand.tertiary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3FEIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzLCBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXRWMiB9IGZyb20gJ0BuZGxhL2Zvcm1zJztcbmltcG9ydCB7IERvbmUgfSBmcm9tICdAbmRsYS9pY29ucy9lZGl0b3InO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJ0BuZGxhL2ljb25zJztcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczx0eXBlb2YgSW5wdXRWMj4ge1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIG9uU2F2ZTogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IChlcnJvcj86IGJvb2xlYW4pID0+XG4gIGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgICBlcnJvciA/IGNvbG9ycy5zdXBwb3J0LnJlZCA6IGNvbG9ycy5icmFuZC50ZXJ0aWFyeSxcbiAgKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuaW50ZXJmYWNlIFN0eWxlZElucHV0UHJvcHMge1xuICBlcnJvcj86IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoSW5wdXRWMik8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWltYWdlOiAkeyh7IGVycm9yIH0pID0+IGJvcmRlclN0eWxlKCEhZXJyb3IpfTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgaW5wdXQge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1ZW07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIGNhcmV0LWNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgfVxuICAgIDo6cGxhY2Vob2xkZXIge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFJvdyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IEZvbGRlcklucHV0ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcz4oKHsgbG9hZGluZywgZXJyb3IsIG9uQ2xvc2UsIG9uU2F2ZSwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZUZvcndhcmRlZFJlZihyZWYpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzTW9iaWxlKSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50Py5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW5wdXRcbiAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICB3aGl0ZVxuICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgYXJpYS1kaXNhYmxlZD17bG9hZGluZyA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXsnZm9sZGVyLWlucHV0LXNwaW5uZXInfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhZnRlcj17XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHshZXJyb3IgJiYgKFxuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uVjJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9eydnaG9zdCd9XG4gICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdzYXZlJyl9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uU2F2ZX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8RG9uZSAvPlxuICAgICAgICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblYyIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHRpdGxlPXt0KCdjbG9zZScpfSBzaXplPVwic21hbGxcIiB2YXJpYW50PVwiZ2hvc3RcIiBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiA8U3R5bGVkU3Bpbm5lciBzaXplPVwibm9ybWFsXCIgaWQ9XCJmb2xkZXItc3Bpbm5lclwiIGFyaWEtbGFiZWw9e3QoJ2xvYWRpbmcnKX0gLz59XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvUm93PlxuICAgICAgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
+  label: "StyledInputContainer"
+})("display:flex;flex-wrap:nowrap;background-image:", borderStyle(), ";border:none;border-left:", _core.spacing.xsmall, " solid ", _core.colors.brand.light, ";border-right:", _core.spacing.xsmall, " solid ", _core.colors.brand.light, ";border-radius:0px;&+[data-error-message]{padding:0 ", _core.spacing.xsmall, ";}&:focus-within{border-color:", _core.colors.brand.light, ";}&[data-error='true']{background-image:", borderStyle(true), ";}input{line-height:1.75rem;color:", _core.colors.brand.primary, ";caret-color:", _core.colors.brand.tertiary, ";::selection{background:", _core.colors.brand.lighter, ";}::placeholder{color:", _core.colors.brand.tertiary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ3FFIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXRDb250YWluZXIsIEZpZWxkRXJyb3JNZXNzYWdlLCBJbnB1dFYzLCBGaWVsZEhlbHBlciwgRm9ybUNvbnRyb2wsIExhYmVsIH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgRG9uZSB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnQG5kbGEvaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9zZVJlZnMgfSBmcm9tICdAbmRsYS91dGlsJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvblNhdmU6ICgpID0+IHZvaWQ7XG4gIGVycm9yPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkKFNwaW5uZXIpYFxuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG4vLyBTb3VyY2U6IGh0dHBzOi8va292YXJ0LmdpdGh1Yi5pby9kYXNoZWQtYm9yZGVyLWdlbmVyYXRvci9cbmNvbnN0IGJvcmRlclN0eWxlID0gKGVycm9yPzogYm9vbGVhbikgPT5cbiAgYHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2Nzdmcgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM2UlM2NyZWN0IHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyBmaWxsPSdub25lJyBzdHJva2U9JyR7ZW5jb2RlVVJJQ29tcG9uZW50KFxuICAgIGVycm9yID8gY29sb3JzLnN1cHBvcnQucmVkIDogY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuICApfScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtZGFzaGFycmF5PSc4JTJjOCcgc3Ryb2tlLWRhc2hvZmZzZXQ9JzQnIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnLyUzZSUzYy9zdmclM2VcIilgO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW5wdXRQcm9wcyB7XG4gIGVycm9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRJbnB1dENvbnRhaW5lciA9IHN0eWxlZChJbnB1dENvbnRhaW5lcik8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBiYWNrZ3JvdW5kLWltYWdlOiAke2JvcmRlclN0eWxlKCl9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgYm9yZGVyLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfSBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcblxuICAvKiBOb3QgZ29vZCBwcmFjdGljZSwgYnV0IG5lY2Vzc2FyeSB0byBnaXZlIGVycm9yIG1lc3NhZ2Ugc2FtZSBwYWRkaW5nIGFzIGNhdXNlZCBieSBib3JkZXIuICovXG4gICYgKyBbZGF0YS1lcnJvci1tZXNzYWdlXSB7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cblxuICAmW2RhdGEtZXJyb3I9J3RydWUnXSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogJHtib3JkZXJTdHlsZSh0cnVlKX07XG4gIH1cbiAgaW5wdXQge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1cmVtO1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjYXJldC1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBGb2xkZXJJbnB1dCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHMgJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J2lucHV0Jz4+KFxuICAoeyBsb2FkaW5nLCBsYWJlbCwgZXJyb3IsIG9uQ2xvc2UsIG9uU2F2ZSwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgICBpbnB1dFJlZi5jdXJyZW50Py5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICAgIH1cbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1Db250cm9sIGlkPVwiZm9sZGVyLW5hbWVcIiBpc1JlcXVpcmVkIGlzSW52YWxpZD17ISFlcnJvcn0+XG4gICAgICAgIDxMYWJlbCB2aXN1YWxseUhpZGRlbj57bGFiZWx9PC9MYWJlbD5cbiAgICAgICAgPFN0eWxlZElucHV0Q29udGFpbmVyIGRhdGEtZXJyb3I9eyEhZXJyb3J9PlxuICAgICAgICAgIDxJbnB1dFYzIGF1dG9Db21wbGV0ZT1cIm9mZlwiIGRpc2FibGVkPXtsb2FkaW5nfSByZWY9e2NvbXBvc2VSZWZzKHJlZiwgaW5wdXRSZWYpfSB7Li4ucmVzdH0gLz5cbiAgICAgICAgICA8Um93PlxuICAgICAgICAgICAgeyFsb2FkaW5nID8gKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIHshZXJyb3IgJiYgKFxuICAgICAgICAgICAgICAgICAgPEljb25CdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PXsnZ2hvc3QnfVxuICAgICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgICB0aXRsZT17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvblNhdmV9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEb25lIC8+XG4gICAgICAgICAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uVjIgYXJpYS1sYWJlbD17dCgnY2xvc2UnKX0gdGl0bGU9e3QoJ2Nsb3NlJyl9IHNpemU9XCJzbWFsbFwiIHZhcmlhbnQ9XCJnaG9zdFwiIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPEZpZWxkSGVscGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTcGlubmVyIHNpemU9XCJub3JtYWxcIiBhcmlhLWxhYmVsPXt0KCdsb2FkaW5nJyl9IC8+XG4gICAgICAgICAgICAgIDwvRmllbGRIZWxwZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvUm93PlxuICAgICAgICA8L1N0eWxlZElucHV0Q29udGFpbmVyPlxuICAgICAgICA8RmllbGRFcnJvck1lc3NhZ2UgZGF0YS1lcnJvci1tZXNzYWdlPVwiXCI+e2Vycm9yfTwvRmllbGRFcnJvck1lc3NhZ2U+XG4gICAgICA8L0Zvcm1Db250cm9sPlxuICAgICk7XG4gIH0sXG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
 var Row = /*#__PURE__*/(0, _base.default)("div", {
   target: "esbqk1r0",
   label: "Row"
-})("display:flex;align-items:center;gap:", _core.spacing.xxsmall, ";padding-right:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRHNCIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzLCBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXRWMiB9IGZyb20gJ0BuZGxhL2Zvcm1zJztcbmltcG9ydCB7IERvbmUgfSBmcm9tICdAbmRsYS9pY29ucy9lZGl0b3InO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJ0BuZGxhL2ljb25zJztcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczx0eXBlb2YgSW5wdXRWMj4ge1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIG9uU2F2ZTogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgU3R5bGVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IChlcnJvcj86IGJvb2xlYW4pID0+XG4gIGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgICBlcnJvciA/IGNvbG9ycy5zdXBwb3J0LnJlZCA6IGNvbG9ycy5icmFuZC50ZXJ0aWFyeSxcbiAgKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuaW50ZXJmYWNlIFN0eWxlZElucHV0UHJvcHMge1xuICBlcnJvcj86IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoSW5wdXRWMik8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWltYWdlOiAkeyh7IGVycm9yIH0pID0+IGJvcmRlclN0eWxlKCEhZXJyb3IpfTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgaW5wdXQge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1ZW07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIGNhcmV0LWNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgfVxuICAgIDo6cGxhY2Vob2xkZXIge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFJvdyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IEZvbGRlcklucHV0ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcz4oKHsgbG9hZGluZywgZXJyb3IsIG9uQ2xvc2UsIG9uU2F2ZSwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZUZvcndhcmRlZFJlZihyZWYpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzTW9iaWxlKSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50Py5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW5wdXRcbiAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICB3aGl0ZVxuICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgYXJpYS1kaXNhYmxlZD17bG9hZGluZyA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXsnZm9sZGVyLWlucHV0LXNwaW5uZXInfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhZnRlcj17XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHshZXJyb3IgJiYgKFxuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uVjJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9eydnaG9zdCd9XG4gICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdzYXZlJyl9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uU2F2ZX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8RG9uZSAvPlxuICAgICAgICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblYyIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHRpdGxlPXt0KCdjbG9zZScpfSBzaXplPVwic21hbGxcIiB2YXJpYW50PVwiZ2hvc3RcIiBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiA8U3R5bGVkU3Bpbm5lciBzaXplPVwibm9ybWFsXCIgaWQ9XCJmb2xkZXItc3Bpbm5lclwiIGFyaWEtbGFiZWw9e3QoJ2xvYWRpbmcnKX0gLz59XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvUm93PlxuICAgICAgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
-var FolderInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var loading = _ref2.loading,
-    error = _ref2.error,
-    onClose = _ref2.onClose,
-    onSave = _ref2.onSave,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+})("display:flex;align-items:center;gap:", _core.spacing.xxsmall, ";padding-right:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlcklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RXNCIiwiZmlsZSI6IkZvbGRlcklucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXRDb250YWluZXIsIEZpZWxkRXJyb3JNZXNzYWdlLCBJbnB1dFYzLCBGaWVsZEhlbHBlciwgRm9ybUNvbnRyb2wsIExhYmVsIH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgRG9uZSB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnQG5kbGEvaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9zZVJlZnMgfSBmcm9tICdAbmRsYS91dGlsJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvblNhdmU6ICgpID0+IHZvaWQ7XG4gIGVycm9yPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkKFNwaW5uZXIpYFxuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG4vLyBTb3VyY2U6IGh0dHBzOi8va292YXJ0LmdpdGh1Yi5pby9kYXNoZWQtYm9yZGVyLWdlbmVyYXRvci9cbmNvbnN0IGJvcmRlclN0eWxlID0gKGVycm9yPzogYm9vbGVhbikgPT5cbiAgYHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2Nzdmcgd2lkdGg9JzEwMCUyNScgaGVpZ2h0PScxMDAlMjUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM2UlM2NyZWN0IHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyBmaWxsPSdub25lJyBzdHJva2U9JyR7ZW5jb2RlVVJJQ29tcG9uZW50KFxuICAgIGVycm9yID8gY29sb3JzLnN1cHBvcnQucmVkIDogY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuICApfScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtZGFzaGFycmF5PSc4JTJjOCcgc3Ryb2tlLWRhc2hvZmZzZXQ9JzQnIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnLyUzZSUzYy9zdmclM2VcIilgO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW5wdXRQcm9wcyB7XG4gIGVycm9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRJbnB1dENvbnRhaW5lciA9IHN0eWxlZChJbnB1dENvbnRhaW5lcik8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBiYWNrZ3JvdW5kLWltYWdlOiAke2JvcmRlclN0eWxlKCl9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgYm9yZGVyLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfSBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcblxuICAvKiBOb3QgZ29vZCBwcmFjdGljZSwgYnV0IG5lY2Vzc2FyeSB0byBnaXZlIGVycm9yIG1lc3NhZ2Ugc2FtZSBwYWRkaW5nIGFzIGNhdXNlZCBieSBib3JkZXIuICovXG4gICYgKyBbZGF0YS1lcnJvci1tZXNzYWdlXSB7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cblxuICAmW2RhdGEtZXJyb3I9J3RydWUnXSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogJHtib3JkZXJTdHlsZSh0cnVlKX07XG4gIH1cbiAgaW5wdXQge1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1cmVtO1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjYXJldC1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIDo6c2VsZWN0aW9uIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgICA6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBGb2xkZXJJbnB1dCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHMgJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J2lucHV0Jz4+KFxuICAoeyBsb2FkaW5nLCBsYWJlbCwgZXJyb3IsIG9uQ2xvc2UsIG9uU2F2ZSwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgICBpbnB1dFJlZi5jdXJyZW50Py5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICAgIH1cbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1Db250cm9sIGlkPVwiZm9sZGVyLW5hbWVcIiBpc1JlcXVpcmVkIGlzSW52YWxpZD17ISFlcnJvcn0+XG4gICAgICAgIDxMYWJlbCB2aXN1YWxseUhpZGRlbj57bGFiZWx9PC9MYWJlbD5cbiAgICAgICAgPFN0eWxlZElucHV0Q29udGFpbmVyIGRhdGEtZXJyb3I9eyEhZXJyb3J9PlxuICAgICAgICAgIDxJbnB1dFYzIGF1dG9Db21wbGV0ZT1cIm9mZlwiIGRpc2FibGVkPXtsb2FkaW5nfSByZWY9e2NvbXBvc2VSZWZzKHJlZiwgaW5wdXRSZWYpfSB7Li4ucmVzdH0gLz5cbiAgICAgICAgICA8Um93PlxuICAgICAgICAgICAgeyFsb2FkaW5nID8gKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIHshZXJyb3IgJiYgKFxuICAgICAgICAgICAgICAgICAgPEljb25CdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PXsnZ2hvc3QnfVxuICAgICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgICB0aXRsZT17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvblNhdmV9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEb25lIC8+XG4gICAgICAgICAgICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uVjIgYXJpYS1sYWJlbD17dCgnY2xvc2UnKX0gdGl0bGU9e3QoJ2Nsb3NlJyl9IHNpemU9XCJzbWFsbFwiIHZhcmlhbnQ9XCJnaG9zdFwiIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPEZpZWxkSGVscGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTcGlubmVyIHNpemU9XCJub3JtYWxcIiBhcmlhLWxhYmVsPXt0KCdsb2FkaW5nJyl9IC8+XG4gICAgICAgICAgICAgIDwvRmllbGRIZWxwZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvUm93PlxuICAgICAgICA8L1N0eWxlZElucHV0Q29udGFpbmVyPlxuICAgICAgICA8RmllbGRFcnJvck1lc3NhZ2UgZGF0YS1lcnJvci1tZXNzYWdlPVwiXCI+e2Vycm9yfTwvRmllbGRFcnJvck1lc3NhZ2U+XG4gICAgICA8L0Zvcm1Db250cm9sPlxuICAgICk7XG4gIH0sXG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGb2xkZXJJbnB1dDtcbiJdfQ== */"));
+var FolderInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var loading = _ref.loading,
+    label = _ref.label,
+    error = _ref.error,
+    onClose = _ref.onClose,
+    onSave = _ref.onSave,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t;
-  var inputRef = (0, _util.useForwardedRef)(ref);
+  var inputRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (_reactDeviceDetect.isMobile) {
       var _inputRef$current;
@@ -69,44 +67,51 @@ var FolderInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
         behavior: 'smooth'
       });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return (0, _jsxRuntime.jsx)(StyledInput, _objectSpread({
-    autoComplete: "off",
-    white: true,
-    error: error,
-    "aria-disabled": loading ? true : undefined,
-    "aria-describedby": 'folder-input-spinner',
-    ref: ref,
-    after: (0, _jsxRuntime.jsxs)(Row, {
-      children: [!loading && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [!error && (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
-          variant: 'ghost',
-          colorTheme: "light",
-          tabIndex: 0,
-          "aria-label": t('save'),
-          title: t('save'),
-          size: "small",
-          onClick: onSave,
-          children: (0, _jsxRuntime.jsx)(_editor.Done, {})
-        }), (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
-          "aria-label": t('close'),
-          title: t('close'),
-          size: "small",
-          variant: "ghost",
-          onClick: onClose,
-          children: (0, _jsxRuntime.jsx)(_action.Cross, {})
-        })]
-      }), (0, _jsxRuntime.jsx)("div", {
-        "aria-live": "assertive",
-        children: loading && (0, _jsxRuntime.jsx)(StyledSpinner, {
-          size: "normal",
-          id: "folder-spinner",
-          "aria-label": t('loading')
+  return (0, _jsxRuntime.jsxs)(_forms.FormControl, {
+    id: "folder-name",
+    isRequired: true,
+    isInvalid: !!error,
+    children: [(0, _jsxRuntime.jsx)(_forms.Label, {
+      visuallyHidden: true,
+      children: label
+    }), (0, _jsxRuntime.jsxs)(StyledInputContainer, {
+      "data-error": !!error,
+      children: [(0, _jsxRuntime.jsx)(_forms.InputV3, _objectSpread({
+        autoComplete: "off",
+        disabled: loading,
+        ref: (0, _util.composeRefs)(ref, inputRef)
+      }, rest)), (0, _jsxRuntime.jsx)(Row, {
+        children: !loading ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [!error && (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
+            variant: 'ghost',
+            colorTheme: "light",
+            tabIndex: 0,
+            "aria-label": t('save'),
+            title: t('save'),
+            size: "small",
+            onClick: onSave,
+            children: (0, _jsxRuntime.jsx)(_editor.Done, {})
+          }), (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
+            "aria-label": t('close'),
+            title: t('close'),
+            size: "small",
+            variant: "ghost",
+            onClick: onClose,
+            children: (0, _jsxRuntime.jsx)(_action.Cross, {})
+          })]
+        }) : (0, _jsxRuntime.jsx)(_forms.FieldHelper, {
+          children: (0, _jsxRuntime.jsx)(StyledSpinner, {
+            size: "normal",
+            "aria-label": t('loading')
+          })
         })
       })]
-    })
-  }, rest));
+    }), (0, _jsxRuntime.jsx)(_forms.FieldErrorMessage, {
+      "data-error-message": "",
+      children: error
+    })]
+  });
 });
 var _default = FolderInput;
 exports.default = _default;

package/lib/index.d.ts

@@ -49,7 +49,6 @@ export { default as messagesNN } from './locale/messages-nn';
 export { default as messagesEN } from './locale/messages-en';
 export { default as messagesSE } from './locale/messages-se';
 export { default as messagesSMA } from './locale/messages-sma';
-export { default as RadioButtonGroup } from './RadioButtonGroup';
 export { ToolboxInfo } from './ToolboxPage';
 export { default as Topic } from './Topic';
 export type { TopicProps } from './Topic';

package/lib/index.js

@@ -712,12 +712,6 @@ Object.defineProperty(exports, "ProgrammeCard", {
     return _ProgrammeCard.ProgrammeCard;
   }
 });
-Object.defineProperty(exports, "RadioButtonGroup", {
-  enumerable: true,
-  get: function get() {
-    return _RadioButtonGroup.default;
-  }
-});
 Object.defineProperty(exports, "RelatedArticle", {
   enumerable: true,
   get: function get() {
@@ -1089,7 +1083,6 @@ var _messagesNn = _interopRequireDefault(require("./locale/messages-nn"));
 var _messagesEn = _interopRequireDefault(require("./locale/messages-en"));
 var _messagesSe = _interopRequireDefault(require("./locale/messages-se"));
 var _messagesSma = _interopRequireDefault(require("./locale/messages-sma"));
-var _RadioButtonGroup = _interopRequireDefault(require("./RadioButtonGroup"));
 var _ToolboxPage = require("./ToolboxPage");
 var _Topic = _interopRequireDefault(require("./Topic"));
 var _Aside = _interopRequireDefault(require("./Aside"));

package/lib/locale/messages-en.d.ts

@@ -189,6 +189,8 @@ declare const messages: {
         sharedFolder: {
             folderCopied: string;
             info: string;
+            shared: string;
+            aTeacher: string;
             firstShared: string;
             learningpathUnsupported: string;
             drawerButton: string;
@@ -253,6 +255,7 @@ declare const messages: {
                 title: string;
                 text: string;
             };
+            recentArenaTopics: string;
         };
         myProfile: {
             title: string;

package/lib/locale/messages-en.js

@@ -1213,6 +1213,8 @@ var messages = _objectSpread(_objectSpread({
     sharedFolder: {
       folderCopied: 'The folder was copied.',
       info: 'This folder contains learning resources and tasks from NDLA, gathered by a teacher.',
+      shared: 'This folder contains learning resources and tasks from NDLA, gathered by {{sharedBy}}.',
+      aTeacher: 'a teacher',
       firstShared: 'The folder was shared for the first time {{date}}',
       learningpathUnsupported: 'Learning paths and multidisciplinary cases cannot be shown directly in a shared folder. You can open the learning path in a new tab by clicking the link in the navigation menu to the left.',
       drawerButton: 'Show folders and resources',
@@ -1276,7 +1278,8 @@ var messages = _objectSpread(_objectSpread({
       tagInfo: {
         title: 'How to tag your favourite resources',
         text: 'When you save a resource, you will have the option to tag it with a keyword. This tag can be used to find the resource across folders. By selecting <strong>My tags</strong> on the menu to the left, you will see all the tags your have used. You can also see which resources are tagget with which keyword.'
-      }
+      },
+      recentArenaTopics: 'New posts in the arena'
     },
     myProfile: {
       title: 'My Profile',

package/lib/locale/messages-nb.d.ts

@@ -189,6 +189,8 @@ declare const messages: {
         sharedFolder: {
             folderCopied: string;
             info: string;
+            shared: string;
+            aTeacher: string;
             firstShared: string;
             learningpathUnsupported: string;
             drawerButton: string;
@@ -253,6 +255,7 @@ declare const messages: {
                 title: string;
                 text: string;
             };
+            recentArenaTopics: string;
         };
         myProfile: {
             title: string;

package/lib/locale/messages-nb.js

@@ -1210,7 +1210,9 @@ var messages = _objectSpread(_objectSpread({
     userPictureAltText: 'Profilbilde',
     sharedFolder: {
       folderCopied: 'Mappen har blitt kopiert.',
-      info: 'Denne mappa inneholder fagstoff og oppgaver fra NDLA, samlet av en lærer. ',
+      info: 'Denne mappa inneholder fagstoff og oppgaver fra NDLA, samlet av {{shared}}.',
+      shared: 'Denne mappa inneholder fagstoff og oppgaver fra NDLA, samlet av {{sharedBy}}.',
+      aTeacher: 'en lærer',
       firstShared: 'Mappa ble delt første gang {{date}}',
       learningpathUnsupported: 'Læringsstier og tverrfaglige caser kan ikke vises direkte i delte mapper. Dersom du trykker på lenka i navigasjonsmenyen til venstre, vil stien åpnes i en ny fane.',
       drawerButton: 'Vis mapper og ressurser',
@@ -1274,7 +1276,8 @@ var messages = _objectSpread(_objectSpread({
       tagInfo: {
         title: 'Slik tagger du favorittressursene dine',
         text: 'Når du lagrer en ressurs, får du mulighet til å markere ressursen med en emneknagg. Emneknaggen er et nøkkelord du kan bruke til å finne tilbake til ressurser på tvers av mapper. Du finner alle emneknaggene du har brukt, ved å velge <strong>Mine emneknagger</strong> i venstremenyen. Her kan du også se hvilke ressurser du har markert med hvilken emneknagg.'
-      }
+      },
+      recentArenaTopics: 'Nye innlegg i arenaen'
     },
     myProfile: {
       title: 'Min Profil',

package/lib/locale/messages-nn.d.ts

@@ -189,6 +189,8 @@ declare const messages: {
         sharedFolder: {
             folderCopied: string;
             info: string;
+            shared: string;
+            aTeacher: string;
             firstShared: string;
             drawerButton: string;
             drawerTitle: string;
@@ -253,6 +255,7 @@ declare const messages: {
                 title: string;
                 text: string;
             };
+            recentArenaTopics: string;
         };
         myProfile: {
             title: string;

package/lib/locale/messages-nn.js

@@ -1211,6 +1211,8 @@ var messages = _objectSpread(_objectSpread({
     sharedFolder: {
       folderCopied: 'Mappa vart kopiert.',
       info: 'Denne mappa inneheld fagstoff og oppgåver frå NDLA, samla av ein lærar.',
+      shared: 'Denne mappa inneheld fagstoff og oppgåver frå NDLA, samla av {{sharedBy}}.',
+      aTeacher: 'ein lærar',
       firstShared: 'Mappa vart delt første gong {{date}}',
       drawerButton: 'Vis mapper og ressursar',
       drawerTitle: 'Mapper og ressursar',
@@ -1274,7 +1276,8 @@ var messages = _objectSpread(_objectSpread({
       tagInfo: {
         title: 'Slik taggar du favorittressursane dine',
         text: 'Når du lagrar ein ressurs, får du høve til å markere ressursen med ein emneknagg. Emneknaggen er eit nøkkelord du kan bruke til å finne tilbake til ressursar på tvers av mapper. Du finn alle emneknaggane du har brukt, ved å velje <strong>Mine emneknaggar</strong> i venstremenyen. Her kan du også sjå kva for ressursar du har merkt med kva knagg.'
-      }
+      },
+      recentArenaTopics: 'Nye innlegg i arenaen'
     },
     myProfile: {
       title: 'Min Profil',

package/lib/locale/messages-se.d.ts

@@ -189,6 +189,8 @@ declare const messages: {
         sharedFolder: {
             folderCopied: string;
             info: string;
+            shared: string;
+            aTeacher: string;
             firstShared: string;
             drawerButton: string;
             drawerTitle: string;
@@ -253,6 +255,7 @@ declare const messages: {
                 title: string;
                 text: string;
             };
+            recentArenaTopics: string;
         };
         myProfile: {
             title: string;

package/lib/locale/messages-se.js

@@ -1211,6 +1211,8 @@ var messages = _objectSpread(_objectSpread({
     sharedFolder: {
       folderCopied: 'Máŋgejuvvon máhppa.',
       info: 'Dán máhpas lea NDLA fágasisdoallu ja bargobihtát, čohkkejuvvon oahpaheaddjis.',
+      shared: 'Dán máhpas lea NDLA fágasisdoallu ja bargobihtát, čohkkejuvvon {{sharedBy}}.',
+      aTeacher: 'oahpaheaddjis',
       firstShared: 'Máhppa juogaduvvui vuosttaš geardde {{date}}',
       drawerButton: 'Čájet máhpaid ja resurssaid',
       drawerTitle: 'Máhpat ja resurssat',
@@ -1274,7 +1276,8 @@ var messages = _objectSpread(_objectSpread({
       tagInfo: {
         title: 'Ná gilkorasttát iežat oiddotresurssaid',
         text: 'Go vurket muhtin resurssa de lea vejolaš merket resurssa fáddágilkoriin. Fáddágilkor lea čoavddasátni man sáhtát geavahit gávdnan dihte ruovttoluotta resurssaide máhpaid rastá. Gávnnat buot fáddágilkoriid maid leat geavahan go válljet mu fáddágilkoriid gurut bealde fálus. Das oainnát maiddái maid resurssaid don leat merken juohke fáddágilkoriin.'
-      }
+      },
+      recentArenaTopics: 'Ođđa mearkkašumit arenas'
     },
     myProfile: {
       title: 'Mu profiila',

package/lib/locale/messages-sma.d.ts

@@ -189,6 +189,8 @@ declare const messages: {
         sharedFolder: {
             folderCopied: string;
             info: string;
+            shared: string;
+            aTeacher: string;
             firstShared: string;
             drawerButton: string;
             drawerTitle: string;
@@ -253,6 +255,7 @@ declare const messages: {
                 title: string;
                 text: string;
             };
+            recentArenaTopics: string;
         };
         myProfile: {
             title: string;

package/lib/locale/messages-sma.js

@@ -1211,6 +1211,8 @@ var messages = _objectSpread(_objectSpread({
     sharedFolder: {
       folderCopied: 'Mappen har blitt kopiert.',
       info: 'Denne mappa inneheld fagstoff og oppgåver frå NDLA, samla av ein lærar.',
+      shared: 'Denne mappa inneholder fagstoff og oppgaver fra NDLA, samlet av {{sharedBy}}.',
+      aTeacher: 'en lærer',
       firstShared: 'Mappa vart delt første gong {{date}}',
       drawerButton: 'Vis mapper og ressursar',
       drawerTitle: 'Mapper og ressursar',
@@ -1274,7 +1276,8 @@ var messages = _objectSpread(_objectSpread({
       tagInfo: {
         title: 'Slik taggar du favorittressursane dine',
         text: 'Når du lagrar ein ressurs, får du høve til å markere ressursen med ein emneknagg. Emneknaggen er eit nøkkelord du kan bruke til å finne tilbake til ressursar på tvers av mapper. Du finn alle emneknaggane du har brukt, ved å velje <strong>Mine emneknaggar</strong> i venstremenyen. Her kan du også sjå kva for ressursar du har merkt med kva knagg.'
-      }
+      },
+      recentArenaTopics: 'Nye innlegg i arenaen'
     },
     myProfile: {
       title: 'Mov Profijle',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "49.0.13",
+  "version": "50.0.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -36,7 +36,7 @@
     "@ndla/carousel": "^4.0.15",
     "@ndla/core": "^4.2.7",
     "@ndla/dropdown-menu": "^1.0.16",
-    "@ndla/forms": "^5.1.3",
+    "@ndla/forms": "^5.2.0",
     "@ndla/hooks": "^2.1.2",
     "@ndla/icons": "^4.2.1",
     "@ndla/licenses": "^7.2.2",
@@ -50,7 +50,6 @@
     "@ndla/typography": "^0.4.0",
     "@ndla/util": "^4.0.1",
     "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-slider": "^1.1.2",
     "date-fns": "^2.30.0",
     "html-react-parser": "^4.2.2",
@@ -80,5 +79,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1c34d6d651d4e57069b84684dd128eca38ffdaa8"
+  "gitHead": "027f7a38317f7e30dd59eae70f48c6c4be2d7de0"
 }

package/src/Breadcrumb/BreadcrumbItem.tsx

@@ -15,7 +15,7 @@ import { css } from '@emotion/react';
 
 export interface SimpleBreadcrumbItem {
   to: string | Partial<Location>;
-  name: string;
+  name: ReactNode;
 }
 
 export interface IndexedBreadcrumbItem extends SimpleBreadcrumbItem {

package/src/Breadcrumb/HomeBreadcrumb.tsx

@@ -57,7 +57,7 @@ const HomeBreadcrumb = ({ items, light }: Props) => {
     if (item.index === totalCount - 1) {
       return <StyledSpan light={light}>{item.name}</StyledSpan>;
     }
-    if (item.index === 0) {
+    if (item.index === 0 && typeof item.name === 'string') {
       return (
         <StyledIconSafeLink aria-label={item.name} to={item.to}>
           <StyledHome title={item.name} light={light} />