@elliemae/pui-app-sdk 3.0.0-beta.27 → 3.0.0-beta.28

package/dist/esm/view/fields/radio-group/index.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import DSRadioGroup from "@elliemae/ds-form/RadioGroup";
+import {
+  Controller
+} from "react-hook-form";
+const RadioGroup = (_a) => {
+  var _b = _a, { name, rules = {} } = _b, rest = __objRest(_b, ["name", "rules"]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    rules,
+    render: (_a2) => {
+      var { field: _b2 } = _a2, _c = _b2, { value } = _c, restProps = __objRest(_c, ["value"]);
+      return /* @__PURE__ */ React.createElement(DSRadioGroup, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
+        activeValue: value
+      }));
+    }
+  });
+};
+export {
+  RadioGroup
+};

package/dist/esm/view/fields/text-box/index.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import DSTextBox from "@elliemae/ds-form/TextBox";
+import {
+  Controller
+} from "react-hook-form";
+const TextBox = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue = "",
+    rules = {}
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "rules"
+  ]);
+  return /* @__PURE__ */ React.createElement(Controller, {
+    name,
+    defaultValue,
+    rules,
+    render: ({ field }) => /* @__PURE__ */ React.createElement(DSTextBox, __spreadValues(__spreadValues({}, rest), field))
+  });
+};
+export {
+  TextBox
+};

package/dist/esm/view/form/index.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import styled from "styled-components";
+import {
+  useForm,
+  FormProvider
+} from "react-hook-form";
+const StyledForm = styled.form`
+  width: 100%;
+  height: 100%;
+`;
+const Form = ({
+  classname,
+  reactHookFormProps = { mode: "onBlur" },
+  children,
+  onSubmit
+}) => {
+  const methods = useForm(reactHookFormProps);
+  const formProps = {};
+  if (onSubmit)
+    formProps.onSubmit = methods.handleSubmit(onSubmit);
+  const providerProps = Object.assign(methods, {
+    formProps: reactHookFormProps
+  });
+  return /* @__PURE__ */ React.createElement(FormProvider, __spreadValues({}, providerProps), /* @__PURE__ */ React.createElement(StyledForm, __spreadValues({
+    className: classname
+  }, formProps), children));
+};
+export {
+  Form
+};

package/dist/esm/view/form/submit-button/index.js

@@ -0,0 +1,48 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useFormContext } from "react-hook-form";
+import { DSButtonV2 } from "@elliemae/ds-button";
+const FormSubmitButton = (_a) => {
+  var rest = __objRest(_a, []);
+  const {
+    formState,
+    formProps: { mode }
+  } = useFormContext();
+  return /* @__PURE__ */ React.createElement(DSButtonV2, __spreadProps(__spreadValues({}, rest), {
+    type: "submit",
+    disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)
+  }));
+};
+export {
+  FormSubmitButton
+};

package/dist/esm/view/loadable/index.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import { lazy, Suspense } from "react";
+import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
+const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(WaitMessageLauncher, null)) => {
+  const LazyComponent = lazy(importFunc);
+  return (props) => /* @__PURE__ */ React.createElement(Suspense, {
+    fallback
+  }, /* @__PURE__ */ React.createElement(LazyComponent, __spreadValues({}, props)));
+};
+export {
+  loadable
+};

package/dist/{es → esm}/view/micro-app/app-factory/index.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { persistentStorage } from "../../../utils/web-storage.js";
 import { CMicroAppHost } from "../../../utils/micro-frontend/host.js";
 import { getLogger } from "../../../utils/micro-frontend/index.js";
@@ -88,7 +107,7 @@ const addAppToActiveAppList = (id, elementIds) => {
 };
 const waitAndInitApplication = (appConfig, requests) => Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(initApplication.bind(null, appConfig)).catch((err) => {
   const logRecord = logRecords.APP_INIT_FAILED(appConfig.id, err.message);
-  getLogger().error({ ...logRecord, exception: err });
+  getLogger().error(__spreadProps(__spreadValues({}, logRecord), { exception: err }));
   throw new Error(logRecord.msg);
 });
 const removeAssetsFromDOM = (id, documentEle = document) => {

package/dist/{es → esm}/view/micro-app/use-app-will-render.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { useRef, useLayoutEffect, useCallback } from "react";
 import { merge } from "lodash";
 import { useDispatch } from "react-redux";
@@ -41,10 +60,9 @@ const useAppWillRender = ({
       await loadApp(appConfig);
       await mountApp(appConfig);
     } catch (ex) {
-      getLogger().error({
-        ...logRecords.APP_CONFIG_LOAD_FAILED,
+      getLogger().error(__spreadProps(__spreadValues({}, logRecords.APP_CONFIG_LOAD_FAILED), {
         exception: ex
-      });
+      }));
       await unload(appConfig, true);
       throw ex;
     }

package/dist/esm/view/micro-iframe-app/app.js

@@ -0,0 +1,58 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { memo, useState } from "react";
+import frameHtml from "file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html";
+import { IFrame } from "./iframe/index.js";
+import { useFrameLoaded } from "./use-frame-loaded.js";
+import {
+  useAppWillRender
+} from "../micro-app/use-app-will-render.js";
+const App = memo((_a) => {
+  var _b = _a, { id, dispose, onUnloadComplete } = _b, rest = __objRest(_b, ["id", "dispose", "onUnloadComplete"]);
+  const [documentEle, setDocumentEle] = useState(null);
+  useFrameLoaded(__spreadValues({ id, documentEle }, rest));
+  useAppWillRender(__spreadValues({
+    id,
+    documentEle: dispose ? null : documentEle,
+    onUnloadComplete
+  }, rest));
+  return /* @__PURE__ */ React.createElement(IFrame, __spreadProps(__spreadValues({
+    id,
+    src: frameHtml
+  }, rest), {
+    onFrameReady: setDocumentEle
+  }));
+});
+export {
+  App
+};

package/dist/esm/view/micro-iframe-app/iframe/index.js

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { memo, useRef } from "react";
+import styled from "styled-components";
+import { IFRAME_CONTAINER_ID_PREFIX } from "./const.js";
+const Div = styled.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  overflow: hidden;
+`;
+const Iframe = styled.iframe`
+  flex-grow: 1;
+  border: none;
+  margin: 0;
+  padding: 0;
+  display: block;
+  height: 100%;
+`;
+const IFrame = memo(({ id, name: title, src, sandbox, onFrameReady }) => {
+  const frameRef = useRef(null);
+  const sandboxProps = sandbox ? { sandbox } : {};
+  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(Iframe, __spreadProps(__spreadValues({
+    id: `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
+    ref: frameRef,
+    title,
+    src,
+    scrolling: "no"
+  }, sandboxProps), {
+    onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
+  })));
+});
+export {
+  IFrame
+};

package/dist/esm/view/micro-iframe-app/index.js

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useEffect, useState, memo } from "react";
+import { usePrevious } from "../use-previous.js";
+import { App } from "./app.js";
+const MicroIFrameApp = memo((_a) => {
+  var _b = _a, { entityId = null } = _b, rest = __objRest(_b, ["entityId"]);
+  const [disposePrevApp, setDisposePrevApp] = useState(false);
+  const [appKey, setAppKey] = useState(Date.now());
+  const prevEntityId = usePrevious(entityId);
+  useEffect(() => {
+    if (prevEntityId !== entityId && prevEntityId) {
+      setDisposePrevApp(true);
+    }
+  }, [entityId]);
+  return /* @__PURE__ */ React.createElement(App, __spreadProps(__spreadValues({}, rest), {
+    key: appKey,
+    dispose: disposePrevApp,
+    onUnloadComplete: () => {
+      setAppKey(Date.now());
+      setDisposePrevApp(false);
+    }
+  }));
+});
+export {
+  MicroIFrameApp
+};

package/dist/esm/view/modals/wait-message/index.js

@@ -0,0 +1,69 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { memo, useEffect } from "react";
+import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
+import { useAppSelector } from "../../../data/react-redux.js";
+import { useHTMLWaitMessage } from "./use-html-wait-message.js";
+import {
+  waitStartEvent,
+  waitEndEvent
+} from "../../../analytics/user-wait-event.js";
+const WaitMessage = memo((_a) => {
+  var _b = _a, {
+    size = "m",
+    style = { color: "white", fontSize: "1.25rem" }
+  } = _b, rest = __objRest(_b, [
+    "size",
+    "style"
+  ]);
+  const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
+  const message = useAppSelector((state) => state.waitMessage?.message);
+  useEffect(() => {
+    if (isOpen)
+      waitStartEvent();
+    else
+      waitEndEvent();
+  }, [isOpen]);
+  useHTMLWaitMessage(isOpen !== null);
+  return /* @__PURE__ */ React.createElement(DSLoadingIndicator, __spreadProps(__spreadValues({
+    id: "em-loading",
+    size,
+    style
+  }, rest), {
+    loading: isOpen,
+    message
+  }));
+});
+export {
+  WaitMessage
+};

package/dist/esm/view/visually-hidden/index.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import { forwardRef } from "react";
+import styled from "styled-components";
+const Span = styled.span`
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+  word-wrap: normal;
+`;
+const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Span, __spreadValues({
+  ref
+}, props)));
+export {
+  VisuallyHidden
+};