@baishuyun/ai-design 2.0.37 → 2.1.0-alpha.0

package/src/components/icons/empty-table-icon.tsx

@@ -1,104 +1,104 @@
-export const EmptyTableIcon = () => (
-  <svg width="226" height="140" viewBox="0 0 226 140" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_27318_12913" style={{maskType: 'alpha'}} maskUnits="userSpaceOnUse" x="2" y="104" width="224" height="26">
-<rect x="2" y="104" width="224" height="26" fill="white"/>
-</mask>
-<g mask="url(#mask0_27318_12913)">
-<ellipse cx="114" cy="125.388" rx="112" ry="21.3877" fill="url(#paint0_linear_27318_12913)"/>
-</g>
-<ellipse cx="180.5" cy="88" rx="9.5" ry="13" fill="url(#paint1_linear_27318_12913)"/>
-<path d="M180.174 115.619V76.75L181.313 115.619H180.174Z" fill="#D5DDF4"/>
-<path d="M180.335 98.452L174.316 92.9456L180.335 96.6705V98.452Z" fill="#D5DDF4"/>
-<path d="M183.263 87.1152L180.335 90.3543V91.488L183.263 87.1152Z" fill="#D5DDF4"/>
-<path d="M180.361 114.658L151.396 115.619H180.361V114.658Z" fill="url(#paint2_linear_27318_12913)"/>
-<ellipse cx="57.0939" cy="96.3957" rx="5.5" ry="7" transform="rotate(-4.32208 57.0939 96.3957)" fill="url(#paint3_linear_27318_12913)"/>
-<path d="M57.9574 110.568L56.5527 91.9824L56.609 110.429L57.9574 110.568Z" fill="#D5DDF4"/>
-<path d="M57.2532 102.29L59.9123 99.4604L57.1893 101.444L57.2532 102.29Z" fill="#D5DDF4"/>
-<path d="M55.4569 97.0143L56.9627 98.4465L57.0034 98.9846L55.4569 97.0143Z" fill="#D5DDF4"/>
-<path d="M57.7578 109.621L25.897 112.752L57.8303 110.58L57.7578 109.621Z" fill="url(#paint4_linear_27318_12913)"/>
-<g filter="url(#filter0_f_27318_12913)">
-<ellipse cx="114" cy="105" rx="32" ry="3" fill="#D9E3FF"/>
-</g>
-<path d="M100.076 41.8107C99.8672 41.319 99.9595 40.8175 100.317 40.4996C101.071 39.8294 102.543 40.2799 102.984 41.3161L108.731 54.7977C109.054 55.5548 108.657 56.2807 107.846 56.418C107.036 56.5551 106.119 56.053 105.798 55.2965L100.076 41.8107Z" fill="#90ACF8"/>
-<path d="M100.076 41.8107C99.8672 41.319 99.9595 40.8175 100.317 40.4996C101.071 39.8294 102.543 40.2799 102.984 41.3161L108.731 54.7977C109.054 55.5548 108.657 56.2807 107.846 56.418C107.036 56.5551 106.119 56.053 105.798 55.2965L100.076 41.8107Z" fill="#90ACF8" fillOpacity="0.2"/>
-<path d="M128.076 41.8107C127.867 41.319 127.96 40.8175 128.317 40.4996C129.071 39.8294 130.543 40.2799 130.984 41.3161L136.731 54.7977C137.054 55.5548 136.657 56.2807 135.846 56.418C135.036 56.5551 134.119 56.053 133.798 55.2965L128.076 41.8107Z" fill="#90ACF8"/>
-<path d="M128.076 41.8107C127.867 41.319 127.96 40.8175 128.317 40.4996C129.071 39.8294 130.543 40.2799 130.984 41.3161L136.731 54.7977C137.054 55.5548 136.657 56.2807 135.846 56.418C135.036 56.5551 134.119 56.053 133.798 55.2965L128.076 41.8107Z" fill="#90ACF8" fillOpacity="0.2"/>
-<rect x="83" y="49.0039" width="62" height="56" rx="6" fill="#A1BCFF"/>
-<path d="M83 55.0039C83 51.6902 85.6863 49.0039 89 49.0039H139C142.314 49.0039 145 51.6902 145 55.0039V99.0039C145 102.318 142.314 105.004 139 105.004H89C85.6863 105.004 83 102.318 83 99.0039V55.0039Z" fill="#6590F8" fillOpacity="0.2"/>
-<rect x="85" y="51.0039" width="58" height="52" rx="6" fill="white"/>
-<mask id="mask1_27318_12913" style={{maskType: 'alpha'}} maskUnits="userSpaceOnUse" x="85" y="51" width="58" height="53">
-<rect x="85" y="51.0039" width="58" height="52" rx="6" fill="white"/>
-</mask>
-<g mask="url(#mask1_27318_12913)">
-<g filter="url(#filter4_f_27318_12913)">
-<circle cx="94.5" cy="50.5039" r="22.5" fill="#B9FAFF"/>
-</g>
-</g>
-<path d="M99.2387 41.3748C99.5599 40.6177 100.478 40.1151 101.289 40.2524C102.1 40.3896 102.496 41.1146 102.175 41.8717L96.5177 55.2053C96.1965 55.9624 95.2787 56.4649 94.4678 56.3277C93.6569 56.1905 93.2599 55.4655 93.5811 54.7084L99.2387 41.3748Z" fill="#90ACF8"/>
-<path d="M99.2387 41.3748C99.5599 40.6177 100.478 40.1151 101.289 40.2524C102.1 40.3896 102.496 41.1146 102.175 41.8717L96.5177 55.2053C96.1965 55.9624 95.2787 56.4649 94.4678 56.3277C93.6569 56.1905 93.2599 55.4655 93.5811 54.7084L99.2387 41.3748Z" fill="#90ACF8" fillOpacity="0.2"/>
-<path d="M127.239 41.3748C127.56 40.6177 128.478 40.1151 129.289 40.2524C130.1 40.3896 130.496 41.1146 130.175 41.8717L124.518 55.2053C124.196 55.9624 123.279 56.4649 122.468 56.3277C121.657 56.1905 121.26 55.4655 121.581 54.7084L127.239 41.3748Z" fill="#90ACF8"/>
-<path d="M127.239 41.3748C127.56 40.6177 128.478 40.1151 129.289 40.2524C130.1 40.3896 130.496 41.1146 130.175 41.8717L124.518 55.2053C124.196 55.9624 123.279 56.4649 122.468 56.3277C121.657 56.1905 121.26 55.4655 121.581 54.7084L127.239 41.3748Z" fill="#90ACF8" fillOpacity="0.2"/>
-<path d="M93 72C95.5455 72 122.061 72 135 72" stroke="#CEDCF6" strokeWidth="0.5"/>
-<path d="M93 78C95.5455 78 122.061 78 135 78" stroke="#CEDCF6" strokeWidth="0.5"/>
-<path d="M93 84C95.5455 84 122.061 84 135 84" stroke="#CEDCF6" strokeWidth="0.5"/>
-<path d="M93 90C95.5455 90 122.061 90 135 90" stroke="#CEDCF6" strokeWidth="0.5"/>
-<path d="M93 65C93 63.8954 93.8954 63 95 63H133C134.105 63 135 63.8954 135 65V67H93V65Z" fill="#90ACF8"/>
-<path d="M81.1403 34.5888C79.9314 33.9913 77.705 34.2123 77.705 34.2123C77.705 34.2123 78.8677 36.5458 80.2271 37.3255C81.4631 38.0345 83.8153 38.0059 83.8153 38.0059C83.8153 38.0059 82.6624 35.3412 81.1403 34.5888Z" fill="url(#paint5_linear_27318_12913)"/>
-<path d="M87.2808 35.0187C87.3779 34.2182 86.8061 33.009 86.8061 33.009C86.8061 33.009 85.7135 34.1317 85.5431 35.0534C85.3882 35.8916 85.876 37.2102 85.876 37.2102C85.876 37.2102 87.1586 36.0266 87.2808 35.0187Z" fill="url(#paint6_linear_27318_12913)"/>
-<path d="M153.928 47.3664C156.181 46.1202 158.244 42.3936 158.244 42.3936C158.244 42.3936 153.297 41.6869 150.592 42.9715C148.133 44.1394 145.63 47.8547 145.63 47.8547C145.63 47.8547 151.09 48.9356 153.928 47.3664Z" fill="url(#paint7_linear_27318_12913)"/>
-<path fillRule="evenodd" clipRule="evenodd" d="M153.637 76.3923L155.699 72.8501L157.686 76.4173L153.637 76.3923ZM153.367 88.8968L153.492 76.9325L157.821 76.9591L157.696 88.9234L153.367 88.8968ZM157.667 91.6253C157.661 92.2343 157.202 92.7251 156.642 92.7217L154.342 92.7084C153.782 92.7049 153.333 92.2083 153.339 91.5994L153.362 89.4388L157.691 89.4654L157.667 91.6253Z" fill="url(#paint8_linear_27318_12913)"/>
-<path fillRule="evenodd" clipRule="evenodd" d="M153.637 76.3923L155.699 72.8501L157.686 76.4173L153.637 76.3923ZM153.367 88.8968L153.492 76.9325L157.821 76.9591L157.696 88.9234L153.367 88.8968ZM157.667 91.6253C157.661 92.2343 157.202 92.7251 156.642 92.7217L154.342 92.7084C153.782 92.7049 153.333 92.2083 153.339 91.5994L153.362 89.4388L157.691 89.4654L157.667 91.6253Z" fill="url(#paint9_linear_27318_12913)" fillOpacity="0.2"/>
-<defs>
-<filter id="filter0_f_27318_12913" x="78" y="98" width="72" height="14" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
-<feFlood floodOpacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_27318_12913"/>
-</filter>
-<filter id="filter4_f_27318_12913" x="8" y="-35.9961" width="173" height="173" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
-<feFlood floodOpacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="32" result="effect1_foregroundBlur_27318_12913"/>
-</filter>
-<linearGradient id="paint0_linear_27318_12913" x1="114" y1="104" x2="114" y2="125.628" gradientUnits="userSpaceOnUse">
-<stop stopColor="#E6EEFF"/>
-<stop offset="1" stopColor="white" stopOpacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_27318_12913" x1="180.5" y1="75" x2="180.5" y2="101" gradientUnits="userSpaceOnUse">
-<stop stopColor="#E7EFFF"/>
-<stop offset="1" stopColor="#F3F7FD"/>
-</linearGradient>
-<linearGradient id="paint2_linear_27318_12913" x1="180.361" y1="115.139" x2="151.396" y2="115.139" gradientUnits="userSpaceOnUse">
-<stop stopColor="#D5DDF4"/>
-<stop offset="1" stopColor="#EDF2FF"/>
-</linearGradient>
-<linearGradient id="paint3_linear_27318_12913" x1="57.0939" y1="89.3957" x2="57.0939" y2="103.396" gradientUnits="userSpaceOnUse">
-<stop stopColor="#E7EFFF"/>
-<stop offset="1" stopColor="#F3F7FD"/>
-</linearGradient>
-<linearGradient id="paint4_linear_27318_12913" x1="57.5801" y1="109.876" x2="25.8608" y2="112.273" gradientUnits="userSpaceOnUse">
-<stop stopColor="#D5DDF4"/>
-<stop offset="1" stopColor="#EDF2FF"/>
-</linearGradient>
-<linearGradient id="paint5_linear_27318_12913" x1="80.3215" y1="37.4237" x2="81.2554" y2="34.6" gradientUnits="userSpaceOnUse">
-<stop stopColor="#DBE6FF"/>
-<stop offset="1" stopColor="#F1F5FF"/>
-</linearGradient>
-<linearGradient id="paint6_linear_27318_12913" x1="85.5063" y1="35.1263" x2="87.2977" y2="35.0905" gradientUnits="userSpaceOnUse">
-<stop stopColor="#DBE6FF"/>
-<stop offset="1" stopColor="#F1F5FF"/>
-</linearGradient>
-<linearGradient id="paint7_linear_27318_12913" x1="150.335" y1="43.013" x2="153.754" y2="47.5582" gradientUnits="userSpaceOnUse">
-<stop stopColor="#DBE6FF"/>
-<stop offset="1" stopColor="#F1F5FF"/>
-</linearGradient>
-<linearGradient id="paint8_linear_27318_12913" x1="151.15" y1="98.5161" x2="150.2" y2="78.1749" gradientUnits="userSpaceOnUse">
-<stop stopColor="#6893F9"/>
-<stop offset="1" stopColor="#92B3FD"/>
-</linearGradient>
-<linearGradient id="paint9_linear_27318_12913" x1="151.15" y1="98.5161" x2="150.2" y2="78.1749" gradientUnits="userSpaceOnUse">
-<stop stopColor="#6893F9"/>
-<stop offset="1" stopColor="#92B3FD"/>
-</linearGradient>
-</defs>
-</svg>
-);
+export const EmptyTableIcon = () => (
+  <svg width="226" height="140" viewBox="0 0 226 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_27318_12913" style={{maskType: 'alpha'}} maskUnits="userSpaceOnUse" x="2" y="104" width="224" height="26">
+<rect x="2" y="104" width="224" height="26" fill="white"/>
+</mask>
+<g mask="url(#mask0_27318_12913)">
+<ellipse cx="114" cy="125.388" rx="112" ry="21.3877" fill="url(#paint0_linear_27318_12913)"/>
+</g>
+<ellipse cx="180.5" cy="88" rx="9.5" ry="13" fill="url(#paint1_linear_27318_12913)"/>
+<path d="M180.174 115.619V76.75L181.313 115.619H180.174Z" fill="#D5DDF4"/>
+<path d="M180.335 98.452L174.316 92.9456L180.335 96.6705V98.452Z" fill="#D5DDF4"/>
+<path d="M183.263 87.1152L180.335 90.3543V91.488L183.263 87.1152Z" fill="#D5DDF4"/>
+<path d="M180.361 114.658L151.396 115.619H180.361V114.658Z" fill="url(#paint2_linear_27318_12913)"/>
+<ellipse cx="57.0939" cy="96.3957" rx="5.5" ry="7" transform="rotate(-4.32208 57.0939 96.3957)" fill="url(#paint3_linear_27318_12913)"/>
+<path d="M57.9574 110.568L56.5527 91.9824L56.609 110.429L57.9574 110.568Z" fill="#D5DDF4"/>
+<path d="M57.2532 102.29L59.9123 99.4604L57.1893 101.444L57.2532 102.29Z" fill="#D5DDF4"/>
+<path d="M55.4569 97.0143L56.9627 98.4465L57.0034 98.9846L55.4569 97.0143Z" fill="#D5DDF4"/>
+<path d="M57.7578 109.621L25.897 112.752L57.8303 110.58L57.7578 109.621Z" fill="url(#paint4_linear_27318_12913)"/>
+<g filter="url(#filter0_f_27318_12913)">
+<ellipse cx="114" cy="105" rx="32" ry="3" fill="#D9E3FF"/>
+</g>
+<path d="M100.076 41.8107C99.8672 41.319 99.9595 40.8175 100.317 40.4996C101.071 39.8294 102.543 40.2799 102.984 41.3161L108.731 54.7977C109.054 55.5548 108.657 56.2807 107.846 56.418C107.036 56.5551 106.119 56.053 105.798 55.2965L100.076 41.8107Z" fill="#90ACF8"/>
+<path d="M100.076 41.8107C99.8672 41.319 99.9595 40.8175 100.317 40.4996C101.071 39.8294 102.543 40.2799 102.984 41.3161L108.731 54.7977C109.054 55.5548 108.657 56.2807 107.846 56.418C107.036 56.5551 106.119 56.053 105.798 55.2965L100.076 41.8107Z" fill="#90ACF8" fillOpacity="0.2"/>
+<path d="M128.076 41.8107C127.867 41.319 127.96 40.8175 128.317 40.4996C129.071 39.8294 130.543 40.2799 130.984 41.3161L136.731 54.7977C137.054 55.5548 136.657 56.2807 135.846 56.418C135.036 56.5551 134.119 56.053 133.798 55.2965L128.076 41.8107Z" fill="#90ACF8"/>
+<path d="M128.076 41.8107C127.867 41.319 127.96 40.8175 128.317 40.4996C129.071 39.8294 130.543 40.2799 130.984 41.3161L136.731 54.7977C137.054 55.5548 136.657 56.2807 135.846 56.418C135.036 56.5551 134.119 56.053 133.798 55.2965L128.076 41.8107Z" fill="#90ACF8" fillOpacity="0.2"/>
+<rect x="83" y="49.0039" width="62" height="56" rx="6" fill="#A1BCFF"/>
+<path d="M83 55.0039C83 51.6902 85.6863 49.0039 89 49.0039H139C142.314 49.0039 145 51.6902 145 55.0039V99.0039C145 102.318 142.314 105.004 139 105.004H89C85.6863 105.004 83 102.318 83 99.0039V55.0039Z" fill="#6590F8" fillOpacity="0.2"/>
+<rect x="85" y="51.0039" width="58" height="52" rx="6" fill="white"/>
+<mask id="mask1_27318_12913" style={{maskType: 'alpha'}} maskUnits="userSpaceOnUse" x="85" y="51" width="58" height="53">
+<rect x="85" y="51.0039" width="58" height="52" rx="6" fill="white"/>
+</mask>
+<g mask="url(#mask1_27318_12913)">
+<g filter="url(#filter4_f_27318_12913)">
+<circle cx="94.5" cy="50.5039" r="22.5" fill="#B9FAFF"/>
+</g>
+</g>
+<path d="M99.2387 41.3748C99.5599 40.6177 100.478 40.1151 101.289 40.2524C102.1 40.3896 102.496 41.1146 102.175 41.8717L96.5177 55.2053C96.1965 55.9624 95.2787 56.4649 94.4678 56.3277C93.6569 56.1905 93.2599 55.4655 93.5811 54.7084L99.2387 41.3748Z" fill="#90ACF8"/>
+<path d="M99.2387 41.3748C99.5599 40.6177 100.478 40.1151 101.289 40.2524C102.1 40.3896 102.496 41.1146 102.175 41.8717L96.5177 55.2053C96.1965 55.9624 95.2787 56.4649 94.4678 56.3277C93.6569 56.1905 93.2599 55.4655 93.5811 54.7084L99.2387 41.3748Z" fill="#90ACF8" fillOpacity="0.2"/>
+<path d="M127.239 41.3748C127.56 40.6177 128.478 40.1151 129.289 40.2524C130.1 40.3896 130.496 41.1146 130.175 41.8717L124.518 55.2053C124.196 55.9624 123.279 56.4649 122.468 56.3277C121.657 56.1905 121.26 55.4655 121.581 54.7084L127.239 41.3748Z" fill="#90ACF8"/>
+<path d="M127.239 41.3748C127.56 40.6177 128.478 40.1151 129.289 40.2524C130.1 40.3896 130.496 41.1146 130.175 41.8717L124.518 55.2053C124.196 55.9624 123.279 56.4649 122.468 56.3277C121.657 56.1905 121.26 55.4655 121.581 54.7084L127.239 41.3748Z" fill="#90ACF8" fillOpacity="0.2"/>
+<path d="M93 72C95.5455 72 122.061 72 135 72" stroke="#CEDCF6" strokeWidth="0.5"/>
+<path d="M93 78C95.5455 78 122.061 78 135 78" stroke="#CEDCF6" strokeWidth="0.5"/>
+<path d="M93 84C95.5455 84 122.061 84 135 84" stroke="#CEDCF6" strokeWidth="0.5"/>
+<path d="M93 90C95.5455 90 122.061 90 135 90" stroke="#CEDCF6" strokeWidth="0.5"/>
+<path d="M93 65C93 63.8954 93.8954 63 95 63H133C134.105 63 135 63.8954 135 65V67H93V65Z" fill="#90ACF8"/>
+<path d="M81.1403 34.5888C79.9314 33.9913 77.705 34.2123 77.705 34.2123C77.705 34.2123 78.8677 36.5458 80.2271 37.3255C81.4631 38.0345 83.8153 38.0059 83.8153 38.0059C83.8153 38.0059 82.6624 35.3412 81.1403 34.5888Z" fill="url(#paint5_linear_27318_12913)"/>
+<path d="M87.2808 35.0187C87.3779 34.2182 86.8061 33.009 86.8061 33.009C86.8061 33.009 85.7135 34.1317 85.5431 35.0534C85.3882 35.8916 85.876 37.2102 85.876 37.2102C85.876 37.2102 87.1586 36.0266 87.2808 35.0187Z" fill="url(#paint6_linear_27318_12913)"/>
+<path d="M153.928 47.3664C156.181 46.1202 158.244 42.3936 158.244 42.3936C158.244 42.3936 153.297 41.6869 150.592 42.9715C148.133 44.1394 145.63 47.8547 145.63 47.8547C145.63 47.8547 151.09 48.9356 153.928 47.3664Z" fill="url(#paint7_linear_27318_12913)"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M153.637 76.3923L155.699 72.8501L157.686 76.4173L153.637 76.3923ZM153.367 88.8968L153.492 76.9325L157.821 76.9591L157.696 88.9234L153.367 88.8968ZM157.667 91.6253C157.661 92.2343 157.202 92.7251 156.642 92.7217L154.342 92.7084C153.782 92.7049 153.333 92.2083 153.339 91.5994L153.362 89.4388L157.691 89.4654L157.667 91.6253Z" fill="url(#paint8_linear_27318_12913)"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M153.637 76.3923L155.699 72.8501L157.686 76.4173L153.637 76.3923ZM153.367 88.8968L153.492 76.9325L157.821 76.9591L157.696 88.9234L153.367 88.8968ZM157.667 91.6253C157.661 92.2343 157.202 92.7251 156.642 92.7217L154.342 92.7084C153.782 92.7049 153.333 92.2083 153.339 91.5994L153.362 89.4388L157.691 89.4654L157.667 91.6253Z" fill="url(#paint9_linear_27318_12913)" fillOpacity="0.2"/>
+<defs>
+<filter id="filter0_f_27318_12913" x="78" y="98" width="72" height="14" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_27318_12913"/>
+</filter>
+<filter id="filter4_f_27318_12913" x="8" y="-35.9961" width="173" height="173" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="32" result="effect1_foregroundBlur_27318_12913"/>
+</filter>
+<linearGradient id="paint0_linear_27318_12913" x1="114" y1="104" x2="114" y2="125.628" gradientUnits="userSpaceOnUse">
+<stop stopColor="#E6EEFF"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_27318_12913" x1="180.5" y1="75" x2="180.5" y2="101" gradientUnits="userSpaceOnUse">
+<stop stopColor="#E7EFFF"/>
+<stop offset="1" stopColor="#F3F7FD"/>
+</linearGradient>
+<linearGradient id="paint2_linear_27318_12913" x1="180.361" y1="115.139" x2="151.396" y2="115.139" gradientUnits="userSpaceOnUse">
+<stop stopColor="#D5DDF4"/>
+<stop offset="1" stopColor="#EDF2FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_27318_12913" x1="57.0939" y1="89.3957" x2="57.0939" y2="103.396" gradientUnits="userSpaceOnUse">
+<stop stopColor="#E7EFFF"/>
+<stop offset="1" stopColor="#F3F7FD"/>
+</linearGradient>
+<linearGradient id="paint4_linear_27318_12913" x1="57.5801" y1="109.876" x2="25.8608" y2="112.273" gradientUnits="userSpaceOnUse">
+<stop stopColor="#D5DDF4"/>
+<stop offset="1" stopColor="#EDF2FF"/>
+</linearGradient>
+<linearGradient id="paint5_linear_27318_12913" x1="80.3215" y1="37.4237" x2="81.2554" y2="34.6" gradientUnits="userSpaceOnUse">
+<stop stopColor="#DBE6FF"/>
+<stop offset="1" stopColor="#F1F5FF"/>
+</linearGradient>
+<linearGradient id="paint6_linear_27318_12913" x1="85.5063" y1="35.1263" x2="87.2977" y2="35.0905" gradientUnits="userSpaceOnUse">
+<stop stopColor="#DBE6FF"/>
+<stop offset="1" stopColor="#F1F5FF"/>
+</linearGradient>
+<linearGradient id="paint7_linear_27318_12913" x1="150.335" y1="43.013" x2="153.754" y2="47.5582" gradientUnits="userSpaceOnUse">
+<stop stopColor="#DBE6FF"/>
+<stop offset="1" stopColor="#F1F5FF"/>
+</linearGradient>
+<linearGradient id="paint8_linear_27318_12913" x1="151.15" y1="98.5161" x2="150.2" y2="78.1749" gradientUnits="userSpaceOnUse">
+<stop stopColor="#6893F9"/>
+<stop offset="1" stopColor="#92B3FD"/>
+</linearGradient>
+<linearGradient id="paint9_linear_27318_12913" x1="151.15" y1="98.5161" x2="150.2" y2="78.1749" gradientUnits="userSpaceOnUse">
+<stop stopColor="#6893F9"/>
+<stop offset="1" stopColor="#92B3FD"/>
+</linearGradient>
+</defs>
+</svg>
+);

package/src/components/icons/grids-icon.tsx

@@ -1,5 +1,5 @@
-export const GridsIcon = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-    <path d="M6.5 8.5C7.05228 8.5 7.5 8.94772 7.5 9.5V14C7.5 14.5177 7.10667 14.9438 6.60254 14.9951L6.5 15H2L1.89746 14.9951C1.42703 14.9472 1.05278 14.573 1.00488 14.1025L1 14V9.5C1 8.94772 1.44772 8.5 2 8.5H6.5ZM14 8.5C14.5523 8.5 15 8.94772 15 9.5V14C15 14.5177 14.6067 14.9438 14.1025 14.9951L14 15H9.5L9.39746 14.9951C8.92703 14.9472 8.55278 14.573 8.50488 14.1025L8.5 14V9.5C8.5 8.94772 8.94772 8.5 9.5 8.5H14ZM9.5 14H14V9.5H9.5V14ZM2 14H6.5V9.5H2V14ZM6.5 1C7.05228 1 7.5 1.44772 7.5 2V6.5C7.5 7.01768 7.10667 7.44379 6.60254 7.49512L6.5 7.5H2L1.89746 7.49512C1.42703 7.44722 1.05278 7.07297 1.00488 6.60254L1 6.5V2C1 1.44772 1.44772 1 2 1H6.5ZM14 1C14.5523 1 15 1.44772 15 2V6.5C15 7.01768 14.6067 7.44379 14.1025 7.49512L14 7.5H9.5L9.39746 7.49512C8.92703 7.44722 8.55278 7.07297 8.50488 6.60254L8.5 6.5V2C8.5 1.44772 8.94772 1 9.5 1H14ZM2 6.5H6.5V2H2V6.5ZM9.5 6.5H14V2H9.5V6.5Z" fill="#666666"/>
-  </svg>
-);
+export const GridsIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+    <path d="M6.5 8.5C7.05228 8.5 7.5 8.94772 7.5 9.5V14C7.5 14.5177 7.10667 14.9438 6.60254 14.9951L6.5 15H2L1.89746 14.9951C1.42703 14.9472 1.05278 14.573 1.00488 14.1025L1 14V9.5C1 8.94772 1.44772 8.5 2 8.5H6.5ZM14 8.5C14.5523 8.5 15 8.94772 15 9.5V14C15 14.5177 14.6067 14.9438 14.1025 14.9951L14 15H9.5L9.39746 14.9951C8.92703 14.9472 8.55278 14.573 8.50488 14.1025L8.5 14V9.5C8.5 8.94772 8.94772 8.5 9.5 8.5H14ZM9.5 14H14V9.5H9.5V14ZM2 14H6.5V9.5H2V14ZM6.5 1C7.05228 1 7.5 1.44772 7.5 2V6.5C7.5 7.01768 7.10667 7.44379 6.60254 7.49512L6.5 7.5H2L1.89746 7.49512C1.42703 7.44722 1.05278 7.07297 1.00488 6.60254L1 6.5V2C1 1.44772 1.44772 1 2 1H6.5ZM14 1C14.5523 1 15 1.44772 15 2V6.5C15 7.01768 14.6067 7.44379 14.1025 7.49512L14 7.5H9.5L9.39746 7.49512C8.92703 7.44722 8.55278 7.07297 8.50488 6.60254L8.5 6.5V2C8.5 1.44772 8.94772 1 9.5 1H14ZM2 6.5H6.5V2H2V6.5ZM9.5 6.5H14V2H9.5V6.5Z" fill="#666666"/>
+  </svg>
+);

package/src/components/img-part.tsx

@@ -1,27 +1,27 @@
-import { cn } from '../lib/utils';
-
-export interface ImgMsgPartProps {
-  url: string;
-  alt?: string;
-  className?: string;
-  /** Size in pixels (width & height), defaults to 102 */
-  size?: number;
-  onClick?: () => void;
-}
-
-export const ImgMsgPart = ({ url, alt = '', className, size = 102, onClick }: ImgMsgPartProps) => {
-  return (
-    <div
-      className={cn('relative overflow-hidden rounded-[10px] border border-[#e0e0e0] hover:border-[#0265FF]/20 hover:cursor-pointer', onClick && 'cursor-pointer', className)}
-      style={{ width: size, height: size }}
-      onClick={onClick}
-    >
-      <img
-        src={url}
-        alt={alt}
-        className="block w-full h-full object-cover rounded-[10px]"
-        loading="lazy"
-      />
-    </div>
-  );
-};
+import { cn } from '../lib/utils';
+
+export interface ImgMsgPartProps {
+  url: string;
+  alt?: string;
+  className?: string;
+  /** Size in pixels (width & height), defaults to 102 */
+  size?: number;
+  onClick?: () => void;
+}
+
+export const ImgMsgPart = ({ url, alt = '', className, size = 102, onClick }: ImgMsgPartProps) => {
+  return (
+    <div
+      className={cn('relative overflow-hidden rounded-[10px] border border-[#e0e0e0] hover:border-[#0265FF]/20 hover:cursor-pointer', onClick && 'cursor-pointer', className)}
+      style={{ width: size, height: size }}
+      onClick={onClick}
+    >
+      <img
+        src={url}
+        alt={alt}
+        className="block w-full h-full object-cover rounded-[10px]"
+        loading="lazy"
+      />
+    </div>
+  );
+};

package/src/components/legacy-slot.tsx

@@ -1,110 +1,110 @@
-import { useEffect, useRef } from 'react';
-import { LegacySlotRenderer } from '../types';
-
-export interface LegacySlotProps {
-  renderLegacy: LegacySlotRenderer;
-  props: unknown;
-  shadow?: boolean;
-  injectedStyles?: string;
-  withHostStyles?: boolean;
-  onSetRef?: (ref: HTMLDivElement) => void;
-}
-
-const STYLE_INJECTED_ATTR = 'data-style-injected';
-
-const injectStylesIntoShadow = (currentElement: Node) => {
-  if (!currentElement) return;
-
-  let shadowRoot: ShadowRoot | null = null;
-
-  if (currentElement instanceof Element && currentElement.shadowRoot) {
-    shadowRoot = currentElement.shadowRoot;
-  } else {
-    let node: Node | null = currentElement.parentNode;
-    while (node) {
-      if (node instanceof ShadowRoot) {
-        shadowRoot = node;
-        break;
-      }
-      node = node.parentNode;
-    }
-  }
-
-  if (!shadowRoot) return;
-  if (shadowRoot.querySelector(`style[${STYLE_INJECTED_ATTR}]`)) return;
-
-  document.head.querySelectorAll('style').forEach((styleEl) => {
-    const cloned = styleEl.cloneNode(true) as HTMLElement;
-    cloned.setAttribute(STYLE_INJECTED_ATTR, '');
-    shadowRoot!.appendChild(cloned);
-  });
-
-  // if style is loaded by link tag, we also need to copy it into shadow DOM
-  document.head.querySelectorAll('link[rel="stylesheet"]').forEach((linkEl) => {
-    const cloned = linkEl.cloneNode(true) as HTMLElement;
-    cloned.setAttribute(STYLE_INJECTED_ATTR, '');
-    shadowRoot!.appendChild(cloned);
-  });
-};
-
-export function LegacySlot({
-  renderLegacy,
-  props,
-  shadow = false,
-  withHostStyles = false,
-  injectedStyles,
-  onSetRef,
-}: LegacySlotProps) {
-  const hostRef = useRef<HTMLDivElement>(null);
-  const cleanupRef = useRef<(() => void) | null>(null);
-  const mountPointRef = useRef<HTMLDivElement | null>(null);
-  const targetRef = useRef<HTMLElement | ShadowRoot | null>(null);
-
-  useEffect(() => {
-    if (!hostRef.current) return;
-
-    const host = hostRef.current;
-    onSetRef?.(host);
-    let target: HTMLElement | ShadowRoot = host;
-
-    if (shadow) {
-      const shadowRoot = host.shadowRoot || host.attachShadow({ mode: 'open' });
-      target = shadowRoot;
-
-      if (withHostStyles) {
-        injectStylesIntoShadow(host);
-      }
-      if (typeof injectedStyles === 'string') {
-        const styleEl = document.createElement('style');
-        styleEl.setAttribute('data-legacy-injected-raw', '');
-        styleEl.textContent = injectedStyles;
-        shadowRoot.appendChild(styleEl);
-      }
-    }
-
-    targetRef.current = target;
-
-    const mountPoint = document.createElement('div');
-    mountPoint.style.display = 'contents';
-    target.appendChild(mountPoint);
-    mountPointRef.current = mountPoint;
-
-    cleanupRef.current = renderLegacy(mountPoint, props as Record<string, any>);
-
-    return () => {
-      cleanupRef.current?.();
-      if (mountPointRef.current) {
-        mountPointRef.current.remove();
-        mountPointRef.current = null;
-      }
-      targetRef.current = null;
-    };
-  }, []);
-
-  useEffect(() => {
-    if (!mountPointRef.current) return;
-    cleanupRef.current = renderLegacy(mountPointRef.current, props as Record<string, any>);
-  }, [props, renderLegacy]);
-
-  return <div ref={hostRef} style={{ display: 'contents' }} />;
-}
+import { useEffect, useRef } from 'react';
+import { LegacySlotRenderer } from '../types';
+
+export interface LegacySlotProps {
+  renderLegacy: LegacySlotRenderer;
+  props: unknown;
+  shadow?: boolean;
+  injectedStyles?: string;
+  withHostStyles?: boolean;
+  onSetRef?: (ref: HTMLDivElement) => void;
+}
+
+const STYLE_INJECTED_ATTR = 'data-style-injected';
+
+const injectStylesIntoShadow = (currentElement: Node) => {
+  if (!currentElement) return;
+
+  let shadowRoot: ShadowRoot | null = null;
+
+  if (currentElement instanceof Element && currentElement.shadowRoot) {
+    shadowRoot = currentElement.shadowRoot;
+  } else {
+    let node: Node | null = currentElement.parentNode;
+    while (node) {
+      if (node instanceof ShadowRoot) {
+        shadowRoot = node;
+        break;
+      }
+      node = node.parentNode;
+    }
+  }
+
+  if (!shadowRoot) return;
+  if (shadowRoot.querySelector(`style[${STYLE_INJECTED_ATTR}]`)) return;
+
+  document.head.querySelectorAll('style').forEach((styleEl) => {
+    const cloned = styleEl.cloneNode(true) as HTMLElement;
+    cloned.setAttribute(STYLE_INJECTED_ATTR, '');
+    shadowRoot!.appendChild(cloned);
+  });
+
+  // if style is loaded by link tag, we also need to copy it into shadow DOM
+  document.head.querySelectorAll('link[rel="stylesheet"]').forEach((linkEl) => {
+    const cloned = linkEl.cloneNode(true) as HTMLElement;
+    cloned.setAttribute(STYLE_INJECTED_ATTR, '');
+    shadowRoot!.appendChild(cloned);
+  });
+};
+
+export function LegacySlot({
+  renderLegacy,
+  props,
+  shadow = false,
+  withHostStyles = false,
+  injectedStyles,
+  onSetRef,
+}: LegacySlotProps) {
+  const hostRef = useRef<HTMLDivElement>(null);
+  const cleanupRef = useRef<(() => void) | null>(null);
+  const mountPointRef = useRef<HTMLDivElement | null>(null);
+  const targetRef = useRef<HTMLElement | ShadowRoot | null>(null);
+
+  useEffect(() => {
+    if (!hostRef.current) return;
+
+    const host = hostRef.current;
+    onSetRef?.(host);
+    let target: HTMLElement | ShadowRoot = host;
+
+    if (shadow) {
+      const shadowRoot = host.shadowRoot || host.attachShadow({ mode: 'open' });
+      target = shadowRoot;
+
+      if (withHostStyles) {
+        injectStylesIntoShadow(host);
+      }
+      if (typeof injectedStyles === 'string') {
+        const styleEl = document.createElement('style');
+        styleEl.setAttribute('data-legacy-injected-raw', '');
+        styleEl.textContent = injectedStyles;
+        shadowRoot.appendChild(styleEl);
+      }
+    }
+
+    targetRef.current = target;
+
+    const mountPoint = document.createElement('div');
+    mountPoint.style.display = 'contents';
+    target.appendChild(mountPoint);
+    mountPointRef.current = mountPoint;
+
+    cleanupRef.current = renderLegacy(mountPoint, props as Record<string, any>);
+
+    return () => {
+      cleanupRef.current?.();
+      if (mountPointRef.current) {
+        mountPointRef.current.remove();
+        mountPointRef.current = null;
+      }
+      targetRef.current = null;
+    };
+  }, []);
+
+  useEffect(() => {
+    if (!mountPointRef.current) return;
+    cleanupRef.current = renderLegacy(mountPointRef.current, props as Record<string, any>);
+  }, [props, renderLegacy]);
+
+  return <div ref={hostRef} style={{ display: 'contents' }} />;
+}