@elliemae/ds-chat 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/esm/parts/sidebar-button/SidebarButton.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import React2 from "react";
+import { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from "./styled";
+import { propsSidebarButton, defaultSidebarButton } from "./props";
+const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
+  const handleClick = React2.useCallback(() => {
+    onClick(dsId);
+  }, [onClick, dsId]);
+  return /* @__PURE__ */ React2.createElement(StyledSidebarButton, {
+    key: dsId,
+    "data-testid": `sidebar-button-${dsId}`,
+    onClick: handleClick,
+    ...rest
+  }, /* @__PURE__ */ React2.createElement(StyledSidebarButtonIcon, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    size: "m"
+  })), label && /* @__PURE__ */ React2.createElement(StyledSidebarButtonLabel, null, label));
+};
+SidebarButton.propTypes = propsSidebarButton;
+SidebarButton.defaultProps = defaultSidebarButton;
+export {
+  SidebarButton
+};
+//# sourceMappingURL=SidebarButton.js.map

package/dist/esm/parts/sidebar-button/SidebarButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/sidebar-button/SidebarButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled';\nimport { propsSidebarButton, defaultSidebarButton, SidebarButtonProps } from './props';\n\nexport const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element => {\n  const handleClick = React.useCallback(() => {\n    onClick(dsId);\n  }, [onClick, dsId]);\n\n  return (\n    <StyledSidebarButton key={dsId} data-testid={`sidebar-button-${dsId}`} onClick={handleClick} {...rest}>\n      <StyledSidebarButtonIcon alignItems=\"center\" justifyContent=\"center\">\n        <Icon size=\"m\" />\n      </StyledSidebarButtonIcon>\n      {label && <StyledSidebarButtonLabel>{label}</StyledSidebarButtonLabel>}\n    </StyledSidebarButton>\n  );\n};\n\nSidebarButton.propTypes = propsSidebarButton;\nSidebarButton.defaultProps = defaultSidebarButton;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,SAAS,WAA4C;AACzG,QAAM,cAAc,OAAM,YAAY,MAAM;AAC1C,YAAQ;AAAA,KACP,CAAC,SAAS;AAEb,SACE,qCAAC,qBAAD;AAAA,IAAqB,KAAK;AAAA,IAAM,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,OAAiB;AAAA,KAC/F,qCAAC,yBAAD;AAAA,IAAyB,YAAW;AAAA,IAAS,gBAAe;AAAA,KAC1D,qCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,OAEZ,SAAS,qCAAC,0BAAD,MAA2B;AAAA;AAK3C,cAAc,YAAY;AAC1B,cAAc,eAAe;",
+  "names": []
+}

package/dist/esm/parts/sidebar-button/index.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/sidebar-button/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/parts/sidebar-button/props.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import propsTypes from "prop-types";
+import { PropTypes } from "react-desc";
+import { noop } from "lodash";
+import { Comments } from "@elliemae/ds-icons";
+const defaultSidebarButton = {
+  Icon: Comments,
+  dsId: void 0,
+  label: "",
+  onClick: noop,
+  title: ""
+};
+const propsSidebarButton = {
+  Icon: PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
+  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
+  label: PropTypes.string.description("It will display under the icon").defaultValue(defaultSidebarButton.label),
+  title: PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
+  onClick: PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
+};
+export {
+  defaultSidebarButton,
+  propsSidebarButton
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/parts/sidebar-button/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/sidebar-button/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number) => void;\n  title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  title: '',\n};\n\nexport const propsSidebarButton = {\n  Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultSidebarButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when the is clicked')\n    .defaultValue(defaultSidebarButton.onClick),\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAUO,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA;AAGF,MAAM,qBAAqB;AAAA,EAChC,MAAM,UAAU,QAAQ,YAAY,kBAAkB,aAAa,qBAAqB;AAAA,EACxF,MAAM,UAAU,UAAU,CAAC,WAAW,QAAQ,WAAW,SACtD,YAAY,4BACZ,aAAa,qBAAqB;AAAA,EACrC,OAAO,UAAU,OAAO,YAAY,kCAAkC,aAAa,qBAAqB;AAAA,EACxG,OAAO,UAAU,OAAO,YAAY,WAAW,aAAa,qBAAqB;AAAA,EACjF,SAAS,UAAU,KAChB,YAAY,4CACZ,aAAa,qBAAqB;AAAA;",
+  "names": []
+}

package/dist/esm/parts/sidebar-button/styled.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from "../../styled";
+const StyledSidebarButton = styled.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: none;
+  height: ${BUTTON_SIDEBAR_HEIGHT}px;
+  width: ${MIN_WIDTH_SIDEBAR}px;
+  position: relative;
+  border: 0;
+  background: transparent;
+  &:focus,
+  &:hover {
+    background: ${(props) => props.theme.colors.neutral["080"]};
+  }
+  cursor: pointer;
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
+
+  svg {
+    fill: ${(props) => props.theme.colors.neutral[500]};
+  }
+`;
+const StyledSidebarButtonIcon = styled(Grid)`
+  position: relative;
+`;
+const StyledSidebarButtonLabel = styled.div`
+  width: 30px;
+  text-transform: uppercase;
+  overflow: hidden;
+  text-align: center;
+`;
+export {
+  StyledSidebarButton,
+  StyledSidebarButtonIcon,
+  StyledSidebarButtonLabel
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/parts/sidebar-button/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/sidebar-button/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../styled';\n\n// Buttons\nexport const StyledSidebarButton = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  border: 0;\n  background: transparent;\n  &:focus,\n  &:hover {\n    background: ${(props) => props.theme.colors.neutral['080']};\n  }\n  cursor: pointer;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid)`\n  position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled.div`\n  width: 30px;\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9B;AAAA,WACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,6BAG3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,YAGvD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAIvC,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/parts/system-message/SystemMessage.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { Wrapper, Header, Title, Time, Message } from "./style";
+import { systemMessageProps, defaultProps } from "./props";
+import { useValidateProps } from "./config/useValidateProps";
+const SystemMessage = (props) => {
+  useValidateProps(props, SystemMessageWithSchema.toJSON());
+  const { title, time, body } = props;
+  return /* @__PURE__ */ React2.createElement(Wrapper, {
+    rows: ["auto", "auto"]
+  }, /* @__PURE__ */ React2.createElement(Header, {
+    cols: ["1fr", "auto", "1fr"]
+  }, /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement(Title, {
+    "data-testid": "chat-system-message-title"
+  }, title), /* @__PURE__ */ React2.createElement(Time, {
+    "data-testid": "chat-system-message-time"
+  }, time)), /* @__PURE__ */ React2.createElement(Message, {
+    "data-testid": "chat-system-message-body"
+  }, body));
+};
+SystemMessage.defaultProps = defaultProps;
+SystemMessage.propTypes = systemMessageProps;
+const SystemMessageWithSchema = describe(SystemMessage);
+SystemMessageWithSchema.propTypes = systemMessageProps;
+export {
+  SystemMessage,
+  SystemMessageWithSchema
+};
+//# sourceMappingURL=SystemMessage.js.map

package/dist/esm/parts/system-message/SystemMessage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/SystemMessage.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst SystemMessage = (props: SystemMessageProps): JSX.Element => {\n  useValidateProps(props, SystemMessageWithSchema.toJSON());\n  const { title, time, body } = props;\n  return (\n    <Wrapper rows={['auto', 'auto']}>\n      <Header cols={['1fr', 'auto', '1fr']}>\n        <span />\n        <Title data-testid=\"chat-system-message-title\">{title}</Title>\n        <Time data-testid=\"chat-system-message-time\">{time}</Time>\n      </Header>\n      <Message data-testid=\"chat-system-message-body\">{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.defaultProps = defaultProps;\nSystemMessage.propTypes = systemMessageProps;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,CAAC,UAA2C;AAChE,mBAAiB,OAAO,wBAAwB;AAChD,QAAM,EAAE,OAAO,MAAM,SAAS;AAC9B,SACE,qCAAC,SAAD;AAAA,IAAS,MAAM,CAAC,QAAQ;AAAA,KACtB,qCAAC,QAAD;AAAA,IAAQ,MAAM,CAAC,OAAO,QAAQ;AAAA,KAC5B,qCAAC,QAAD,OACA,qCAAC,OAAD;AAAA,IAAO,eAAY;AAAA,KAA6B,QAChD,qCAAC,MAAD;AAAA,IAAM,eAAY;AAAA,KAA4B,QAEhD,qCAAC,SAAD;AAAA,IAAS,eAAY;AAAA,KAA4B;AAAA;AAKvD,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/esm/parts/system-message/config/useValidateProps.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { useValidatePropTypes } from "@elliemae/ds-props-helpers";
+const useValidateProps = (props, schema) => {
+  useValidatePropTypes(props, schema);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/parts/system-message/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/system-message/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { SystemMessageProps } from '../props';\n\nexport const useValidateProps = (props: SystemMessageProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],
+  "mappings": "AAAA;ACAA;AAGO,MAAM,mBAAmB,CAAC,OAA2B,WAA0B;AACpF,uBAAqB,OAAO;AAAA;",
+  "names": []
+}

package/dist/esm/parts/system-message/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { SystemMessage, SystemMessageWithSchema } from "./SystemMessage";
+export {
+  SystemMessage,
+  SystemMessageWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/system-message/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { SystemMessage, SystemMessageWithSchema } from './SystemMessage';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/parts/system-message/props.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const defaultProps = {
+  title: "System Message",
+  time: "",
+  body: ""
+};
+const systemMessageProps = {
+  title: PropTypes.string.isRequired.description("Message title").defaultValue("System Message"),
+  time: PropTypes.string.description("data of the message, ie: hour"),
+  body: PropTypes.string.isRequired.description("message")
+};
+export {
+  defaultProps,
+  systemMessageProps
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/parts/system-message/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport interface SystemMessageProps {\n  title: string;\n  time: string;\n  body: string;\n}\n\nexport const defaultProps: SystemMessageProps = {\n  title: 'System Message',\n  time: '',\n  body: '',\n};\n\nexport const systemMessageProps = {\n  title: PropTypes.string.isRequired\n    .description('Message title')\n    .defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n  body: PropTypes.string.isRequired.description('message'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAQO,MAAM,eAAmC;AAAA,EAC9C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA;AAGD,MAAM,qBAAqB;AAAA,EAChC,OAAO,UAAU,OAAO,WACrB,YAAY,iBACZ,aAAa;AAAA,EAChB,MAAM,UAAU,OAAO,YAAY;AAAA,EACnC,MAAM,UAAU,OAAO,WAAW,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/parts/system-message/style.js

@@ -0,0 +1,46 @@
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+const Wrapper = styled(Grid)`
+  align-items: center;
+  justify-content: center;
+  max-width: 100%;
+  padding: 0 8px 8px;
+  border: 1px solid ${(props) => props.theme.colors.neutral["100"]};
+  border-radius: 10px;
+  background-color: ${(props) => props.theme.colors.neutral["080"]};
+  box-shadow: none;
+`;
+const Header = styled(Grid)`
+  align-items: center;
+  height: 36px;
+`;
+const Title = styled.p`
+  font-size: 14px;
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  margin: 0;
+`;
+const Time = styled.p`
+  font-size: 12px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  margin: 0;
+  text-align: right;
+`;
+const Message = styled.p`
+  font-size: 13px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  min-height: 32px;
+  text-align: center;
+  margin: 0;
+`;
+export {
+  Header,
+  Message,
+  Time,
+  Title,
+  Wrapper
+};
+//# sourceMappingURL=style.js.map

package/dist/esm/parts/system-message/style.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/style.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  max-width: 100%;\n  padding: 0 8px 8px;\n  border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  border-radius: 10px;\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n  align-items: center;\n  height: 36px;\n`;\n\nconst Title = styled.p<any>`\n  font-size: 14px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n`;\n\nconst Time = styled.p<any>`\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  text-align: right;\n`;\n\nconst Message = styled.p<any>`\n  font-size: 13px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: 32px;\n  text-align: center;\n  margin: 0;\n`;\n\nexport { Wrapper, Header, Title, Time, Message };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,sBAEtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI5D,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,QAAQ,OAAO;AAAA;AAAA,iBAEJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKjD,MAAM,UAAU,OAAO;AAAA;AAAA,iBAEN,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/parts/tile-button/TileButton.js

@@ -0,0 +1,118 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { DSTooltipV3 } from "@elliemae/ds-tooltip";
+import { Grid } from "@elliemae/ds-grid";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import {
+  StyledTooltipV3ButtonWrapper,
+  StyledTileButton,
+  StyledTileButtonIcon,
+  StyledTileButtonLabel,
+  StyledWrapper,
+  StyledWrapperLeftBorder,
+  StyledStatusBadge,
+  StyledWrapperCentralContent,
+  CloseButton
+} from "./styled";
+import { propsTileButton, defaultTileButton } from "./props";
+import { useValidateProps } from "./config/useValidateProps";
+const TileButton = (props) => {
+  useValidateProps(props, TileButtonWithSchema.toJSON());
+  const {
+    label,
+    title,
+    dsId,
+    onClick,
+    onFocus,
+    onBlur,
+    Icon,
+    showClose,
+    onClose,
+    badge,
+    badgeColor,
+    badgePosition,
+    disabled,
+    selected,
+    isHeader,
+    ariaLabel,
+    tooltipPlacement,
+    disableTooltip,
+    innerRef
+  } = props;
+  const handleClick = React2.useCallback(() => {
+    onClick(dsId, title);
+  }, [dsId, onClick, title]);
+  const MainContent = React2.useMemo(() => /* @__PURE__ */ React2.createElement(StyledWrapperCentralContent, {
+    alignItems: isHeader ? "center" : void 0
+  }, /* @__PURE__ */ React2.createElement(Grid, {
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ React2.createElement(StyledTileButtonIcon, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    size: "m"
+  }), badge ? /* @__PURE__ */ React2.createElement(StyledStatusBadge, {
+    badgeColor,
+    badgePosition,
+    "data-testid": `tile-badge-${dsId}`
+  }) : null)), !isHeader ? /* @__PURE__ */ React2.createElement(Grid, {
+    width: "100%",
+    justifyContent: "center"
+  }, label ? /* @__PURE__ */ React2.createElement(StyledTileButtonLabel, null, label) : null) : null), [isHeader, Icon, badge, badgeColor, badgePosition, label]);
+  const Btn = React2.useMemo(() => /* @__PURE__ */ React2.createElement(StyledTileButton, {
+    key: dsId,
+    isHeader,
+    value: dsId,
+    "data-testid": `tile-button-${dsId}`,
+    "data-key": dsId,
+    onClick: handleClick,
+    onFocus,
+    onBlur,
+    disabled,
+    selected,
+    badgeColor,
+    badgePosition,
+    "aria-pressed": selected,
+    "aria-label": ariaLabel,
+    ref: innerRef
+  }, /* @__PURE__ */ React2.createElement(StyledWrapper, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ React2.createElement("span", null, MainContent), /* @__PURE__ */ React2.createElement(StyledWrapperLeftBorder, null), showClose && !disabled ? /* @__PURE__ */ React2.createElement(CloseButton, {
+    onClick: onClose,
+    value: dsId,
+    "data-testid": `tile-close-btn-${dsId}`
+  }, /* @__PURE__ */ React2.createElement(CloseXsmall, null)) : null)), [
+    MainContent,
+    ariaLabel,
+    badgeColor,
+    badgePosition,
+    disabled,
+    dsId,
+    handleClick,
+    isHeader,
+    onBlur,
+    onClose,
+    onFocus,
+    selected,
+    showClose,
+    innerRef
+  ]);
+  return title && !disableTooltip ? /* @__PURE__ */ React2.createElement(StyledTooltipV3ButtonWrapper, null, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
+    id: `ds-chat-tile-tooltip-button-${dsId}`,
+    text: title,
+    startPlacementPreference: tooltipPlacement
+  }, Btn)) : Btn;
+};
+TileButton.propTypes = propsTileButton;
+TileButton.defaultProps = defaultTileButton;
+const TileButtonWithSchema = describe(TileButton);
+TileButtonWithSchema.propTypes = propsTileButton;
+export {
+  TileButton,
+  TileButtonWithSchema
+};
+//# sourceMappingURL=TileButton.js.map

package/dist/esm/parts/tile-button/TileButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/tile-button/TileButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport {\n  StyledTooltipV3ButtonWrapper,\n  StyledTileButton,\n  StyledTileButtonIcon,\n  StyledTileButtonLabel,\n  StyledWrapper,\n  StyledWrapperLeftBorder,\n  StyledStatusBadge,\n  StyledWrapperCentralContent,\n  CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n  useValidateProps(props, TileButtonWithSchema.toJSON());\n\n  const {\n    label,\n    title,\n    dsId,\n    onClick,\n    onFocus,\n    onBlur,\n    Icon,\n    showClose,\n    onClose,\n    badge,\n    badgeColor,\n    badgePosition,\n    disabled,\n    selected,\n    isHeader,\n    ariaLabel,\n    tooltipPlacement,\n    disableTooltip,\n    innerRef,\n  } = props;\n  const handleClick = React.useCallback(() => {\n    onClick(dsId, title);\n  }, [dsId, onClick, title]);\n\n  const MainContent = React.useMemo(\n    () => (\n      <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n        <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n          <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n            <Icon size=\"m\" />\n            {badge ? (\n              <StyledStatusBadge\n                badgeColor={badgeColor}\n                badgePosition={badgePosition}\n                data-testid={`tile-badge-${dsId}`}\n              />\n            ) : null}\n          </StyledTileButtonIcon>\n        </Grid>\n        {!isHeader ? (\n          <Grid width=\"100%\" justifyContent=\"center\">\n            {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n          </Grid>\n        ) : null}\n      </StyledWrapperCentralContent>\n    ),\n    [isHeader, Icon, badge, badgeColor, badgePosition, label],\n  );\n\n  const Btn = React.useMemo(\n    () => (\n      <StyledTileButton\n        key={dsId}\n        isHeader={isHeader}\n        value={dsId}\n        data-testid={`tile-button-${dsId}`}\n        data-key={dsId}\n        onClick={handleClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        disabled={disabled}\n        selected={selected}\n        badgeColor={badgeColor}\n        badgePosition={badgePosition}\n        aria-pressed={selected}\n        aria-label={ariaLabel}\n        ref={innerRef}\n      >\n        <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n          <span>{MainContent}</span>\n          <StyledWrapperLeftBorder />\n          {showClose && !disabled ? (\n            <CloseButton onClick={onClose} value={dsId} data-testid={`tile-close-btn-${dsId}`}>\n              <CloseXsmall />\n            </CloseButton>\n          ) : null}\n        </StyledWrapper>\n      </StyledTileButton>\n    ),\n    [\n      MainContent,\n      ariaLabel,\n      badgeColor,\n      badgePosition,\n      disabled,\n      dsId,\n      handleClick,\n      isHeader,\n      onBlur,\n      onClose,\n      onFocus,\n      selected,\n      showClose,\n      innerRef,\n    ],\n  );\n\n  return title && !disableTooltip ? (\n    <StyledTooltipV3ButtonWrapper>\n      <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n        {Btn}\n      </DSTooltipV3>\n    </StyledTooltipV3ButtonWrapper>\n  ) : (\n    Btn\n  );\n};\n\nTileButton.propTypes = propsTileButton;\nTileButton.defaultProps = defaultTileButton;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton;\n\nexport { TileButton, TileButtonWithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AACA;AAEA,MAAM,aAAa,CAAC,UAAwC;AAC1D,mBAAiB,OAAO,qBAAqB;AAE7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,cAAc,OAAM,YAAY,MAAM;AAC1C,YAAQ,MAAM;AAAA,KACb,CAAC,MAAM,SAAS;AAEnB,QAAM,cAAc,OAAM,QACxB,MACE,qCAAC,6BAAD;AAAA,IAA6B,YAAY,WAAW,WAAW;AAAA,KAC7D,qCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,IAAO,YAAW;AAAA,IAAS,gBAAe;AAAA,KACpD,qCAAC,sBAAD;AAAA,IAAsB,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvD,qCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,MACV,QACC,qCAAC,mBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa,cAAc;AAAA,OAE3B,QAGP,CAAC,WACA,qCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,IAAO,gBAAe;AAAA,KAC/B,QAAQ,qCAAC,uBAAD,MAAwB,SAAiC,QAElE,OAGR,CAAC,UAAU,MAAM,OAAO,YAAY,eAAe;AAGrD,QAAM,MAAM,OAAM,QAChB,MACE,qCAAC,kBAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA,OAAO;AAAA,IACP,eAAa,eAAe;AAAA,IAC5B,YAAU;AAAA,IACV,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAc;AAAA,IACd,cAAY;AAAA,IACZ,KAAK;AAAA,KAEL,qCAAC,eAAD;AAAA,IAAe,YAAW;AAAA,IAAS,gBAAe;AAAA,KAChD,qCAAC,QAAD,MAAO,cACP,qCAAC,yBAAD,OACC,aAAa,CAAC,WACb,qCAAC,aAAD;AAAA,IAAa,SAAS;AAAA,IAAS,OAAO;AAAA,IAAM,eAAa,kBAAkB;AAAA,KACzE,qCAAC,aAAD,SAEA,QAIV;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO,SAAS,CAAC,iBACf,qCAAC,8BAAD,MACE,qCAAC,aAAD;AAAA,IAAa,IAAI,+BAA+B;AAAA,IAAQ,MAAM;AAAA,IAAO,0BAA0B;AAAA,KAC5F,QAIL;AAAA;AAIJ,WAAW,YAAY;AACvB,WAAW,eAAe;AAE1B,MAAM,uBAAuB,SAAS;AACtC,qBAAqB,YAAY;",
+  "names": []
+}

package/dist/esm/parts/tile-button/config/useValidateProps.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { useValidatePropTypes } from "@elliemae/ds-props-helpers";
+const useValidateProps = (props, schema) => {
+  useValidatePropTypes(props, schema);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/parts/tile-button/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/tile-button/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { TileButtonProps } from '../props';\n\nexport const useValidateProps = (props: TileButtonProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],
+  "mappings": "AAAA;ACAA;AAGO,MAAM,mBAAmB,CAAC,OAAwB,WAA0B;AACjF,uBAAqB,OAAO;AAAA;",
+  "names": []
+}

package/dist/esm/parts/tile-button/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { TileButton, TileButtonWithSchema } from "./TileButton";
+export {
+  TileButton,
+  TileButtonWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/tile-button/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/tile-button/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { TileButton, TileButtonWithSchema } from './TileButton';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/parts/tile-button/props.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { noop } from "lodash";
+import { Comments } from "@elliemae/ds-icons";
+const defaultTileButton = {
+  Icon: Comments,
+  dsId: void 0,
+  label: "",
+  onClick: noop,
+  onBlur: noop,
+  onFocus: noop,
+  title: "",
+  onClose: noop,
+  showClose: false,
+  badge: false,
+  badgeColor: "blue",
+  badgePosition: "left",
+  disabled: false,
+  selected: false,
+  isHeader: false,
+  ariaLabel: "Tile button",
+  tooltipPlacement: "right",
+  disableTooltip: false,
+  innerRef: noop
+};
+const propsTileButton = {
+  Icon: PropTypes.func.description("Icon component").defaultValue(defaultTileButton.Icon),
+  dsId: PropTypes.oneOf(["number", "string"]).description("Unique id for the button").defaultValue(defaultTileButton.dsId),
+  label: PropTypes.string.description("It will display under the icon").defaultValue(defaultTileButton.label),
+  title: PropTypes.string.description("Tooltip").defaultValue(defaultTileButton.title),
+  onClick: PropTypes.func.description("The function to call when is clicked").defaultValue(defaultTileButton.onClick),
+  onFocus: PropTypes.func.description("The function to call when is focused").defaultValue(defaultTileButton.onFocus),
+  onBlur: PropTypes.func.description("The function to call when is on blur").defaultValue(defaultTileButton.onBlur),
+  onClose: PropTypes.func.description("The function to call when the X is Clicked").defaultValue(defaultTileButton.onClose),
+  showClose: PropTypes.bool.description("It will display the X").defaultValue(defaultTileButton.showClose),
+  badge: PropTypes.bool.description("It will display the badge").defaultValue(defaultTileButton.badge),
+  badgeColor: PropTypes.oneOf(["blue", "green"]).description("Color badge: blue or green").defaultValue(defaultTileButton.badgeColor),
+  badgePosition: PropTypes.oneOf(["left", "right"]).description("Color badge: blue or green").defaultValue(defaultTileButton.badgePosition),
+  disabled: PropTypes.bool.description("It will disabled the button").defaultValue(defaultTileButton.disabled),
+  selected: PropTypes.bool.description("Indicate that the button is selected").defaultValue(defaultTileButton.disabled),
+  isHeader: PropTypes.bool.description("It won't render the label").defaultValue(defaultTileButton.disabled),
+  ariaLabel: PropTypes.string.description("aria-label attribute").defaultValue(defaultTileButton.ariaLabel),
+  tooltipPlacement: PropTypes.oneOf([
+    "top-start",
+    "top",
+    "top-end",
+    "right-start",
+    "right",
+    "right-end",
+    "bottom-end",
+    "bottom",
+    "bottom-start",
+    "left-end",
+    "left",
+    "left-start"
+  ]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
+  disableTooltip: PropTypes.bool.description("Disable tooltip option").defaultValue(defaultTileButton.disableTooltip),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description("reference to the component")
+};
+export {
+  defaultTileButton,
+  propsTileButton
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/parts/tile-button/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/tile-button/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface TileButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number, label: string) => void;\n  onBlur?: (e) => void;\n  onFocus?: (e) => void;\n  title: string;\n  showClose: boolean;\n  onClose?: (dsId: string | number) => void;\n  badge: boolean;\n  badgeColor: 'blue' | 'green';\n  badgePosition: 'left' | 'right';\n  disabled: boolean;\n  selected: boolean;\n  isHeader: boolean;\n  ariaLabel: string;\n  tooltipPlacement:\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  disableTooltip: boolean;\n  innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n}\n\nexport const defaultTileButton: TileButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  onBlur: noop,\n  onFocus: noop,\n  title: '',\n  onClose: noop,\n  showClose: false,\n  badge: false,\n  badgeColor: 'blue',\n  badgePosition: 'left',\n  disabled: false,\n  selected: false,\n  isHeader: false,\n  ariaLabel: 'Tile button',\n  tooltipPlacement: 'right',\n  disableTooltip: false,\n  innerRef: noop,\n};\n\nexport const propsTileButton = {\n  Icon: PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),\n  dsId: PropTypes.oneOf(['number', 'string'])\n    .description('Unique id for the button')\n    .defaultValue(defaultTileButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),\n  onClick: PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),\n  onFocus: PropTypes.func.description('The function to call when is focused').defaultValue(defaultTileButton.onFocus),\n  onBlur: PropTypes.func.description('The function to call when is on blur').defaultValue(defaultTileButton.onBlur),\n  onClose: PropTypes.func\n    .description('The function to call when the X is Clicked')\n    .defaultValue(defaultTileButton.onClose),\n  showClose: PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),\n  badge: PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),\n  badgeColor: PropTypes.oneOf(['blue', 'green'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgeColor),\n  badgePosition: PropTypes.oneOf(['left', 'right'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgePosition),\n  disabled: PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),\n  selected: PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),\n  isHeader: PropTypes.bool.description(\"It won't render the label\").defaultValue(defaultTileButton.disabled),\n  ariaLabel: PropTypes.string.description('aria-label attribute').defaultValue(defaultTileButton.ariaLabel),\n  tooltipPlacement: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'right'\"),\n  disableTooltip: PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'reference to the component',\n  ),\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAoCO,MAAM,oBAAqC;AAAA,EAChD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,UAAU;AAAA;AAGL,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,KAAK,YAAY,kBAAkB,aAAa,kBAAkB;AAAA,EAClF,MAAM,UAAU,MAAM,CAAC,UAAU,WAC9B,YAAY,4BACZ,aAAa,kBAAkB;AAAA,EAClC,OAAO,UAAU,OAAO,YAAY,kCAAkC,aAAa,kBAAkB;AAAA,EACrG,OAAO,UAAU,OAAO,YAAY,WAAW,aAAa,kBAAkB;AAAA,EAC9E,SAAS,UAAU,KAAK,YAAY,wCAAwC,aAAa,kBAAkB;AAAA,EAC3G,SAAS,UAAU,KAAK,YAAY,wCAAwC,aAAa,kBAAkB;AAAA,EAC3G,QAAQ,UAAU,KAAK,YAAY,wCAAwC,aAAa,kBAAkB;AAAA,EAC1G,SAAS,UAAU,KAChB,YAAY,8CACZ,aAAa,kBAAkB;AAAA,EAClC,WAAW,UAAU,KAAK,YAAY,yBAAyB,aAAa,kBAAkB;AAAA,EAC9F,OAAO,UAAU,KAAK,YAAY,6BAA6B,aAAa,kBAAkB;AAAA,EAC9F,YAAY,UAAU,MAAM,CAAC,QAAQ,UAClC,YAAY,8BACZ,aAAa,kBAAkB;AAAA,EAClC,eAAe,UAAU,MAAM,CAAC,QAAQ,UACrC,YAAY,8BACZ,aAAa,kBAAkB;AAAA,EAClC,UAAU,UAAU,KAAK,YAAY,+BAA+B,aAAa,kBAAkB;AAAA,EACnG,UAAU,UAAU,KAAK,YAAY,wCAAwC,aAAa,kBAAkB;AAAA,EAC5G,UAAU,UAAU,KAAK,YAAY,6BAA6B,aAAa,kBAAkB;AAAA,EACjG,WAAW,UAAU,OAAO,YAAY,wBAAwB,aAAa,kBAAkB;AAAA,EAC/F,kBAAkB,UAAU,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,YAAY,iEACZ,aAAa;AAAA,EAChB,gBAAgB,UAAU,KAAK,YAAY,0BAA0B,aAAa,kBAAkB;AAAA,EACpG,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,SAAS,YAC3F;AAAA;",
+  "names": []
+}