@shapesos/clay 0.8.0 → 0.8.1

package/dist/index.cjs

@@ -16754,7 +16754,6 @@ function typographyMixin(type) {
 }
 
 // src/components/chat/chat-message-content/chat-message-content.tsx
-var import_react3 = require("react");
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 var import_remark_breaks = __toESM(require("remark-breaks"), 1);
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
@@ -16940,21 +16939,17 @@ function ChatMessageContent({ content: content2, messageId }) {
     const t = line.trim();
     return !(t.startsWith("<!-- table-title:") && t.endsWith("-->"));
   }).join("\n");
-  const markdownComponents = (0, import_react3.useMemo)(
-    () => ({
-      table: ((tableProps) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ScrollableTable, { ...tableProps, messageId, counter }))
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- counter is intentionally a fresh object each render for sequential table indexing
-    [messageId]
-  );
+  const markdownComponents = {
+    table: ((tableProps) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ScrollableTable, { ...tableProps, messageId, counter }))
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ContentWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default, import_remark_breaks.default], components: markdownComponents, children: sanitizedContent }) });
 }
 
 // src/components/chat/chat-message-actions/chat-message-actions.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // node_modules/@tabler/icons-react/dist/esm/createReactComponent.mjs
-var import_react4 = require("react");
+var import_react3 = require("react");
 
 // node_modules/@tabler/icons-react/dist/esm/defaultAttributes.mjs
 var defaultAttributes = {
@@ -16981,8 +16976,8 @@ var defaultAttributes = {
 
 // node_modules/@tabler/icons-react/dist/esm/createReactComponent.mjs
 var createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
-  const Component = (0, import_react4.forwardRef)(
-    ({ color = "currentColor", size = 24, stroke = 2, title, className, children, ...rest }, ref) => (0, import_react4.createElement)(
+  const Component = (0, import_react3.forwardRef)(
+    ({ color = "currentColor", size = 24, stroke = 2, title, className, children, ...rest }, ref) => (0, import_react3.createElement)(
       "svg",
       {
         ref,
@@ -16999,8 +16994,8 @@ var createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
         ...rest
       },
       [
-        title && (0, import_react4.createElement)("title", { key: "svg-title" }, title),
-        ...iconNode.map(([tag, attrs]) => (0, import_react4.createElement)(tag, attrs)),
+        title && (0, import_react3.createElement)("title", { key: "svg-title" }, title),
+        ...iconNode.map(([tag, attrs]) => (0, import_react3.createElement)(tag, attrs)),
         ...Array.isArray(children) ? children : [children]
       ]
     )
@@ -17026,7 +17021,7 @@ var __iconNode4 = [["path", { "d": "M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7
 var IconThumbUp = createReactComponent("outline", "thumb-up", "ThumbUp", __iconNode4);
 
 // src/components/icon/icon.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/components/icon/icon-styles.ts
 var import_styled_components3 = __toESM(require("styled-components"), 1);
@@ -17053,7 +17048,7 @@ var IconWrapper = import_styled_components3.default.span`
 // src/components/icon/icon.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var DEFAULT_SIZE = 16;
-var Icon = (0, import_react5.forwardRef)(function Icon2({ icon: IconComponent, size = DEFAULT_SIZE, color, className, "aria-label": ariaLabel }, ref) {
+var Icon = (0, import_react4.forwardRef)(function Icon2({ icon: IconComponent, size = DEFAULT_SIZE, color, className, "aria-label": ariaLabel }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     IconWrapper,
     {
@@ -17146,7 +17141,7 @@ function IconButton({
 }
 
 // src/components/chat/hooks/use-copy-to-clipboard.ts
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // src/utils/clipboard.ts
 function copyToClipboard(text2, options) {
@@ -17174,14 +17169,14 @@ function markdownToPlainText(markdown) {
 // src/components/chat/hooks/use-copy-to-clipboard.ts
 var RESET_DELAY_MS = 2e3;
 function useCopyToClipboard() {
-  const [isCopied, setIsCopied] = (0, import_react6.useState)(false);
-  const timeoutRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const [isCopied, setIsCopied] = (0, import_react5.useState)(false);
+  const timeoutRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
   }, []);
-  const copy = (0, import_react6.useCallback)((text2) => {
+  const copy = (0, import_react5.useCallback)((text2) => {
     copyToClipboard(markdownToPlainText(text2), {
       onSuccess: () => {
         setIsCopied(true);
@@ -17225,14 +17220,14 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 function ChatMessageActions({ className, messageId, content: content2, role, isHelpful }) {
   const { onCopyMessage, onThumbUpClick, onThumbDownClick } = useChatContext();
   const { isCopied, copy } = useCopyToClipboard();
-  const handleCopy = (0, import_react7.useCallback)(() => {
+  const handleCopy = (0, import_react6.useCallback)(() => {
     copy(content2);
     onCopyMessage?.(messageId);
   }, [content2, messageId, copy, onCopyMessage]);
-  const handleThumbUp = (0, import_react7.useCallback)(() => {
+  const handleThumbUp = (0, import_react6.useCallback)(() => {
     onThumbUpClick?.(messageId, isHelpful === true ? null : true);
   }, [messageId, isHelpful, onThumbUpClick]);
-  const handleThumbDown = (0, import_react7.useCallback)(() => {
+  const handleThumbDown = (0, import_react6.useCallback)(() => {
     onThumbDownClick?.(messageId, isHelpful === false ? null : false);
   }, [messageId, isHelpful, onThumbDownClick]);
   const isAssistant = role === MESSAGE_ROLE.ASSISTANT;
@@ -17380,7 +17375,7 @@ function IconCtrl(props) {
 }
 
 // src/components/lottie/lottie.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // src/components/lottie/lottie-styles.ts
 var import_styled_components8 = __toESM(require("styled-components"), 1);
@@ -17396,7 +17391,7 @@ var LottieContainer = import_styled_components8.default.div`
 `;
 
 // src/components/lottie/use-lottie.ts
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_lottie_web = __toESM(require_lottie(), 1);
 function useLottie({
   animationData: animationData2,
@@ -17411,17 +17406,17 @@ function useLottie({
   onLoopComplete,
   onEnterFrame
 }) {
-  const containerRef = (0, import_react8.useRef)(null);
-  const animationRef = (0, import_react8.useRef)(null);
-  const onAnimationLoadedRef = (0, import_react8.useRef)(onAnimationLoaded);
-  const onCompleteRef = (0, import_react8.useRef)(onComplete);
-  const onLoopCompleteRef = (0, import_react8.useRef)(onLoopComplete);
-  const onEnterFrameRef = (0, import_react8.useRef)(onEnterFrame);
+  const containerRef = (0, import_react7.useRef)(null);
+  const animationRef = (0, import_react7.useRef)(null);
+  const onAnimationLoadedRef = (0, import_react7.useRef)(onAnimationLoaded);
+  const onCompleteRef = (0, import_react7.useRef)(onComplete);
+  const onLoopCompleteRef = (0, import_react7.useRef)(onLoopComplete);
+  const onEnterFrameRef = (0, import_react7.useRef)(onEnterFrame);
   onAnimationLoadedRef.current = onAnimationLoaded;
   onCompleteRef.current = onComplete;
   onLoopCompleteRef.current = onLoopComplete;
   onEnterFrameRef.current = onEnterFrame;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!containerRef.current) return;
     const anim = import_lottie_web.default.loadAnimation({
       container: containerRef.current,
@@ -17514,7 +17509,7 @@ function createLottieRef(animationRef) {
 
 // src/components/lottie/lottie.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Lottie = (0, import_react9.forwardRef)(function Lottie2({
+var Lottie = (0, import_react8.forwardRef)(function Lottie2({
   animationData: animationData2,
   autoplay,
   loop,
@@ -17544,7 +17539,7 @@ var Lottie = (0, import_react9.forwardRef)(function Lottie2({
     onLoopComplete,
     onEnterFrame
   });
-  (0, import_react9.useImperativeHandle)(ref, () => createLottieRef(animationRef), [animationRef]);
+  (0, import_react8.useImperativeHandle)(ref, () => createLottieRef(animationRef), [animationRef]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     LottieContainer,
     {
@@ -17559,7 +17554,7 @@ var Lottie = (0, import_react9.forwardRef)(function Lottie2({
 });
 
 // src/components/text-area/text-area.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 
 // src/utils/merge-refs.ts
 function mergeRefs(...refs) {
@@ -17600,16 +17595,16 @@ var StyledTextArea = import_styled_components9.default.textarea`
 
 // src/components/text-area/text-area.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var TextArea = (0, import_react10.forwardRef)(function TextArea2({ value: value2, onChange, placeholder, maxHeight, rows = 1, autoFocus, onKeyDown, disabled, className }, externalRef) {
-  const internalRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useLayoutEffect)(() => {
+var TextArea = (0, import_react9.forwardRef)(function TextArea2({ value: value2, onChange, placeholder, maxHeight, rows = 1, autoFocus, onKeyDown, disabled, className }, externalRef) {
+  const internalRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useLayoutEffect)(() => {
     const el = internalRef.current;
     if (el) {
       el.style.height = "auto";
       el.style.height = `${el.scrollHeight}px`;
     }
   }, [value2]);
-  const handleChange = (0, import_react10.useCallback)(
+  const handleChange = (0, import_react9.useCallback)(
     (e) => {
       onChange(e.target.value);
     },
@@ -17699,7 +17694,7 @@ function convertTableToCSV(table) {
 }
 
 // src/components/button/button.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 
 // src/components/button/button-styles.ts
 var import_styled_components10 = __toESM(require("styled-components"), 1);
@@ -17797,7 +17792,7 @@ var ICON_POSITION = {
 
 // src/components/button/button.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var Button2 = (0, import_react11.forwardRef)(function Button3({
+var Button2 = (0, import_react10.forwardRef)(function Button3({
   children,
   variant = BUTTON_VARIANT.SOLID,
   size = BUTTON_SIZE.M,