@elicecontents/content-ui 0.0.0

package/cjs/components/badge/Badge.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var material = require('@mui/material');
+
+var EliceBadge = function EliceBadge(_a) {
+  var label = _a.label,
+    color = _a.color,
+    rest = tslib.__rest(_a, ["label", "color"]);
+  var theme = material.useTheme();
+  return jsxRuntime.jsx(material.Stack, Object.assign({
+    sx: {
+      borderRadius: '0.6875rem',
+      padding: '0.375rem 0.875rem',
+      color: '#fff',
+      width: 'fit-content',
+      backgroundColor: color === 'primary' ? theme.palette.primary.main : color === 'secondary' ? theme.palette.secondary.main : theme.palette.primary.dark
+    }
+  }, rest, {
+    children: jsxRuntime.jsx(material.Typography, {
+      variant: "subtitle1",
+      style: {
+        whiteSpace: 'nowrap'
+      },
+      children: label
+    })
+  }));
+};
+
+exports.default = EliceBadge;

package/cjs/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EliceBadge } from './Badge';
+export type { BadgeProps } from './Badge';

package/cjs/components/badge/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var Badge = require('./Badge.js');
+
+
+
+exports.EliceBadge = Badge.default;

package/cjs/components/button/Button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type ButtonProps } from '@mui/material';
+export interface EliceButtonProps extends ButtonProps {
+    children?: React.ReactNode;
+}
+declare const EliceButton: React.ForwardRefExoticComponent<Omit<EliceButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default EliceButton;

package/cjs/components/button/Button.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var material = require('@mui/material');
+
+var EliceButton = React.forwardRef(function (_a, ref) {
+  var children = _a.children,
+    _a$variant = _a.variant,
+    variant = _a$variant === void 0 ? 'contained' : _a$variant,
+    disabled = _a.disabled,
+    rest = tslib.__rest(_a, ["children", "variant", "disabled"]);
+  var theme = material.useTheme();
+  return jsxRuntime.jsx(material.Button, Object.assign({
+    ref: ref,
+    variant: variant,
+    disabled: disabled,
+    sx: {
+      width: 'fit-content',
+      borderRadius: '1rem',
+      padding: '0.75rem 1.25rem',
+      color: disabled ? theme.palette.text.disabled : variant === 'outlined' ? theme.palette.primary.main : theme.palette.common.white,
+      backgroundColor: variant === 'outlined' ? theme.palette.common.white : disabled ? theme.palette.grey[300] : theme.palette.primary.main,
+      fontFamily: 'inherit'
+    }
+  }, rest, {
+    children: jsxRuntime.jsx(material.Typography, {
+      variant: "subtitle1",
+      children: children
+    })
+  }));
+});
+
+exports.default = EliceButton;

package/cjs/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EliceButton } from './Button';
+export type { EliceButtonProps as ButtonProps } from './Button';

package/cjs/components/button/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var Button = require('./Button.js');
+
+
+
+exports.EliceButton = Button.default;

package/cjs/components/chat/AssistantAvatar.d.ts

@@ -0,0 +1,2 @@
+declare const AssistantAvatar: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default AssistantAvatar;

package/cjs/components/chat/AssistantAvatar.js

@@ -0,0 +1,162 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+var AssistantAvatar = function AssistantAvatar(props) {
+  return jsxRuntime.jsxs("svg", Object.assign({
+    width: "36",
+    height: "36",
+    viewBox: "0 0 36 36",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    children: [jsxRuntime.jsx("mask", {
+      id: "mask0_126_24810",
+      maskUnits: "userSpaceOnUse",
+      x: "0",
+      y: "0",
+      width: "36",
+      height: "36",
+      children: jsxRuntime.jsx("circle", {
+        cx: "18",
+        cy: "18",
+        r: "18",
+        fill: "#D9D9D9"
+      })
+    }), jsxRuntime.jsxs("g", {
+      mask: "url(#mask0_126_24810)",
+      children: [jsxRuntime.jsx("circle", {
+        cx: "18",
+        cy: "18",
+        r: "18",
+        fill: "#F1F1F6"
+      }), jsxRuntime.jsx("path", {
+        d: "M15.4502 31.1221C15.2243 30.7552 13.0394 28.6078 12.6163 28.4149C11.8395 27.4387 8.28283 20.9291 7.12702 20.387C5.73431 19.7348 2.52359 22.8981 3.24529 24.3084C3.41717 24.6434 7.38374 28.5483 8.71805 30.2285C11.325 33.5935 15.9846 31.9904 15.4502 31.1221Z",
+        fill: "white"
+      }), jsxRuntime.jsx("path", {
+        d: "M7.1105 21.9956C7.14907 22.0177 7.1678 22.065 7.15127 22.108C6.27312 24.3701 4.01328 24.5838 3.99014 24.586C3.94056 24.5904 3.89648 24.553 3.89208 24.5034C3.88767 24.4538 3.92513 24.4097 3.97471 24.4053C3.99675 24.4031 6.14531 24.1971 6.98049 22.043C6.99922 21.9967 7.05101 21.9725 7.09838 21.9912C7.10279 21.9923 7.1061 21.9945 7.1094 21.9967L7.1105 21.9956Z",
+        fill: "#CACACA"
+      }), jsxRuntime.jsx("path", {
+        d: "M12.1237 27.6481C12.1677 27.6547 12.2019 27.6921 12.2008 27.7384C12.1854 30.1646 10.1492 31.1684 10.1283 31.1783C10.0831 31.2004 10.0291 31.1805 10.0071 31.1353C9.98504 31.0902 10.0049 31.0362 10.05 31.0141C10.0699 31.0042 12.0047 30.0467 12.019 27.7373C12.019 27.6866 12.0598 27.647 12.1105 27.647C12.1149 27.647 12.1193 27.647 12.1237 27.647V27.6481Z",
+        fill: "#CACACA"
+      }), jsxRuntime.jsx("path", {
+        d: "M5.41928 25.3143C5.42259 25.3022 5.4292 25.2912 5.43801 25.2802C5.47107 25.2416 5.52836 25.2383 5.56582 25.2703C6.96073 26.4701 9.61393 29.8715 9.63376 29.8957C9.66571 29.9343 9.6602 29.9916 9.62164 30.0235C9.58307 30.0555 9.52578 30.05 9.49383 30.0114C9.47399 29.9861 6.83072 26.598 5.44683 25.408C5.41928 25.3837 5.40936 25.3463 5.41928 25.3132V25.3143Z",
+        fill: "#C2B4F9"
+      }), jsxRuntime.jsx("path", {
+        d: "M30.9088 35.8654C30.7788 34.5961 26.4728 28.3543 25.8084 27.2987C25.7666 26.836 25.6101 26.371 25.338 26.0372C24.6945 25.2461 21.9531 25.8289 21.2017 26.0945C20.2068 26.4459 19.0884 26.8723 18.4383 27.4618C18.4284 27.4519 18.4163 27.4431 18.4053 27.4343C18.3943 27.4442 18.3832 27.453 18.3722 27.4618C17.7221 26.8723 16.6038 26.4459 15.6088 26.0945C14.8574 25.8289 11.9078 22.6039 12.3067 33.9747C12.2913 35.6891 12.472 43.4217 13.1154 44.1611C14.1831 45.3896 17.2627 45.1747 17.5932 44.0134C17.7486 43.4702 17.7883 39.2458 17.7883 39.2458C17.7883 39.2458 17.9844 39.3119 18.4053 39.3119C18.8262 39.3119 19.0223 39.2458 19.0223 39.2458C19.0223 39.2458 19.0631 43.4702 19.2173 44.0134C19.5479 45.1747 22.6275 45.3896 23.6951 44.1611C24.3386 43.4206 24.5182 35.6891 24.5039 33.9747C25.0361 35.9745 26.1808 37.7198 26.4409 37.992C27.535 39.1379 31.0652 37.3959 30.9088 35.8665V35.8654Z",
+        fill: "white"
+      }), jsxRuntime.jsx("path", {
+        d: "M22.1792 32.669C22.1329 32.2789 21.9103 31.9671 21.5677 31.8139C21.1324 31.6189 20.7622 31.7522 20.4647 31.858C20.3358 31.9043 20.2135 31.9484 20.1 31.9605C19.797 31.9935 19.4951 31.8679 19.1326 31.7016L19.1282 31.6994C18.6566 31.4834 18.1685 31.2597 17.5934 31.4294C17.3565 31.4999 17.1758 31.6211 17.016 31.7291C16.8629 31.8327 16.7417 31.9142 16.6084 31.9285C16.4894 31.9418 16.41 31.912 16.28 31.8646C16.0971 31.7974 15.8459 31.7049 15.4768 31.7677C15.122 31.8283 14.8212 32.096 14.6912 32.4673C14.5557 32.8552 14.635 33.2805 14.8994 33.5769C15.2212 33.9372 15.7721 34.1487 16.4122 34.1575C16.431 34.1575 16.4497 34.1575 16.4684 34.1575C16.7957 34.1575 17.0954 34.1223 17.3862 34.087C17.6947 34.0507 18.0187 34.0121 18.3867 34.0132C18.9167 34.0143 19.3332 34.0562 19.699 34.0936C19.9315 34.1168 20.1518 34.1388 20.3711 34.1476C20.9341 34.1696 21.3682 34.0484 21.7351 33.7664C22.0558 33.5196 22.2299 33.0888 22.1803 32.669H22.1792Z",
+        fill: "white"
+      }), jsxRuntime.jsx("path", {
+        d: "M16.4672 34.2489H16.4099C15.7455 34.2401 15.1692 34.0175 14.831 33.6374C14.5445 33.3168 14.4586 32.8573 14.6051 32.4375C14.7461 32.0354 15.0745 31.7445 15.4612 31.6784C15.8546 31.6123 16.1289 31.7125 16.3107 31.7797C16.4374 31.826 16.5002 31.8491 16.5983 31.8392C16.7085 31.8271 16.822 31.7511 16.9641 31.6552C17.1294 31.5439 17.3167 31.4183 17.5668 31.3434C18.175 31.1638 18.6774 31.3941 19.1645 31.6178C19.5203 31.7808 19.8112 31.902 20.0889 31.8712C20.1914 31.8602 20.3081 31.8183 20.4326 31.7731C20.729 31.6662 21.1345 31.5208 21.6039 31.7312C21.9763 31.8976 22.2187 32.2359 22.2683 32.659C22.3212 33.1096 22.1328 33.5724 21.7879 33.839C21.4034 34.1354 20.9505 34.2632 20.3643 34.239C20.1418 34.2302 19.9203 34.2081 19.6867 34.1839C19.3209 34.1475 18.9077 34.1057 18.3833 34.1046H18.3645C18.0097 34.1046 17.6979 34.142 17.3949 34.1773C17.0996 34.2126 16.7966 34.2489 16.465 34.2489H16.4672ZM15.7157 31.8381C15.6463 31.8381 15.5725 31.8436 15.4921 31.858C15.1703 31.913 14.896 32.1577 14.777 32.4981C14.6525 32.8551 14.7252 33.2452 14.9665 33.5162C15.2717 33.8578 15.7984 34.0583 16.4121 34.066H16.4672C16.7878 34.066 17.0853 34.0308 17.3729 33.9966C17.688 33.9591 18.0141 33.9217 18.3855 33.9217C18.9198 33.9228 19.3374 33.9646 19.7054 34.0021C19.9379 34.0252 20.1561 34.0473 20.3732 34.0561C20.9141 34.077 21.3284 33.9624 21.6777 33.6936C21.973 33.4655 22.135 33.0678 22.0887 32.6788C22.0468 32.3218 21.843 32.0365 21.5301 31.8965C21.1279 31.7169 20.7918 31.837 20.4955 31.9439C20.361 31.9924 20.2332 32.0376 20.1098 32.0508C19.787 32.086 19.4719 31.9571 19.0939 31.7841C18.6334 31.5726 18.1618 31.3566 17.6186 31.5175C17.396 31.5836 17.2208 31.7015 17.0666 31.8051C16.909 31.9108 16.7735 32.0023 16.6181 32.0188C16.4782 32.0343 16.3812 31.999 16.2479 31.9494C16.1146 31.9009 15.9438 31.837 15.7157 31.837V31.8381Z",
+        fill: "#C2B4F9"
+      }), jsxRuntime.jsx("path", {
+        d: "M18.9727 32.052C19.3627 32.2305 19.7374 32.3869 20.1417 32.344C20.588 32.2966 20.9538 31.9605 21.4099 32.1655C21.9212 32.3947 21.9135 33.1417 21.4981 33.4612C21.1995 33.6915 20.8458 33.7819 20.3841 33.7631C19.8387 33.7411 19.2724 33.6309 18.3854 33.6287C17.6108 33.6265 17.0754 33.7808 16.4165 33.773C15.9074 33.7664 15.448 33.6144 15.1868 33.3213C14.8177 32.907 15.0733 32.2283 15.5427 32.1479C16.0474 32.0619 16.206 32.3594 16.6512 32.312C17.0632 32.268 17.3012 31.9187 17.7045 31.7997C18.143 31.6697 18.5199 31.8438 18.9738 32.052",
+        fill: "#7953F5"
+      }), jsxRuntime.jsx("path", {
+        d: "M29.2726 34.2224C29.2384 34.2224 29.2054 34.2026 29.1899 34.1695C28.4341 32.5091 25.9109 29.175 25.8922 29.1485C25.8635 29.1067 25.8746 29.0505 25.9164 29.0218C25.9583 28.9932 26.0145 29.0042 26.0431 29.0461C26.0619 29.0725 28.5939 32.4198 29.3563 34.0946C29.3773 34.1398 29.3563 34.1938 29.3111 34.2147C29.299 34.2202 29.2858 34.2224 29.2737 34.2224H29.2726Z",
+        fill: "#C2B4F9"
+      }), jsxRuntime.jsx("path", {
+        d: "M8.75773 28.8853C9.20618 28.4997 8.68832 27.4397 7.75177 26.5484C6.92871 25.7639 6.18277 25.7462 6.05386 26.2266C5.93376 26.6729 6.2621 27.3637 6.8637 28.0336C7.42783 28.6606 8.32031 29.2622 8.75773 28.8853Z",
+        fill: "#DDD6FB"
+      }), jsxRuntime.jsx("path", {
+        d: "M5.96023 26.6377C5.93048 26.4768 5.93268 26.3303 5.96684 26.2013C6.01642 26.0184 6.14423 25.8895 6.32824 25.8377C6.72048 25.7276 7.27691 25.9689 7.8146 26.4812C8.55502 27.1864 9.0244 27.9819 9.01118 28.5053C9.00677 28.6959 8.94066 28.8468 8.81615 28.9537C8.2994 29.3977 7.32428 28.6827 6.79541 28.0932C6.32824 27.5731 6.03625 27.0586 5.95912 26.6377H5.96023ZM8.81505 28.3202C8.72911 27.8519 8.3005 27.1952 7.69009 26.6134C7.11053 26.0614 6.62132 25.9446 6.37782 26.0129C6.25441 26.0471 6.17508 26.1264 6.14313 26.2487C6.03515 26.6498 6.33705 27.3098 6.93204 27.972C7.52041 28.6276 8.34347 29.1223 8.69936 28.816C8.7831 28.7444 8.82717 28.6375 8.83158 28.5009C8.83268 28.4447 8.82717 28.3841 8.81615 28.3202H8.81505Z",
+        fill: "#C2B4F9"
+      }), jsxRuntime.jsx("path", {
+        d: "M8.3413 29.0451C8.75669 28.6881 8.2774 27.7053 7.40916 26.8789C6.64559 26.1517 5.95475 26.1352 5.83575 26.5803C5.72447 26.9946 6.02857 27.6348 6.5861 28.2551C7.10836 28.8369 7.93583 29.3944 8.3424 29.0451H8.3413Z",
+        fill: "#7953F5"
+      }), jsxRuntime.jsx("path", {
+        d: "M26.5026 37.0069C26.4662 36.9805 26.4552 36.9309 26.4773 36.8901C27.6408 34.7603 29.9094 34.8418 29.9326 34.8429C29.9833 34.8451 30.0218 34.8881 30.0196 34.9377C30.0174 34.9884 29.9745 35.0269 29.9249 35.0247C29.9028 35.0247 27.7455 34.9509 26.6381 36.9783C26.6139 37.0223 26.5588 37.0389 26.5147 37.0146C26.5114 37.0124 26.507 37.0102 26.5037 37.008L26.5026 37.0069Z",
+        fill: "#CACACA"
+      }), jsxRuntime.jsx("path", {
+        d: "M17.3518 7.34349C10.3883 8.03213 5.34083 13.3705 6.5914 21.7113C7.18198 25.6503 10.3012 28.2374 12.852 28.991C14.7339 29.5464 16.9155 29.77 19.5433 29.51C22.1701 29.25 24.2658 28.6043 26.0033 27.6909C28.3568 26.4524 30.9098 23.3045 30.7169 19.3258C30.3104 10.9002 24.3142 6.65485 17.3518 7.34239V7.34349Z",
+        fill: "white"
+      }), jsxRuntime.jsx("path", {
+        d: "M16.7911 13.7771C16.5619 12.5651 16.0187 10.9113 14.7263 9.91301C13.955 9.31692 13.2719 9.23649 13.2653 9.23539L13.2851 9.05469C13.3137 9.05799 16.1531 9.40947 16.9707 13.7441L16.7922 13.7782L16.7911 13.7771Z",
+        fill: "#CACACA"
+      }), jsxRuntime.jsx("path", {
+        d: "M19.1611 13.5435L18.9793 13.5457C18.9661 12.2775 19.1842 10.4969 20.3004 9.22102C20.9736 8.45195 21.6468 8.23489 21.6755 8.22607L21.7295 8.39906C21.703 8.40788 19.1159 9.27501 19.1611 13.5435Z",
+        fill: "#CACACA"
+      }), jsxRuntime.jsx("path", {
+        d: "M12.5655 17.5111C14.0363 17.0341 14.8863 15.592 14.4641 14.2902C14.0419 12.9884 12.5073 12.3198 11.0364 12.7969C9.56563 13.2739 8.71557 14.716 9.1378 16.0178C9.56003 17.3196 11.0946 17.9882 12.5655 17.5111Z",
+        fill: "#DDD6FB"
+      }), jsxRuntime.jsx("path", {
+        d: "M11.911 17.7415C11.3976 17.7922 10.8863 17.7161 10.4246 17.5145C9.75363 17.2214 9.26662 16.7003 9.05397 16.0458C8.84132 15.3913 8.92947 14.6828 9.30078 14.0515C9.67099 13.4234 10.2781 12.9474 11.0097 12.7094C12.5258 12.2169 14.1147 12.9133 14.5521 14.2608C14.7647 14.9153 14.6766 15.6238 14.3053 16.2551C13.9351 16.8832 13.3279 17.3591 12.5963 17.5971C12.3705 17.671 12.1413 17.7183 11.9121 17.7415H11.911ZM11.7072 12.748C11.4945 12.7689 11.2797 12.813 11.0659 12.8824C10.3762 13.1061 9.80432 13.5545 9.45724 14.144C9.11237 14.7302 9.02973 15.3847 9.22586 15.9896C9.42198 16.5945 9.87373 17.0771 10.4963 17.3481C11.1232 17.6214 11.8493 17.6478 12.539 17.4242C13.2288 17.2005 13.8006 16.752 14.1477 16.1626C14.4926 15.5764 14.5752 14.9219 14.3791 14.317C14.0342 13.2537 12.9093 12.629 11.7072 12.7469V12.748Z",
+        fill: "#C2B4F9"
+      }), jsxRuntime.jsx("path", {
+        d: "M27.1037 14.2414C27.2629 12.8822 26.147 11.6345 24.6113 11.4546C23.0755 11.2747 21.7015 12.2308 21.5423 13.5901C21.3831 14.9494 22.499 16.1971 24.0348 16.3769C25.5705 16.5568 26.9445 15.6007 27.1037 14.2414Z",
+        fill: "#DDD6FB"
+      }), jsxRuntime.jsx("path", {
+        d: "M24.7186 16.4743C24.4938 16.4963 24.2602 16.4952 24.0244 16.4677C23.2598 16.3784 22.5711 16.0302 22.0852 15.487C21.5971 14.9405 21.3723 14.264 21.4528 13.5798C21.5332 12.8967 21.9078 12.2896 22.5094 11.8709C23.1077 11.4544 23.858 11.2748 24.6227 11.3651C26.206 11.5502 27.3596 12.846 27.1944 14.253C27.0544 15.4507 26.0044 16.3487 24.7186 16.4754V16.4743ZM23.9407 11.5381C23.4581 11.5855 23.0008 11.7497 22.613 12.0196C22.0555 12.4074 21.7073 12.9694 21.6335 13.6007C21.5596 14.2321 21.7679 14.859 22.2218 15.3658C22.678 15.876 23.3259 16.2032 24.0465 16.287C25.5306 16.4611 26.8616 15.5388 27.0148 14.231C27.1679 12.9231 26.0859 11.7188 24.6018 11.5447C24.3792 11.5183 24.1577 11.5172 23.9418 11.5381H23.9407Z",
+        fill: "#C2B4F9"
+      }), jsxRuntime.jsx("path", {
+        d: "M25.8106 25.744C24.0741 26.6574 21.9784 27.3041 19.3506 27.5631C16.7238 27.8231 14.5422 27.5994 12.6603 27.0441C10.1272 26.296 7.03549 23.7397 6.41406 19.847C6.4383 20.4508 6.4967 21.0722 6.59256 21.7113C7.18314 25.6503 10.3024 28.2374 12.8531 28.991C14.735 29.5464 16.9167 29.77 19.5434 29.51C22.1701 29.25 24.2658 28.6043 26.0034 27.6909C28.3569 26.4524 30.9098 23.3045 30.717 19.3258C30.6861 18.6802 30.6211 18.0587 30.5264 17.4626C30.6784 21.4006 28.1475 24.5143 25.8095 25.7429L25.8106 25.744Z",
+        fill: "#F0EEF9"
+      }), jsxRuntime.jsx("path", {
+        d: "M17.9854 13.7529C13.9594 14.1507 12.213 14.5363 10.7905 15.2294C8.77858 16.2089 8.23758 18.1117 8.80392 19.803C9.17744 20.9203 10.7024 22.5014 12.8553 22.1587C16.163 21.6321 16.2754 18.3035 18.414 18.0919",
+        fill: "#222323"
+      }), jsxRuntime.jsx("path", {
+        d: "M12.6526 22.4133C10.5315 22.6238 8.98237 21.0537 8.58792 19.8747C7.91911 17.876 8.74438 15.972 10.6902 15.0245C12.1898 14.294 14.0254 13.916 17.9622 13.5271L18.0074 13.9799C14.1312 14.3634 12.3352 14.7303 10.8896 15.4344C9.16087 16.2762 8.42706 17.963 9.01873 19.7315C9.37903 20.8068 10.8378 22.2502 12.8189 21.9351C14.5411 21.6608 15.3641 20.57 16.0913 19.607C16.726 18.7663 17.3254 17.973 18.3909 17.8672L18.436 18.32C17.5678 18.406 17.0521 19.0891 16.4538 19.8813C15.6749 20.9126 14.7923 22.0817 12.8905 22.3847C12.8101 22.3979 12.7308 22.4078 12.6526 22.4155V22.4133Z",
+        fill: "#222323"
+      }), jsxRuntime.jsx("path", {
+        d: "M17.9855 13.7528C22.0115 13.3551 23.7987 13.3903 25.3302 13.7914C27.4953 14.3588 28.3977 16.1174 28.174 17.888C28.0264 19.057 26.8408 20.9059 24.6625 20.9907C21.3163 21.1218 20.5538 17.8803 18.4152 18.0918",
+        fill: "#222323"
+      }), jsxRuntime.jsx("path", {
+        d: "M24.9115 21.2011C24.8333 21.2088 24.7528 21.2143 24.6713 21.2177C22.7464 21.2926 21.6512 20.3197 20.686 19.4602C19.9445 18.8003 19.3043 18.2317 18.4372 18.3177L18.392 17.8648C19.4586 17.759 20.2012 18.4201 20.9879 19.1209C21.8892 19.923 22.9106 20.832 24.6526 20.7637C24.7242 20.7604 24.7958 20.756 24.8652 20.7494C26.7405 20.5643 27.8104 18.9446 27.947 17.8593C28.1806 16.0093 27.1306 14.4987 25.2707 14.0117C23.7149 13.604 21.8826 13.5963 18.0064 13.9798L17.9612 13.5269C21.898 13.138 23.7722 13.149 25.3864 13.5721C27.4798 14.1208 28.6621 15.8264 28.3977 17.9166C28.2412 19.1495 27.0303 20.9918 24.9093 21.2022L24.9115 21.2011Z",
+        fill: "#222323"
+      }), jsxRuntime.jsx("path", {
+        d: "M14.324 18.3331C14.8011 18.3331 15.1879 17.9464 15.1879 17.4693C15.1879 16.9922 14.8011 16.6055 14.324 16.6055C13.847 16.6055 13.4602 16.9922 13.4602 17.4693C13.4602 17.9464 13.847 18.3331 14.324 18.3331Z",
+        fill: "white"
+      }), jsxRuntime.jsx("path", {
+        d: "M23.639 15.9476C21.8639 15.5312 20.923 16.9338 20.923 16.9338C20.923 16.9338 22.1537 16.547 23.6169 17.1486",
+        stroke: "white",
+        "stroke-width": "0.330547",
+        "stroke-linejoin": "bevel"
+      }), jsxRuntime.jsx("path", {
+        d: "M13.2729 8.81779L13.2608 8.80897C12.9457 8.55886 12.3077 8.08508 11.5739 7.71927C10.3828 7.12539 9.46059 7.07801 8.83145 7.57934C8.38961 7.93082 8.28384 8.7043 8.50641 9.94275C8.65736 10.779 8.90417 11.5294 8.90747 11.5371C8.95485 11.6803 9.08156 11.7806 9.23141 11.7949C9.25565 11.7971 9.27989 11.7971 9.30413 11.7949C9.35481 11.7894 9.40329 11.7751 9.44736 11.7508C9.51017 11.7167 9.56195 11.6649 9.59721 11.6021C9.59942 11.5988 9.81317 11.2242 10.3354 10.7867C10.8357 10.367 11.7259 9.80172 13.1208 9.4921C13.252 9.46566 13.3599 9.3698 13.4029 9.24309C13.4558 9.08774 13.4029 8.91805 13.2718 8.81999L13.2729 8.81779Z",
+        fill: "#7953F5"
+      }), jsxRuntime.jsx("path", {
+        d: "M21.8253 8.12797C22.0788 7.82827 22.5999 7.25092 23.2313 6.76171C24.2064 6.00586 25.0184 5.78659 25.6465 6.10943C26.0608 6.32208 26.2811 7.01402 26.3032 8.16323C26.3186 8.98629 26.2282 9.74104 26.2238 9.77299C26.2172 9.83139 26.1753 9.87987 26.1192 9.8964C26.0905 9.90521 26.0608 9.90411 26.0332 9.8964C26.0057 9.88868 25.9825 9.87216 25.9638 9.85012C25.9605 9.84681 25.6608 9.49533 25.0151 9.14275C24.419 8.81661 23.3987 8.42105 21.9201 8.3902C21.8683 8.3902 21.8187 8.36156 21.7923 8.31638C21.7592 8.26019 21.7681 8.18967 21.811 8.14229L21.8231 8.12797H21.8253Z",
+        fill: "#7953F5"
+      }), jsxRuntime.jsx("path", {
+        d: "M26.1147 10.129C26.0651 10.1334 26.0144 10.129 25.9659 10.1135C25.8976 10.0926 25.837 10.0518 25.7919 9.99784C25.7897 9.99454 25.5054 9.6695 24.9082 9.34226C24.3352 9.02824 23.3513 8.64811 21.9178 8.61836C21.7878 8.61836 21.6644 8.54564 21.5983 8.43105C21.5168 8.29002 21.5344 8.11483 21.6435 7.99363L21.6534 7.98261C21.9134 7.6752 22.4456 7.08572 23.0935 6.58329C24.1446 5.76904 25.0382 5.54207 25.7522 5.90897C26.2535 6.1668 26.508 6.90392 26.5323 8.1611C26.5477 8.97976 26.4618 9.72018 26.4518 9.80172C26.4331 9.95047 26.3295 10.0739 26.1863 10.1157C26.1632 10.1223 26.14 10.1268 26.1158 10.1301L26.1147 10.129ZM22.0908 8.16882C23.5287 8.22611 24.5303 8.61836 25.1253 8.9434C25.5737 9.1891 25.8657 9.43481 26.0166 9.57915C26.0431 9.31031 26.0871 8.75499 26.0761 8.16882C26.0497 6.77942 25.7313 6.4092 25.5428 6.31224C25.0007 6.03348 24.2691 6.24503 23.3712 6.94138C22.8235 7.36559 22.3619 7.8581 22.0908 8.16771V8.16882ZM21.9234 8.16331C21.9234 8.16331 21.9245 8.16331 21.9256 8.16331C21.9256 8.16331 21.9245 8.16331 21.9234 8.16331Z",
+        fill: "#7953F5"
+      }), jsxRuntime.jsx("path", {
+        d: "M26.0508 17.9012L25.3621 18.3805L25.3522 18.2791L26.1213 18.614L25.9847 18.9248L25.2365 18.5821L25.2916 18.5391L25.3765 19.3368L25.0547 19.3688L24.9809 18.57L25.0437 18.6019L24.3771 19.0845L24.1821 18.8069L24.8762 18.3265L24.8862 18.4278L24.1116 18.0929L24.2482 17.7767L24.9963 18.1248L24.9412 18.1678L24.8575 17.3701L25.1792 17.3381L25.2531 18.137L25.1903 18.105L25.8558 17.6169L26.0519 17.9001L26.0508 17.9012Z",
+        fill: "white"
+      }), jsxRuntime.jsx("path", {
+        d: "M12.8289 19.2081L12.1402 19.6873L12.1303 19.586L12.8994 19.9209L12.7627 20.2316L12.0146 19.889L12.0697 19.846L12.1545 20.6437L11.8328 20.6757L11.759 19.8769L11.8218 19.9088L11.1552 20.3914L10.9602 20.1137L11.6543 19.6334L11.6642 19.7347L10.8896 19.3998L11.0263 19.0835L11.7744 19.4317L11.7193 19.4747L11.6356 18.677L11.9573 18.645L12.0311 19.4438L11.9683 19.4119L12.6338 18.9238L12.83 19.2069L12.8289 19.2081Z",
+        fill: "white"
+      }), jsxRuntime.jsx("path", {
+        d: "M9.21048 10.6787C9.18183 10.6821 9.15098 10.6699 9.13115 10.6457C9.09919 10.6071 9.1047 10.5498 9.14327 10.5179L9.55315 10.1785C9.44517 9.92069 9.07716 8.96211 9.30854 8.474C9.4044 8.27126 9.55315 8.13464 9.75037 8.06853C10.1757 7.92529 10.6968 8.15777 10.9007 8.26465C11.2698 8.45747 11.543 8.7175 11.6532 8.83209L12.0267 8.5963C12.0697 8.56986 12.1259 8.58198 12.1523 8.62495C12.1788 8.66792 12.1667 8.72301 12.1237 8.75056L11.6202 9.06898L11.5684 9.00948C11.5684 9.00948 11.2599 8.658 10.8158 8.42552C10.6329 8.32966 10.168 8.12031 9.80767 8.24151C9.65672 8.2922 9.54653 8.39356 9.47161 8.55223C9.2832 8.95109 9.60603 9.85458 9.74597 10.1686L9.77351 10.2314L9.25896 10.6578C9.24463 10.6699 9.22701 10.6765 9.21048 10.6787Z",
+        fill: "white"
+      }), jsxRuntime.jsx("path", {
+        d: "M22.3045 20.2592C22.0324 19.0604 20.7388 17.7041 18.3997 17.9354C16.0605 18.1668 15.0578 19.7501 15.0248 20.9787C14.9642 23.2473 17.1921 24.4604 19.0266 24.2786C20.8611 24.0968 22.8081 22.4716 22.3045 20.2592Z",
+        fill: "#C2B4F9"
+      }), jsxRuntime.jsx("path", {
+        d: "M18.6013 19.9652C19.3341 19.8928 19.8767 19.3151 19.8134 18.675C19.7501 18.0349 19.1048 17.5748 18.372 17.6473C17.6393 17.7198 17.0966 18.2975 17.1599 18.9375C17.2233 19.5776 17.8686 20.0377 18.6013 19.9652Z",
+        fill: "#222323"
+      }), jsxRuntime.jsx("path", {
+        d: "M18.7975 21.9646C18.2201 22.0219 17.4224 21.72 17.0379 20.9234C16.9839 20.811 16.996 20.6601 17.0665 20.5874C17.1371 20.5146 18.0461 20.3637 18.6333 20.3053C19.2206 20.2469 20.1428 20.2172 20.2255 20.2755C20.3081 20.3328 20.35 20.4783 20.3191 20.5995C20.0977 21.4567 19.376 21.9085 18.7975 21.9657V21.9646Z",
+        fill: "#7953F5"
+      }), jsxRuntime.jsx("path", {
+        d: "M25.9879 9.01947C25.9703 9.02167 25.9527 9.01837 25.9362 9.00845L25.3478 8.69113L25.3632 8.62392C25.4392 8.28786 25.5781 7.33919 25.3158 6.9855C25.2112 6.84447 25.0844 6.76624 24.9258 6.74641C24.5501 6.69793 24.1347 6.99542 23.9727 7.12433C23.5816 7.43945 23.3513 7.83942 23.3491 7.84382L23.3105 7.91214L22.7541 7.69838C22.7067 7.68075 22.6836 7.62787 22.7023 7.58049C22.7199 7.53421 22.7728 7.50997 22.8202 7.5287L23.2323 7.68736C23.3182 7.55294 23.5353 7.24443 23.8592 6.9833C24.0388 6.83896 24.5027 6.50952 24.9489 6.56571C25.1561 6.59215 25.3279 6.69682 25.4613 6.87642C25.783 7.31054 25.61 8.32202 25.5549 8.59637L26.0232 8.84869C26.0673 8.87293 26.0838 8.92802 26.0596 8.97209C26.0441 8.99964 26.0177 9.01616 25.9879 9.01947Z",
+        fill: "white"
+      }), jsxRuntime.jsx("path", {
+        d: "M8.35775 25.5271C8.31368 25.5315 8.27181 25.5029 8.26079 25.4577C7.69004 23.0998 9.42321 21.6333 9.44084 21.6189C9.47941 21.587 9.5367 21.5925 9.56865 21.6311C9.60061 21.6696 9.5951 21.7269 9.55653 21.7589C9.54001 21.7732 7.89388 23.1692 8.43708 25.4147C8.4492 25.4632 8.41945 25.5128 8.36987 25.5249C8.36546 25.5249 8.36105 25.5271 8.35775 25.5271Z",
+        fill: "#CACACA"
+      }), jsxRuntime.jsx("path", {
+        d: "M29.7331 23.4136C29.7331 23.4136 29.7243 23.4136 29.7199 23.4136C29.6692 23.4114 29.6307 23.3696 29.6329 23.3189C29.7265 21.0062 27.8391 19.9627 27.8193 19.9528C27.7752 19.9286 27.7587 19.8735 27.7818 19.8294C27.806 19.7853 27.8611 19.7688 27.9052 19.7919C27.925 19.803 29.9127 20.9004 29.8136 23.3255C29.8114 23.3718 29.7761 23.4081 29.732 23.4125L29.7331 23.4136Z",
+        fill: "#CACACA"
+      }), jsxRuntime.jsx("path", {
+        d: "M25.0371 5.73703C25.2916 5.73703 25.5307 5.79432 25.7511 5.90781C26.2524 6.16564 26.5069 6.90276 26.5312 8.15994C26.5466 8.9786 26.4607 9.71902 26.4508 9.80056C26.4474 9.8237 26.4419 9.84683 26.4353 9.86887C28.888 11.8951 30.5132 15.0794 30.7181 19.3258C30.9098 23.3045 28.358 26.4524 26.0045 27.6909C24.268 28.6043 22.1724 29.2511 19.5445 29.51C18.8063 29.5827 18.1033 29.618 17.4323 29.618C15.7157 29.618 14.2073 29.3899 12.8542 28.991C10.3035 28.2385 7.18426 25.6503 6.59368 21.7113C5.96344 17.5078 6.93304 14.0679 8.93946 11.6009C8.92845 11.58 8.91743 11.5591 8.90971 11.5359C8.90751 11.5282 8.6596 10.7779 8.50865 9.94159C8.28498 8.70314 8.39186 7.92966 8.83369 7.57818C9.12126 7.349 9.47054 7.23551 9.87822 7.23551C10.363 7.23551 10.9305 7.39638 11.5761 7.71921C12.094 7.97704 12.5623 8.28885 12.9049 8.53787C14.2514 7.90762 15.7509 7.50215 17.353 7.34349C17.84 7.29501 18.3226 7.27187 18.7997 7.27187C19.8905 7.27187 20.9471 7.39748 21.952 7.64429C22.2385 7.33357 22.6373 6.93692 23.0935 6.58323C23.8185 6.0202 24.4697 5.73813 25.0382 5.73813M25.0371 5.07593C24.3198 5.07593 23.5287 5.40648 22.6869 6.05986C22.3685 6.30667 22.049 6.59315 21.7316 6.91488C20.7885 6.71214 19.8034 6.60967 18.7975 6.60967C18.3006 6.60967 17.7915 6.63502 17.2858 6.6846C15.7498 6.83665 14.302 7.20466 12.9743 7.77871C12.5997 7.52529 12.2295 7.30603 11.8681 7.12643C11.1321 6.75952 10.4622 6.57331 9.87491 6.57331C9.31519 6.57331 8.82487 6.73749 8.4194 7.06032C7.55447 7.74896 7.68338 9.1009 7.85637 10.0584C7.95994 10.6346 8.10538 11.1657 8.19573 11.472C6.11218 14.2068 5.33099 17.7712 5.93699 21.8082C6.56613 25.9996 9.865 28.7971 12.6647 29.6235C14.1566 30.0642 15.7146 30.278 17.4301 30.278C18.1298 30.278 18.8625 30.2405 19.6073 30.1667C22.179 29.9122 24.3716 29.2929 26.3097 28.2737C28.8935 26.9152 31.5808 23.5249 31.377 19.2917C31.1798 15.2138 29.7155 11.8698 27.135 9.59562C27.1636 9.27499 27.2022 8.72848 27.1912 8.14451C27.1724 7.17271 27.0347 5.82297 26.053 5.31723C25.739 5.15527 25.3963 5.07373 25.036 5.07373L25.0371 5.07593Z",
+        fill: "#DFD5FE"
+      })]
+    })]
+  }));
+};
+
+exports.default = AssistantAvatar;

package/cjs/components/chat/Chat.d.ts

@@ -0,0 +1,14 @@
+export interface EliceChatProps {
+    placeholder?: string;
+    messages: {
+        role: 'system' | 'user' | 'assistant';
+        content: string;
+    }[];
+    content: string;
+    onReset: () => void;
+    onChange: (text: string) => void;
+    onSend: (text: string) => void;
+    onRecord?: () => void;
+}
+declare const EliceChat: ({ placeholder, messages, content, onReset, onSend, onChange, onRecord, }: EliceChatProps) => import("react/jsx-runtime").JSX.Element;
+export default EliceChat;

package/cjs/components/chat/Chat.js

@@ -0,0 +1,168 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var material = require('@mui/material');
+var IconButton = require('../icon-button/IconButton.js');
+var tokenColorTemporary = require('../tokenColorTemporary.js');
+var AssistantAvatar = require('./AssistantAvatar.js');
+var UserAvatar = require('./UserAvatar.js');
+var Micro = require('../../icons/Micro.js');
+var Reset = require('../../icons/Reset.js');
+var Send = require('../../icons/Send.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
+
+var StyledScrollBarStack = /*#__PURE__*/_styled__default.default(material.Stack, {
+  target: "e1i7zt1"
+})("overflow:auto;::-webkit-scrollbar{width:0.25rem;}::-webkit-scrollbar-track{background:", tokenColorTemporary.gray200Color, ";border-radius:0.5rem;}::-webkit-scrollbar-thumb{background:", function (props) {
+  var _a;
+  return (_a = props.ScrollbarThumb) !== null && _a !== void 0 ? _a : tokenColorTemporary.main300Color;
+}, ";border-radius:0.5rem;}::-webkit-scrollbar-thumb:hover{background:", function (props) {
+  var _a;
+  return (_a = props.ScrollbarHover) !== null && _a !== void 0 ? _a : tokenColorTemporary.main400Color;
+}, ";}");
+var StyledInput = /*#__PURE__*/_styled__default.default(material.Input, {
+  target: "e1i7zt0"
+})("width:100%;border:none!important;background-color:transparent;font-size:1.375rem;font-weight:700;line-height:'1.925rem';outline:none;resize:none;color:", tokenColorTemporary.secondaryColor, ";::placeholder{color:", tokenColorTemporary.gray300Color, ";}::before{border:none;}:hover{::before{border:none!important;}}::after{border-bottom:none!important;}::-webkit-scrollbar{width:0.25rem;}::-webkit-scrollbar-track{background:", tokenColorTemporary.gray200Color, ";border-radius:0.5rem;}::-webkit-scrollbar-thumb{background:", tokenColorTemporary.main300Color, ";border-radius:0.5rem;}::-webkit-scrollbar-thumb:hover{background:", tokenColorTemporary.main400Color, ";}");
+var EliceChat = function EliceChat(_ref) {
+  var _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'AI와 대화를 시작해 보세요' : _ref$placeholder,
+    _ref$messages = _ref.messages,
+    messages = _ref$messages === void 0 ? [] : _ref$messages,
+    _ref$content = _ref.content,
+    content = _ref$content === void 0 ? '' : _ref$content,
+    onReset = _ref.onReset,
+    onSend = _ref.onSend,
+    _onChange = _ref.onChange,
+    onRecord = _ref.onRecord;
+  var theme = material.useTheme();
+  var _useState = React.useState(messages),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    simulateMessages = _useState2[0],
+    setSimulatesMessage = _useState2[1];
+  var _useState3 = React.useState(content),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  var handleSend = function handleSend() {
+    setSimulatesMessage([].concat(_rollupPluginBabelHelpers.toConsumableArray(simulateMessages), [{
+      role: 'user',
+      content: inputValue.trim()
+    }]));
+    onSend(inputValue);
+    setInputValue('');
+  };
+  var handleReset = function handleReset() {
+    setSimulatesMessage([]);
+    onReset();
+  };
+  return jsxRuntime.jsxs(material.Stack, {
+    height: "fit-content",
+    maxHeight: "100%",
+    minWidth: "30rem",
+    maxWidth: "100%",
+    border: "2px solid ".concat(tokenColorTemporary.gray200Color),
+    borderRadius: "1.5rem",
+    p: "1.5rem",
+    gap: "1.75rem",
+    children: [jsxRuntime.jsx(StyledScrollBarStack, {
+      height: "24.5rem",
+      border: simulateMessages.length === 0 ? "1px solid ".concat(tokenColorTemporary.gray100Color) : 'none',
+      borderRadius: "1.125rem",
+      justifyContent: simulateMessages.length === 0 ? 'center' : 'unset',
+      alignItems: simulateMessages.length === 0 ? 'center' : 'unset',
+      gap: "1rem",
+      ScrollbarThumb: theme.palette.primary.light,
+      ScrollbarHover: theme.palette.secondary.main,
+      children: simulateMessages.length === 0 ? jsxRuntime.jsx(material.Typography, {
+        color: tokenColorTemporary.textQuaternaryColor,
+        fontSize: "2rem",
+        fontWeight: 700,
+        children: placeholder
+      }) : simulateMessages.map(function (msg) {
+        if (msg.role === 'system') return;
+        var isAssistant = msg.role === 'assistant';
+        return jsxRuntime.jsxs(material.Stack, {
+          direction: isAssistant ? 'row' : 'row-reverse',
+          gap: "0.5rem",
+          alignSelf: isAssistant ? 'flex-start' : 'flex-end',
+          alignItems: "center",
+          children: [jsxRuntime.jsx(material.Stack, {
+            flexShrink: 0,
+            children: isAssistant ? jsxRuntime.jsx(AssistantAvatar.default, {}) : jsxRuntime.jsx(UserAvatar.default, {})
+          }), jsxRuntime.jsxs(material.Stack, {
+            gap: 0,
+            direction: isAssistant ? 'row' : 'row-reverse',
+            alignItems: "center",
+            children: [jsxRuntime.jsx(material.Box, {
+              width: 0,
+              height: 0,
+              borderTop: "5px solid transparent",
+              borderBottom: "5px solid transparent",
+              style: isAssistant ? {
+                borderRight: "5px solid ".concat(tokenColorTemporary.gray50Color)
+              } : {
+                borderLeft: "5px solid ".concat(theme.palette.primary.light)
+              }
+            }), jsxRuntime.jsx(material.Typography, {
+              style: {
+                color: isAssistant ? tokenColorTemporary.textTeriaryColor : theme.palette.primary.main,
+                fontSize: '1rem',
+                fontWeight: isAssistant ? 500 : 700,
+                backgroundColor: isAssistant ? tokenColorTemporary.gray50Color : theme.palette.primary.light,
+                borderRadius: '1rem',
+                padding: '0.75rem'
+              },
+              children: msg.content
+            })]
+          })]
+        });
+      })
+    }), jsxRuntime.jsxs(material.Stack, {
+      direction: "row",
+      minHeight: "3.875rem",
+      bgcolor: tokenColorTemporary.gray50Color,
+      borderRadius: "1.125rem",
+      p: "0.5rem 1rem",
+      gap: "0.625rem",
+      children: [jsxRuntime.jsx(material.Stack, {
+        flexGrow: 1,
+        maxHeight: "14.625rem",
+        children: jsxRuntime.jsx(StyledInput, {
+          multiline: true,
+          style: {
+            overflow: 'auto',
+            height: '100%',
+            fontSize: '1rem',
+            fontWeight: 700
+          },
+          value: inputValue,
+          onChange: function onChange(e) {
+            setInputValue(e.target.value);
+            _onChange(e.target.value);
+          }
+        })
+      }), onRecord && jsxRuntime.jsx(IconButton.default, {
+        onClick: onRecord,
+        children: jsxRuntime.jsx(Micro.default, {})
+      }), jsxRuntime.jsx(IconButton.default, {
+        onClick: handleReset,
+        disabled: simulateMessages.length === 0,
+        children: jsxRuntime.jsx(Reset.default, {})
+      }), jsxRuntime.jsx(IconButton.default, {
+        onClick: handleSend,
+        disabled: inputValue.trim().length === 0,
+        children: jsxRuntime.jsx(Send.default, {})
+      })]
+    })]
+  });
+};
+
+exports.default = EliceChat;

package/cjs/components/chat/UserAvatar.d.ts

@@ -0,0 +1,2 @@
+declare const UserAvatar: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default UserAvatar;