@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/native/components/ChatInput/ChatInputActionBar.js

@@ -0,0 +1,17 @@
+import 'react';
+import '../Box/BaseBox/index.js';
+import '../Button/index.js';
+import '../Link/index.js';
+import '../Icons/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import Link from '../Link/Link/Link.js';
+import PlusIcon from '../Icons/PlusIcon/PlusIcon.js';
+import Button from '../Button/Button/Button.js';
+import StopCircleIcon from '../Icons/StopCircleIcon/StopCircleIcon.js';
+import ArrowUpIcon from '../Icons/ArrowUpIcon/ArrowUpIcon.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ChatInput/ChatInputActionBar.tsx";var ChatInputActionBar=function ChatInputActionBar(_ref){var isDisabled=_ref.isDisabled,isGenerating=_ref.isGenerating,isSubmitDisabled=_ref.isSubmitDisabled,_ref$hideFileUpload=_ref.hideFileUpload,hideFileUpload=_ref$hideFileUpload===void 0?false:_ref$hideFileUpload,onUploadClick=_ref.onUploadClick,onSubmit=_ref.onSubmit,onStop=_ref.onStop;return jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"spacing.5",children:[hideFileUpload?jsx(BaseBox,{}):jsx(BaseBox,{display:"flex",alignItems:"center",children:jsx(Link,{variant:"button",color:"neutral",size:"small",icon:PlusIcon,onClick:onUploadClick,isDisabled:isDisabled,children:"Upload file"})}),jsx(BaseBox,{children:isGenerating?jsx(Button,{icon:StopCircleIcon,variant:"secondary",accessibilityLabel:"Stop generation",onClick:function onClick(){return onStop==null?void 0:onStop();},size:"small"}):jsx(Button,{icon:ArrowUpIcon,variant:"primary",color:"primary",accessibilityLabel:"Submit",onClick:onSubmit,isDisabled:isSubmitDisabled||isDisabled,size:"small"})})]});};
+
+export { ChatInputActionBar };
+//# sourceMappingURL=ChatInputActionBar.js.map

package/build/lib/native/components/ChatInput/ChatInputActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputActionBar.js","sources":["../../../../../src/components/ChatInput/ChatInputActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Button } from '~components/Button';\nimport { Link } from '~components/Link';\nimport { ArrowUpIcon, StopCircleIcon, PlusIcon } from '~components/Icons';\n\ntype ChatInputActionBarProps = {\n  isDisabled?: boolean;\n  isGenerating?: boolean;\n  isSubmitDisabled?: boolean;\n  hideFileUpload?: boolean;\n  onUploadClick: () => void;\n  onSubmit: () => void;\n  onStop?: () => void;\n};\n\nconst ChatInputActionBar = ({\n  isDisabled,\n  isGenerating,\n  isSubmitDisabled,\n  hideFileUpload = false,\n  onUploadClick,\n  onSubmit,\n  onStop,\n}: ChatInputActionBarProps): React.ReactElement => {\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      padding=\"spacing.5\"\n    >\n      {hideFileUpload ? (\n        <BaseBox />\n      ) : (\n        <BaseBox display=\"flex\" alignItems=\"center\">\n          <Link\n            variant=\"button\"\n            color=\"neutral\"\n            size=\"small\"\n            icon={PlusIcon}\n            onClick={onUploadClick}\n            isDisabled={isDisabled}\n          >\n            Upload file\n          </Link>\n        </BaseBox>\n      )}\n      <BaseBox>\n        {isGenerating ? (\n          <Button\n            icon={StopCircleIcon}\n            variant=\"secondary\"\n            accessibilityLabel=\"Stop generation\"\n            onClick={() => onStop?.()}\n            size=\"small\"\n          />\n        ) : (\n          <Button\n            icon={ArrowUpIcon}\n            variant=\"primary\"\n            color=\"primary\"\n            accessibilityLabel=\"Submit\"\n            onClick={onSubmit}\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            isDisabled={isSubmitDisabled || isDisabled}\n            size=\"small\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { ChatInputActionBar };\nexport type { ChatInputActionBarProps };\n"],"names":["this","ChatInputActionBar","_ref","isDisabled","isGenerating","isSubmitDisabled","_ref$hideFileUpload","hideFileUpload","onUploadClick","onSubmit","onStop","_jsxs","BaseBox","display","flexDirection","justifyContent","alignItems","padding","children","_jsx","Link","variant","color","size","icon","PlusIcon","onClick","Button","StopCircleIcon","accessibilityLabel","ArrowUpIcon"],"mappings":";;;;;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,8FAAA,CAgBM,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAQ2B,CAPjD,IAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CACVC,YAAY,CAAAF,IAAA,CAAZE,YAAY,CACZC,gBAAgB,CAAAH,IAAA,CAAhBG,gBAAgB,CAAAC,mBAAA,CAAAJ,IAAA,CAChBK,cAAc,CAAdA,cAAc,CAAAD,mBAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,mBAAA,CACtBE,aAAa,CAAAN,IAAA,CAAbM,aAAa,CACbC,QAAQ,CAAAP,IAAA,CAARO,QAAQ,CACRC,MAAM,CAAAR,IAAA,CAANQ,MAAM,CAEN,OACEC,IAAA,CAACC,OAAO,CAAA,CACNC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,cAAc,CAAC,eAAe,CAC9BC,UAAU,CAAC,QAAQ,CACnBC,OAAO,CAAC,WAAW,CAAAC,QAAA,CAElBX,CAAAA,cAAc,CACbY,GAAA,CAACP,OAAO,CAAE,EAAA,CAAC,CAEXO,GAAA,CAACP,OAAO,CAAA,CAACC,OAAO,CAAC,MAAM,CAACG,UAAU,CAAC,QAAQ,CAAAE,QAAA,CACzCC,GAAA,CAACC,IAAI,CAAA,CACHC,OAAO,CAAC,QAAQ,CAChBC,KAAK,CAAC,SAAS,CACfC,IAAI,CAAC,OAAO,CACZC,IAAI,CAAEC,QAAS,CACfC,OAAO,CAAElB,aAAc,CACvBL,UAAU,CAAEA,UAAW,CAAAe,QAAA,CACxB,aAED,CAAM,CAAC,CACA,CACV,CACDC,GAAA,CAACP,OAAO,CAAAM,CAAAA,QAAA,CACLd,YAAY,CACXe,GAAA,CAACQ,MAAM,CACLH,CAAAA,IAAI,CAAEI,cAAe,CACrBP,OAAO,CAAC,WAAW,CACnBQ,kBAAkB,CAAC,iBAAiB,CACpCH,OAAO,CAAE,SAATA,OAAOA,EAAQ,CAAA,OAAAhB,MAAM,EAAA,IAAA,CAAA,KAAA,CAAA,CAANA,MAAM,EAAI,CAAC,CAAA,CAC1Ba,IAAI,CAAC,OAAO,CACb,CAAC,CAEFJ,GAAA,CAACQ,MAAM,CAAA,CACLH,IAAI,CAAEM,WAAY,CAClBT,OAAO,CAAC,SAAS,CACjBC,KAAK,CAAC,SAAS,CACfO,kBAAkB,CAAC,QAAQ,CAC3BH,OAAO,CAAEjB,QAAS,CAElBN,UAAU,CAAEE,gBAAgB,EAAIF,UAAW,CAC3CoB,IAAI,CAAC,OAAO,CACb,CACF,CACM,CAAC,CAAA,CACH,CAAC,CAEd;;;;"}

package/build/lib/native/components/ChatInput/chatInputTokens.js

@@ -0,0 +1,4 @@
+var chatInputBorderRadius='medium';var chatInputMaxTextAreaHeight=200;var chatInputSuggestionCycleInterval=4000;var chatInputFilePreviewItemWidth='200px';var chatInputFilePreviewItemWidthNative=200;
+
+export { chatInputBorderRadius, chatInputFilePreviewItemWidth, chatInputFilePreviewItemWidthNative, chatInputMaxTextAreaHeight, chatInputSuggestionCycleInterval };
+//# sourceMappingURL=chatInputTokens.js.map

package/build/lib/native/components/ChatInput/chatInputTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatInputTokens.js","sources":["../../../../../src/components/ChatInput/chatInputTokens.ts"],"sourcesContent":["const chatInputBorderRadius = 'medium' as const;\n\nconst chatInputMaxTextAreaHeight = 200;\n\nconst chatInputSuggestionCycleInterval = 4000;\n\nconst chatInputFilePreviewItemWidth = '200px';\n\nconst chatInputFilePreviewItemWidthNative = 200;\n\nexport {\n  chatInputBorderRadius,\n  chatInputMaxTextAreaHeight,\n  chatInputSuggestionCycleInterval,\n  chatInputFilePreviewItemWidth,\n  chatInputFilePreviewItemWidthNative,\n};\n"],"names":["chatInputBorderRadius","chatInputMaxTextAreaHeight","chatInputSuggestionCycleInterval","chatInputFilePreviewItemWidth","chatInputFilePreviewItemWidthNative"],"mappings":"AAAM,IAAAA,qBAAqB,CAAG,SAExB,IAAAC,0BAA0B,CAAG,IAE7B,IAAAC,gCAAgC,CAAG,KAEnC,IAAAC,6BAA6B,CAAG,QAEhC,IAAAC,mCAAmC,CAAG;;;;"}

package/build/lib/native/components/ChatInput/getChatInputSubmitDisabled.js

@@ -0,0 +1,4 @@
+var getChatInputSubmitDisabled=function getChatInputSubmitDisabled(textValue,files){var hasText=textValue.trim().length>0;var hasFiles=files.length>0;var hasErrorFiles=files.some(function(f){return f.status==='error'||f.status==='uploading';});return !hasText&&!hasFiles||hasErrorFiles;};
+
+export { getChatInputSubmitDisabled };
+//# sourceMappingURL=getChatInputSubmitDisabled.js.map

package/build/lib/native/components/ChatInput/getChatInputSubmitDisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChatInputSubmitDisabled.js","sources":["../../../../../src/components/ChatInput/getChatInputSubmitDisabled.ts"],"sourcesContent":["import type { BladeFileList } from '~components/FileUpload/types';\n\nconst getChatInputSubmitDisabled = (textValue: string, files: BladeFileList): boolean => {\n  const hasText = textValue.trim().length > 0;\n  const hasFiles = files.length > 0;\n  const hasErrorFiles = files.some((f) => f.status === 'error' || f.status === 'uploading');\n  return (!hasText && !hasFiles) || hasErrorFiles;\n};\n\nexport { getChatInputSubmitDisabled };\n"],"names":["getChatInputSubmitDisabled","textValue","files","hasText","trim","length","hasFiles","hasErrorFiles","some","f","status"],"mappings":"AAEM,IAAAA,0BAA0B,CAAG,SAA7BA,0BAA0BA,CAAIC,SAAiB,CAAEC,KAAoB,CAAc,CACvF,IAAMC,OAAO,CAAGF,SAAS,CAACG,IAAI,EAAE,CAACC,MAAM,CAAG,CAAC,CAC3C,IAAMC,QAAQ,CAAGJ,KAAK,CAACG,MAAM,CAAG,CAAC,CACjC,IAAME,aAAa,CAAGL,KAAK,CAACM,IAAI,CAAC,SAACC,CAAC,CAAA,CAAA,OAAKA,CAAC,CAACC,MAAM,GAAK,OAAO,EAAID,CAAC,CAACC,MAAM,GAAK,WAAW,CAAA,CAAA,CAAC,CACzF,OAAQ,CAACP,OAAO,EAAI,CAACG,QAAQ,EAAKC,aAAa,CACjD;;;;"}

package/build/lib/native/components/ChatInput/index.js

@@ -0,0 +1,2 @@
+export { ChatInput } from './ChatInput.native.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/ChatInput/index.js.map

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

package/build/lib/native/components/ChatInput/useChatInput.native.js

@@ -0,0 +1,11 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import { generateFileId } from '../FileUpload/generateFileId.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import { useMergeRefs } from '../../utils/useMergeRefs.js';
+import { getChatInputSubmitDisabled } from './getChatInputSubmitDisabled.js';
+
+var useChatInput=function useChatInput(_ref,ref){var controlledValue=_ref.value,defaultValue=_ref.defaultValue,_onChange=_ref.onChange,onSubmit=_ref.onSubmit,controlledFileList=_ref.fileList,onFileRemove=_ref.onFileRemove,onFileDismiss=_ref.onFileDismiss;var inputRef=React__default.useRef(null);var mergedRef=useMergeRefs(ref,inputRef);var _useControllableState=useControllableState({value:controlledValue,defaultValue:defaultValue!=null?defaultValue:'',onChange:function onChange(newValue){_onChange==null?void 0:_onChange({value:newValue});}}),_useControllableState2=_slicedToArray(_useControllableState,2),textValue=_useControllableState2[0],setTextValue=_useControllableState2[1];var _useControllableState3=useControllableState({value:controlledFileList,defaultValue:controlledFileList!=null?controlledFileList:[]}),_useControllableState4=_slicedToArray(_useControllableState3,2),rawFiles=_useControllableState4[0],setFiles=_useControllableState4[1];var files=React__default.useMemo(function(){return rawFiles.map(function(file){return file.id?file:Object.assign({},file,{id:generateFileId()});});},[rawFiles]);var hasFiles=files.length>0;var isSubmitDisabled=getChatInputSubmitDisabled(textValue,files);var handleTextChange=React__default.useCallback(function(_ref2){var newValue=_ref2.value;setTextValue(function(){return newValue!=null?newValue:'';});},[setTextValue]);var handleSubmit=React__default.useCallback(function(){if(isSubmitDisabled)return;onSubmit==null?void 0:onSubmit({value:textValue,fileList:files});},[isSubmitDisabled,onSubmit,textValue,files]);var handleFileRemove=React__default.useCallback(function(file){var newFileList=files.filter(function(f){return f.id!==file.id;});setFiles(function(){return newFileList;});onFileRemove==null?void 0:onFileRemove({file:file});},[files,setFiles,onFileRemove]);var handleFileDismiss=React__default.useCallback(function(file){var newFileList=files.filter(function(f){return f.id!==file.id;});setFiles(function(){return newFileList;});onFileDismiss==null?void 0:onFileDismiss({file:file});},[files,setFiles,onFileDismiss]);return {mergedRef:mergedRef,textValue:textValue,files:files,hasFiles:hasFiles,isSubmitDisabled:isSubmitDisabled,handleTextChange:handleTextChange,handleSubmit:handleSubmit,handleFileRemove:handleFileRemove,handleFileDismiss:handleFileDismiss};};
+
+export { useChatInput };
+//# sourceMappingURL=useChatInput.native.js.map

package/build/lib/native/components/ChatInput/useChatInput.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatInput.native.js","sources":["../../../../../src/components/ChatInput/useChatInput.native.ts"],"sourcesContent":["import React from 'react';\nimport type { ChatInputProps } from './types';\nimport type { BladeElementRef } from '~utils/types';\nimport type { BladeFile, BladeFileList } from '~components/FileUpload/types';\nimport { generateFileId } from '~components/FileUpload/generateFileId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getChatInputSubmitDisabled } from './getChatInputSubmitDisabled';\n\ntype UseChatInputProps = Pick<\n  ChatInputProps,\n  'value' | 'defaultValue' | 'onChange' | 'onSubmit' | 'fileList' | 'onFileRemove' | 'onFileDismiss'\n>;\n\nconst useChatInput = (\n  {\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onSubmit,\n    fileList: controlledFileList,\n    onFileRemove,\n    onFileDismiss,\n  }: UseChatInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): {\n  mergedRef: React.RefCallback<BladeElementRef>;\n  textValue: string;\n  files: BladeFileList;\n  hasFiles: boolean;\n  isSubmitDisabled: boolean;\n  handleTextChange: (args: { name?: string; value?: string }) => void;\n  handleSubmit: () => void;\n  handleFileRemove: (file: BladeFile) => void;\n  handleFileDismiss: (file: BladeFile) => void;\n} => {\n  const inputRef = React.useRef<BladeElementRef>(null);\n  const mergedRef = useMergeRefs(ref, inputRef);\n\n  const [textValue, setTextValue] = useControllableState({\n    value: controlledValue,\n    defaultValue: defaultValue ?? '',\n    onChange: (newValue) => {\n      onChange?.({ value: newValue });\n    },\n  });\n\n  const [rawFiles, setFiles] = useControllableState<BladeFileList>({\n    value: controlledFileList,\n    defaultValue: controlledFileList ?? [],\n  });\n\n  // Derive a new array with stable IDs assigned — never mutates the consumer's file objects.\n  const files = React.useMemo<BladeFileList>(\n    () => rawFiles.map((file) => (file.id ? file : { ...file, id: generateFileId() })),\n    [rawFiles],\n  );\n\n  const hasFiles = files.length > 0;\n  const isSubmitDisabled = getChatInputSubmitDisabled(textValue, files);\n\n  const handleTextChange = React.useCallback(\n    ({ value: newValue }: { name?: string; value?: string }) => {\n      setTextValue(() => newValue ?? '');\n    },\n    [setTextValue],\n  );\n\n  const handleSubmit = React.useCallback(() => {\n    if (isSubmitDisabled) return;\n    onSubmit?.({ value: textValue, fileList: files });\n  }, [isSubmitDisabled, onSubmit, textValue, files]);\n\n  const handleFileRemove = React.useCallback(\n    (file: BladeFile) => {\n      const newFileList = files.filter((f) => f.id !== file.id);\n      setFiles(() => newFileList);\n      onFileRemove?.({ file });\n    },\n    [files, setFiles, onFileRemove],\n  );\n\n  const handleFileDismiss = React.useCallback(\n    (file: BladeFile) => {\n      const newFileList = files.filter((f) => f.id !== file.id);\n      setFiles(() => newFileList);\n      onFileDismiss?.({ file });\n    },\n    [files, setFiles, onFileDismiss],\n  );\n\n  return {\n    mergedRef,\n    textValue,\n    files,\n    hasFiles,\n    isSubmitDisabled,\n    handleTextChange,\n    handleSubmit,\n    handleFileRemove,\n    handleFileDismiss,\n  };\n};\n\nexport { useChatInput };\nexport type { UseChatInputProps };\n"],"names":["useChatInput","_ref","ref","controlledValue","value","defaultValue","onChange","onSubmit","controlledFileList","fileList","onFileRemove","onFileDismiss","inputRef","React","useRef","mergedRef","useMergeRefs","_useControllableState","useControllableState","newValue","_useControllableState2","_slicedToArray","textValue","setTextValue","_useControllableState3","_useControllableState4","rawFiles","setFiles","files","useMemo","map","file","id","Object","assign","generateFileId","hasFiles","length","isSubmitDisabled","getChatInputSubmitDisabled","handleTextChange","useCallback","_ref2","handleSubmit","handleFileRemove","newFileList","filter","f","handleFileDismiss"],"mappings":"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"}

package/build/lib/native/components/ChatMessage/ChatMessage.native.js

@@ -1,12 +1,29 @@
-import 'react';
-import '../Typography/Heading/Heading.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Pressable } from 'react-native';
+import { SelfMessageBubble } from './SelfMessageBubble.native.js';
+import { DefaultMessageBubble } from './DefaultMessageBubble.native.js';
+import { ThumbnailPreview } from './ThumbnailPreview.native.js';
+import '../Typography/index.js';
+import '../Box/BaseBox/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/getStringChildren/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../RollingText/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { RollingText } from '../RollingText/RollingText.native.js';
 import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx } from 'react/jsx-runtime';
+import { getStringFromReactText } from '../../utils/getStringChildren/getStringChildren.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var ChatMessage=function ChatMessage(_prop){throwBladeError({message:'ChatMessage is not yet implemented for native',moduleName:'ChatMessage'});return jsx(Text,{children:"ChatMessage is not available for Native mobile apps."});};
+var _excluded=["messageType","senderType","isLoading","validationState","errorText","onClick","footerActions","children","leading","loadingText","wordBreak","maxWidth","thumbnails","onThumbnailClick","reasoningTraces","reasoningStatus","reasoningTitle","reasoningActiveStepIndex"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ChatMessage/ChatMessage.native.tsx";var _ChatMessage=function _ChatMessage(_ref,ref){var _ref$messageType=_ref.messageType,messageType=_ref$messageType===void 0?'default':_ref$messageType,_ref$senderType=_ref.senderType,senderType=_ref$senderType===void 0?'self':_ref$senderType,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,_ref$validationState=_ref.validationState,validationState=_ref$validationState===void 0?'none':_ref$validationState,errorText=_ref.errorText,onClick=_ref.onClick,footerActions=_ref.footerActions,children=_ref.children,leading=_ref.leading,loadingText=_ref.loadingText,_ref$wordBreak=_ref.wordBreak,wordBreak=_ref$wordBreak===void 0?'break-word':_ref$wordBreak,maxWidth=_ref.maxWidth,thumbnails=_ref.thumbnails,onThumbnailClick=_ref.onThumbnailClick,reasoningTraces=_ref.reasoningTraces,reasoningStatus=_ref.reasoningStatus,reasoningTitle=_ref.reasoningTitle,reasoningActiveStepIndex=_ref.reasoningActiveStepIndex,props=_objectWithoutProperties(_ref,_excluded);void messageType;var shouldWrapInText=typeof children==='string'||Array.isArray(children)&&children.every(function(child){return typeof child==='string';})||isLoading;var loadingContent=isLoading&&Array.isArray(loadingText)?jsx(RollingText,{texts:loadingText}):loadingText;var finalChildren=shouldWrapInText?jsx(Text,{color:isLoading?Array.isArray(loadingText)?'feedback.text.positive.intense':'surface.text.gray.muted':'surface.text.gray.normal',weight:"regular",variant:"body",size:"medium",wordBreak:wordBreak,children:isLoading?loadingContent:getStringFromReactText(children)}):children;var messageBubble=senderType==='self'?jsx(SelfMessageBubble,{validationState:validationState,errorText:errorText,children:finalChildren,isChildText:shouldWrapInText}):jsx(DefaultMessageBubble,{children:finalChildren,leading:leading,isLoading:isLoading,footerActions:footerActions,isChildText:shouldWrapInText,reasoningTraces:reasoningTraces,reasoningStatus:reasoningStatus,reasoningTitle:reasoningTitle,reasoningActiveStepIndex:reasoningActiveStepIndex});var imagePreviewAlignment=senderType==='self'?'flex-end':'flex-start';var messageContent=jsxs(BaseBox,{ref:ref,display:"flex",flexDirection:"column",gap:"spacing.3",children:[thumbnails&&thumbnails.length>0?jsx(BaseBox,{alignSelf:imagePreviewAlignment,children:jsx(ThumbnailPreview,{thumbnails:thumbnails,onThumbnailClick:onThumbnailClick})}):null,jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.ChatMessage,testID:props.testID}),makeAnalyticsAttribute(props),getStyledProps(props),{maxWidth:maxWidth,children:messageBubble}))]});if(onClick){return jsx(Pressable,{accessibilityRole:"button",onPress:onClick,children:messageContent});}return messageContent;};var ChatMessage=assignWithoutSideEffects(React__default.forwardRef(_ChatMessage),{displayName:'ChatMessage',componentId:MetaConstants.ChatMessage});
 
 export { ChatMessage };
 //# sourceMappingURL=ChatMessage.native.js.map

package/build/lib/native/components/ChatMessage/ChatMessage.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.native.js","sources":["../../../../../src/components/ChatMessage/ChatMessage.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ChatMessageProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChatMessage = (_prop: ChatMessageProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ChatMessage is not yet implemented for native',\n    moduleName: 'ChatMessage',\n  });\n\n  return <Text>ChatMessage is not available for Native mobile apps.</Text>;\n};\n\nexport { ChatMessage };\n"],"names":["ChatMessage","_prop","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;AAKM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,KAAuB,CAAyB,CACnEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,sDAAoD,CAAM,CAAC,CAC1E;;;;"}
+{"version":3,"file":"ChatMessage.native.js","sources":["../../../../../src/components/ChatMessage/ChatMessage.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\nimport { SelfMessageBubble } from './SelfMessageBubble.native';\nimport { DefaultMessageBubble } from './DefaultMessageBubble.native';\nimport { ThumbnailPreview } from './ThumbnailPreview.native';\nimport type { ChatMessageProps } from './types';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStringFromReactText } from '~utils/getStringChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { RollingText } from '~components/RollingText';\n\nconst _ChatMessage: React.ForwardRefRenderFunction<BladeElementRef, ChatMessageProps> = (\n  {\n    messageType = 'default',\n    senderType = 'self',\n    isLoading = false,\n    validationState = 'none',\n    errorText,\n    onClick,\n    footerActions,\n    children,\n    leading,\n    loadingText,\n    wordBreak = 'break-word',\n    maxWidth,\n    thumbnails,\n    onThumbnailClick,\n    reasoningTraces,\n    reasoningStatus,\n    reasoningTitle,\n    reasoningActiveStepIndex,\n    ...props\n  }: ChatMessageProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  void messageType;\n\n  const shouldWrapInText =\n    typeof children === 'string' ||\n    (Array.isArray(children) && children.every((child) => typeof child === 'string')) ||\n    isLoading;\n\n  const loadingContent =\n    isLoading && Array.isArray(loadingText) ? <RollingText texts={loadingText} /> : loadingText;\n\n  const finalChildren = shouldWrapInText ? (\n    <Text\n      color={\n        isLoading\n          ? Array.isArray(loadingText)\n            ? 'feedback.text.positive.intense'\n            : 'surface.text.gray.muted'\n          : 'surface.text.gray.normal'\n      }\n      weight=\"regular\"\n      variant=\"body\"\n      size=\"medium\"\n      wordBreak={wordBreak}\n    >\n      {isLoading ? loadingContent : getStringFromReactText(children as string | string[])}\n    </Text>\n  ) : (\n    (children as React.ReactElement)\n  );\n\n  const messageBubble =\n    senderType === 'self' ? (\n      <SelfMessageBubble\n        validationState={validationState}\n        errorText={errorText}\n        children={finalChildren}\n        isChildText={shouldWrapInText}\n      />\n    ) : (\n      <DefaultMessageBubble\n        children={finalChildren}\n        leading={leading}\n        isLoading={isLoading}\n        footerActions={footerActions}\n        isChildText={shouldWrapInText}\n        reasoningTraces={reasoningTraces}\n        reasoningStatus={reasoningStatus}\n        reasoningTitle={reasoningTitle}\n        reasoningActiveStepIndex={reasoningActiveStepIndex}\n      />\n    );\n\n  const imagePreviewAlignment = senderType === 'self' ? 'flex-end' : 'flex-start';\n\n  const messageContent = (\n    <BaseBox ref={ref as never} display=\"flex\" flexDirection=\"column\" gap=\"spacing.3\">\n      {thumbnails && thumbnails.length > 0 ? (\n        <BaseBox alignSelf={imagePreviewAlignment}>\n          <ThumbnailPreview thumbnails={thumbnails} onThumbnailClick={onThumbnailClick} />\n        </BaseBox>\n      ) : null}\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.ChatMessage, testID: props.testID })}\n        {...makeAnalyticsAttribute(props)}\n        {...getStyledProps(props)}\n        maxWidth={maxWidth}\n      >\n        {messageBubble}\n      </BaseBox>\n    </BaseBox>\n  );\n\n  if (onClick) {\n    return (\n      <Pressable accessibilityRole=\"button\" onPress={onClick}>\n        {messageContent}\n      </Pressable>\n    );\n  }\n\n  return messageContent;\n};\n\nconst ChatMessage = assignWithoutSideEffects(React.forwardRef(_ChatMessage), {\n  displayName: 'ChatMessage',\n  componentId: MetaConstants.ChatMessage,\n});\n\nexport { ChatMessage };\n"],"names":["this","_ChatMessage","_ref","ref","_ref$messageType","messageType","_ref$senderType","senderType","_ref$isLoading","isLoading","_ref$validationState","validationState","errorText","onClick","footerActions","children","leading","loadingText","_ref$wordBreak","wordBreak","maxWidth","thumbnails","onThumbnailClick","reasoningTraces","reasoningStatus","reasoningTitle","reasoningActiveStepIndex","props","_objectWithoutProperties","_excluded","shouldWrapInText","Array","isArray","every","child","loadingContent","_jsx","RollingText","texts","finalChildren","Text","color","weight","variant","size","getStringFromReactText","messageBubble","SelfMessageBubble","isChildText","DefaultMessageBubble","imagePreviewAlignment","messageContent","_jsxs","BaseBox","display","flexDirection","gap","length","alignSelf","ThumbnailPreview","Object","assign","metaAttribute","name","MetaConstants","ChatMessage","testID","makeAnalyticsAttribute","getStyledProps","Pressable","accessibilityRole","onPress","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/ChatMessage/DefaultMessageBubble.native.js

@@ -0,0 +1,11 @@
+import 'react';
+import Rotate from './Rotate.native.js';
+import { ReasoningTraces } from './ReasoningTraces.native.js';
+import '../Box/BaseBox/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ChatMessage/DefaultMessageBubble.native.tsx";var DefaultMessageBubble=function DefaultMessageBubble(_ref){var children=_ref.children,leading=_ref.leading,isLoading=_ref.isLoading,footerActions=_ref.footerActions,isChildText=_ref.isChildText,reasoningTraces=_ref.reasoningTraces,reasoningStatus=_ref.reasoningStatus,reasoningTitle=_ref.reasoningTitle,reasoningActiveStepIndex=_ref.reasoningActiveStepIndex;var hasReasoningTraces=reasoningTraces&&reasoningTraces.length>0;return jsxs(BaseBox,{children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"flex-start",gap:"spacing.4",children:[jsx(BaseBox,{paddingX:"spacing.1",paddingTop:"spacing.3",paddingBottom:"spacing.2",height:"spacing.6",display:"flex",alignItems:"center",justifyContent:"center",children:jsx(Rotate,{animate:isLoading,children:leading})}),jsxs(BaseBox,{display:"flex",flexDirection:"column",flex:1,children:[hasReasoningTraces&&reasoningStatus==='loading'&&isLoading&&jsx(BaseBox,{paddingY:isChildText?'spacing.2':'spacing.0',children:children}),hasReasoningTraces&&jsx(ReasoningTraces,{traces:reasoningTraces,status:reasoningStatus,title:reasoningTitle,activeStepIndex:reasoningActiveStepIndex}),hasReasoningTraces&&reasoningStatus==='complete'&&!isLoading&&children&&jsx(BaseBox,{paddingY:isChildText?'spacing.2':'spacing.0',children:children}),!hasReasoningTraces&&children&&jsx(BaseBox,{paddingY:isChildText?'spacing.2':'spacing.0',children:children})]})]}),jsx(BaseBox,{marginLeft:"spacing.11",children:footerActions})]});};
+
+export { DefaultMessageBubble };
+//# sourceMappingURL=DefaultMessageBubble.native.js.map

package/build/lib/native/components/ChatMessage/DefaultMessageBubble.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMessageBubble.native.js","sources":["../../../../../src/components/ChatMessage/DefaultMessageBubble.native.tsx"],"sourcesContent":["import React from 'react';\nimport Rotate from './Rotate.native';\nimport { ReasoningTraces } from './ReasoningTraces.native';\nimport type { CommonChatMessageProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst DefaultMessageBubble = ({\n  children,\n  leading,\n  isLoading,\n  footerActions,\n  isChildText,\n  reasoningTraces,\n  reasoningStatus,\n  reasoningTitle,\n  reasoningActiveStepIndex,\n}: Pick<\n  CommonChatMessageProps,\n  | 'children'\n  | 'leading'\n  | 'isLoading'\n  | 'footerActions'\n  | 'reasoningTraces'\n  | 'reasoningStatus'\n  | 'reasoningTitle'\n  | 'reasoningActiveStepIndex'\n> & {\n  isChildText: boolean;\n}): React.ReactElement => {\n  const hasReasoningTraces = reasoningTraces && reasoningTraces.length > 0;\n\n  return (\n    <BaseBox>\n      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"flex-start\" gap=\"spacing.4\">\n        <BaseBox\n          paddingX=\"spacing.1\"\n          paddingTop=\"spacing.3\"\n          paddingBottom=\"spacing.2\"\n          height=\"spacing.6\"\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          <Rotate animate={isLoading}>{leading as React.ReactElement}</Rotate>\n        </BaseBox>\n\n        <BaseBox display=\"flex\" flexDirection=\"column\" flex={1}>\n          {hasReasoningTraces && reasoningStatus === 'loading' && isLoading && (\n            <BaseBox paddingY={isChildText ? 'spacing.2' : 'spacing.0'}>{children}</BaseBox>\n          )}\n\n          {hasReasoningTraces && (\n            <ReasoningTraces\n              traces={reasoningTraces}\n              status={reasoningStatus}\n              title={reasoningTitle}\n              activeStepIndex={reasoningActiveStepIndex}\n            />\n          )}\n\n          {hasReasoningTraces && reasoningStatus === 'complete' && !isLoading && children && (\n            <BaseBox paddingY={isChildText ? 'spacing.2' : 'spacing.0'}>{children}</BaseBox>\n          )}\n\n          {!hasReasoningTraces && children && (\n            <BaseBox paddingY={isChildText ? 'spacing.2' : 'spacing.0'}>{children}</BaseBox>\n          )}\n        </BaseBox>\n      </BaseBox>\n\n      <BaseBox marginLeft=\"spacing.11\">{footerActions}</BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { DefaultMessageBubble };\n"],"names":["this","DefaultMessageBubble","_ref","children","leading","isLoading","footerActions","isChildText","reasoningTraces","reasoningStatus","reasoningTitle","reasoningActiveStepIndex","hasReasoningTraces","length","_jsxs","BaseBox","display","flexDirection","alignItems","gap","_jsx","paddingX","paddingTop","paddingBottom","height","justifyContent","Rotate","animate","flex","paddingY","ReasoningTraces","traces","status","title","activeStepIndex","marginLeft"],"mappings":";;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,yGAAA,CAMM,IAAAC,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,CAsBA,CAAA,IArBxBC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CACPC,SAAS,CAAAH,IAAA,CAATG,SAAS,CACTC,aAAa,CAAAJ,IAAA,CAAbI,aAAa,CACbC,WAAW,CAAAL,IAAA,CAAXK,WAAW,CACXC,eAAe,CAAAN,IAAA,CAAfM,eAAe,CACfC,eAAe,CAAAP,IAAA,CAAfO,eAAe,CACfC,cAAc,CAAAR,IAAA,CAAdQ,cAAc,CACdC,wBAAwB,CAAAT,IAAA,CAAxBS,wBAAwB,CAcxB,IAAMC,kBAAkB,CAAGJ,eAAe,EAAIA,eAAe,CAACK,MAAM,CAAG,CAAC,CAExE,OACEC,IAAA,CAACC,OAAO,CAAAZ,CAAAA,QAAA,CACNW,CAAAA,IAAA,CAACC,OAAO,CAAA,CAACC,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAACC,UAAU,CAAC,YAAY,CAACC,GAAG,CAAC,WAAW,CAAAhB,QAAA,CAAA,CACjFiB,GAAA,CAACL,OAAO,EACNM,QAAQ,CAAC,WAAW,CACpBC,UAAU,CAAC,WAAW,CACtBC,aAAa,CAAC,WAAW,CACzBC,MAAM,CAAC,WAAW,CAClBR,OAAO,CAAC,MAAM,CACdE,UAAU,CAAC,QAAQ,CACnBO,cAAc,CAAC,QAAQ,CAAAtB,QAAA,CAEvBiB,GAAA,CAACM,MAAM,EAACC,OAAO,CAAEtB,SAAU,CAAAF,QAAA,CAAEC,OAAO,CAA+B,CAAC,CAC7D,CAAC,CAEVU,IAAA,CAACC,OAAO,CAACC,CAAAA,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAACW,IAAI,CAAE,CAAE,CAAAzB,QAAA,CAAA,CACpDS,kBAAkB,EAAIH,eAAe,GAAK,SAAS,EAAIJ,SAAS,EAC/De,GAAA,CAACL,OAAO,CAACc,CAAAA,QAAQ,CAAEtB,WAAW,CAAG,WAAW,CAAG,WAAY,CAAAJ,QAAA,CAAEA,QAAQ,CAAU,CAChF,CAEAS,kBAAkB,EACjBQ,GAAA,CAACU,eAAe,CACdC,CAAAA,MAAM,CAAEvB,eAAgB,CACxBwB,MAAM,CAAEvB,eAAgB,CACxBwB,KAAK,CAAEvB,cAAe,CACtBwB,eAAe,CAAEvB,wBAAyB,CAC3C,CACF,CAEAC,kBAAkB,EAAIH,eAAe,GAAK,UAAU,EAAI,CAACJ,SAAS,EAAIF,QAAQ,EAC7EiB,GAAA,CAACL,OAAO,CAACc,CAAAA,QAAQ,CAAEtB,WAAW,CAAG,WAAW,CAAG,WAAY,CAAAJ,QAAA,CAAEA,QAAQ,CAAU,CAChF,CAEA,CAACS,kBAAkB,EAAIT,QAAQ,EAC9BiB,GAAA,CAACL,OAAO,EAACc,QAAQ,CAAEtB,WAAW,CAAG,WAAW,CAAG,WAAY,CAAAJ,QAAA,CAAEA,QAAQ,CAAU,CAChF,CACM,CAAA,CAAC,EACH,CAAC,CAEViB,GAAA,CAACL,OAAO,CAACoB,CAAAA,UAAU,CAAC,YAAY,CAAAhC,QAAA,CAAEG,aAAa,CAAU,CAAC,CACnD,CAAA,CAAC,CAEd;;;;"}

package/build/lib/native/components/ChatMessage/ReasoningTraces.native.js

@@ -0,0 +1,33 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useEffect, useState } from 'react';
+import { Pressable } from 'react-native';
+import Animated, { useSharedValue, withRepeat, withSequence, withTiming, Easing, useAnimatedStyle } from 'react-native-reanimated';
+import Rotate from './Rotate.native.js';
+import '../BladeProvider/index.js';
+import '../Icons/index.js';
+import '../Typography/index.js';
+import '../Box/BaseBox/index.js';
+import { Collapsible } from '../Collapsible/Collapsible.js';
+import { CollapsibleBody } from '../Collapsible/CollapsibleBody.js';
+import '../Icons/_Svg/index.js';
+import '../Icons/useIconProps/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../../utils/index.js';
+import '../../utils/makeMotionTime/index.native.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import useIconProps from '../Icons/useIconProps/useIconProps.js';
+import Svg from '../Icons/_Svg/Svg/Svg.native.js';
+import Path from '../Icons/_Svg/Path/Path.native.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { castNativeType } from '../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
+import { Text } from '../Typography/Text/Text.js';
+import ChevronUpIcon from '../Icons/ChevronUpIcon/ChevronUpIcon.js';
+import ChevronDownIcon from '../Icons/ChevronDownIcon/ChevronDownIcon.js';
+
+var _excluded=["size","color"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ChatMessage/ReasoningTraces.native.tsx";var SparkleIcon=function SparkleIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width;return jsx(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 9 9",fill:"none",children:jsx(Path,{d:"M4.7169 8.67519C4.62025 8.93638 4.25084 8.93638 4.15419 8.67519L3.13296 5.91537C3.10258 5.83326 3.03784 5.76851 2.95572 5.73813L0.195898 4.7169C-0.0652872 4.62025 -0.0652871 4.25084 0.195899 4.15419L2.95572 3.13296C3.03784 3.10258 3.10258 3.03784 3.13297 2.95572L4.15419 0.1959C4.25084 -0.0652861 4.62026 -0.0652861 4.7169 0.195899L5.73813 2.95572C5.76851 3.03784 5.83326 3.10258 5.91537 3.13297L8.6752 4.15419C8.93638 4.25084 8.93638 4.62026 8.6752 4.7169L5.91537 5.73813C5.83326 5.76851 5.76851 5.83326 5.73813 5.91537L4.7169 8.67519Z",fill:theme.colors.feedback.icon.positive.intense})}));};var ActiveStepIcon=function ActiveStepIcon(){return jsx(Rotate,{animate:true,children:jsx(SparkleIcon,{size:"xsmall",color:"feedback.icon.positive.intense"})});};var StepDot=function StepDot(_ref2){var status=_ref2.status;return jsx(BaseBox,{style:{opacity:status==='pending'?0.3:1},width:"6px",height:"6px",borderRadius:"max",backgroundColor:status==='completed'?'surface.icon.onSea.onSubtle':'surface.icon.gray.muted',flexShrink:0});};var StepConnector=function StepConnector(_ref3){var fromStatus=_ref3.fromStatus;return jsx(BaseBox,{style:{flex:1,minHeight:6},width:"1px",backgroundColor:fromStatus==='completed'?'surface.icon.onSea.onSubtle':'surface.border.gray.muted'});};var ShimmerOverlay=function ShimmerOverlay(_ref4){var children=_ref4.children,isActive=_ref4.isActive;var _useTheme2=useTheme(),theme=_useTheme2.theme;var shimmerDuration=castNativeType(makeMotionTime(getIn(theme.motion,'duration.2xgentle')));var opacity=useSharedValue(0);useEffect(function(){if(isActive){opacity.value=withRepeat(withSequence(withTiming(0.3,{duration:shimmerDuration/2,easing:Easing.inOut(Easing.ease)}),withTiming(0,{duration:shimmerDuration/2,easing:Easing.inOut(Easing.ease)})),-1);}else {opacity.value=0;}},[isActive,shimmerDuration,opacity]);var animatedStyle=useAnimatedStyle(function(){return {opacity:opacity.value};});return jsxs(BaseBox,{position:"relative",overflow:"hidden",children:[children,isActive&&jsx(Animated.View,{style:[{position:'absolute',top:0,left:0,right:0,bottom:0,backgroundColor:theme.colors.surface.text.staticWhite.muted},animatedStyle]})]});};var AnimatedRow=function AnimatedRow(_ref5){var children=_ref5.children,skipAnimation=_ref5.skipAnimation;var _useTheme3=useTheme(),theme=_useTheme3.theme;var duration=castNativeType(makeMotionTime(getIn(theme.motion,'duration.moderate')));var opacity=useSharedValue(skipAnimation?1:0);var translateY=useSharedValue(skipAnimation?0:8);useEffect(function(){if(!skipAnimation){opacity.value=withTiming(1,{duration:duration,easing:Easing.out(Easing.ease)});translateY.value=withTiming(0,{duration:duration,easing:Easing.out(Easing.ease)});}},[skipAnimation,duration,opacity,translateY]);var animatedStyle=useAnimatedStyle(function(){return {opacity:opacity.value,transform:[{translateY:translateY.value}]};});return jsx(Animated.View,{style:animatedStyle,children:children});};var ActiveTextSlider=function ActiveTextSlider(_ref6){var text=_ref6.text;var _useTheme4=useTheme(),theme=_useTheme4.theme;var duration=castNativeType(makeMotionTime(getIn(theme.motion,'duration.xmoderate')));var opacity=useSharedValue(0);var translateY=useSharedValue(12);useEffect(function(){opacity.value=0;translateY.value=12;opacity.value=withTiming(1,{duration:duration,easing:Easing.out(Easing.ease)});translateY.value=withTiming(0,{duration:duration,easing:Easing.out(Easing.ease)});},[text,duration,opacity,translateY]);var animatedStyle=useAnimatedStyle(function(){return {opacity:opacity.value,transform:[{translateY:translateY.value}]};});return jsx(Animated.View,{style:animatedStyle,children:jsx(ShimmerOverlay,{isActive:true,children:jsx(Text,{color:"surface.text.onSea.onSubtle",size:"small",weight:"regular",children:text})})});};var TraceRow=function TraceRow(_ref7){var text=_ref7.text,isLast=_ref7.isLast,stepStatus=_ref7.stepStatus;return jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"stretch",children:[jsxs(BaseBox,{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0,width:"16px",marginRight:"spacing.3",children:[jsx(BaseBox,{display:"flex",alignItems:"center",justifyContent:"center",height:"17px",flexShrink:0,children:stepStatus==='active'?jsx(ActiveStepIcon,{}):jsx(StepDot,{status:stepStatus})}),!isLast&&jsx(StepConnector,{fromStatus:stepStatus})]}),jsx(BaseBox,{paddingBottom:isLast?'spacing.0':'spacing.2',style:stepStatus==='pending'?{opacity:0.5}:undefined,children:jsx(ShimmerOverlay,{isActive:stepStatus==='active',children:jsx(Text,{color:stepStatus==='active'?'surface.text.onSea.onSubtle':'surface.text.gray.muted',size:"small",weight:"regular",children:text})})})]});};var ReasoningTraces=function ReasoningTraces(_ref8){var traces=_ref8.traces,_ref8$status=_ref8.status,status=_ref8$status===void 0?'loading':_ref8$status,_ref8$title=_ref8.title,title=_ref8$title===void 0?'Explored':_ref8$title,activeStepIndex=_ref8.activeStepIndex;var isUpfrontMode=activeStepIndex!==undefined;var _useState=useState(!isUpfrontMode),_useState2=_slicedToArray(_useState,2),isExpanded=_useState2[0],setIsExpanded=_useState2[1];var isLoading=status==='loading';useEffect(function(){if(status==='loading'){setIsExpanded(true);}},[status]);useEffect(function(){if(status==='complete'){var timer=setTimeout(function(){return setIsExpanded(false);},600);return function(){return clearTimeout(timer);};}return undefined;},[status]);var handleExpandChange=function handleExpandChange(_ref9){var next=_ref9.isExpanded;setIsExpanded(next);};var getStepStatus=function getStepStatus(index){if(status==='complete')return 'completed';if(isUpfrontMode){if(index<activeStepIndex)return 'completed';if(index===activeStepIndex)return 'active';return 'pending';}return index<traces.length-1?'completed':'active';};var getTraceLabel=function getTraceLabel(trace,stepStatus){return stepStatus==='completed'&&trace.completedLabel?trace.completedLabel:trace.label;};return jsxs(BaseBox,{marginTop:"spacing.2",marginBottom:"spacing.3",children:[status==='complete'&&jsx(Pressable,{onPress:function onPress(){return setIsExpanded(function(prev){return !prev;});},children:jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.2",padding:"spacing.0",marginBottom:"spacing.3",children:[jsx(Text,{color:"surface.text.gray.muted",weight:"regular",variant:"body",size:"medium",children:title}),jsx(BaseBox,{display:"flex",alignItems:"center",children:isExpanded?jsx(ChevronUpIcon,{size:"small",color:"surface.icon.gray.muted"}):jsx(ChevronDownIcon,{size:"small",color:"surface.icon.gray.muted"})})]})}),jsx(Collapsible,{isExpanded:isExpanded,onExpandChange:handleExpandChange,_shouldApplyWidthRestrictions:false,children:jsx(CollapsibleBody,{_hasMargin:false,children:jsx(BaseBox,{paddingTop:"spacing.2",children:isUpfrontMode||!isLoading?traces.map(function(trace,index){var stepStatus=getStepStatus(index);return jsx(TraceRow,{text:getTraceLabel(trace,stepStatus),isLast:index===traces.length-1,stepStatus:stepStatus},index);}):jsxs(Fragment,{children:[traces.slice(0,-1).map(function(trace,index){var isJustCompleted=index===traces.length-2;return jsx(AnimatedRow,{skipAnimation:isJustCompleted,children:jsx(TraceRow,{text:getTraceLabel(trace,'completed'),isLast:false,stepStatus:"completed"})},trace.label);}),traces.length>0&&jsx(AnimatedRow,{children:jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.3",children:[jsx(BaseBox,{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:"16px",children:jsx(ActiveStepIcon,{})}),jsx(BaseBox,{position:"relative",overflow:"hidden",flex:1,children:jsx(ActiveTextSlider,{text:getTraceLabel(traces[traces.length-1],'active')})})]})},"active-row")]})})})})]});};
+
+export { ReasoningTraces };
+//# sourceMappingURL=ReasoningTraces.native.js.map

package/build/lib/native/components/ChatMessage/ReasoningTraces.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReasoningTraces.native.js","sources":["../../../../../src/components/ChatMessage/ReasoningTraces.native.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Pressable } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n  withRepeat,\n  withSequence,\n  Easing,\n} from 'react-native-reanimated';\nimport type { ReasoningTrace, ReasoningTracesProps } from './types';\nimport Rotate from './Rotate.native';\nimport { useTheme } from '~components/BladeProvider';\nimport type { IconComponent } from '~components/Icons';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Collapsible } from '~components/Collapsible/Collapsible';\nimport { CollapsibleBody } from '~components/Collapsible/CollapsibleBody';\nimport { Svg, Path } from '~components/Icons/_Svg';\nimport useIconProps from '~components/Icons/useIconProps';\nimport getIn from '~utils/lodashButBetter/get';\nimport { castNativeType } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst SparkleIcon: IconComponent = ({ size, color, ...styledProps }) => {\n  const { theme } = useTheme();\n  const { height, width } = useIconProps({ size, color });\n  return (\n    <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 9 9\" fill=\"none\">\n      <Path\n        d=\"M4.7169 8.67519C4.62025 8.93638 4.25084 8.93638 4.15419 8.67519L3.13296 5.91537C3.10258 5.83326 3.03784 5.76851 2.95572 5.73813L0.195898 4.7169C-0.0652872 4.62025 -0.0652871 4.25084 0.195899 4.15419L2.95572 3.13296C3.03784 3.10258 3.10258 3.03784 3.13297 2.95572L4.15419 0.1959C4.25084 -0.0652861 4.62026 -0.0652861 4.7169 0.195899L5.73813 2.95572C5.76851 3.03784 5.83326 3.10258 5.91537 3.13297L8.6752 4.15419C8.93638 4.25084 8.93638 4.62026 8.6752 4.7169L5.91537 5.73813C5.83326 5.76851 5.76851 5.83326 5.73813 5.91537L4.7169 8.67519Z\"\n        fill={theme.colors.feedback.icon.positive.intense}\n      />\n    </Svg>\n  );\n};\n\nconst ActiveStepIcon = (): React.ReactElement => (\n  <Rotate animate={true}>\n    <SparkleIcon size=\"xsmall\" color=\"feedback.icon.positive.intense\" />\n  </Rotate>\n);\n\ntype StepStatus = 'completed' | 'active' | 'pending';\n\nconst StepDot = ({ status }: { status: StepStatus }): React.ReactElement => (\n  <BaseBox\n    style={{ opacity: status === 'pending' ? 0.3 : 1 }}\n    width=\"6px\"\n    height=\"6px\"\n    borderRadius=\"max\"\n    backgroundColor={\n      status === 'completed' ? 'surface.icon.onSea.onSubtle' : 'surface.icon.gray.muted'\n    }\n    flexShrink={0}\n  />\n);\n\nconst StepConnector = ({ fromStatus }: { fromStatus: StepStatus }): React.ReactElement => (\n  <BaseBox\n    style={{ flex: 1, minHeight: 6 }}\n    width=\"1px\"\n    backgroundColor={\n      fromStatus === 'completed' ? 'surface.icon.onSea.onSubtle' : 'surface.border.gray.muted'\n    }\n  />\n);\n\nconst ShimmerOverlay = ({\n  children,\n  isActive,\n}: {\n  children: React.ReactNode;\n  isActive: boolean;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const shimmerDuration = castNativeType(makeMotionTime(getIn(theme.motion, 'duration.2xgentle')));\n  const opacity = useSharedValue(0);\n\n  useEffect(() => {\n    if (isActive) {\n      opacity.value = withRepeat(\n        withSequence(\n          withTiming(0.3, { duration: shimmerDuration / 2, easing: Easing.inOut(Easing.ease) }),\n          withTiming(0, { duration: shimmerDuration / 2, easing: Easing.inOut(Easing.ease) }),\n        ),\n        -1,\n      );\n    } else {\n      opacity.value = 0;\n    }\n  }, [isActive, shimmerDuration, opacity]);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n  }));\n\n  return (\n    <BaseBox position=\"relative\" overflow=\"hidden\">\n      {children}\n      {isActive && (\n        <Animated.View\n          style={[\n            {\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              backgroundColor: theme.colors.surface.text.staticWhite.muted,\n            },\n            animatedStyle,\n          ]}\n        />\n      )}\n    </BaseBox>\n  );\n};\n\nconst AnimatedRow = ({\n  children,\n  skipAnimation,\n}: {\n  children: React.ReactNode;\n  skipAnimation?: boolean;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const duration = castNativeType(makeMotionTime(getIn(theme.motion, 'duration.moderate')));\n  const opacity = useSharedValue(skipAnimation ? 1 : 0);\n  const translateY = useSharedValue(skipAnimation ? 0 : 8);\n\n  useEffect(() => {\n    if (!skipAnimation) {\n      opacity.value = withTiming(1, { duration, easing: Easing.out(Easing.ease) });\n      translateY.value = withTiming(0, { duration, easing: Easing.out(Easing.ease) });\n    }\n  }, [skipAnimation, duration, opacity, translateY]);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n    transform: [{ translateY: translateY.value }],\n  }));\n\n  return <Animated.View style={animatedStyle}>{children}</Animated.View>;\n};\n\nconst ActiveTextSlider = ({ text }: { text: string }): React.ReactElement => {\n  const { theme } = useTheme();\n  const duration = castNativeType(makeMotionTime(getIn(theme.motion, 'duration.xmoderate')));\n  const opacity = useSharedValue(0);\n  const translateY = useSharedValue(12);\n\n  useEffect(() => {\n    opacity.value = 0;\n    translateY.value = 12;\n    opacity.value = withTiming(1, { duration, easing: Easing.out(Easing.ease) });\n    translateY.value = withTiming(0, { duration, easing: Easing.out(Easing.ease) });\n  }, [text, duration, opacity, translateY]);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n    transform: [{ translateY: translateY.value }],\n  }));\n\n  return (\n    <Animated.View style={animatedStyle}>\n      <ShimmerOverlay isActive>\n        <Text color=\"surface.text.onSea.onSubtle\" size=\"small\" weight=\"regular\">\n          {text}\n        </Text>\n      </ShimmerOverlay>\n    </Animated.View>\n  );\n};\n\nconst TraceRow = ({\n  text,\n  isLast,\n  stepStatus,\n}: {\n  text: string;\n  isLast: boolean;\n  stepStatus: StepStatus;\n}): React.ReactElement => (\n  <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"stretch\">\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      flexShrink={0}\n      width=\"16px\"\n      marginRight=\"spacing.3\"\n    >\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        height=\"17px\"\n        flexShrink={0}\n      >\n        {stepStatus === 'active' ? <ActiveStepIcon /> : <StepDot status={stepStatus} />}\n      </BaseBox>\n      {!isLast && <StepConnector fromStatus={stepStatus} />}\n    </BaseBox>\n\n    <BaseBox\n      paddingBottom={isLast ? 'spacing.0' : 'spacing.2'}\n      style={stepStatus === 'pending' ? { opacity: 0.5 } : undefined}\n    >\n      <ShimmerOverlay isActive={stepStatus === 'active'}>\n        <Text\n          color={\n            stepStatus === 'active' ? 'surface.text.onSea.onSubtle' : 'surface.text.gray.muted'\n          }\n          size=\"small\"\n          weight=\"regular\"\n        >\n          {text}\n        </Text>\n      </ShimmerOverlay>\n    </BaseBox>\n  </BaseBox>\n);\n\nconst ReasoningTraces = ({\n  traces,\n  status = 'loading',\n  title = 'Explored',\n  activeStepIndex,\n}: ReasoningTracesProps): React.ReactElement => {\n  const isUpfrontMode = activeStepIndex !== undefined;\n  const [isExpanded, setIsExpanded] = useState(!isUpfrontMode);\n  const isLoading = status === 'loading';\n\n  useEffect(() => {\n    if (status === 'loading') {\n      setIsExpanded(true);\n    }\n  }, [status]);\n\n  useEffect(() => {\n    if (status === 'complete') {\n      const timer = setTimeout(() => setIsExpanded(false), 600);\n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [status]);\n\n  const handleExpandChange = ({ isExpanded: next }: { isExpanded: boolean }): void => {\n    setIsExpanded(next);\n  };\n\n  const getStepStatus = (index: number): StepStatus => {\n    if (status === 'complete') return 'completed';\n    if (isUpfrontMode) {\n      if (index < activeStepIndex) return 'completed';\n      if (index === activeStepIndex) return 'active';\n      return 'pending';\n    }\n    return index < traces.length - 1 ? 'completed' : 'active';\n  };\n\n  const getTraceLabel = (trace: ReasoningTrace, stepStatus: StepStatus): string =>\n    stepStatus === 'completed' && trace.completedLabel ? trace.completedLabel : trace.label;\n\n  return (\n    <BaseBox marginTop=\"spacing.2\" marginBottom=\"spacing.3\">\n      {status === 'complete' && (\n        <Pressable onPress={() => setIsExpanded((prev) => !prev)}>\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap=\"spacing.2\"\n            padding=\"spacing.0\"\n            marginBottom=\"spacing.3\"\n          >\n            <Text color=\"surface.text.gray.muted\" weight=\"regular\" variant=\"body\" size=\"medium\">\n              {title}\n            </Text>\n            <BaseBox display=\"flex\" alignItems=\"center\">\n              {isExpanded ? (\n                <ChevronUpIcon size=\"small\" color=\"surface.icon.gray.muted\" />\n              ) : (\n                <ChevronDownIcon size=\"small\" color=\"surface.icon.gray.muted\" />\n              )}\n            </BaseBox>\n          </BaseBox>\n        </Pressable>\n      )}\n\n      <Collapsible\n        isExpanded={isExpanded}\n        onExpandChange={handleExpandChange}\n        _shouldApplyWidthRestrictions={false}\n      >\n        <CollapsibleBody _hasMargin={false}>\n          <BaseBox paddingTop=\"spacing.2\">\n            {isUpfrontMode || !isLoading ? (\n              traces.map((trace, index) => {\n                const stepStatus = getStepStatus(index);\n                return (\n                  <TraceRow\n                    key={index}\n                    text={getTraceLabel(trace, stepStatus)}\n                    isLast={index === traces.length - 1}\n                    stepStatus={stepStatus}\n                  />\n                );\n              })\n            ) : (\n              <>\n                {traces.slice(0, -1).map((trace, index) => {\n                  const isJustCompleted = index === traces.length - 2;\n                  return (\n                    <AnimatedRow key={trace.label} skipAnimation={isJustCompleted}>\n                      <TraceRow\n                        text={getTraceLabel(trace, 'completed')}\n                        isLast={false}\n                        stepStatus=\"completed\"\n                      />\n                    </AnimatedRow>\n                  );\n                })}\n\n                {traces.length > 0 && (\n                  <AnimatedRow key=\"active-row\">\n                    <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.3\">\n                      <BaseBox\n                        display=\"flex\"\n                        alignItems=\"center\"\n                        justifyContent=\"center\"\n                        flexShrink={0}\n                        width=\"16px\"\n                      >\n                        <ActiveStepIcon />\n                      </BaseBox>\n                      <BaseBox position=\"relative\" overflow=\"hidden\" flex={1}>\n                        <ActiveTextSlider\n                          text={getTraceLabel(traces[traces.length - 1], 'active')}\n                        />\n                      </BaseBox>\n                    </BaseBox>\n                  </AnimatedRow>\n                )}\n              </>\n            )}\n          </BaseBox>\n        </CollapsibleBody>\n      </Collapsible>\n    </BaseBox>\n  );\n};\n\nexport { ReasoningTraces };\n"],"names":["SparkleIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useIconProps","useIconProps","height","width","_jsx","Svg","Object","assign","viewBox","fill","children","Path","d","colors","feedback","icon","positive","intense","ActiveStepIcon","Rotate","animate","StepDot","_ref2","status","BaseBox","style","opacity","borderRadius","backgroundColor","flexShrink","StepConnector","_ref3","fromStatus","flex","minHeight","ShimmerOverlay","_ref4","isActive","_useTheme2","shimmerDuration","castNativeType","makeMotionTime","getIn","motion","useSharedValue","useEffect","value","withRepeat","withSequence","withTiming","duration","easing","Easing","inOut","ease","animatedStyle","useAnimatedStyle","_jsxs","position","overflow","Animated","View","top","left","right","bottom","surface","text","staticWhite","muted","AnimatedRow","_ref5","skipAnimation","_useTheme3","translateY","out","transform","ActiveTextSlider","_ref6","_useTheme4","Text","weight","TraceRow","_ref7","isLast","stepStatus","display","flexDirection","alignItems","marginRight","justifyContent","paddingBottom","undefined","ReasoningTraces","_ref8","traces","_ref8$status","_ref8$title","title","activeStepIndex","isUpfrontMode","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","isLoading","timer","setTimeout","clearTimeout","handleExpandChange","_ref9","next","getStepStatus","index","length","getTraceLabel","trace","completedLabel","label","marginTop","marginBottom","Pressable","onPress","prev","gap","padding","variant","ChevronUpIcon","ChevronDownIcon","Collapsible","onExpandChange","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","paddingTop","map","_Fragment","slice","isJustCompleted"],"mappings":"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"}

package/build/lib/native/components/ChatMessage/Rotate.native.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, cancelAnimation } from 'react-native-reanimated';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import '../../utils/makeMotionTime/index.native.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { castNativeType } from '../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ChatMessage/Rotate.native.tsx";var Rotate=function Rotate(_ref){var children=_ref.children,animate=_ref.animate;var _useTheme=useTheme(),theme=_useTheme.theme;var duration=castNativeType(makeMotionTime(getIn(theme.motion,'duration.gentle')));var easing=getIn(theme.motion,'easing.emphasized');var rotation=useSharedValue(0);var animatedStyles=useAnimatedStyle(function(){return {transform:[{rotateZ:`${rotation.value}deg`}]};});React__default.useEffect(function(){if(animate){rotation.value=withRepeat(withTiming(360,{duration:duration,easing:easing}),-1);}else {cancelAnimation(rotation);rotation.value=0;}return function(){cancelAnimation(rotation);};},[animate,duration,easing,rotation]);if(!animate){return children;}return jsx(Animated.View,{style:animatedStyles,children:children});};
+
+export { Rotate as default };
+//# sourceMappingURL=Rotate.native.js.map

package/build/lib/native/components/ChatMessage/Rotate.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rotate.native.js","sources":["../../../../../src/components/ChatMessage/Rotate.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { EasingFactoryFn } from 'react-native-reanimated';\nimport Animated, {\n  withTiming,\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n} from 'react-native-reanimated';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst Rotate = ({\n  children,\n  animate,\n}: {\n  children: React.ReactElement;\n  animate?: boolean;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const duration = castNativeType(makeMotionTime(getIn(theme.motion, 'duration.gentle')));\n  const easing = getIn(theme.motion, 'easing.emphasized') as EasingFactoryFn;\n\n  const rotation = useSharedValue(0);\n  const animatedStyles = useAnimatedStyle(() => ({\n    transform: [{ rotateZ: `${rotation.value}deg` }],\n  }));\n\n  React.useEffect(() => {\n    if (animate) {\n      rotation.value = withRepeat(withTiming(360, { duration, easing }), -1);\n    } else {\n      cancelAnimation(rotation);\n      rotation.value = 0;\n    }\n    return (): void => {\n      cancelAnimation(rotation);\n    };\n  }, [animate, duration, easing, rotation]);\n\n  if (!animate) {\n    return children;\n  }\n\n  return <Animated.View style={animatedStyles}>{children}</Animated.View>;\n};\n\nexport default Rotate;\n"],"names":["Rotate","_ref","children","animate","_useTheme","useTheme","theme","duration","castNativeType","makeMotionTime","getIn","motion","easing","rotation","useSharedValue","animatedStyles","useAnimatedStyle","transform","rotateZ","value","React","useEffect","withRepeat","withTiming","cancelAnimation","_jsx","Animated","View","style"],"mappings":";;;;;;;;;;;6HAcM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAAC,IAAA,CAMc,CAAA,IALxBC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CAKP,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,QAAQ,CAAGC,cAAc,CAACC,cAAc,CAACC,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAE,iBAAiB,CAAC,CAAC,CAAC,CACvF,IAAMC,MAAM,CAAGF,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAE,mBAAmB,CAAoB,CAE1E,IAAME,QAAQ,CAAGC,cAAc,CAAC,CAAC,CAAC,CAClC,IAAMC,cAAc,CAAGC,gBAAgB,CAAC,kBAAO,CAC7CC,SAAS,CAAE,CAAC,CAAEC,OAAO,CAAE,CAAA,EAAGL,QAAQ,CAACM,KAAK,CAAA,GAAA,CAAM,CAAC,CACjD,CAAC,CAAA,CAAC,CAAC,CAEHC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAIlB,OAAO,CAAE,CACXU,QAAQ,CAACM,KAAK,CAAGG,UAAU,CAACC,UAAU,CAAC,GAAG,CAAE,CAAEhB,QAAQ,CAARA,QAAQ,CAAEK,MAAM,CAANA,MAAO,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CACxE,CAAC,KAAM,CACLY,eAAe,CAACX,QAAQ,CAAC,CACzBA,QAAQ,CAACM,KAAK,CAAG,CAAC,CACpB,CACA,OAAmB,UAAA,CACjBK,eAAe,CAACX,QAAQ,CAAC,CAC3B,CAAC,CACH,CAAC,CAAE,CAACV,OAAO,CAAEI,QAAQ,CAAEK,MAAM,CAAEC,QAAQ,CAAC,CAAC,CAEzC,GAAI,CAACV,OAAO,CAAE,CACZ,OAAOD,QAAQ,CACjB,CAEA,OAAOuB,GAAA,CAACC,QAAQ,CAACC,IAAI,CAAA,CAACC,KAAK,CAAEb,cAAe,CAAAb,QAAA,CAAEA,QAAQ,CAAgB,CAAC,CACzE;;;;"}

package/build/lib/native/components/ChatMessage/SelfMessageBubble.native.js

@@ -0,0 +1,13 @@
+import 'react';
+import { chatMessageToken } from './token.js';
+import '../Box/BaseBox/index.js';
+import { FormHint } from '../Form/FormHint.js';
+import '../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ChatMessage/SelfMessageBubble.native.tsx";var SelfMessageBubble=function SelfMessageBubble(_ref){var children=_ref.children,validationState=_ref.validationState,_ref$errorText=_ref.errorText,errorText=_ref$errorText===void 0?'Message not sent. Tap to retry.':_ref$errorText,isChildText=_ref.isChildText;var isError=validationState==='error';var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;return jsxs(BaseBox,{display:"flex",flexDirection:"column",children:[jsx(BaseBox,{backgroundColor:chatMessageToken.self.backgroundColor.default,padding:isChildText?'spacing.4':'spacing.0',borderRadius:"large",alignSelf:"flex-end",borderWidth:"thin",borderColor:"surface.border.gray.muted",style:chatMessageToken.messageBubble.nativeShadow[colorScheme],children:children}),jsx(BaseBox,{alignSelf:"flex-end",children:isError&&jsx(FormHint,{type:"error",errorText:errorText,size:"small"})})]});};
+
+export { SelfMessageBubble };
+//# sourceMappingURL=SelfMessageBubble.native.js.map

package/build/lib/native/components/ChatMessage/SelfMessageBubble.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfMessageBubble.native.js","sources":["../../../../../src/components/ChatMessage/SelfMessageBubble.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { CommonChatMessageProps } from './types';\nimport { chatMessageToken } from './token';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint } from '~components/Form/FormHint';\nimport { useTheme } from '~utils';\n\nconst SelfMessageBubble = ({\n  children,\n  validationState,\n  errorText = 'Message not sent. Tap to retry.',\n  isChildText,\n}: Pick<CommonChatMessageProps, 'children' | 'validationState' | 'errorText'> & {\n  isChildText: boolean;\n}): React.ReactElement => {\n  const isError = validationState === 'error';\n  const { colorScheme } = useTheme();\n\n  return (\n    <BaseBox display=\"flex\" flexDirection=\"column\">\n      <BaseBox\n        backgroundColor={chatMessageToken.self.backgroundColor.default}\n        padding={isChildText ? 'spacing.4' : 'spacing.0'}\n        borderRadius=\"large\"\n        alignSelf=\"flex-end\"\n        borderWidth=\"thin\"\n        borderColor=\"surface.border.gray.muted\"\n        // Match web's subtle bubble shadow instead of the heavier `lowRaised` elevation token.\n        style={chatMessageToken.messageBubble.nativeShadow[colorScheme]}\n      >\n        {children}\n      </BaseBox>\n      <BaseBox alignSelf=\"flex-end\">\n        {isError && <FormHint type=\"error\" errorText={errorText} size=\"small\" />}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { SelfMessageBubble };\n"],"names":["SelfMessageBubble","_ref","children","validationState","_ref$errorText","errorText","isChildText","isError","_useTheme","useTheme","colorScheme","_jsxs","BaseBox","display","flexDirection","_jsx","backgroundColor","chatMessageToken","self","default","padding","borderRadius","alignSelf","borderWidth","borderColor","style","messageBubble","nativeShadow","FormHint","type","size"],"mappings":";;;;;;;;;wIAOM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,IAAA,CAOG,CANxB,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,eAAe,CAAAF,IAAA,CAAfE,eAAe,CAAAC,cAAA,CAAAH,IAAA,CACfI,SAAS,CAATA,SAAS,CAAAD,cAAA,GAAA,KAAA,CAAA,CAAG,iCAAiC,CAAAA,cAAA,CAC7CE,WAAW,CAAAL,IAAA,CAAXK,WAAW,CAIX,IAAMC,OAAO,CAAGJ,eAAe,GAAK,OAAO,CAC3C,IAAAK,SAAA,CAAwBC,QAAQ,EAAE,CAA1BC,WAAW,CAAAF,SAAA,CAAXE,WAAW,CAEnB,OACEC,IAAA,CAACC,OAAO,CAAA,CAACC,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAAAZ,QAAA,CAC5Ca,CAAAA,GAAA,CAACH,OAAO,CAAA,CACNI,eAAe,CAAEC,gBAAgB,CAACC,IAAI,CAACF,eAAe,CAACG,OAAQ,CAC/DC,OAAO,CAAEd,WAAW,CAAG,WAAW,CAAG,WAAY,CACjDe,YAAY,CAAC,OAAO,CACpBC,SAAS,CAAC,UAAU,CACpBC,WAAW,CAAC,MAAM,CAClBC,WAAW,CAAC,2BAA2B,CAEvCC,KAAK,CAAER,gBAAgB,CAACS,aAAa,CAACC,YAAY,CAACjB,WAAW,CAAE,CAAAR,QAAA,CAE/DA,QAAQ,CACF,CAAC,CACVa,GAAA,CAACH,OAAO,EAACU,SAAS,CAAC,UAAU,CAAApB,QAAA,CAC1BK,OAAO,EAAIQ,GAAA,CAACa,QAAQ,CAAA,CAACC,IAAI,CAAC,OAAO,CAACxB,SAAS,CAAEA,SAAU,CAACyB,IAAI,CAAC,OAAO,CAAE,CAAC,CACjE,CAAC,CAAA,CACH,CAAC,CAEd;;;;"}

package/build/lib/native/components/ChatMessage/ThumbnailPreview.native.js

@@ -0,0 +1,19 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import 'react';
+import { Image, Pressable } from 'react-native';
+import { chatMessageToken } from './token.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../../utils/index.js';
+import '../../utils/metaAttribute/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { Text } from '../Typography/Text/Text.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ChatMessage/ThumbnailPreview.native.tsx";var imagePreviewToken=chatMessageToken.imagePreview;var resolveThumbnailItem=function resolveThumbnailItem(thumbnail,originalIndex){var _thumbnail$id,_thumbnail$alt;return {id:(_thumbnail$id=thumbnail.id)!=null?_thumbnail$id:`thumbnail-${originalIndex}-${thumbnail.url}`,url:thumbnail.url,alt:(_thumbnail$alt=thumbnail.alt)!=null?_thumbnail$alt:'',originalIndex:originalIndex,originalThumbnail:thumbnail};};var getCardStyle=function getCardStyle(stackIndex,isSingleThumbnail){var _imagePreviewToken$st;if(isSingleThumbnail){return imagePreviewToken.singleCardStyle;}return (_imagePreviewToken$st=imagePreviewToken.stackCardStyles[stackIndex])!=null?_imagePreviewToken$st:imagePreviewToken.stackCardStyles[imagePreviewToken.stackCardStyles.length-1];};var ThumbnailPreview=function ThumbnailPreview(_ref){var thumbnails=_ref.thumbnails,onThumbnailClick=_ref.onThumbnailClick;var resolvedThumbnails=thumbnails.map(resolveThumbnailItem);var previewThumbnails=resolvedThumbnails.slice(0,imagePreviewToken.maxVisibleStackImages);var isSingleThumbnail=previewThumbnails.length===1;var overflowCount=Math.max(resolvedThumbnails.length-imagePreviewToken.maxVisibleStackImages,0);var stackHeight=isSingleThumbnail?imagePreviewToken.previewImageSizePx:Math.max.apply(Math,_toConsumableArray(previewThumbnails.map(function(_,stackIndex){return getCardStyle(stackIndex,isSingleThumbnail).bottom+imagePreviewToken.previewImageSizePx;})).concat([0]))+imagePreviewToken.stackHeightOffset;var containerWidth=isSingleThumbnail?imagePreviewToken.previewImageSizePx:188;var content=jsxs(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.ChatMessageThumbnailPreview}),{position:"relative",width:makeSize(containerWidth),height:makeSize(stackHeight),children:[_toConsumableArray(previewThumbnails).reverse().map(function(_ref2,reverseIndex){var id=_ref2.id,url=_ref2.url,alt=_ref2.alt;var stackIndex=previewThumbnails.length-reverseIndex-1;var cardStyle=getCardStyle(stackIndex,isSingleThumbnail);return jsx(BaseBox,{position:"absolute",width:makeSize(imagePreviewToken.previewImageSizePx),height:makeSize(imagePreviewToken.previewImageSizePx),borderRadius:"small",overflow:"hidden",padding:"spacing.0",bottom:makeSize(cardStyle.bottom),right:makeSize(cardStyle.right),zIndex:cardStyle.zIndex,elevation:"midRaised",borderWidth:"thin",borderColor:"interactive.border.staticWhite.default",backgroundColor:"surface.background.gray.moderate",style:{transform:cardStyle.nativeTransform},children:jsx(Image,{source:{uri:url},style:{width:imagePreviewToken.previewImageSizePx,height:imagePreviewToken.previewImageSizePx},resizeMode:"cover",accessibilityLabel:alt,accessibilityIgnoresInvertColors:true})},`${id}-${stackIndex}`);}),overflowCount>0?jsx(BaseBox,{position:"absolute",right:makeSize(10),bottom:makeSize(0),width:makeSize(40),height:makeSize(40),borderRadius:"max",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"surface.background.gray.moderate",elevation:"lowRaised",borderWidth:"thin",borderColor:"surface.border.gray.muted",zIndex:4,children:jsxs(Text,{color:"surface.text.gray.muted",size:"medium",weight:"medium",textAlign:"center",marginRight:"spacing.1",children:["+",overflowCount]})}):null]}));if(onThumbnailClick){return jsx(Pressable,{onPress:onThumbnailClick,children:content});}return content;};
+
+export { ThumbnailPreview };
+//# sourceMappingURL=ThumbnailPreview.native.js.map

package/build/lib/native/components/ChatMessage/ThumbnailPreview.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailPreview.native.js","sources":["../../../../../src/components/ChatMessage/ThumbnailPreview.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, Pressable } from 'react-native';\nimport type { ResolvedThumbnailItem, ThumbnailPreviewProps } from './types';\nimport { chatMessageToken } from './token';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\n\nconst imagePreviewToken = chatMessageToken.imagePreview;\n\nconst resolveThumbnailItem = (\n  thumbnail: ResolvedThumbnailItem['originalThumbnail'],\n  originalIndex: number,\n): ResolvedThumbnailItem => ({\n  id: thumbnail.id ?? `thumbnail-${originalIndex}-${thumbnail.url}`,\n  url: thumbnail.url,\n  alt: thumbnail.alt ?? '',\n  originalIndex,\n  originalThumbnail: thumbnail,\n});\n\nconst getCardStyle = (\n  stackIndex: number,\n  isSingleThumbnail: boolean,\n): typeof imagePreviewToken['singleCardStyle'] => {\n  if (isSingleThumbnail) {\n    return imagePreviewToken.singleCardStyle;\n  }\n  return (\n    imagePreviewToken.stackCardStyles[stackIndex] ??\n    imagePreviewToken.stackCardStyles[imagePreviewToken.stackCardStyles.length - 1]\n  );\n};\n\nconst ThumbnailPreview = ({\n  thumbnails,\n  onThumbnailClick,\n}: ThumbnailPreviewProps): React.ReactElement | null => {\n  const resolvedThumbnails: ResolvedThumbnailItem[] = thumbnails.map(resolveThumbnailItem);\n\n  const previewThumbnails = resolvedThumbnails.slice(0, imagePreviewToken.maxVisibleStackImages);\n  const isSingleThumbnail = previewThumbnails.length === 1;\n  const overflowCount = Math.max(\n    resolvedThumbnails.length - imagePreviewToken.maxVisibleStackImages,\n    0,\n  );\n\n  const stackHeight = isSingleThumbnail\n    ? imagePreviewToken.previewImageSizePx\n    : Math.max(\n        ...previewThumbnails.map(\n          (_, stackIndex) =>\n            getCardStyle(stackIndex, isSingleThumbnail).bottom +\n            imagePreviewToken.previewImageSizePx,\n        ),\n        0,\n      ) + imagePreviewToken.stackHeightOffset;\n\n  const containerWidth = isSingleThumbnail ? imagePreviewToken.previewImageSizePx : 188;\n\n  const content = (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.ChatMessageThumbnailPreview })}\n      position=\"relative\"\n      width={makeSize(containerWidth)}\n      height={makeSize(stackHeight)}\n    >\n      {[...previewThumbnails].reverse().map(({ id, url, alt }, reverseIndex) => {\n        const stackIndex = previewThumbnails.length - reverseIndex - 1;\n        const cardStyle = getCardStyle(stackIndex, isSingleThumbnail);\n\n        return (\n          <BaseBox\n            key={`${id}-${stackIndex}`}\n            position=\"absolute\"\n            width={makeSize(imagePreviewToken.previewImageSizePx)}\n            height={makeSize(imagePreviewToken.previewImageSizePx)}\n            borderRadius=\"small\"\n            overflow=\"hidden\"\n            padding=\"spacing.0\"\n            bottom={makeSize(cardStyle.bottom)}\n            right={makeSize(cardStyle.right)}\n            zIndex={cardStyle.zIndex}\n            elevation=\"midRaised\"\n            borderWidth=\"thin\"\n            borderColor=\"interactive.border.staticWhite.default\"\n            backgroundColor=\"surface.background.gray.moderate\"\n            style={{ transform: cardStyle.nativeTransform }}\n          >\n            <Image\n              source={{ uri: url }}\n              style={{\n                width: imagePreviewToken.previewImageSizePx,\n                height: imagePreviewToken.previewImageSizePx,\n              }}\n              resizeMode=\"cover\"\n              accessibilityLabel={alt}\n              accessibilityIgnoresInvertColors={true}\n            />\n          </BaseBox>\n        );\n      })}\n\n      {overflowCount > 0 ? (\n        <BaseBox\n          position=\"absolute\"\n          right={makeSize(10)}\n          bottom={makeSize(0)}\n          width={makeSize(40)}\n          height={makeSize(40)}\n          borderRadius=\"max\"\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          backgroundColor=\"surface.background.gray.moderate\"\n          elevation=\"lowRaised\"\n          borderWidth=\"thin\"\n          borderColor=\"surface.border.gray.muted\"\n          zIndex={4}\n        >\n          <Text\n            color=\"surface.text.gray.muted\"\n            size=\"medium\"\n            weight=\"medium\"\n            textAlign=\"center\"\n            marginRight=\"spacing.1\"\n          >\n            +{overflowCount}\n          </Text>\n        </BaseBox>\n      ) : null}\n    </BaseBox>\n  );\n\n  if (onThumbnailClick) {\n    return <Pressable onPress={onThumbnailClick}>{content}</Pressable>;\n  }\n\n  return content;\n};\n\nexport { ThumbnailPreview };\n"],"names":["this","imagePreviewToken","chatMessageToken","imagePreview","resolveThumbnailItem","thumbnail","originalIndex","_thumbnail$id","_thumbnail$alt","id","url","alt","originalThumbnail","getCardStyle","stackIndex","isSingleThumbnail","_imagePreviewToken$st","singleCardStyle","stackCardStyles","length","ThumbnailPreview","_ref","thumbnails","onThumbnailClick","resolvedThumbnails","map","previewThumbnails","slice","maxVisibleStackImages","overflowCount","Math","max","stackHeight","previewImageSizePx","apply","_toConsumableArray","_","bottom","concat","stackHeightOffset","containerWidth","content","_jsxs","BaseBox","Object","assign","metaAttribute","name","MetaConstants","ChatMessageThumbnailPreview","position","width","makeSize","height","children","reverse","_ref2","reverseIndex","cardStyle","_jsx","borderRadius","overflow","padding","right","zIndex","elevation","borderWidth","borderColor","backgroundColor","style","transform","nativeTransform","Image","source","uri","resizeMode","accessibilityLabel","accessibilityIgnoresInvertColors","display","alignItems","justifyContent","Text","color","size","weight","textAlign","marginRight","Pressable","onPress"],"mappings":"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"}

package/build/lib/native/components/ChatMessage/index.js

@@ -0,0 +1,2 @@
+export { ChatMessage } from './ChatMessage.native.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/ChatMessage/index.js.map

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

package/build/lib/native/components/ChatMessage/token.js

@@ -0,0 +1,8 @@
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+import { colors } from '../../tokens/global/colors.js';
+
+var chatMessageToken={default:{},self:{padding:'spacing.4',backgroundColor:{default:'surface.background.gray.intense',error:'feedback.background.negative.subtle'}},imagePreview:{maxVisibleStackImages:3,previewImageSize:'120px',previewImageSizePx:size[120],stackHeightOffset:size[12],singleCardStyle:{bottom:size[0],right:size[0],transform:'rotate(0deg)',nativeTransform:[{rotate:'0deg'}],zIndex:3},stackCardStyles:[{bottom:size[0],right:size[32],transform:'rotate(0deg)',nativeTransform:[{rotate:'0deg'}],zIndex:3},{bottom:size[59],right:size[10],transform:'rotate(15deg)',nativeTransform:[{rotate:'15deg'}],zIndex:2},{bottom:size[42],right:size[62],transform:'rotate(-15deg)',nativeTransform:[{rotate:'-15deg'}],zIndex:1}]},messageBubble:{boxShadow:'0px 0.5px 4px 0px',boxShadowColor:{light:colors.neutral.blueGrayLight.a906,dark:colors.neutral.black[50]},nativeShadow:{light:{shadowColor:'hsla(206, 10%, 29%, 1)',shadowOpacity:0.06,shadowRadius:4,shadowOffset:{width:0,height:0.5},elevation:1},dark:{shadowColor:'hsla(0, 0%, 0%, 1)',shadowOpacity:0.18,shadowRadius:4,shadowOffset:{width:0,height:0.5},elevation:1}}}};
+
+export { chatMessageToken };
+//# sourceMappingURL=token.js.map

package/build/lib/native/components/ChatMessage/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sources":["../../../../../src/components/ChatMessage/token.ts"],"sourcesContent":["import { size, colors as globalColors } from '~tokens/global';\n\ntype CardStyle = {\n  bottom: number;\n  right: number;\n  transform: string;\n  nativeTransform: { rotate: string }[];\n  zIndex: number;\n};\n\nconst chatMessageToken = {\n  default: {},\n  self: {\n    padding: 'spacing.4',\n    backgroundColor: {\n      default: 'surface.background.gray.intense',\n      error: 'feedback.background.negative.subtle',\n    },\n  },\n  imagePreview: {\n    maxVisibleStackImages: 3,\n    previewImageSize: '120px',\n    previewImageSizePx: size[120],\n    stackHeightOffset: size[12],\n    singleCardStyle: {\n      bottom: size[0],\n      right: size[0],\n      transform: 'rotate(0deg)',\n      nativeTransform: [{ rotate: '0deg' }],\n      zIndex: 3,\n    } as CardStyle,\n    stackCardStyles: [\n      {\n        bottom: size[0],\n        right: size[32],\n        transform: 'rotate(0deg)',\n        nativeTransform: [{ rotate: '0deg' }],\n        zIndex: 3,\n      },\n      {\n        bottom: size[59],\n        right: size[10],\n        transform: 'rotate(15deg)',\n        nativeTransform: [{ rotate: '15deg' }],\n        zIndex: 2,\n      },\n      {\n        bottom: size[42],\n        right: size[62],\n        transform: 'rotate(-15deg)',\n        nativeTransform: [{ rotate: '-15deg' }],\n        zIndex: 1,\n      },\n    ] as CardStyle[],\n  },\n  messageBubble: {\n    boxShadow: '0px 0.5px 4px 0px',\n    boxShadowColor: {\n      light: globalColors.neutral.blueGrayLight.a906,\n      dark: globalColors.neutral.black[50],\n    },\n    // React Native shadow props hand-tuned to visually match the bespoke web `boxShadow` above.\n    // Web intentionally uses this subtle shadow (offset y 0.5px, 4px blur) instead of the\n    // `lowRaised` elevation token, which renders a heavier/darker shadow on native\n    // (offset y 2, radius 2, Android elevation 8). These values mirror the web shadow's\n    // color/opacity/blur/offset so the bubble looks equally subtle on both platforms.\n    nativeShadow: {\n      light: {\n        shadowColor: 'hsla(206, 10%, 29%, 1)',\n        shadowOpacity: 0.06,\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 0.5 },\n        elevation: 1,\n      },\n      dark: {\n        shadowColor: 'hsla(0, 0%, 0%, 1)',\n        shadowOpacity: 0.18,\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 0.5 },\n        elevation: 1,\n      },\n    },\n  },\n} as const;\n\nexport { chatMessageToken };\n"],"names":["chatMessageToken","default","self","padding","backgroundColor","error","imagePreview","maxVisibleStackImages","previewImageSize","previewImageSizePx","size","stackHeightOffset","singleCardStyle","bottom","right","transform","nativeTransform","rotate","zIndex","stackCardStyles","messageBubble","boxShadow","boxShadowColor","light","globalColors","neutral","blueGrayLight","a906","dark","black","nativeShadow","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation"],"mappings":";;;;AAUM,IAAAA,gBAAgB,CAAG,CACvBC,OAAO,CAAE,EAAE,CACXC,IAAI,CAAE,CACJC,OAAO,CAAE,WAAW,CACpBC,eAAe,CAAE,CACfH,OAAO,CAAE,iCAAiC,CAC1CI,KAAK,CAAE,qCACT,CACF,CAAC,CACDC,YAAY,CAAE,CACZC,qBAAqB,CAAE,CAAC,CACxBC,gBAAgB,CAAE,OAAO,CACzBC,kBAAkB,CAAEC,IAAI,CAAC,GAAG,CAAC,CAC7BC,iBAAiB,CAAED,IAAI,CAAC,EAAE,CAAC,CAC3BE,eAAe,CAAE,CACfC,MAAM,CAAEH,IAAI,CAAC,CAAC,CAAC,CACfI,KAAK,CAAEJ,IAAI,CAAC,CAAC,CAAC,CACdK,SAAS,CAAE,cAAc,CACzBC,eAAe,CAAE,CAAC,CAAEC,MAAM,CAAE,MAAO,CAAC,CAAC,CACrCC,MAAM,CAAE,CACV,CAAc,CACdC,eAAe,CAAE,CACf,CACEN,MAAM,CAAEH,IAAI,CAAC,CAAC,CAAC,CACfI,KAAK,CAAEJ,IAAI,CAAC,EAAE,CAAC,CACfK,SAAS,CAAE,cAAc,CACzBC,eAAe,CAAE,CAAC,CAAEC,MAAM,CAAE,MAAO,CAAC,CAAC,CACrCC,MAAM,CAAE,CACV,CAAC,CACD,CACEL,MAAM,CAAEH,IAAI,CAAC,EAAE,CAAC,CAChBI,KAAK,CAAEJ,IAAI,CAAC,EAAE,CAAC,CACfK,SAAS,CAAE,eAAe,CAC1BC,eAAe,CAAE,CAAC,CAAEC,MAAM,CAAE,OAAQ,CAAC,CAAC,CACtCC,MAAM,CAAE,CACV,CAAC,CACD,CACEL,MAAM,CAAEH,IAAI,CAAC,EAAE,CAAC,CAChBI,KAAK,CAAEJ,IAAI,CAAC,EAAE,CAAC,CACfK,SAAS,CAAE,gBAAgB,CAC3BC,eAAe,CAAE,CAAC,CAAEC,MAAM,CAAE,QAAS,CAAC,CAAC,CACvCC,MAAM,CAAE,CACV,CAAC,CAEL,CAAC,CACDE,aAAa,CAAE,CACbC,SAAS,CAAE,mBAAmB,CAC9BC,cAAc,CAAE,CACdC,KAAK,CAAEC,MAAY,CAACC,OAAO,CAACC,aAAa,CAACC,IAAI,CAC9CC,IAAI,CAAEJ,MAAY,CAACC,OAAO,CAACI,KAAK,CAAC,EAAE,CACrC,CAAC,CAMDC,YAAY,CAAE,CACZP,KAAK,CAAE,CACLQ,WAAW,CAAE,wBAAwB,CACrCC,aAAa,CAAE,IAAI,CACnBC,YAAY,CAAE,CAAC,CACfC,YAAY,CAAE,CAAEC,KAAK,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAI,CAAC,CACvCC,SAAS,CAAE,CACb,CAAC,CACDT,IAAI,CAAE,CACJG,WAAW,CAAE,oBAAoB,CACjCC,aAAa,CAAE,IAAI,CACnBC,YAAY,CAAE,CAAC,CACfC,YAAY,CAAE,CAAEC,KAAK,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAI,CAAC,CACvCC,SAAS,CAAE,CACb,CACF,CACF,CACF;;;;"}

package/build/lib/native/components/Checkbox/Checkbox.js

@@ -1,42 +1,38 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { useCheckboxGroupContext } from './CheckboxGroup/CheckboxGroupContext.js';
-import { CheckboxIcon } from './CheckboxIcon/CheckboxIcon.js';
+import './CheckboxIcon/index.js';
 import { useCheckbox } from './useCheckbox.js';
 import { checkboxSizes, checkboxHoverTokens } from './checkboxTokens.js';
 import isEmpty from '../../utils/lodashButBetter/isEmpty.js';
 import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
-import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
-import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { FormHint } from '../Form/FormHint.js';
-import '../VisuallyHidden/VisuallyHidden.native.js';
-import '../Typography/Heading/Heading.js';
-import '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../Box/BaseBox/index.js';
+import '../Form/index.js';
 import { SelectorLabel } from '../Form/Selector/SelectorLabel.native.js';
 import { SelectorTitle } from '../Form/Selector/SelectorTitle.js';
 import { SelectorSupportText } from '../Form/Selector/SelectorSupportText.js';
 import { SelectorInput } from '../Form/Selector/SelectorInput.native.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/index.js';
 import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { CheckboxIcon } from './CheckboxIcon/CheckboxIcon.js';
+import { FormHint } from '../Form/FormHint.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["defaultChecked","validationState","isChecked","isDisabled","isIndeterminate","isRequired","name","onChange","value","children","helpText","errorText","size","tabIndex","testID","_motionMeta"];var _Checkbox=function _Checkbox(_ref,ref){var _groupProps$state,_groupProps$size;var defaultChecked=_ref.defaultChecked,validationState=_ref.validationState,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,isIndeterminate=_ref.isIndeterminate,isRequired=_ref.isRequired,name=_ref.name,onChange=_ref.onChange,value=_ref.value,children=_ref.children,helpText=_ref.helpText,errorText=_ref.errorText,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,tabIndex=_ref.tabIndex,testID=_ref.testID,_motionMeta=_ref._motionMeta,rest=_objectWithoutProperties(_ref,_excluded);var groupProps=useCheckboxGroupContext();var hasValidationState=!isUndefined(validationState);var hasName=!isUndefined(name);var hasDefaultChecked=!isUndefined(defaultChecked);var hasIsChecked=!isUndefined(isChecked);var hasOnChange=!isUndefined(onChange);if(__DEV__){if((hasValidationState||hasName||hasDefaultChecked||hasIsChecked||hasOnChange)&&!isEmpty(groupProps)){var props=[hasValidationState?'validationState':undefined,hasName?'name':undefined,hasDefaultChecked?'defaultChecked':undefined,hasIsChecked?'isChecked':undefined,hasOnChange?'onChange':undefined].filter(Boolean).join(',');throwBladeError({message:`Cannot set \`${props}\` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself`,moduleName:'Checkbox'});}if(!value&&!isEmpty(groupProps)){throw new Error(`[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique "value" prop to each <Checkbox />
+var _excluded=["defaultChecked","validationState","isChecked","isDisabled","isIndeterminate","isRequired","name","onChange","value","children","helpText","errorText","size","tabIndex","testID","_motionMeta"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Checkbox/Checkbox.tsx";var _Checkbox=function _Checkbox(_ref,ref){var _groupProps$state,_groupProps$size;var defaultChecked=_ref.defaultChecked,validationState=_ref.validationState,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,isIndeterminate=_ref.isIndeterminate,isRequired=_ref.isRequired,name=_ref.name,onChange=_ref.onChange,value=_ref.value,children=_ref.children,helpText=_ref.helpText,errorText=_ref.errorText,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,tabIndex=_ref.tabIndex,testID=_ref.testID,_motionMeta=_ref._motionMeta,rest=_objectWithoutProperties(_ref,_excluded);var groupProps=useCheckboxGroupContext();var hasValidationState=!isUndefined(validationState);var hasName=!isUndefined(name);var hasDefaultChecked=!isUndefined(defaultChecked);var hasIsChecked=!isUndefined(isChecked);var hasOnChange=!isUndefined(onChange);if(__DEV__){if((hasValidationState||hasName||hasDefaultChecked||hasIsChecked||hasOnChange)&&!isEmpty(groupProps)){var props=[hasValidationState?'validationState':undefined,hasName?'name':undefined,hasDefaultChecked?'defaultChecked':undefined,hasIsChecked?'isChecked':undefined,hasOnChange?'onChange':undefined].filter(Boolean).join(',');throwBladeError({message:`Cannot set \`${props}\` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself`,moduleName:'Checkbox'});}if(!value&&!isEmpty(groupProps)){throw new Error(`[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique "value" prop to each <Checkbox />
       <CheckboxGroup>
         <Checkbox value="apple">Apple</Checkbox>
         <Checkbox value="mango">Mango</Checkbox>