@servicetitan/anvil2-ext-atlas 0.0.14 → 0.1.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @servicetitan/anvil2-ext-atlas
 
+## 0.1.0
+
+### Minor Changes
+
+- [#1667](https://github.com/servicetitan/hammer/pull/1667) [`ae5dd63`](https://github.com/servicetitan/hammer/commit/ae5dd631ade6c3679222fe10f43e5e948257f484) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [Atlas] Migrate components and API from `@servicetitan/assist-ui` package
+
+### Patch Changes
+
+- Updated dependencies [[`68134ef`](https://github.com/servicetitan/hammer/commit/68134ef9d15bd1e0c39d3ce9b457e518eb7bb438), [`d7cccdf`](https://github.com/servicetitan/hammer/commit/d7cccdf68e4b3646a799311658612a237118e563), [`c4629d9`](https://github.com/servicetitan/hammer/commit/c4629d9d90a93bb1acceab7ff441c2fe6100920d)]:
+  - @servicetitan/anvil2@1.50.1
+
 ## 0.0.14
 
 ### Patch Changes

package/dist/_commonjsHelpers-B85MJLTf.js

@@ -0,0 +1,6 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs as g };
+//# sourceMappingURL=_commonjsHelpers-B85MJLTf.js.map

package/dist/_commonjsHelpers-B85MJLTf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers-B85MJLTf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/atlas-header-jdAIcEpa.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Icon, Text } from '@servicetitan/anvil2';
+import * as React from 'react';
+
+const SvgAtlasLogo = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { fill: "url(#a)", d: "m0 0 1 1", opacity: 1e-3 }), /* @__PURE__ */ React.createElement("path", { fill: "url(#b)", d: "m0 0 1 1", opacity: 1e-3 }), /* @__PURE__ */ React.createElement("path", { fill: "url(#c)", d: "M1.38 6v12l10.615 6 10.615-6V6L11.995 0z" }), /* @__PURE__ */ React.createElement("g", { style: {
+  mixBlendMode: "overlay"
+} }, /* @__PURE__ */ React.createElement("path", { fill: "url(#d)", d: "m1.38 18 4.53-2.561L1.38 12z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#e)", d: "m22.61 6-4.53 2.561L22.61 12z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#f)", d: "M11.995 23.999v-5.122l-5.308 2.122z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#g)", d: "M11.995 0v5.122L17.302 3z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#h)", d: "m22.61 18-4.53-2.56-.777 5.56z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#i)", d: "m1.38 6 4.53 2.562L6.689 3z" })), /* @__PURE__ */ React.createElement("g", { style: {
+  mixBlendMode: "overlay"
+} }, /* @__PURE__ */ React.createElement("path", { fill: "url(#j)", d: "m1.38 6 4.53 2.561L1.38 12z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#k)", d: "m22.61 18-4.53-2.561L22.61 12z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#l)", d: "m1.38 18 4.53-2.56.779 5.56z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#m)", d: "m22.61 6-4.53 2.562L17.303 3z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#n)", d: "M11.995 23.999v-5.122l5.307 2.122z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#o)", d: "M11.995 0v5.122L6.687 3z" })), /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16.051 5.123H7.939l-4.057 6.878L7.94 18.88h8.112L20.107 12z", opacity: 0.66 }), /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M5.91 8.563v6.877l6.085 3.44 6.085-3.44V8.563l-6.085-3.44z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#p)", d: "m11.996 6.682 1.44 3.908L17.429 12l-3.992 1.41-1.44 3.908-1.44-3.908L6.564 12l3.992-1.41z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#q)", d: "M6.564 12h5.432v5.318l-1.44-3.908z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#r)", d: "M17.428 12h-5.432V6.682l1.44 3.908z" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "c", x1: 1.38, x2: 22.61, y1: 12, y2: 12, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2F6CDB" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#55AAE7" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "d", x1: 14.351, x2: -10.794, y1: -3.018, y2: 37.999, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#4357B5" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2E6BD3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "e", x1: 24.767, x2: -0.379, y1: 3.367, y2: 44.384, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#4357B5" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2E6BD3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "f", x1: 22.477, x2: -2.669, y1: 1.962, y2: 42.979, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#4357B5" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2E6BD3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "g", x1: 16.641, x2: -8.505, y1: -1.615, y2: 39.403, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#4357B5" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2E6BD3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "h", x1: 27.726, x2: 2.58, y1: 5.181, y2: 46.199, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#4357B5" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2E6BD3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "i", x1: 11.392, x2: -13.753, y1: -4.832, y2: 36.186, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#4357B5" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2E6BD3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "j", x1: 4.931, x2: 0.143, y1: 10.832, y2: 8.255, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2E6BD3" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2F044D" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "k", x1: 19.742, x2: 23.816, y1: 13.484, y2: 15.73, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2E6BD3" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2F044D" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "l", x1: 7.913, x2: 2.603, y1: 17.43, y2: 20.142, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2E6BD3" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2F044D" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "m", x1: 16.917, x2: 21.444, y1: 6.192, y2: 3.682, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2E6BD3" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2F044D" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "n", x1: 14.648, x2: 14.648, y1: 18.39, y2: 23.916, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2E6BD3" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2F044D" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "o", x1: 9.341, x2: 9.341, y1: 5.902, y2: 0.316, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2E6BD3" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2F044D" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "p", x1: 11.996, x2: 11.996, y1: 6.803, y2: 17.129, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2E6BD3" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2F044D" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "q", x1: 8.857, x2: 11.198, y1: 15.247, y2: 11.847, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2E6BD3" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2F044D" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "r", x1: 14.712, x2: 14.712, y1: 11.919, y2: 8.961, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2E6BD3" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2F044D" })), /* @__PURE__ */ React.createElement("path", { id: "a", fill: "#ffffff00", d: "M0 0h.01v.01H0z" }), /* @__PURE__ */ React.createElement("path", { id: "b", fill: "#ffffff00", d: "M0 0h.01v.01H0z" })));
+
+const AtlasHeader = ({
+  svgIcon,
+  assistant = "Atlas",
+  className
+}) => {
+  return /* @__PURE__ */ jsxs(Flex, { className, alignItems: "center", gap: 1, children: [
+    /* @__PURE__ */ jsx(Icon, { svg: svgIcon ?? SvgAtlasLogo, size: "medium", inherit: true }),
+    /* @__PURE__ */ jsx(Text, { inline: true, children: /* @__PURE__ */ jsx("b", { children: assistant }) })
+  ] });
+};
+
+export { AtlasHeader as A };
+//# sourceMappingURL=atlas-header-jdAIcEpa.js.map

package/dist/atlas-header-jdAIcEpa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atlas-header-jdAIcEpa.js","sources":["../../anvil2/dist/assets/icons/st/atlas_logo.svg","../src/components/atlas-header/atlas-header.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAtlasLogo = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#a)\", d: \"m0 0 1 1\", opacity: 1e-3 }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#b)\", d: \"m0 0 1 1\", opacity: 1e-3 }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#c)\", d: \"M1.38 6v12l10.615 6 10.615-6V6L11.995 0z\" }), /* @__PURE__ */ React.createElement(\"g\", { style: {\n  mixBlendMode: \"overlay\"\n} }, /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#d)\", d: \"m1.38 18 4.53-2.561L1.38 12z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#e)\", d: \"m22.61 6-4.53 2.561L22.61 12z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#f)\", d: \"M11.995 23.999v-5.122l-5.308 2.122z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#g)\", d: \"M11.995 0v5.122L17.302 3z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#h)\", d: \"m22.61 18-4.53-2.56-.777 5.56z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#i)\", d: \"m1.38 6 4.53 2.562L6.689 3z\" })), /* @__PURE__ */ React.createElement(\"g\", { style: {\n  mixBlendMode: \"overlay\"\n} }, /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#j)\", d: \"m1.38 6 4.53 2.561L1.38 12z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#k)\", d: \"m22.61 18-4.53-2.561L22.61 12z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#l)\", d: \"m1.38 18 4.53-2.56.779 5.56z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#m)\", d: \"m22.61 6-4.53 2.562L17.303 3z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#n)\", d: \"M11.995 23.999v-5.122l5.307 2.122z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#o)\", d: \"M11.995 0v5.122L6.687 3z\" })), /* @__PURE__ */ React.createElement(\"path\", { fill: \"#fff\", d: \"M16.051 5.123H7.939l-4.057 6.878L7.94 18.88h8.112L20.107 12z\", opacity: 0.66 }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"#fff\", d: \"M5.91 8.563v6.877l6.085 3.44 6.085-3.44V8.563l-6.085-3.44z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#p)\", d: \"m11.996 6.682 1.44 3.908L17.429 12l-3.992 1.41-1.44 3.908-1.44-3.908L6.564 12l3.992-1.41z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#q)\", d: \"M6.564 12h5.432v5.318l-1.44-3.908z\" }), /* @__PURE__ */ React.createElement(\"path\", { fill: \"url(#r)\", d: \"M17.428 12h-5.432V6.682l1.44 3.908z\" }), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"c\", x1: 1.38, x2: 22.61, y1: 12, y2: 12, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2F6CDB\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#55AAE7\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"d\", x1: 14.351, x2: -10.794, y1: -3.018, y2: 37.999, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#4357B5\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2E6BD3\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"e\", x1: 24.767, x2: -0.379, y1: 3.367, y2: 44.384, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#4357B5\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2E6BD3\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"f\", x1: 22.477, x2: -2.669, y1: 1.962, y2: 42.979, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#4357B5\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2E6BD3\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"g\", x1: 16.641, x2: -8.505, y1: -1.615, y2: 39.403, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#4357B5\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2E6BD3\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"h\", x1: 27.726, x2: 2.58, y1: 5.181, y2: 46.199, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#4357B5\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2E6BD3\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"i\", x1: 11.392, x2: -13.753, y1: -4.832, y2: 36.186, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#4357B5\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2E6BD3\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"j\", x1: 4.931, x2: 0.143, y1: 10.832, y2: 8.255, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2E6BD3\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2F044D\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"k\", x1: 19.742, x2: 23.816, y1: 13.484, y2: 15.73, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2E6BD3\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2F044D\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"l\", x1: 7.913, x2: 2.603, y1: 17.43, y2: 20.142, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2E6BD3\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2F044D\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"m\", x1: 16.917, x2: 21.444, y1: 6.192, y2: 3.682, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2E6BD3\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2F044D\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"n\", x1: 14.648, x2: 14.648, y1: 18.39, y2: 23.916, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2E6BD3\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2F044D\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"o\", x1: 9.341, x2: 9.341, y1: 5.902, y2: 0.316, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2E6BD3\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2F044D\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"p\", x1: 11.996, x2: 11.996, y1: 6.803, y2: 17.129, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2E6BD3\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2F044D\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"q\", x1: 8.857, x2: 11.198, y1: 15.247, y2: 11.847, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2E6BD3\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2F044D\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"r\", x1: 14.712, x2: 14.712, y1: 11.919, y2: 8.961, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#2E6BD3\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#2F044D\" })), /* @__PURE__ */ React.createElement(\"path\", { id: \"a\", fill: \"#ffffff00\", d: \"M0 0h.01v.01H0z\" }), /* @__PURE__ */ React.createElement(\"path\", { id: \"b\", fill: \"#ffffff00\", d: \"M0 0h.01v.01H0z\" })));\nexport default SvgAtlasLogo;\n","import { FC } from \"react\";\nimport { Flex, Icon, Svg, Text } from \"@servicetitan/anvil2\";\nimport IconAtlasLogo from \"@servicetitan/anvil2/assets/icons/st/atlas_logo.svg\";\n\nexport interface AtlasHeaderProps {\n  /**\n   * Custom icon to display instead of the default Atlas logo\n   */\n  svgIcon?: Svg;\n  /**\n   * Custom assistant name to display instead of \"Atlas\"\n   */\n  assistant?: string;\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n}\n\n/**\n * Shared component that displays the Atlas logo and name header\n * Used across all message types and recommendation cards\n */\nexport const AtlasHeader: FC<AtlasHeaderProps> = ({\n  svgIcon,\n  assistant = \"Atlas\",\n  className,\n}) => {\n  return (\n    <Flex className={className} alignItems=\"center\" gap={1}>\n      <Icon svg={svgIcon ?? IconAtlasLogo} size=\"medium\" inherit />\n      <Text inline>\n        <b>{assistant}</b>\n      </Text>\n    </Flex>\n  );\n};\n"],"names":["IconAtlasLogo"],"mappings":"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,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC;;ACkBpqM,MAAM,cAAoC,CAAC;AAAA,EAChD,OAAA;AAAA,EACA,SAAA,GAAY,OAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,4BACG,IAAA,EAAA,EAAK,SAAA,EAAsB,UAAA,EAAW,QAAA,EAAS,KAAK,CAAA,EACnD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAK,GAAA,EAAK,OAAA,IAAWA,cAAe,IAAA,EAAK,QAAA,EAAS,SAAO,IAAA,EAAC,CAAA;AAAA,wBAC1D,IAAA,EAAA,EAAK,MAAA,EAAM,MACV,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAG,qBAAU,CAAA,EAChB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/atlas-header.d.ts

@@ -0,0 +1,2 @@
+export * from './components/atlas-header/index'
+export {}

package/dist/atlas-header.js

@@ -0,0 +1,2 @@
+export { A as AtlasHeader } from './atlas-header-jdAIcEpa.js';
+//# sourceMappingURL=atlas-header.js.map

package/dist/atlas-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atlas-header.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/chat-composer-rich-BM5hoC1f.js

@@ -0,0 +1,162 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useState, useRef, useEffect } from 'react';
+import { c as classNames } from './index-DDXI3m_u.js';
+import { Menu, Button } from '@servicetitan/anvil2';
+
+import './chat-composer-rich.css';const SvgAdd = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z" }));
+
+const SvgMic = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.91-3c-.49 0-.9.36-.98.85C16.52 14.2 14.47 16 12 16s-4.52-1.8-4.93-4.15a.998.998 0 0 0-.98-.85c-.61 0-1.09.54-1 1.14.49 3 2.89 5.35 5.91 5.78V20c0 .55.45 1 1 1s1-.45 1-1v-2.08a6.993 6.993 0 0 0 5.91-5.78c.1-.6-.39-1.14-1-1.14z" }));
+
+const SvgSend = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "m3.4 20.4 17.45-7.48a1 1 0 0 0 0-1.84L3.4 3.6a.993.993 0 0 0-1.39.91L2 9.12c0 .5.37.93.87.99L17 12 2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91z" }));
+
+const SvgAttachFile = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M17.5 15.438q0 2.382-1.673 4.056t-4.056 1.673q-2.384 0-4.056-1.673-1.674-1.674-1.673-4.056v-8.48q0-1.718 1.203-2.922 1.203-1.203 2.922-1.203t2.922 1.203q1.203 1.205 1.203 2.922v8.021q0 1.055-.734 1.788a2.43 2.43 0 0 1-1.787.733 2.43 2.43 0 0 1-1.788-.733 2.43 2.43 0 0 1-.733-1.788V7.417q0-.39.264-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .263.653v7.562a.67.67 0 0 0 .688.688.67.67 0 0 0 .687-.688V6.96a2.32 2.32 0 0 0-.676-1.628q-.653-.664-1.615-.664-.963 0-1.627.664a2.2 2.2 0 0 0-.665 1.627v8.48q-.023 1.627 1.123 2.761t2.773 1.134q1.604 0 2.727-1.134t1.169-2.762v-8.02q0-.39.263-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .264.653z" }));
+
+const disabled = "_disabled_qqqa2_20";
+const placeholder = "_placeholder_qqqa2_55";
+const input = "_input_qqqa2_48";
+const styles = {
+	"composer-wrapper": "_composer-wrapper_qqqa2_1",
+	"composer-form": "_composer-form_qqqa2_9",
+	disabled: disabled,
+	"icon-button": "_icon-button_qqqa2_33",
+	"input-wrapper": "_input-wrapper_qqqa2_48",
+	placeholder: placeholder,
+	input: input,
+	"send-button": "_send-button_qqqa2_111"
+};
+
+const ChatComposerRich = ({
+  message,
+  onSend,
+  onChange,
+  placeholder = "Ask anything...",
+  disabled = false,
+  className,
+  onUploadFile,
+  onDictateMessage,
+  messageInputId,
+  sendIconId
+}) => {
+  const [isEmpty, setIsEmpty] = useState(true);
+  const editorRef = useRef(null);
+  useEffect(() => {
+    if (editorRef.current && message) {
+      editorRef.current.innerText = message;
+    }
+  }, [message]);
+  const handleInput = () => {
+    const text = editorRef.current?.innerText.trim() ?? "";
+    setIsEmpty(text.length === 0);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSubmit();
+    }
+  };
+  const handleSubmit = () => {
+    if (disabled) {
+      return;
+    }
+    const text = editorRef.current?.innerText.trim() ?? "";
+    onChange(text);
+    if (!text) {
+      return;
+    }
+    onSend?.(text);
+    if (editorRef.current) {
+      editorRef.current.innerText = "";
+      editorRef.current.blur();
+    }
+    setIsEmpty(true);
+  };
+  useEffect(() => {
+    setIsEmpty(!editorRef.current?.innerText.trim());
+  }, []);
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles["composer-wrapper"], className), children: /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: (e) => e.preventDefault(),
+      className: classNames(styles["composer-form"], {
+        [styles["disabled"]]: disabled
+      }),
+      children: [
+        onDictateMessage || onUploadFile ? /* @__PURE__ */ jsxs(
+          Menu,
+          {
+            id: "",
+            trigger: (props) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                ...props,
+                type: "button",
+                "aria-label": "Open menu",
+                disabled,
+                className: styles["icon-button"],
+                icon: SvgAdd,
+                size: "small"
+              }
+            ),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(
+                Menu.Item,
+                {
+                  label: "Upload file",
+                  icon: SvgAttachFile,
+                  onClick: onUploadFile
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Menu.Item,
+                {
+                  label: "Dictate message",
+                  icon: SvgMic,
+                  onClick: onDictateMessage
+                }
+              )
+            ]
+          }
+        ) : /* @__PURE__ */ jsx("div", {}),
+        /* @__PURE__ */ jsxs("div", { className: styles["input-wrapper"], children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: messageInputId,
+              ref: editorRef,
+              contentEditable: "plaintext-only",
+              role: "textbox",
+              "aria-multiline": "true",
+              "aria-label": placeholder,
+              "aria-disabled": disabled,
+              "data-placeholder": placeholder,
+              onInput: handleInput,
+              onKeyDown: handleKeyDown,
+              className: styles["input"],
+              tabIndex: 0
+            }
+          ),
+          isEmpty && /* @__PURE__ */ jsx("span", { className: styles["placeholder"], children: placeholder })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            id: sendIconId,
+            size: "small",
+            type: "button",
+            onClick: handleSubmit,
+            disabled: disabled || isEmpty,
+            className: styles["send-button"],
+            "aria-label": "Send message",
+            appearance: "ghost",
+            icon: SvgSend
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+export { ChatComposerRich as C };
+//# sourceMappingURL=chat-composer-rich-BM5hoC1f.js.map

package/dist/chat-composer-rich-BM5hoC1f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer-rich-BM5hoC1f.js","sources":["../../anvil2/dist/assets/icons/material/round/add.svg","../../anvil2/dist/assets/icons/material/round/mic.svg","../../anvil2/dist/assets/icons/material/round/send.svg","../../anvil2/dist/assets/icons/st/attach_file.svg","../src/components/chat-composer-rich/chat-composer-rich.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgMic = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.91-3c-.49 0-.9.36-.98.85C16.52 14.2 14.47 16 12 16s-4.52-1.8-4.93-4.15a.998.998 0 0 0-.98-.85c-.61 0-1.09.54-1 1.14.49 3 2.89 5.35 5.91 5.78V20c0 .55.45 1 1 1s1-.45 1-1v-2.08a6.993 6.993 0 0 0 5.91-5.78c.1-.6-.39-1.14-1-1.14z\" }));\nexport default SvgMic;\n","import * as React from \"react\";\nconst SvgSend = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"m3.4 20.4 17.45-7.48a1 1 0 0 0 0-1.84L3.4 3.6a.993.993 0 0 0-1.39.91L2 9.12c0 .5.37.93.87.99L17 12 2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91z\" }));\nexport default SvgSend;\n","import * as React from \"react\";\nconst SvgAttachFile = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.5 15.438q0 2.382-1.673 4.056t-4.056 1.673q-2.384 0-4.056-1.673-1.674-1.674-1.673-4.056v-8.48q0-1.718 1.203-2.922 1.203-1.203 2.922-1.203t2.922 1.203q1.203 1.205 1.203 2.922v8.021q0 1.055-.734 1.788a2.43 2.43 0 0 1-1.787.733 2.43 2.43 0 0 1-1.788-.733 2.43 2.43 0 0 1-.733-1.788V7.417q0-.39.264-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .263.653v7.562a.67.67 0 0 0 .688.688.67.67 0 0 0 .687-.688V6.96a2.32 2.32 0 0 0-.676-1.628q-.653-.664-1.615-.664-.963 0-1.627.664a2.2 2.2 0 0 0-.665 1.627v8.48q-.023 1.627 1.123 2.761t2.773 1.134q1.604 0 2.727-1.134t1.169-2.762v-8.02q0-.39.263-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .264.653z\" }));\nexport default SvgAttachFile;\n","import { KeyboardEvent, useEffect, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { Button, Menu } from \"@servicetitan/anvil2\";\nimport IconPlus from \"@servicetitan/anvil2/assets/icons/material/round/add.svg\";\nimport IconMic from \"@servicetitan/anvil2/assets/icons/material/round/mic.svg\";\nimport IconSend from \"@servicetitan/anvil2/assets/icons/material/round/send.svg\";\nimport IconAttachFile from \"@servicetitan/anvil2/assets/icons/st/attach_file.svg\";\n\nimport styles from \"./chat-composer-rich.module.scss\";\n\nexport interface ChatComposerRichProps {\n  message?: string;\n  /** Callback when user submits a message */\n  onSend?: (text: string) => void;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the composer is disabled */\n  disabled?: boolean;\n  /** Additional CSS class name */\n  className?: string;\n  onChange: (text: string) => void;\n  /** Callback when upload file is selected from menu */\n  onUploadFile?: () => void;\n  /** Callback when dictate message is selected from menu */\n  onDictateMessage?: () => void;\n  /** ID for the menu button */\n  menuButtonId?: string;\n  /** ID for the send icon button */\n  sendIconId?: string;\n  /** ID for the message input area */\n  messageInputId?: string;\n}\n\nexport const ChatComposerRich = ({\n  message,\n  onSend,\n  onChange,\n  placeholder = \"Ask anything...\",\n  disabled = false,\n  className,\n  onUploadFile,\n  onDictateMessage,\n  messageInputId,\n  sendIconId,\n}: ChatComposerRichProps) => {\n  const [isEmpty, setIsEmpty] = useState(true);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (editorRef.current && message) {\n      editorRef.current.innerText = message;\n    }\n  }, [message]);\n\n  const handleInput = () => {\n    const text = editorRef.current?.innerText.trim() ?? \"\";\n    setIsEmpty(text.length === 0);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSubmit();\n    }\n  };\n\n  const handleSubmit = () => {\n    if (disabled) {\n      return;\n    }\n\n    const text = editorRef.current?.innerText.trim() ?? \"\";\n    onChange(text);\n    if (!text) {\n      return;\n    }\n\n    onSend?.(text);\n\n    if (editorRef.current) {\n      // Clear content while preserving the element structure\n      editorRef.current.innerText = \"\";\n      // Remove cursor by blurring the input\n      editorRef.current.blur();\n    }\n    setIsEmpty(true);\n  };\n\n  useEffect(() => {\n    // Ensure empty placeholder is visible on mount\n    setIsEmpty(!editorRef.current?.innerText.trim());\n  }, []);\n\n  return (\n    <div className={classNames(styles[\"composer-wrapper\"], className)}>\n      <form\n        onSubmit={(e) => e.preventDefault()}\n        className={classNames(styles[\"composer-form\"], {\n          [styles[\"disabled\"]]: disabled,\n        })}\n      >\n        {onDictateMessage || onUploadFile ? (\n          <Menu\n            id=\"\"\n            trigger={(props) => (\n              <Button\n                {...props}\n                type=\"button\"\n                aria-label=\"Open menu\"\n                disabled={disabled}\n                className={styles[\"icon-button\"]}\n                icon={IconPlus}\n                size=\"small\"\n              />\n            )}\n            disabled={disabled}\n          >\n            <Menu.Item\n              label=\"Upload file\"\n              icon={IconAttachFile}\n              onClick={onUploadFile}\n            />\n            <Menu.Item\n              label=\"Dictate message\"\n              icon={IconMic}\n              onClick={onDictateMessage}\n            />\n          </Menu>\n        ) : (\n          <div />\n        )}\n\n        <div className={styles[\"input-wrapper\"]}>\n          <div\n            id={messageInputId}\n            ref={editorRef}\n            contentEditable=\"plaintext-only\"\n            role=\"textbox\"\n            aria-multiline=\"true\"\n            aria-label={placeholder}\n            aria-disabled={disabled}\n            data-placeholder={placeholder}\n            onInput={handleInput}\n            onKeyDown={handleKeyDown}\n            className={styles[\"input\"]}\n            tabIndex={0}\n          />\n          {isEmpty && (\n            <span className={styles[\"placeholder\"]}>{placeholder}</span>\n          )}\n        </div>\n\n        <Button\n          id={sendIconId}\n          size=\"small\"\n          type=\"button\"\n          onClick={handleSubmit}\n          disabled={disabled || isEmpty}\n          className={styles[\"send-button\"]}\n          aria-label=\"Send message\"\n          appearance=\"ghost\"\n          icon={IconSend}\n        />\n      </form>\n    </div>\n  );\n};\n"],"names":["IconPlus","IconAttachFile","IconMic","IconSend"],"mappings":"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"}

package/dist/chat-composer-rich.css

@@ -0,0 +1,119 @@
+@layer starter, reset, base, state, application;
+
+._composer-wrapper_qqqa2_1 {
+  width: 100%;
+  margin-inline: auto;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+._composer-form_qqqa2_9 {
+  background-color: var(--background-color, #ffffff);
+  border: 0.0625rem solid var(--border-color, #949596);
+  border-radius: 0.375rem;
+  padding: 0 0.5rem;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: end;
+  gap: 0.5rem;
+  transition: border-color 0.2s ease;
+}
+._composer-form_qqqa2_9:hover:not(._disabled_qqqa2_20) {
+  border-color: var(--border-color-hover, #606162);
+}
+._composer-form_qqqa2_9:focus-within:not(._disabled_qqqa2_20) {
+  outline: 0.125rem solid var(--focus-ring-color, #0265dc);
+  outline-offset: 0.125rem;
+}
+._composer-form_qqqa2_9._disabled_qqqa2_20 {
+  background-color: var(--background-color-strong, #f7f7f7);
+  opacity: var(--opacity-disabled, 0.6);
+  pointer-events: none;
+}
+
+._icon-button_qqqa2_33 {
+  padding: 0.5rem;
+  border-radius: var(--border-radius-circular);
+  background: transparent;
+  border: none;
+  margin-bottom: 6px;
+}
+._icon-button_qqqa2_33:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+._icon-button_qqqa2_33:hover:not(:disabled) {
+  background-color: var(--background-color-strong, #f7f7f7);
+}
+
+._input-wrapper_qqqa2_48 {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+._placeholder_qqqa2_55 {
+  position: absolute;
+  left: 0.4rem;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--foreground-color-subdued, #737475);
+  pointer-events: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  font-size: 1rem;
+}
+
+._input_qqqa2_48 {
+  flex: 1;
+  width: 100%;
+  max-width: 100%;
+  outline: none;
+  background: transparent;
+  color: var(--foreground-color, #141414);
+  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
+  font-size: 1rem;
+  line-height: var(--base-line-height, 24px);
+  max-height: 6.25rem;
+  overflow-y: auto;
+  overflow-x: hidden;
+  white-space: pre-wrap;
+  margin-top: 12px;
+  padding-bottom: 12px;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  min-width: 0;
+  padding-left: 7px;
+  padding-right: 0.75rem;
+}
+._input_qqqa2_48:empty::before {
+  content: "";
+}
+._input_qqqa2_48::-webkit-scrollbar {
+  width: 6px;
+}
+._input_qqqa2_48::-webkit-scrollbar-track {
+  background: transparent;
+}
+._input_qqqa2_48::-webkit-scrollbar-thumb {
+  background: var(--border-color-subdued, #dfe0e1);
+  border-radius: var(--border-radius-medium);
+}
+._input_qqqa2_48::-webkit-scrollbar-thumb:hover {
+  background: var(--border-color, #949596);
+}
+
+._actions-wrapper_qqqa2_105 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+._send-button_qqqa2_111 {
+  padding: 0.5rem;
+  border-radius: var(--border-radius-circular);
+  margin-bottom: 6px;
+}

package/dist/chat-composer-rich.d.ts

@@ -0,0 +1,2 @@
+export * from './components/chat-composer-rich/index'
+export {}

package/dist/chat-composer-rich.js

@@ -0,0 +1,2 @@
+export { C as ChatComposerRich } from './chat-composer-rich-BM5hoC1f.js';
+//# sourceMappingURL=chat-composer-rich.js.map

package/dist/chat-composer-rich.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer-rich.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/chat-window-BEkLTYNg.js

@@ -0,0 +1,76 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as classNames } from './index-DDXI3m_u.js';
+import { m as motion } from './proxy-B3m3ViIw.js';
+
+import './chat-window.css';const open = "_open_1ncho_19";
+const closed = "_closed_1ncho_23";
+const positioned = "_positioned_1ncho_27";
+const relative = "_relative_1ncho_31";
+const styles = {
+	"chat-window": "_chat-window_1ncho_1",
+	open: open,
+	closed: closed,
+	positioned: positioned,
+	relative: relative,
+	"chat-window-expanded": "_chat-window-expanded_1ncho_35"
+};
+
+const ChatWindow = ({
+  open,
+  position,
+  isDragging,
+  fullscreen = false,
+  children
+}) => {
+  const isFullscreenOpen = fullscreen && open;
+  const className = classNames({
+    [styles["chat-window-expanded"]]: isFullscreenOpen,
+    [styles["chat-window"]]: !isFullscreenOpen,
+    [styles["open"]]: !isFullscreenOpen && open,
+    [styles["closed"]]: !isFullscreenOpen && !open,
+    [styles["positioned"]]: !isFullscreenOpen && position,
+    [styles["relative"]]: !isFullscreenOpen && !position
+  });
+  const getPositionStyles = () => {
+    if (isFullscreenOpen) {
+      return {};
+    }
+    return position ? {
+      left: position.x,
+      top: position.y
+    } : {};
+  };
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      layout: !isDragging,
+      initial: {
+        opacity: isFullscreenOpen ? 0 : 1,
+        x: !isFullscreenOpen && !open ? 0 : -25
+      },
+      animate: {
+        x: isFullscreenOpen ? 0 : open ? -25 : 0
+      },
+      transition: {
+        type: isFullscreenOpen ? "tween" : "spring",
+        ease: isFullscreenOpen ? "easeInOut" : void 0,
+        stiffness: 300,
+        damping: 35,
+        duration: 0.3
+      },
+      className,
+      style: getPositionStyles(),
+      children: /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          layout: !isDragging ? "position" : void 0,
+          style: { width: "100%", height: "100%" },
+          children
+        }
+      )
+    }
+  );
+};
+
+export { ChatWindow as C };
+//# sourceMappingURL=chat-window-BEkLTYNg.js.map

package/dist/chat-window-BEkLTYNg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-window-BEkLTYNg.js","sources":["../src/components/chat/chat-window.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\n\nimport styles from \"./styles.module.scss\";\n\ninterface ChatWindowProps {\n  open: boolean;\n  position?: { x: number; y: number };\n  isDragging?: boolean;\n  fullscreen?: boolean;\n  children: ReactNode;\n}\n\nexport const ChatWindow = ({\n  open,\n  position,\n  isDragging,\n  fullscreen = false,\n  children,\n}: ChatWindowProps) => {\n  const isFullscreenOpen = fullscreen && open;\n\n  const className = classNames({\n    [styles[\"chat-window-expanded\"]]: isFullscreenOpen,\n    [styles[\"chat-window\"]]: !isFullscreenOpen,\n    [styles[\"open\"]]: !isFullscreenOpen && open,\n    [styles[\"closed\"]]: !isFullscreenOpen && !open,\n    [styles[\"positioned\"]]: !isFullscreenOpen && position,\n    [styles[\"relative\"]]: !isFullscreenOpen && !position,\n  });\n\n  const getPositionStyles = () => {\n    if (isFullscreenOpen) {\n      return {};\n    }\n\n    return position\n      ? {\n          left: position.x,\n          top: position.y,\n        }\n      : {};\n  };\n\n  return (\n    <motion.div\n      layout={!isDragging}\n      initial={{\n        opacity: isFullscreenOpen ? 0 : 1,\n        x: !isFullscreenOpen && !open ? 0 : -25,\n      }}\n      animate={{\n        x: isFullscreenOpen ? 0 : open ? -25 : 0,\n      }}\n      transition={{\n        type: isFullscreenOpen ? \"tween\" : \"spring\",\n        ease: isFullscreenOpen ? \"easeInOut\" : undefined,\n        stiffness: 300,\n        damping: 35,\n        duration: 0.3,\n      }}\n      className={className}\n      style={getPositionStyles()}\n    >\n      <motion.div\n        layout={!isDragging ? \"position\" : undefined}\n        style={{ width: \"100%\", height: \"100%\" }}\n      >\n        {children}\n      </motion.div>\n    </motion.div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAcO,MAAM,aAAa,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb;AACF,CAAA,KAAuB;AACrB,EAAA,MAAM,mBAAmB,UAAA,IAAc,IAAA;AAEvC,EAAA,MAAM,YAAY,UAAA,CAAW;AAAA,IAC3B,CAAC,MAAA,CAAO,sBAAsB,CAAC,GAAG,gBAAA;AAAA,IAClC,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG,CAAC,gBAAA;AAAA,IAC1B,CAAC,MAAA,CAAO,MAAM,CAAC,GAAG,CAAC,gBAAA,IAAoB,IAAA;AAAA,IACvC,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,CAAC,oBAAoB,CAAC,IAAA;AAAA,IAC1C,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,CAAC,gBAAA,IAAoB,QAAA;AAAA,IAC7C,CAAC,MAAA,CAAO,UAAU,CAAC,GAAG,CAAC,oBAAoB,CAAC;AAAA,GAC7C,CAAA;AAED,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,OAAO,QAAA,GACH;AAAA,MACE,MAAM,QAAA,CAAS,CAAA;AAAA,MACf,KAAK,QAAA,CAAS;AAAA,QAEhB,EAAC;AAAA,EACP,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,QAAQ,CAAC,UAAA;AAAA,MACT,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,mBAAmB,CAAA,GAAI,CAAA;AAAA,QAChC,CAAA,EAAG,CAAC,gBAAA,IAAoB,CAAC,OAAO,CAAA,GAAI;AAAA,OACtC;AAAA,MACA,OAAA,EAAS;AAAA,QACP,CAAA,EAAG,gBAAA,GAAmB,CAAA,GAAI,IAAA,GAAO,GAAA,GAAM;AAAA,OACzC;AAAA,MACA,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,mBAAmB,OAAA,GAAU,QAAA;AAAA,QACnC,IAAA,EAAM,mBAAmB,WAAA,GAAc,MAAA;AAAA,QACvC,SAAA,EAAW,GAAA;AAAA,QACX,OAAA,EAAS,EAAA;AAAA,QACT,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,SAAA;AAAA,MACA,OAAO,iBAAA,EAAkB;AAAA,MAEzB,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA,CAAO,GAAA;AAAA,QAAP;AAAA,UACC,MAAA,EAAQ,CAAC,UAAA,GAAa,UAAA,GAAa,MAAA;AAAA,UACnC,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAQ,MAAA,EAAO;AAAA,UAEtC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;"}

package/dist/chat-window.css

@@ -0,0 +1,49 @@
+@layer starter, reset, base, state, application;
+
+._chat-window_1ncho_1 {
+  position: fixed;
+  top: 5%;
+  right: 0;
+  height: calc(100vh - 58px - 24px);
+  max-width: 390px;
+  width: 390px;
+  border-radius: 12px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--color-neutral-60);
+  box-shadow: 0 8px 24px 0 rgba(20, 20, 20, 0.08);
+  overflow: hidden;
+  z-index: 9999;
+  background: var(--color-neutral-30, #ffffff);
+}
+
+._chat-window_1ncho_1._open_1ncho_19 {
+  visibility: visible;
+}
+
+._chat-window_1ncho_1._closed_1ncho_23 {
+  visibility: hidden;
+}
+
+._chat-window_1ncho_1._positioned_1ncho_27 {
+  position: fixed;
+}
+
+._chat-window_1ncho_1._relative_1ncho_31 {
+  position: relative;
+}
+
+._chat-window-expanded_1ncho_35 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 10001;
+  display: flex;
+  background: var(--color-neutral-30, #ffffff);
+  visibility: visible;
+}

package/dist/chat.d.ts

@@ -0,0 +1,2 @@
+export * from './components/chat/index'
+export {}

package/dist/chat.js

@@ -0,0 +1,2 @@
+export { C as ChatWindow } from './chat-window-BEkLTYNg.js';
+//# sourceMappingURL=chat.js.map

package/dist/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/atlas-header/atlas-header.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { Svg } from '@servicetitan/anvil2';
+export interface AtlasHeaderProps {
+    /**
+     * Custom icon to display instead of the default Atlas logo
+     */
+    svgIcon?: Svg;
+    /**
+     * Custom assistant name to display instead of "Atlas"
+     */
+    assistant?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+/**
+ * Shared component that displays the Atlas logo and name header
+ * Used across all message types and recommendation cards
+ */
+export declare const AtlasHeader: FC<AtlasHeaderProps>;

package/dist/components/atlas-header/index.d.ts

@@ -0,0 +1,2 @@
+export type { AtlasHeaderProps } from './atlas-header';
+export { AtlasHeader } from './atlas-header';

package/dist/components/chat/chat-window.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface ChatWindowProps {
+    open: boolean;
+    position?: {
+        x: number;
+        y: number;
+    };
+    isDragging?: boolean;
+    fullscreen?: boolean;
+    children: ReactNode;
+}
+export declare const ChatWindow: ({ open, position, isDragging, fullscreen, children, }: ChatWindowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/chat/index.d.ts

@@ -0,0 +1 @@
+export * from './chat-window';