@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/chat/ChatList/type.d.mts

@@ -1,8 +1,8 @@
 import { DivProps } from "../../types/index.mjs";
 import { ActionIconGroupEvent, ActionIconGroupProps } from "../../ActionIconGroup/type.mjs";
 import "../../ActionIconGroup/index.mjs";
-import { AlertProps } from "../../base-ui/Alert/type.mjs";
-import "../../base-ui/Alert/index.mjs";
+import { AlertProps } from "../../Alert/type.mjs";
+import "../../Alert/index.mjs";
 import { LLMRoleType } from "../types/llm.mjs";
 import { ChatMessage } from "../types/chatMessage.mjs";
 import "../types/index.mjs";
@@ -10,23 +10,23 @@ import { ChatItemProps } from "../ChatItem/type.mjs";
 import "../ChatItem/index.mjs";
 import { FC, ReactNode } from "react";
 //#region src/chat/ChatList/type.d.ts
-type OnMessageChange = (id: string, content: string) => void;
-type OnActionsClick = (action: ActionIconGroupEvent, message: ChatMessage) => void;
-type OnAvatatsClick = (role: RenderRole) => ChatItemProps['onAvatarClick'];
-type RenderRole = LLMRoleType | 'default' | string;
-type RenderItem = FC<{
+export type OnMessageChange = (id: string, content: string) => void;
+export type OnActionsClick = (action: ActionIconGroupEvent, message: ChatMessage) => void;
+export type OnAvatatsClick = (role: RenderRole) => ChatItemProps['onAvatarClick'];
+export type RenderRole = LLMRoleType | 'default' | string;
+export type RenderItem = FC<{
   key: string;
 } & ChatMessage & ListItemProps>;
-type RenderMessage = FC<ChatMessage & {
+export type RenderMessage = FC<ChatMessage & {
   editableContent: ReactNode;
 }>;
-type RenderMessageExtra = FC<ChatMessage>;
-interface RenderErrorMessage {
+export type RenderMessageExtra = FC<ChatMessage>;
+export interface RenderErrorMessage {
   config?: AlertProps;
   Render?: FC<ChatMessage>;
 }
-type RenderAction = FC<ChatActionsBarProps & ChatMessage>;
-interface ListItemProps {
+export type RenderAction = FC<ChatActionsBarProps & ChatMessage>;
+export interface ListItemProps {
   groupNav?: ChatItemProps['avatarAddon'];
   loading?: boolean;
   /**
@@ -83,13 +83,13 @@ interface ListItemProps {
    */
   variant?: 'docs' | 'bubble';
 }
-interface ChatListProps extends DivProps, ListItemProps {
+export interface ChatListProps extends DivProps, ListItemProps {
   data: ChatMessage[];
   enableHistoryCount?: boolean;
   historyCount?: number;
   loadingId?: string;
 }
-interface ChatActionsBarProps extends ActionIconGroupProps {
+export interface ChatActionsBarProps extends ActionIconGroupProps {
   text?: {
     copy?: string;
     delete?: string;
@@ -98,5 +98,4 @@ interface ChatActionsBarProps extends ActionIconGroupProps {
   };
 }
 //#endregion
-export { ChatActionsBarProps, ChatListProps, ListItemProps, OnActionsClick, OnAvatatsClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, RenderRole };
 //# sourceMappingURL=type.d.mts.map

package/es/chat/EditableMessage/EditableMessage.mjs

@@ -4,22 +4,22 @@ import MessageInput from "../MessageInput/MessageInput.mjs";
 import MessageModal from "../MessageModal/MessageModal.mjs";
 import { memo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import useMergeState from "use-merge-value";
+import clsx from "clsx";
+import useControlledState from "use-merge-value";
 //#region src/chat/EditableMessage/EditableMessage.tsx
 const EditableMessage = memo(({ value, onChange, classNames = {}, onEditingChange, editing, openModal, onOpenChange, placeholder, showEditWhenEmpty = false, styles: customStyles, className, style, height, variant, editButtonSize, text, fullFeaturedCodeBlock, model, fontSize, language = "markdown", markdownProps }) => {
-	const [isEdit, setTyping] = useMergeState(false, {
+	const [isEdit, setTyping] = useControlledState(false, {
 		onChange: onEditingChange,
 		value: editing
 	});
-	const [expand, setExpand] = useMergeState(false, {
+	const [expand, setExpand] = useControlledState(false, {
 		onChange: onOpenChange,
 		value: openModal
 	});
 	const isAutoSize = height === "auto";
 	const input = /* @__PURE__ */ jsx(MessageInput, {
 		shortcut: true,
-		className: cx(className, classNames?.input),
+		className: clsx(className, classNames?.input),
 		classNames,
 		defaultValue: value,
 		editButtonSize,
@@ -41,7 +41,7 @@ const EditableMessage = memo(({ value, onChange, classNames = {}, onEditingChang
 	});
 	if (!value && showEditWhenEmpty) return input;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [!expand && isEdit ? input : /* @__PURE__ */ jsx(Markdown, {
-		className: cx(className, classNames?.markdown),
+		className: clsx(className, classNames?.markdown),
 		fontSize,
 		fullFeaturedCodeBlock,
 		variant: "chat",

package/es/chat/EditableMessage/EditableMessage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableMessage.mjs","names":["useControlledState"],"sources":["../../../src/chat/EditableMessage/EditableMessage.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport MessageInput from '@/chat/MessageInput';\nimport MessageModal from '@/chat/MessageModal';\nimport Markdown from '@/Markdown';\n\nimport { type EditableMessageProps } from './type';\n\nconst EditableMessage = memo<EditableMessageProps>(\n  ({\n    value,\n    onChange,\n    classNames = {},\n    onEditingChange,\n    editing,\n    openModal,\n    onOpenChange,\n    placeholder,\n    showEditWhenEmpty = false,\n    styles: customStyles,\n    className,\n    style,\n    height,\n    variant,\n    editButtonSize,\n    text,\n    fullFeaturedCodeBlock,\n    model,\n    fontSize,\n    language = 'markdown',\n    markdownProps,\n  }) => {\n    const [isEdit, setTyping] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    const [expand, setExpand] = useControlledState<boolean>(false, {\n      onChange: onOpenChange,\n      value: openModal,\n    });\n\n    const isAutoSize = height === 'auto';\n\n    const input = (\n      <MessageInput\n        shortcut\n        className={cx(className, classNames?.input)}\n        classNames={classNames}\n        defaultValue={value}\n        editButtonSize={editButtonSize}\n        height={height}\n        language={language}\n        placeholder={placeholder}\n        styles={customStyles}\n        text={text}\n        variant={variant}\n        style={{\n          ...style,\n          ...customStyles?.input,\n        }}\n        onCancel={() => setTyping(false)}\n        onConfirm={(text) => {\n          onChange?.(text);\n          setTyping(false);\n        }}\n      />\n    );\n\n    if (!value && showEditWhenEmpty) return input;\n\n    return (\n      <>\n        {!expand && isEdit ? (\n          input\n        ) : (\n          <Markdown\n            className={cx(className, classNames?.markdown)}\n            fontSize={fontSize}\n            fullFeaturedCodeBlock={fullFeaturedCodeBlock}\n            variant={'chat'}\n            style={{\n              height: isAutoSize ? 'unset' : height,\n              ...style,\n              ...customStyles?.markdown,\n            }}\n            {...markdownProps}\n          >\n            {value || placeholder || ''}\n          </Markdown>\n        )}\n        {expand && (\n          <MessageModal\n            editing={isEdit}\n            extra={model?.extra}\n            footer={model?.footer}\n            height={height}\n            language={language}\n            open={expand}\n            placeholder={placeholder}\n            text={text}\n            value={value}\n            onChange={onChange}\n            onEditingChange={setTyping}\n            onOpenChange={(e) => {\n              setExpand(e);\n              setTyping(false);\n            }}\n          />\n        )}\n      </>\n    );\n  },\n);\n\nEditableMessage.displayName = 'EditableMessage';\n\nexport default EditableMessage;\n"],"mappings":";;;;;;;;;AAYA,MAAM,kBAAkB,MACrB,EACC,OACA,UACA,aAAa,CAAC,GACd,iBACA,SACA,WACA,cACA,aACA,oBAAoB,OACpB,QAAQ,cACR,WACA,OACA,QACA,SACA,gBACA,MACA,uBACA,OACA,UACA,WAAW,YACX,oBACI;CACJ,MAAM,CAAC,QAAQ,aAAaA,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,CAAC,QAAQ,aAAaA,cAA4B,OAAO;EAC7D,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,aAAa,WAAW;CAE9B,MAAM,QACJ,oBAAC,cAAD;EACE,UAAA;EACA,WAAW,GAAG,WAAW,YAAY,KAAK;EAC9B;EACZ,cAAc;EACE;EACR;EACE;EACG;EACb,QAAQ;EACF;EACG;EACT,OAAO;GACL,GAAG;GACH,GAAG,cAAc;EACnB;EACA,gBAAgB,UAAU,KAAK;EAC/B,YAAY,SAAS;GACnB,WAAW,IAAI;GACf,UAAU,KAAK;EACjB;CACD,CAAA;CAGH,IAAI,CAAC,SAAS,mBAAmB,OAAO;CAExC,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,CAAC,UAAU,SACV,QAEA,oBAAC,UAAD;EACE,WAAW,GAAG,WAAW,YAAY,QAAQ;EACnC;EACa;EACvB,SAAS;EACT,OAAO;GACL,QAAQ,aAAa,UAAU;GAC/B,GAAG;GACH,GAAG,cAAc;EACnB;EACA,GAAI;EAEH,UAAA,SAAS,eAAe;CACjB,CAAA,GAEX,UACC,oBAAC,cAAD;EACE,SAAS;EACT,OAAO,OAAO;EACd,QAAQ,OAAO;EACP;EACE;EACV,MAAM;EACO;EACP;EACC;EACG;EACV,iBAAiB;EACjB,eAAe,MAAM;GACnB,UAAU,CAAC;GACX,UAAU,KAAK;EACjB;CACD,CAAA,CAEH,EAAA,CAAA;AAEN,CACF;AAEA,gBAAgB,cAAc"}
+{"version":3,"file":"EditableMessage.mjs","names":[],"sources":["../../../src/chat/EditableMessage/EditableMessage.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport MessageInput from '@/chat/MessageInput';\nimport MessageModal from '@/chat/MessageModal';\nimport Markdown from '@/Markdown';\n\nimport { type EditableMessageProps } from './type';\n\nconst EditableMessage = memo<EditableMessageProps>(\n  ({\n    value,\n    onChange,\n    classNames = {},\n    onEditingChange,\n    editing,\n    openModal,\n    onOpenChange,\n    placeholder,\n    showEditWhenEmpty = false,\n    styles: customStyles,\n    className,\n    style,\n    height,\n    variant,\n    editButtonSize,\n    text,\n    fullFeaturedCodeBlock,\n    model,\n    fontSize,\n    language = 'markdown',\n    markdownProps,\n  }) => {\n    const [isEdit, setTyping] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    const [expand, setExpand] = useControlledState<boolean>(false, {\n      onChange: onOpenChange,\n      value: openModal,\n    });\n\n    const isAutoSize = height === 'auto';\n\n    const input = (\n      <MessageInput\n        shortcut\n        className={clsx(className, classNames?.input)}\n        classNames={classNames}\n        defaultValue={value}\n        editButtonSize={editButtonSize}\n        height={height}\n        language={language}\n        placeholder={placeholder}\n        styles={customStyles}\n        text={text}\n        variant={variant}\n        style={{\n          ...style,\n          ...customStyles?.input,\n        }}\n        onCancel={() => setTyping(false)}\n        onConfirm={(text) => {\n          onChange?.(text);\n          setTyping(false);\n        }}\n      />\n    );\n\n    if (!value && showEditWhenEmpty) return input;\n\n    return (\n      <>\n        {!expand && isEdit ? (\n          input\n        ) : (\n          <Markdown\n            className={clsx(className, classNames?.markdown)}\n            fontSize={fontSize}\n            fullFeaturedCodeBlock={fullFeaturedCodeBlock}\n            variant={'chat'}\n            style={{\n              height: isAutoSize ? 'unset' : height,\n              ...style,\n              ...customStyles?.markdown,\n            }}\n            {...markdownProps}\n          >\n            {value || placeholder || ''}\n          </Markdown>\n        )}\n        {expand && (\n          <MessageModal\n            editing={isEdit}\n            extra={model?.extra}\n            footer={model?.footer}\n            height={height}\n            language={language}\n            open={expand}\n            placeholder={placeholder}\n            text={text}\n            value={value}\n            onChange={onChange}\n            onEditingChange={setTyping}\n            onOpenChange={(e) => {\n              setExpand(e);\n              setTyping(false);\n            }}\n          />\n        )}\n      </>\n    );\n  },\n);\n\nEditableMessage.displayName = 'EditableMessage';\n\nexport default EditableMessage;\n"],"mappings":";;;;;;;;;AAYA,MAAM,kBAAkB,MACrB,EACC,OACA,UACA,aAAa,CAAC,GACd,iBACA,SACA,WACA,cACA,aACA,oBAAoB,OACpB,QAAQ,cACR,WACA,OACA,QACA,SACA,gBACA,MACA,uBACA,OACA,UACA,WAAW,YACX,oBACI;CACJ,MAAM,CAAC,QAAQ,aAAa,mBAAmB,OAAO;EACpD,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,CAAC,QAAQ,aAAa,mBAA4B,OAAO;EAC7D,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,aAAa,WAAW;CAE9B,MAAM,QACJ,oBAAC,cAAD;EACE,UAAA;EACA,WAAW,KAAK,WAAW,YAAY,KAAK;EAChC;EACZ,cAAc;EACE;EACR;EACE;EACG;EACb,QAAQ;EACF;EACG;EACT,OAAO;GACL,GAAG;GACH,GAAG,cAAc;EACnB;EACA,gBAAgB,UAAU,KAAK;EAC/B,YAAY,SAAS;GACnB,WAAW,IAAI;GACf,UAAU,KAAK;EACjB;CACD,CAAA;CAGH,IAAI,CAAC,SAAS,mBAAmB,OAAO;CAExC,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,CAAC,UAAU,SACV,QAEA,oBAAC,UAAD;EACE,WAAW,KAAK,WAAW,YAAY,QAAQ;EACrC;EACa;EACvB,SAAS;EACT,OAAO;GACL,QAAQ,aAAa,UAAU;GAC/B,GAAG;GACH,GAAG,cAAc;EACnB;EACA,GAAI;EAEH,UAAA,SAAS,eAAe;CACjB,CAAA,GAEX,UACC,oBAAC,cAAD;EACE,SAAS;EACT,OAAO,OAAO;EACd,QAAQ,OAAO;EACP;EACE;EACV,MAAM;EACO;EACP;EACC;EACG;EACV,iBAAiB;EACjB,eAAe,MAAM;GACnB,UAAU,CAAC;GACX,UAAU,KAAK;EACjB;CACD,CAAA,CAEH,EAAA,CAAA;AAEN,CACF;AAEA,gBAAgB,cAAc"}

package/es/chat/EditableMessage/type.d.mts

@@ -6,7 +6,7 @@ import { MessageModalProps } from "../MessageModal/type.mjs";
 import "../MessageModal/index.mjs";
 import { CSSProperties } from "react";
 //#region src/chat/EditableMessage/type.d.ts
-interface EditableMessageProps {
+export interface EditableMessageProps {
   className?: string;
   classNames?: MessageInputProps['classNames'] & {
     input?: string;
@@ -40,5 +40,4 @@ interface EditableMessageProps {
   variant?: MessageInputProps['variant'];
 }
 //#endregion
-export { EditableMessageProps };
 //# sourceMappingURL=type.d.mts.map

package/es/chat/EditableMessageList/EditableMessageList.mjs

@@ -1,10 +1,10 @@
 "use client";
+import Button from "../../Button/Button.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Button from "../../base-ui/Button/Button.mjs";
-import ActionIcon from "../../base-ui/ActionIcon/ActionIcon.mjs";
-import Select from "../../base-ui/Select/Select.mjs";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
 import { useTranslation } from "../../i18n/useTranslation.mjs";
 import ControlInput from "../../EditableText/ControlInput.mjs";
+import Select from "../../Select/Select.mjs";
 import editableMessage_default from "../../i18n/resources/en/editableMessage.mjs";
 import { messagesReducer } from "./messageReducer.mjs";
 import { memo, useEffect, useReducer } from "react";

package/es/chat/EditableMessageList/EditableMessageList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableMessageList.mjs","names":["editableMessageMessages","Flexbox"],"sources":["../../../src/chat/EditableMessageList/EditableMessageList.tsx"],"sourcesContent":["'use client';\n\nimport isEqual from 'fast-deep-equal';\nimport { Plus, Trash } from 'lucide-react';\nimport { memo, useEffect, useReducer } from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport Button from '@/base-ui/Button';\nimport Select from '@/base-ui/Select';\nimport ControlInput from '@/EditableText/ControlInput';\nimport { Flexbox } from '@/Flex';\nimport editableMessageMessages from '@/i18n/resources/en/editableMessage';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport { messagesReducer } from './messageReducer';\nimport { type EditableMessageListProps } from './type';\n\nconst EditableMessageList = memo<EditableMessageListProps>(\n  ({ disabled, dataSources, onChange, texts }) => {\n    const [chatMessages, dispatch] = useReducer(messagesReducer, dataSources);\n    const { t } = useTranslation(editableMessageMessages);\n\n    const addPropsText = texts?.addProps ?? t('editableMessage.addProps');\n    const deleteText = texts?.delete ?? t('editableMessage.delete');\n    const inputPlaceholderText = texts?.inputPlaceholder ?? t('editableMessage.inputPlaceholder');\n    const outputPlaceholderText =\n      texts?.outputPlaceholder ?? t('editableMessage.outputPlaceholder');\n    const systemText = texts?.system ?? t('editableMessage.system');\n    const inputText = texts?.input ?? t('editableMessage.input');\n    const outputText = texts?.output ?? t('editableMessage.output');\n\n    useEffect(() => {\n      if (!isEqual(dataSources, chatMessages)) {\n        onChange?.(chatMessages);\n      }\n    }, [chatMessages]);\n\n    return dataSources ? (\n      <Flexbox gap={12}>\n        {chatMessages.map((item, index) => (\n          <Flexbox\n            horizontal\n            align={'center'}\n            gap={8}\n            key={`${index}-${item.content}`}\n            width={'100%'}\n          >\n            <Select\n              disabled={disabled}\n              style={{ width: 120 }}\n              value={item.role}\n              options={[\n                { label: systemText, value: 'system' },\n                { label: inputText, value: 'user' },\n                { label: outputText, value: 'assistant' },\n              ]}\n              onChange={(value) => {\n                dispatch({ index, role: value, type: 'updateMessageRole' });\n              }}\n            />\n            <ControlInput\n              disabled={disabled}\n              placeholder={item.role === 'user' ? inputPlaceholderText : outputPlaceholderText}\n              value={item.content}\n              onChange={(e) => {\n                dispatch({ index, message: e, type: 'updateMessage' });\n              }}\n            />\n            <ActionIcon\n              icon={Trash}\n              title={deleteText}\n              variant={'filled'}\n              onClick={() => {\n                dispatch({ index, type: 'deleteMessage' });\n              }}\n            />\n          </Flexbox>\n        ))}\n\n        <Button\n          block\n          disabled={disabled}\n          icon={Plus}\n          onClick={() => {\n            const lastMeg = chatMessages.at(-1);\n\n            dispatch({\n              message: { content: '', role: lastMeg?.role === 'user' ? 'assistant' : 'user' },\n              type: 'addMessage',\n            });\n          }}\n        >\n          {addPropsText}\n        </Button>\n      </Flexbox>\n    ) : undefined;\n  },\n  isEqual,\n);\n\nEditableMessageList.displayName = 'EditableMessageList';\n\nexport default EditableMessageList;\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,sBAAsB,MACzB,EAAE,UAAU,aAAa,UAAU,YAAY;CAC9C,MAAM,CAAC,cAAc,YAAY,WAAW,iBAAiB,WAAW;CACxE,MAAM,EAAE,MAAM,eAAeA,uBAAuB;CAEpD,MAAM,eAAe,OAAO,YAAY,EAAE,0BAA0B;CACpE,MAAM,aAAa,OAAO,UAAU,EAAE,wBAAwB;CAC9D,MAAM,uBAAuB,OAAO,oBAAoB,EAAE,kCAAkC;CAC5F,MAAM,wBACJ,OAAO,qBAAqB,EAAE,mCAAmC;CACnE,MAAM,aAAa,OAAO,UAAU,EAAE,wBAAwB;CAC9D,MAAM,YAAY,OAAO,SAAS,EAAE,uBAAuB;CAC3D,MAAM,aAAa,OAAO,UAAU,EAAE,wBAAwB;CAE9D,gBAAgB;EACd,IAAI,CAAC,QAAQ,aAAa,YAAY,GACpC,WAAW,YAAY;CAE3B,GAAG,CAAC,YAAY,CAAC;CAEjB,OAAO,cACL,qBAACC,mBAAD;EAAS,KAAK;EAAd,UAAA,CACG,aAAa,KAAK,MAAM,UACvB,qBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,KAAK;GAEL,OAAO;GALT,UAAA;IAOE,oBAAC,QAAD;KACY;KACV,OAAO,EAAE,OAAO,IAAI;KACpB,OAAO,KAAK;KACZ,SAAS;MACP;OAAE,OAAO;OAAY,OAAO;MAAS;MACrC;OAAE,OAAO;OAAW,OAAO;MAAO;MAClC;OAAE,OAAO;OAAY,OAAO;MAAY;KAC1C;KACA,WAAW,UAAU;MACnB,SAAS;OAAE;OAAO,MAAM;OAAO,MAAM;MAAoB,CAAC;KAC5D;IACD,CAAA;IACD,oBAAC,cAAD;KACY;KACV,aAAa,KAAK,SAAS,SAAS,uBAAuB;KAC3D,OAAO,KAAK;KACZ,WAAW,MAAM;MACf,SAAS;OAAE;OAAO,SAAS;OAAG,MAAM;MAAgB,CAAC;KACvD;IACD,CAAA;IACD,oBAAC,YAAD;KACE,MAAM;KACN,OAAO;KACP,SAAS;KACT,eAAe;MACb,SAAS;OAAE;OAAO,MAAM;MAAgB,CAAC;KAC3C;IACD,CAAA;GACM;EAhCF,GAAA,GAAG,MAAM,GAAG,KAAK,SAgCf,CACV,GAED,oBAAC,QAAD;GACE,OAAA;GACU;GACV,MAAM;GACN,eAAe;IACb,MAAM,UAAU,aAAa,GAAG,EAAE;IAElC,SAAS;KACP,SAAS;MAAE,SAAS;MAAI,MAAM,SAAS,SAAS,SAAS,cAAc;KAAO;KAC9E,MAAM;IACR,CAAC;GACH;GAEC,UAAA;EACK,CAAA,CACD;CACP,CAAA,IAAA,KAAA;AACN,GACA,OACF;AAEA,oBAAoB,cAAc"}
+{"version":3,"file":"EditableMessageList.mjs","names":["editableMessageMessages","Flexbox"],"sources":["../../../src/chat/EditableMessageList/EditableMessageList.tsx"],"sourcesContent":["'use client';\n\nimport isEqual from 'fast-deep-equal';\nimport { Plus, Trash } from 'lucide-react';\nimport { memo, useEffect, useReducer } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport Button from '@/Button';\nimport ControlInput from '@/EditableText/ControlInput';\nimport { Flexbox } from '@/Flex';\nimport editableMessageMessages from '@/i18n/resources/en/editableMessage';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Select from '@/Select';\n\nimport { messagesReducer } from './messageReducer';\nimport { type EditableMessageListProps } from './type';\n\nconst EditableMessageList = memo<EditableMessageListProps>(\n  ({ disabled, dataSources, onChange, texts }) => {\n    const [chatMessages, dispatch] = useReducer(messagesReducer, dataSources);\n    const { t } = useTranslation(editableMessageMessages);\n\n    const addPropsText = texts?.addProps ?? t('editableMessage.addProps');\n    const deleteText = texts?.delete ?? t('editableMessage.delete');\n    const inputPlaceholderText = texts?.inputPlaceholder ?? t('editableMessage.inputPlaceholder');\n    const outputPlaceholderText =\n      texts?.outputPlaceholder ?? t('editableMessage.outputPlaceholder');\n    const systemText = texts?.system ?? t('editableMessage.system');\n    const inputText = texts?.input ?? t('editableMessage.input');\n    const outputText = texts?.output ?? t('editableMessage.output');\n\n    useEffect(() => {\n      if (!isEqual(dataSources, chatMessages)) {\n        onChange?.(chatMessages);\n      }\n    }, [chatMessages]);\n\n    return dataSources ? (\n      <Flexbox gap={12}>\n        {chatMessages.map((item, index) => (\n          <Flexbox\n            horizontal\n            align={'center'}\n            gap={8}\n            key={`${index}-${item.content}`}\n            width={'100%'}\n          >\n            <Select\n              disabled={disabled}\n              style={{ width: 120 }}\n              value={item.role}\n              options={[\n                { label: systemText, value: 'system' },\n                { label: inputText, value: 'user' },\n                { label: outputText, value: 'assistant' },\n              ]}\n              onChange={(value) => {\n                dispatch({ index, role: value, type: 'updateMessageRole' });\n              }}\n            />\n            <ControlInput\n              disabled={disabled}\n              placeholder={item.role === 'user' ? inputPlaceholderText : outputPlaceholderText}\n              value={item.content}\n              onChange={(e) => {\n                dispatch({ index, message: e, type: 'updateMessage' });\n              }}\n            />\n            <ActionIcon\n              icon={Trash}\n              title={deleteText}\n              variant={'filled'}\n              onClick={() => {\n                dispatch({ index, type: 'deleteMessage' });\n              }}\n            />\n          </Flexbox>\n        ))}\n\n        <Button\n          block\n          disabled={disabled}\n          icon={Plus}\n          onClick={() => {\n            const lastMeg = chatMessages.at(-1);\n\n            dispatch({\n              message: { content: '', role: lastMeg?.role === 'user' ? 'assistant' : 'user' },\n              type: 'addMessage',\n            });\n          }}\n        >\n          {addPropsText}\n        </Button>\n      </Flexbox>\n    ) : undefined;\n  },\n  isEqual,\n);\n\nEditableMessageList.displayName = 'EditableMessageList';\n\nexport default EditableMessageList;\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,sBAAsB,MACzB,EAAE,UAAU,aAAa,UAAU,YAAY;CAC9C,MAAM,CAAC,cAAc,YAAY,WAAW,iBAAiB,WAAW;CACxE,MAAM,EAAE,MAAM,eAAeA,uBAAuB;CAEpD,MAAM,eAAe,OAAO,YAAY,EAAE,0BAA0B;CACpE,MAAM,aAAa,OAAO,UAAU,EAAE,wBAAwB;CAC9D,MAAM,uBAAuB,OAAO,oBAAoB,EAAE,kCAAkC;CAC5F,MAAM,wBACJ,OAAO,qBAAqB,EAAE,mCAAmC;CACnE,MAAM,aAAa,OAAO,UAAU,EAAE,wBAAwB;CAC9D,MAAM,YAAY,OAAO,SAAS,EAAE,uBAAuB;CAC3D,MAAM,aAAa,OAAO,UAAU,EAAE,wBAAwB;CAE9D,gBAAgB;EACd,IAAI,CAAC,QAAQ,aAAa,YAAY,GACpC,WAAW,YAAY;CAE3B,GAAG,CAAC,YAAY,CAAC;CAEjB,OAAO,cACL,qBAACC,mBAAD;EAAS,KAAK;EAAd,UAAA,CACG,aAAa,KAAK,MAAM,UACvB,qBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,KAAK;GAEL,OAAO;GALT,UAAA;IAOE,oBAAC,QAAD;KACY;KACV,OAAO,EAAE,OAAO,IAAI;KACpB,OAAO,KAAK;KACZ,SAAS;MACP;OAAE,OAAO;OAAY,OAAO;MAAS;MACrC;OAAE,OAAO;OAAW,OAAO;MAAO;MAClC;OAAE,OAAO;OAAY,OAAO;MAAY;KAC1C;KACA,WAAW,UAAU;MACnB,SAAS;OAAE;OAAO,MAAM;OAAO,MAAM;MAAoB,CAAC;KAC5D;IACD,CAAA;IACD,oBAAC,cAAD;KACY;KACV,aAAa,KAAK,SAAS,SAAS,uBAAuB;KAC3D,OAAO,KAAK;KACZ,WAAW,MAAM;MACf,SAAS;OAAE;OAAO,SAAS;OAAG,MAAM;MAAgB,CAAC;KACvD;IACD,CAAA;IACD,oBAAC,YAAD;KACE,MAAM;KACN,OAAO;KACP,SAAS;KACT,eAAe;MACb,SAAS;OAAE;OAAO,MAAM;MAAgB,CAAC;KAC3C;IACD,CAAA;GACM;EAhCF,GAAA,GAAG,MAAM,GAAG,KAAK,SAgCf,CACV,GAED,oBAAC,QAAD;GACE,OAAA;GACU;GACV,MAAM;GACN,eAAe;IACb,MAAM,UAAU,aAAa,GAAG,EAAE;IAElC,SAAS;KACP,SAAS;MAAE,SAAS;MAAI,MAAM,SAAS,SAAS,SAAS,cAAc;KAAO;KAC9E,MAAM;IACR,CAAC;GACH;GAEC,UAAA;EACK,CAAA,CACD;CACP,CAAA,IAAA,KAAA;AACN,GACA,OACF;AAEA,oBAAoB,cAAc"}

package/es/chat/EditableMessageList/type.d.mts

@@ -1,7 +1,7 @@
 import { LLMMessage } from "../types/llm.mjs";
 import "../types/index.mjs";
 //#region src/chat/EditableMessageList/type.d.ts
-interface EditableMessageListProps {
+export interface EditableMessageListProps {
   dataSources: LLMMessage[];
   disabled?: boolean;
   onChange?: (chatMessages: LLMMessage[]) => void;
@@ -16,5 +16,4 @@ interface EditableMessageListProps {
   };
 }
 //#endregion
-export { EditableMessageListProps };
 //# sourceMappingURL=type.d.mts.map

package/es/chat/LoadingDots/LoadingDots.mjs

@@ -1,8 +1,9 @@
 "use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
 import { styles } from "./style.mjs";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
+import * as stylex from "@stylexjs/stylex";
 //#region src/chat/LoadingDots/LoadingDots.tsx
 const LoadingDots = ({ size = 8, color, variant = "dots", className, style }) => {
 	const cssVariables = useMemo(() => {
@@ -13,76 +14,75 @@ const LoadingDots = ({ size = 8, color, variant = "dots", className, style }) =>
 	const renderDots = () => {
 		switch (variant) {
 			case "pulse": return /* @__PURE__ */ jsx("div", {
-				className: styles.pulseDot,
+				...stylex.props(styles.dot, styles.pulseDot),
 				style: { animationDelay: "0s" }
 			});
 			case "wave": return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsx("div", {
-					className: styles.waveDot,
+					...stylex.props(styles.dot, styles.waveDot),
 					style: { animationDelay: "0s" }
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: styles.waveDot,
+					...stylex.props(styles.dot, styles.waveDot),
 					style: { animationDelay: "0.12s" }
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: styles.waveDot,
+					...stylex.props(styles.dot, styles.waveDot),
 					style: { animationDelay: "0.24s" }
 				})
 			] });
 			case "orbit": return /* @__PURE__ */ jsxs("div", {
-				className: styles.orbitContainer,
+				...stylex.props(styles.orbitContainer),
 				children: [
 					/* @__PURE__ */ jsx("div", {
-						className: styles.orbitDot,
+						...stylex.props(styles.orbitDot),
 						style: { animationDelay: "0s" }
 					}),
 					/* @__PURE__ */ jsx("div", {
-						className: styles.orbitDot,
+						...stylex.props(styles.orbitDot),
 						style: { animationDelay: "-0.4s" }
 					}),
 					/* @__PURE__ */ jsx("div", {
-						className: styles.orbitDot,
+						...stylex.props(styles.orbitDot),
 						style: { animationDelay: "-0.8s" }
 					})
 				]
 			});
 			case "typing": return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsx("div", {
-					className: styles.typingDot,
+					...stylex.props(styles.dot, styles.typingDot),
 					style: { animationDelay: "0s" }
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: styles.typingDot,
+					...stylex.props(styles.dot, styles.typingDot),
 					style: { animationDelay: "0.15s" }
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: styles.typingDot,
+					...stylex.props(styles.dot, styles.typingDot),
 					style: { animationDelay: "0.3s" }
 				})
 			] });
 			default: return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsx("div", {
-					className: styles.defaultDot,
+					...stylex.props(styles.dot, styles.defaultDot),
 					style: { animationDelay: "0s" }
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: styles.defaultDot,
+					...stylex.props(styles.dot, styles.defaultDot),
 					style: { animationDelay: "0.15s" }
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: styles.defaultDot,
+					...stylex.props(styles.dot, styles.defaultDot),
 					style: { animationDelay: "0.3s" }
 				})
 			] });
 		}
 	};
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(variant === "orbit" ? styles.orbitWrapper : styles.container, className),
-		style: {
+		...styleProps(variant === "orbit" ? styles.orbitWrapper : styles.container, className, {
 			...cssVariables,
 			...style
-		},
+		}),
 		children: renderDots()
 	});
 };

package/es/chat/LoadingDots/LoadingDots.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingDots.mjs","names":[],"sources":["../../../src/chat/LoadingDots/LoadingDots.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { styles } from './style';\nimport type { LoadingDotsProps } from './type';\n\nconst LoadingDots: FC<LoadingDotsProps> = ({\n  size = 8,\n  color,\n  variant = 'dots',\n  className,\n  style,\n}) => {\n  // Convert props to CSS variables\n  const cssVariables = useMemo<Record<string, string>>(() => {\n    const vars: Record<string, string> = {\n      '--loading-dots-size': `${size}px`,\n    };\n    if (color) {\n      vars['--loading-dots-color'] = color;\n    }\n    return vars;\n  }, [color, size]);\n\n  const renderDots = () => {\n    switch (variant) {\n      case 'pulse': {\n        return <div className={styles.pulseDot} style={{ animationDelay: '0s' }} />;\n      }\n\n      case 'wave': {\n        return (\n          <>\n            <div className={styles.waveDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.waveDot} style={{ animationDelay: '0.12s' }} />\n            <div className={styles.waveDot} style={{ animationDelay: '0.24s' }} />\n          </>\n        );\n      }\n\n      case 'orbit': {\n        return (\n          <div className={styles.orbitContainer}>\n            <div className={styles.orbitDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.4s' }} />\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.8s' }} />\n          </div>\n        );\n      }\n\n      case 'typing': {\n        return (\n          <>\n            <div className={styles.typingDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.typingDot} style={{ animationDelay: '0.15s' }} />\n            <div className={styles.typingDot} style={{ animationDelay: '0.3s' }} />\n          </>\n        );\n      }\n\n      default: {\n        return (\n          <>\n            <div className={styles.defaultDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.defaultDot} style={{ animationDelay: '0.15s' }} />\n            <div className={styles.defaultDot} style={{ animationDelay: '0.3s' }} />\n          </>\n        );\n      }\n    }\n  };\n\n  return (\n    <div\n      className={cx(variant === 'orbit' ? styles.orbitWrapper : styles.container, className)}\n      style={{\n        ...cssVariables,\n        ...style,\n      }}\n    >\n      {renderDots()}\n    </div>\n  );\n};\n\nLoadingDots.displayName = 'LoadingDots';\n\nexport default LoadingDots;\n"],"mappings":";;;;;;AAQA,MAAM,eAAqC,EACzC,OAAO,GACP,OACA,UAAU,QACV,WACA,YACI;CAEJ,MAAM,eAAe,cAAsC;EACzD,MAAM,OAA+B,EACnC,uBAAuB,GAAG,KAAK,IACjC;EACA,IAAI,OACF,KAAK,0BAA0B;EAEjC,OAAO;CACT,GAAG,CAAC,OAAO,IAAI,CAAC;CAEhB,MAAM,mBAAmB;EACvB,QAAQ,SAAR;GACE,KAAK,SACH,OAAO,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAU,OAAO,EAAE,gBAAgB,KAAK;GAAI,CAAA;GAG5E,KAAK,QACH,OACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,KAAK;IAAI,CAAA;IAClE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,QAAQ;IAAI,CAAA;IACrE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,QAAQ;IAAI,CAAA;GACrE,EAAA,CAAA;GAIN,KAAK,SACH,OACE,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA;KACE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,KAAK;KAAI,CAAA;KACnE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,QAAQ;KAAI,CAAA;KACtE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,QAAQ;KAAI,CAAA;IACnE;;GAIT,KAAK,UACH,OACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,KAAK;IAAI,CAAA;IACpE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,QAAQ;IAAI,CAAA;IACvE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,OAAO;IAAI,CAAA;GACtE,EAAA,CAAA;GAIN,SACE,OACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,KAAK;IAAI,CAAA;IACrE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,QAAQ;IAAI,CAAA;IACxE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,OAAO;IAAI,CAAA;GACvE,EAAA,CAAA;EAGR;CACF;CAEA,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,YAAY,UAAU,OAAO,eAAe,OAAO,WAAW,SAAS;EACrF,OAAO;GACL,GAAG;GACH,GAAG;EACL;EAEC,UAAA,WAAW;CACT,CAAA;AAET;AAEA,YAAY,cAAc"}
+{"version":3,"file":"LoadingDots.mjs","names":[],"sources":["../../../src/chat/LoadingDots/LoadingDots.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { type FC, useMemo } from 'react';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from './style';\nimport type { LoadingDotsProps } from './type';\n\nconst LoadingDots: FC<LoadingDotsProps> = ({\n  size = 8,\n  color,\n  variant = 'dots',\n  className,\n  style,\n}) => {\n  const cssVariables = useMemo<Record<string, string>>(() => {\n    const vars: Record<string, string> = {\n      '--loading-dots-size': `${size}px`,\n    };\n    if (color) {\n      vars['--loading-dots-color'] = color;\n    }\n    return vars;\n  }, [color, size]);\n\n  const renderDots = () => {\n    switch (variant) {\n      case 'pulse': {\n        return (\n          <div {...stylex.props(styles.dot, styles.pulseDot)} style={{ animationDelay: '0s' }} />\n        );\n      }\n\n      case 'wave': {\n        return (\n          <>\n            <div {...stylex.props(styles.dot, styles.waveDot)} style={{ animationDelay: '0s' }} />\n            <div\n              {...stylex.props(styles.dot, styles.waveDot)}\n              style={{ animationDelay: '0.12s' }}\n            />\n            <div\n              {...stylex.props(styles.dot, styles.waveDot)}\n              style={{ animationDelay: '0.24s' }}\n            />\n          </>\n        );\n      }\n\n      case 'orbit': {\n        return (\n          <div {...stylex.props(styles.orbitContainer)}>\n            <div {...stylex.props(styles.orbitDot)} style={{ animationDelay: '0s' }} />\n            <div {...stylex.props(styles.orbitDot)} style={{ animationDelay: '-0.4s' }} />\n            <div {...stylex.props(styles.orbitDot)} style={{ animationDelay: '-0.8s' }} />\n          </div>\n        );\n      }\n\n      case 'typing': {\n        return (\n          <>\n            <div {...stylex.props(styles.dot, styles.typingDot)} style={{ animationDelay: '0s' }} />\n            <div\n              {...stylex.props(styles.dot, styles.typingDot)}\n              style={{ animationDelay: '0.15s' }}\n            />\n            <div\n              {...stylex.props(styles.dot, styles.typingDot)}\n              style={{ animationDelay: '0.3s' }}\n            />\n          </>\n        );\n      }\n\n      default: {\n        return (\n          <>\n            <div\n              {...stylex.props(styles.dot, styles.defaultDot)}\n              style={{ animationDelay: '0s' }}\n            />\n            <div\n              {...stylex.props(styles.dot, styles.defaultDot)}\n              style={{ animationDelay: '0.15s' }}\n            />\n            <div\n              {...stylex.props(styles.dot, styles.defaultDot)}\n              style={{ animationDelay: '0.3s' }}\n            />\n          </>\n        );\n      }\n    }\n  };\n\n  return (\n    <div\n      {...styleProps(variant === 'orbit' ? styles.orbitWrapper : styles.container, className, {\n        ...cssVariables,\n        ...style,\n      })}\n    >\n      {renderDots()}\n    </div>\n  );\n};\n\nLoadingDots.displayName = 'LoadingDots';\n\nexport default LoadingDots;\n"],"mappings":";;;;;;;AAOA,MAAM,eAAqC,EACzC,OAAO,GACP,OACA,UAAU,QACV,WACA,YACI;CACJ,MAAM,eAAe,cAAsC;EACzD,MAAM,OAA+B,EACnC,uBAAuB,GAAG,KAAK,IACjC;EACA,IAAI,OACF,KAAK,0BAA0B;EAEjC,OAAO;CACT,GAAG,CAAC,OAAO,IAAI,CAAC;CAChB,MAAM,mBAAmB;EACvB,QAAQ,SAAR;GACE,KAAK,SAED,OAAO,oBAAC,OAAD;IAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,QAAQ;IAAG,OAAO,EAChE,gBAAgB,KAClB;GAAI,CAAA;GAER,KAAK,QAED,OAAO,qBAAA,YAAA,EAAA,UAAA;IACL,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,OAAO;KAAG,OAAO,EACxD,gBAAgB,KAClB;IAAI,CAAA;IACJ,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,OAAO;KAAG,OAAO,EACxD,gBAAgB,QAClB;IAAI,CAAA;IACJ,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,OAAO;KAAG,OAAO,EACxD,gBAAgB,QAClB;IAAI,CAAA;GACJ,EAAA,CAAA;GAEN,KAAK,SAED,OAAO,qBAAC,OAAD;IAAK,GAAI,OAAO,MAAM,OAAO,cAAc;IAA3C,UAAA;KACL,oBAAC,OAAD;MAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;MAAG,OAAO,EAC7C,gBAAgB,KAClB;KAAI,CAAA;KACJ,oBAAC,OAAD;MAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;MAAG,OAAO,EAC7C,gBAAgB,QAClB;KAAI,CAAA;KACJ,oBAAC,OAAD;MAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;MAAG,OAAO,EAC7C,gBAAgB,QAClB;KAAI,CAAA;IACD;;GAET,KAAK,UAED,OAAO,qBAAA,YAAA,EAAA,UAAA;IACL,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,SAAS;KAAG,OAAO,EAC1D,gBAAgB,KAClB;IAAI,CAAA;IACJ,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,SAAS;KAAG,OAAO,EAC1D,gBAAgB,QAClB;IAAI,CAAA;IACJ,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,SAAS;KAAG,OAAO,EAC1D,gBAAgB,OAClB;IAAI,CAAA;GACJ,EAAA,CAAA;GAEN,SAEI,OAAO,qBAAA,YAAA,EAAA,UAAA;IACL,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,UAAU;KAAG,OAAO,EAC3D,gBAAgB,KAClB;IAAI,CAAA;IACJ,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,UAAU;KAAG,OAAO,EAC3D,gBAAgB,QAClB;IAAI,CAAA;IACJ,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK,OAAO,UAAU;KAAG,OAAO,EAC3D,gBAAgB,OAClB;IAAI,CAAA;GACJ,EAAA,CAAA;EAER;CACF;CACA,OAAO,oBAAC,OAAD;EAAK,GAAI,WAAW,YAAY,UAAU,OAAO,eAAe,OAAO,WAAW,WAAW;GAClG,GAAG;GACH,GAAG;EACL,CAAC;EACI,UAAA,WAAW;CACT,CAAA;AACT;AACA,YAAY,cAAc"}

package/es/chat/LoadingDots/style.mjs

@@ -1,156 +1,83 @@
-import { createStaticStyles } from "antd-style";
 //#region src/chat/LoadingDots/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => {
-	const size = "var(--loading-dots-size, 8px)";
-	const dotColor = "var(--loading-dots-color, var(--ant-color-primary))";
-	return {
-		container: css`
-      display: flex;
-      flex-direction: row;
-      gap: 6px;
-      align-items: center;
-      justify-content: center;
-
-      padding: ${cssVar.paddingXS};
-    `,
-		defaultDot: css`
-      width: ${size};
-      height: ${size};
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: fade-animation 1.2s ease-in-out infinite;
-
-      @keyframes fade-animation {
-        0%,
-        100% {
-          opacity: 0.3;
-        }
-
-        50% {
-          opacity: 1;
-        }
-      }
-    `,
-		orbitContainer: css`
-      position: relative;
-      width: calc(${size} * 4);
-      height: calc(${size} * 4);
-    `,
-		orbitDot: css`
-      position: absolute;
-      inset-block-start: 50%;
-      inset-inline-start: 50%;
-      transform-origin: calc(${size} * 2) 0;
-
-      width: ${size};
-      height: ${size};
-      margin-block-start: calc(${size} / -2);
-      margin-inline-start: calc(${size} / -2);
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: orbit-animation 1.2s linear infinite;
-
-      @keyframes orbit-animation {
-        0% {
-          transform: rotate(0deg) translateX(calc(${size} * 2));
-        }
-
-        100% {
-          transform: rotate(360deg) translateX(calc(${size} * 2));
-        }
-      }
-    `,
-		orbitWrapper: css`
-      position: relative;
-
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      width: calc(${size} * 5);
-      height: calc(${size} * 5);
-      padding: ${cssVar.paddingXS};
-    `,
-		pulseDot: css`
-      width: ${size};
-      height: ${size};
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: pulse-animation 1.2s ease-in-out infinite;
-
-      @keyframes pulse-animation {
-        0%,
-        100% {
-          transform: scale(0.8);
-          opacity: 0.3;
-        }
-
-        50% {
-          transform: scale(1.3);
-          opacity: 1;
-        }
-      }
-    `,
-		typingDot: css`
-      width: ${size};
-      height: ${size};
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: typing-animation 1.2s ease-in-out infinite;
-
-      @keyframes typing-animation {
-        0%,
-        100% {
-          transform: scale(0.6);
-          opacity: 0.2;
-        }
-
-        25% {
-          transform: scale(1);
-          opacity: 1;
-        }
-
-        50%,
-        75% {
-          transform: scale(0.6);
-          opacity: 0.2;
-        }
-      }
-    `,
-		waveDot: css`
-      width: ${size};
-      height: ${size};
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: wave-animation 1.24s ease-in-out infinite;
-
-      @keyframes wave-animation {
-        0%,
-        100% {
-          transform: translateY(0);
-        }
-
-        25% {
-          transform: translateY(calc(${size} * -1.5));
-        }
-
-        50% {
-          transform: translateY(0);
-        }
-      }
-    `
-	};
-});
+const styles = {
+	container: {
+		kmVPX3: "lbtoa2fd",
+		kOIVth: "lb17d4w8g",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lb1q0g3np",
+		kjj79g: "lbl56j7k",
+		$$css: true
+	},
+	defaultDot: {
+		k44tkh: "lb1m9vv7p",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lb1mw1q8i",
+		kyAemX: "lb4hg4is",
+		$$css: true
+	},
+	dot: {
+		kaIpWk: "lb16rqkct",
+		kWkggS: "lb1a11qzg",
+		kZKoxP: "lb1nintvw",
+		kzqmXN: "lb4qn5vj",
+		$$css: true
+	},
+	orbitContainer: {
+		kVAEAm: "lb1n2onr6",
+		kZKoxP: "lb64dwcm",
+		kzqmXN: "lblh0q56",
+		$$css: true
+	},
+	orbitDot: {
+		kaIpWk: "lb16rqkct",
+		k44tkh: "lb1m9vv7p",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lb19vkpf6",
+		kyAemX: "lb1esw782",
+		kWkggS: "lb1a11qzg",
+		k87sOh: "lbwa60dl",
+		kLqNvP: "lbbudbmw",
+		keoZOQ: "lb1aqyk8y",
+		keTefX: "lbvnrtqh",
+		kVAEAm: "lb10l6tqk",
+		k3nNDw: "lbf9s4g5",
+		kZKoxP: "lb1nintvw",
+		kzqmXN: "lb4qn5vj",
+		$$css: true
+	},
+	orbitWrapper: {
+		kmVPX3: "lbtoa2fd",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kjj79g: "lbl56j7k",
+		kVAEAm: "lb1n2onr6",
+		kZKoxP: "lb181jx1s",
+		kzqmXN: "lbwx3du",
+		$$css: true
+	},
+	pulseDot: {
+		k44tkh: "lb1m9vv7p",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lb4rqs0j",
+		kyAemX: "lb4hg4is",
+		$$css: true
+	},
+	typingDot: {
+		k44tkh: "lb1m9vv7p",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lb165uc2u",
+		kyAemX: "lb4hg4is",
+		$$css: true
+	},
+	waveDot: {
+		k44tkh: "lb13l1lly",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lbyu7njy",
+		kyAemX: "lb4hg4is",
+		$$css: true
+	}
+};
 //#endregion
 export { styles };
 

package/es/chat/LoadingDots/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/LoadingDots/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const size = 'var(--loading-dots-size, 8px)';\n  const dotColor = 'var(--loading-dots-color, var(--ant-color-primary))';\n\n  return {\n    container: css`\n      display: flex;\n      flex-direction: row;\n      gap: 6px;\n      align-items: center;\n      justify-content: center;\n\n      padding: ${cssVar.paddingXS};\n    `,\n\n    // Default variant (fade)\n    defaultDot: css`\n      width: ${size};\n      height: ${size};\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: fade-animation 1.2s ease-in-out infinite;\n\n      @keyframes fade-animation {\n        0%,\n        100% {\n          opacity: 0.3;\n        }\n\n        50% {\n          opacity: 1;\n        }\n      }\n    `,\n\n    orbitContainer: css`\n      position: relative;\n      width: calc(${size} * 4);\n      height: calc(${size} * 4);\n    `,\n\n    orbitDot: css`\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-start: 50%;\n      transform-origin: calc(${size} * 2) 0;\n\n      width: ${size};\n      height: ${size};\n      margin-block-start: calc(${size} / -2);\n      margin-inline-start: calc(${size} / -2);\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: orbit-animation 1.2s linear infinite;\n\n      @keyframes orbit-animation {\n        0% {\n          transform: rotate(0deg) translateX(calc(${size} * 2));\n        }\n\n        100% {\n          transform: rotate(360deg) translateX(calc(${size} * 2));\n        }\n      }\n    `,\n\n    // Orbit variant\n    orbitWrapper: css`\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: calc(${size} * 5);\n      height: calc(${size} * 5);\n      padding: ${cssVar.paddingXS};\n    `,\n\n    // Pulse variant\n    pulseDot: css`\n      width: ${size};\n      height: ${size};\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: pulse-animation 1.2s ease-in-out infinite;\n\n      @keyframes pulse-animation {\n        0%,\n        100% {\n          transform: scale(0.8);\n          opacity: 0.3;\n        }\n\n        50% {\n          transform: scale(1.3);\n          opacity: 1;\n        }\n      }\n    `,\n\n    // Typing variant\n    typingDot: css`\n      width: ${size};\n      height: ${size};\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: typing-animation 1.2s ease-in-out infinite;\n\n      @keyframes typing-animation {\n        0%,\n        100% {\n          transform: scale(0.6);\n          opacity: 0.2;\n        }\n\n        25% {\n          transform: scale(1);\n          opacity: 1;\n        }\n\n        50%,\n        75% {\n          transform: scale(0.6);\n          opacity: 0.2;\n        }\n      }\n    `,\n\n    // Wave variant\n    waveDot: css`\n      width: ${size};\n      height: ${size};\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: wave-animation 1.24s ease-in-out infinite;\n\n      @keyframes wave-animation {\n        0%,\n        100% {\n          transform: translateY(0);\n        }\n\n        25% {\n          transform: translateY(calc(${size} * -1.5));\n        }\n\n        50% {\n          transform: translateY(0);\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,OAAO;CACb,MAAM,WAAW;CAEjB,OAAO;EACL,WAAW,GAAG;;;;;;;iBAOD,OAAO,UAAU;;EAI9B,YAAY,GAAG;eACJ,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;;;;;EAgB/B,gBAAgB,GAAG;;oBAEH,KAAK;qBACJ,KAAK;;EAGtB,UAAU,GAAG;;;;+BAIc,KAAK;;eAErB,KAAK;gBACJ,KAAK;iCACY,KAAK;kCACJ,KAAK;;;0BAGb,SAAS;;;;;;oDAMiB,KAAK;;;;sDAIH,KAAK;;;;EAMvD,cAAc,GAAG;;;;;;;oBAOD,KAAK;qBACJ,KAAK;iBACT,OAAO,UAAU;;EAI9B,UAAU,GAAG;eACF,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;;;;;;;EAmB/B,WAAW,GAAG;eACH,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;;;;;;;;;;;;;EAyB/B,SAAS,GAAG;eACD,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;uCAWI,KAAK;;;;;;;;CAQ1C;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/LoadingDots/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst size = 'var(--loading-dots-size, 8px)';\nconst dotColor = 'var(--loading-dots-color, var(--lobe-color-primary))';\n\nconst fade = stylex.keyframes({\n  '0%, 100%': { opacity: 0.3 },\n  '50%': { opacity: 1 },\n});\n\nconst orbit = stylex.keyframes({\n  '0%': { transform: `rotate(0deg) translateX(calc(${size} * 2))` },\n  '100%': { transform: `rotate(360deg) translateX(calc(${size} * 2))` },\n});\n\nconst pulse = stylex.keyframes({\n  '0%, 100%': { opacity: 0.3, transform: 'scale(0.8)' },\n  '50%': { opacity: 1, transform: 'scale(1.3)' },\n});\n\nconst typing = stylex.keyframes({\n  '0%, 100%': { opacity: 0.2, transform: 'scale(0.6)' },\n  '25%': { opacity: 1, transform: 'scale(1)' },\n  '50%, 75%': { opacity: 0.2, transform: 'scale(0.6)' },\n});\n\nconst wave = stylex.keyframes({\n  '0%, 100%': { transform: 'translateY(0)' },\n  '25%': { transform: `translateY(calc(${size} * -1.5))` },\n  '50%': { transform: 'translateY(0)' },\n});\n\nexport const styles = stylex.create({\n  container: {\n    padding: cssVar.paddingXS,\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n  defaultDot: {\n    animationDuration: '1.2s',\n    animationIterationCount: 'infinite',\n    animationName: fade,\n    animationTimingFunction: 'ease-in-out',\n  },\n  dot: {\n    borderRadius: '50%',\n    backgroundColor: dotColor,\n    height: size,\n    width: size,\n  },\n  orbitContainer: {\n    position: 'relative',\n    height: `calc(${size} * 4)`,\n    width: `calc(${size} * 4)`,\n  },\n  orbitDot: {\n    borderRadius: '50%',\n    animationDuration: '1.2s',\n    animationIterationCount: 'infinite',\n    animationName: orbit,\n    animationTimingFunction: 'linear',\n    backgroundColor: dotColor,\n    insetBlockStart: '50%',\n    insetInlineStart: '50%',\n    marginBlockStart: `calc(${size} / -2)`,\n    marginInlineStart: `calc(${size} / -2)`,\n    position: 'absolute',\n    transformOrigin: `calc(${size} * 2) 0`,\n    height: size,\n    width: size,\n  },\n  orbitWrapper: {\n    padding: cssVar.paddingXS,\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    position: 'relative',\n    height: `calc(${size} * 5)`,\n    width: `calc(${size} * 5)`,\n  },\n  pulseDot: {\n    animationDuration: '1.2s',\n    animationIterationCount: 'infinite',\n    animationName: pulse,\n    animationTimingFunction: 'ease-in-out',\n  },\n  typingDot: {\n    animationDuration: '1.2s',\n    animationIterationCount: 'infinite',\n    animationName: typing,\n    animationTimingFunction: 'ease-in-out',\n  },\n  waveDot: {\n    animationDuration: '1.24s',\n    animationIterationCount: 'infinite',\n    animationName: wave,\n    animationTimingFunction: 'ease-in-out',\n  },\n});\n"],"mappings":";AAUA,MAAa,SAAS;CACpB,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/chat/LoadingDots/type.d.mts

@@ -1,7 +1,7 @@
 import { CSSProperties } from "react";
 //#region src/chat/LoadingDots/type.d.ts
-type LoadingDotsVariant = 'dots' | 'pulse' | 'wave' | 'orbit' | 'typing';
-interface LoadingDotsProps {
+export type LoadingDotsVariant = 'dots' | 'pulse' | 'wave' | 'orbit' | 'typing';
+export interface LoadingDotsProps {
   /**
    * 自定义类名
    */
@@ -27,5 +27,4 @@ interface LoadingDotsProps {
   variant?: LoadingDotsVariant;
 }
 //#endregion
-export { LoadingDotsProps, LoadingDotsVariant };
 //# sourceMappingURL=type.d.mts.map