@anker-in/campaign-ui 0.1.10 → 0.2.0

package/tailwind.config.ts

@@ -0,0 +1,82 @@
+import type { Config } from 'tailwindcss'
+
+export default {
+  // 添加前缀避免与主项目冲突
+  prefix: 'cmp-',
+  content: [
+    './src/components/**/*.{js,jsx,ts,tsx}',
+    './src/icons/**/*.{js,jsx,ts,tsx}',
+    '../storybook/.storybook/**/*.{js,jsx,ts,tsx}',
+  ],
+  // 禁用 preflight 避免覆盖主项目的基础样式
+  corePlugins: {
+    preflight: false,
+  },
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          DEFAULT: 'var(--brand-color-1)',
+          foreground: 'var(--btn-text-color)',
+        },
+        btn: {
+          primary: {
+            DEFAULT: 'var(--btn-bg-color)',
+            foreground: 'var(--btn-text-color)',
+            active: 'var(--btn-bg-active-color)',
+            disabled: {
+              DEFAULT: 'var(--btn-bg-disabled-color)',
+              foreground: 'var(--quaternary-color)',
+            },
+            border: {
+              DEFAULT: 'var(--btn-text-secondary-color)',
+              disabled: 'var(--btn-bg-secondary-disabled-border-color)',
+            },
+          },
+          secondary: {
+            DEFAULT: 'var(--btn-bg-secondary-color)',
+            foreground: 'var(--btn-text-secondary-color)',
+            active: 'var(--btn-bg-secondary-active-color)',
+            disabled: {
+              DEFAULT: 'var(--btn-bg-secondary-disabled-color)',
+              foreground: 'var(--btn-border-secondary-border-color)',
+              borderColor: 'var(--btn-border-secondary-border-color)',
+            },
+          },
+        },
+        badge: {
+          DEFAULT: 'var(--secondary-brand-color-2)',
+          foreground: 'var(--brand-color-1)',
+        },
+        skeleton: {
+          DEFAULT: 'var(--tertiary-color)',
+        },
+        background: {
+          DEFAULT: 'var(--container-primary-color)',
+        },
+      },
+      borderRadius: {
+        btn: 'var(--btn-radius)',
+      },
+      lineHeight: {
+        tight: 'var(--line-height-tight)',
+        normal: 'var(--line-height-normal)',
+        loose: 'var(--line-height-loose)',
+      },
+      letterSpacing: {
+        DEFAULT: 'var(--letter-spacing-normal)',
+      },
+      keyframes: {
+        blink: {
+          '0%': { opacity: '0.2' },
+          '20%': { opacity: '1' },
+          '100%': { opacity: '0.2' },
+        },
+      },
+      animation: {
+        blink: 'blink 1.6s infinite both',
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config

package/dist/cjs/components/animation/CodeEditor.d.ts

@@ -1,7 +0,0 @@
-declare const CodeEditor: ({ htmlCode, styleCode, jsCode, handleCodeChange, }: {
-    htmlCode: string;
-    styleCode: string;
-    jsCode: string;
-    handleCodeChange: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default CodeEditor;

package/dist/cjs/components/animation/CodeEditor.js

@@ -1,2 +0,0 @@
-"use strict";var u=Object.create;var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var w=(e,a)=>{for(var t in a)s(e,t,{get:a[t],enumerable:!0})},r=(e,a,t,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of f(a))!L.call(e,n)&&n!==t&&s(e,n,{get:()=>a[n],enumerable:!(c=m(a,n))||c.enumerable});return e};var x=(e,a,t)=>(t=e!=null?u(v(e)):{},r(a||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),C=e=>r(s({},"__esModule",{value:!0}),e);var z={};w(z,{default:()=>M});module.exports=C(z);var l=require("react/jsx-runtime"),h=require("react"),g=require("../../helpers/index.js"),d=x(require("@monaco-editor/react"));const y=({htmlCode:e,styleCode:a,jsCode:t,handleCodeChange:c})=>(0,l.jsx)("div",{className:"flex flex-col bg-[#000] gap-[5px]",children:[{type:"html",label:"HTML",language:"html",code:e,icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="#e74d4d" d="M12 18.178l4.62-1.256.623-6.778H9.026L8.822 7.89h8.626l.227-2.211H6.325l.636 6.678h7.82l-.261 2.866-2.52.667-2.52-.667-.158-1.844h-2.27l.329 3.544L12 18.178zM3 2h18l-1.623 18L12 22l-7.377-2L3 2z"></path></svg>'},{type:"css",label:"CSS",language:"css",code:a,icon:'<svg t="1730629714840" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6769" width="20" height="20"><path d="M384 611.456 384 497.216c0-15.136 6.688-29.44 18.848-40.288 12.16-10.848 28.192-16.832 45.152-16.832l0-57.12c-70.4 0-128 51.392-128 114.208l0 85.664c0 15.776-14.336 28.544-32 28.544l-32 0 0 57.12 32 0c17.664 0 32 12.8 32 28.544l0 85.664c0 62.816 57.6 114.208 128 114.208l0-57.12c-16.96 0-32.992-5.984-45.152-16.832-12.16-10.848-18.848-25.152-18.848-40.288l0-114.24c0-15.776-14.336-28.544-32-28.544C369.664 640 384 627.2 384 611.456zM640 668.544l0 114.24c0 15.136-6.688 29.44-18.848 40.288-12.16 10.848-28.192 16.832-45.152 16.832l0 57.12c70.4 0 128-51.392 128-114.208l0-85.664c0-15.776 14.336-28.544 32-28.544l32 0 0-57.12-32 0c-17.664 0-32-12.8-32-28.544L704 497.216c0-62.816-57.6-114.208-128-114.208l0 57.12c16.96 0 32.992 5.984 45.152 16.832 12.16 10.848 18.848 25.152 18.848 40.288l0 114.24c0 15.776 14.336 28.544 32 28.544C654.336 640 640 652.8 640 668.544zM903.424 199.424l-142.88-142.848C729.472 25.44 668 0 624 0L144 0C100 0 64 36 64 80l0 864c0 44 36 80 80 80l736 0c44 0 80-36 80-80L960 336C960 292 934.528 230.528 903.424 199.424zM858.176 244.672c3.136 3.136 6.24 6.976 9.28 11.328L704 256 704 92.544c4.352 3.04 8.192 6.144 11.328 9.28L858.176 244.672zM896 944c0 8.672-7.328 16-16 16L144 960c-8.672 0-16-7.328-16-16L128 80c0-8.672 7.328-16 16-16l480 0c4.832 0 10.24 0.608 16 1.696L640 320l254.304 0c1.088 5.76 1.696 11.168 1.696 16L896 944z" fill="#1296db" p-id="6770"></path></svg>'},{type:"js",label:"JS",language:"javascript",code:t,icon:'<svg t="1730629587097" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5557" width="20" height="20"><path d="M707.072 648.448c-15.36 8.704-36.864 13.312-63.488 13.312-30.208 0-52.224-5.632-66.56-15.872-15.872-11.776-25.6-31.744-29.696-59.392h-59.392c2.56 46.592 19.456 80.384 50.176 101.888 25.088 17.408 60.416 26.112 105.472 26.112 46.592 0 82.944-9.728 108.544-28.16 25.6-18.944 38.4-45.056 38.4-77.824 0-33.792-15.872-59.904-47.616-78.848-14.336-8.192-46.08-20.48-95.744-35.84-33.792-10.752-54.784-18.432-62.464-22.528-17.408-9.216-25.6-22.016-25.6-37.376 0-17.408 7.168-30.208 22.528-37.888 12.288-6.656 29.696-9.728 52.736-9.728 26.624 0 47.104 4.608 60.416 14.848 13.312 9.728 23.04 26.112 28.16 48.64h59.392c-3.584-39.936-18.432-69.632-44.032-88.576-24.064-17.92-57.856-26.624-100.864-26.624-39.424 0-71.68 8.704-97.28 26.624-27.648 18.432-40.96 44.032-40.96 76.288s13.824 56.832 41.984 73.728c10.752 6.144 38.912 16.384 83.968 30.72 40.448 12.288 64 20.48 71.168 24.064 22.528 11.264 34.304 26.624 34.304 46.08 0 15.36-8.192 27.136-23.552 36.352zM884.864 223.84L557.984 34.56a101.088 101.088 0 0 0-101.056 0L130.24 223.872a101.12 101.12 0 0 0-50.24 87.2v401.312c0 36.384 19.712 70.016 51.424 87.872l117.792 66.176c1.28 0.704 2.688 0.768 4.032 1.312 15.648 7.616 34.272 11.52 57.472 11.52 42.496 0 75.36-15.52 94.816-37.024 17.408-20.48 26.112-51.2 26.112-93.184V341.76h-59.904v405.248c0 26.112-4.608 45.056-13.824 56.832-9.216 11.776-24.064 17.92-44.032 17.92-2.688 0-18.656-4.096-31.2-9.408l-0.16-0.032c-0.736-0.48-1.184-1.248-1.952-1.664l-117.76-66.176A36.96 36.96 0 0 1 144 712.352v-401.28c0-13.088 7.04-25.28 18.336-31.84l326.656-189.28a36.8 36.8 0 0 1 36.896 0l326.88 189.28c11.328 6.592 18.368 18.784 18.368 31.872V713.6c0 12.864-6.88 24.96-17.92 31.552L537.472 933.824a36.8 36.8 0 0 1-36.896 0.512l-67.168-37.76a32 32 0 1 0-31.392 55.808l67.2 37.76a100.832 100.832 0 0 0 101.056-1.376l315.744-188.672a101.216 101.216 0 0 0 49.088-86.496V311.072a100.992 100.992 0 0 0-50.24-87.232z" fill="#fcd002" p-id="5558"></path></svg>'}]?.map(o=>(0,l.jsx)(b,{data:o,code:o?.code||"",language:o?.language||"html",handleCodeChange:c}))});var M=y;const b=({data:e,code:a,language:t,handleCodeChange:c})=>{const n=(0,d.useMonaco)(),o=(0,h.useRef)(null),O={selectOnLineNumbers:!0,automaticLayout:!0,formatOnType:!0,formatOnPaste:!0,minimap:{enabled:!1}},p=(i,H)=>{o.current=i,i.updateOptions({selectOnLineNumbers:!0,automaticLayout:!0,formatOnType:!0,formatOnPaste:!0,minimap:{enabled:!1}})};return(0,l.jsxs)("div",{className:"flex-1",children:[(0,l.jsxs)("a",{className:(0,g.cn)("flex gap-[5px] max-w-[170px] w-full py-[2px] px-[14px] rounded-t-[4px] cursor-pointer bg-[#1e1e1e] text-[#fff]"),children:[(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:e?.icon}}),(0,l.jsx)("span",{children:e?.label})]}),(0,l.jsx)(d.default,{height:"28vh",defaultLanguage:t,defaultValue:a,theme:"vs-dark",onMount:p})]})};
-//# sourceMappingURL=CodeEditor.js.map

package/dist/cjs/components/animation/CodeEditor.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/animation/CodeEditor.tsx"],
-  "sourcesContent": ["/* eslint-disable */\nimport { useEffect, useState, useRef } from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Editor, { useMonaco } from '@monaco-editor/react'\n\nconst CodeEditor = ({\n  htmlCode,\n  styleCode,\n  jsCode,\n  handleCodeChange,\n}: {\n  htmlCode: string\n  styleCode: string\n  jsCode: string\n  handleCodeChange: any\n}) => {\n  const codeData = [\n    {\n      type: 'html',\n      label: 'HTML',\n      language: 'html',\n      code: htmlCode,\n      icon: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path fill=\"none\" d=\"M0 0h24v24H0z\"></path><path fill=\"#e74d4d\" d=\"M12 18.178l4.62-1.256.623-6.778H9.026L8.822 7.89h8.626l.227-2.211H6.325l.636 6.678h7.82l-.261 2.866-2.52.667-2.52-.667-.158-1.844h-2.27l.329 3.544L12 18.178zM3 2h18l-1.623 18L12 22l-7.377-2L3 2z\"></path></svg>',\n    },\n    {\n      type: 'css',\n      label: 'CSS',\n      language: 'css',\n      code: styleCode,\n      icon: '<svg t=\"1730629714840\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"6769\" width=\"20\" height=\"20\"><path d=\"M384 611.456 384 497.216c0-15.136 6.688-29.44 18.848-40.288 12.16-10.848 28.192-16.832 45.152-16.832l0-57.12c-70.4 0-128 51.392-128 114.208l0 85.664c0 15.776-14.336 28.544-32 28.544l-32 0 0 57.12 32 0c17.664 0 32 12.8 32 28.544l0 85.664c0 62.816 57.6 114.208 128 114.208l0-57.12c-16.96 0-32.992-5.984-45.152-16.832-12.16-10.848-18.848-25.152-18.848-40.288l0-114.24c0-15.776-14.336-28.544-32-28.544C369.664 640 384 627.2 384 611.456zM640 668.544l0 114.24c0 15.136-6.688 29.44-18.848 40.288-12.16 10.848-28.192 16.832-45.152 16.832l0 57.12c70.4 0 128-51.392 128-114.208l0-85.664c0-15.776 14.336-28.544 32-28.544l32 0 0-57.12-32 0c-17.664 0-32-12.8-32-28.544L704 497.216c0-62.816-57.6-114.208-128-114.208l0 57.12c16.96 0 32.992 5.984 45.152 16.832 12.16 10.848 18.848 25.152 18.848 40.288l0 114.24c0 15.776 14.336 28.544 32 28.544C654.336 640 640 652.8 640 668.544zM903.424 199.424l-142.88-142.848C729.472 25.44 668 0 624 0L144 0C100 0 64 36 64 80l0 864c0 44 36 80 80 80l736 0c44 0 80-36 80-80L960 336C960 292 934.528 230.528 903.424 199.424zM858.176 244.672c3.136 3.136 6.24 6.976 9.28 11.328L704 256 704 92.544c4.352 3.04 8.192 6.144 11.328 9.28L858.176 244.672zM896 944c0 8.672-7.328 16-16 16L144 960c-8.672 0-16-7.328-16-16L128 80c0-8.672 7.328-16 16-16l480 0c4.832 0 10.24 0.608 16 1.696L640 320l254.304 0c1.088 5.76 1.696 11.168 1.696 16L896 944z\" fill=\"#1296db\" p-id=\"6770\"></path></svg>',\n    },\n    {\n      type: 'js',\n      label: 'JS',\n      language: 'javascript',\n      code: jsCode,\n      icon: '<svg t=\"1730629587097\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"5557\" width=\"20\" height=\"20\"><path d=\"M707.072 648.448c-15.36 8.704-36.864 13.312-63.488 13.312-30.208 0-52.224-5.632-66.56-15.872-15.872-11.776-25.6-31.744-29.696-59.392h-59.392c2.56 46.592 19.456 80.384 50.176 101.888 25.088 17.408 60.416 26.112 105.472 26.112 46.592 0 82.944-9.728 108.544-28.16 25.6-18.944 38.4-45.056 38.4-77.824 0-33.792-15.872-59.904-47.616-78.848-14.336-8.192-46.08-20.48-95.744-35.84-33.792-10.752-54.784-18.432-62.464-22.528-17.408-9.216-25.6-22.016-25.6-37.376 0-17.408 7.168-30.208 22.528-37.888 12.288-6.656 29.696-9.728 52.736-9.728 26.624 0 47.104 4.608 60.416 14.848 13.312 9.728 23.04 26.112 28.16 48.64h59.392c-3.584-39.936-18.432-69.632-44.032-88.576-24.064-17.92-57.856-26.624-100.864-26.624-39.424 0-71.68 8.704-97.28 26.624-27.648 18.432-40.96 44.032-40.96 76.288s13.824 56.832 41.984 73.728c10.752 6.144 38.912 16.384 83.968 30.72 40.448 12.288 64 20.48 71.168 24.064 22.528 11.264 34.304 26.624 34.304 46.08 0 15.36-8.192 27.136-23.552 36.352zM884.864 223.84L557.984 34.56a101.088 101.088 0 0 0-101.056 0L130.24 223.872a101.12 101.12 0 0 0-50.24 87.2v401.312c0 36.384 19.712 70.016 51.424 87.872l117.792 66.176c1.28 0.704 2.688 0.768 4.032 1.312 15.648 7.616 34.272 11.52 57.472 11.52 42.496 0 75.36-15.52 94.816-37.024 17.408-20.48 26.112-51.2 26.112-93.184V341.76h-59.904v405.248c0 26.112-4.608 45.056-13.824 56.832-9.216 11.776-24.064 17.92-44.032 17.92-2.688 0-18.656-4.096-31.2-9.408l-0.16-0.032c-0.736-0.48-1.184-1.248-1.952-1.664l-117.76-66.176A36.96 36.96 0 0 1 144 712.352v-401.28c0-13.088 7.04-25.28 18.336-31.84l326.656-189.28a36.8 36.8 0 0 1 36.896 0l326.88 189.28c11.328 6.592 18.368 18.784 18.368 31.872V713.6c0 12.864-6.88 24.96-17.92 31.552L537.472 933.824a36.8 36.8 0 0 1-36.896 0.512l-67.168-37.76a32 32 0 1 0-31.392 55.808l67.2 37.76a100.832 100.832 0 0 0 101.056-1.376l315.744-188.672a101.216 101.216 0 0 0 49.088-86.496V311.072a100.992 100.992 0 0 0-50.24-87.232z\" fill=\"#fcd002\" p-id=\"5558\"></path></svg>',\n    },\n  ]\n  return (\n    <div className=\"flex flex-col bg-[#000] gap-[5px]\">\n      {codeData?.map(item => (\n        <CodeItem\n          data={item}\n          code={item?.code || ''}\n          language={item?.language || 'html'}\n          handleCodeChange={handleCodeChange}\n        />\n      ))}\n    </div>\n  )\n}\nexport default CodeEditor\n\nconst CodeItem = ({\n  data,\n  code,\n  language,\n  handleCodeChange,\n}: {\n  data: any\n  code: string\n  language: string\n  handleCodeChange: any\n}) => {\n  const monaco = useMonaco()\n  const editorRef = useRef(null)\n  const editorOptions = {\n    selectOnLineNumbers: true,\n    automaticLayout: true, // \u81EA\u52A8\u9002\u5E94\u5E03\u5C40\n    formatOnType: true,\n    formatOnPaste: true,\n    minimap: {\n      enabled: false,\n    },\n  }\n  const handleEditorDidMount = (editor: any, monaco: any) => {\n    editorRef.current = editor\n    // \u914D\u7F6E\u81EA\u52A8\u683C\u5F0F\u5316\u9009\u9879\n    editor.updateOptions({\n      selectOnLineNumbers: true,\n      automaticLayout: true, // \u81EA\u52A8\u9002\u5E94\u5E03\u5C40\n      formatOnType: true,\n      formatOnPaste: true,\n      minimap: {\n        enabled: false,\n      },\n    })\n  }\n  // const handleFormatDocument = () => {\n  //   if (editorRef.current) {\n  //     editorRef?.current?.getAction('editor.action.formatDocument').run()\n  //   }\n  // }\n  return (\n    <div className=\"flex-1\">\n      <a\n        className={cn(\n          'flex gap-[5px] max-w-[170px] w-full py-[2px] px-[14px] rounded-t-[4px] cursor-pointer bg-[#1e1e1e] text-[#fff]'\n        )}\n      >\n        <div dangerouslySetInnerHTML={{ __html: data?.icon }} />\n        <span>{data?.label}</span>\n      </a>\n      <Editor\n        height=\"28vh\"\n        defaultLanguage={language}\n        defaultValue={code}\n        theme=\"vs-dark\"\n        onMount={handleEditorDidMount}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA0CQ,IAAAI,EAAA,6BAzCRC,EAA4C,iBAC5CC,EAAmB,kCACnBD,EAAkC,mCAElC,MAAME,EAAa,CAAC,CAClB,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,iBAAAC,CACF,OA8BI,OAAC,OAAI,UAAU,oCACZ,SAzBY,CACf,CACE,KAAM,OACN,MAAO,OACP,SAAU,OACV,KAAMH,EACN,KAAM,yWACR,EACA,CACE,KAAM,MACN,MAAO,MACP,SAAU,MACV,KAAMC,EACN,KAAM,0gDACR,EACA,CACE,KAAM,KACN,MAAO,KACP,SAAU,aACV,KAAMC,EACN,KAAM,oiEACR,CACF,GAGe,IAAIE,MACb,OAACC,EAAA,CACC,KAAMD,EACN,KAAMA,GAAM,MAAQ,GACpB,SAAUA,GAAM,UAAY,OAC5B,iBAAkBD,EACpB,CACD,EACH,EAGJ,IAAOT,EAAQK,EAEf,MAAMM,EAAW,CAAC,CAChB,KAAAC,EACA,KAAAC,EACA,SAAAC,EACA,iBAAAL,CACF,IAKM,CACJ,MAAMM,KAAS,aAAU,EACnBC,KAAY,UAAO,IAAI,EACvBC,EAAgB,CACpB,oBAAqB,GACrB,gBAAiB,GACjB,aAAc,GACd,cAAe,GACf,QAAS,CACP,QAAS,EACX,CACF,EACMC,EAAuB,CAACC,EAAaJ,IAAgB,CACzDC,EAAU,QAAUG,EAEpBA,EAAO,cAAc,CACnB,oBAAqB,GACrB,gBAAiB,GACjB,aAAc,GACd,cAAe,GACf,QAAS,CACP,QAAS,EACX,CACF,CAAC,CACH,EAMA,SACE,QAAC,OAAI,UAAU,SACb,qBAAC,KACC,aAAW,MACT,gHACF,EAEA,oBAAC,OAAI,wBAAyB,CAAE,OAAQP,GAAM,IAAK,EAAG,KACtD,OAAC,QAAM,SAAAA,GAAM,MAAM,GACrB,KACA,OAAC,EAAAQ,QAAA,CACC,OAAO,OACP,gBAAiBN,EACjB,aAAcD,EACd,MAAM,UACN,QAASK,EACX,GACF,CAEJ",
-  "names": ["CodeEditor_exports", "__export", "CodeEditor_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "CodeEditor", "htmlCode", "styleCode", "jsCode", "handleCodeChange", "item", "CodeItem", "data", "code", "language", "monaco", "editorRef", "editorOptions", "handleEditorDidMount", "editor", "Editor"]
-}

package/dist/cjs/components/animation/Preview.d.ts

@@ -1,5 +0,0 @@
-export interface PreviewProps {
-    code: string;
-}
-declare const Preview: (props: PreviewProps) => import("react/jsx-runtime").JSX.Element;
-export default Preview;

package/dist/cjs/components/animation/Preview.js

@@ -1,2 +0,0 @@
-"use strict";var o=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var w=(r,e)=>{for(var t in e)o(r,t,{get:e[t],enumerable:!0})},P=(r,e,t,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of p(e))!l.call(r,i)&&i!==t&&o(r,i,{get:()=>e[i],enumerable:!(f=n(e,i))||f.enumerable});return r};var a=r=>P(o({},"__esModule",{value:!0}),r);var v={};w(v,{default:()=>u});module.exports=a(v);var c=require("react/jsx-runtime"),s=require("react");const d=r=>{const{code:e}=r,t=(0,s.useRef)(null);return(0,c.jsx)("iframe",{ref:t,title:"preview",style:{width:"100%",height:"100%"}})};var u=d;
-//# sourceMappingURL=Preview.js.map

package/dist/cjs/components/animation/Preview.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/animation/Preview.tsx"],
-  "sourcesContent": ["/* eslint-disable */\nimport React, { useEffect, useRef } from 'react'\n// import * as Babel from '@babel/standalone'\n\nexport interface PreviewProps {\n  code: string\n}\n\nconst Preview = (props: PreviewProps) => {\n  const { code } = props\n  const iframeRef = useRef(null)\n\n  // useEffect(() => {\n  //   const timeout = setTimeout(() => {\n  //     const compiledCode = Babel.transform(code, { presets: ['react'] }).code\n  //     const html = `\n  //       <!DOCTYPE html>\n  //       <html>\n  //         <head></head>\n  //         <body>\n  //           <div id=\"root\"></div>\n  //           <script>\n  //             ${compiledCode}\n  //             const App = () => React.createElement('div', null, 'Hello World');\n  //             ReactDOM.render(React.createElement(App), document.getElementById('root'));\n  //           </script>\n  //         </body>\n  //       </html>\n  //     `\n  //     if (iframeRef?.current) iframeRef.current.srcdoc = html\n  //   }, 500)\n\n  //   return () => clearTimeout(timeout)\n  // }, [code])\n\n  return <iframe ref={iframeRef} title=\"preview\" style={{ width: '100%', height: '100%' }} />\n}\n\nexport default Preview\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmCS,IAAAI,EAAA,6BAlCTC,EAAyC,iBAOzC,MAAMC,EAAWC,GAAwB,CACvC,KAAM,CAAE,KAAAC,CAAK,EAAID,EACXE,KAAY,UAAO,IAAI,EAyB7B,SAAO,OAAC,UAAO,IAAKA,EAAW,MAAM,UAAU,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,EAAG,CAC3F,EAEA,IAAOP,EAAQI",
-  "names": ["Preview_exports", "__export", "Preview_default", "__toCommonJS", "import_jsx_runtime", "import_react", "Preview", "props", "code", "iframeRef"]
-}

package/dist/cjs/components/animation/bannerAni.d.ts

@@ -1,16 +0,0 @@
-export interface BannerAniProps {
-    type: string;
-    banner1: string;
-    banner2: string;
-    link1?: string;
-    link2?: string;
-    GSAP: any;
-}
-declare global {
-    interface Window {
-        gsap: any;
-        ScrollTrigger: any;
-    }
-}
-declare const BannerAni: (props: BannerAniProps) => import("react/jsx-runtime").JSX.Element | undefined;
-export default BannerAni;

package/dist/cjs/components/animation/bannerAni.js

@@ -1,59 +0,0 @@
-"use strict";var C=Object.create;var c=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var k=(i,t)=>{for(var a in t)c(i,a,{get:t[a],enumerable:!0})},m=(i,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of T(t))!y.call(i,r)&&r!==a&&c(i,r,{get:()=>t[r],enumerable:!(o=B(t,r))||o.enumerable});return i};var P=(i,t,a)=>(a=i!=null?C(w(i)):{},m(t||!i||!i.__esModule?c(a,"default",{value:i,enumerable:!0}):a,i)),S=i=>m(c({},"__esModule",{value:!0}),i);var F={};k(F,{default:()=>z});module.exports=S(F);var e=require("react/jsx-runtime"),s=require("react"),H=require("../../helpers/index.js"),d=P(require("./CodeEditor.js"));const A=i=>{const{type:t,banner1:a,banner2:o,link1:r,link2:n,GSAP:p}=i,{gsap:g,ScrollTrigger:l}=p;switch((0,s.useEffect)(()=>{switch(g.registerPlugin(l),t){case"\u88C1\u526A\u65B9\u5F0F":g.timeline({scrollTrigger:{trigger:".aniTrigger1",start:"top top",end:"+=100%",pin:!0,scrub:!0}}).to(".aniTrigger1 .aniBgBox",{opacity:"0.5"}).to(".aniTrigger1 .imgCover",{clipPath:"inset(0 0 100%)"},"=");break;case"\u8986\u76D6\u65B9\u5F0F":g.timeline({scrollTrigger:{trigger:".aniTrigger2",start:"top top",end:"+=100%",pin:!0,scrub:!0}}).to(".aniTrigger2 .aniBgBox",{opacity:"0.5"}).to(".aniTrigger2 .imgCover",{top:"0"},"=");break;case"\u4E0A\u63A8\u65B9\u5F0F":g.timeline({scrollTrigger:{trigger:".aniTrigger3",start:"top top",end:"+=100%",pin:!0,scrub:!0}}).to(".aniTrigger3 .aniBgBox",{opacity:"0.5"}).to(".aniTrigger3 .imgCover",{top:"-100%"},"=");break;case"\u4E0A\u79FB\u89C6\u5DEE\u65B9\u5F0F":g.timeline({scrollTrigger:{trigger:".aniTrigger4",start:"top top",end:"+=100%",scrub:!0}}).to(".aniTrigger4 .imgBg img",{y:200});break;default:g.timeline({scrollTrigger:{trigger:".aniTrigger1",start:"top top",end:"+=100%",pin:!0,scrub:!0}}).to(".aniTrigger1 .aniBgBox",{opacity:"0.5"}).to(".aniTrigger1 .imgCover",{clipPath:"inset(0 0 100%)"},"=")}},[]),t){case"\u88C1\u526A\u65B9\u5F0F":return(0,e.jsx)(M,{...i});case"\u8986\u76D6\u65B9\u5F0F":return(0,e.jsxs)("div",{className:"",children:[(0,e.jsx)("h2",{className:"text-[30px] font-[600]",children:t}),(0,e.jsxs)("p",{className:"text-[20px] font-[500]",children:["Figma\u94FE\u63A5: ",r]}),(0,e.jsxs)("p",{className:"text-[20px] font-[500]",children:["\u7EBF\u4E0A\u53C2\u8003\u94FE\u63A5: ",n]}),(0,e.jsxs)("div",{className:"relative aniTrigger2",children:[(0,e.jsxs)("div",{className:"imgBg",children:[(0,e.jsx)("div",{className:"aniBgBox absolute top-0 left-0 bottom-0 right-0 bg-[#000] opacity-0"}),(0,e.jsx)("img",{src:a})]}),(0,e.jsx)("div",{className:"imgCover w-full absolute top-[100%]",children:(0,e.jsx)("img",{src:o})})]})]});case"\u4E0A\u63A8\u65B9\u5F0F":return(0,e.jsxs)("div",{className:"",children:[(0,e.jsx)("h2",{className:"text-[30px] font-[600]",children:t}),(0,e.jsxs)("p",{className:"text-[20px] font-[500]",children:["Figma\u94FE\u63A5: ",r]}),(0,e.jsxs)("p",{className:"text-[20px] font-[500]",children:["\u7EBF\u4E0A\u53C2\u8003\u94FE\u63A5: ",n]}),(0,e.jsxs)("div",{className:"relative aniTrigger3",children:[(0,e.jsx)("div",{className:"imgBg",children:(0,e.jsx)("img",{src:o})}),(0,e.jsxs)("div",{className:"imgCover w-full absolute top-0",children:[(0,e.jsx)("div",{className:"aniBgBox absolute top-0 left-0 bottom-0 right-0 bg-[#000] opacity-0"}),(0,e.jsx)("img",{src:a})]})]})]});case"\u4E0A\u79FB\u89C6\u5DEE\u65B9\u5F0F":return(0,e.jsxs)("div",{className:"",children:[(0,e.jsx)("h2",{className:"text-[30px] font-[600]",children:t}),(0,e.jsxs)("p",{className:"text-[20px] font-[500]",children:["Figma\u94FE\u63A5: ",r]}),(0,e.jsxs)("p",{className:"text-[20px] font-[500]",children:["\u7EBF\u4E0A\u53C2\u8003\u94FE\u63A5: ",n]}),(0,e.jsxs)("div",{className:"relative aniTrigger4 flex gap-[10px] flex-col",children:[(0,e.jsx)("div",{className:"imgBg overflow-hidden",children:(0,e.jsx)("img",{src:a})}),(0,e.jsx)("div",{className:"imgCover",children:(0,e.jsx)("img",{src:o})})]})]})}};var z=A;const M=i=>{const{type:t,banner1:a,banner2:o,link1:r,link2:n}=i,[p,g]=(0,s.useState)(null),[l,v]=(0,s.useState)(!1),x=N=>{console.log("33333",N)},h=(0,s.useRef)(null),[u,E]=(0,s.useState)(`
-    <div class="relative aniTrigger1 images">
-      <div class="imgBg">
-        <img src="${o}" />
-      </div>
-      <div class="imgCover">
-        <div class="aniBgBox"></div>
-        <img src="${a}" />
-      </div>
-      <div class="zhanwei"></div>
-    </div>
-  `),[f,G]=(0,s.useState)(`
-      body {
-        margin: 0;
-      }
-      .zhanwei {
-        height: 50vh;
-      }
-      .images {
-        position: relative;
-      }
-      .images .aniBgBox {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 100%;
-        width: 100%;
-        background: #000;
-        opacity: 0;
-      }
-      .images .imgBg,
-      .images .imgBg img,
-      .images .imgCover,
-      .images .imgCover img {
-        width: 100%;
-      }
-      .images .imgCover {
-        position: absolute;
-        top: 0;
-        left: 50%;
-        transform: translatex(-50%);
-      }
-  `),[b,L]=(0,s.useState)(`
-    gsap.registerPlugin(ScrollTrigger)
-    gsap
-      .timeline({
-        scrollTrigger: {
-          trigger: '.aniTrigger1',
-          start: 'top top',
-          end: '+=100%',
-          // markers: true,
-          pin: true,
-          scrub: true,
-        },
-      })
-      .to('.aniTrigger1 .aniBgBox', { opacity: '0.5' })
-      .to('.aniTrigger1 .imgCover', { clipPath: 'inset(0 0 100%)' }, '=')
-    `);return(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsxs)("div",{className:"mb-[20px]",children:[(0,e.jsx)("h2",{className:"text-[30px] font-[600]",children:t}),(0,e.jsxs)("p",{className:"text-[20px] font-[500]",children:["Figma\u94FE\u63A5: ",r]}),(0,e.jsxs)("p",{className:"text-[20px] font-[500]",children:["\u7EBF\u4E0A\u53C2\u8003\u94FE\u63A5: ",n]}),(0,e.jsx)("p",{className:"text-[20px] font-[500]",children:"\u7269\u6599\u5C3A\u5BF8: JPG, PC-1920*950, Mob-390*600"})]}),(0,e.jsxs)("div",{className:"relative",children:[!l&&(0,e.jsxs)("a",{className:"cursor-pointer flex gap-[5px] text-[12px] bg-[#000] bg-opacity-50 p-[5px] rounded-[4px] absolute top-0 left-0",onClick:()=>v(!0),children:[(0,e.jsxs)("svg",{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"2334",width:"18",height:"18",children:[(0,e.jsx)("path",{d:"M438.4 849.1l222.7-646.7c0.2-0.5 0.3-1.1 0.4-1.6L438.4 849.1z",opacity:".224","p-id":"2335"}),(0,e.jsx)("path",{d:"M661.2 168.7h-67.5c-3.4 0-6.5 2.2-7.6 5.4L354.7 846c-0.3 0.8-0.4 1.7-0.4 2.6 0 4.4 3.6 8 8 8h67.8c3.4 0 6.5-2.2 7.6-5.4l0.7-2.1 223.1-648.3 7.4-21.4c0.3-0.8 0.4-1.7 0.4-2.6-0.1-4.5-3.6-8.1-8.1-8.1zM954.6 502.1c-0.8-1-1.7-1.9-2.7-2.7l-219-171.3c-3.5-2.7-8.5-2.1-11.2 1.4-1.1 1.4-1.7 3.1-1.7 4.9v81.3c0 2.5 1.1 4.8 3.1 6.3l115 90-115 90c-1.9 1.5-3.1 3.8-3.1 6.3v81.3c0 4.4 3.6 8 8 8 1.8 0 3.5-0.6 4.9-1.7l219-171.3c6.9-5.4 8.2-15.5 2.7-22.5zM291.1 328.1l-219 171.3c-1 0.8-1.9 1.7-2.7 2.7-5.4 7-4.2 17 2.7 22.5l219 171.3c1.4 1.1 3.1 1.7 4.9 1.7 4.4 0 8-3.6 8-8v-81.3c0-2.5-1.1-4.8-3.1-6.3l-115-90 115-90c1.9-1.5 3.1-3.8 3.1-6.3v-81.3c0-1.8-0.6-3.5-1.7-4.9-2.7-3.5-7.7-4.1-11.2-1.4z","p-id":"2336"})]}),"Show Animation Code"]}),(0,e.jsxs)("div",{className:"flex",children:[l&&(0,e.jsx)("div",{className:"w-[30%]",children:(0,e.jsx)(d.default,{htmlCode:u,styleCode:f,jsCode:b,handleCodeChange:x})}),(0,e.jsx)("div",{className:"flex-1 bg-[#e8e8e8] min-h-[100vh]",children:(0,e.jsx)("iframe",{ref:h,title:"preview",style:{width:"100%",height:"100%",border:"none"}})})]})]})]})};
-//# sourceMappingURL=bannerAni.js.map

package/dist/cjs/components/animation/bannerAni.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/animation/bannerAni.tsx"],
-  "sourcesContent": ["import { useEffect, useState, useRef } from 'react'\nimport { cn } from '../../helpers/index.js'\n\n// eslint-disable-next-line\n// import { gsap } from 'gsap/dist/gsap'\n// // eslint-disable-next-line\n// import { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\n\nimport CodeEditor from './CodeEditor.js'\n\nexport interface BannerAniProps {\n  type: string\n  banner1: string\n  banner2: string\n  link1?: string\n  link2?: string\n  GSAP: any\n}\ndeclare global {\n  interface Window {\n    gsap: any\n    ScrollTrigger: any\n  }\n}\n\nconst BannerAni = (props: BannerAniProps) => {\n  const { type, banner1, banner2, link1, link2, GSAP } = props\n\n  const { gsap, ScrollTrigger } = GSAP\n  useEffect(() => {\n    gsap.registerPlugin(ScrollTrigger)\n\n    switch (type) {\n      case '\u88C1\u526A\u65B9\u5F0F':\n        gsap\n          .timeline({\n            scrollTrigger: {\n              trigger: '.aniTrigger1',\n              start: 'top top',\n              end: '+=100%',\n              // markers: true,\n              pin: true,\n              scrub: true,\n            },\n          })\n          .to('.aniTrigger1 .aniBgBox', { opacity: '0.5' })\n          .to('.aniTrigger1 .imgCover', { clipPath: 'inset(0 0 100%)' }, '=')\n        break\n      case '\u8986\u76D6\u65B9\u5F0F':\n        gsap\n          .timeline({\n            scrollTrigger: {\n              trigger: '.aniTrigger2',\n              start: 'top top',\n              end: '+=100%',\n              // markers: true,\n              pin: true,\n              scrub: true,\n            },\n          })\n          .to('.aniTrigger2 .aniBgBox', { opacity: '0.5' })\n          .to('.aniTrigger2 .imgCover', { top: '0' }, '=')\n        break\n      case '\u4E0A\u63A8\u65B9\u5F0F':\n        gsap\n          .timeline({\n            scrollTrigger: {\n              trigger: '.aniTrigger3',\n              start: 'top top',\n              end: '+=100%',\n              // markers: true,\n              pin: true,\n              scrub: true,\n            },\n          })\n          .to('.aniTrigger3 .aniBgBox', { opacity: '0.5' })\n          .to('.aniTrigger3 .imgCover', { top: '-100%' }, '=')\n        break\n      case '\u4E0A\u79FB\u89C6\u5DEE\u65B9\u5F0F':\n        gsap\n          .timeline({\n            scrollTrigger: {\n              trigger: '.aniTrigger4',\n              start: 'top top',\n              end: '+=100%',\n              // markers: true,\n              // pin: true,\n              scrub: true,\n            },\n          })\n          .to('.aniTrigger4 .imgBg img', { y: 200 })\n        break\n      default:\n        gsap\n          .timeline({\n            scrollTrigger: {\n              trigger: '.aniTrigger1',\n              start: 'top top',\n              end: '+=100%',\n              // markers: true,\n              pin: true,\n              scrub: true,\n            },\n          })\n          .to('.aniTrigger1 .aniBgBox', { opacity: '0.5' })\n          .to('.aniTrigger1 .imgCover', { clipPath: 'inset(0 0 100%)' }, '=')\n    }\n  }, [])\n\n  switch (type) {\n    case '\u88C1\u526A\u65B9\u5F0F':\n      return <BannerAni1 {...props} />\n    case '\u8986\u76D6\u65B9\u5F0F':\n      return (\n        <div className=\"\">\n          <h2 className=\"text-[30px] font-[600]\">{type}</h2>\n          <p className=\"text-[20px] font-[500]\">Figma\u94FE\u63A5: {link1}</p>\n          <p className=\"text-[20px] font-[500]\">\u7EBF\u4E0A\u53C2\u8003\u94FE\u63A5: {link2}</p>\n          <div className=\"relative aniTrigger2\">\n            <div className=\"imgBg\">\n              <div className=\"aniBgBox absolute top-0 left-0 bottom-0 right-0 bg-[#000] opacity-0\"></div>\n              <img src={banner1} />\n            </div>\n            <div className=\"imgCover w-full absolute top-[100%]\">\n              <img src={banner2} />\n            </div>\n          </div>\n        </div>\n      )\n    case '\u4E0A\u63A8\u65B9\u5F0F':\n      return (\n        <div className=\"\">\n          <h2 className=\"text-[30px] font-[600]\">{type}</h2>\n          <p className=\"text-[20px] font-[500]\">Figma\u94FE\u63A5: {link1}</p>\n          <p className=\"text-[20px] font-[500]\">\u7EBF\u4E0A\u53C2\u8003\u94FE\u63A5: {link2}</p>\n          <div className=\"relative aniTrigger3\">\n            <div className=\"imgBg\">\n              <img src={banner2} />\n            </div>\n            <div className=\"imgCover w-full absolute top-0\">\n              <div className=\"aniBgBox absolute top-0 left-0 bottom-0 right-0 bg-[#000] opacity-0\"></div>\n              <img src={banner1} />\n            </div>\n          </div>\n        </div>\n      )\n    case '\u4E0A\u79FB\u89C6\u5DEE\u65B9\u5F0F':\n      return (\n        <div className=\"\">\n          <h2 className=\"text-[30px] font-[600]\">{type}</h2>\n          <p className=\"text-[20px] font-[500]\">Figma\u94FE\u63A5: {link1}</p>\n          <p className=\"text-[20px] font-[500]\">\u7EBF\u4E0A\u53C2\u8003\u94FE\u63A5: {link2}</p>\n          <div className=\"relative aniTrigger4 flex gap-[10px] flex-col\">\n            <div className=\"imgBg overflow-hidden\">\n              <img src={banner1} />\n            </div>\n            <div className=\"imgCover\">\n              <img src={banner2} />\n            </div>\n          </div>\n        </div>\n      )\n  }\n}\n\nexport default BannerAni\n\nconst BannerAni1 = (props: BannerAniProps) => {\n  const { type, banner1, banner2, link1, link2 } = props\n  const [renderedComponent, setRenderedComponent] = useState(null)\n  const [showCode, setShowCode] = useState(false)\n\n  const handleCodeChange = (code: string) => {\n    console.log('33333', code)\n    // try {\n    //   // \u8FD9\u91CC\u5047\u8BBE\u7528\u6237\u8F93\u5165\u7684\u4EE3\u7801\u662F\u4E00\u4E2A\u51FD\u6570\u7EC4\u4EF6\n    //   const functionComponent = () => {\n    //     const codeWithReturn = `return (${code});`\n    //     return new Function(codeWithReturn)()\n    //   }\n    //   const container = document.getElementById('render-container')\n    //   const root = ReactDOM.createRoot(container)\n    //   root.render(<functionComponent />)\n    //   setRenderedComponent(<functionComponent />)\n    // } catch (error) {\n    //   console.error('Error parsing user code:', error)\n    // }\n  }\n  const iframeRef = useRef<HTMLIFrameElement | null>(null)\n  const [htmlCode, setHtmlCode] = useState(`\n    <div class=\"relative aniTrigger1 images\">\n      <div class=\"imgBg\">\n        <img src=\"${banner2}\" />\n      </div>\n      <div class=\"imgCover\">\n        <div class=\"aniBgBox\"></div>\n        <img src=\"${banner1}\" />\n      </div>\n      <div class=\"zhanwei\"></div>\n    </div>\n  `)\n  const [styleCode, setStyleCode] = useState(`\n      body {\n        margin: 0;\n      }\n      .zhanwei {\n        height: 50vh;\n      }\n      .images {\n        position: relative;\n      }\n      .images .aniBgBox {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        width: 100%;\n        background: #000;\n        opacity: 0;\n      }\n      .images .imgBg,\n      .images .imgBg img,\n      .images .imgCover,\n      .images .imgCover img {\n        width: 100%;\n      }\n      .images .imgCover {\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translatex(-50%);\n      }\n  `)\n  const [jsCode, setJsCode] = useState(`\n    gsap.registerPlugin(ScrollTrigger)\n    gsap\n      .timeline({\n        scrollTrigger: {\n          trigger: '.aniTrigger1',\n          start: 'top top',\n          end: '+=100%',\n          // markers: true,\n          pin: true,\n          scrub: true,\n        },\n      })\n      .to('.aniTrigger1 .aniBgBox', { opacity: '0.5' })\n      .to('.aniTrigger1 .imgCover', { clipPath: 'inset(0 0 100%)' }, '=')\n    `)\n\n  return (\n    <div className=\"relative\">\n      <div className=\"mb-[20px]\">\n        <h2 className=\"text-[30px] font-[600]\">{type}</h2>\n        <p className=\"text-[20px] font-[500]\">Figma\u94FE\u63A5: {link1}</p>\n        <p className=\"text-[20px] font-[500]\">\u7EBF\u4E0A\u53C2\u8003\u94FE\u63A5: {link2}</p>\n        <p className=\"text-[20px] font-[500]\">\u7269\u6599\u5C3A\u5BF8: JPG, PC-1920*950, Mob-390*600</p>\n      </div>\n      <div className=\"relative\">\n        {!showCode && (\n          <a\n            className=\"cursor-pointer flex gap-[5px] text-[12px] bg-[#000] bg-opacity-50 p-[5px] rounded-[4px] absolute top-0 left-0\"\n            onClick={() => setShowCode(true)}\n          >\n            <svg\n              viewBox=\"0 0 1024 1024\"\n              version=\"1.1\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              p-id=\"2334\"\n              width=\"18\"\n              height=\"18\"\n            >\n              <path d=\"M438.4 849.1l222.7-646.7c0.2-0.5 0.3-1.1 0.4-1.6L438.4 849.1z\" opacity=\".224\" p-id=\"2335\"></path>\n              <path\n                d=\"M661.2 168.7h-67.5c-3.4 0-6.5 2.2-7.6 5.4L354.7 846c-0.3 0.8-0.4 1.7-0.4 2.6 0 4.4 3.6 8 8 8h67.8c3.4 0 6.5-2.2 7.6-5.4l0.7-2.1 223.1-648.3 7.4-21.4c0.3-0.8 0.4-1.7 0.4-2.6-0.1-4.5-3.6-8.1-8.1-8.1zM954.6 502.1c-0.8-1-1.7-1.9-2.7-2.7l-219-171.3c-3.5-2.7-8.5-2.1-11.2 1.4-1.1 1.4-1.7 3.1-1.7 4.9v81.3c0 2.5 1.1 4.8 3.1 6.3l115 90-115 90c-1.9 1.5-3.1 3.8-3.1 6.3v81.3c0 4.4 3.6 8 8 8 1.8 0 3.5-0.6 4.9-1.7l219-171.3c6.9-5.4 8.2-15.5 2.7-22.5zM291.1 328.1l-219 171.3c-1 0.8-1.9 1.7-2.7 2.7-5.4 7-4.2 17 2.7 22.5l219 171.3c1.4 1.1 3.1 1.7 4.9 1.7 4.4 0 8-3.6 8-8v-81.3c0-2.5-1.1-4.8-3.1-6.3l-115-90 115-90c1.9-1.5 3.1-3.8 3.1-6.3v-81.3c0-1.8-0.6-3.5-1.7-4.9-2.7-3.5-7.7-4.1-11.2-1.4z\"\n                p-id=\"2336\"\n              ></path>\n            </svg>\n            Show Animation Code\n          </a>\n        )}\n        <div className=\"flex\">\n          {showCode && (\n            <div className=\"w-[30%]\">\n              <CodeEditor\n                htmlCode={htmlCode}\n                styleCode={styleCode}\n                jsCode={jsCode}\n                handleCodeChange={handleCodeChange}\n              />\n            </div>\n          )}\n          <div className=\"flex-1 bg-[#e8e8e8] min-h-[100vh]\">\n            <iframe ref={iframeRef} title=\"preview\" style={{ width: '100%', height: '100%', border: 'none' }} />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["bannerAni_exports", "__export", "bannerAni_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_CodeEditor", "BannerAni", "props", "type", "banner1", "banner2", "link1", "link2", "GSAP", "gsap", "ScrollTrigger", "BannerAni1", "renderedComponent", "setRenderedComponent", "showCode", "setShowCode", "handleCodeChange", "code", "iframeRef", "htmlCode", "setHtmlCode", "styleCode", "setStyleCode", "jsCode", "setJsCode", "CodeEditor"]
-}

package/dist/cjs/components/animation/libs.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=libs.d.js.map

package/dist/cjs/components/animation/textAni.d.ts

@@ -1,9 +0,0 @@
-export interface TextAniProps {
-    type: string;
-    link1?: string;
-    link2?: string;
-    banner1?: string;
-    banner2?: string;
-}
-declare const TextAni: (props: TextAniProps) => import("react/jsx-runtime").JSX.Element;
-export default TextAni;

package/dist/cjs/components/animation/textAni.js

@@ -1,2 +0,0 @@
-"use strict";var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var n in e)o(t,n,{get:e[n],enumerable:!0})},m=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of d(e))!w.call(t,r)&&r!==n&&o(t,r,{get:()=>e[r],enumerable:!(i=u(e,r))||i.enumerable});return t};var g=t=>m(o({},"__esModule",{value:!0}),t);var x={};p(x,{default:()=>f});module.exports=g(x);var a=require("react/jsx-runtime"),s=require("react"),W=require("react-codepen-embed");const h=t=>{const{type:e,link1:n,link2:i}=t,r=(0,s.useMemo)(()=>{const c=window.innerWidth>1920?1920:window.innerWidth;return 900/1920*c},[]),l=(0,s.useMemo)(()=>{switch(e){case"\u88C1\u526A\u65B9\u5F0F":return"RwxbWKZ";case"\u8986\u76D6\u65B9\u5F0F":return"MWrgywr";case"\u4E0A\u63A8\u65B9\u5F0F":return"gOoYLjL";case"\u4E0A\u79FB\u89C6\u5DEE\u65B9\u5F0F":return"WNVZNwJ";default:return"RwxbWKZ"}},[e]);return(0,a.jsx)("div",{className:"max-w-[1920px] mx-auto",children:(0,a.jsx)("iframe",{height:r,style:{width:"100%"},scrolling:"no",title:"\u573A\u666F\u5207\u6362\u52A8\u753B\u4E4B\u88C1\u526A",src:`https://codepen.io/cynthiaisme/embed/${l}?default-tab=result&editable=true`,frameBorder:"no",loading:"lazy",allowTransparency:!0,allowFullScreen:!0})})};var f=h;
-//# sourceMappingURL=textAni.js.map

package/dist/cjs/components/animation/textAni.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/animation/textAni.tsx"],
-  "sourcesContent": ["import { useMemo, useState } from 'react'\nimport Codepen from 'react-codepen-embed'\n// import CodeEditor from './CodeEditor.js'\n// import Preview from './Preview.js'\n\nexport interface TextAniProps {\n  type: string\n  link1?: string\n  link2?: string\n  banner1?: string\n  banner2?: string\n}\n\nconst TextAni = (props: TextAniProps) => {\n  const { type, link1, link2 } = props\n  const H = useMemo(() => {\n    const w = window.innerWidth > 1920 ? 1920 : window.innerWidth\n    return (900 / 1920) * w\n  }, [])\n  const hash = useMemo(() => {\n    switch (type) {\n      case '\u88C1\u526A\u65B9\u5F0F':\n        return 'RwxbWKZ'\n      case '\u8986\u76D6\u65B9\u5F0F':\n        return 'MWrgywr'\n      case '\u4E0A\u63A8\u65B9\u5F0F':\n        return 'gOoYLjL'\n      case '\u4E0A\u79FB\u89C6\u5DEE\u65B9\u5F0F':\n        return 'WNVZNwJ'\n      default:\n        return 'RwxbWKZ'\n    }\n  }, [type])\n\n  return (\n    <div className=\"max-w-[1920px] mx-auto\">\n      <iframe\n        height={H}\n        style={{ width: '100%' }}\n        scrolling=\"no\"\n        title=\"\u573A\u666F\u5207\u6362\u52A8\u753B\u4E4B\u88C1\u526A\"\n        src={`https://codepen.io/cynthiaisme/embed/${hash}?default-tab=result&editable=true`}\n        frameBorder=\"no\"\n        loading=\"lazy\"\n        allowTransparency={true}\n        allowFullScreen={true}\n      ></iframe>\n      {/* <div className=\"mt-[50px]\">\n        <p className=\"text-[20px] font-[500]\">Figma\u94FE\u63A5: {link1}</p>\n        <p className=\"text-[20px] font-[500]\">\u7EBF\u4E0A\u53C2\u8003\u94FE\u63A5: {link2}</p>\n        <p className=\"text-[20px] font-[500]\">\u7269\u6599\u89C4\u683C: PC-1920*1080; MOB-390*600</p>\n      </div> */}\n    </div>\n  )\n}\n\nexport default TextAni\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAoCM,IAAAI,EAAA,6BApCNC,EAAkC,iBAClCC,EAAoB,+BAYpB,MAAMC,EAAWC,GAAwB,CACvC,KAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,CAAM,EAAIH,EACzBI,KAAI,WAAQ,IAAM,CACtB,MAAMC,EAAI,OAAO,WAAa,KAAO,KAAO,OAAO,WACnD,MAAQ,KAAM,KAAQA,CACxB,EAAG,CAAC,CAAC,EACCC,KAAO,WAAQ,IAAM,CACzB,OAAQL,EAAM,CACZ,IAAK,2BACH,MAAO,UACT,IAAK,2BACH,MAAO,UACT,IAAK,2BACH,MAAO,UACT,IAAK,uCACH,MAAO,UACT,QACE,MAAO,SACX,CACF,EAAG,CAACA,CAAI,CAAC,EAET,SACE,OAAC,OAAI,UAAU,yBACb,mBAAC,UACC,OAAQG,EACR,MAAO,CAAE,MAAO,MAAO,EACvB,UAAU,KACV,MAAM,yDACN,IAAK,wCAAwCE,CAAI,oCACjD,YAAY,KACZ,QAAQ,OACR,kBAAmB,GACnB,gBAAiB,GAClB,EAMH,CAEJ,EAEA,IAAOZ,EAAQK",
-  "names": ["textAni_exports", "__export", "textAni_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_codepen_embed", "TextAni", "props", "type", "link1", "link2", "H", "w", "hash"]
-}

package/dist/cjs/components/chat/message.d.ts

@@ -1,2 +0,0 @@
-import { MessagesProps } from './props';
-export declare const Messages: ({ messages, inProgress, children }: MessagesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/chat/response copy.d.ts

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

package/dist/cjs/components/chat/rresponse.d.ts

@@ -1,2 +0,0 @@
-import { ResponseButtonProps } from "./props";
-export declare const ResponseButton: ({ onClick, inProgress }: ResponseButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/theme.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { Brand } from '../helpers/constants.js';
-interface ThemeProps {
-    brand: Brand;
-    children: React.ReactNode;
-}
-/**
- *
- * @param param
- * @returns
- */
-declare const Theme: ({ brand, children }: ThemeProps) => import("react/jsx-runtime").JSX.Element;
-export default Theme;

package/dist/cjs/helpers/component-props.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-type ComponentPropsAs<C extends React.ElementType<any>, T extends React.ComponentPropsWithoutRef<C>['as']> = Omit<Extract<React.ComponentPropsWithoutRef<C>, {
-    as: T;
-}>, 'as' | 'asChild'>;
-type ComponentPropsWithout<T extends React.ElementType, O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;
-type RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';
-export type { ComponentPropsAs, ComponentPropsWithout, RemovedProps };

package/dist/cjs/helpers/component-props.js

@@ -1,2 +0,0 @@
-"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var i=(t,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of r(e))!m.call(t,o)&&o!==s&&n(t,o,{get:()=>e[o],enumerable:!(p=a(e,o))||p.enumerable});return t};var C=t=>i(n({},"__esModule",{value:!0}),t);var R={};module.exports=C(R);
-//# sourceMappingURL=component-props.js.map

package/dist/cjs/helpers/component-props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/component-props.ts"],
-  "sourcesContent": ["import type React from 'react'\n\ntype ComponentPropsAs<C extends React.ElementType<any>, T extends React.ComponentPropsWithoutRef<C>['as']> = Omit<\n  Extract<React.ComponentPropsWithoutRef<C>, { as: T }>,\n  'as' | 'asChild'\n>\n\n// Omits the specified props from the component props. Autocomplete will suggest props\n// of the component, but won't restrict the omittable props to those that actually exist.\ntype ComponentPropsWithout<\n  T extends React.ElementType,\n  O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>,\n> = Omit<React.ComponentPropsWithoutRef<T>, O & string>\n\ntype RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color'\n\nexport type { ComponentPropsAs, ComponentPropsWithout, RemovedProps }\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["component_props_exports", "__toCommonJS"]
-}

package/dist/cjs/helpers/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const ALL_BRANDS: readonly ["anker", "eufy", "soundcore", "nebula", "ankerWork", "ankerMake"];
-export type Brand = (typeof ALL_BRANDS)[number];

package/dist/cjs/helpers/constants.js

@@ -1,2 +0,0 @@
-"use strict";var a=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var u=(n,e)=>{for(var o in e)a(n,o,{get:e[o],enumerable:!0})},A=(n,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of p(e))!s.call(n,r)&&r!==o&&a(n,r,{get:()=>e[r],enumerable:!(t=k(e,r))||t.enumerable});return n};var L=n=>A(a({},"__esModule",{value:!0}),n);var y={};u(y,{ALL_BRANDS:()=>c});module.exports=L(y);const c=["anker","eufy","soundcore","nebula","ankerWork","ankerMake"];
-//# sourceMappingURL=constants.js.map

package/dist/cjs/helpers/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/constants.ts"],
-  "sourcesContent": ["export const ALL_BRANDS = ['anker', 'eufy', 'soundcore', 'nebula', 'ankerWork', 'ankerMake'] as const\n\nexport type Brand = (typeof ALL_BRANDS)[number]\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAO,MAAME,EAAa,CAAC,QAAS,OAAQ,YAAa,SAAU,YAAa,WAAW",
-  "names": ["constants_exports", "__export", "ALL_BRANDS", "__toCommonJS"]
-}